├── .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
    ├── demo1.html
    └── static
    │   ├── css
    │       └── app.1f662e6662a7b6e363fe39efbd6f6c48.css
    │   └── js
    │       ├── app.0a83ddd8bf2595912a27.js
    │       ├── manifest.6d94a3918eec6f3970a8.js
    │       └── vendor.abc00cb1d5a1d826744c.js
├── index.html
├── package.json
├── src
    ├── App.vue
    ├── assets
    │   └── logo.png
    ├── components
    │   ├── drawer.vue
    │   └── drawer.vue1.0
    └── 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 | # drawerlayout
 2 | a vue.js drawer with more function for vue2.x
 3 | > A Vue.js project
 4 | 
 5 | ## demo
 6 | 
 7 | [online-demo](https://cdn.rawgit.com/bajian/vue-drawer/master/dist/demo1.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 | 	<!-- drawer-->
25 |     <drawer 
26 |     :show="drawerShow" 
27 |     :pos="pos" :tran="tran"
28 |     @change-show="changeDrawerShow">
29 |     <!-- drawerlayout with slot="drawer"-->
30 |       <div class="layout" slot="drawer" >
31 |         <h2><a href="#">bajian drawer</a></h2>
32 |         <ul>
33 |           <li v-for="item in navItems"><a href="#{{item}}">{{item}}</a></li>
34 |         </ul>
35 |       </div>
36 |       <!-- page content -->
37 |       <button v-on:click="directionFlip">directionChange</button><br><br>
38 |       <button v-on:click="tranFlip">tranChange</button><br><br>
39 |       <button v-on:click="drawerToggle">toggle</button>
40 |     </drawer>
41 | 
42 | 
43 |     changeDrawerShow(state) {
44 |       this.drawerShow=state;
45 |     }
46 | ```
47 | 
48 | ## Api
49 | ### Properties
50 | | Name                 | Type      | Default      | Description                                                        |
51 | |----------------------|-----------|--------------|--------------------------------------------------------------------|
52 | | pos            | `String`  | `left` | the position where the drawer is:`left`/`right` |
53 | | tran            | `String`  | `overlay` | the transition that the drawer beharior:`overlay`/`push` |
54 | | show.sync            | `Boolean`  | `false` | the drawer visibility，set `true` to show the drawer |
55 | | on-hide   | `Function` | `undefined`       | the drawer hide listener  |
56 | | on-show   | `Function` | `undefined`       | the drawer show listener  |
57 | | change-show   | `Function` | `undefined`       | as vue2.0 deprecated the `sync`,this event must be called to change drawer state by the component itself |
58 | | ==================== | ========= | ============ | =================== |
59 | 
60 | 
61 | For detailed explanation on how things work, checkout the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).
62 | 


--------------------------------------------------------------------------------
/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/demo1.html:
--------------------------------------------------------------------------------
1 | <!DOCTYPE html><html><head><meta charset=utf-8><meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"><title>drawerlayout</title><link href=https://cdn.rawgit.com/bajian/vue-drawer/master/dist/static/css/app.1f662e6662a7b6e363fe39efbd6f6c48.css rel=stylesheet></head><body><app></app><script type=text/javascript src=https://cdn.rawgit.com/bajian/vue-drawer/master/dist/static/js/manifest.6d94a3918eec6f3970a8.js></script><script type=text/javascript src=https://cdn.rawgit.com/bajian/vue-drawer/master/dist/static/js/vendor.abc00cb1d5a1d826744c.js></script><script type=text/javascript src=https://cdn.rawgit.com/bajian/vue-drawer/master/dist/static/js/app.0a83ddd8bf2595912a27.js></script></body></html>


--------------------------------------------------------------------------------
/dist/static/css/app.1f662e6662a7b6e363fe39efbd6f6c48.css:
--------------------------------------------------------------------------------
1 | *{margin:0;padding:0}body,html{height:100%}body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#app{color:#2c3e50;margin-top:-100px;max-width:600px;font-family:Source Sans Pro,Helvetica,sans-serif;text-align:center;background-color:#eee}#app a{color:#42b983;text-decoration:none}.layout{width:300px}a.button,button,input[type=button]{color:#fff;background-color:#3779d0;border:0;font-size:14px;border-radius:4px;padding:0 8px;height:40px;min-width:40px;line-height:40px;overflow:hidden;display:inline-block;outline:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all;transition:all;-webkit-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-duration:.2s;transition-duration:.2s}button:active{color:#fff;background-color:#377000}.vue-drawer[_v-440f5bca]{display:block;position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.vue-drawer>.main[_v-440f5bca]{position:absolute;top:0;left:0;right:0;bottom:0;-webkit-transition:visibility .38s,-webkit-transform .38s ease-in-out;transition:visibility .38s,-webkit-transform .38s ease-in-out;transition:transform .38s ease-in-out,visibility .38s;transition:transform .38s ease-in-out,visibility .38s,-webkit-transform .38s ease-in-out}.vue-drawer>.main>.mask[_v-440f5bca]{position:absolute;top:0;left:0;right:0;bottom:0;visibility:hidden;opacity:0;-webkit-transition:opacity .38s ease-in-out,visibility .38s ease-in-out;transition:opacity .38s ease-in-out,visibility .38s ease-in-out;background-color:rgba(0,0,0,.3)}.vue-drawer>.main>.active[_v-440f5bca]{visibility:visible;opacity:1}.vue-drawer>.drawer[_v-440f5bca]{background-color:#fff;position:fixed;top:0;height:100%;overflow:hidden;pointer-events:none;visibility:hidden;-webkit-transition:visibility .38s,-webkit-transform .38s ease-in-out;transition:visibility .38s,-webkit-transform .38s ease-in-out;transition:transform .38s ease-in-out,visibility .38s;transition:transform .38s ease-in-out,visibility .38s,-webkit-transform .38s ease-in-out;will-change:none}.vue-drawer>.drawer-left[_v-440f5bca]{left:0;-webkit-transform:translateX(-102%);transform:translateX(-102%)}.vue-drawer>.drawer-right[_v-440f5bca]{right:0;-webkit-transform:translateX(102%);transform:translateX(102%)}.vue-drawer>.active[_v-440f5bca]{pointer-events:inherit;visibility:visible;-webkit-transform:translateX(0);transform:translateX(0)}
2 | /*# sourceMappingURL=app.1f662e6662a7b6e363fe39efbd6f6c48.css.map*/


--------------------------------------------------------------------------------
/dist/static/js/app.0a83ddd8bf2595912a27.js:
--------------------------------------------------------------------------------
1 | webpackJsonp([1,0],[function(t,e,o){"use strict";function r(t){return t&&t.__esModule?t:{"default":t}}var n=o(3),i=r(n),s=o(8),a=r(s);new i["default"]({el:"body",components:{App:a["default"]}})},function(t,e){},function(t,e){},,function(t,e){t.exports=' <div id=app> <drawer :show.sync=drawerShow :pos=pos :tran=tran @on-hide=onHide @on-show=onShow> <div class=layout slot=drawer> <h2><a href=#>bajian drawer</a></h2> <ul> <li v-for="item in navItems"><a href=#{{item}}>{{item}}</a></li> </ul> </div> <button v-on:click=directionFlip>directionChange</button><br><br> <button v-on:click=tranFlip>tranChange</button><br><br> <button v-on:click=drawerToggle>toggle</button> </drawer> </div> '},function(t,e){t.exports=" <div class=vue-drawer _v-440f5bca=\"\"> <div :style=\"{'transform': 'translate3d('+translateX+'px,0,0)'}\" class=main _v-440f5bca=\"\"> <slot _v-440f5bca=\"\"></slot> <div class=mask :class=\"show ? 'active' : ''\" @click=hideMask _v-440f5bca=\"\"></div> </div> <div v-el:drawer=\"\" class=drawer :class=\"[pos!='left' ? 'drawer-right' : 'drawer-left', show ? 'active' : '']\" _v-440f5bca=\"\"> <slot name=drawer _v-440f5bca=\"\"></slot> </div> </div> "},function(t,e,o){"use strict";function r(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=o(9),i=r(n);e["default"]={data:function(){return{pos:"left",tran:"overlay",drawerShow:!1,navItems:["decide the width u like","Item2","Item3","Item4","Item5"]}},methods:{directionFlip:function(){var t=this;this.pos="left"==this.pos?"right":"left",setTimeout(function(){t.drawerToggle()},500)},tranFlip:function(){var t=this;this.tran="overlay"==this.tran?"push":"overlay",setTimeout(function(){t.drawerToggle()},0)},drawerToggle:function(){this.drawerShow=!this.drawerShow},onHide:function(){console.log("hide")},onShow:function(){console.log("show")}},components:{Drawer:i["default"]}}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e["default"]={props:{show:{type:Boolean,"default":!1},pos:{type:String,"default":"left"},tran:{type:String,"default":"overlay"}},data:function(){return{drawerWidth:0,translateX:0}},watch:{show:function(){this.show?this.$emit("on-show"):this.$emit("on-hide"),"overlay"!=this.tran&&(this.show?this.translateX="left"==this.pos?this.drawerWidth:-this.drawerWidth:this.translateX=0)}},ready:function(){this.drawerWidth=this.$els.drawer.clientWidth},methods:{hideMask:function(){this.show=!1}}}},function(t,e,o){var r,n,i={};o(1),r=o(6),n=o(4),t.exports=r||{},t.exports.__esModule&&(t.exports=t.exports["default"]);var s="function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports;n&&(s.template=n),s.computed||(s.computed={}),Object.keys(i).forEach(function(t){var e=i[t];s.computed[t]=function(){return e}})},function(t,e,o){var r,n,i={};o(2),r=o(7),n=o(5),t.exports=r||{},t.exports.__esModule&&(t.exports=t.exports["default"]);var s="function"==typeof t.exports?t.exports.options||(t.exports.options={}):t.exports;n&&(s.template=n),s.computed||(s.computed={}),Object.keys(i).forEach(function(t){var e=i[t];s.computed[t]=function(){return e}})}]);
2 | //# sourceMappingURL=app.0a83ddd8bf2595912a27.js.map


--------------------------------------------------------------------------------
/dist/static/js/manifest.6d94a3918eec6f3970a8.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(c,o){for(var p,s,l=0,d=[];l<c.length;l++)s=c[l],r[s]&&d.push.apply(d,r[s]),r[s]=0;for(p in o)e[p]=o[p];for(a&&a(c,o);d.length;)d.shift().call(null,t);if(o[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],c=document.createElement("script");c.type="text/javascript",c.charset="utf-8",c.async=!0,c.src=t.p+"static/js/"+e+"."+{1:"0a83ddd8bf2595912a27",2:"abc00cb1d5a1d826744c"}[e]+".js",n.appendChild(c)}},t.m=e,t.c=n,t.p="/"}([]);
2 | //# sourceMappingURL=manifest.6d94a3918eec6f3970a8.js.map


--------------------------------------------------------------------------------
/dist/static/js/vendor.abc00cb1d5a1d826744c.js:
--------------------------------------------------------------------------------
1 | webpackJsonp([2,0],{3:function(t,e,i){(function(e){/*!
2 | 	 * Vue.js v1.0.27
3 | 	 * (c) 2016 Evan You
4 | 	 * Released under the MIT License.
5 | 	 */
6 | "use strict";function i(t,e,n){if(r(t,e))return void(t[e]=n);if(t._isVue)return void i(t._data,e,n);var s=t.__ob__;if(!s)return void(t[e]=n);if(s.convert(e,n),s.dep.notify(),s.vms)for(var o=s.vms.length;o--;){var a=s.vms[o];a._proxy(e),a._digest()}return n}function n(t,e){if(r(t,e)){delete t[e];var i=t.__ob__;if(!i)return void(t._isVue&&(delete t._data[e],t._digest()));if(i.dep.notify(),i.vms)for(var n=i.vms.length;n--;){var s=i.vms[n];s._unproxy(e),s._digest()}}}function r(t,e){return Bi.call(t,e)}function s(t){return Wi.test(t)}function o(t){var e=(t+"").charCodeAt(0);return 36===e||95===e}function a(t){return null==t?"":t.toString()}function h(t){if("string"!=typeof t)return t;var e=Number(t);return isNaN(e)?t:e}function l(t){return"true"===t||"false"!==t&&t}function c(t){var e=t.charCodeAt(0),i=t.charCodeAt(t.length-1);return e!==i||34!==e&&39!==e?t:t.slice(1,-1)}function u(t){return t.replace(Vi,f)}function f(t,e){return e?e.toUpperCase():""}function p(t){return t.replace(zi,"$1-$2").replace(zi,"$1-$2").toLowerCase()}function d(t){return t.replace(Ui,f)}function v(t,e){return function(i){var n=arguments.length;return n?n>1?t.apply(e,arguments):t.call(e,i):t.call(e)}}function m(t,e){e=e||0;for(var i=t.length-e,n=new Array(i);i--;)n[i]=t[i+e];return n}function g(t,e){for(var i=Object.keys(e),n=i.length;n--;)t[i[n]]=e[i[n]];return t}function _(t){return null!==t&&"object"==typeof t}function y(t){return Ji.call(t)===qi}function b(t,e,i,n){Object.defineProperty(t,e,{value:i,enumerable:!!n,writable:!0,configurable:!0})}function w(t,e){var i,n,r,s,o,a=function h(){var a=Date.now()-s;a<e&&a>=0?i=setTimeout(h,e-a):(i=null,o=t.apply(r,n),i||(r=n=null))};return function(){return r=this,n=arguments,s=Date.now(),i||(i=setTimeout(a,e)),o}}function C(t,e){for(var i=t.length;i--;)if(t[i]===e)return i;return-1}function $(t){var e=function i(){if(!i.cancelled)return t.apply(this,arguments)};return e.cancel=function(){e.cancelled=!0},e}function k(t,e){return t==e||!(!_(t)||!_(e))&&JSON.stringify(t)===JSON.stringify(e)}function x(t){this.size=0,this.limit=t,this.head=this.tail=void 0,this._keymap=Object.create(null)}function A(){return fn.charCodeAt(vn+1)}function O(){return fn.charCodeAt(++vn)}function T(){return vn>=dn}function N(){for(;A()===Tn;)O()}function j(t){return t===kn||t===xn}function E(t){return Nn[t]}function S(t,e){return jn[t]===e}function F(){for(var t,e=O();!T();)if(t=O(),t===On)O();else if(t===e)break}function D(t){for(var e=0,i=t;!T();)if(t=A(),j(t))F();else if(i===t&&e++,S(i,t)&&e--,O(),0===e)break}function R(){for(var t=vn;!T();)if(mn=A(),j(mn))F();else if(E(mn))D(mn);else if(mn===An){if(O(),mn=A(),mn!==An){gn!==bn&&gn!==$n||(gn=wn);break}O()}else{if(mn===Tn&&(gn===Cn||gn===$n)){N();break}gn===wn&&(gn=Cn),O()}return fn.slice(t+1,vn)||null}function P(){for(var t=[];!T();)t.push(L());return t}function L(){var t,e={};return gn=wn,e.name=R().trim(),gn=$n,t=M(),t.length&&(e.args=t),e}function M(){for(var t=[];!T()&&gn!==wn;){var e=R();if(!e)break;t.push(H(e))}return t}function H(t){if(yn.test(t))return{value:h(t),dynamic:!1};var e=c(t),i=e===t;return{value:i?t:e,dynamic:i}}function I(t){var e=_n.get(t);if(e)return e;fn=t,pn={},dn=fn.length,vn=-1,mn="",gn=bn;var i;return fn.indexOf("|")<0?pn.expression=fn.trim():(pn.expression=R().trim(),i=P(),i.length&&(pn.filters=i)),_n.put(t,pn),pn}function B(t){return t.replace(Sn,"\\$&")}function W(){var t=B(In.delimiters[0]),e=B(In.delimiters[1]),i=B(In.unsafeDelimiters[0]),n=B(In.unsafeDelimiters[1]);Dn=new RegExp(i+"((?:.|\\n)+?)"+n+"|"+t+"((?:.|\\n)+?)"+e,"g"),Rn=new RegExp("^"+i+"((?:.|\\n)+?)"+n+"$"),Fn=new x(1e3)}function V(t){Fn||W();var e=Fn.get(t);if(e)return e;if(!Dn.test(t))return null;for(var i,n,r,s,o,a,h=[],l=Dn.lastIndex=0;i=Dn.exec(t);)n=i.index,n>l&&h.push({value:t.slice(l,n)}),r=Rn.test(i[0]),s=r?i[1]:i[2],o=s.charCodeAt(0),a=42===o,s=a?s.slice(1):s,h.push({tag:!0,value:s.trim(),html:r,oneTime:a}),l=n+i[0].length;return l<t.length&&h.push({value:t.slice(l)}),Fn.put(t,h),h}function z(t,e){return t.length>1?t.map(function(t){return U(t,e)}).join("+"):U(t[0],e,!0)}function U(t,e,i){return t.tag?t.oneTime&&e?'"'+e.$eval(t.value)+'"':J(t.value,i):'"'+t.value+'"'}function J(t,e){if(Pn.test(t)){var i=I(t);return i.filters?"this._applyFilters("+i.expression+",null,"+JSON.stringify(i.filters)+",false)":"("+t+")"}return e?t:"("+t+")"}function q(t,e,i,n){Z(t,1,function(){e.appendChild(t)},i,n)}function Q(t,e,i,n){Z(t,1,function(){it(t,e)},i,n)}function G(t,e,i){Z(t,-1,function(){rt(t)},e,i)}function Z(t,e,i,n,r){var s=t.__v_trans;if(!s||!s.hooks&&!rn||!n._isCompiled||n.$parent&&!n.$parent._isCompiled)return i(),void(r&&r());var o=e>0?"enter":"leave";s[o](i,r)}function X(t){if("string"==typeof t){t=document.querySelector(t)}return t}function Y(t){if(!t)return!1;var e=t.ownerDocument.documentElement,i=t.parentNode;return e===t||e===i||!(!i||1!==i.nodeType||!e.contains(i))}function K(t,e){var i=t.getAttribute(e);return null!==i&&t.removeAttribute(e),i}function tt(t,e){var i=K(t,":"+e);return null===i&&(i=K(t,"v-bind:"+e)),i}function et(t,e){return t.hasAttribute(e)||t.hasAttribute(":"+e)||t.hasAttribute("v-bind:"+e)}function it(t,e){e.parentNode.insertBefore(t,e)}function nt(t,e){e.nextSibling?it(t,e.nextSibling):e.parentNode.appendChild(t)}function rt(t){t.parentNode.removeChild(t)}function st(t,e){e.firstChild?it(t,e.firstChild):e.appendChild(t)}function ot(t,e){var i=t.parentNode;i&&i.replaceChild(e,t)}function at(t,e,i,n){t.addEventListener(e,i,n)}function ht(t,e,i){t.removeEventListener(e,i)}function lt(t){var e=t.className;return"object"==typeof e&&(e=e.baseVal||""),e}function ct(t,e){tn&&!/svg$/.test(t.namespaceURI)?t.className=e:t.setAttribute("class",e)}function ut(t,e){if(t.classList)t.classList.add(e);else{var i=" "+lt(t)+" ";i.indexOf(" "+e+" ")<0&&ct(t,(i+e).trim())}}function ft(t,e){if(t.classList)t.classList.remove(e);else{for(var i=" "+lt(t)+" ",n=" "+e+" ";i.indexOf(n)>=0;)i=i.replace(n," ");ct(t,i.trim())}t.className||t.removeAttribute("class")}function pt(t,e){var i,n;if(mt(t)&&wt(t.content)&&(t=t.content),t.hasChildNodes())for(dt(t),n=e?document.createDocumentFragment():document.createElement("div");i=t.firstChild;)n.appendChild(i);return n}function dt(t){for(var e;e=t.firstChild,vt(e);)t.removeChild(e);for(;e=t.lastChild,vt(e);)t.removeChild(e)}function vt(t){return t&&(3===t.nodeType&&!t.data.trim()||8===t.nodeType)}function mt(t){return t.tagName&&"template"===t.tagName.toLowerCase()}function gt(t,e){var i=In.debug?document.createComment(t):document.createTextNode(e?" ":"");return i.__v_anchor=!0,i}function _t(t){if(t.hasAttributes())for(var e=t.attributes,i=0,n=e.length;i<n;i++){var r=e[i].name;if(Vn.test(r))return u(r.replace(Vn,""))}}function yt(t,e,i){for(var n;t!==e;)n=t.nextSibling,i(t),t=n;i(e)}function bt(t,e,i,n,r){function s(){if(a++,o&&a>=h.length){for(var t=0;t<h.length;t++)n.appendChild(h[t]);r&&r()}}var o=!1,a=0,h=[];yt(t,e,function(t){t===e&&(o=!0),h.push(t),G(t,i,s)})}function wt(t){return t&&11===t.nodeType}function Ct(t){if(t.outerHTML)return t.outerHTML;var e=document.createElement("div");return e.appendChild(t.cloneNode(!0)),e.innerHTML}function $t(t){var e=t.node;if(t.end)for(;!e.__vue__&&e!==t.end&&e.nextSibling;)e=e.nextSibling;return e.__vue__}function kt(t,e){var i=t.tagName.toLowerCase(),n=t.hasAttributes();if(zn.test(i)||Un.test(i)){if(n)return xt(t,e)}else{if(St(e,"components",i))return{id:i};var r=n&&xt(t,e);if(r)return r}}function xt(t,e){var i=t.getAttribute("is");if(null!=i){if(St(e,"components",i))return t.removeAttribute("is"),{id:i}}else if(i=tt(t,"is"),null!=i)return{id:i,dynamic:!0}}function At(t,e){var n,s,o;for(n in e)s=t[n],o=e[n],r(t,n)?_(s)&&_(o)&&At(s,o):i(t,n,o);return t}function Ot(t,e){var i=Object.create(t||null);return e?g(i,jt(e)):i}function Tt(t){if(t.components)for(var e,i=t.components=jt(t.components),n=Object.keys(i),r=0,s=n.length;r<s;r++){var o=n[r];zn.test(o)||Un.test(o)||(e=i[o],y(e)&&(i[o]=Ri.extend(e)))}}function Nt(t){var e,i,n=t.props;if(Qi(n))for(t.props={},e=n.length;e--;)i=n[e],"string"==typeof i?t.props[i]=null:i.name&&(t.props[i.name]=i);else if(y(n)){var r=Object.keys(n);for(e=r.length;e--;)i=n[r[e]],"function"==typeof i&&(n[r[e]]={type:i})}}function jt(t){if(Qi(t)){for(var e,i={},n=t.length;n--;){e=t[n];var r="function"==typeof e?e.options&&e.options.name||e.id:e.name||e.id;r&&(i[r]=e)}return i}return t}function Et(t,e,i){function n(n){var r=Jn[n]||qn;o[n]=r(t[n],e[n],i,n)}Tt(e),Nt(e);var s,o={};if(e["extends"]&&(t="function"==typeof e["extends"]?Et(t,e["extends"].options,i):Et(t,e["extends"],i)),e.mixins)for(var a=0,h=e.mixins.length;a<h;a++){var l=e.mixins[a],c=l.prototype instanceof Ri?l.options:l;t=Et(t,c,i)}for(s in t)n(s);for(s in e)r(t,s)||n(s);return o}function St(t,e,i,n){if("string"==typeof i){var r,s=t[e],o=s[i]||s[r=u(i)]||s[r.charAt(0).toUpperCase()+r.slice(1)];return o}}function Ft(){this.id=Qn++,this.subs=[]}function Dt(t){Yn=!1,t(),Yn=!0}function Rt(t){if(this.value=t,this.dep=new Ft,b(t,"__ob__",this),Qi(t)){var e=Gi?Pt:Lt;e(t,Zn,Xn),this.observeArray(t)}else this.walk(t)}function Pt(t,e){t.__proto__=e}function Lt(t,e,i){for(var n=0,r=i.length;n<r;n++){var s=i[n];b(t,s,e[s])}}function Mt(t,e){if(t&&"object"==typeof t){var i;return r(t,"__ob__")&&t.__ob__ instanceof Rt?i=t.__ob__:Yn&&(Qi(t)||y(t))&&Object.isExtensible(t)&&!t._isVue&&(i=new Rt(t)),i&&e&&i.addVm(e),i}}function Ht(t,e,i){var n=new Ft,r=Object.getOwnPropertyDescriptor(t,e);if(!r||r.configurable!==!1){var s=r&&r.get,o=r&&r.set,a=Mt(i);Object.defineProperty(t,e,{enumerable:!0,configurable:!0,get:function(){var e=s?s.call(t):i;if(Ft.target&&(n.depend(),a&&a.dep.depend(),Qi(e)))for(var r,o=0,h=e.length;o<h;o++)r=e[o],r&&r.__ob__&&r.__ob__.dep.depend();return e},set:function(e){var r=s?s.call(t):i;e!==r&&(o?o.call(t,e):i=e,a=Mt(e),n.notify())}})}}function It(t){t.prototype._init=function(t){t=t||{},this.$el=null,this.$parent=t.parent,this.$root=this.$parent?this.$parent.$root:this,this.$children=[],this.$refs={},this.$els={},this._watchers=[],this._directives=[],this._uid=tr++,this._isVue=!0,this._events={},this._eventsCount={},this._isFragment=!1,this._fragment=this._fragmentStart=this._fragmentEnd=null,this._isCompiled=this._isDestroyed=this._isReady=this._isAttached=this._isBeingDestroyed=this._vForRemoving=!1,this._unlinkFn=null,this._context=t._context||this.$parent,this._scope=t._scope,this._frag=t._frag,this._frag&&this._frag.children.push(this),this.$parent&&this.$parent.$children.push(this),t=this.$options=Et(this.constructor.options,t,this),this._updateRef(),this._data={},this._callHook("init"),this._initState(),this._initEvents(),this._callHook("created"),t.el&&this.$mount(t.el)}}function Bt(t){if(void 0===t)return"eof";var e=t.charCodeAt(0);switch(e){case 91:case 93:case 46:case 34:case 39:case 48:return t;case 95:case 36:return"ident";case 32:case 9:case 10:case 13:case 160:case 65279:case 8232:case 8233:return"ws"}return e>=97&&e<=122||e>=65&&e<=90?"ident":e>=49&&e<=57?"number":"else"}function Wt(t){var e=t.trim();return("0"!==t.charAt(0)||!isNaN(t))&&(s(e)?c(e):"*"+e)}function Vt(t){function e(){var e=t[c+1];if(u===ur&&"'"===e||u===fr&&'"'===e)return c++,n="\\"+e,p[ir](),!0}var i,n,r,s,o,a,h,l=[],c=-1,u=or,f=0,p=[];for(p[nr]=function(){void 0!==r&&(l.push(r),r=void 0)},p[ir]=function(){void 0===r?r=n:r+=n},p[rr]=function(){p[ir](),f++},p[sr]=function(){if(f>0)f--,u=cr,p[ir]();else{if(f=0,r=Wt(r),r===!1)return!1;p[nr]()}};null!=u;)if(c++,i=t[c],"\\"!==i||!e()){if(s=Bt(i),h=vr[u],o=h[s]||h["else"]||dr,o===dr)return;if(u=o[0],a=p[o[1]],a&&(n=o[2],n=void 0===n?i:n,a()===!1))return;if(u===pr)return l.raw=t,l}}function zt(t){var e=er.get(t);return e||(e=Vt(t),e&&er.put(t,e)),e}function Ut(t,e){return te(e).get(t)}function Jt(t,e,n){var r=t;if("string"==typeof e&&(e=Vt(e)),!e||!_(t))return!1;for(var s,o,a=0,h=e.length;a<h;a++)s=t,o=e[a],"*"===o.charAt(0)&&(o=te(o.slice(1)).get.call(r,r)),a<h-1?(t=t[o],_(t)||(t={},i(s,o,t))):Qi(t)?t.$set(o,n):o in t?t[o]=n:i(t,o,n);return!0}function qt(){}function Qt(t,e){var i=Nr.length;return Nr[i]=e?t.replace($r,"\\n"):t,'"'+i+'"'}function Gt(t){var e=t.charAt(0),i=t.slice(1);return yr.test(i)?t:(i=i.indexOf('"')>-1?i.replace(xr,Zt):i,e+"scope."+i)}function Zt(t,e){return Nr[e]}function Xt(t){wr.test(t),Nr.length=0;var e=t.replace(kr,Qt).replace(Cr,"");return e=(" "+e).replace(Or,Gt).replace(xr,Zt),Yt(e)}function Yt(t){try{return new Function("scope","return "+t+";")}catch(e){return qt}}function Kt(t){var e=zt(t);if(e)return function(t,i){Jt(t,e,i)}}function te(t,e){t=t.trim();var i=gr.get(t);if(i)return e&&!i.set&&(i.set=Kt(i.exp)),i;var n={exp:t};return n.get=ee(t)&&t.indexOf("[")<0?Yt("scope."+t):Xt(t),e&&(n.set=Kt(t)),gr.put(t,n),n}function ee(t){return Ar.test(t)&&!Tr.test(t)&&"Math."!==t.slice(0,5)}function ie(){Er.length=0,Sr.length=0,Fr={},Dr={},Rr=!1}function ne(){for(var t=!0;t;)t=!1,re(Er),re(Sr),Er.length?t=!0:(Xi&&In.devtools&&Xi.emit("flush"),ie())}function re(t){for(var e=0;e<t.length;e++){var i=t[e],n=i.id;Fr[n]=null,i.run()}t.length=0}function se(t){var e=t.id;if(null==Fr[e]){var i=t.user?Sr:Er;Fr[e]=i.length,i.push(t),Rr||(Rr=!0,ln(ne))}}function oe(t,e,i,n){n&&g(this,n);var r="function"==typeof e;if(this.vm=t,t._watchers.push(this),this.expression=e,this.cb=i,this.id=++Pr,this.active=!0,this.dirty=this.lazy,this.deps=[],this.newDeps=[],this.depIds=new cn,this.newDepIds=new cn,this.prevError=null,r)this.getter=e,this.setter=void 0;else{var s=te(e,this.twoWay);this.getter=s.get,this.setter=s.set}this.value=this.lazy?void 0:this.get(),this.queued=this.shallow=!1}function ae(t,e){var i=void 0,n=void 0;e||(e=Lr,e.clear());var r=Qi(t),s=_(t);if((r||s)&&Object.isExtensible(t)){if(t.__ob__){var o=t.__ob__.dep.id;if(e.has(o))return;e.add(o)}if(r)for(i=t.length;i--;)ae(t[i],e);else if(s)for(n=Object.keys(t),i=n.length;i--;)ae(t[n[i]],e)}}function he(t){return mt(t)&&wt(t.content)}function le(t,e){var i=e?t:t.trim(),n=Hr.get(i);if(n)return n;var r=document.createDocumentFragment(),s=t.match(Wr),o=Vr.test(t),a=zr.test(t);if(s||o||a){var h=s&&s[1],l=Br[h]||Br.efault,c=l[0],u=l[1],f=l[2],p=document.createElement("div");for(p.innerHTML=u+t+f;c--;)p=p.lastChild;for(var d;d=p.firstChild;)r.appendChild(d)}else r.appendChild(document.createTextNode(t));return e||dt(r),Hr.put(i,r),r}function ce(t){if(he(t))return le(t.innerHTML);if("SCRIPT"===t.tagName)return le(t.textContent);for(var e,i=ue(t),n=document.createDocumentFragment();e=i.firstChild;)n.appendChild(e);return dt(n),n}function ue(t){if(!t.querySelectorAll)return t.cloneNode();var e,i,n,r=t.cloneNode(!0);if(Ur){var s=r;if(he(t)&&(t=t.content,s=r.content),i=t.querySelectorAll("template"),i.length)for(n=s.querySelectorAll("template"),e=n.length;e--;)n[e].parentNode.replaceChild(ue(i[e]),n[e])}if(Jr)if("TEXTAREA"===t.tagName)r.value=t.value;else if(i=t.querySelectorAll("textarea"),i.length)for(n=r.querySelectorAll("textarea"),e=n.length;e--;)n[e].value=i[e].value;return r}function fe(t,e,i){var n,r;return wt(t)?(dt(t),e?ue(t):t):("string"==typeof t?i||"#"!==t.charAt(0)?r=le(t,i):(r=Ir.get(t),r||(n=document.getElementById(t.slice(1)),n&&(r=ce(n),Ir.put(t,r)))):t.nodeType&&(r=ce(t)),r&&e?ue(r):r)}function pe(t,e,i,n,r,s){this.children=[],this.childFrags=[],this.vm=e,this.scope=r,this.inserted=!1,this.parentFrag=s,s&&s.childFrags.push(this),this.unlink=t(e,i,n,r,this);var o=this.single=1===i.childNodes.length&&!i.childNodes[0].__v_anchor;o?(this.node=i.childNodes[0],this.before=de,this.remove=ve):(this.node=gt("fragment-start"),this.end=gt("fragment-end"),this.frag=i,st(this.node,i),i.appendChild(this.end),this.before=me,this.remove=ge),this.node.__v_frag=this}function de(t,e){this.inserted=!0;var i=e!==!1?Q:it;i(this.node,t,this.vm),Y(this.node)&&this.callHook(_e)}function ve(){this.inserted=!1;var t=Y(this.node),e=this;this.beforeRemove(),G(this.node,this.vm,function(){t&&e.callHook(ye),e.destroy()})}function me(t,e){this.inserted=!0;var i=this.vm,n=e!==!1?Q:it;yt(this.node,this.end,function(e){n(e,t,i)}),Y(this.node)&&this.callHook(_e)}function ge(){this.inserted=!1;var t=this,e=Y(this.node);this.beforeRemove(),bt(this.node,this.end,this.vm,this.frag,function(){e&&t.callHook(ye),t.destroy()})}function _e(t){!t._isAttached&&Y(t.$el)&&t._callHook("attached")}function ye(t){t._isAttached&&!Y(t.$el)&&t._callHook("detached")}function be(t,e){this.vm=t;var i,n="string"==typeof e;n||mt(e)&&!e.hasAttribute("v-if")?i=fe(e,!0):(i=document.createDocumentFragment(),i.appendChild(e)),this.template=i;var r,s=t.constructor.cid;if(s>0){var o=s+(n?e:Ct(e));r=Gr.get(o),r||(r=Qe(i,t.$options,!0),Gr.put(o,r))}else r=Qe(i,t.$options,!0);this.linker=r}function we(t,e,i){var n=t.node.previousSibling;if(n){for(t=n.__v_frag;!(t&&t.forId===i&&t.inserted||n===e);){if(n=n.previousSibling,!n)return;t=n.__v_frag}return t}}function Ce(t){for(var e=-1,i=new Array(Math.floor(t));++e<t;)i[e]=e;return i}function $e(t,e,i,n){return n?"$index"===n?t:n.charAt(0).match(/\w/)?Ut(i,n):i[n]:e||i}function ke(t,e,i){for(var n,r,s,o=e?[]:null,a=0,h=t.options.length;a<h;a++)if(n=t.options[a],s=i?n.hasAttribute("selected"):n.selected){if(r=n.hasOwnProperty("_value")?n._value:n.value,!e)return r;o.push(r)}return o}function xe(t,e){for(var i=t.length;i--;)if(k(t[i],e))return i;return-1}function Ae(t,e){var i=e.map(function(t){var e=t.charCodeAt(0);return e>47&&e<58?parseInt(t,10):1===t.length&&(e=t.toUpperCase().charCodeAt(0),e>64&&e<91)?e:ms[t]});return i=[].concat.apply([],i),function(e){if(i.indexOf(e.keyCode)>-1)return t.call(this,e)}}function Oe(t){return function(e){return e.stopPropagation(),t.call(this,e)}}function Te(t){return function(e){return e.preventDefault(),t.call(this,e)}}function Ne(t){return function(e){if(e.target===e.currentTarget)return t.call(this,e)}}function je(t){if(ws[t])return ws[t];var e=Ee(t);return ws[t]=ws[e]=e,e}function Ee(t){t=p(t);var e=u(t),i=e.charAt(0).toUpperCase()+e.slice(1);Cs||(Cs=document.createElement("div"));var n,r=_s.length;if("filter"!==e&&e in Cs.style)return{kebab:t,camel:e};for(;r--;)if(n=ys[r]+i,n in Cs.style)return{kebab:_s[r]+t,camel:n}}function Se(t){var e=[];if(Qi(t))for(var i=0,n=t.length;i<n;i++){var r=t[i];if(r)if("string"==typeof r)e.push(r);else for(var s in r)r[s]&&e.push(s)}else if(_(t))for(var o in t)t[o]&&e.push(o);return e}function Fe(t,e,i){if(e=e.trim(),e.indexOf(" ")===-1)return void i(t,e);for(var n=e.split(/\s+/),r=0,s=n.length;r<s;r++)i(t,n[r])}function De(t,e,i){function n(){++s>=r?i():t[s].call(e,n)}var r=t.length,s=0;t[0].call(e,n)}function Re(t,e,i){for(var n,r,o,a,h,l,c,f=[],d=i.$options.propsData,v=Object.keys(e),m=v.length;m--;)if(r=v[m],n=e[r]||Ms,h=u(r),Hs.test(h)){if(c={name:r,path:h,options:n,mode:Ls.ONE_WAY,raw:null},o=p(r),null===(a=tt(t,o))&&(null!==(a=tt(t,o+".sync"))?c.mode=Ls.TWO_WAY:null!==(a=tt(t,o+".once"))&&(c.mode=Ls.ONE_TIME)),null!==a)c.raw=a,l=I(a),a=l.expression,c.filters=l.filters,s(a)&&!l.filters?c.optimizedLiteral=!0:c.dynamic=!0,c.parentPath=a;else if(null!==(a=K(t,o)))c.raw=a;else if(d&&null!==(a=d[r]||d[h]))c.raw=a;else;f.push(c)}return Pe(f)}function Pe(t){return function(e,i){e._props={};for(var n,s,o,a,u,f=e.$options.propsData,d=t.length;d--;)if(n=t[d],u=n.raw,s=n.path,o=n.options,e._props[s]=n,f&&r(f,s)&&Me(e,n,f[s]),null===u)Me(e,n,void 0);else if(n.dynamic)n.mode===Ls.ONE_TIME?(a=(i||e._context||e).$get(n.parentPath),Me(e,n,a)):e._context?e._bindDir({name:"prop",def:Bs,prop:n},null,null,i):Me(e,n,e.$get(n.parentPath));else if(n.optimizedLiteral){var v=c(u);a=v===u?l(h(u)):v,Me(e,n,a)}else a=o.type===Boolean&&(""===u||u===p(n.name))||u,Me(e,n,a)}}function Le(t,e,i,n){var r=e.dynamic&&ee(e.parentPath),s=i;void 0===s&&(s=Ie(t,e)),s=We(e,s,t);var o=s!==i;Be(e,s,t)||(s=void 0),r&&!o?Dt(function(){n(s)}):n(s)}function Me(t,e,i){Le(t,e,i,function(i){Ht(t,e.path,i)})}function He(t,e,i){Le(t,e,i,function(i){t[e.path]=i})}function Ie(t,e){var i=e.options;if(!r(i,"default"))return i.type!==Boolean&&void 0;var n=i["default"];return _(n),"function"==typeof n&&i.type!==Function?n.call(t):n}function Be(t,e,i){if(!t.options.required&&(null===t.raw||null==e))return!0;var n=t.options,r=n.type,s=!r,o=[];if(r){Qi(r)||(r=[r]);for(var a=0;a<r.length&&!s;a++){var h=Ve(e,r[a]);o.push(h.expectedType),s=h.valid}}if(!s)return!1;var l=n.validator;return!(l&&!l(e))}function We(t,e,i){var n=t.options.coerce;return n&&"function"==typeof n?n(e):e}function Ve(t,e){var i,n;return e===String?(n="string",i=typeof t===n):e===Number?(n="number",i=typeof t===n):e===Boolean?(n="boolean",i=typeof t===n):e===Function?(n="function",i=typeof t===n):e===Object?(n="object",i=y(t)):e===Array?(n="array",i=Qi(t)):i=t instanceof e,{valid:i,expectedType:n}}function ze(t){Ws.push(t),Vs||(Vs=!0,ln(Ue))}function Ue(){for(var t=document.documentElement.offsetHeight,e=0;e<Ws.length;e++)Ws[e]();return Ws=[],Vs=!1,t}function Je(t,e,i,n){this.id=e,this.el=t,this.enterClass=i&&i.enterClass||e+"-enter",this.leaveClass=i&&i.leaveClass||e+"-leave",this.hooks=i,this.vm=n,this.pendingCssEvent=this.pendingCssCb=this.cancel=this.pendingJsCb=this.op=this.cb=null,this.justEntered=!1,this.entered=this.left=!1,this.typeCache={},this.type=i&&i.type;var r=this;["enterNextTick","enterDone","leaveNextTick","leaveDone"].forEach(function(t){r[t]=v(r[t],r)})}function qe(t){if(/svg$/.test(t.namespaceURI)){var e=t.getBoundingClientRect();return!(e.width||e.height)}return!(t.offsetWidth||t.offsetHeight||t.getClientRects().length)}function Qe(t,e,i){var n=i||!e._asComponent?ei(t,e):null,r=n&&n.terminal||_i(t)||!t.hasChildNodes()?null:ai(t.childNodes,e);return function(t,e,i,s,o){var a=m(e.childNodes),h=Ge(function(){n&&n(t,e,i,s,o),r&&r(t,a,i,s,o)},t);return Xe(t,h)}}function Ge(t,e){e._directives=[];var i=e._directives.length;t();var n=e._directives.slice(i);Ze(n);for(var r=0,s=n.length;r<s;r++)n[r]._bind();return n}function Ze(t){if(0!==t.length){var e,i,n,r,s={};for(e=0,i=t.length;e<i;e++){var o=t[e],a=o.descriptor.def.priority||ro,h=s[a];h||(h=s[a]=[]),h.push(o)}var l=0,c=Object.keys(s).sort(function(t,e){return t>e?-1:t===e?0:1});for(e=0,i=c.length;e<i;e++){var u=s[c[e]];for(n=0,r=u.length;n<r;n++)t[l++]=u[n]}}}function Xe(t,e,i,n){function r(r){Ye(t,e,r),i&&n&&Ye(i,n)}return r.dirs=e,r}function Ye(t,e,i){for(var n=e.length;n--;)e[n]._teardown()}function Ke(t,e,i,n){var r=Re(e,i,t),s=Ge(function(){r(t,n)},t);return Xe(t,s)}function ti(t,e,i){var n,r,s=e._containerAttrs,o=e._replacerAttrs;if(11!==t.nodeType)e._asComponent?(s&&i&&(n=di(s,i)),o&&(r=di(o,e))):r=di(t.attributes,e);else;return e._containerAttrs=e._replacerAttrs=null,function(t,e,i){var s,o=t._context;o&&n&&(s=Ge(function(){n(o,e,null,i)},o));var a=Ge(function(){r&&r(t,e)},t);return Xe(t,a,o,s)}}function ei(t,e){var i=t.nodeType;return 1!==i||_i(t)?3===i&&t.data.trim()?ni(t,e):null:ii(t,e)}function ii(t,e){if("TEXTAREA"===t.tagName){if(null!==K(t,"v-pre"))return fi;var i=V(t.value);i&&(t.setAttribute(":value",z(i)),t.value="")}var n,r=t.hasAttributes(),s=r&&m(t.attributes);return r&&(n=ui(t,s,e)),n||(n=li(t,e)),n||(n=ci(t,e)),!n&&r&&(n=di(s,e)),n}function ni(t,e){if(t._skip)return ri;var i=V(t.wholeText);if(!i)return null;for(var n=t.nextSibling;n&&3===n.nodeType;)n._skip=!0,n=n.nextSibling;for(var r,s,o=document.createDocumentFragment(),a=0,h=i.length;a<h;a++)s=i[a],r=s.tag?si(s,e):document.createTextNode(s.value),o.appendChild(r);return oi(i,o,e)}function ri(t,e){rt(e)}function si(t,e){function i(e){if(!t.descriptor){var i=I(t.value);t.descriptor={name:e,def:Ds[e],expression:i.expression,filters:i.filters}}}var n;return t.oneTime?n=document.createTextNode(t.value):t.html?(n=document.createComment("v-html"),i("html")):(n=document.createTextNode(" "),i("text")),n}function oi(t,e){return function(i,n,r,s){for(var o,h,l,c=e.cloneNode(!0),u=m(c.childNodes),f=0,p=t.length;f<p;f++)o=t[f],h=o.value,o.tag&&(l=u[f],o.oneTime?(h=(s||i).$eval(h),o.html?ot(l,fe(h,!0)):l.data=a(h)):i._bindDir(o.descriptor,l,r,s));ot(n,c)}}function ai(t,e){for(var i,n,r,s=[],o=0,a=t.length;o<a;o++)r=t[o],i=ei(r,e),n=i&&i.terminal||"SCRIPT"===r.tagName||!r.hasChildNodes()?null:ai(r.childNodes,e),s.push(i,n);return s.length?hi(s):null}function hi(t){return function(e,i,n,r,s){for(var o,a,h,l=0,c=0,u=t.length;l<u;c++){o=i[c],a=t[l++],h=t[l++];var f=m(o.childNodes);a&&a(e,o,n,r,s),h&&h(e,f,n,r,s)}}}function li(t,e){var i=t.tagName.toLowerCase();if(!zn.test(i)){var n=St(e,"elementDirectives",i);return n?pi(t,i,"",e,n):void 0}}function ci(t,e){var i=kt(t,e);if(i){var n=_t(t),r={name:"component",ref:n,expression:i.id,def:Ys.component,modifiers:{literal:!i.dynamic}},s=function(t,e,i,s,o){n&&Ht((s||t).$refs,n,null),t._bindDir(r,e,i,s,o)};return s.terminal=!0,s}}function ui(t,e,i){if(null!==K(t,"v-pre"))return fi;if(t.hasAttribute("v-else")){var n=t.previousElementSibling;if(n&&n.hasAttribute("v-if"))return fi}for(var r,s,o,a,h,l,c,u,f,p,d=0,v=e.length;d<v;d++)r=e[d],s=r.name.replace(io,""),(h=s.match(eo))&&(f=St(i,"directives",h[1]),f&&f.terminal&&(!p||(f.priority||so)>p.priority)&&(p=f,c=r.name,a=vi(r.name),o=r.value,l=h[1],u=h[2]));return p?pi(t,l,o,i,p,c,u,a):void 0}function fi(){}function pi(t,e,i,n,r,s,o,a){var h=I(i),l={name:e,arg:o,expression:h.expression,filters:h.filters,raw:i,attr:s,modifiers:a,def:r};"for"!==e&&"if"!==e&&"router-view"!==e||(l.ref=_t(t));var c=function(t,e,i,n,r){l.ref&&Ht((n||t).$refs,l.ref,null),t._bindDir(l,e,i,n,r)};return c.terminal=!0,c}function di(t,e){function i(t,e,i){var n=i&&gi(i),r=!n&&I(s);v.push({name:t,attr:o,raw:a,def:e,arg:l,modifiers:c,expression:r&&r.expression,filters:r&&r.filters,interp:i,hasOneTime:n})}for(var n,r,s,o,a,h,l,c,u,f,p,d=t.length,v=[];d--;)if(n=t[d],r=o=n.name,s=a=n.value,f=V(s),l=null,c=vi(r),r=r.replace(io,""),f)s=z(f),l=r,i("bind",Ds.bind,f);else if(no.test(r))c.literal=!Ks.test(r),i("transition",Ys.transition);else if(to.test(r))l=r.replace(to,""),i("on",Ds.on);else if(Ks.test(r))h=r.replace(Ks,""),"style"===h||"class"===h?i(h,Ys[h]):(l=h,i("bind",Ds.bind));else if(p=r.match(eo)){if(h=p[1],l=p[2],"else"===h)continue;u=St(e,"directives",h,!0),u&&i(h,u)}if(v.length)return mi(v)}function vi(t){var e=Object.create(null),i=t.match(io);if(i)for(var n=i.length;n--;)e[i[n].slice(1)]=!0;return e}function mi(t){return function(e,i,n,r,s){for(var o=t.length;o--;)e._bindDir(t[o],i,n,r,s)}}function gi(t){for(var e=t.length;e--;)if(t[e].oneTime)return!0}function _i(t){return"SCRIPT"===t.tagName&&(!t.hasAttribute("type")||"text/javascript"===t.getAttribute("type"))}function yi(t,e){return e&&(e._containerAttrs=wi(t)),mt(t)&&(t=fe(t)),e&&(e._asComponent&&!e.template&&(e.template="<slot></slot>"),e.template&&(e._content=pt(t),t=bi(t,e))),wt(t)&&(st(gt("v-start",!0),t),t.appendChild(gt("v-end",!0))),t}function bi(t,e){var i=e.template,n=fe(i,!0);if(n){var r=n.firstChild;if(!r)return n;var s=r.tagName&&r.tagName.toLowerCase();return e.replace?(t===document.body,n.childNodes.length>1||1!==r.nodeType||"component"===s||St(e,"components",s)||et(r,"is")||St(e,"elementDirectives",s)||r.hasAttribute("v-for")||r.hasAttribute("v-if")?n:(e._replacerAttrs=wi(r),Ci(t,r),r)):(t.appendChild(n),t)}}function wi(t){if(1===t.nodeType&&t.hasAttributes())return m(t.attributes)}function Ci(t,e){for(var i,n,r=t.attributes,s=r.length;s--;)i=r[s].name,n=r[s].value,e.hasAttribute(i)||oo.test(i)?"class"===i&&!V(n)&&(n=n.trim())&&n.split(/\s+/).forEach(function(t){ut(e,t)}):e.setAttribute(i,n)}function $i(t,e){if(e){for(var i,n,r=t._slotContents=Object.create(null),s=0,o=e.children.length;s<o;s++)i=e.children[s],(n=i.getAttribute("slot"))&&(r[n]||(r[n]=[])).push(i);for(n in r)r[n]=ki(r[n],e);if(e.hasChildNodes()){var a=e.childNodes;if(1===a.length&&3===a[0].nodeType&&!a[0].data.trim())return;r["default"]=ki(e.childNodes,e)}}}function ki(t,e){var i=document.createDocumentFragment();t=m(t);for(var n=0,r=t.length;n<r;n++){var s=t[n];!mt(s)||s.hasAttribute("v-if")||s.hasAttribute("v-for")||(e.removeChild(s),s=fe(s,!0)),i.appendChild(s)}return i}function xi(t){function e(){}function i(t,e){var i=new oe(e,t,null,{lazy:!0});return function(){return i.dirty&&i.evaluate(),Ft.target&&i.depend(),i.value}}Object.defineProperty(t.prototype,"$data",{get:function(){return this._data},set:function(t){t!==this._data&&this._setData(t)}}),t.prototype._initState=function(){this._initProps(),this._initMeta(),this._initMethods(),this._initData(),this._initComputed()},t.prototype._initProps=function(){var t=this.$options,e=t.el,i=t.props;e=t.el=X(e),this._propsUnlinkFn=e&&1===e.nodeType&&i?Ke(this,e,i,this._scope):null},t.prototype._initData=function(){var t=this.$options.data,e=this._data=t?t():{};y(e)||(e={});var i,n,s=this._props,o=Object.keys(e);for(i=o.length;i--;)n=o[i],s&&r(s,n)||this._proxy(n);Mt(e,this)},t.prototype._setData=function(t){t=t||{};var e=this._data;this._data=t;var i,n,s;for(i=Object.keys(e),s=i.length;s--;)n=i[s],n in t||this._unproxy(n);for(i=Object.keys(t),s=i.length;s--;)n=i[s],r(this,n)||this._proxy(n);e.__ob__.removeVm(this),Mt(t,this),this._digest()},t.prototype._proxy=function(t){if(!o(t)){var e=this;Object.defineProperty(e,t,{configurable:!0,enumerable:!0,get:function(){return e._data[t]},set:function(i){e._data[t]=i}})}},t.prototype._unproxy=function(t){o(t)||delete this[t]},t.prototype._digest=function(){for(var t=0,e=this._watchers.length;t<e;t++)this._watchers[t].update(!0)},t.prototype._initComputed=function(){var t=this.$options.computed;if(t)for(var n in t){var r=t[n],s={enumerable:!0,configurable:!0};"function"==typeof r?(s.get=i(r,this),s.set=e):(s.get=r.get?r.cache!==!1?i(r.get,this):v(r.get,this):e,s.set=r.set?v(r.set,this):e),Object.defineProperty(this,n,s)}},t.prototype._initMethods=function(){var t=this.$options.methods;if(t)for(var e in t)this[e]=v(t[e],this)},t.prototype._initMeta=function(){var t=this.$options._meta;if(t)for(var e in t)Ht(this,e,t[e])}}function Ai(t){function e(t,e){for(var i,n,r,s=e.attributes,o=0,a=s.length;o<a;o++)i=s[o].name,ho.test(i)&&(i=i.replace(ho,""),n=s[o].value,ee(n)&&(n+=".apply(this, $arguments)"),r=(t._scope||t._context).$eval(n,!0),r._fromParent=!0,t.$on(i.replace(ho),r))}function i(t,e,i){if(i){var r,s,o,a;for(s in i)if(r=i[s],Qi(r))for(o=0,a=r.length;o<a;o++)n(t,e,s,r[o]);else n(t,e,s,r)}}function n(t,e,i,r,s){var o=typeof r;if("function"===o)t[e](i,r,s);else if("string"===o){var a=t.$options.methods,h=a&&a[r];h&&t[e](i,h,s)}else r&&"object"===o&&n(t,e,i,r.handler,r)}function r(){this._isAttached||(this._isAttached=!0,this.$children.forEach(s))}function s(t){!t._isAttached&&Y(t.$el)&&t._callHook("attached")}function o(){this._isAttached&&(this._isAttached=!1,this.$children.forEach(a))}function a(t){t._isAttached&&!Y(t.$el)&&t._callHook("detached")}t.prototype._initEvents=function(){var t=this.$options;t._asComponent&&e(this,t.el),i(this,"$on",t.events),i(this,"$watch",t.watch)},t.prototype._initDOMHooks=function(){this.$on("hook:attached",r),this.$on("hook:detached",o)},t.prototype._callHook=function(t){this.$emit("pre-hook:"+t);var e=this.$options[t];if(e)for(var i=0,n=e.length;i<n;i++)e[i].call(this);this.$emit("hook:"+t)}}function Oi(){}function Ti(t,e,i,n,r,s){this.vm=e,this.el=i,this.descriptor=t,this.name=t.name,this.expression=t.expression,this.arg=t.arg,this.modifiers=t.modifiers,this.filters=t.filters,this.literal=this.modifiers&&this.modifiers.literal,this._locked=!1,this._bound=!1,this._listeners=null,this._host=n,this._scope=r,this._frag=s}function Ni(t){t.prototype._updateRef=function(t){var e=this.$options._ref;if(e){var i=(this._scope||this._context).$refs;t?i[e]===this&&(i[e]=null):i[e]=this}},t.prototype._compile=function(t){var e=this.$options,i=t;if(t=yi(t,e),this._initElement(t),1!==t.nodeType||null===K(t,"v-pre")){var n=this._context&&this._context.$options,r=ti(t,e,n);$i(this,e._content);var s,o=this.constructor;e._linkerCachable&&(s=o.linker,s||(s=o.linker=Qe(t,e)));var a=r(this,t,this._scope),h=s?s(this,t):Qe(t,e)(this,t);this._unlinkFn=function(){a(),h(!0)},e.replace&&ot(i,t),this._isCompiled=!0,this._callHook("compiled")}},t.prototype._initElement=function(t){wt(t)?(this._isFragment=!0,
7 | this.$el=this._fragmentStart=t.firstChild,this._fragmentEnd=t.lastChild,3===this._fragmentStart.nodeType&&(this._fragmentStart.data=this._fragmentEnd.data=""),this._fragment=t):this.$el=t,this.$el.__vue__=this,this._callHook("beforeCompile")},t.prototype._bindDir=function(t,e,i,n,r){this._directives.push(new Ti(t,this,e,i,n,r))},t.prototype._destroy=function(t,e){if(this._isBeingDestroyed)return void(e||this._cleanup());var i,n,r=this,s=function(){!i||n||e||r._cleanup()};t&&this.$el&&(n=!0,this.$remove(function(){n=!1,s()})),this._callHook("beforeDestroy"),this._isBeingDestroyed=!0;var o,a=this.$parent;for(a&&!a._isBeingDestroyed&&(a.$children.$remove(this),this._updateRef(!0)),o=this.$children.length;o--;)this.$children[o].$destroy();for(this._propsUnlinkFn&&this._propsUnlinkFn(),this._unlinkFn&&this._unlinkFn(),o=this._watchers.length;o--;)this._watchers[o].teardown();this.$el&&(this.$el.__vue__=null),i=!0,s()},t.prototype._cleanup=function(){this._isDestroyed||(this._frag&&this._frag.children.$remove(this),this._data&&this._data.__ob__&&this._data.__ob__.removeVm(this),this.$el=this.$parent=this.$root=this.$children=this._watchers=this._context=this._scope=this._directives=null,this._isDestroyed=!0,this._callHook("destroyed"),this.$off())}}function ji(t){t.prototype._applyFilters=function(t,e,i,n){var r,s,o,a,h,l,c,u,f;for(l=0,c=i.length;l<c;l++)if(r=i[n?c-l-1:l],s=St(this.$options,"filters",r.name,!0),s&&(s=n?s.write:s.read||s,"function"==typeof s)){if(o=n?[t,e]:[t],h=n?2:1,r.args)for(u=0,f=r.args.length;u<f;u++)a=r.args[u],o[u+h]=a.dynamic?this.$get(a.value):a.value;t=s.apply(this,o)}return t},t.prototype._resolveComponent=function(e,i){var n;if(n="function"==typeof e?e:St(this.$options,"components",e,!0))if(n.options)i(n);else if(n.resolved)i(n.resolved);else if(n.requested)n.pendingCallbacks.push(i);else{n.requested=!0;var r=n.pendingCallbacks=[i];n.call(this,function(e){y(e)&&(e=t.extend(e)),n.resolved=e;for(var i=0,s=r.length;i<s;i++)r[i](e)},function(t){})}}}function Ei(t){function e(t){return JSON.parse(JSON.stringify(t))}t.prototype.$get=function(t,e){var i=te(t);if(i){if(e){var n=this;return function(){n.$arguments=m(arguments);var t=i.get.call(n,n);return n.$arguments=null,t}}try{return i.get.call(this,this)}catch(r){}}},t.prototype.$set=function(t,e){var i=te(t,!0);i&&i.set&&i.set.call(this,this,e)},t.prototype.$delete=function(t){n(this._data,t)},t.prototype.$watch=function(t,e,i){var n,r=this;"string"==typeof t&&(n=I(t),t=n.expression);var s=new oe(r,t,e,{deep:i&&i.deep,sync:i&&i.sync,filters:n&&n.filters,user:!i||i.user!==!1});return i&&i.immediate&&e.call(r,s.value),function(){s.teardown()}},t.prototype.$eval=function(t,e){if(lo.test(t)){var i=I(t),n=this.$get(i.expression,e);return i.filters?this._applyFilters(n,null,i.filters):n}return this.$get(t,e)},t.prototype.$interpolate=function(t){var e=V(t),i=this;return e?1===e.length?i.$eval(e[0].value)+"":e.map(function(t){return t.tag?i.$eval(t.value):t.value}).join(""):t},t.prototype.$log=function(t){var i=t?Ut(this._data,t):this._data;if(i&&(i=e(i)),!t){var n;for(n in this.$options.computed)i[n]=e(this[n]);if(this._props)for(n in this._props)i[n]=e(this[n])}console.log(i)}}function Si(t){function e(t,e,n,r,s,o){e=i(e);var a=!Y(e),h=r===!1||a?s:o,l=!a&&!t._isAttached&&!Y(t.$el);return t._isFragment?(yt(t._fragmentStart,t._fragmentEnd,function(i){h(i,e,t)}),n&&n()):h(t.$el,e,t,n),l&&t._callHook("attached"),t}function i(t){return"string"==typeof t?document.querySelector(t):t}function n(t,e,i,n){e.appendChild(t),n&&n()}function r(t,e,i,n){it(t,e),n&&n()}function s(t,e,i){rt(t),i&&i()}t.prototype.$nextTick=function(t){ln(t,this)},t.prototype.$appendTo=function(t,i,r){return e(this,t,i,r,n,q)},t.prototype.$prependTo=function(t,e,n){return t=i(t),t.hasChildNodes()?this.$before(t.firstChild,e,n):this.$appendTo(t,e,n),this},t.prototype.$before=function(t,i,n){return e(this,t,i,n,r,Q)},t.prototype.$after=function(t,e,n){return t=i(t),t.nextSibling?this.$before(t.nextSibling,e,n):this.$appendTo(t.parentNode,e,n),this},t.prototype.$remove=function(t,e){if(!this.$el.parentNode)return t&&t();var i=this._isAttached&&Y(this.$el);i||(e=!1);var n=this,r=function(){i&&n._callHook("detached"),t&&t()};if(this._isFragment)bt(this._fragmentStart,this._fragmentEnd,this,this._fragment,r);else{var o=e===!1?s:G;o(this.$el,this,r)}return this}}function Fi(t){function e(t,e,n){var r=t.$parent;if(r&&n&&!i.test(e))for(;r;)r._eventsCount[e]=(r._eventsCount[e]||0)+n,r=r.$parent}t.prototype.$on=function(t,i){return(this._events[t]||(this._events[t]=[])).push(i),e(this,t,1),this},t.prototype.$once=function(t,e){function i(){n.$off(t,i),e.apply(this,arguments)}var n=this;return i.fn=e,this.$on(t,i),this},t.prototype.$off=function(t,i){var n;if(!arguments.length){if(this.$parent)for(t in this._events)n=this._events[t],n&&e(this,t,-n.length);return this._events={},this}if(n=this._events[t],!n)return this;if(1===arguments.length)return e(this,t,-n.length),this._events[t]=null,this;for(var r,s=n.length;s--;)if(r=n[s],r===i||r.fn===i){e(this,t,-1),n.splice(s,1);break}return this},t.prototype.$emit=function(t){var e="string"==typeof t;t=e?t:t.name;var i=this._events[t],n=e||!i;if(i){i=i.length>1?m(i):i;var r=e&&i.some(function(t){return t._fromParent});r&&(n=!1);for(var s=m(arguments,1),o=0,a=i.length;o<a;o++){var h=i[o],l=h.apply(this,s);l!==!0||r&&!h._fromParent||(n=!0)}}return n},t.prototype.$broadcast=function(t){var e="string"==typeof t;if(t=e?t:t.name,this._eventsCount[t]){var i=this.$children,n=m(arguments);e&&(n[0]={name:t,source:this});for(var r=0,s=i.length;r<s;r++){var o=i[r],a=o.$emit.apply(o,n);a&&o.$broadcast.apply(o,n)}return this}},t.prototype.$dispatch=function(t){var e=this.$emit.apply(this,arguments);if(e){var i=this.$parent,n=m(arguments);for(n[0]={name:t,source:this};i;)e=i.$emit.apply(i,n),i=e?i.$parent:null;return this}};var i=/^hook:/}function Di(t){function e(){this._isAttached=!0,this._isReady=!0,this._callHook("ready")}t.prototype.$mount=function(t){if(!this._isCompiled)return t=X(t),t||(t=document.createElement("div")),this._compile(t),this._initDOMHooks(),Y(this.$el)?(this._callHook("attached"),e.call(this)):this.$once("hook:attached",e),this},t.prototype.$destroy=function(t,e){this._destroy(t,e)},t.prototype.$compile=function(t,e,i,n){return Qe(t,this.$options,!0)(this,t,e,i,n)}}function Ri(t){this._init(t)}function Pi(t,e,i){return i=i?parseInt(i,10):0,e=h(e),"number"==typeof e?t.slice(i,i+e):t}function Li(t,e,i){if(t=po(t),null==e)return t;if("function"==typeof e)return t.filter(e);e=(""+e).toLowerCase();for(var n,r,s,o,a="in"===i?3:2,h=Array.prototype.concat.apply([],m(arguments,a)),l=[],c=0,u=t.length;c<u;c++)if(n=t[c],s=n&&n.$value||n,o=h.length){for(;o--;)if(r=h[o],"$key"===r&&Hi(n.$key,e)||Hi(Ut(s,r),e)){l.push(n);break}}else Hi(n,e)&&l.push(n);return l}function Mi(t){function e(t,e,i){var r=n[i];return r&&("$key"!==r&&(_(t)&&"$value"in t&&(t=t.$value),_(e)&&"$value"in e&&(e=e.$value)),t=_(t)?Ut(t,r):t,e=_(e)?Ut(e,r):e),t===e?0:t>e?s:-s}var i=null,n=void 0;t=po(t);var r=m(arguments,1),s=r[r.length-1];"number"==typeof s?(s=s<0?-1:1,r=r.length>1?r.slice(0,-1):r):s=1;var o=r[0];return o?("function"==typeof o?i=function(t,e){return o(t,e)*s}:(n=Array.prototype.concat.apply([],r),i=function(t,r,s){return s=s||0,s>=n.length-1?e(t,r,s):e(t,r,s)||i(t,r,s+1)}),t.slice().sort(i)):t}function Hi(t,e){var i;if(y(t)){var n=Object.keys(t);for(i=n.length;i--;)if(Hi(t[n[i]],e))return!0}else if(Qi(t)){for(i=t.length;i--;)if(Hi(t[i],e))return!0}else if(null!=t)return t.toString().toLowerCase().indexOf(e)>-1}function Ii(t){function e(t){return new Function("return function "+d(t)+" (options) { this._init(options) }")()}t.options={directives:Ds,elementDirectives:fo,filters:mo,transitions:{},components:{},partials:{},replace:!0},t.util=Kn,t.config=In,t.set=i,t["delete"]=n,t.nextTick=ln,t.compiler=ao,t.FragmentFactory=be,t.internalDirectives=Ys,t.parsers={path:mr,text:Ln,template:qr,directive:En,expression:jr},t.cid=0;var r=1;t.extend=function(t){t=t||{};var i=this,n=0===i.cid;if(n&&t._Ctor)return t._Ctor;var s=t.name||i.options.name,o=e(s||"VueComponent");return o.prototype=Object.create(i.prototype),o.prototype.constructor=o,o.cid=r++,o.options=Et(i.options,t),o["super"]=i,o.extend=i.extend,In._assetTypes.forEach(function(t){o[t]=i[t]}),s&&(o.options.components[s]=o),n&&(t._Ctor=o),o},t.use=function(t){if(!t.installed){var e=m(arguments,1);return e.unshift(this),"function"==typeof t.install?t.install.apply(t,e):t.apply(null,e),t.installed=!0,this}},t.mixin=function(e){t.options=Et(t.options,e)},In._assetTypes.forEach(function(e){t[e]=function(i,n){return n?("component"===e&&y(n)&&(n.name||(n.name=i),n=t.extend(n)),this.options[e+"s"][i]=n,n):this.options[e+"s"][i]}}),g(t.transition,Wn)}var Bi=Object.prototype.hasOwnProperty,Wi=/^\s?(true|false|-?[\d\.]+|'[^']*'|"[^"]*")\s?$/,Vi=/-(\w)/g,zi=/([^-])([A-Z])/g,Ui=/(?:^|[-_\/])(\w)/g,Ji=Object.prototype.toString,qi="[object Object]",Qi=Array.isArray,Gi="__proto__"in{},Zi="undefined"!=typeof window&&"[object Object]"!==Object.prototype.toString.call(window),Xi=Zi&&window.__VUE_DEVTOOLS_GLOBAL_HOOK__,Yi=Zi&&window.navigator.userAgent.toLowerCase(),Ki=Yi&&Yi.indexOf("trident")>0,tn=Yi&&Yi.indexOf("msie 9.0")>0,en=Yi&&Yi.indexOf("android")>0,nn=void 0,rn=void 0,sn=void 0,on=void 0;if(Zi&&!tn){var an=void 0===window.ontransitionend&&void 0!==window.onwebkittransitionend,hn=void 0===window.onanimationend&&void 0!==window.onwebkitanimationend;nn=an?"WebkitTransition":"transition",rn=an?"webkitTransitionEnd":"transitionend",sn=hn?"WebkitAnimation":"animation",on=hn?"webkitAnimationEnd":"animationend"}var ln=function(){function t(){r=!1;var t=n.slice(0);n=[];for(var e=0;e<t.length;e++)t[e]()}var i,n=[],r=!1;return!Zi||!window.postMessage||window.importScripts||en&&!window.requestAnimationFrame?i="undefined"!=typeof e&&e.setImmediate||setTimeout:!function(){var e="__vue__nextTick__";window.addEventListener("message",function(i){i.source===window&&i.data===e&&t()}),i=function(){window.postMessage(e,"*")}}(),function(e,s){var o=s?function(){e.call(s)}:e;n.push(o),r||(r=!0,i(t,0))}}(),cn=void 0;"undefined"!=typeof Set&&Set.toString().match(/native code/)?cn=Set:(cn=function(){this.set=Object.create(null)},cn.prototype.has=function(t){return void 0!==this.set[t]},cn.prototype.add=function(t){this.set[t]=1},cn.prototype.clear=function(){this.set=Object.create(null)});var un=x.prototype;un.put=function(t,e){var i,n=this.get(t,!0);return n||(this.size===this.limit&&(i=this.shift()),n={key:t},this._keymap[t]=n,this.tail?(this.tail.newer=n,n.older=this.tail):this.head=n,this.tail=n,this.size++),n.value=e,i},un.shift=function(){var t=this.head;return t&&(this.head=this.head.newer,this.head.older=void 0,t.newer=t.older=void 0,this._keymap[t.key]=void 0,this.size--),t},un.get=function(t,e){var i=this._keymap[t];if(void 0!==i)return i===this.tail?e?i:i.value:(i.newer&&(i===this.head&&(this.head=i.newer),i.newer.older=i.older),i.older&&(i.older.newer=i.newer),i.newer=void 0,i.older=this.tail,this.tail&&(this.tail.newer=i),this.tail=i,e?i:i.value)};var fn,pn,dn,vn,mn,gn,_n=new x(1e3),yn=/^in$|^-?\d+/,bn=0,wn=1,Cn=2,$n=3,kn=34,xn=39,An=124,On=92,Tn=32,Nn={91:1,123:1,40:1},jn={91:93,123:125,40:41},En=Object.freeze({parseDirective:I}),Sn=/[-.*+?^${}()|[\]\/\\]/g,Fn=void 0,Dn=void 0,Rn=void 0,Pn=/[^|]\|[^|]/,Ln=Object.freeze({compileRegex:W,parseText:V,tokensToExp:z}),Mn=["{{","}}"],Hn=["{{{","}}}"],In=Object.defineProperties({debug:!1,silent:!1,async:!0,warnExpressionErrors:!0,devtools:!1,_delimitersChanged:!0,_assetTypes:["component","directive","elementDirective","filter","transition","partial"],_propBindingModes:{ONE_WAY:0,TWO_WAY:1,ONE_TIME:2},_maxUpdateCount:100},{delimiters:{get:function(){return Mn},set:function(t){Mn=t,W()},configurable:!0,enumerable:!0},unsafeDelimiters:{get:function(){return Hn},set:function(t){Hn=t,W()},configurable:!0,enumerable:!0}}),Bn=void 0,Wn=Object.freeze({appendWithTransition:q,beforeWithTransition:Q,removeWithTransition:G,applyTransition:Z}),Vn=/^v-ref:/,zn=/^(div|p|span|img|a|b|i|br|ul|ol|li|h1|h2|h3|h4|h5|h6|code|pre|table|th|td|tr|form|label|input|select|option|nav|article|section|header|footer)$/i,Un=/^(slot|partial|component)$/i,Jn=In.optionMergeStrategies=Object.create(null);Jn.data=function(t,e,i){return i?t||e?function(){var n="function"==typeof e?e.call(i):e,r="function"==typeof t?t.call(i):void 0;return n?At(n,r):r}:void 0:e?"function"!=typeof e?t:t?function(){return At(e.call(this),t.call(this))}:e:t},Jn.el=function(t,e,i){if(i||!e||"function"==typeof e){var n=e||t;return i&&"function"==typeof n?n.call(i):n}},Jn.init=Jn.created=Jn.ready=Jn.attached=Jn.detached=Jn.beforeCompile=Jn.compiled=Jn.beforeDestroy=Jn.destroyed=Jn.activate=function(t,e){return e?t?t.concat(e):Qi(e)?e:[e]:t},In._assetTypes.forEach(function(t){Jn[t+"s"]=Ot}),Jn.watch=Jn.events=function(t,e){if(!e)return t;if(!t)return e;var i={};g(i,t);for(var n in e){var r=i[n],s=e[n];r&&!Qi(r)&&(r=[r]),i[n]=r?r.concat(s):[s]}return i},Jn.props=Jn.methods=Jn.computed=function(t,e){if(!e)return t;if(!t)return e;var i=Object.create(null);return g(i,t),g(i,e),i};var qn=function(t,e){return void 0===e?t:e},Qn=0;Ft.target=null,Ft.prototype.addSub=function(t){this.subs.push(t)},Ft.prototype.removeSub=function(t){this.subs.$remove(t)},Ft.prototype.depend=function(){Ft.target.addDep(this)},Ft.prototype.notify=function(){for(var t=m(this.subs),e=0,i=t.length;e<i;e++)t[e].update()};var Gn=Array.prototype,Zn=Object.create(Gn);["push","pop","shift","unshift","splice","sort","reverse"].forEach(function(t){var e=Gn[t];b(Zn,t,function(){for(var i=arguments.length,n=new Array(i);i--;)n[i]=arguments[i];var r,s=e.apply(this,n),o=this.__ob__;switch(t){case"push":r=n;break;case"unshift":r=n;break;case"splice":r=n.slice(2)}return r&&o.observeArray(r),o.dep.notify(),s})}),b(Gn,"$set",function(t,e){return t>=this.length&&(this.length=Number(t)+1),this.splice(t,1,e)[0]}),b(Gn,"$remove",function(t){if(this.length){var e=C(this,t);return e>-1?this.splice(e,1):void 0}});var Xn=Object.getOwnPropertyNames(Zn),Yn=!0;Rt.prototype.walk=function(t){for(var e=Object.keys(t),i=0,n=e.length;i<n;i++)this.convert(e[i],t[e[i]])},Rt.prototype.observeArray=function(t){for(var e=0,i=t.length;e<i;e++)Mt(t[e])},Rt.prototype.convert=function(t,e){Ht(this.value,t,e)},Rt.prototype.addVm=function(t){(this.vms||(this.vms=[])).push(t)},Rt.prototype.removeVm=function(t){this.vms.$remove(t)};var Kn=Object.freeze({defineReactive:Ht,set:i,del:n,hasOwn:r,isLiteral:s,isReserved:o,_toString:a,toNumber:h,toBoolean:l,stripQuotes:c,camelize:u,hyphenate:p,classify:d,bind:v,toArray:m,extend:g,isObject:_,isPlainObject:y,def:b,debounce:w,indexOf:C,cancellable:$,looseEqual:k,isArray:Qi,hasProto:Gi,inBrowser:Zi,devtools:Xi,isIE:Ki,isIE9:tn,isAndroid:en,get transitionProp(){return nn},get transitionEndEvent(){return rn},get animationProp(){return sn},get animationEndEvent(){return on},nextTick:ln,get _Set(){return cn},query:X,inDoc:Y,getAttr:K,getBindAttr:tt,hasBindAttr:et,before:it,after:nt,remove:rt,prepend:st,replace:ot,on:at,off:ht,setClass:ct,addClass:ut,removeClass:ft,extractContent:pt,trimNode:dt,isTemplate:mt,createAnchor:gt,findRef:_t,mapNodeRange:yt,removeNodeRange:bt,isFragment:wt,getOuterHTML:Ct,findVmFromFrag:$t,mergeOptions:Et,resolveAsset:St,checkComponentAttr:kt,commonTagRE:zn,reservedTagRE:Un,get warn(){return Bn}}),tr=0,er=new x(1e3),ir=0,nr=1,rr=2,sr=3,or=0,ar=1,hr=2,lr=3,cr=4,ur=5,fr=6,pr=7,dr=8,vr=[];vr[or]={ws:[or],ident:[lr,ir],"[":[cr],eof:[pr]},vr[ar]={ws:[ar],".":[hr],"[":[cr],eof:[pr]},vr[hr]={ws:[hr],ident:[lr,ir]},vr[lr]={ident:[lr,ir],0:[lr,ir],number:[lr,ir],ws:[ar,nr],".":[hr,nr],"[":[cr,nr],eof:[pr,nr]},vr[cr]={"'":[ur,ir],'"':[fr,ir],"[":[cr,rr],"]":[ar,sr],eof:dr,"else":[cr,ir]},vr[ur]={"'":[cr,ir],eof:dr,"else":[ur,ir]},vr[fr]={'"':[cr,ir],eof:dr,"else":[fr,ir]};var mr=Object.freeze({parsePath:zt,getPath:Ut,setPath:Jt}),gr=new x(1e3),_r="Math,Date,this,true,false,null,undefined,Infinity,NaN,isNaN,isFinite,decodeURI,decodeURIComponent,encodeURI,encodeURIComponent,parseInt,parseFloat",yr=new RegExp("^("+_r.replace(/,/g,"\\b|")+"\\b)"),br="break,case,class,catch,const,continue,debugger,default,delete,do,else,export,extends,finally,for,function,if,import,in,instanceof,let,return,super,switch,throw,try,var,while,with,yield,enum,await,implements,package,protected,static,interface,private,public",wr=new RegExp("^("+br.replace(/,/g,"\\b|")+"\\b)"),Cr=/\s/g,$r=/\n/g,kr=/[\{,]\s*[\w\$_]+\s*:|('(?:[^'\\]|\\.)*'|"(?:[^"\\]|\\.)*"|`(?:[^`\\]|\\.)*\$\{|\}(?:[^`\\"']|\\.)*`|`(?:[^`\\]|\\.)*`)|new |typeof |void /g,xr=/"(\d+)"/g,Ar=/^[A-Za-z_$][\w$]*(?:\.[A-Za-z_$][\w$]*|\['.*?'\]|\[".*?"\]|\[\d+\]|\[[A-Za-z_$][\w$]*\])*$/,Or=/[^\w$\.](?:[A-Za-z_$][\w$]*)/g,Tr=/^(?:true|false|null|undefined|Infinity|NaN)$/,Nr=[],jr=Object.freeze({parseExpression:te,isSimplePath:ee}),Er=[],Sr=[],Fr={},Dr={},Rr=!1,Pr=0;oe.prototype.get=function(){this.beforeGet();var t,e=this.scope||this.vm;try{t=this.getter.call(e,e)}catch(i){}return this.deep&&ae(t),this.preProcess&&(t=this.preProcess(t)),this.filters&&(t=e._applyFilters(t,null,this.filters,!1)),this.postProcess&&(t=this.postProcess(t)),this.afterGet(),t},oe.prototype.set=function(t){var e=this.scope||this.vm;this.filters&&(t=e._applyFilters(t,this.value,this.filters,!0));try{this.setter.call(e,e,t)}catch(i){}var n=e.$forContext;if(n&&n.alias===this.expression){if(n.filters)return;n._withLock(function(){e.$key?n.rawValue[e.$key]=t:n.rawValue.$set(e.$index,t)})}},oe.prototype.beforeGet=function(){Ft.target=this},oe.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))},oe.prototype.afterGet=function(){Ft.target=null;for(var t=this.deps.length;t--;){var e=this.deps[t];this.newDepIds.has(e.id)||e.removeSub(this)}var i=this.depIds;this.depIds=this.newDepIds,this.newDepIds=i,this.newDepIds.clear(),i=this.deps,this.deps=this.newDeps,this.newDeps=i,this.newDeps.length=0},oe.prototype.update=function(t){this.lazy?this.dirty=!0:this.sync||!In.async?this.run():(this.shallow=this.queued?!!t&&this.shallow:!!t,this.queued=!0,se(this))},oe.prototype.run=function(){if(this.active){var t=this.get();if(t!==this.value||(_(t)||this.deep)&&!this.shallow){var e=this.value;this.value=t;this.prevError;this.cb.call(this.vm,t,e)}this.queued=this.shallow=!1}},oe.prototype.evaluate=function(){var t=Ft.target;this.value=this.get(),this.dirty=!1,Ft.target=t},oe.prototype.depend=function(){for(var t=this.deps.length;t--;)this.deps[t].depend()},oe.prototype.teardown=function(){if(this.active){this.vm._isBeingDestroyed||this.vm._vForRemoving||this.vm._watchers.$remove(this);for(var t=this.deps.length;t--;)this.deps[t].removeSub(this);this.active=!1,this.vm=this.cb=this.value=null}};var Lr=new cn,Mr={bind:function(){this.attr=3===this.el.nodeType?"data":"textContent"},update:function(t){this.el[this.attr]=a(t)}},Hr=new x(1e3),Ir=new x(1e3),Br={efault:[0,"",""],legend:[1,"<fieldset>","</fieldset>"],tr:[2,"<table><tbody>","</tbody></table>"],col:[2,"<table><tbody></tbody><colgroup>","</colgroup></table>"]};Br.td=Br.th=[3,"<table><tbody><tr>","</tr></tbody></table>"],Br.option=Br.optgroup=[1,'<select multiple="multiple">',"</select>"],Br.thead=Br.tbody=Br.colgroup=Br.caption=Br.tfoot=[1,"<table>","</table>"],Br.g=Br.defs=Br.symbol=Br.use=Br.image=Br.text=Br.circle=Br.ellipse=Br.line=Br.path=Br.polygon=Br.polyline=Br.rect=[1,'<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:ev="http://www.w3.org/2001/xml-events"version="1.1">',"</svg>"];var Wr=/<([\w:-]+)/,Vr=/&#?\w+?;/,zr=/<!--/,Ur=function(){if(Zi){var t=document.createElement("div");return t.innerHTML="<template>1</template>",!t.cloneNode(!0).firstChild.innerHTML}return!1}(),Jr=function(){if(Zi){var t=document.createElement("textarea");return t.placeholder="t","t"===t.cloneNode(!0).value}return!1}(),qr=Object.freeze({cloneNode:ue,parseTemplate:fe}),Qr={bind:function(){8===this.el.nodeType&&(this.nodes=[],this.anchor=gt("v-html"),ot(this.el,this.anchor))},update:function(t){t=a(t),this.nodes?this.swap(t):this.el.innerHTML=t},swap:function(t){for(var e=this.nodes.length;e--;)rt(this.nodes[e]);var i=fe(t,!0,!0);this.nodes=m(i.childNodes),it(i,this.anchor)}};pe.prototype.callHook=function(t){var e,i;for(e=0,i=this.childFrags.length;e<i;e++)this.childFrags[e].callHook(t);for(e=0,i=this.children.length;e<i;e++)t(this.children[e])},pe.prototype.beforeRemove=function(){var t,e;for(t=0,e=this.childFrags.length;t<e;t++)this.childFrags[t].beforeRemove(!1);for(t=0,e=this.children.length;t<e;t++)this.children[t].$destroy(!1,!0);var i=this.unlink.dirs;for(t=0,e=i.length;t<e;t++)i[t]._watcher&&i[t]._watcher.teardown()},pe.prototype.destroy=function(){this.parentFrag&&this.parentFrag.childFrags.$remove(this),this.node.__v_frag=null,this.unlink()};var Gr=new x(5e3);be.prototype.create=function(t,e,i){var n=ue(this.template);return new pe(this.linker,this.vm,n,t,e,i)};var Zr=700,Xr=800,Yr=850,Kr=1100,ts=1500,es=1500,is=1750,ns=2100,rs=2200,ss=2300,os=0,as={priority:rs,terminal:!0,params:["track-by","stagger","enter-stagger","leave-stagger"],bind:function(){var t=this.expression.match(/(.*) (?:in|of) (.*)/);if(t){var e=t[1].match(/\((.*),(.*)\)/);e?(this.iterator=e[1].trim(),this.alias=e[2].trim()):this.alias=t[1].trim(),this.expression=t[2]}if(this.alias){this.id="__v-for__"+ ++os;var i=this.el.tagName;this.isOption=("OPTION"===i||"OPTGROUP"===i)&&"SELECT"===this.el.parentNode.tagName,this.start=gt("v-for-start"),this.end=gt("v-for-end"),ot(this.el,this.end),it(this.start,this.end),this.cache=Object.create(null),this.factory=new be(this.vm,this.el)}},update:function(t){this.diff(t),this.updateRef(),this.updateModel()},diff:function(t){var e,i,n,s,o,a,h=t[0],l=this.fromObject=_(h)&&r(h,"$key")&&r(h,"$value"),c=this.params.trackBy,u=this.frags,f=this.frags=new Array(t.length),p=this.alias,d=this.iterator,v=this.start,m=this.end,g=Y(v),y=!u;for(e=0,i=t.length;e<i;e++)h=t[e],s=l?h.$key:null,o=l?h.$value:h,a=!_(o),n=!y&&this.getCachedFrag(o,e,s),n?(n.reused=!0,n.scope.$index=e,s&&(n.scope.$key=s),d&&(n.scope[d]=null!==s?s:e),(c||l||a)&&Dt(function(){n.scope[p]=o})):(n=this.create(o,p,e,s),n.fresh=!y),f[e]=n,y&&n.before(m);if(!y){var b=0,w=u.length-f.length;for(this.vm._vForRemoving=!0,e=0,i=u.length;e<i;e++)n=u[e],n.reused||(this.deleteCachedFrag(n),this.remove(n,b++,w,g));this.vm._vForRemoving=!1,b&&(this.vm._watchers=this.vm._watchers.filter(function(t){return t.active}));var C,$,k,x=0;for(e=0,i=f.length;e<i;e++)n=f[e],C=f[e-1],$=C?C.staggerCb?C.staggerAnchor:C.end||C.node:v,n.reused&&!n.staggerCb?(k=we(n,v,this.id),k===C||k&&we(k,v,this.id)===C||this.move(n,$)):this.insert(n,x++,$,g),n.reused=n.fresh=!1}},create:function(t,e,i,n){var r=this._host,s=this._scope||this.vm,o=Object.create(s);o.$refs=Object.create(s.$refs),o.$els=Object.create(s.$els),o.$parent=s,o.$forContext=this,Dt(function(){Ht(o,e,t)}),Ht(o,"$index",i),n?Ht(o,"$key",n):o.$key&&b(o,"$key",null),this.iterator&&Ht(o,this.iterator,null!==n?n:i);var a=this.factory.create(r,o,this._frag);return a.forId=this.id,this.cacheFrag(t,a,i,n),a},updateRef:function(){var t=this.descriptor.ref;if(t){var e,i=(this._scope||this.vm).$refs;this.fromObject?(e={},this.frags.forEach(function(t){e[t.scope.$key]=$t(t)})):e=this.frags.map($t),i[t]=e}},updateModel:function(){if(this.isOption){var t=this.start.parentNode,e=t&&t.__v_model;e&&e.forceUpdate()}},insert:function(t,e,i,n){t.staggerCb&&(t.staggerCb.cancel(),t.staggerCb=null);var r=this.getStagger(t,e,null,"enter");if(n&&r){var s=t.staggerAnchor;s||(s=t.staggerAnchor=gt("stagger-anchor"),s.__v_frag=t),nt(s,i);var o=t.staggerCb=$(function(){t.staggerCb=null,t.before(s),rt(s)});setTimeout(o,r)}else{var a=i.nextSibling;a||(nt(this.end,i),a=this.end),t.before(a)}},remove:function(t,e,i,n){if(t.staggerCb)return t.staggerCb.cancel(),void(t.staggerCb=null);var r=this.getStagger(t,e,i,"leave");if(n&&r){var s=t.staggerCb=$(function(){t.staggerCb=null,t.remove()});setTimeout(s,r)}else t.remove()},move:function(t,e){e.nextSibling||this.end.parentNode.appendChild(this.end),t.before(e.nextSibling,!1)},cacheFrag:function(t,e,i,n){var s,o=this.params.trackBy,a=this.cache,h=!_(t);n||o||h?(s=$e(i,n,t,o),a[s]||(a[s]=e)):(s=this.id,r(t,s)?null===t[s]&&(t[s]=e):Object.isExtensible(t)&&b(t,s,e)),e.raw=t},getCachedFrag:function(t,e,i){var n,r=this.params.trackBy,s=!_(t);if(i||r||s){var o=$e(e,i,t,r);n=this.cache[o]}else n=t[this.id];return n&&(n.reused||n.fresh),n},deleteCachedFrag:function(t){var e=t.raw,i=this.params.trackBy,n=t.scope,s=n.$index,o=r(n,"$key")&&n.$key,a=!_(e);if(i||o||a){var h=$e(s,o,e,i);this.cache[h]=null}else e[this.id]=null,t.raw=null},getStagger:function(t,e,i,n){n+="Stagger";var r=t.node.__v_trans,s=r&&r.hooks,o=s&&(s[n]||s.stagger);return o?o.call(t,e,i):e*parseInt(this.params[n]||this.params.stagger,10)},_preProcess:function(t){return this.rawValue=t,t},_postProcess:function(t){if(Qi(t))return t;if(y(t)){for(var e,i=Object.keys(t),n=i.length,r=new Array(n);n--;)e=i[n],r[n]={$key:e,$value:t[e]};return r}return"number"!=typeof t||isNaN(t)||(t=Ce(t)),t||[]},unbind:function(){if(this.descriptor.ref&&((this._scope||this.vm).$refs[this.descriptor.ref]=null),this.frags)for(var t,e=this.frags.length;e--;)t=this.frags[e],this.deleteCachedFrag(t),t.destroy()}},hs={priority:ns,terminal:!0,bind:function(){var t=this.el;if(t.__vue__)this.invalid=!0;else{var e=t.nextElementSibling;e&&null!==K(e,"v-else")&&(rt(e),this.elseEl=e),this.anchor=gt("v-if"),ot(t,this.anchor)}},update:function(t){this.invalid||(t?this.frag||(this.insert(),this.updateRef(t)):(this.updateRef(t),this.remove()))},insert:function(){this.elseFrag&&(this.elseFrag.remove(),this.elseFrag=null),this.factory||(this.factory=new be(this.vm,this.el)),this.frag=this.factory.create(this._host,this._scope,this._frag),this.frag.before(this.anchor)},remove:function(){this.frag&&(this.frag.remove(),this.frag=null),this.elseEl&&!this.elseFrag&&(this.elseFactory||(this.elseFactory=new be(this.elseEl._context||this.vm,this.elseEl)),this.elseFrag=this.elseFactory.create(this._host,this._scope,this._frag),this.elseFrag.before(this.anchor))},updateRef:function(t){var e=this.descriptor.ref;if(e){var i=(this.vm||this._scope).$refs,n=i[e],r=this._frag.scope.$key;n&&(t?Array.isArray(n)?n.push($t(this._frag)):n[r]=$t(this._frag):Array.isArray(n)?n.$remove($t(this._frag)):(n[r]=null,delete n[r]))}},unbind:function(){this.frag&&this.frag.destroy(),this.elseFrag&&this.elseFrag.destroy()}},ls={bind:function(){var t=this.el.nextElementSibling;t&&null!==K(t,"v-else")&&(this.elseEl=t)},update:function(t){this.apply(this.el,t),this.elseEl&&this.apply(this.elseEl,!t)},apply:function(t,e){function i(){t.style.display=e?"":"none"}Y(t)?Z(t,e?1:-1,i,this.vm):i()}},cs={bind:function(){var t=this,e=this.el,i="range"===e.type,n=this.params.lazy,r=this.params.number,s=this.params.debounce,o=!1;if(en||i||(this.on("compositionstart",function(){o=!0}),this.on("compositionend",function(){o=!1,n||t.listener()})),this.focused=!1,i||n||(this.on("focus",function(){t.focused=!0}),this.on("blur",function(){t.focused=!1,t._frag&&!t._frag.inserted||t.rawListener()})),this.listener=this.rawListener=function(){if(!o&&t._bound){var n=r||i?h(e.value):e.value;t.set(n),ln(function(){t._bound&&!t.focused&&t.update(t._watcher.value)})}},s&&(this.listener=w(this.listener,s)),this.hasjQuery="function"==typeof jQuery,this.hasjQuery){var a=jQuery.fn.on?"on":"bind";jQuery(e)[a]("change",this.rawListener),n||jQuery(e)[a]("input",this.listener)}else this.on("change",this.rawListener),n||this.on("input",this.listener);!n&&tn&&(this.on("cut",function(){ln(t.listener)}),this.on("keyup",function(e){46!==e.keyCode&&8!==e.keyCode||t.listener()})),(e.hasAttribute("value")||"TEXTAREA"===e.tagName&&e.value.trim())&&(this.afterBind=this.listener)},update:function(t){t=a(t),t!==this.el.value&&(this.el.value=t)},unbind:function(){var t=this.el;if(this.hasjQuery){var e=jQuery.fn.off?"off":"unbind";jQuery(t)[e]("change",this.listener),jQuery(t)[e]("input",this.listener)}}},us={bind:function(){var t=this,e=this.el;this.getValue=function(){if(e.hasOwnProperty("_value"))return e._value;var i=e.value;return t.params.number&&(i=h(i)),i},this.listener=function(){t.set(t.getValue())},this.on("change",this.listener),e.hasAttribute("checked")&&(this.afterBind=this.listener)},update:function(t){this.el.checked=k(t,this.getValue())}},fs={bind:function(){var t=this,e=this,i=this.el;this.forceUpdate=function(){e._watcher&&e.update(e._watcher.get())};var n=this.multiple=i.hasAttribute("multiple");this.listener=function(){var t=ke(i,n);t=e.params.number?Qi(t)?t.map(h):h(t):t,e.set(t)},this.on("change",this.listener);var r=ke(i,n,!0);(n&&r.length||!n&&null!==r)&&(this.afterBind=this.listener),this.vm.$on("hook:attached",function(){ln(t.forceUpdate)}),Y(i)||ln(this.forceUpdate)},update:function(t){var e=this.el;e.selectedIndex=-1;for(var i,n,r=this.multiple&&Qi(t),s=e.options,o=s.length;o--;)i=s[o],n=i.hasOwnProperty("_value")?i._value:i.value,i.selected=r?xe(t,n)>-1:k(t,n)},unbind:function(){this.vm.$off("hook:attached",this.forceUpdate)}},ps={bind:function(){function t(){var t=i.checked;return t&&i.hasOwnProperty("_trueValue")?i._trueValue:!t&&i.hasOwnProperty("_falseValue")?i._falseValue:t}var e=this,i=this.el;this.getValue=function(){return i.hasOwnProperty("_value")?i._value:e.params.number?h(i.value):i.value},this.listener=function(){var n=e._watcher.get();if(Qi(n)){var r=e.getValue(),s=C(n,r);i.checked?s<0&&e.set(n.concat(r)):s>-1&&e.set(n.slice(0,s).concat(n.slice(s+1)))}else e.set(t())},this.on("change",this.listener),i.hasAttribute("checked")&&(this.afterBind=this.listener)},update:function(t){var e=this.el;Qi(t)?e.checked=C(t,this.getValue())>-1:e.hasOwnProperty("_trueValue")?e.checked=k(t,e._trueValue):e.checked=!!t}},ds={text:cs,radio:us,select:fs,checkbox:ps},vs={priority:Xr,twoWay:!0,handlers:ds,params:["lazy","number","debounce"],bind:function(){this.checkFilters(),this.hasRead&&!this.hasWrite;var t,e=this.el,i=e.tagName;if("INPUT"===i)t=ds[e.type]||ds.text;else if("SELECT"===i)t=ds.select;else{if("TEXTAREA"!==i)return;t=ds.text}e.__v_model=this,t.bind.call(this),this.update=t.update,this._unbind=t.unbind},checkFilters:function(){var t=this.filters;if(t)for(var e=t.length;e--;){var i=St(this.vm.$options,"filters",t[e].name);("function"==typeof i||i.read)&&(this.hasRead=!0),i.write&&(this.hasWrite=!0)}},unbind:function(){this.el.__v_model=null,this._unbind&&this._unbind()}},ms={esc:27,tab:9,enter:13,space:32,"delete":[8,46],up:38,left:37,right:39,down:40},gs={priority:Zr,acceptStatement:!0,keyCodes:ms,bind:function(){if("IFRAME"===this.el.tagName&&"load"!==this.arg){var t=this;this.iframeBind=function(){at(t.el.contentWindow,t.arg,t.handler,t.modifiers.capture)},this.on("load",this.iframeBind)}},update:function(t){if(this.descriptor.raw||(t=function(){}),"function"==typeof t){this.modifiers.stop&&(t=Oe(t)),this.modifiers.prevent&&(t=Te(t)),this.modifiers.self&&(t=Ne(t));var e=Object.keys(this.modifiers).filter(function(t){return"stop"!==t&&"prevent"!==t&&"self"!==t&&"capture"!==t});e.length&&(t=Ae(t,e)),this.reset(),this.handler=t,this.iframeBind?this.iframeBind():at(this.el,this.arg,this.handler,this.modifiers.capture)}},reset:function(){var t=this.iframeBind?this.el.contentWindow:this.el;this.handler&&ht(t,this.arg,this.handler)},unbind:function(){this.reset()}},_s=["-webkit-","-moz-","-ms-"],ys=["Webkit","Moz","ms"],bs=/!important;?$/,ws=Object.create(null),Cs=null,$s={deep:!0,update:function(t){"string"==typeof t?this.el.style.cssText=t:Qi(t)?this.handleObject(t.reduce(g,{})):this.handleObject(t||{})},handleObject:function(t){var e,i,n=this.cache||(this.cache={});for(e in n)e in t||(this.handleSingle(e,null),delete n[e]);for(e in t)i=t[e],i!==n[e]&&(n[e]=i,this.handleSingle(e,i))},handleSingle:function(t,e){if(t=je(t))if(null!=e&&(e+=""),
8 | e){var i=bs.test(e)?"important":"";i?(e=e.replace(bs,"").trim(),this.el.style.setProperty(t.kebab,e,i)):this.el.style[t.camel]=e}else this.el.style[t.camel]=""}},ks="http://www.w3.org/1999/xlink",xs=/^xlink:/,As=/^v-|^:|^@|^(?:is|transition|transition-mode|debounce|track-by|stagger|enter-stagger|leave-stagger)$/,Os=/^(?:value|checked|selected|muted)$/,Ts=/^(?:draggable|contenteditable|spellcheck)$/,Ns={value:"_value","true-value":"_trueValue","false-value":"_falseValue"},js={priority:Yr,bind:function(){var t=this.arg,e=this.el.tagName;t||(this.deep=!0);var i=this.descriptor,n=i.interp;if(n){i.hasOneTime&&(this.expression=z(n,this._scope||this.vm)),(As.test(t)||"name"===t&&("PARTIAL"===e||"SLOT"===e))&&(this.el.removeAttribute(t),this.invalid=!0)}},update:function(t){if(!this.invalid){var e=this.arg;this.arg?this.handleSingle(e,t):this.handleObject(t||{})}},handleObject:$s.handleObject,handleSingle:function(t,e){var i=this.el,n=this.descriptor.interp;if(this.modifiers.camel&&(t=u(t)),!n&&Os.test(t)&&t in i){var r="value"===t&&null==e?"":e;i[t]!==r&&(i[t]=r)}var s=Ns[t];if(!n&&s){i[s]=e;var o=i.__v_model;o&&o.listener()}return"value"===t&&"TEXTAREA"===i.tagName?void i.removeAttribute(t):void(Ts.test(t)?i.setAttribute(t,e?"true":"false"):null!=e&&e!==!1?"class"===t?(i.__v_trans&&(e+=" "+i.__v_trans.id+"-transition"),ct(i,e)):xs.test(t)?i.setAttributeNS(ks,t,e===!0?"":e):i.setAttribute(t,e===!0?"":e):i.removeAttribute(t))}},Es={priority:ts,bind:function(){if(this.arg){var t=this.id=u(this.arg),e=(this._scope||this.vm).$els;r(e,t)?e[t]=this.el:Ht(e,t,this.el)}},unbind:function(){var t=(this._scope||this.vm).$els;t[this.id]===this.el&&(t[this.id]=null)}},Ss={bind:function(){}},Fs={bind:function(){var t=this.el;this.vm.$once("pre-hook:compiled",function(){t.removeAttribute("v-cloak")})}},Ds={text:Mr,html:Qr,"for":as,"if":hs,show:ls,model:vs,on:gs,bind:js,el:Es,ref:Ss,cloak:Fs},Rs={deep:!0,update:function(t){t?"string"==typeof t?this.setClass(t.trim().split(/\s+/)):this.setClass(Se(t)):this.cleanup()},setClass:function(t){this.cleanup(t);for(var e=0,i=t.length;e<i;e++){var n=t[e];n&&Fe(this.el,n,ut)}this.prevKeys=t},cleanup:function(t){var e=this.prevKeys;if(e)for(var i=e.length;i--;){var n=e[i];(!t||t.indexOf(n)<0)&&Fe(this.el,n,ft)}}},Ps={priority:es,params:["keep-alive","transition-mode","inline-template"],bind:function(){this.el.__vue__||(this.keepAlive=this.params.keepAlive,this.keepAlive&&(this.cache={}),this.params.inlineTemplate&&(this.inlineTemplate=pt(this.el,!0)),this.pendingComponentCb=this.Component=null,this.pendingRemovals=0,this.pendingRemovalCb=null,this.anchor=gt("v-component"),ot(this.el,this.anchor),this.el.removeAttribute("is"),this.el.removeAttribute(":is"),this.descriptor.ref&&this.el.removeAttribute("v-ref:"+p(this.descriptor.ref)),this.literal&&this.setComponent(this.expression))},update:function(t){this.literal||this.setComponent(t)},setComponent:function(t,e){if(this.invalidatePending(),t){var i=this;this.resolveComponent(t,function(){i.mountComponent(e)})}else this.unbuild(!0),this.remove(this.childVM,e),this.childVM=null},resolveComponent:function(t,e){var i=this;this.pendingComponentCb=$(function(n){i.ComponentName=n.options.name||("string"==typeof t?t:null),i.Component=n,e()}),this.vm._resolveComponent(t,this.pendingComponentCb)},mountComponent:function(t){this.unbuild(!0);var e=this,i=this.Component.options.activate,n=this.getCached(),r=this.build();i&&!n?(this.waitingFor=r,De(i,r,function(){e.waitingFor===r&&(e.waitingFor=null,e.transition(r,t))})):(n&&r._updateRef(),this.transition(r,t))},invalidatePending:function(){this.pendingComponentCb&&(this.pendingComponentCb.cancel(),this.pendingComponentCb=null)},build:function(t){var e=this.getCached();if(e)return e;if(this.Component){var i={name:this.ComponentName,el:ue(this.el),template:this.inlineTemplate,parent:this._host||this.vm,_linkerCachable:!this.inlineTemplate,_ref:this.descriptor.ref,_asComponent:!0,_isRouterView:this._isRouterView,_context:this.vm,_scope:this._scope,_frag:this._frag};t&&g(i,t);var n=new this.Component(i);return this.keepAlive&&(this.cache[this.Component.cid]=n),n}},getCached:function(){return this.keepAlive&&this.cache[this.Component.cid]},unbuild:function(t){this.waitingFor&&(this.keepAlive||this.waitingFor.$destroy(),this.waitingFor=null);var e=this.childVM;return!e||this.keepAlive?void(e&&(e._inactive=!0,e._updateRef(!0))):void e.$destroy(!1,t)},remove:function(t,e){var i=this.keepAlive;if(t){this.pendingRemovals++,this.pendingRemovalCb=e;var n=this;t.$remove(function(){n.pendingRemovals--,i||t._cleanup(),!n.pendingRemovals&&n.pendingRemovalCb&&(n.pendingRemovalCb(),n.pendingRemovalCb=null)})}else e&&e()},transition:function(t,e){var i=this,n=this.childVM;switch(n&&(n._inactive=!0),t._inactive=!1,this.childVM=t,i.params.transitionMode){case"in-out":t.$before(i.anchor,function(){i.remove(n,e)});break;case"out-in":i.remove(n,function(){t.$before(i.anchor,e)});break;default:i.remove(n),t.$before(i.anchor,e)}},unbind:function(){if(this.invalidatePending(),this.unbuild(),this.cache){for(var t in this.cache)this.cache[t].$destroy();this.cache=null}}},Ls=In._propBindingModes,Ms={},Hs=/^[$_a-zA-Z]+[\w$]*$/,Is=In._propBindingModes,Bs={bind:function(){var t=this.vm,e=t._context,i=this.descriptor.prop,n=i.path,r=i.parentPath,s=i.mode===Is.TWO_WAY,o=this.parentWatcher=new oe(e,r,function(e){He(t,i,e)},{twoWay:s,filters:i.filters,scope:this._scope});if(Me(t,i,o.value),s){var a=this;t.$once("pre-hook:created",function(){a.childWatcher=new oe(t,n,function(t){o.set(t)},{sync:!0})})}},unbind:function(){this.parentWatcher.teardown(),this.childWatcher&&this.childWatcher.teardown()}},Ws=[],Vs=!1,zs="transition",Us="animation",Js=nn+"Duration",qs=sn+"Duration",Qs=Zi&&window.requestAnimationFrame,Gs=Qs?function(t){Qs(function(){Qs(t)})}:function(t){setTimeout(t,50)},Zs=Je.prototype;Zs.enter=function(t,e){this.cancelPending(),this.callHook("beforeEnter"),this.cb=e,ut(this.el,this.enterClass),t(),this.entered=!1,this.callHookWithCb("enter"),this.entered||(this.cancel=this.hooks&&this.hooks.enterCancelled,ze(this.enterNextTick))},Zs.enterNextTick=function(){var t=this;this.justEntered=!0,Gs(function(){t.justEntered=!1});var e=this.enterDone,i=this.getCssTransitionType(this.enterClass);this.pendingJsCb?i===zs&&ft(this.el,this.enterClass):i===zs?(ft(this.el,this.enterClass),this.setupCssCb(rn,e)):i===Us?this.setupCssCb(on,e):e()},Zs.enterDone=function(){this.entered=!0,this.cancel=this.pendingJsCb=null,ft(this.el,this.enterClass),this.callHook("afterEnter"),this.cb&&this.cb()},Zs.leave=function(t,e){this.cancelPending(),this.callHook("beforeLeave"),this.op=t,this.cb=e,ut(this.el,this.leaveClass),this.left=!1,this.callHookWithCb("leave"),this.left||(this.cancel=this.hooks&&this.hooks.leaveCancelled,this.op&&!this.pendingJsCb&&(this.justEntered?this.leaveDone():ze(this.leaveNextTick)))},Zs.leaveNextTick=function(){var t=this.getCssTransitionType(this.leaveClass);if(t){var e=t===zs?rn:on;this.setupCssCb(e,this.leaveDone)}else this.leaveDone()},Zs.leaveDone=function(){this.left=!0,this.cancel=this.pendingJsCb=null,this.op(),ft(this.el,this.leaveClass),this.callHook("afterLeave"),this.cb&&this.cb(),this.op=null},Zs.cancelPending=function(){this.op=this.cb=null;var t=!1;this.pendingCssCb&&(t=!0,ht(this.el,this.pendingCssEvent,this.pendingCssCb),this.pendingCssEvent=this.pendingCssCb=null),this.pendingJsCb&&(t=!0,this.pendingJsCb.cancel(),this.pendingJsCb=null),t&&(ft(this.el,this.enterClass),ft(this.el,this.leaveClass)),this.cancel&&(this.cancel.call(this.vm,this.el),this.cancel=null)},Zs.callHook=function(t){this.hooks&&this.hooks[t]&&this.hooks[t].call(this.vm,this.el)},Zs.callHookWithCb=function(t){var e=this.hooks&&this.hooks[t];e&&(e.length>1&&(this.pendingJsCb=$(this[t+"Done"])),e.call(this.vm,this.el,this.pendingJsCb))},Zs.getCssTransitionType=function(t){if(!(!rn||document.hidden||this.hooks&&this.hooks.css===!1||qe(this.el))){var e=this.type||this.typeCache[t];if(e)return e;var i=this.el.style,n=window.getComputedStyle(this.el),r=i[Js]||n[Js];if(r&&"0s"!==r)e=zs;else{var s=i[qs]||n[qs];s&&"0s"!==s&&(e=Us)}return e&&(this.typeCache[t]=e),e}},Zs.setupCssCb=function(t,e){this.pendingCssEvent=t;var i=this,n=this.el,r=this.pendingCssCb=function(s){s.target===n&&(ht(n,t,r),i.pendingCssEvent=i.pendingCssCb=null,!i.pendingJsCb&&e&&e())};at(n,t,r)};var Xs={priority:Kr,update:function(t,e){var i=this.el,n=St(this.vm.$options,"transitions",t);t=t||"v",e=e||"v",i.__v_trans=new Je(i,t,n,this.vm),ft(i,e+"-transition"),ut(i,t+"-transition")}},Ys={style:$s,"class":Rs,component:Ps,prop:Bs,transition:Xs},Ks=/^v-bind:|^:/,to=/^v-on:|^@/,eo=/^v-([^:]+)(?:$|:(.*)$)/,io=/\.[^\.]+/g,no=/^(v-bind:|:)?transition$/,ro=1e3,so=2e3;fi.terminal=!0;var oo=/[^\w\-:\.]/,ao=Object.freeze({compile:Qe,compileAndLinkProps:Ke,compileRoot:ti,transclude:yi,resolveSlots:$i}),ho=/^v-on:|^@/;Ti.prototype._bind=function(){var t=this.name,e=this.descriptor;if(("cloak"!==t||this.vm._isCompiled)&&this.el&&this.el.removeAttribute){var i=e.attr||"v-"+t;this.el.removeAttribute(i)}var n=e.def;if("function"==typeof n?this.update=n:g(this,n),this._setupParams(),this.bind&&this.bind(),this._bound=!0,this.literal)this.update&&this.update(e.raw);else if((this.expression||this.modifiers)&&(this.update||this.twoWay)&&!this._checkStatement()){var r=this;this.update?this._update=function(t,e){r._locked||r.update(t,e)}:this._update=Oi;var s=this._preProcess?v(this._preProcess,this):null,o=this._postProcess?v(this._postProcess,this):null,a=this._watcher=new oe(this.vm,this.expression,this._update,{filters:this.filters,twoWay:this.twoWay,deep:this.deep,preProcess:s,postProcess:o,scope:this._scope});this.afterBind?this.afterBind():this.update&&this.update(a.value)}},Ti.prototype._setupParams=function(){if(this.params){var t=this.params;this.params=Object.create(null);for(var e,i,n,r=t.length;r--;)e=p(t[r]),n=u(e),i=tt(this.el,e),null!=i?this._setupParamWatcher(n,i):(i=K(this.el,e),null!=i&&(this.params[n]=""===i||i))}},Ti.prototype._setupParamWatcher=function(t,e){var i=this,n=!1,r=(this._scope||this.vm).$watch(e,function(e,r){if(i.params[t]=e,n){var s=i.paramWatchers&&i.paramWatchers[t];s&&s.call(i,e,r)}else n=!0},{immediate:!0,user:!1});(this._paramUnwatchFns||(this._paramUnwatchFns=[])).push(r)},Ti.prototype._checkStatement=function(){var t=this.expression;if(t&&this.acceptStatement&&!ee(t)){var e=te(t).get,i=this._scope||this.vm,n=function(t){i.$event=t,e.call(i,i),i.$event=null};return this.filters&&(n=i._applyFilters(n,null,this.filters)),this.update(n),!0}},Ti.prototype.set=function(t){this.twoWay&&this._withLock(function(){this._watcher.set(t)})},Ti.prototype._withLock=function(t){var e=this;e._locked=!0,t.call(e),ln(function(){e._locked=!1})},Ti.prototype.on=function(t,e,i){at(this.el,t,e,i),(this._listeners||(this._listeners=[])).push([t,e])},Ti.prototype._teardown=function(){if(this._bound){this._bound=!1,this.unbind&&this.unbind(),this._watcher&&this._watcher.teardown();var t,e=this._listeners;if(e)for(t=e.length;t--;)ht(this.el,e[t][0],e[t][1]);var i=this._paramUnwatchFns;if(i)for(t=i.length;t--;)i[t]();this.vm=this.el=this._watcher=this._listeners=null}};var lo=/[^|]\|[^|]/;It(Ri),xi(Ri),Ai(Ri),Ni(Ri),ji(Ri),Ei(Ri),Si(Ri),Fi(Ri),Di(Ri);var co={priority:ss,params:["name"],bind:function(){var t=this.params.name||"default",e=this.vm._slotContents&&this.vm._slotContents[t];e&&e.hasChildNodes()?this.compile(e.cloneNode(!0),this.vm._context,this.vm):this.fallback()},compile:function(t,e,i){if(t&&e){if(this.el.hasChildNodes()&&1===t.childNodes.length&&1===t.childNodes[0].nodeType&&t.childNodes[0].hasAttribute("v-if")){var n=document.createElement("template");n.setAttribute("v-else",""),n.innerHTML=this.el.innerHTML,n._context=this.vm,t.appendChild(n)}var r=i?i._scope:this._scope;this.unlink=e.$compile(t,i,r,this._frag)}t?ot(this.el,t):rt(this.el)},fallback:function(){this.compile(pt(this.el,!0),this.vm)},unbind:function(){this.unlink&&this.unlink()}},uo={priority:is,params:["name"],paramWatchers:{name:function(t){hs.remove.call(this),t&&this.insert(t)}},bind:function(){this.anchor=gt("v-partial"),ot(this.el,this.anchor),this.insert(this.params.name)},insert:function(t){var e=St(this.vm.$options,"partials",t,!0);e&&(this.factory=new be(this.vm,e),hs.insert.call(this))},unbind:function(){this.frag&&this.frag.destroy()}},fo={slot:co,partial:uo},po=as._postProcess,vo=/(\d{3})(?=\d)/g,mo={orderBy:Mi,filterBy:Li,limitBy:Pi,json:{read:function(t,e){return"string"==typeof t?t:JSON.stringify(t,null,arguments.length>1?e:2)},write:function(t){try{return JSON.parse(t)}catch(e){return t}}},capitalize:function(t){return t||0===t?(t=t.toString(),t.charAt(0).toUpperCase()+t.slice(1)):""},uppercase:function(t){return t||0===t?t.toString().toUpperCase():""},lowercase:function(t){return t||0===t?t.toString().toLowerCase():""},currency:function(t,e,i){if(t=parseFloat(t),!isFinite(t)||!t&&0!==t)return"";e=null!=e?e:"$",i=null!=i?i:2;var n=Math.abs(t).toFixed(i),r=i?n.slice(0,-1-i):n,s=r.length%3,o=s>0?r.slice(0,s)+(r.length>3?",":""):"",a=i?n.slice(-1-i):"",h=t<0?"-":"";return h+e+o+r.slice(s).replace(vo,"$1,")+a},pluralize:function(t){var e=m(arguments,1),i=e.length;if(i>1){var n=t%10-1;return n in e?e[n]:e[i-1]}return e[0]+(1===t?"":"s")},debounce:function(t,e){if(t)return e||(e=300),w(t,e)}};Ii(Ri),Ri.version="1.0.27",setTimeout(function(){In.devtools&&Xi&&Xi.emit("init",Ri)},0),t.exports=Ri}).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 i=this[e];i[2]?t.push("@media "+i[2]+"{"+i[1]+"}"):t.push(i[1])}return t.join("")},t.i=function(e,i){"string"==typeof e&&(e=[[null,e,""]]);for(var n={},r=0;r<this.length;r++){var s=this[r][0];"number"==typeof s&&(n[s]=!0)}for(r=0;r<e.length;r++){var o=e[r];"number"==typeof o[0]&&n[o[0]]||(i&&!o[2]?o[2]=i:i&&(o[2]="("+o[2]+") and ("+i+")"),t.push(o))}},t}},11:function(t,e,i){function n(t,e){for(var i=0;i<t.length;i++){var n=t[i],r=u[n.id];if(r){r.refs++;for(var s=0;s<r.parts.length;s++)r.parts[s](n.parts[s]);for(;s<n.parts.length;s++)r.parts.push(h(n.parts[s],e))}else{for(var o=[],s=0;s<n.parts.length;s++)o.push(h(n.parts[s],e));u[n.id]={id:n.id,refs:1,parts:o}}}}function r(t){for(var e=[],i={},n=0;n<t.length;n++){var r=t[n],s=r[0],o=r[1],a=r[2],h=r[3],l={css:o,media:a,sourceMap:h};i[s]?i[s].parts.push(l):e.push(i[s]={id:s,parts:[l]})}return e}function s(t,e){var i=d(),n=g[g.length-1];if("top"===t.insertAt)n?n.nextSibling?i.insertBefore(e,n.nextSibling):i.appendChild(e):i.insertBefore(e,i.firstChild),g.push(e);else{if("bottom"!==t.insertAt)throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");i.appendChild(e)}}function o(t){t.parentNode.removeChild(t);var e=g.indexOf(t);e>=0&&g.splice(e,1)}function a(t){var e=document.createElement("style");return e.type="text/css",s(t,e),e}function h(t,e){var i,n,r;if(e.singleton){var s=m++;i=v||(v=a(e)),n=l.bind(null,i,s,!1),r=l.bind(null,i,s,!0)}else i=a(e),n=c.bind(null,i),r=function(){o(i)};return n(t),function(e){if(e){if(e.css===t.css&&e.media===t.media&&e.sourceMap===t.sourceMap)return;n(t=e)}else r()}}function l(t,e,i,n){var r=i?"":n.css;if(t.styleSheet)t.styleSheet.cssText=_(e,r);else{var s=document.createTextNode(r),o=t.childNodes;o[e]&&t.removeChild(o[e]),o.length?t.insertBefore(s,o[e]):t.appendChild(s)}}function c(t,e){var i=e.css,n=e.media,r=e.sourceMap;if(n&&t.setAttribute("media",n),r&&(i+="\n/*# sourceURL="+r.sources[0]+" */",i+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(r))))+" */"),t.styleSheet)t.styleSheet.cssText=i;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(i))}}var u={},f=function(t){var e;return function(){return"undefined"==typeof e&&(e=t.apply(this,arguments)),e}},p=f(function(){return/msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase())}),d=f(function(){return document.head||document.getElementsByTagName("head")[0]}),v=null,m=0,g=[];t.exports=function(t,e){e=e||{},"undefined"==typeof e.singleton&&(e.singleton=p()),"undefined"==typeof e.insertAt&&(e.insertAt="bottom");var i=r(t);return n(i,e),function(t){for(var s=[],o=0;o<i.length;o++){var a=i[o],h=u[a.id];h.refs--,s.push(h)}if(t){var l=r(t);n(l,e)}for(var o=0;o<s.length;o++){var h=s[o];if(0===h.refs){for(var c=0;c<h.parts.length;c++)h.parts[c]();delete u[h.id]}}}};var _=function(){var t=[];return function(e,i){return t[e]=i,t.filter(Boolean).join("\n")}}()}});
9 | //# sourceMappingURL=vendor.abc00cb1d5a1d826744c.js.map


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <title>drawerlayout</title>
 6 |   </head>
 7 |   <body>
 8 |     <app></app>
 9 |     <!-- built files will be auto injected -->
10 |   </body>
11 | </html>
12 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "drawerlayout",
 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 |     <drawer :show="drawerShow" 
  4 |     :pos="pos" 
  5 |     :tran="tran"
  6 |     @change-show="changeDrawerShow"
  7 |     @on-hide="onHide"
  8 |     @on-show="onShow">
  9 |     <div class="layout" slot="drawer" >
 10 |       <h2><a href="#">bajian drawer</a></h2>
 11 |       <ul>
 12 |         <li v-for="item in navItems"><a :href="'#'+item">{{item}}</a></li>
 13 |       </ul>
 14 |     </div>
 15 |     <button v-on:click="directionFlip">directionChange</button><br><br>
 16 |     <button v-on:click="tranFlip">tranChange</button><br><br>
 17 |     <button v-on:click="drawerToggle">toggle</button>
 18 |   </drawer>
 19 | </div>
 20 | </template>
 21 | 
 22 | <script>
 23 |  import Drawer from './components/drawer.vue'
 24 |  export default {
 25 |    data(){
 26 |      return {
 27 |        pos: 'left',
 28 |        tran: 'overlay',
 29 |        drawerShow: false,
 30 |        navItems: [
 31 |        'decide the width u like',
 32 |        'Item2',
 33 |        'Item3',
 34 |        'Item4',
 35 |        'Item5'
 36 |        ]
 37 |      }
 38 |    },
 39 |    methods: {
 40 |      directionFlip() {
 41 |        this.pos=this.pos =='left'?'right':'left'
 42 |        setTimeout(()=>{
 43 |         this.drawerToggle()
 44 |       },500)
 45 |      },
 46 |      tranFlip() {
 47 |        this.tran=this.tran =='overlay'?'push':'overlay'
 48 | 
 49 |        setTimeout(()=>{
 50 |         this.drawerToggle()
 51 |       },0)
 52 |      },
 53 |      drawerToggle() {
 54 |        this.drawerShow=!this.drawerShow
 55 |      },
 56 |      onHide() {
 57 |        console.log('hide');
 58 |      },
 59 |      changeDrawerShow(state) {
 60 |       this.drawerShow=state;
 61 |       console.log('drawer was changed from components');
 62 |     },
 63 |     onShow() {
 64 |      console.log('show');
 65 |    }
 66 |  },
 67 |  components: { Drawer }
 68 | }
 69 | </script>
 70 | 
 71 | <style>
 72 | 
 73 |   *{
 74 |     margin: 0px;
 75 |     padding: 0px;
 76 |   }
 77 |   html {
 78 |     height: 100%;
 79 | 
 80 |   }
 81 | 
 82 |   body {
 83 |     display: flex;
 84 |     align-items: center;
 85 |     justify-content: center;
 86 |     height: 100%;
 87 |   }
 88 | 
 89 |   #app {
 90 |     color: #2c3e50;
 91 |     height: 100%;
 92 |     width: 100%;
 93 |     /*max-width: 600px;*/
 94 |     font-family: Source Sans Pro, Helvetica, sans-serif;
 95 |     text-align: center;
 96 |     /*background-color: #eee*/
 97 |   }
 98 | 
 99 |   #app a {
100 |     color: #42b983;
101 |     text-decoration: none;
102 |   }
103 |   .layout{
104 |     width: 300px;
105 |   }
106 | 
107 |   button, input[type="button"], a.button {
108 |     color: #fff;
109 |     background-color: #3779d0;
110 |     border: 0;
111 |     font-size: 14px;
112 |     border-radius: 4px;
113 |     padding: 0px 8px;
114 |     height: 40px;
115 |     min-width: 40px;
116 |     line-height: 40px;
117 |     overflow: hidden;
118 |     display: inline-block;
119 |     outline: none;
120 |     -moz-user-select: none;
121 |     -webkit-user-select: none;
122 |     -ms-user-select: none;
123 |     -khtml-user-select: none;
124 |     user-select: none;
125 |     -webkit-transition: all;
126 |     -moz-transition: all;
127 |     transition: all;
128 |     -webkit-transition-timing-function: linear;
129 |     -moz-transition-timing-function: linear;
130 |     transition-timing-function: linear;
131 |     -webkit-transition-duration: .2s;
132 |     -moz-transition-duration: .2s;
133 |     transition-duration: .2s;
134 |   }
135 |   button:active{
136 |     color: #fff;
137 |     background-color: #377000;
138 |   }
139 | </style>
140 | 


--------------------------------------------------------------------------------
/src/assets/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bajian/vue-drawer/d7560f7d1d7c7d5079c4fdbcc007e63fe6d72b99/src/assets/logo.png


--------------------------------------------------------------------------------
/src/components/drawer.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <!-- container -->
  3 |   <div class="vue-drawer">
  4 |     <div :style="{'transform': 'translate3d('+translateX+'px,0,0)'}"
  5 |     class="main">
  6 |     <!-- main body -->
  7 |     <slot></slot>
  8 |     <!-- mask -->
  9 |     <div class="mask" :class="show ? 'active' : ''" @click="hideMask"></div>
 10 |   </div>
 11 |   <div ref="drawer" class="drawer" 
 12 |   :class="[pos!='left' ? 'drawer-right' : 'drawer-left', show ? 'active' : '']" >
 13 |     <!-- drawer -->
 14 |     <slot name="drawer"></slot>
 15 |   </div>
 16 | </div> 
 17 | </template>
 18 | 
 19 | <script scoped>
 20 | 
 21 |  export default {
 22 |    props: {
 23 |      show: {
 24 |        type: Boolean,
 25 |        default: false
 26 |      },
 27 |      pos: {
 28 |        type: String,
 29 |        default: 'left'
 30 |      },
 31 |      tran: {
 32 |        type: String,
 33 |        default: 'overlay'
 34 |      }
 35 |    },
 36 |    data() {
 37 |      return {
 38 |       drawerWidth:0,
 39 |       translateX:0
 40 |     }
 41 |   },
 42 |   watch:{
 43 |     show:function(){
 44 |       //listener
 45 |       if (!this.show)
 46 |         this.$emit('on-hide');
 47 |       else
 48 |         this.$emit('on-show');
 49 | 
 50 |       //transition
 51 |       if (this.tran=='overlay') return;
 52 |       if (!this.show)
 53 |         this.translateX=0
 54 |       else
 55 |         this.translateX=this.pos=='left'?this.drawerWidth:-this.drawerWidth
 56 |     }
 57 |   },
 58 |   mounted(){
 59 |     this.$nextTick(function () {
 60 |       this.drawerWidth=this.$refs.drawer.clientWidth
 61 |   })
 62 |   },
 63 |   methods: {
 64 |    hideMask() {
 65 |      // this.show = false;
 66 |      this.$emit('change-show',false)
 67 |    }
 68 |  }
 69 | }
 70 | </script>
 71 | 
 72 | <style >
 73 |  .vue-drawer {
 74 |    display: block;
 75 |    position: relative;
 76 |    top: 0;
 77 |    left: 0;
 78 |    width: 100%;
 79 |    height: 100%;
 80 |    /*overflow: hidden;*/
 81 |    /*max-width: 600px;*/
 82 |  }
 83 | 
 84 |  .vue-drawer > .main {
 85 |   /*max-width: 600px;*/
 86 |   height: 100%;
 87 |    position: absolute;
 88 |    top: 0;
 89 |    left: 0;
 90 |    right: 0;
 91 |    bottom: 0;
 92 |    transition: transform ease-in-out 0.38s, visibility 0.38s;
 93 |  }
 94 | 
 95 |  .vue-drawer > .main > .mask {
 96 |    position: absolute;
 97 |    top: 0;
 98 |    left: 0;
 99 |    right: 0;
100 |    bottom: 0;
101 |    visibility: hidden;
102 |    opacity: 0;
103 |    transition: opacity ease-in-out 0.38s, visibility ease-in-out 0.38s;
104 |    background-color: rgba(0, 0, 0, 0.3);
105 |  }
106 | 
107 |  .vue-drawer > .main > .active {
108 |    visibility: visible;
109 |    opacity: 1;
110 |  }
111 | 
112 |  .vue-drawer > .drawer {
113 |   max-width: 600px;
114 |    background-color: #fff;
115 |    position: absolute;
116 |    top: 0;
117 |    height:100%;
118 |    overflow: hidden;
119 |    pointer-events: none;
120 |    visibility: hidden;
121 |    transition: transform ease-in-out 0.38s, visibility 0.38s;
122 |    will-change: none;
123 |  }
124 | 
125 |  .vue-drawer > .drawer-left {
126 |    left: 0;
127 |    transform: translateX(-102%);
128 |  }
129 | 
130 |  .vue-drawer > .drawer-right {
131 |    right: 0;
132 |    transform: translateX(102%);
133 |  }
134 | 
135 | 
136 |  .vue-drawer > .active {
137 |    pointer-events: inherit;
138 |    visibility: visible;
139 |    transform: translateX(0%);
140 |  }
141 | </style>
142 | 


--------------------------------------------------------------------------------
/src/components/drawer.vue1.0:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <!-- container -->
  3 |   <div class="vue-drawer">
  4 |     <div :style="{'transform': 'translate3d('+translateX+'px,0,0)'}"
  5 |     class="main">
  6 |     <!-- main body -->
  7 |     <slot></slot>
  8 |     <!-- mask -->
  9 |     <div class="mask" :class="show ? 'active' : ''" @click="hideMask"></div>
 10 |   </div>
 11 |   <div v-el:drawer class="drawer" 
 12 |   :class="[pos!='left' ? 'drawer-right' : 'drawer-left', show ? 'active' : '']" >
 13 |     <!-- drawer -->
 14 |     <slot name="drawer"></slot>
 15 |   </div>
 16 | </div> 
 17 | </template>
 18 | 
 19 | <script >
 20 | 
 21 |  export default {
 22 |    props: {
 23 |      show: {
 24 |        type: Boolean,
 25 |        default: false
 26 |      },
 27 |      pos: {
 28 |        type: String,
 29 |        default: 'left'
 30 |      },
 31 |      tran: {
 32 |        type: String,
 33 |        default: 'overlay'
 34 |      }
 35 |    },
 36 |    data() {
 37 |      return {
 38 |       drawerWidth:0,
 39 |       translateX:0
 40 |     }
 41 |   },
 42 |   watch:{
 43 |     show:function(){
 44 |       //listener
 45 |       if (!this.show)
 46 |         this.$emit('on-hide');
 47 |       else
 48 |         this.$emit('on-show');
 49 | 
 50 |       //transition
 51 |       if (this.tran=='overlay') return;
 52 |       if (!this.show)
 53 |         this.translateX=0
 54 |       else
 55 |         this.translateX=this.pos=='left'?this.drawerWidth:-this.drawerWidth
 56 |     }
 57 |   },
 58 |   ready(){
 59 |     this.drawerWidth=this.$els.drawer.clientWidth
 60 |   },
 61 |   methods: {
 62 |    hideMask() {
 63 |      this.show = false;
 64 |    }
 65 |  }
 66 | }
 67 | </script>
 68 | 
 69 | <style scoped>
 70 |  .vue-drawer {
 71 |    display: block;
 72 |    position: absolute;
 73 |    top: 0;
 74 |    left: 0;
 75 |    width: 100%;
 76 |    height: 100%;
 77 |    overflow: hidden;
 78 |  }
 79 | 
 80 |  .vue-drawer > .main {
 81 |    position: absolute;
 82 |    top: 0;
 83 |    left: 0;
 84 |    right: 0;
 85 |    bottom: 0;
 86 |    transition: transform ease-in-out 0.38s, visibility 0.38s;
 87 |  }
 88 | 
 89 |  .vue-drawer > .main > .mask {
 90 |    position: absolute;
 91 |    top: 0;
 92 |    left: 0;
 93 |    right: 0;
 94 |    bottom: 0;
 95 |    visibility: hidden;
 96 |    opacity: 0;
 97 |    transition: opacity ease-in-out 0.38s, visibility ease-in-out 0.38s;
 98 |    background-color: rgba(0, 0, 0, 0.3);
 99 |  }
100 | 
101 |  .vue-drawer > .main > .active {
102 |    visibility: visible;
103 |    opacity: 1;
104 |  }
105 | 
106 |  .vue-drawer > .drawer {
107 |    background-color: #fff;
108 |    position: fixed;
109 |    top: 0;
110 |    height:100%;
111 |    overflow: hidden;
112 |    pointer-events: none;
113 |    visibility: hidden;
114 |    transition: transform ease-in-out 0.38s, visibility 0.38s;
115 |    will-change: none;
116 |  }
117 | 
118 |  .vue-drawer > .drawer-left {
119 |    left: 0;
120 |    transform: translateX(-102%);
121 |  }
122 | 
123 |  .vue-drawer > .drawer-right {
124 |    right: 0;
125 |    transform: translateX(102%);
126 |  }
127 | 
128 | 
129 |  .vue-drawer > .active {
130 |    pointer-events: inherit;
131 |    visibility: visible;
132 |    transform: translateX(0%);
133 |  }
134 | </style>
135 | 


--------------------------------------------------------------------------------
/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 | })
9 | 


--------------------------------------------------------------------------------
/static/.gitkeep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bajian/vue-drawer/d7560f7d1d7c7d5079c4fdbcc007e63fe6d72b99/static/.gitkeep


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