├── .babelrc
├── .editorconfig
├── .eslintignore
├── .gitignore
├── README.md
├── build
    ├── build.js
    ├── dev-client.js
    ├── dev-server.js
    ├── utils.js
    ├── webpack.base.conf.js
    ├── webpack.dev.conf.js
    └── webpack.prod.conf.js
├── config
    ├── dev.env.js
    ├── index.js
    ├── prod.env.js
    └── test.env.js
├── dist
    ├── demo9.html
    └── static
    │   ├── css
    │       └── app.43d3074f2a2bf1d13a1fab9b310ee3e6.css
    │   └── js
    │       ├── app.46feb1d466eb8dbaa36b.js
    │       ├── manifest.7f22f7d765f4e74a8c8a.js
    │       └── vendor.49ca22089a17a505695d.js
├── index.html
├── package.json
├── src
    ├── App.vue
    ├── assets
    │   └── logo.png
    ├── components
    │   └── vue-tab.vue
    └── main.js
└── static
    └── .gitkeep


/.babelrc:
--------------------------------------------------------------------------------
1 | {
2 |   "presets": ["es2015", "stage-2"],
3 |   "plugins": ["transform-runtime"],
4 |   "comments": false
5 | }
6 | 


--------------------------------------------------------------------------------
/.editorconfig:
--------------------------------------------------------------------------------
 1 | root = true
 2 | 
 3 | [*]
 4 | charset = utf-8
 5 | indent_style = space
 6 | indent_size = 2
 7 | end_of_line = lf
 8 | insert_final_newline = true
 9 | trim_trailing_whitespace = true
10 | 


--------------------------------------------------------------------------------
/.eslintignore:
--------------------------------------------------------------------------------
1 | build/*.js
2 | config/*.js
3 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | node_modules/
3 | npm-debug.log
4 | selenium-debug.log
5 | test/unit/coverage
6 | test/e2e/reports
7 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # vue-tab for Vue2.x
 2 | ###a tab that can be silded to change pages and allow different height、verticle scroll
 3 | > A project supports for Vue2.x . for Vue1.0 see the "vue-tab.vue1.0" file [deprecated]
 4 | 
 5 | ## demo
 6 | 
 7 | [live-demo](https://rawgit.com/bajian/vue-tab/master/dist/demo9.html)
 8 | 
 9 | ## Build Setup
10 | 
11 | ``` bash
12 | # install dependencies
13 | npm install
14 | 
15 | # serve with hot reload at localhost:8080
16 | npm run dev
17 | 
18 | # build for production with minification
19 | npm run build
20 | 
21 | ```
22 | 
23 | ```html
24 | 	<!-- vue data to set tab title: 'tabtitles':['bajian','github'] -->
25 |     <tab :tabtitles="tabtitles" 
26 |     :current-page="3">
27 |     <!-- div contain as each page -->
28 |       <div class="tab-content-container">
29 |         <div>hahaha1</div>
30 |         <img src="http://i2.....">
31 |         <div>hahaha1</div>
32 |         <div>hahaha1</div>
33 |         <img src="http://i2....">
34 |       </div>
35 |       <div class="tab-content-container">
36 |         bajian2
37 |       </div>
38 |     </tab>
39 | 
40 | ```
41 | 
42 | ## Api
43 | ### Properties
44 | | Name                 | Type      | Default      | Description                                                        |
45 | |----------------------|-----------|--------------|--------------------------------------------------------------------|
46 | | tabtitles            | `Array`  | `[]` | vue data to set tab title.         |
47 | | current-page      | `Number` | `1`      | set the current active page start from 1. |
48 | | slidable      | `Boolean` | `true`      | set false to disable silding to change a page. |
49 | | ==================== | ========= | ============ | =================== |
50 | 
51 | >the length of tabtitles should match to the page number
52 | 
53 | ### Events
54 | | Name                            | Parameters | Description                                                                                                                                                  |
55 | |--------------------|------------|--------------------------------------------------------------------------------------------------------------------------------------------------------------|
56 | | tab-change-start | `pageNumber`     | Fire in the beginning of animation to other slide (next or previous).                                                                                        |
57 | | tab-change-end   | `pageNumber`     | Will be fired after animation to other slide (next or previous).                                                                                             |
58 | | tab-revert-start | `pageNumber`     | Fire in the beginning of animation to revert slide (no change).                                                                                              |
59 | | tab-revert-end   | `pageNumber`     | Will be fired after animation to revert slide (no change).                                                                                                   |
60 | | ================== | ================ | ============================ |
61 | 
62 | #### To set the page the same height (according to the biggest one) ,add the css: 
63 | ```
64 | .tabswiper-wrap> div{ height: initial !important;}
65 | ```
66 | 


--------------------------------------------------------------------------------
/build/build.js:
--------------------------------------------------------------------------------
 1 | // https://github.com/shelljs/shelljs
 2 | require('shelljs/global')
 3 | env.NODE_ENV = 'production'
 4 | 
 5 | var path = require('path')
 6 | var config = require('../config')
 7 | var ora = require('ora')
 8 | var webpack = require('webpack')
 9 | var webpackConfig = require('./webpack.prod.conf')
10 | 
11 | console.log(
12 |   '  Tip:\n' +
13 |   '  Built files are meant to be served over an HTTP server.\n' +
14 |   '  Opening index.html over file:// won\'t work.\n'
15 | )
16 | 
17 | var spinner = ora('building for production...')
18 | spinner.start()
19 | 
20 | var assetsPath = path.join(config.build.assetsRoot, config.build.assetsSubDirectory)
21 | rm('-rf', assetsPath)
22 | mkdir('-p', assetsPath)
23 | cp('-R', 'static/', assetsPath)
24 | 
25 | webpack(webpackConfig, function (err, stats) {
26 |   spinner.stop()
27 |   if (err) throw err
28 |   process.stdout.write(stats.toString({
29 |     colors: true,
30 |     modules: false,
31 |     children: false,
32 |     chunks: false,
33 |     chunkModules: false
34 |   }) + '\n')
35 | })
36 | 


--------------------------------------------------------------------------------
/build/dev-client.js:
--------------------------------------------------------------------------------
 1 | /* eslint-disable */
 2 | require('eventsource-polyfill')
 3 | var hotClient = require('webpack-hot-middleware/client?noInfo=true&reload=true')
 4 | 
 5 | hotClient.subscribe(function (event) {
 6 |   if (event.action === 'reload') {
 7 |     window.location.reload()
 8 |   }
 9 | })
10 | 


--------------------------------------------------------------------------------
/build/dev-server.js:
--------------------------------------------------------------------------------
 1 | var path = require('path')
 2 | var express = require('express')
 3 | var webpack = require('webpack')
 4 | var config = require('../config')
 5 | var proxyMiddleware = require('http-proxy-middleware')
 6 | var webpackConfig = process.env.NODE_ENV === 'testing'
 7 |   ? require('./webpack.prod.conf')
 8 |   : require('./webpack.dev.conf')
 9 | 
10 | // default port where dev server listens for incoming traffic
11 | var port = process.env.PORT || config.dev.port
12 | // Define HTTP proxies to your custom API backend
13 | // https://github.com/chimurai/http-proxy-middleware
14 | var proxyTable = config.dev.proxyTable
15 | 
16 | var app = express()
17 | var compiler = webpack(webpackConfig)
18 | 
19 | var devMiddleware = require('webpack-dev-middleware')(compiler, {
20 |   publicPath: webpackConfig.output.publicPath,
21 |   stats: {
22 |     colors: true,
23 |     chunks: false
24 |   }
25 | })
26 | 
27 | var hotMiddleware = require('webpack-hot-middleware')(compiler)
28 | // force page reload when html-webpack-plugin template changes
29 | compiler.plugin('compilation', function (compilation) {
30 |   compilation.plugin('html-webpack-plugin-after-emit', function (data, cb) {
31 |     hotMiddleware.publish({ action: 'reload' })
32 |     cb()
33 |   })
34 | })
35 | 
36 | // proxy api requests
37 | Object.keys(proxyTable).forEach(function (context) {
38 |   var options = proxyTable[context]
39 |   if (typeof options === 'string') {
40 |     options = { target: options }
41 |   }
42 |   app.use(proxyMiddleware(context, options))
43 | })
44 | 
45 | // handle fallback for HTML5 history API
46 | app.use(require('connect-history-api-fallback')())
47 | 
48 | // serve webpack bundle output
49 | app.use(devMiddleware)
50 | 
51 | // enable hot-reload and state-preserving
52 | // compilation error display
53 | app.use(hotMiddleware)
54 | 
55 | // serve pure static assets
56 | var staticPath = path.posix.join(config.dev.assetsPublicPath, config.dev.assetsSubDirectory)
57 | app.use(staticPath, express.static('./static'))
58 | 
59 | module.exports = app.listen(port, function (err) {
60 |   if (err) {
61 |     console.log(err)
62 |     return
63 |   }
64 |   console.log('Listening at http://localhost:' + port + '\n')
65 | })
66 | 


--------------------------------------------------------------------------------
/build/utils.js:
--------------------------------------------------------------------------------
 1 | var path = require('path')
 2 | var config = require('../config')
 3 | var ExtractTextPlugin = require('extract-text-webpack-plugin')
 4 | 
 5 | exports.assetsPath = function (_path) {
 6 |   var assetsSubDirectory = process.env.NODE_ENV === 'production'
 7 |     ? config.build.assetsSubDirectory
 8 |     : config.dev.assetsSubDirectory
 9 |   return path.posix.join(assetsSubDirectory, _path)
10 | }
11 | 
12 | exports.cssLoaders = function (options) {
13 |   options = options || {}
14 |   // generate loader string to be used with extract text plugin
15 |   function generateLoaders (loaders) {
16 |     var sourceLoader = loaders.map(function (loader) {
17 |       var extraParamChar
18 |       if (/\?/.test(loader)) {
19 |         loader = loader.replace(/\?/, '-loader?')
20 |         extraParamChar = '&'
21 |       } else {
22 |         loader = loader + '-loader'
23 |         extraParamChar = '?'
24 |       }
25 |       return loader + (options.sourceMap ? extraParamChar + 'sourceMap' : '')
26 |     }).join('!')
27 | 
28 |     if (options.extract) {
29 |       return ExtractTextPlugin.extract('vue-style-loader', sourceLoader)
30 |     } else {
31 |       return ['vue-style-loader', sourceLoader].join('!')
32 |     }
33 |   }
34 | 
35 |   // http://vuejs.github.io/vue-loader/configurations/extract-css.html
36 |   return {
37 |     css: generateLoaders(['css']),
38 |     postcss: generateLoaders(['css']),
39 |     less: generateLoaders(['css', 'less']),
40 |     sass: generateLoaders(['css', 'sass?indentedSyntax']),
41 |     scss: generateLoaders(['css', 'sass']),
42 |     stylus: generateLoaders(['css', 'stylus']),
43 |     styl: generateLoaders(['css', 'stylus'])
44 |   }
45 | }
46 | 
47 | // Generate loaders for standalone style files (outside of .vue)
48 | exports.styleLoaders = function (options) {
49 |   var output = []
50 |   var loaders = exports.cssLoaders(options)
51 |   for (var extension in loaders) {
52 |     var loader = loaders[extension]
53 |     output.push({
54 |       test: new RegExp('\\.' + extension + '$'),
55 |       loader: loader
56 |     })
57 |   }
58 |   return output
59 | }
60 | 


--------------------------------------------------------------------------------
/build/webpack.base.conf.js:
--------------------------------------------------------------------------------
 1 | var path = require('path')
 2 | var config = require('../config')
 3 | var utils = require('./utils')
 4 | var projectRoot = path.resolve(__dirname, '../')
 5 | 
 6 | module.exports = {
 7 |   entry: {
 8 |     app: './src/main.js'
 9 |   },
10 |   output: {
11 |     path: config.build.assetsRoot,
12 |     publicPath: process.env.NODE_ENV === 'production' ? config.build.assetsPublicPath : config.dev.assetsPublicPath,
13 |     filename: '[name].js'
14 |   },
15 |   resolve: {
16 |     extensions: ['', '.js', '.vue'],
17 |     fallback: [path.join(__dirname, '../node_modules')],
18 |     alias: {
19 |       'src': path.resolve(__dirname, '../src'),
20 |       'assets': path.resolve(__dirname, '../src/assets'),
21 |       'components': path.resolve(__dirname, '../src/components')
22 |     }
23 |   },
24 |   resolveLoader: {
25 |     fallback: [path.join(__dirname, '../node_modules')]
26 |   },
27 |   module: {
28 |     loaders: [
29 |       {
30 |         test: /\.vue$/,
31 |         loader: 'vue'
32 |       },
33 |       {
34 |         test: /\.js$/,
35 |         loader: 'babel',
36 |         include: projectRoot,
37 |         exclude: /node_modules/
38 |       },
39 |       {
40 |         test: /\.json$/,
41 |         loader: 'json'
42 |       },
43 |       {
44 |         test: /\.html$/,
45 |         loader: 'vue-html'
46 |       },
47 |       {
48 |         test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
49 |         loader: 'url',
50 |         query: {
51 |           limit: 10000,
52 |           name: utils.assetsPath('img/[name].[hash:7].[ext]')
53 |         }
54 |       },
55 |       {
56 |         test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
57 |         loader: 'url',
58 |         query: {
59 |           limit: 10000,
60 |           name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
61 |         }
62 |       }
63 |     ]
64 |   },
65 |   vue: {
66 |     loaders: utils.cssLoaders()
67 |   }
68 | }
69 | 


--------------------------------------------------------------------------------
/build/webpack.dev.conf.js:
--------------------------------------------------------------------------------
 1 | var config = require('../config')
 2 | var webpack = require('webpack')
 3 | var merge = require('webpack-merge')
 4 | var utils = require('./utils')
 5 | var baseWebpackConfig = require('./webpack.base.conf')
 6 | var HtmlWebpackPlugin = require('html-webpack-plugin')
 7 | 
 8 | // add hot-reload related code to entry chunks
 9 | Object.keys(baseWebpackConfig.entry).forEach(function (name) {
10 |   baseWebpackConfig.entry[name] = ['./build/dev-client'].concat(baseWebpackConfig.entry[name])
11 | })
12 | 
13 | module.exports = merge(baseWebpackConfig, {
14 |   module: {
15 |     loaders: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap })
16 |   },
17 |   // eval-source-map is faster for development
18 |   devtool: '#eval-source-map',
19 |   plugins: [
20 |     new webpack.DefinePlugin({
21 |       'process.env': config.dev.env
22 |     }),
23 |     // https://github.com/glenjamin/webpack-hot-middleware#installation--usage
24 |     new webpack.optimize.OccurenceOrderPlugin(),
25 |     new webpack.HotModuleReplacementPlugin(),
26 |     new webpack.NoErrorsPlugin(),
27 |     // https://github.com/ampedandwired/html-webpack-plugin
28 |     new HtmlWebpackPlugin({
29 |       filename: 'index.html',
30 |       template: 'index.html',
31 |       inject: true
32 |     })
33 |   ]
34 | })
35 | 


--------------------------------------------------------------------------------
/build/webpack.prod.conf.js:
--------------------------------------------------------------------------------
  1 | var path = require('path')
  2 | var config = require('../config')
  3 | var utils = require('./utils')
  4 | var webpack = require('webpack')
  5 | var merge = require('webpack-merge')
  6 | var baseWebpackConfig = require('./webpack.base.conf')
  7 | var ExtractTextPlugin = require('extract-text-webpack-plugin')
  8 | var HtmlWebpackPlugin = require('html-webpack-plugin')
  9 | var env = process.env.NODE_ENV === 'testing'
 10 |   ? require('../config/test.env')
 11 |   : config.build.env
 12 | 
 13 | var webpackConfig = merge(baseWebpackConfig, {
 14 |   module: {
 15 |     loaders: utils.styleLoaders({ sourceMap: config.build.productionSourceMap, extract: true })
 16 |   },
 17 |   devtool: config.build.productionSourceMap ? '#source-map' : false,
 18 |   output: {
 19 |     path: config.build.assetsRoot,
 20 |     filename: utils.assetsPath('js/[name].[chunkhash].js'),
 21 |     chunkFilename: utils.assetsPath('js/[id].[chunkhash].js')
 22 |   },
 23 |   vue: {
 24 |     loaders: utils.cssLoaders({
 25 |       sourceMap: config.build.productionSourceMap,
 26 |       extract: true
 27 |     })
 28 |   },
 29 |   plugins: [
 30 |     // http://vuejs.github.io/vue-loader/workflow/production.html
 31 |     new webpack.DefinePlugin({
 32 |       'process.env': env
 33 |     }),
 34 |     new webpack.optimize.UglifyJsPlugin({
 35 |       compress: {
 36 |         warnings: false
 37 |       }
 38 |     }),
 39 |     new webpack.optimize.OccurenceOrderPlugin(),
 40 |     // extract css into its own file
 41 |     new ExtractTextPlugin(utils.assetsPath('css/[name].[contenthash].css')),
 42 |     // generate dist index.html with correct asset hash for caching.
 43 |     // you can customize output by editing /index.html
 44 |     // see https://github.com/ampedandwired/html-webpack-plugin
 45 |     new HtmlWebpackPlugin({
 46 |       filename: process.env.NODE_ENV === 'testing'
 47 |         ? 'index.html'
 48 |         : config.build.index,
 49 |       template: 'index.html',
 50 |       inject: true,
 51 |       minify: {
 52 |         removeComments: true,
 53 |         collapseWhitespace: true,
 54 |         removeAttributeQuotes: true
 55 |         // more options:
 56 |         // https://github.com/kangax/html-minifier#options-quick-reference
 57 |       },
 58 |       // necessary to consistently work with multiple chunks via CommonsChunkPlugin
 59 |       chunksSortMode: 'dependency'
 60 |     }),
 61 |     // split vendor js into its own file
 62 |     new webpack.optimize.CommonsChunkPlugin({
 63 |       name: 'vendor',
 64 |       minChunks: function (module, count) {
 65 |         // any required modules inside node_modules are extracted to vendor
 66 |         return (
 67 |           module.resource &&
 68 |           /\.js$/.test(module.resource) &&
 69 |           module.resource.indexOf(
 70 |             path.join(__dirname, '../node_modules')
 71 |           ) === 0
 72 |         )
 73 |       }
 74 |     }),
 75 |     // extract webpack runtime and module manifest to its own file in order to
 76 |     // prevent vendor hash from being updated whenever app bundle is updated
 77 |     new webpack.optimize.CommonsChunkPlugin({
 78 |       name: 'manifest',
 79 |       chunks: ['vendor']
 80 |     })
 81 |   ]
 82 | })
 83 | 
 84 | if (config.build.productionGzip) {
 85 |   var CompressionWebpackPlugin = require('compression-webpack-plugin')
 86 | 
 87 |   webpackConfig.plugins.push(
 88 |     new CompressionWebpackPlugin({
 89 |       asset: '[path].gz[query]',
 90 |       algorithm: 'gzip',
 91 |       test: new RegExp(
 92 |         '\\.(' +
 93 |         config.build.productionGzipExtensions.join('|') +
 94 |         ')$'
 95 |       ),
 96 |       threshold: 10240,
 97 |       minRatio: 0.8
 98 |     })
 99 |   )
100 | }
101 | 
102 | module.exports = webpackConfig
103 | 


--------------------------------------------------------------------------------
/config/dev.env.js:
--------------------------------------------------------------------------------
1 | var merge = require('webpack-merge')
2 | var prodEnv = require('./prod.env')
3 | 
4 | module.exports = merge(prodEnv, {
5 |   NODE_ENV: '"development"'
6 | })
7 | 


--------------------------------------------------------------------------------
/config/index.js:
--------------------------------------------------------------------------------
 1 | // see http://vuejs-templates.github.io/webpack for documentation.
 2 | var path = require('path')
 3 | 
 4 | module.exports = {
 5 |   build: {
 6 |     env: require('./prod.env'),
 7 |     index: path.resolve(__dirname, '../dist/index.html'),
 8 |     assetsRoot: path.resolve(__dirname, '../dist'),
 9 |     assetsSubDirectory: 'static',
10 |     assetsPublicPath: '/',
11 |     productionSourceMap: true,
12 |     // Gzip off by default as many popular static hosts such as
13 |     // Surge or Netlify already gzip all static assets for you.
14 |     // Before setting to `true`, make sure to:
15 |     // npm install --save-dev compression-webpack-plugin
16 |     productionGzip: false,
17 |     productionGzipExtensions: ['js', 'css']
18 |   },
19 |   dev: {
20 |     env: require('./dev.env'),
21 |     port: 8080,
22 |     assetsSubDirectory: 'static',
23 |     assetsPublicPath: '/',
24 |     proxyTable: {},
25 |     // CSS Sourcemaps off by default because relative paths are "buggy"
26 |     // with this option, according to the CSS-Loader README
27 |     // (https://github.com/webpack/css-loader#sourcemaps)
28 |     // In our experience, they generally work as expected,
29 |     // just be aware of this issue when enabling this option.
30 |     cssSourceMap: false
31 |   }
32 | }
33 | 


--------------------------------------------------------------------------------
/config/prod.env.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |   NODE_ENV: '"production"'
3 | }
4 | 


--------------------------------------------------------------------------------
/config/test.env.js:
--------------------------------------------------------------------------------
1 | var merge = require('webpack-merge')
2 | var devEnv = require('./dev.env')
3 | 
4 | module.exports = merge(devEnv, {
5 |   NODE_ENV: '"testing"'
6 | })
7 | 


--------------------------------------------------------------------------------
/dist/demo9.html:
--------------------------------------------------------------------------------
1 | <!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,user-scalable=0,minimum-scale=1,maximum-scale=1"><title>vue-tab</title><link href=https://cdn.rawgit.com/bajian/vue-tab/master/dist/static/css/app.43d3074f2a2bf1d13a1fab9b310ee3e6.css rel=stylesheet></head><body><app></app><script type=text/javascript src=https://cdn.rawgit.com/bajian/vue-tab/master/dist/static/js/manifest.7f22f7d765f4e74a8c8a.js></script><script type=text/javascript src=https://cdn.rawgit.com/bajian/vue-tab/master/dist/static/js/vendor.49ca22089a17a505695d.js></script><script type=text/javascript src=https://cdn.rawgit.com/bajian/vue-tab/master/dist/static/js/app.46feb1d466eb8dbaa36b.js></script></body></html>


--------------------------------------------------------------------------------
/dist/static/css/app.43d3074f2a2bf1d13a1fab9b310ee3e6.css:
--------------------------------------------------------------------------------
1 | html{height:100%}*{margin:0;padding:0}body{display:flex;align-items:center;justify-content:center;height:100%}.tab-content-container{width:99%;height:200px;margin:0 auto}#app{color:#2c3e50;margin-top:50px;max-width:500px;width:100%;font-family:Source Sans Pro,Helvetica,sans-serif;text-align:center;margin:0 auto}.tab-container{width:100%}.invisible{visibility:hidden}.tabswiper{position:relative;overflow:hidden}.tabswiper-wrap{display:flex;display:inline-flex;width:100%;height:100%;transition:all .2s ease;flex-direction:row}.tabswiper-wrap.dragging{transition:none}.tabswiper-wrap>div{overflow-x:hidden;flex-shrink:0;width:100%;margin:0;padding:0}::-webkit-scrollbar{width:0}.tab-title-container{-webkit-tap-highlight-color:rgba(0,0,0,0);margin:0 auto;list-style:none;border-bottom:1px solid #ddd;display:-webkit-box;display:-o-box;display:-ms-flexbox;display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;width:100%}.tab-title,.tab-title-container{position:relative;-moz-appearance:none;appearance:none;-webkit-user-select:none;outline:none;-webkit-appearance:none;text-decoration:none}.tab-title{height:35px;line-height:35px;text-align:center;cursor:pointer;outline-style:none;-webkit-box-flex:1;-ms-flex:1;flex:1}.tab-title.active,.tab-title:active{border-bottom:2px solid #36acf4;color:#36acf4}
2 | /*# sourceMappingURL=app.43d3074f2a2bf1d13a1fab9b310ee3e6.css.map*/


--------------------------------------------------------------------------------
/dist/static/js/app.46feb1d466eb8dbaa36b.js:
--------------------------------------------------------------------------------
1 | webpackJsonp([1,0],[function(t,e,a){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}var n=a(3),s=i(n),r=a(6),c=i(r);new s.default({el:"app",render:function(t){return t(c.default)}})},function(t,e){},function(t,e){},,function(t,e,a){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=a(7),s=i(n);e.default={components:{tab:s.default},data:function(){return{tabtitles:["bajian","github","bajian","github"],tabtitles2:["bajian","github","bajian"]}}}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=0,i=1,n=2;e.default={props:{tabtitles:{type:Array,default:[]},curPage:{type:Number,default:1},slidable:{type:Boolean,default:!0}},watch:{curPage:function(){(void 0).currentPage=(void 0).curPage}},data:function(){return{lastPage:1,currentPage:this.curPage,translateX:0,startTranslateX:0,delta:0,deltaY:0,dragging:!1,startPos:null,startPosY:null,transitioning:!1,slideEls:[],invisible:!0,judge:a}},mounted:function(){this.$nextTick(function(){this._onTouchMove=this._onTouchMove.bind(this),this._onTouchEnd=this._onTouchEnd.bind(this),this.slideEls=this.$refs["tabswiper-wrap"].children,this.dragging=!0,this.setPage(this.currentPage);var t=this;setTimeout(function(){t.dragging=t.invisible=!1},100),window.onresize=function(){t.setPage(t.currentPage)}})},methods:{next:function(){var t=this.currentPage;t<this.slideEls.length?(t++,this.setPage(t)):this._revert()},prev:function(){var t=this.currentPage;t>1?(t--,this.setPage(t)):this._revert()},setPage:function(t){this.lastPage=this.currentPage,this.currentPage=t,this.translateX=-[].reduce.call(this.slideEls,function(e,a,i){return i>t-2?e:e+a.clientWidth},0),this._onTransitionStart()},_onTouchStart:function(t){this.startPos=this._getTouchPos(t),this.startYPos=this._getTouchYPos(t),this.delta=0,this.startTranslateX=this.translateX,this.startTime=(new Date).getTime(),this.dragging=!0,document.addEventListener("touchmove",this._onTouchMove,!1),document.addEventListener("touchend",this._onTouchEnd,!1)},_onTouchMove:function(t){switch(this.delta=this._getTouchPos(t)-this.startPos,this.deltaY=Math.abs(this._getTouchYPos(t)-this.startYPos),console.log("test",this.judge),this.judge){case a:Math.abs(this.delta)/this.deltaY>1.5?(this.judge=i,t.preventDefault(),t.stopPropagation()):this.judge=n;break;case n:break;case i:t.preventDefault(),t.stopPropagation(),this.translateX=this.startTranslateX+this.delta}},_onTouchEnd:function(t){if(this.dragging=!1,this.judge==i){var e=(new Date).getTime()-this.startTime<1e3;this.delta<-100||e&&this.delta<-15&&this.deltaY/this.delta>-6?this.next():this.delta>100||e&&this.delta>15&&this.deltaY/this.delta<6?this.prev():this._revert()}this.judge=a,document.removeEventListener("touchmove",this._onTouchMove),document.removeEventListener("touchend",this._onTouchEnd)},_revert:function(){this.setPage(this.currentPage)},_getTouchPos:function(t){var e="pageX";return t.changedTouches?t.changedTouches[0][e]:t[e]},_getTouchYPos:function(t){var e="pageY";return t.changedTouches?t.changedTouches[0][e]:t[e]},_onTransitionStart:function(){this.transitioning=!0,this._isPageChanged()?this.$emit("tab-change-start",this.currentPage):this.$emit("tab-revert-start",this.currentPage)},_onTransitionEnd:function(t){t.stopPropagation(),"tabswiper-wrap"==t.target.className&&(this.transitioning=!1,this._isPageChanged()?this.$emit("tab-change-end",this.currentPage):this.$emit("tab-revert-end",this.currentPage))},_isPageChanged:function(){return this.lastPage!==this.currentPage}}}},function(t,e,a){var i,n;a(1),i=a(4);var s=a(8);n=i=i||{},"object"!=typeof i.default&&"function"!=typeof i.default||(n=i=i.default),"function"==typeof n&&(n=n.options),n.render=s.render,n.staticRenderFns=s.staticRenderFns,t.exports=i},function(t,e,a){var i,n;a(2),i=a(5);var s=a(9);n=i=i||{},"object"!=typeof i.default&&"function"!=typeof i.default||(n=i=i.default),"function"==typeof n&&(n=n.options),n.render=s.render,n.staticRenderFns=s.staticRenderFns,t.exports=i},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{attrs:{id:"app"}},[a("tab",{attrs:{tabtitles:t.tabtitles,"current-page":3}},[a("div",{staticClass:"tab-content-container"},[a("button",{attrs:{onclick:"alert(2)"}},[t._v("click")]),t._v(" "),a("div",[t._v("hahaha1")]),t._v(" "),a("div",[t._v("hahaha1")]),t._v(" "),a("div",[t._v("hahaha1")]),t._v(" "),a("div",[t._v("hahaha1")]),t._v(" "),a("div",[t._v("hahaha1")]),t._v(" "),a("div",[t._v("hahaha1")]),t._v(" "),a("div",[t._v("hahaha1")]),t._v(" "),a("img",{attrs:{src:"http://i2.hdslb.com/bfs/archive/33a164cec9e4664675e928c5f0a2844788c077ad.jpg@320w_200h.webp"}}),t._v(" "),a("div",[t._v("hahaha1")]),t._v(" "),a("div",[t._v("hahaha1")]),t._v(" "),a("img",{attrs:{src:"http://i2.hdslb.com/bfs/archive/33a164cec9e4664675e928c5f0a2844788c077ad.jpg@320w_200h.webp"}})]),t._v(" "),a("div",{staticClass:"tab-content-container"},[t._v("\n      bajian2\n    ")]),t._v(" "),a("div",{staticClass:"tab-content-container"},[t._v("\n      bajian3\n    ")]),t._v(" "),a("div",{staticClass:"tab-content-container"},[t._v("\n      bajian4\n    ")])]),t._v(" "),a("br"),t._v(" "),a("br"),t._v(" "),a("div",[t._v("allow different height、verticle scroll")]),t._v(" "),a("b",[t._v("disable slide below:")]),t._v(" "),a("br"),t._v(" "),a("tab",{attrs:{tabtitles:t.tabtitles2,slidable:!1}},[a("div",{staticClass:"tab-content-container",staticStyle:{height:"200px","background-color":"green"}},[t._v("\n    hahaha1\n    "),a("img",{attrs:{src:"http://i2.hdslb.com/bfs/archive/33a164cec9e4664675e928c5f0a2844788c077ad.jpg@320w_200h.webp"}}),t._v(" "),a("div",[t._v("hahaha1")]),t._v(" "),a("div",[t._v("hahaha1")]),t._v(" "),a("img",{attrs:{src:"http://i2.hdslb.com/bfs/archive/33a164cec9e4664675e928c5f0a2844788c077ad.jpg@320w_200h.webp"}})]),t._v(" "),a("div",{staticClass:"tab-content-container",staticStyle:{height:"150px","background-color":"#999"}},[t._v("\n    bajian2\n  ")]),t._v(" "),a("div",{staticClass:"tab-content-container"},[t._v("\n    bajian3\n  ")])])],1)},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"tab-container"},[a("ul",{staticClass:"tab-title-container"},t._l(t.tabtitles,function(e,i){return a("li",{key:i,staticClass:"tab-title",class:{active:i+1===t.currentPage},on:{click:function(e){t.setPage(i+1)}}},[t._v(t._s(e)+"\n        ")])})),t._v(" "),t.slidable?a("div",{staticClass:"tabswiper",class:{invisible:t.invisible},on:{touchstart:t._onTouchStart}},[a("div",{ref:"tabswiper-wrap",staticClass:"tabswiper-wrap",class:{dragging:t.dragging},style:{transform:"translate3d("+t.translateX+"px,0, 0)"},on:{transitionend:t._onTransitionEnd}},[t._t("default")],2)]):a("div",{staticClass:"tabswiper",class:{invisible:t.invisible}},[a("div",{ref:"tabswiper-wrap",staticClass:"tabswiper-wrap",class:{dragging:t.dragging},style:{transform:"translate3d("+t.translateX+"px,0, 0)"},on:{transitionend:t._onTransitionEnd}},[t._t("default")],2)])])},staticRenderFns:[]}}]);
2 | //# sourceMappingURL=app.46feb1d466eb8dbaa36b.js.map


--------------------------------------------------------------------------------
/dist/static/js/manifest.7f22f7d765f4e74a8c8a.js:
--------------------------------------------------------------------------------
1 | !function(e){function t(a){if(n[a])return n[a].exports;var r=n[a]={exports:{},id:a,loaded:!1};return e[a].call(r.exports,r,r.exports,t),r.loaded=!0,r.exports}var a=window.webpackJsonp;window.webpackJsonp=function(o,c){for(var p,s,l=0,i=[];l<o.length;l++)s=o[l],r[s]&&i.push.apply(i,r[s]),r[s]=0;for(p in c)e[p]=c[p];for(a&&a(o,c);i.length;)i.shift().call(null,t);if(c[0])return n[0]=0,t(0)};var n={},r={0:0};t.e=function(e,a){if(0===r[e])return a.call(null,t);if(void 0!==r[e])r[e].push(a);else{r[e]=[a];var n=document.getElementsByTagName("head")[0],o=document.createElement("script");o.type="text/javascript",o.charset="utf-8",o.async=!0,o.src=t.p+"static/js/"+e+"."+{1:"46feb1d466eb8dbaa36b",2:"49ca22089a17a505695d"}[e]+".js",n.appendChild(o)}},t.m=e,t.c=n,t.p="/"}([]);
2 | //# sourceMappingURL=manifest.7f22f7d765f4e74a8c8a.js.map


--------------------------------------------------------------------------------
/dist/static/js/vendor.49ca22089a17a505695d.js:
--------------------------------------------------------------------------------
1 | webpackJsonp([2,0],{3:function(t,e,n){(function(e){/*!
2 | 	 * Vue.js v2.1.9
3 | 	 * (c) 2014-2017 Evan You
4 | 	 * Released under the MIT License.
5 | 	 */
6 | "use strict";function n(t){return null==t?"":"object"==typeof t?JSON.stringify(t,null,2):String(t)}function r(t){var e=parseFloat(t);return isNaN(e)?t:e}function o(t,e){for(var n=Object.create(null),r=t.split(","),o=0;o<r.length;o++)n[r[o]]=!0;return e?function(t){return n[t.toLowerCase()]}:function(t){return n[t]}}function i(t,e){if(t.length){var n=t.indexOf(e);if(n>-1)return t.splice(n,1)}}function a(t,e){return xn.call(t,e)}function s(t){return"string"==typeof t||"number"==typeof t}function c(t){var e=Object.create(null);return function(n){var r=e[n];return r||(e[n]=t(n))}}function u(t,e){function n(n){var r=arguments.length;return r?r>1?t.apply(e,arguments):t.call(e,n):t.call(e)}return n._length=t.length,n}function l(t,e){e=e||0;for(var n=t.length-e,r=new Array(n);n--;)r[n]=t[n+e];return r}function f(t,e){for(var n in e)t[n]=e[n];return t}function p(t){return null!==t&&"object"==typeof t}function d(t){return En.call(t)===Tn}function v(t){for(var e={},n=0;n<t.length;n++)t[n]&&f(e,t[n]);return e}function h(){}function m(t){return t.reduce(function(t,e){return t.concat(e.staticKeys||[])},[]).join(",")}function y(t,e){var n=p(t),r=p(e);return n&&r?JSON.stringify(t)===JSON.stringify(e):!n&&!r&&String(t)===String(e)}function g(t,e){for(var n=0;n<t.length;n++)if(y(t[n],e))return n;return-1}function _(t){var e=(t+"").charCodeAt(0);return 36===e||95===e}function b(t,e,n,r){Object.defineProperty(t,e,{value:n,enumerable:!!r,writable:!0,configurable:!0})}function C(t){if(!Nn.test(t)){var e=t.split(".");return function(t){for(var n=0;n<e.length;n++){if(!t)return;t=t[e[n]]}return t}}}function w(t){return/native code/.test(t.toString())}function x(t){Gn.target&&Zn.push(Gn.target),Gn.target=t}function A(){Gn.target=Zn.pop()}function $(t,e){t.__proto__=e}function k(t,e,n){for(var r=0,o=n.length;r<o;r++){var i=n[r];b(t,i,e[i])}}function O(t,e){if(p(t)){var n;return a(t,"__ob__")&&t.__ob__ instanceof er?n=t.__ob__:tr.shouldConvert&&!Fn()&&(Array.isArray(t)||d(t))&&Object.isExtensible(t)&&!t._isVue&&(n=new er(t)),e&&n&&n.vmCount++,n}}function S(t,e,n,r){var o=new Gn,i=Object.getOwnPropertyDescriptor(t,e);if(!i||i.configurable!==!1){var a=i&&i.get,s=i&&i.set,c=O(n);Object.defineProperty(t,e,{enumerable:!0,configurable:!0,get:function(){var e=a?a.call(t):n;return Gn.target&&(o.depend(),c&&c.dep.depend(),Array.isArray(e)&&I(e)),e},set:function(e){var r=a?a.call(t):n;e===r||e!==e&&r!==r||(s?s.call(t,e):n=e,c=O(e),o.notify())}})}}function E(t,e,n){if(Array.isArray(t))return t.length=Math.max(t.length,e),t.splice(e,1,n),n;if(a(t,e))return void(t[e]=n);var r=t.__ob__;if(!(t._isVue||r&&r.vmCount))return r?(S(r.value,e,n),r.dep.notify(),n):void(t[e]=n)}function T(t,e){var n=t.__ob__;t._isVue||n&&n.vmCount||a(t,e)&&(delete t[e],n&&n.dep.notify())}function I(t){for(var e=void 0,n=0,r=t.length;n<r;n++)e=t[n],e&&e.__ob__&&e.__ob__.dep.depend(),Array.isArray(e)&&I(e)}function j(t,e){if(!e)return t;for(var n,r,o,i=Object.keys(e),s=0;s<i.length;s++)n=i[s],r=t[n],o=e[n],a(t,n)?d(r)&&d(o)&&j(r,o):E(t,n,o);return t}function D(t,e){return e?t?t.concat(e):Array.isArray(e)?e:[e]:t}function N(t,e){var n=Object.create(t||null);return e?f(n,e):n}function P(t){var e=t.props;if(e){var n,r,o,i={};if(Array.isArray(e))for(n=e.length;n--;)r=e[n],"string"==typeof r&&(o=$n(r),i[o]={type:null});else if(d(e))for(var a in e)r=e[a],o=$n(a),i[o]=d(r)?r:{type:r};t.props=i}}function L(t){var e=t.directives;if(e)for(var n in e){var r=e[n];"function"==typeof r&&(e[n]={bind:r,update:r})}}function M(t,e,n){function r(r){var o=nr[r]||rr;l[r]=o(t[r],e[r],n,r)}P(e),L(e);var o=e.extends;if(o&&(t="function"==typeof o?M(t,o.options,n):M(t,o,n)),e.mixins)for(var i=0,s=e.mixins.length;i<s;i++){var c=e.mixins[i];c.prototype instanceof Ft&&(c=c.options),t=M(t,c,n)}var u,l={};for(u in t)r(u);for(u in e)a(t,u)||r(u);return l}function U(t,e,n,r){if("string"==typeof n){var o=t[e];if(a(o,n))return o[n];var i=$n(n);if(a(o,i))return o[i];var s=kn(i);if(a(o,s))return o[s];var c=o[n]||o[i]||o[s];return c}}function B(t,e,n,r){var o=e[t],i=!a(n,t),s=n[t];if(V(Boolean,o.type)&&(i&&!a(o,"default")?s=!1:V(String,o.type)||""!==s&&s!==Sn(t)||(s=!0)),void 0===s){s=R(r,o,t);var c=tr.shouldConvert;tr.shouldConvert=!0,O(s),tr.shouldConvert=c}return s}function R(t,e,n){if(a(e,"default")){var r=e.default;return p(r),t&&t.$options.propsData&&void 0===t.$options.propsData[n]&&void 0!==t[n]?t[n]:"function"==typeof r&&e.type!==Function?r.call(t):r}}function H(t){var e=t&&t.toString().match(/^\s*function (\w+)/);return e&&e[1]}function V(t,e){if(!Array.isArray(e))return H(e)===H(t);for(var n=0,r=e.length;n<r;n++)if(H(e[n])===H(t))return!0;return!1}function F(t){return new ir(void 0,void 0,void 0,String(t))}function z(t){var e=new ir(t.tag,t.data,t.children,t.text,t.elm,t.context,t.componentOptions);return e.ns=t.ns,e.isStatic=t.isStatic,e.key=t.key,e.isCloned=!0,e}function q(t){for(var e=new Array(t.length),n=0;n<t.length;n++)e[n]=z(t[n]);return e}function K(t,e,n,r,o){if(t){var i=n.$options._base;if(p(t)&&(t=i.extend(t)),"function"==typeof t){if(!t.cid)if(t.resolved)t=t.resolved;else if(t=Y(t,i,function(){n.$forceUpdate()}),!t)return;Vt(t),e=e||{};var a=tt(e,t);if(t.options.functional)return J(t,a,e,n,r);var s=e.on;e.on=e.nativeOn,t.options.abstract&&(e={}),nt(e);var c=t.options.name||o,u=new ir("vue-component-"+t.cid+(c?"-"+c:""),e,void 0,void 0,void 0,n,{Ctor:t,propsData:a,listeners:s,tag:o,children:r});return u}}}function J(t,e,n,r,o){var i={},a=t.options.props;if(a)for(var s in a)i[s]=B(s,a,e);var c=Object.create(r),u=function(t,e,n,r){return ft(c,t,e,n,r,!0)},l=t.options.render.call(null,u,{props:i,data:n,parent:r,children:o,slots:function(){return mt(o,r)}});return l instanceof ir&&(l.functionalContext=r,n.slot&&((l.data||(l.data={})).slot=n.slot)),l}function W(t,e,n,r){var o=t.componentOptions,i={_isComponent:!0,parent:e,propsData:o.propsData,_componentTag:o.tag,_parentVnode:t,_parentListeners:o.listeners,_renderChildren:o.children,_parentElm:n||null,_refElm:r||null},a=t.data.inlineTemplate;return a&&(i.render=a.render,i.staticRenderFns=a.staticRenderFns),new o.Ctor(i)}function G(t,e,n,r){if(!t.componentInstance||t.componentInstance._isDestroyed){var o=t.componentInstance=W(t,vr,n,r);o.$mount(e?t.elm:void 0,e)}else if(t.data.keepAlive){var i=t;Z(i,i)}}function Z(t,e){var n=e.componentOptions,r=e.componentInstance=t.componentInstance;r._updateFromParent(n.propsData,n.listeners,e,n.children)}function Q(t){t.componentInstance._isMounted||(t.componentInstance._isMounted=!0,At(t.componentInstance,"mounted")),t.data.keepAlive&&(t.componentInstance._inactive=!1,At(t.componentInstance,"activated"))}function X(t){t.componentInstance._isDestroyed||(t.data.keepAlive?(t.componentInstance._inactive=!0,At(t.componentInstance,"deactivated")):t.componentInstance.$destroy())}function Y(t,e,n){if(!t.requested){t.requested=!0;var r=t.pendingCallbacks=[n],o=!0,i=function(n){if(p(n)&&(n=e.extend(n)),t.resolved=n,!o)for(var i=0,a=r.length;i<a;i++)r[i](n)},a=function(t){},s=t(i,a);return s&&"function"==typeof s.then&&!t.resolved&&s.then(i,a),o=!1,t.resolved}t.pendingCallbacks.push(n)}function tt(t,e){var n=e.options.props;if(n){var r={},o=t.attrs,i=t.props,a=t.domProps;if(o||i||a)for(var s in n){var c=Sn(s);et(r,i,s,c,!0)||et(r,o,s,c)||et(r,a,s,c)}return r}}function et(t,e,n,r,o){if(e){if(a(e,n))return t[n]=e[n],o||delete e[n],!0;if(a(e,r))return t[n]=e[r],o||delete e[r],!0}return!1}function nt(t){t.hook||(t.hook={});for(var e=0;e<lr.length;e++){var n=lr[e],r=t.hook[n],o=ur[n];t.hook[n]=r?rt(o,r):o}}function rt(t,e){return function(n,r,o,i){t(n,r,o,i),e(n,r,o,i)}}function ot(t,e,n,r){r+=e;var o=t.__injected||(t.__injected={});if(!o[r]){o[r]=!0;var i=t[e];i?t[e]=function(){i.apply(this,arguments),n.apply(this,arguments)}:t[e]=n}}function it(t){var e={fn:t,invoker:function(){var t=arguments,n=e.fn;if(Array.isArray(n))for(var r=0;r<n.length;r++)n[r].apply(null,t);else n.apply(null,arguments)}};return e}function at(t,e,n,r,o){var i,a,s,c;for(i in t)a=t[i],s=e[i],c=fr(i),a&&(s?a!==s&&(s.fn=a,t[i]=s):(a.invoker||(a=t[i]=it(a)),n(c.name,a.invoker,c.once,c.capture)));for(i in e)t[i]||(c=fr(i),r(c.name,e[i].invoker,c.capture))}function st(t){for(var e=0;e<t.length;e++)if(Array.isArray(t[e]))return Array.prototype.concat.apply([],t);return t}function ct(t){return s(t)?[F(t)]:Array.isArray(t)?ut(t):void 0}function ut(t,e){var n,r,o,i=[];for(n=0;n<t.length;n++)r=t[n],null!=r&&"boolean"!=typeof r&&(o=i[i.length-1],Array.isArray(r)?i.push.apply(i,ut(r,(e||"")+"_"+n)):s(r)?o&&o.text?o.text+=String(r):""!==r&&i.push(F(r)):r.text&&o&&o.text?i[i.length-1]=F(o.text+r.text):(r.tag&&null==r.key&&null!=e&&(r.key="__vlist"+e+"_"+n+"__"),i.push(r)));return i}function lt(t){return t&&t.filter(function(t){return t&&t.componentOptions})[0]}function ft(t,e,n,r,o,i){return(Array.isArray(n)||s(n))&&(o=r,r=n,n=void 0),i&&(o=dr),pt(t,e,n,r,o)}function pt(t,e,n,r,o){if(n&&n.__ob__)return cr();if(!e)return cr();Array.isArray(r)&&"function"==typeof r[0]&&(n=n||{},n.scopedSlots={default:r[0]},r.length=0),o===dr?r=ct(r):o===pr&&(r=st(r));var i,a;if("string"==typeof e){var s;a=Dn.getTagNamespace(e),i=Dn.isReservedTag(e)?new ir(Dn.parsePlatformTagName(e),n,r,void 0,void 0,t):(s=U(t.$options,"components",e))?K(s,n,t,r,e):new ir(e,n,r,void 0,void 0,t)}else i=K(e,n,t,r);return i?(a&&dt(i,a),i):cr()}function dt(t,e){if(t.ns=e,"foreignObject"!==t.tag&&t.children)for(var n=0,r=t.children.length;n<r;n++){var o=t.children[n];o.tag&&!o.ns&&dt(o,e)}}function vt(t){t.$vnode=null,t._vnode=null,t._staticTrees=null;var e=t.$options._parentVnode,n=e&&e.context;t.$slots=mt(t.$options._renderChildren,n),t.$scopedSlots={},t._c=function(e,n,r,o){return ft(t,e,n,r,o,!1)},t.$createElement=function(e,n,r,o){return ft(t,e,n,r,o,!0)}}function ht(t){function e(t,e,n){if(Array.isArray(t))for(var r=0;r<t.length;r++)t[r]&&"string"!=typeof t[r]&&o(t[r],e+"_"+r,n);else o(t,e,n)}function o(t,e,n){t.isStatic=!0,t.key=e,t.isOnce=n}t.prototype.$nextTick=function(t){return qn(t,this)},t.prototype._render=function(){var t=this,e=t.$options,n=e.render,r=e.staticRenderFns,o=e._parentVnode;if(t._isMounted)for(var i in t.$slots)t.$slots[i]=q(t.$slots[i]);o&&o.data.scopedSlots&&(t.$scopedSlots=o.data.scopedSlots),r&&!t._staticTrees&&(t._staticTrees=[]),t.$vnode=o;var a;try{a=n.call(t._renderProxy,t.$createElement)}catch(e){if(!Dn.errorHandler)throw e;Dn.errorHandler.call(null,e,t),a=t._vnode}return a instanceof ir||(a=cr()),a.parent=o,a},t.prototype._s=n,t.prototype._v=F,t.prototype._n=r,t.prototype._e=cr,t.prototype._q=y,t.prototype._i=g,t.prototype._m=function(t,n){var r=this._staticTrees[t];return r&&!n?Array.isArray(r)?q(r):z(r):(r=this._staticTrees[t]=this.$options.staticRenderFns[t].call(this._renderProxy),e(r,"__static__"+t,!1),r)},t.prototype._o=function(t,n,r){return e(t,"__once__"+n+(r?"_"+r:""),!0),t},t.prototype._f=function(t){return U(this.$options,"filters",t,!0)||jn},t.prototype._l=function(t,e){var n,r,o,i,a;if(Array.isArray(t)||"string"==typeof t)for(n=new Array(t.length),r=0,o=t.length;r<o;r++)n[r]=e(t[r],r);else if("number"==typeof t)for(n=new Array(t),r=0;r<t;r++)n[r]=e(r+1,r);else if(p(t))for(i=Object.keys(t),n=new Array(i.length),r=0,o=i.length;r<o;r++)a=i[r],n[r]=e(t[a],a,r);return n},t.prototype._t=function(t,e,n,r){var o=this.$scopedSlots[t];if(o)return n=n||{},r&&f(n,r),o(n)||e;var i=this.$slots[t];return i||e},t.prototype._b=function(t,e,n,r){if(n)if(p(n)){Array.isArray(n)&&(n=v(n));for(var o in n)if("class"===o||"style"===o)t[o]=n[o];else{var i=t.attrs&&t.attrs.type,a=r||Dn.mustUseProp(e,i,o)?t.domProps||(t.domProps={}):t.attrs||(t.attrs={});a[o]=n[o]}}else;return t},t.prototype._k=function(t,e,n){var r=Dn.keyCodes[e]||n;return Array.isArray(r)?r.indexOf(t)===-1:r!==t}}function mt(t,e){var n={};if(!t)return n;for(var r,o,i=[],a=0,s=t.length;a<s;a++)if(o=t[a],(o.context===e||o.functionalContext===e)&&o.data&&(r=o.data.slot)){var c=n[r]||(n[r]=[]);"template"===o.tag?c.push.apply(c,o.children):c.push(o)}else i.push(o);return i.length&&(1!==i.length||" "!==i[0].text&&!i[0].isComment)&&(n.default=i),n}function yt(t){t._events=Object.create(null),t._hasHookEvent=!1;var e=t.$options._parentListeners;e&&bt(t,e)}function gt(t,e,n){n?sr.$once(t,e):sr.$on(t,e)}function _t(t,e){sr.$off(t,e)}function bt(t,e,n){sr=t,at(e,n||{},gt,_t,t)}function Ct(t){var e=/^hook:/;t.prototype.$on=function(t,n){var r=this;return(r._events[t]||(r._events[t]=[])).push(n),e.test(t)&&(r._hasHookEvent=!0),r},t.prototype.$once=function(t,e){function n(){r.$off(t,n),e.apply(r,arguments)}var r=this;return n.fn=e,r.$on(t,n),r},t.prototype.$off=function(t,e){var n=this;if(!arguments.length)return n._events=Object.create(null),n;var r=n._events[t];if(!r)return n;if(1===arguments.length)return n._events[t]=null,n;for(var o,i=r.length;i--;)if(o=r[i],o===e||o.fn===e){r.splice(i,1);break}return n},t.prototype.$emit=function(t){var e=this,n=e._events[t];if(n){n=n.length>1?l(n):n;for(var r=l(arguments,1),o=0,i=n.length;o<i;o++)n[o].apply(e,r)}return e}}function wt(t){var e=t.$options,n=e.parent;if(n&&!e.abstract){for(;n.$options.abstract&&n.$parent;)n=n.$parent;n.$children.push(t)}t.$parent=n,t.$root=n?n.$root:t,t.$children=[],t.$refs={},t._watcher=null,t._inactive=!1,t._isMounted=!1,t._isDestroyed=!1,t._isBeingDestroyed=!1}function xt(t){t.prototype._mount=function(t,e){var n=this;return n.$el=t,n.$options.render||(n.$options.render=cr),At(n,"beforeMount"),n._watcher=new Cr(n,function(){n._update(n._render(),e)},h),e=!1,null==n.$vnode&&(n._isMounted=!0,At(n,"mounted")),n},t.prototype._update=function(t,e){var n=this;n._isMounted&&At(n,"beforeUpdate");var r=n.$el,o=n._vnode,i=vr;vr=n,n._vnode=t,o?n.$el=n.__patch__(o,t):n.$el=n.__patch__(n.$el,t,e,!1,n.$options._parentElm,n.$options._refElm),vr=i,r&&(r.__vue__=null),n.$el&&(n.$el.__vue__=n),n.$vnode&&n.$parent&&n.$vnode===n.$parent._vnode&&(n.$parent.$el=n.$el)},t.prototype._updateFromParent=function(t,e,n,r){var o=this,i=!(!o.$options._renderChildren&&!r);if(o.$options._parentVnode=n,o.$vnode=n,o._vnode&&(o._vnode.parent=n),o.$options._renderChildren=r,t&&o.$options.props){tr.shouldConvert=!1;for(var a=o.$options._propKeys||[],s=0;s<a.length;s++){var c=a[s];o[c]=B(c,o.$options.props,t,o)}tr.shouldConvert=!0,o.$options.propsData=t}if(e){var u=o.$options._parentListeners;o.$options._parentListeners=e,bt(o,e,u)}i&&(o.$slots=mt(r,n.context),o.$forceUpdate())},t.prototype.$forceUpdate=function(){var t=this;t._watcher&&t._watcher.update()},t.prototype.$destroy=function(){var t=this;if(!t._isBeingDestroyed){At(t,"beforeDestroy"),t._isBeingDestroyed=!0;var e=t.$parent;!e||e._isBeingDestroyed||t.$options.abstract||i(e.$children,t),t._watcher&&t._watcher.teardown();for(var n=t._watchers.length;n--;)t._watchers[n].teardown();t._data.__ob__&&t._data.__ob__.vmCount--,t._isDestroyed=!0,At(t,"destroyed"),t.$off(),t.$el&&(t.$el.__vue__=null),t.__patch__(t._vnode,null)}}}function At(t,e){var n=t.$options[e];if(n)for(var r=0,o=n.length;r<o;r++)n[r].call(t);t._hasHookEvent&&t.$emit("hook:"+e)}function $t(){hr.length=0,mr={},yr=gr=!1}function kt(){gr=!0;var t,e,n;for(hr.sort(function(t,e){return t.id-e.id}),_r=0;_r<hr.length;_r++)t=hr[_r],e=t.id,mr[e]=null,t.run();for(_r=hr.length;_r--;)t=hr[_r],n=t.vm,n._watcher===t&&n._isMounted&&At(n,"updated");zn&&Dn.devtools&&zn.emit("flush"),$t()}function Ot(t){var e=t.id;if(null==mr[e]){if(mr[e]=!0,gr){for(var n=hr.length-1;n>=0&&hr[n].id>t.id;)n--;hr.splice(Math.max(n,_r)+1,0,t)}else hr.push(t);yr||(yr=!0,qn(kt))}}function St(t){wr.clear(),Et(t,wr)}function Et(t,e){var n,r,o=Array.isArray(t);if((o||p(t))&&Object.isExtensible(t)){if(t.__ob__){var i=t.__ob__.dep.id;if(e.has(i))return;e.add(i)}if(o)for(n=t.length;n--;)Et(t[n],e);else for(r=Object.keys(t),n=r.length;n--;)Et(t[r[n]],e)}}function Tt(t){t._watchers=[];var e=t.$options;e.props&&It(t,e.props),e.methods&&Pt(t,e.methods),e.data?jt(t):O(t._data={},!0),e.computed&&Dt(t,e.computed),e.watch&&Lt(t,e.watch)}function It(t,e){var n=t.$options.propsData||{},r=t.$options._propKeys=Object.keys(e),o=!t.$parent;tr.shouldConvert=o;for(var i=function(o){var i=r[o];S(t,i,B(i,e,n,t))},a=0;a<r.length;a++)i(a);tr.shouldConvert=!0}function jt(t){var e=t.$options.data;e=t._data="function"==typeof e?e.call(t):e||{},d(e)||(e={});for(var n=Object.keys(e),r=t.$options.props,o=n.length;o--;)r&&a(r,n[o])||Bt(t,n[o]);O(e,!0)}function Dt(t,e){for(var n in e){var r=e[n];"function"==typeof r?(xr.get=Nt(r,t),xr.set=h):(xr.get=r.get?r.cache!==!1?Nt(r.get,t):u(r.get,t):h,xr.set=r.set?u(r.set,t):h),Object.defineProperty(t,n,xr)}}function Nt(t,e){var n=new Cr(e,t,h,{lazy:!0});return function(){return n.dirty&&n.evaluate(),Gn.target&&n.depend(),n.value}}function Pt(t,e){for(var n in e)t[n]=null==e[n]?h:u(e[n],t)}function Lt(t,e){for(var n in e){var r=e[n];if(Array.isArray(r))for(var o=0;o<r.length;o++)Mt(t,n,r[o]);else Mt(t,n,r)}}function Mt(t,e,n){var r;d(n)&&(r=n,n=n.handler),"string"==typeof n&&(n=t[n]),t.$watch(e,n,r)}function Ut(t){var e={};e.get=function(){return this._data},Object.defineProperty(t.prototype,"$data",e),t.prototype.$set=E,t.prototype.$delete=T,t.prototype.$watch=function(t,e,n){var r=this;n=n||{},n.user=!0;var o=new Cr(r,t,e,n);return n.immediate&&e.call(r,o.value),function(){o.teardown()}}}function Bt(t,e){_(e)||Object.defineProperty(t,e,{configurable:!0,enumerable:!0,get:function(){return t._data[e]},set:function(n){t._data[e]=n}})}function Rt(t){t.prototype._init=function(t){var e=this;e._uid=Ar++,e._isVue=!0,t&&t._isComponent?Ht(e,t):e.$options=M(Vt(e.constructor),t||{},e),e._renderProxy=e,e._self=e,wt(e),yt(e),vt(e),At(e,"beforeCreate"),Tt(e),At(e,"created"),e.$options.el&&e.$mount(e.$options.el)}}function Ht(t,e){var n=t.$options=Object.create(t.constructor.options);n.parent=e.parent,n.propsData=e.propsData,n._parentVnode=e._parentVnode,n._parentListeners=e._parentListeners,n._renderChildren=e._renderChildren,n._componentTag=e._componentTag,n._parentElm=e._parentElm,n._refElm=e._refElm,e.render&&(n.render=e.render,n.staticRenderFns=e.staticRenderFns)}function Vt(t){var e=t.options;if(t.super){var n=t.super.options,r=t.superOptions,o=t.extendOptions;n!==r&&(t.superOptions=n,o.render=e.render,o.staticRenderFns=e.staticRenderFns,o._scopeId=e._scopeId,e=t.options=M(n,o),e.name&&(e.components[e.name]=t))}return e}function Ft(t){this._init(t)}function zt(t){t.use=function(t){if(!t.installed){var e=l(arguments,1);return e.unshift(this),"function"==typeof t.install?t.install.apply(t,e):t.apply(null,e),t.installed=!0,this}}}function qt(t){t.mixin=function(t){this.options=M(this.options,t)}}function Kt(t){t.cid=0;var e=1;t.extend=function(t){t=t||{};var n=this,r=n.cid,o=t._Ctor||(t._Ctor={});if(o[r])return o[r];var i=t.name||n.options.name,a=function(t){this._init(t)};return a.prototype=Object.create(n.prototype),a.prototype.constructor=a,a.cid=e++,a.options=M(n.options,t),a.super=n,a.extend=n.extend,a.mixin=n.mixin,a.use=n.use,Dn._assetTypes.forEach(function(t){a[t]=n[t]}),i&&(a.options.components[i]=a),a.superOptions=n.options,a.extendOptions=t,o[r]=a,a}}function Jt(t){Dn._assetTypes.forEach(function(e){t[e]=function(t,n){return n?("component"===e&&d(n)&&(n.name=n.name||t,n=this.options._base.extend(n)),"directive"===e&&"function"==typeof n&&(n={bind:n,update:n}),this.options[e+"s"][t]=n,n):this.options[e+"s"][t]}})}function Wt(t){return t&&(t.Ctor.options.name||t.tag)}function Gt(t,e){return"string"==typeof t?t.split(",").indexOf(e)>-1:t.test(e)}function Zt(t,e){for(var n in t){var r=t[n];if(r){var o=Wt(r.componentOptions);o&&!e(o)&&(Qt(r),t[n]=null)}}}function Qt(t){t&&(t.componentInstance._inactive||At(t.componentInstance,"deactivated"),t.componentInstance.$destroy())}function Xt(t){var e={};e.get=function(){return Dn},Object.defineProperty(t,"config",e),t.util=or,t.set=E,t.delete=T,t.nextTick=qn,t.options=Object.create(null),Dn._assetTypes.forEach(function(e){t.options[e+"s"]=Object.create(null)}),t.options._base=t,f(t.options.components,Or),zt(t),qt(t),Kt(t),Jt(t)}function Yt(t){for(var e=t.data,n=t,r=t;r.componentInstance;)r=r.componentInstance._vnode,r.data&&(e=te(r.data,e));for(;n=n.parent;)n.data&&(e=te(e,n.data));return ee(e)}function te(t,e){return{staticClass:ne(t.staticClass,e.staticClass),class:t.class?[t.class,e.class]:e.class}}function ee(t){var e=t.class,n=t.staticClass;return n||e?ne(n,re(e)):""}function ne(t,e){return t?e?t+" "+e:t:e||""}function re(t){var e="";if(!t)return e;if("string"==typeof t)return t;if(Array.isArray(t)){for(var n,r=0,o=t.length;r<o;r++)t[r]&&(n=re(t[r]))&&(e+=n+" ");return e.slice(0,-1)}if(p(t)){for(var i in t)t[i]&&(e+=i+" ");return e.slice(0,-1)}return e}function oe(t){return Rr(t)?"svg":"math"===t?"math":void 0}function ie(t){if(!Ln)return!0;if(Hr(t))return!1;if(t=t.toLowerCase(),null!=Vr[t])return Vr[t];var e=document.createElement(t);return t.indexOf("-")>-1?Vr[t]=e.constructor===window.HTMLUnknownElement||e.constructor===window.HTMLElement:Vr[t]=/HTMLUnknownElement/.test(e.toString())}function ae(t){if("string"==typeof t){if(t=document.querySelector(t),!t)return document.createElement("div")}return t}function se(t,e){var n=document.createElement(t);return"select"!==t?n:(e.data&&e.data.attrs&&"multiple"in e.data.attrs&&n.setAttribute("multiple","multiple"),n)}function ce(t,e){return document.createElementNS(Ur[t],e)}function ue(t){return document.createTextNode(t)}function le(t){return document.createComment(t)}function fe(t,e,n){t.insertBefore(e,n)}function pe(t,e){t.removeChild(e)}function de(t,e){t.appendChild(e)}function ve(t){return t.parentNode}function he(t){return t.nextSibling}function me(t){return t.tagName}function ye(t,e){t.textContent=e}function ge(t,e,n){t.setAttribute(e,n)}function _e(t,e){var n=t.data.ref;if(n){var r=t.context,o=t.componentInstance||t.elm,a=r.$refs;e?Array.isArray(a[n])?i(a[n],o):a[n]===o&&(a[n]=void 0):t.data.refInFor?Array.isArray(a[n])&&a[n].indexOf(o)<0?a[n].push(o):a[n]=[o]:a[n]=o}}function be(t){return null==t}function Ce(t){return null!=t}function we(t,e){return t.key===e.key&&t.tag===e.tag&&t.isComment===e.isComment&&!t.data==!e.data}function xe(t,e,n){var r,o,i={};for(r=e;r<=n;++r)o=t[r].key,Ce(o)&&(i[o]=r);return i}function Ae(t){function e(t){return new ir(O.tagName(t).toLowerCase(),{},[],void 0,t)}function n(t,e){function n(){0===--n.listeners&&r(t)}return n.listeners=e,n}function r(t){var e=O.parentNode(t);e&&O.removeChild(e,t)}function i(t,e,n,r,o){if(t.isRootInsert=!o,!a(t,e,n,r)){var i=t.data,s=t.children,c=t.tag;Ce(c)?(t.elm=t.ns?O.createElementNS(t.ns,c):O.createElement(c,t),v(t),f(t,s,e),Ce(i)&&d(t,e),l(n,t.elm,r)):t.isComment?(t.elm=O.createComment(t.text),l(n,t.elm,r)):(t.elm=O.createTextNode(t.text),l(n,t.elm,r))}}function a(t,e,n,r){var o=t.data;if(Ce(o)){var i=Ce(t.componentInstance)&&o.keepAlive;if(Ce(o=o.hook)&&Ce(o=o.init)&&o(t,!1,n,r),Ce(t.componentInstance))return c(t,e),i&&u(t,e,n,r),!0}}function c(t,e){t.data.pendingInsert&&e.push.apply(e,t.data.pendingInsert),t.elm=t.componentInstance.$el,p(t)?(d(t,e),v(t)):(_e(t),e.push(t))}function u(t,e,n,r){for(var o,i=t;i.componentInstance;)if(i=i.componentInstance._vnode,Ce(o=i.data)&&Ce(o=o.transition)){for(o=0;o<$.activate.length;++o)$.activate[o](qr,i);e.push(i);break}l(n,t.elm,r)}function l(t,e,n){t&&(n?O.insertBefore(t,e,n):O.appendChild(t,e))}function f(t,e,n){if(Array.isArray(e))for(var r=0;r<e.length;++r)i(e[r],n,t.elm,null,!0);else s(t.text)&&O.appendChild(t.elm,O.createTextNode(t.text))}function p(t){for(;t.componentInstance;)t=t.componentInstance._vnode;return Ce(t.tag)}function d(t,e){for(var n=0;n<$.create.length;++n)$.create[n](qr,t);x=t.data.hook,Ce(x)&&(x.create&&x.create(qr,t),x.insert&&e.push(t))}function v(t){var e;Ce(e=t.context)&&Ce(e=e.$options._scopeId)&&O.setAttribute(t.elm,e,""),Ce(e=vr)&&e!==t.context&&Ce(e=e.$options._scopeId)&&O.setAttribute(t.elm,e,"")}function h(t,e,n,r,o,a){for(;r<=o;++r)i(n[r],a,t,e)}function m(t){var e,n,r=t.data;if(Ce(r))for(Ce(e=r.hook)&&Ce(e=e.destroy)&&e(t),e=0;e<$.destroy.length;++e)$.destroy[e](t);if(Ce(e=t.children))for(n=0;n<t.children.length;++n)m(t.children[n])}function y(t,e,n,o){for(;n<=o;++n){var i=e[n];Ce(i)&&(Ce(i.tag)?(g(i),m(i)):r(i.elm))}}function g(t,e){if(e||Ce(t.data)){var o=$.remove.length+1;for(e?e.listeners+=o:e=n(t.elm,o),Ce(x=t.componentInstance)&&Ce(x=x._vnode)&&Ce(x.data)&&g(x,e),x=0;x<$.remove.length;++x)$.remove[x](t,e);Ce(x=t.data.hook)&&Ce(x=x.remove)?x(t,e):e()}else r(t.elm)}function _(t,e,n,r,o){for(var a,s,c,u,l=0,f=0,p=e.length-1,d=e[0],v=e[p],m=n.length-1,g=n[0],_=n[m],C=!o;l<=p&&f<=m;)be(d)?d=e[++l]:be(v)?v=e[--p]:we(d,g)?(b(d,g,r),d=e[++l],g=n[++f]):we(v,_)?(b(v,_,r),v=e[--p],_=n[--m]):we(d,_)?(b(d,_,r),C&&O.insertBefore(t,d.elm,O.nextSibling(v.elm)),d=e[++l],_=n[--m]):we(v,g)?(b(v,g,r),C&&O.insertBefore(t,v.elm,d.elm),v=e[--p],g=n[++f]):(be(a)&&(a=xe(e,l,p)),s=Ce(g.key)?a[g.key]:null,be(s)?(i(g,r,t,d.elm),g=n[++f]):(c=e[s],we(c,g)?(b(c,g,r),e[s]=void 0,C&&O.insertBefore(t,g.elm,d.elm),g=n[++f]):(i(g,r,t,d.elm),g=n[++f])));l>p?(u=be(n[m+1])?null:n[m+1].elm,h(t,u,n,f,m,r)):f>m&&y(t,e,l,p)}function b(t,e,n,r){if(t!==e){if(e.isStatic&&t.isStatic&&e.key===t.key&&(e.isCloned||e.isOnce))return e.elm=t.elm,void(e.componentInstance=t.componentInstance);var o,i=e.data,a=Ce(i);a&&Ce(o=i.hook)&&Ce(o=o.prepatch)&&o(t,e);var s=e.elm=t.elm,c=t.children,u=e.children;if(a&&p(e)){for(o=0;o<$.update.length;++o)$.update[o](t,e);Ce(o=i.hook)&&Ce(o=o.update)&&o(t,e)}be(e.text)?Ce(c)&&Ce(u)?c!==u&&_(s,c,u,n,r):Ce(u)?(Ce(t.text)&&O.setTextContent(s,""),h(s,null,u,0,u.length-1,n)):Ce(c)?y(s,c,0,c.length-1):Ce(t.text)&&O.setTextContent(s,""):t.text!==e.text&&O.setTextContent(s,e.text),a&&Ce(o=i.hook)&&Ce(o=o.postpatch)&&o(t,e)}}function C(t,e,n){if(n&&t.parent)t.parent.data.pendingInsert=e;else for(var r=0;r<e.length;++r)e[r].data.hook.insert(e[r])}function w(t,e,n){e.elm=t;var r=e.tag,o=e.data,i=e.children;if(Ce(o)&&(Ce(x=o.hook)&&Ce(x=x.init)&&x(e,!0),Ce(x=e.componentInstance)))return c(e,n),!0;if(Ce(r)){if(Ce(i))if(t.hasChildNodes()){for(var a=!0,s=t.firstChild,u=0;u<i.length;u++){if(!s||!w(s,i[u],n)){a=!1;break}s=s.nextSibling}if(!a||s)return!1}else f(e,i,n);if(Ce(o))for(var l in o)if(!S(l)){d(e,n);break}}else t.data!==e.text&&(t.data=e.text);return!0}var x,A,$={},k=t.modules,O=t.nodeOps;for(x=0;x<Kr.length;++x)for($[Kr[x]]=[],A=0;A<k.length;++A)void 0!==k[A][Kr[x]]&&$[Kr[x]].push(k[A][Kr[x]]);var S=o("attrs,style,class,staticClass,staticStyle,key");return function(t,n,r,o,a,s){if(!n)return void(t&&m(t));var c=!1,u=[];if(t){var l=Ce(t.nodeType);if(!l&&we(t,n))b(t,n,u,o);else{if(l){if(1===t.nodeType&&t.hasAttribute("server-rendered")&&(t.removeAttribute("server-rendered"),r=!0),r&&w(t,n,u))return C(n,u,!0),t;t=e(t)}var f=t.elm,d=O.parentNode(f);if(i(n,u,f._leaveCb?null:d,O.nextSibling(f)),n.parent){for(var v=n.parent;v;)v.elm=n.elm,v=v.parent;if(p(n))for(var h=0;h<$.create.length;++h)$.create[h](qr,n.parent)}null!==d?y(d,[t],0,0):Ce(t.tag)&&m(t)}}else c=!0,i(n,u,a,s);return C(n,u,c),n.elm}}function $e(t,e){(t.data.directives||e.data.directives)&&ke(t,e)}function ke(t,e){var n,r,o,i=t===qr,a=e===qr,s=Oe(t.data.directives,t.context),c=Oe(e.data.directives,e.context),u=[],l=[];for(n in c)r=s[n],o=c[n],r?(o.oldValue=r.value,Ee(o,"update",e,t),o.def&&o.def.componentUpdated&&l.push(o)):(Ee(o,"bind",e,t),o.def&&o.def.inserted&&u.push(o));if(u.length){var f=function(){for(var n=0;n<u.length;n++)Ee(u[n],"inserted",e,t)};i?ot(e.data.hook||(e.data.hook={}),"insert",f,"dir-insert"):f()}if(l.length&&ot(e.data.hook||(e.data.hook={}),"postpatch",function(){for(var n=0;n<l.length;n++)Ee(l[n],"componentUpdated",e,t)},"dir-postpatch"),!i)for(n in s)c[n]||Ee(s[n],"unbind",t,t,a)}function Oe(t,e){var n=Object.create(null);if(!t)return n;var r,o;for(r=0;r<t.length;r++)o=t[r],o.modifiers||(o.modifiers=Wr),n[Se(o)]=o,o.def=U(e.$options,"directives",o.name,!0);return n}function Se(t){return t.rawName||t.name+"."+Object.keys(t.modifiers||{}).join(".")}function Ee(t,e,n,r,o){var i=t.def&&t.def[e];i&&i(n.elm,t,n,r,o)}function Te(t,e){if(t.data.attrs||e.data.attrs){var n,r,o,i=e.elm,a=t.data.attrs||{},s=e.data.attrs||{};s.__ob__&&(s=e.data.attrs=f({},s));for(n in s)r=s[n],o=a[n],o!==r&&Ie(i,n,r);Bn&&s.value!==a.value&&Ie(i,"value",s.value);for(n in a)null==s[n]&&(Pr(n)?i.removeAttributeNS(Nr,Lr(n)):jr(n)||i.removeAttribute(n))}}function Ie(t,e,n){Dr(e)?Mr(n)?t.removeAttribute(e):t.setAttribute(e,e):jr(e)?t.setAttribute(e,Mr(n)||"false"===n?"false":"true"):Pr(e)?Mr(n)?t.removeAttributeNS(Nr,Lr(e)):t.setAttributeNS(Nr,e,n):Mr(n)?t.removeAttribute(e):t.setAttribute(e,n)}function je(t,e){var n=e.elm,r=e.data,o=t.data;if(r.staticClass||r.class||o&&(o.staticClass||o.class)){var i=Yt(e),a=n._transitionClasses;a&&(i=ne(i,re(a))),i!==n._prevClass&&(n.setAttribute("class",i),n._prevClass=i)}}function De(t,e,n,r){if(n){var o=e,i=Sr;e=function(n){Ne(t,e,r,i),1===arguments.length?o(n):o.apply(null,arguments)}}Sr.addEventListener(t,e,r)}function Ne(t,e,n,r){(r||Sr).removeEventListener(t,e,n)}function Pe(t,e){if(t.data.on||e.data.on){var n=e.data.on||{},r=t.data.on||{};Sr=e.elm,at(n,r,De,Ne,e.context)}}function Le(t,e){if(t.data.domProps||e.data.domProps){var n,r,o=e.elm,i=t.data.domProps||{},a=e.data.domProps||{};a.__ob__&&(a=e.data.domProps=f({},a));for(n in i)null==a[n]&&(o[n]="");for(n in a)if(r=a[n],"textContent"!==n&&"innerHTML"!==n||(e.children&&(e.children.length=0),r!==i[n]))if("value"===n){o._value=r;var s=null==r?"":String(r);Me(o,e,s)&&(o.value=s)}else o[n]=r}}function Me(t,e,n){return!t.composing&&("option"===e.tag||Ue(t,n)||Be(e,n))}function Ue(t,e){return document.activeElement!==t&&t.value!==e}function Be(t,e){var n=t.elm.value,o=t.elm._vModifiers;return o&&o.number||"number"===t.elm.type?r(n)!==r(e):o&&o.trim?n.trim()!==e.trim():n!==e}function Re(t){var e=He(t.style);return t.staticStyle?f(t.staticStyle,e):e}function He(t){return Array.isArray(t)?v(t):"string"==typeof t?to(t):t}function Ve(t,e){var n,r={};if(e)for(var o=t;o.componentInstance;)o=o.componentInstance._vnode,o.data&&(n=Re(o.data))&&f(r,n);(n=Re(t.data))&&f(r,n);for(var i=t;i=i.parent;)i.data&&(n=Re(i.data))&&f(r,n);return r}function Fe(t,e){var n=e.data,r=t.data;if(n.staticStyle||n.style||r.staticStyle||r.style){var o,i,a=e.elm,s=t.data.staticStyle,c=t.data.style||{},u=s||c,l=He(e.data.style)||{};e.data.style=l.__ob__?f({},l):l;var p=Ve(e,!0);for(i in u)null==p[i]&&ro(a,i,"");for(i in p)o=p[i],o!==u[i]&&ro(a,i,null==o?"":o)}}function ze(t,e){if(e&&e.trim())if(t.classList)e.indexOf(" ")>-1?e.split(/\s+/).forEach(function(e){return t.classList.add(e)}):t.classList.add(e);else{var n=" "+t.getAttribute("class")+" ";n.indexOf(" "+e+" ")<0&&t.setAttribute("class",(n+e).trim())}}function qe(t,e){if(e&&e.trim())if(t.classList)e.indexOf(" ")>-1?e.split(/\s+/).forEach(function(e){return t.classList.remove(e)}):t.classList.remove(e);else{for(var n=" "+t.getAttribute("class")+" ",r=" "+e+" ";n.indexOf(r)>=0;)n=n.replace(r," ");t.setAttribute("class",n.trim())}}function Ke(t){ho(function(){ho(t)})}function Je(t,e){(t._transitionClasses||(t._transitionClasses=[])).push(e),ze(t,e)}function We(t,e){t._transitionClasses&&i(t._transitionClasses,e),qe(t,e)}function Ge(t,e,n){var r=Ze(t,e),o=r.type,i=r.timeout,a=r.propCount;if(!o)return n();var s=o===co?fo:vo,c=0,u=function(){t.removeEventListener(s,l),n()},l=function(e){e.target===t&&++c>=a&&u()};setTimeout(function(){c<a&&u()},i+1),t.addEventListener(s,l)}function Ze(t,e){var n,r=window.getComputedStyle(t),o=r[lo+"Delay"].split(", "),i=r[lo+"Duration"].split(", "),a=Qe(o,i),s=r[po+"Delay"].split(", "),c=r[po+"Duration"].split(", "),u=Qe(s,c),l=0,f=0;e===co?a>0&&(n=co,l=a,f=i.length):e===uo?u>0&&(n=uo,l=u,f=c.length):(l=Math.max(a,u),n=l>0?a>u?co:uo:null,f=n?n===co?i.length:c.length:0);var p=n===co&&mo.test(r[lo+"Property"]);return{type:n,timeout:l,propCount:f,hasTransform:p}}function Qe(t,e){for(;t.length<e.length;)t=t.concat(t);return Math.max.apply(null,e.map(function(e,n){return Xe(e)+Xe(t[n])}))}function Xe(t){return 1e3*Number(t.slice(0,-1))}function Ye(t,e){var n=t.elm;n._leaveCb&&(n._leaveCb.cancelled=!0,
7 | n._leaveCb());var r=en(t.data.transition);if(r&&!n._enterCb&&1===n.nodeType){for(var o=r.css,i=r.type,a=r.enterClass,s=r.enterToClass,c=r.enterActiveClass,u=r.appearClass,l=r.appearToClass,f=r.appearActiveClass,p=r.beforeEnter,d=r.enter,v=r.afterEnter,h=r.enterCancelled,m=r.beforeAppear,y=r.appear,g=r.afterAppear,_=r.appearCancelled,b=vr,C=vr.$vnode;C&&C.parent;)C=C.parent,b=C.context;var w=!b._isMounted||!t.isRootInsert;if(!w||y||""===y){var x=w?u:a,A=w?f:c,$=w?l:s,k=w?m||p:p,O=w&&"function"==typeof y?y:d,S=w?g||v:v,E=w?_||h:h,T=o!==!1&&!Bn,I=O&&(O._length||O.length)>1,j=n._enterCb=nn(function(){T&&(We(n,$),We(n,A)),j.cancelled?(T&&We(n,x),E&&E(n)):S&&S(n),n._enterCb=null});t.data.show||ot(t.data.hook||(t.data.hook={}),"insert",function(){var e=n.parentNode,r=e&&e._pending&&e._pending[t.key];r&&r.tag===t.tag&&r.elm._leaveCb&&r.elm._leaveCb(),O&&O(n,j)},"transition-insert"),k&&k(n),T&&(Je(n,x),Je(n,A),Ke(function(){Je(n,$),We(n,x),j.cancelled||I||Ge(n,i,j)})),t.data.show&&(e&&e(),O&&O(n,j)),T||I||j()}}}function tn(t,e){function n(){y.cancelled||(t.data.show||((r.parentNode._pending||(r.parentNode._pending={}))[t.key]=t),l&&l(r),h&&(Je(r,s),Je(r,u),Ke(function(){Je(r,c),We(r,s),y.cancelled||m||Ge(r,a,y)})),f&&f(r,y),h||m||y())}var r=t.elm;r._enterCb&&(r._enterCb.cancelled=!0,r._enterCb());var o=en(t.data.transition);if(!o)return e();if(!r._leaveCb&&1===r.nodeType){var i=o.css,a=o.type,s=o.leaveClass,c=o.leaveToClass,u=o.leaveActiveClass,l=o.beforeLeave,f=o.leave,p=o.afterLeave,d=o.leaveCancelled,v=o.delayLeave,h=i!==!1&&!Bn,m=f&&(f._length||f.length)>1,y=r._leaveCb=nn(function(){r.parentNode&&r.parentNode._pending&&(r.parentNode._pending[t.key]=null),h&&(We(r,c),We(r,u)),y.cancelled?(h&&We(r,s),d&&d(r)):(e(),p&&p(r)),r._leaveCb=null});v?v(n):n()}}function en(t){if(t){if("object"==typeof t){var e={};return t.css!==!1&&f(e,yo(t.name||"v")),f(e,t),e}return"string"==typeof t?yo(t):void 0}}function nn(t){var e=!1;return function(){e||(e=!0,t())}}function rn(t,e){e.data.show||Ye(e)}function on(t,e,n){var r=e.value,o=t.multiple;if(!o||Array.isArray(r)){for(var i,a,s=0,c=t.options.length;s<c;s++)if(a=t.options[s],o)i=g(r,sn(a))>-1,a.selected!==i&&(a.selected=i);else if(y(sn(a),r))return void(t.selectedIndex!==s&&(t.selectedIndex=s));o||(t.selectedIndex=-1)}}function an(t,e){for(var n=0,r=e.length;n<r;n++)if(y(sn(e[n]),t))return!1;return!0}function sn(t){return"_value"in t?t._value:t.value}function cn(t){t.target.composing=!0}function un(t){t.target.composing=!1,ln(t.target,"input")}function ln(t,e){var n=document.createEvent("HTMLEvents");n.initEvent(e,!0,!0),t.dispatchEvent(n)}function fn(t){return!t.componentInstance||t.data&&t.data.transition?t:fn(t.componentInstance._vnode)}function pn(t){var e=t&&t.componentOptions;return e&&e.Ctor.options.abstract?pn(lt(e.children)):t}function dn(t){var e={},n=t.$options;for(var r in n.propsData)e[r]=t[r];var o=n._parentListeners;for(var i in o)e[$n(i)]=o[i].fn;return e}function vn(t,e){return/\d-keep-alive$/.test(e.tag)?t("keep-alive"):null}function hn(t){for(;t=t.parent;)if(t.data.transition)return!0}function mn(t,e){return e.key===t.key&&e.tag===t.tag}function yn(t){t.elm._moveCb&&t.elm._moveCb(),t.elm._enterCb&&t.elm._enterCb()}function gn(t){t.data.newPos=t.elm.getBoundingClientRect()}function _n(t){var e=t.data.pos,n=t.data.newPos,r=e.left-n.left,o=e.top-n.top;if(r||o){t.data.moved=!0;var i=t.elm.style;i.transform=i.WebkitTransform="translate("+r+"px,"+o+"px)",i.transitionDuration="0s"}}var bn,Cn,wn=o("slot,component",!0),xn=Object.prototype.hasOwnProperty,An=/-(\w)/g,$n=c(function(t){return t.replace(An,function(t,e){return e?e.toUpperCase():""})}),kn=c(function(t){return t.charAt(0).toUpperCase()+t.slice(1)}),On=/([^-])([A-Z])/g,Sn=c(function(t){return t.replace(On,"$1-$2").replace(On,"$1-$2").toLowerCase()}),En=Object.prototype.toString,Tn="[object Object]",In=function(){return!1},jn=function(t){return t},Dn={optionMergeStrategies:Object.create(null),silent:!1,devtools:!1,errorHandler:null,ignoredElements:[],keyCodes:Object.create(null),isReservedTag:In,isUnknownElement:In,getTagNamespace:h,parsePlatformTagName:jn,mustUseProp:In,_assetTypes:["component","directive","filter"],_lifecycleHooks:["beforeCreate","created","beforeMount","mounted","beforeUpdate","updated","beforeDestroy","destroyed","activated","deactivated"],_maxUpdateCount:100},Nn=/[^\w.$]/,Pn="__proto__"in{},Ln="undefined"!=typeof window,Mn=Ln&&window.navigator.userAgent.toLowerCase(),Un=Mn&&/msie|trident/.test(Mn),Bn=Mn&&Mn.indexOf("msie 9.0")>0,Rn=Mn&&Mn.indexOf("edge/")>0,Hn=Mn&&Mn.indexOf("android")>0,Vn=Mn&&/iphone|ipad|ipod|ios/.test(Mn),Fn=function(){return void 0===bn&&(bn=!Ln&&"undefined"!=typeof e&&"server"===e.process.env.VUE_ENV),bn},zn=Ln&&window.__VUE_DEVTOOLS_GLOBAL_HOOK__,qn=function(){function t(){r=!1;var t=n.slice(0);n.length=0;for(var e=0;e<t.length;e++)t[e]()}var e,n=[],r=!1;if("undefined"!=typeof Promise&&w(Promise)){var o=Promise.resolve(),i=function(t){console.error(t)};e=function(){o.then(t).catch(i),Vn&&setTimeout(h)}}else if("undefined"==typeof MutationObserver||!w(MutationObserver)&&"[object MutationObserverConstructor]"!==MutationObserver.toString())e=function(){setTimeout(t,0)};else{var a=1,s=new MutationObserver(t),c=document.createTextNode(String(a));s.observe(c,{characterData:!0}),e=function(){a=(a+1)%2,c.data=String(a)}}return function(t,o){var i;if(n.push(function(){t&&t.call(o),i&&i(o)}),r||(r=!0,e()),!t&&"undefined"!=typeof Promise)return new Promise(function(t){i=t})}}();Cn="undefined"!=typeof Set&&w(Set)?Set:function(){function t(){this.set=Object.create(null)}return t.prototype.has=function(t){return this.set[t]===!0},t.prototype.add=function(t){this.set[t]=!0},t.prototype.clear=function(){this.set=Object.create(null)},t}();var Kn,Jn=h,Wn=0,Gn=function(){this.id=Wn++,this.subs=[]};Gn.prototype.addSub=function(t){this.subs.push(t)},Gn.prototype.removeSub=function(t){i(this.subs,t)},Gn.prototype.depend=function(){Gn.target&&Gn.target.addDep(this)},Gn.prototype.notify=function(){for(var t=this.subs.slice(),e=0,n=t.length;e<n;e++)t[e].update()},Gn.target=null;var Zn=[],Qn=Array.prototype,Xn=Object.create(Qn);["push","pop","shift","unshift","splice","sort","reverse"].forEach(function(t){var e=Qn[t];b(Xn,t,function(){for(var n=arguments,r=arguments.length,o=new Array(r);r--;)o[r]=n[r];var i,a=e.apply(this,o),s=this.__ob__;switch(t){case"push":i=o;break;case"unshift":i=o;break;case"splice":i=o.slice(2)}return i&&s.observeArray(i),s.dep.notify(),a})});var Yn=Object.getOwnPropertyNames(Xn),tr={shouldConvert:!0,isSettingProps:!1},er=function(t){if(this.value=t,this.dep=new Gn,this.vmCount=0,b(t,"__ob__",this),Array.isArray(t)){var e=Pn?$:k;e(t,Xn,Yn),this.observeArray(t)}else this.walk(t)};er.prototype.walk=function(t){for(var e=Object.keys(t),n=0;n<e.length;n++)S(t,e[n],t[e[n]])},er.prototype.observeArray=function(t){for(var e=0,n=t.length;e<n;e++)O(t[e])};var nr=Dn.optionMergeStrategies;nr.data=function(t,e,n){return n?t||e?function(){var r="function"==typeof e?e.call(n):e,o="function"==typeof t?t.call(n):void 0;return r?j(r,o):o}:void 0:e?"function"!=typeof e?t:t?function(){return j(e.call(this),t.call(this))}:e:t},Dn._lifecycleHooks.forEach(function(t){nr[t]=D}),Dn._assetTypes.forEach(function(t){nr[t+"s"]=N}),nr.watch=function(t,e){if(!e)return t;if(!t)return e;var n={};f(n,t);for(var r in e){var o=n[r],i=e[r];o&&!Array.isArray(o)&&(o=[o]),n[r]=o?o.concat(i):[i]}return n},nr.props=nr.methods=nr.computed=function(t,e){if(!e)return t;if(!t)return e;var n=Object.create(null);return f(n,t),f(n,e),n};var rr=function(t,e){return void 0===e?t:e},or=Object.freeze({defineReactive:S,_toString:n,toNumber:r,makeMap:o,isBuiltInTag:wn,remove:i,hasOwn:a,isPrimitive:s,cached:c,camelize:$n,capitalize:kn,hyphenate:Sn,bind:u,toArray:l,extend:f,isObject:p,isPlainObject:d,toObject:v,noop:h,no:In,identity:jn,genStaticKeys:m,looseEqual:y,looseIndexOf:g,isReserved:_,def:b,parsePath:C,hasProto:Pn,inBrowser:Ln,UA:Mn,isIE:Un,isIE9:Bn,isEdge:Rn,isAndroid:Hn,isIOS:Vn,isServerRendering:Fn,devtools:zn,nextTick:qn,get _Set(){return Cn},mergeOptions:M,resolveAsset:U,get warn(){return Jn},get formatComponentName(){return Kn},validateProp:B}),ir=function(t,e,n,r,o,i,a){this.tag=t,this.data=e,this.children=n,this.text=r,this.elm=o,this.ns=void 0,this.context=i,this.functionalContext=void 0,this.key=e&&e.key,this.componentOptions=a,this.componentInstance=void 0,this.parent=void 0,this.raw=!1,this.isStatic=!1,this.isRootInsert=!0,this.isComment=!1,this.isCloned=!1,this.isOnce=!1},ar={child:{}};ar.child.get=function(){return this.componentInstance},Object.defineProperties(ir.prototype,ar);var sr,cr=function(){var t=new ir;return t.text="",t.isComment=!0,t},ur={init:G,prepatch:Z,insert:Q,destroy:X},lr=Object.keys(ur),fr=c(function(t){var e="~"===t.charAt(0);t=e?t.slice(1):t;var n="!"===t.charAt(0);return t=n?t.slice(1):t,{name:t,once:e,capture:n}}),pr=1,dr=2,vr=null,hr=[],mr={},yr=!1,gr=!1,_r=0,br=0,Cr=function(t,e,n,r){this.vm=t,t._watchers.push(this),r?(this.deep=!!r.deep,this.user=!!r.user,this.lazy=!!r.lazy,this.sync=!!r.sync):this.deep=this.user=this.lazy=this.sync=!1,this.cb=n,this.id=++br,this.active=!0,this.dirty=this.lazy,this.deps=[],this.newDeps=[],this.depIds=new Cn,this.newDepIds=new Cn,this.expression="","function"==typeof e?this.getter=e:(this.getter=C(e),this.getter||(this.getter=function(){})),this.value=this.lazy?void 0:this.get()};Cr.prototype.get=function(){x(this);var t=this.getter.call(this.vm,this.vm);return this.deep&&St(t),A(),this.cleanupDeps(),t},Cr.prototype.addDep=function(t){var e=t.id;this.newDepIds.has(e)||(this.newDepIds.add(e),this.newDeps.push(t),this.depIds.has(e)||t.addSub(this))},Cr.prototype.cleanupDeps=function(){for(var t=this,e=this.deps.length;e--;){var n=t.deps[e];t.newDepIds.has(n.id)||n.removeSub(t)}var r=this.depIds;this.depIds=this.newDepIds,this.newDepIds=r,this.newDepIds.clear(),r=this.deps,this.deps=this.newDeps,this.newDeps=r,this.newDeps.length=0},Cr.prototype.update=function(){this.lazy?this.dirty=!0:this.sync?this.run():Ot(this)},Cr.prototype.run=function(){if(this.active){var t=this.get();if(t!==this.value||p(t)||this.deep){var e=this.value;if(this.value=t,this.user)try{this.cb.call(this.vm,t,e)}catch(t){if(!Dn.errorHandler)throw t;Dn.errorHandler.call(null,t,this.vm)}else this.cb.call(this.vm,t,e)}}},Cr.prototype.evaluate=function(){this.value=this.get(),this.dirty=!1},Cr.prototype.depend=function(){for(var t=this,e=this.deps.length;e--;)t.deps[e].depend()},Cr.prototype.teardown=function(){var t=this;if(this.active){this.vm._isBeingDestroyed||i(this.vm._watchers,this);for(var e=this.deps.length;e--;)t.deps[e].removeSub(t);this.active=!1}};var wr=new Cn,xr={enumerable:!0,configurable:!0,get:h,set:h},Ar=0;Rt(Ft),Ut(Ft),Ct(Ft),xt(Ft),ht(Ft);var $r=[String,RegExp],kr={name:"keep-alive",abstract:!0,props:{include:$r,exclude:$r},created:function(){this.cache=Object.create(null)},destroyed:function(){var t=this;for(var e in this.cache)Qt(t.cache[e])},watch:{include:function(t){Zt(this.cache,function(e){return Gt(t,e)})},exclude:function(t){Zt(this.cache,function(e){return!Gt(t,e)})}},render:function(){var t=lt(this.$slots.default),e=t&&t.componentOptions;if(e){var n=Wt(e);if(n&&(this.include&&!Gt(this.include,n)||this.exclude&&Gt(this.exclude,n)))return t;var r=null==t.key?e.Ctor.cid+(e.tag?"::"+e.tag:""):t.key;this.cache[r]?t.componentInstance=this.cache[r].componentInstance:this.cache[r]=t,t.data.keepAlive=!0}return t}},Or={KeepAlive:kr};Xt(Ft),Object.defineProperty(Ft.prototype,"$isServer",{get:Fn}),Ft.version="2.1.9";var Sr,Er,Tr=o("input,textarea,option,select"),Ir=function(t,e,n){return"value"===n&&Tr(t)&&"button"!==e||"selected"===n&&"option"===t||"checked"===n&&"input"===t||"muted"===n&&"video"===t},jr=o("contenteditable,draggable,spellcheck"),Dr=o("allowfullscreen,async,autofocus,autoplay,checked,compact,controls,declare,default,defaultchecked,defaultmuted,defaultselected,defer,disabled,enabled,formnovalidate,hidden,indeterminate,inert,ismap,itemscope,loop,multiple,muted,nohref,noresize,noshade,novalidate,nowrap,open,pauseonexit,readonly,required,reversed,scoped,seamless,selected,sortable,translate,truespeed,typemustmatch,visible"),Nr="http://www.w3.org/1999/xlink",Pr=function(t){return":"===t.charAt(5)&&"xlink"===t.slice(0,5)},Lr=function(t){return Pr(t)?t.slice(6,t.length):""},Mr=function(t){return null==t||t===!1},Ur={svg:"http://www.w3.org/2000/svg",math:"http://www.w3.org/1998/Math/MathML"},Br=o("html,body,base,head,link,meta,style,title,address,article,aside,footer,header,h1,h2,h3,h4,h5,h6,hgroup,nav,section,div,dd,dl,dt,figcaption,figure,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,rtc,ruby,s,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,output,progress,select,textarea,details,dialog,menu,menuitem,summary,content,element,shadow,template"),Rr=o("svg,animate,circle,clippath,cursor,defs,desc,ellipse,filter,font-face,g,glyph,image,line,marker,mask,missing-glyph,path,pattern,polygon,polyline,rect,switch,symbol,text,textpath,tspan,use,view",!0),Hr=function(t){return Br(t)||Rr(t)},Vr=Object.create(null),Fr=Object.freeze({createElement:se,createElementNS:ce,createTextNode:ue,createComment:le,insertBefore:fe,removeChild:pe,appendChild:de,parentNode:ve,nextSibling:he,tagName:me,setTextContent:ye,setAttribute:ge}),zr={create:function(t,e){_e(e)},update:function(t,e){t.data.ref!==e.data.ref&&(_e(t,!0),_e(e))},destroy:function(t){_e(t,!0)}},qr=new ir("",{},[]),Kr=["create","activate","update","remove","destroy"],Jr={create:$e,update:$e,destroy:function(t){$e(t,qr)}},Wr=Object.create(null),Gr=[zr,Jr],Zr={create:Te,update:Te},Qr={create:je,update:je},Xr={create:Pe,update:Pe},Yr={create:Le,update:Le},to=c(function(t){var e={},n=/;(?![^(]*\))/g,r=/:(.+)/;return t.split(n).forEach(function(t){if(t){var n=t.split(r);n.length>1&&(e[n[0].trim()]=n[1].trim())}}),e}),eo=/^--/,no=/\s*!important$/,ro=function(t,e,n){eo.test(e)?t.style.setProperty(e,n):no.test(n)?t.style.setProperty(e,n.replace(no,""),"important"):t.style[io(e)]=n},oo=["Webkit","Moz","ms"],io=c(function(t){if(Er=Er||document.createElement("div"),t=$n(t),"filter"!==t&&t in Er.style)return t;for(var e=t.charAt(0).toUpperCase()+t.slice(1),n=0;n<oo.length;n++){var r=oo[n]+e;if(r in Er.style)return r}}),ao={create:Fe,update:Fe},so=Ln&&!Bn,co="transition",uo="animation",lo="transition",fo="transitionend",po="animation",vo="animationend";so&&(void 0===window.ontransitionend&&void 0!==window.onwebkittransitionend&&(lo="WebkitTransition",fo="webkitTransitionEnd"),void 0===window.onanimationend&&void 0!==window.onwebkitanimationend&&(po="WebkitAnimation",vo="webkitAnimationEnd"));var ho=Ln&&window.requestAnimationFrame?window.requestAnimationFrame.bind(window):setTimeout,mo=/\b(transform|all)(,|$)/,yo=c(function(t){return{enterClass:t+"-enter",leaveClass:t+"-leave",appearClass:t+"-enter",enterToClass:t+"-enter-to",leaveToClass:t+"-leave-to",appearToClass:t+"-enter-to",enterActiveClass:t+"-enter-active",leaveActiveClass:t+"-leave-active",appearActiveClass:t+"-enter-active"}}),go=Ln?{create:rn,activate:rn,remove:function(t,e){t.data.show?e():tn(t,e)}}:{},_o=[Zr,Qr,Xr,Yr,ao,go],bo=_o.concat(Gr),Co=Ae({nodeOps:Fr,modules:bo});Bn&&document.addEventListener("selectionchange",function(){var t=document.activeElement;t&&t.vmodel&&ln(t,"input")});var wo={inserted:function(t,e,n){if("select"===n.tag){var r=function(){on(t,e,n.context)};r(),(Un||Rn)&&setTimeout(r,0)}else"textarea"!==n.tag&&"text"!==t.type||(t._vModifiers=e.modifiers,e.modifiers.lazy||(Hn||(t.addEventListener("compositionstart",cn),t.addEventListener("compositionend",un)),Bn&&(t.vmodel=!0)))},componentUpdated:function(t,e,n){if("select"===n.tag){on(t,e,n.context);var r=t.multiple?e.value.some(function(e){return an(e,t.options)}):e.value!==e.oldValue&&an(e.value,t.options);r&&ln(t,"change")}}},xo={bind:function(t,e,n){var r=e.value;n=fn(n);var o=n.data&&n.data.transition,i=t.__vOriginalDisplay="none"===t.style.display?"":t.style.display;r&&o&&!Bn?(n.data.show=!0,Ye(n,function(){t.style.display=i})):t.style.display=r?i:"none"},update:function(t,e,n){var r=e.value,o=e.oldValue;if(r!==o){n=fn(n);var i=n.data&&n.data.transition;i&&!Bn?(n.data.show=!0,r?Ye(n,function(){t.style.display=t.__vOriginalDisplay}):tn(n,function(){t.style.display="none"})):t.style.display=r?t.__vOriginalDisplay:"none"}},unbind:function(t,e,n,r,o){o||(t.style.display=t.__vOriginalDisplay)}},Ao={model:wo,show:xo},$o={name:String,appear:Boolean,css:Boolean,mode:String,type:String,enterClass:String,leaveClass:String,enterToClass:String,leaveToClass:String,enterActiveClass:String,leaveActiveClass:String,appearClass:String,appearActiveClass:String,appearToClass:String},ko={name:"transition",props:$o,abstract:!0,render:function(t){var e=this,n=this.$slots.default;if(n&&(n=n.filter(function(t){return t.tag}),n.length)){var r=this.mode,o=n[0];if(hn(this.$vnode))return o;var i=pn(o);if(!i)return o;if(this._leaving)return vn(t,o);var a="__transition-"+this._uid+"-",s=i.key=null==i.key?a+i.tag:0===i.key.indexOf(a)?i.key:a+i.key,c=(i.data||(i.data={})).transition=dn(this),u=this._vnode,l=pn(u);if(i.data.directives&&i.data.directives.some(function(t){return"show"===t.name})&&(i.data.show=!0),l&&l.data&&!mn(i,l)){var p=l&&(l.data.transition=f({},c));if("out-in"===r)return this._leaving=!0,ot(p,"afterLeave",function(){e._leaving=!1,e.$forceUpdate()},s),vn(t,o);if("in-out"===r){var d,v=function(){d()};ot(c,"afterEnter",v,s),ot(c,"enterCancelled",v,s),ot(p,"delayLeave",function(t){d=t},s)}}return o}}},Oo=f({tag:String,moveClass:String},$o);delete Oo.mode;var So={props:Oo,render:function(t){for(var e=this.tag||this.$vnode.data.tag||"span",n=Object.create(null),r=this.prevChildren=this.children,o=this.$slots.default||[],i=this.children=[],a=dn(this),s=0;s<o.length;s++){var c=o[s];if(c.tag)if(null!=c.key&&0!==String(c.key).indexOf("__vlist"))i.push(c),n[c.key]=c,(c.data||(c.data={})).transition=a;else;}if(r){for(var u=[],l=[],f=0;f<r.length;f++){var p=r[f];p.data.transition=a,p.data.pos=p.elm.getBoundingClientRect(),n[p.key]?u.push(p):l.push(p)}this.kept=t(e,null,u),this.removed=l}return t(e,null,i)},beforeUpdate:function(){this.__patch__(this._vnode,this.kept,!1,!0),this._vnode=this.kept},updated:function(){var t=this.prevChildren,e=this.moveClass||(this.name||"v")+"-move";if(t.length&&this.hasMove(t[0].elm,e)){t.forEach(yn),t.forEach(gn),t.forEach(_n);document.body.offsetHeight;t.forEach(function(t){if(t.data.moved){var n=t.elm,r=n.style;Je(n,e),r.transform=r.WebkitTransform=r.transitionDuration="",n.addEventListener(fo,n._moveCb=function t(r){r&&!/transform$/.test(r.propertyName)||(n.removeEventListener(fo,t),n._moveCb=null,We(n,e))})}})}},methods:{hasMove:function(t,e){if(!so)return!1;if(null!=this._hasMove)return this._hasMove;Je(t,e);var n=Ze(t);return We(t,e),this._hasMove=n.hasTransform}}},Eo={Transition:ko,TransitionGroup:So};Ft.config.isUnknownElement=ie,Ft.config.isReservedTag=Hr,Ft.config.getTagNamespace=oe,Ft.config.mustUseProp=Ir,f(Ft.options.directives,Ao),f(Ft.options.components,Eo),Ft.prototype.__patch__=Ln?Co:h,Ft.prototype.$mount=function(t,e){return t=t&&Ln?ae(t):void 0,this._mount(t,e)},setTimeout(function(){Dn.devtools&&zn&&zn.emit("init",Ft)},0),t.exports=Ft}).call(e,function(){return this}())},10:function(t,e){t.exports=function(){var t=[];return t.toString=function(){for(var t=[],e=0;e<this.length;e++){var n=this[e];n[2]?t.push("@media "+n[2]+"{"+n[1]+"}"):t.push(n[1])}return t.join("")},t.i=function(e,n){"string"==typeof e&&(e=[[null,e,""]]);for(var r={},o=0;o<this.length;o++){var i=this[o][0];"number"==typeof i&&(r[i]=!0)}for(o=0;o<e.length;o++){var a=e[o];"number"==typeof a[0]&&r[a[0]]||(n&&!a[2]?a[2]=n:n&&(a[2]="("+a[2]+") and ("+n+")"),t.push(a))}},t}},11:function(t,e,n){function r(t,e){for(var n=0;n<t.length;n++){var r=t[n],o=f[r.id];if(o){o.refs++;for(var i=0;i<o.parts.length;i++)o.parts[i](r.parts[i]);for(;i<r.parts.length;i++)o.parts.push(c(r.parts[i],e))}else{for(var a=[],i=0;i<r.parts.length;i++)a.push(c(r.parts[i],e));f[r.id]={id:r.id,refs:1,parts:a}}}}function o(t){for(var e=[],n={},r=0;r<t.length;r++){var o=t[r],i=o[0],a=o[1],s=o[2],c=o[3],u={css:a,media:s,sourceMap:c};n[i]?n[i].parts.push(u):e.push(n[i]={id:i,parts:[u]})}return e}function i(t,e){var n=v(),r=y[y.length-1];if("top"===t.insertAt)r?r.nextSibling?n.insertBefore(e,r.nextSibling):n.appendChild(e):n.insertBefore(e,n.firstChild),y.push(e);else{if("bottom"!==t.insertAt)throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");n.appendChild(e)}}function a(t){t.parentNode.removeChild(t);var e=y.indexOf(t);e>=0&&y.splice(e,1)}function s(t){var e=document.createElement("style");return e.type="text/css",i(t,e),e}function c(t,e){var n,r,o;if(e.singleton){var i=m++;n=h||(h=s(e)),r=u.bind(null,n,i,!1),o=u.bind(null,n,i,!0)}else n=s(e),r=l.bind(null,n),o=function(){a(n)};return r(t),function(e){if(e){if(e.css===t.css&&e.media===t.media&&e.sourceMap===t.sourceMap)return;r(t=e)}else o()}}function u(t,e,n,r){var o=n?"":r.css;if(t.styleSheet)t.styleSheet.cssText=g(e,o);else{var i=document.createTextNode(o),a=t.childNodes;a[e]&&t.removeChild(a[e]),a.length?t.insertBefore(i,a[e]):t.appendChild(i)}}function l(t,e){var n=e.css,r=e.media,o=e.sourceMap;if(r&&t.setAttribute("media",r),o&&(n+="\n/*# sourceURL="+o.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */"),t.styleSheet)t.styleSheet.cssText=n;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(n))}}var f={},p=function(t){var e;return function(){return"undefined"==typeof e&&(e=t.apply(this,arguments)),e}},d=p(function(){return/msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase())}),v=p(function(){return document.head||document.getElementsByTagName("head")[0]}),h=null,m=0,y=[];t.exports=function(t,e){e=e||{},"undefined"==typeof e.singleton&&(e.singleton=d()),"undefined"==typeof e.insertAt&&(e.insertAt="bottom");var n=o(t);return r(n,e),function(t){for(var i=[],a=0;a<n.length;a++){var s=n[a],c=f[s.id];c.refs--,i.push(c)}if(t){var u=o(t);r(u,e)}for(var a=0;a<i.length;a++){var c=i[a];if(0===c.refs){for(var l=0;l<c.parts.length;l++)c.parts[l]();delete f[c.id]}}}};var g=function(){var t=[];return function(e,n){return t[e]=n,t.filter(Boolean).join("\n")}}()}});
8 | //# sourceMappingURL=vendor.49ca22089a17a505695d.js.map


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |       <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
 6 | 
 7 |     <title>vue-tab</title>
 8 |   </head>
 9 |   <body>
10 |     <app></app>
11 |     <!-- built files will be auto injected -->
12 |   </body>
13 | </html>
14 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "vue-tab",
 3 |   "version": "1.0.0",
 4 |   "description": "A Vue.js project",
 5 |   "author": "bajian",
 6 |   "private": true,
 7 |   "scripts": {
 8 |     "dev": "node build/dev-server.js",
 9 |     "build": "node build/build.js",
10 |     "test": ""
11 |   },
12 |   "dependencies": {
13 |     "vue": "^2.0.0",
14 |     "babel-runtime": "^6.0.0"
15 |   },
16 |   "devDependencies": {
17 |     "babel-core": "^6.0.0",
18 |     "babel-loader": "^6.0.0",
19 |     "babel-plugin-transform-runtime": "^6.0.0",
20 |     "babel-preset-es2015": "^6.0.0",
21 |     "babel-preset-stage-2": "^6.0.0",
22 |     "babel-register": "^6.0.0",
23 |     "connect-history-api-fallback": "^1.1.0",
24 |     "css-loader": "^0.23.0",
25 |     "eventsource-polyfill": "^0.9.6",
26 |     "express": "^4.13.3",
27 |     "extract-text-webpack-plugin": "^1.0.1",
28 |     "file-loader": "^0.8.4",
29 |     "function-bind": "^1.0.2",
30 |     "html-webpack-plugin": "^2.8.1",
31 |     "http-proxy-middleware": "^0.12.0",
32 |     "json-loader": "^0.5.4",
33 |     "ora": "^0.2.0",
34 |     "shelljs": "^0.6.0",
35 |     "url-loader": "^0.5.7",
36 |     "vue-hot-reload-api": "^1.2.0",
37 |     "vue-html-loader": "^1.0.0",
38 |     "vue-loader": "^9.0.0",
39 |     "vue-style-loader": "^1.0.0",
40 |     "webpack": "^1.12.2",
41 |     "webpack-dev-middleware": "^1.4.0",
42 |     "webpack-hot-middleware": "^2.6.0",
43 |     "webpack-merge": "^0.8.3"
44 |   }
45 | }
46 | 


--------------------------------------------------------------------------------
/src/App.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div id="app">
  3 |     <tab :tabtitles="tabtitles" 
  4 |     :current-page="3">
  5 |     <div class="tab-content-container">
  6 |       <button onclick="alert(2)">click</button>
  7 |       <div>hahaha1</div>
  8 |       <div>hahaha1</div>
  9 |       <div>hahaha1</div>
 10 |       <div>hahaha1</div>
 11 |       <div>hahaha1</div>
 12 |       <div>hahaha1</div>
 13 |       <div>hahaha1</div>
 14 |       <img src="./assets/logo.png">
 15 |       <div>hahaha1</div>
 16 |       <div>hahaha1</div>
 17 |     </div>
 18 |     <div class="tab-content-container">
 19 |       bajian2
 20 |     </div>
 21 |     <div class="tab-content-container">
 22 |       bajian3
 23 |     </div>
 24 |     <div class="tab-content-container">
 25 |       bajian4
 26 |     </div>
 27 |   </tab>
 28 | 
 29 |   <br>
 30 |   <br>
 31 |   <br>
 32 |   <br>
 33 |   <div>allow different height、verticle scroll、<b>disable slide below:</b></div>
 34 |   
 35 |   <br>
 36 | 
 37 |   <tab :tabtitles="tabtitles2"
 38 |   :slidable="false">
 39 |   <div style="height: 200px;background-color: green" class="tab-content-container">
 40 |     hahaha1
 41 |     <img src="./assets/logo.png">
 42 |     <div>hahaha1</div>
 43 |     <div>hahaha1</div>
 44 |   </div>
 45 |   <div style="background-color: #999" class="tab-content-container">
 46 |     bajian2
 47 |   </div>
 48 |   <div class="tab-content-container">
 49 |     bajian3
 50 |   </div>
 51 | </tab>
 52 | 
 53 |   <br>
 54 |   <br>
 55 | </div>
 56 | </template>
 57 | 
 58 | <script>
 59 |   import tab from './components/vue-tab'
 60 | 
 61 |   export default {
 62 |     components: {
 63 |       tab
 64 |     },
 65 |     data(){
 66 |       return {
 67 |         'tabtitles':['bajian','github','bajian','github'],
 68 |         'tabtitles2':['bajian','github','bajian'],
 69 |       }
 70 |     }
 71 |   }
 72 | </script>
 73 | 
 74 | <style>
 75 |   html {
 76 |     height: 100%;
 77 |   }
 78 | 
 79 |   *{
 80 |     margin: 0px;
 81 |     padding: 0px;
 82 |   }
 83 | 
 84 | /*  body {
 85 |     display: flex;
 86 |     align-items: center;
 87 |     justify-content: center;
 88 |     height: 100%;
 89 |   }*/
 90 | 
 91 |   .tab-content-container{
 92 |     width: 99%;
 93 |     height: 200px;
 94 |     margin: 0px auto;
 95 |   }
 96 | 
 97 |   #app {
 98 |     color: #2c3e50;
 99 |     margin-top: 50px;
100 |     max-width: 500px;
101 |     width: 100%;
102 |     font-family: Source Sans Pro, Helvetica, sans-serif;
103 |     /*text-align: center;*/
104 |     margin: 0 auto
105 |   }
106 | 
107 |   img{
108 |     width: 98%
109 |   }
110 | 
111 | 
112 | /*TO change the active color u like
113 |     .tab-title.active,.tab-title:active {
114 |         border-bottom: 2px solid #36acf4;
115 |         color: #36acf4;
116 |       }*/
117 |     </style>
118 | 


--------------------------------------------------------------------------------
/src/assets/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bajian/vue-tab/9f0d676798c8fd1a775d76779d97c19b48ffd4df/src/assets/logo.png


--------------------------------------------------------------------------------
/src/components/vue-tab.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |     <div class="tab-container">
  3 |         <ul class="tab-title-container">
  4 |             <li class="tab-title"
  5 |                 v-for="(title,index) in tabtitles"
  6 |                 :class="{'active': index+1===currentPage}"
  7 |                 :key="index"
  8 |                 @click="setPage(index+1)">{{title}}
  9 |             </li>
 10 |         </ul>
 11 |         <!-- decide if bind touchstart -->
 12 |         <div v-if="slidable"
 13 |              class="tabswiper"
 14 |              :class="{'invisible':invisible}"
 15 |              @touchstart="_onTouchStart">
 16 |             <div class="tabswiper-wrap"
 17 |                  ref="tabswiper-wrap"
 18 |                  :class="{'dragging': dragging}"
 19 |                  :style="{'transform' : 'translate3d(' + translateX + 'px,0, 0)'}"
 20 |                  @transitionend="_onTransitionEnd">
 21 |                 <slot></slot>
 22 |             </div>
 23 |         </div>
 24 |         <div v-else class="tabswiper"
 25 |              :class="{'invisible':invisible}">
 26 |             <div class="tabswiper-wrap"
 27 |                  ref="tabswiper-wrap"
 28 |                  :class="{'dragging': dragging}"
 29 |                  :style="{'transform' : 'translate3d(' + translateX + 'px,0, 0)'}"
 30 |                  @transitionend="_onTransitionEnd">
 31 |                 <slot></slot>
 32 |             </div>
 33 |         </div>
 34 |     </div>
 35 | </template>
 36 | 
 37 | <script type="text/babel">
 38 | 
 39 |     const JUDGE_INITIAL = 0
 40 |     const JUDGE_SLIDEING = 1
 41 |     const JUDGE_SCROLLING = 2
 42 | 
 43 | 
 44 |     const replaceAll=(str,target,replace)=>{
 45 |         var reg="/"+target+"/g";    //查找时忽略大小写
 46 |         reg=eval(reg);
 47 |         return str.replace(reg,replace)
 48 |     }
 49 | 
 50 |      /**
 51 |      * 
 52 |      * @author bajian
 53 |      * @param  el 原生element
 54 |      * @param  className 允许多个，空格隔开
 55 |      * @return 
 56 |      */
 57 |     const addClass=(el,className)=>{
 58 |         if (!className) 
 59 |             return false;
 60 |         className = className.trim('').replace(/\s+/, ' ').split(' ');
 61 |         el.className += ' ' + className.join(' ');
 62 |         return true;
 63 |     };
 64 | 
 65 |      /**
 66 |      * 
 67 |      * @author bajian
 68 |      * @param  el 原生element
 69 |      * @param  className 允许多个，空格隔开
 70 |      * @return 
 71 |      */
 72 |     const removeClass=(el,className)=>{
 73 |         if (!className) 
 74 |             return false;
 75 |         className = className.trim('').replace(/\s+/, ' ').split(' ');
 76 |         var cls = ' ' + el.className + ' ';
 77 |                 className.forEach(function (item)
 78 |                 {
 79 |                     item = ' ' + item;
 80 |                     cls = replaceAll(cls,item, ' ');
 81 |                 });
 82 |                 el.className = cls.trim();
 83 |         return true;
 84 |     };
 85 | 
 86 | 
 87 |     export default {
 88 |         props: {
 89 |             tabtitles: {
 90 |                 type: Array,
 91 |                 default: []
 92 |             },
 93 |             curPage: {
 94 |                 type: Number,
 95 |                 default: 1
 96 |             },
 97 |             slidable: {
 98 |                 type: Boolean,
 99 |                 default: true
100 |             }
101 |         },
102 |         watch: {
103 |             curPage: function (val) {
104 |                 this.setPage(val)
105 |             }
106 |         },
107 |         data() {
108 |             return {
109 |                 lastPage: 1,
110 |                 currentPage: this.curPage,
111 |                 translateX: 0,
112 |                 startTranslateX: 0,
113 |                 delta: 0,
114 |                 deltaY: 0,
115 |                 dragging: false,
116 |                 startPos: null,
117 |                 startPosY: null,
118 |                 transitioning: false,
119 |                 slideEls: [],
120 |                 invisible: true,
121 |                 judge: JUDGE_INITIAL,
122 |             };
123 |         },
124 |         mounted(){
125 |             this.$nextTick(function () {
126 |                 this._onTouchMove = this._onTouchMove.bind(this);
127 |                 this._onTouchEnd = this._onTouchEnd.bind(this);
128 |                 this.slideEls = this.$refs['tabswiper-wrap'].children;
129 |                 this.dragging = true;
130 |                 this.setPage(this.currentPage);
131 |                 let _this = this;
132 |                 setTimeout(() => {
133 |                     _this.dragging = _this.invisible = false;
134 |                 }, 100)
135 |                 window.onresize=()=>{
136 |                     _this.setPage(_this.currentPage)
137 |                 }
138 |             })
139 |         },
140 |         methods: {
141 |             next() {
142 |                 var page = this.currentPage;
143 |                 if (page < this.slideEls.length) {
144 |                     page++;
145 |                     this.setPage(page);
146 |                 } else {
147 |                     this._revert();
148 |                 }
149 |             },
150 |             prev() {
151 |                 var page = this.currentPage;
152 |                 if (page > 1) {
153 |                     page--;
154 |                     this.setPage(page);
155 |                 } else {
156 |                     this._revert();
157 |                 }
158 |             },
159 |             setPage(page) {
160 |                 this.lastPage = this.currentPage;
161 |                 this.currentPage = page;
162 | 
163 |                 this.translateX = -[].reduce.call(this.slideEls, function (total, el, i) {
164 |                     //previousValue,currentValue,currentIndex
165 |                     return i > page - 2 ? total : total + el['clientWidth'];
166 |                 }, 0);
167 |                 this._onTransitionStart();
168 |             },
169 |             _onTouchStart(e) {
170 |                 this.startPos = this._getTouchPos(e);
171 |                 this.startYPos = this._getTouchYPos(e);
172 |                 this.delta = 0;
173 |                 this.startTranslateX = this.translateX;
174 |                 this.startTime = new Date().getTime();
175 |                 this.dragging = true;
176 | 
177 |                 document.addEventListener('touchmove', this._onTouchMove, false);
178 |                 document.addEventListener('touchend', this._onTouchEnd, false);
179 |             },
180 |             _onTouchMove(e) {
181 |                 this.delta = this._getTouchPos(e) - this.startPos;
182 |                 this.deltaY = Math.abs(this._getTouchYPos(e) - this.startYPos);
183 | 
184 |                 switch (this.judge) {
185 |                     case JUDGE_INITIAL:
186 |                         // if (Math.abs(this.delta) > 20 && this.deltaY<25) {//judge to allow/prevent scroll
187 |                         if (Math.abs(this.delta) / this.deltaY > 1.5) {//judge to allow/prevent scroll
188 |                             this.judge = JUDGE_SLIDEING
189 |                             e.preventDefault();
190 |                             e.stopPropagation()
191 |                         } else {
192 |                             this.judge = JUDGE_SCROLLING
193 |                         }
194 |                         break;
195 |                     case JUDGE_SCROLLING:
196 | 
197 |                         break;
198 |                     case JUDGE_SLIDEING:
199 |                         e.preventDefault();
200 |                         e.stopPropagation()
201 |                         this.translateX = this.startTranslateX + this.delta;
202 |                         break;
203 | 
204 |                     default:
205 | 
206 |                         break;
207 |                 }
208 | 
209 |             },
210 |             _onTouchEnd(e) {
211 |                 this.dragging = false;
212 |                 if (this.judge == JUDGE_SLIDEING) {
213 |                     var isQuickAction = new Date().getTime() - this.startTime < 1000;
214 |                     if (this.delta < -100 || (isQuickAction && this.delta < -15 && this.deltaY / this.delta > -6)) {
215 |                         this.next();
216 |                     } else if (this.delta > 100 || (isQuickAction && this.delta > 15 && this.deltaY / this.delta < 6)) {
217 |                         this.prev();
218 |                     } else {
219 |                         this._revert();
220 |                     }
221 |                 }
222 |                 this.judge = JUDGE_INITIAL
223 |                 document.removeEventListener('touchmove', this._onTouchMove);
224 |                 document.removeEventListener('touchend', this._onTouchEnd);
225 |             },
226 |             _revert() {
227 |                 this.setPage(this.currentPage);
228 |             },
229 |             _getTouchPos(e) {
230 |                 var key = 'pageX';
231 |                 return e.changedTouches ? e.changedTouches[0][key] : e[key];
232 |             },
233 |             _getTouchYPos(e) {
234 |                 var key = 'pageY';
235 |                 return e.changedTouches ? e.changedTouches[0][key] : e[key];
236 |             },
237 |             _onTransitionStart() {
238 |                 this.transitioning = true;
239 |                 if (this._isPageChanged()) {
240 |                     this.$emit('tab-change-start', this.currentPage);
241 |                     //FIX:remove the height of the hidden tab-items
242 |                     [].forEach.call(this.slideEls,(item,index)=>{
243 |                         if (index== (this.currentPage-1)) {
244 |                             removeClass(item,'hide-height')
245 |                         }
246 |                         else {
247 |                             addClass(item,'hide-height')
248 |                         }
249 | 
250 | 
251 |                     })
252 |                 } else {
253 |                     this.$emit('tab-revert-start', this.currentPage);
254 |                 }
255 |             },
256 |             _onTransitionEnd(e) {
257 |                 e.stopPropagation()
258 |                 if (e.target.className != 'tabswiper-wrap') return;
259 |                 this.transitioning = false;
260 |                 if (this._isPageChanged()) {
261 |                     this.$emit('tab-change-end', this.currentPage);
262 |                 } else {
263 |                     this.$emit('tab-revert-end', this.currentPage);
264 |                 }
265 |             },
266 |             _isPageChanged() {
267 |                 return this.lastPage !== this.currentPage;
268 |             }
269 |         }
270 |     };
271 | </script>
272 | 
273 | <style type="text/css">
274 | .tab-container{
275 |     width: 100%;
276 | }
277 |     .invisible{
278 |         visibility:hidden;
279 |     }
280 |     .tabswiper {
281 |       position: relative;
282 |       overflow: hidden;
283 |   }
284 |   .tabswiper-wrap {
285 |     display: flex;
286 |     display: inline-flex;
287 |     width: 100%;
288 |     height: 100%;
289 |     transition: all 0.2s ease;
290 |     flex-direction: row;
291 | }
292 | .tabswiper-wrap.dragging{
293 |     transition: none;
294 | }
295 | .tabswiper-wrap> div {
296 |   overflow-x:hidden; 
297 |   flex-shrink: 0;
298 |   width: 100%;
299 |   margin: 0px;
300 |   padding: 0px;
301 |   height: inherit;
302 | }
303 | 
304 | .tabswiper-wrap> .hide-height {
305 |   height: 0px;
306 | }
307 | 
308 | ::-webkit-scrollbar  
309 | {  
310 |     width: 0px;  
311 | }  
312 | 
313 | .tab-title-container{
314 |     position: relative;
315 |     -webkit-tap-highlight-color:rgba(0,0,0,0);
316 |     /*display: table;*/
317 |     margin: 0 auto;
318 |     list-style: none;
319 |     -webkit-appearance: none;
320 |     -moz-appearance: none;
321 |     appearance: none;
322 |     text-decoration: none;
323 |     -webkit-user-select: none;
324 |     outline: none;
325 |     border-bottom: 1px solid #dddddd;
326 |     display: -webkit-box;
327 |     display: -moz-box;
328 |     display: -o-box;
329 |     display: -ms-flexbox;
330 |     display: flex;
331 |     flex-wrap: nowrap;
332 |     align-items: center;
333 |     justify-content: center;
334 |     width: 100%;
335 |     -webkit-appearance:none;
336 |     text-decoration: none;
337 | }
338 | .tab-title{
339 |     -webkit-appearance:none;
340 |     height: 35px;
341 |     line-height: 35px;
342 |     position: relative;
343 |     text-align: center;
344 |     cursor: pointer;
345 |     -webkit-appearance: none;
346 |     -moz-appearance: none;
347 |     appearance: none;
348 |     text-decoration: none;
349 |     -webkit-user-select: none;
350 |     outline: none;
351 |     outline-style: none;
352 |     -webkit-box-flex: 1;
353 |     -webkit-flex: 1;
354 |     -ms-flex: 1;
355 |     flex: 1;
356 |     /*    display: block;*/
357 | }
358 | .tab-title.active,.tab-title:active {
359 |     border-bottom: 2px solid #36acf4;
360 |     color: #36acf4;
361 | }
362 | 
363 | 
364 | </style>
365 | 


--------------------------------------------------------------------------------
/src/main.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 | import App from './App'
3 | 
4 | /* eslint-disable no-new */
5 | new Vue({
6 |   el: 'app',
7 |   render: h => h(App)
8 | })


--------------------------------------------------------------------------------
/static/.gitkeep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bajian/vue-tab/9f0d676798c8fd1a775d76779d97c19b48ffd4df/static/.gitkeep


--------------------------------------------------------------------------------