diff --git a/.eslintignore b/.eslintignore index 34af3774f..ff6e19371 100644 --- a/.eslintignore +++ b/.eslintignore @@ -1,2 +1,3 @@ build/*.js config/*.js +example/modules/*.js diff --git a/.eslintrc.js b/.eslintrc.js index 39d398645..a79986351 100644 --- a/.eslintrc.js +++ b/.eslintrc.js @@ -1,24 +1,24 @@ module.exports = { - root: true, - parser: 'babel-eslint', - parserOptions: { - sourceType: 'module' - }, - // https://github.com/feross/standard/blob/master/RULES.md#javascript-standard-style - extends: 'standard', - // required to lint *.vue files - plugins: [ - 'html' - ], - // add your custom rules here - 'rules': { - // allow paren-less arrow functions - 'arrow-parens': 0, - // allow async-await - 'generator-star-spacing': 0, - // allow debugger during development - 'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0, - 'no-tabs': 0, - 'space-before-function-paren': 0 - } + root: true, + parser: 'babel-eslint', + parserOptions: { + sourceType: 'module' + }, + // https://github.com/feross/standard/blob/master/RULES.md#javascript-standard-style + extends: 'standard', + // required to lint *.vue files + plugins: [ + 'html' + ], + // add your custom rules here + 'rules': { + // allow paren-less arrow functions + 'arrow-parens': 0, + // allow async-await + 'generator-star-spacing': 0, + // allow debugger during development + 'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0, + 'no-tabs': 0, + 'space-before-function-paren': 0 + } } diff --git a/.github/CODE_OF_CONDUCT.md b/.github/CODE_OF_CONDUCT.md new file mode 100644 index 000000000..613379be1 --- /dev/null +++ b/.github/CODE_OF_CONDUCT.md @@ -0,0 +1,46 @@ +# Contributor Covenant Code of Conduct + +## Our Pledge + +In the interest of fostering an open and welcoming environment, we as contributors and maintainers pledge to making participation in our project and our community a harassment-free experience for everyone, regardless of age, body size, disability, ethnicity, gender identity and expression, level of experience, nationality, personal appearance, race, religion, or sexual identity and orientation. + +## Our Standards + +Examples of behavior that contributes to creating a positive environment include: + +* Using welcoming and inclusive language +* Being respectful of differing viewpoints and experiences +* Gracefully accepting constructive criticism +* Focusing on what is best for the community +* Showing empathy towards other community members + +Examples of unacceptable behavior by participants include: + +* The use of sexualized language or imagery and unwelcome sexual attention or advances +* Trolling, insulting/derogatory comments, and personal or political attacks +* Public or private harassment +* Publishing others' private information, such as a physical or electronic address, without explicit permission +* Other conduct which could reasonably be considered inappropriate in a professional setting + +## Our Responsibilities + +Project maintainers are responsible for clarifying the standards of acceptable behavior and are expected to take appropriate and fair corrective action in response to any instances of unacceptable behavior. + +Project maintainers have the right and responsibility to remove, edit, or reject comments, commits, code, wiki edits, issues, and other contributions that are not aligned to this Code of Conduct, or to ban temporarily or permanently any contributor for other behaviors that they deem inappropriate, threatening, offensive, or harmful. + +## Scope + +This Code of Conduct applies both within project spaces and in public spaces when an individual is representing the project or its community. Examples of representing a project or community include using an official project e-mail address, posting via an official social media account, or acting as an appointed representative at an online or offline event. Representation of a project may be further defined and clarified by project maintainers. + +## Enforcement + +Instances of abusive, harassing, or otherwise unacceptable behavior may be reported by contacting the project team at opensource@didichuxing.com. The project team will review and investigate all complaints, and will respond in a way that it deems appropriate to the circumstances. The project team is obligated to maintain confidentiality with regard to the reporter of an incident. Further details of specific enforcement policies may be posted separately. + +Project maintainers who do not follow or enforce the Code of Conduct in good faith may face temporary or permanent repercussions as determined by other members of the project's leadership. + +## Attribution + +This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4, available at [http://contributor-covenant.org/version/1/4][version] + +[homepage]: http://contributor-covenant.org +[version]: http://contributor-covenant.org/version/1/4/ diff --git a/.github/ISSUE_TEMPLATE.md b/.github/ISSUE_TEMPLATE.md index a541f8795..40a143347 100644 --- a/.github/ISSUE_TEMPLATE.md +++ b/.github/ISSUE_TEMPLATE.md @@ -1,26 +1,10 @@ -### A feature or reporting a bug? + diff --git a/.gitignore b/.gitignore index 55e4beac3..b7ed584a2 100644 --- a/.gitignore +++ b/.gitignore @@ -1,9 +1,21 @@ -.idea/ .DS_Store node_modules/ -npm-debug.log +npm-debug.log* +yarn-debug.log* +yarn-error.log* deploy/ test/unit/coverage test/e2e/reports selenium-debug.log -yarn.lock + +# Test publish files +cube-ui-*.tgz +package/ + +# Editor directories and files +.idea +.vscode +*.suo +*.ntvs* +*.njsproj +*.sln diff --git a/.travis.yml b/.travis.yml index 0ced3ec28..7c06fcadc 100644 --- a/.travis.yml +++ b/.travis.yml @@ -8,5 +8,15 @@ node_js: branches: only: - master + - dev script: - npm test +notifications: + webhooks: + urls: + - https://www.travisbuddy.com/ + on_success: never + on_failure: always + on_start: never + on_cancel: never + on_error: never diff --git a/README.md b/README.md index ea7d22117..e7642c1f6 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,5 @@ -# cube-ui [![Build Status](https://travis-ci.org/didi/cube-ui.svg?branch=master)](https://travis-ci.org/didi/cube-ui?branch=master) [![codecov.io](http://codecov.io/github/didi/cube-ui/coverage.svg?branch=master)](http://codecov.io/github/didi/cube-ui?branch=master) + +# cube-ui [![Build Status](https://travis-ci.org/didi/cube-ui.svg?branch=master)](https://travis-ci.org/didi/cube-ui?branch=master) [![codecov.io](http://codecov.io/github/didi/cube-ui/coverage.svg?branch=master)](http://codecov.io/github/didi/cube-ui?branch=master) [![downloads](https://img.shields.io/npm/dm/cube-ui.svg)](https://www.npmjs.com/package/cube-ui) > A fantastic mobile ui lib implement by Vue. @@ -8,7 +9,21 @@ - [Docs](https://didi.github.io/cube-ui/#/en-US/docs) - [Example](https://didi.github.io/cube-ui/example/) -![example QR](./assets/example-qr.png) + ![Example QR](./assets/example-qr.png) + +- [Application Guide](https://github.com/cube-ui/cube-application-guide) + +### Communication + +![QQ Community QR](./assets/cube-qq-QR.jpg) + +### New cube-ui project ? + +Recommend use the [CLI tools](https://github.com/cube-ui/cube-template) base on [vue-cli](https://github.com/vuejs/vue-cli) to init the config and base code: + +```shell +$ vue init cube-ui/cube-template projectname +``` ### Install @@ -29,7 +44,12 @@ Vue.use(Cube) ```js import Vue from 'vue' -import { Button, ActionSheet } from 'cube-ui' +import { + /* eslint-disable no-unused-vars */ + Style, + Button, + ActionSheet +} from 'cube-ui' Vue.use(Button) Vue.use(ActionSheet) @@ -50,6 +70,8 @@ git clone git@github.com:didi/cube-ui.git cd cube-ui npm install npm run dev +# or run document development +npm run doc-dev ``` ### Changelog diff --git a/README_zh-CN.md b/README_zh-CN.md index 3ed90fff0..8b63b8141 100644 --- a/README_zh-CN.md +++ b/README_zh-CN.md @@ -8,7 +8,17 @@ - [文档](https://didi.github.io/cube-ui/#/zh-CN/docs) - [示例](https://didi.github.io/cube-ui/example/) -![示例二维码](./assets/example-qr.png) + ![示例二维码](./assets/example-qr.png) + +- [应用教程](https://github.com/cube-ui/cube-application-guide) + +### 新项目？ + +推荐使用基于 [vue-cli](https://github.com/vuejs/vue-cli) 的 [CLI 工具](https://github.com/cube-ui/cube-template) 来初始化配置和代码： + +```shell +$ vue init cube-ui/cube-template projectname +``` ### 安装 @@ -29,7 +39,12 @@ Vue.use(Cube) ```js import Vue from 'vue' -import { Button, ActionSheet } from 'cube-ui' +import { + /* eslint-disable no-unused-vars */ + Style, + Button, + ActionSheet +} from 'cube-ui' Vue.use(Button) Vue.use(ActionSheet) @@ -50,6 +65,8 @@ git clone git@github.com:didi/cube-ui.git cd cube-ui npm install npm run dev +# or run document development +npm run doc-dev ``` ### Changelog diff --git a/assets/cube-qq-QR.jpg b/assets/cube-qq-QR.jpg new file mode 100644 index 000000000..2b248212a Binary files /dev/null and b/assets/cube-qq-QR.jpg differ diff --git a/build/build.js b/build/build.js index f67dbbc2b..f42bc1856 100644 --- a/build/build.js +++ b/build/build.js @@ -38,36 +38,60 @@ function buildPack(webpackConfig, cb, spinnerText) { }) } -buildPack(webpackConfig, function () { - webpackConfig.output.filename = utils.assetsPath('[name].min.js') - webpackConfig.output.chunkFilename = '[name].min.js' - webpackConfig.plugins.splice(2, 1, new ExtractTextPlugin(utils.assetsPath('[name].min.css')), new OptimizeCSSPlugin({ - cssProcessorOptions: { - safe: true - } - })) - // add UglifyJsPlugin - webpackConfig.plugins.splice(2, 0, new webpack.optimize.UglifyJsPlugin({ - compress: { - warnings: false - } - })) +function fullBuild(cb) { + // build index.js buildPack(webpackConfig, function () { - buildPack(webpackModulesConfig, function () { - webpackModulesConfig.output.filename = utils.assetsPath('[name]/[name].min.js') - webpackModulesConfig.output.chunkFilename = '[name]/[name].min.js' - webpackModulesConfig.plugins.splice(2, 1, new ExtractTextPlugin(utils.assetsPath('[name]/[name].min.css')), new OptimizeCSSPlugin({ + + // build cube.min.js + webpackConfig.output.filename = utils.assetsPath('[name].min.js') + webpackConfig.output.chunkFilename = '[name].min.js' + webpackConfig.plugins.splice(1, 1, + new webpack.DefinePlugin({ + 'process.env': config.build.env + }), + new webpack.optimize.UglifyJsPlugin({ + compress: { + warnings: false + } + }), + new ExtractTextPlugin(utils.assetsPath('[name].min.css')), + new OptimizeCSSPlugin({ cssProcessorOptions: { safe: true } - })) - // 增加 UglifyJsPlugin - webpackModulesConfig.plugins.splice(2, 0, new webpack.optimize.UglifyJsPlugin({ + }) + ) + buildPack(webpackConfig, function () { + cb && cb() + }, 'building for cube.min.js') + }, 'building for index.js') +} + +function modulesBuild() { + // build ${module}/index.js + buildPack(webpackModulesConfig, function () { + + // build ${module}/${module}.min.js + webpackModulesConfig.output.filename = utils.assetsPath('[name]/[name].min.js') + webpackModulesConfig.output.chunkFilename = '[name]/[name].min.js' + webpackModulesConfig.plugins.splice(1, 1, + new webpack.DefinePlugin({ + 'process.env': config.build.env + }), + new webpack.optimize.UglifyJsPlugin({ compress: { warnings: false } - })) - buildPack(webpackModulesConfig, null, 'building for compressed component files...') - }, 'building for uncompressed component files...') - }, 'building for compressed files...') -}) + }), + new ExtractTextPlugin(utils.assetsPath('[name]/[name].min.css')), + new OptimizeCSSPlugin({ + cssProcessorOptions: { + safe: true + } + }) + ) + buildPack(webpackModulesConfig, null, 'building for ${module}/${module}.min.js') + }, 'building for ${module}/index.js') +} + +fullBuild(modulesBuild) diff --git a/build/document/webpack.prod.conf.js b/build/document/webpack.prod.conf.js index fa080f0b2..f0216a87f 100644 --- a/build/document/webpack.prod.conf.js +++ b/build/document/webpack.prod.conf.js @@ -43,6 +43,7 @@ var webpackConfig = merge(baseWebpackConfig, { safe: true } }), + new webpack.HashedModuleIdsPlugin(), // generate dist index.html with correct asset hash for caching. // you can customize output by editing /index.html // see https://github.com/ampedandwired/html-webpack-plugin diff --git a/build/release/docs.sh b/build/release/docs.sh index 4e9b02f97..9eb3f24db 100644 --- a/build/release/docs.sh +++ b/build/release/docs.sh @@ -6,5 +6,9 @@ git pull origin master npm run doc-demo-build # ADD commit git add docs/ -git commit -m 'docs build' +git commit -m 'build: docs' git push origin master +git checkout dev +git rebase master +git push origin dev +git checkout master diff --git a/build/release/publish.sh b/build/release/publish.sh index eca7bfff3..3e08b430e 100644 --- a/build/release/publish.sh +++ b/build/release/publish.sh @@ -2,11 +2,14 @@ # git pull git pull origin master +# npm install +rm package-lock.json +npm install --registry=https://registry.npmjs.org # build npm run build # ADD commit git add -A -git commit -m 'publish build' +git commit -m 'build: package' git push origin master # replace src/ __VERSION__ node ./build/release/replace-version.js @@ -14,3 +17,7 @@ node ./build/release/replace-version.js npm publish # checkout src/index.js git checkout src/index.js +git checkout dev +git rebase master +git push origin dev +git checkout master diff --git a/build/utils.js b/build/utils.js index 1554cf683..317159809 100644 --- a/build/utils.js +++ b/build/utils.js @@ -45,7 +45,8 @@ exports.cssLoaders = function (options) { if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, - fallback: 'vue-style-loader' + fallback: 'vue-style-loader', + publicPath: options.extract.publicPath }) } else { return ['vue-style-loader'].concat(loaders) diff --git a/build/webpack.base.conf.js b/build/webpack.base.conf.js index 781f2b827..aaff485a8 100644 --- a/build/webpack.base.conf.js +++ b/build/webpack.base.conf.js @@ -4,12 +4,13 @@ var vueLoaderConfig = require('./vue-loader.conf') var utils = require('./utils') var webpack = require('webpack') var version = require('../package.json').version +var anchor = require('markdown-it-anchor-cube') function resolve (dir) { return path.join(__dirname, '..', dir) } -const srcAndExampleAndTestAndDocument = [resolve('src'), resolve('example'), resolve('test'), resolve('document')] +const allSource = [resolve('src'), resolve('example'), resolve('test'), resolve('document')] module.exports = { output: { @@ -22,7 +23,8 @@ module.exports = { extensions: ['.js', '.vue', '.json'], alias: { 'vue2': 'vue/dist/vue.esm.js', - '@': resolve('src') + '@': resolve('src'), + 'example': resolve('example') } }, module: { @@ -31,7 +33,7 @@ module.exports = { test: /\.(js|vue)$/, loader: 'eslint-loader', enforce: 'pre', - include: srcAndExampleAndTestAndDocument, + include: allSource, options: { formatter: require('eslint-friendly-formatter') } @@ -44,21 +46,21 @@ module.exports = { { test: /\.js$/, loader: 'babel-loader', - include: srcAndExampleAndTestAndDocument + include: allSource.concat(resolve('node_modules/lodash-es')) }, { - test: /\.(png|jpe?g|gif)(\?.*)?$/, + test: /\.(png|jpe?g|gif|svg)(\?.*)?$/, loader: 'url-loader', - include: srcAndExampleAndTestAndDocument, + include: allSource, options: { limit: 10000, name: utils.assetsPath('img/[name].[hash:7].[ext]') } }, { - test: /\.(woff2?|eot|ttf|otf|svg)(\?.*)?$/, + test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/, loader: 'url-loader', - include: srcAndExampleAndTestAndDocument, + include: allSource, options: { limit: 10000, name: utils.assetsPath('fonts/[name].[hash:7].[ext]') @@ -69,7 +71,15 @@ module.exports = { include: resolve('document'), loader: 'vue-markdown-loader', options: { - preventExtract: true + preventExtract: true, + use: [ + [ anchor, { + permalink: true, + permalinkSymbol: '', + permalinkBefore: true, + permalinkClass: 'anchor' + }] + ] } } ] diff --git a/build/webpack.modules.conf.js b/build/webpack.modules.conf.js index fc50cdebc..a4d7c13d7 100644 --- a/build/webpack.modules.conf.js +++ b/build/webpack.modules.conf.js @@ -6,10 +6,6 @@ var webpack = require('webpack') var merge = require('webpack-merge') var baseWebpackConfig = require('./webpack.base.conf') var ExtractTextPlugin = require('extract-text-webpack-plugin') -var HtmlWebpackPlugin = require('html-webpack-plugin') -var env = process.env.NODE_ENV === 'testing' - ? require('../config/test.env') - : config.build.env var modules = {} var cPath = path.join(__dirname, '../src/modules') @@ -26,20 +22,21 @@ if (files) { var webpackConfig = merge(baseWebpackConfig, { entry: modules, module: { - rules: utils.styleLoaders({ sourceMap: config.build.productionSourceMap, extract: true }) + rules: utils.styleLoaders({ + sourceMap: config.build.productionSourceMap, + extract: { + publicPath: '../' + } + }) }, devtool: config.build.productionSourceMap ? '#source-map' : false, output: { path: config.build.assetsRoot, filename: utils.assetsPath('[name]/index.js'), - library: 'cube', - libraryTarget: 'commonjs2' + library: ['cube', '[name]'], + libraryTarget: 'umd' }, plugins: [ - // http://vuejs.github.io/vue-loader/workflow/production.html - new webpack.DefinePlugin({ - 'process.env': env - }), // extract css into its own file new ExtractTextPlugin(utils.assetsPath('[name]/style.css')) ] diff --git a/build/webpack.prod.conf.js b/build/webpack.prod.conf.js index 2821537af..468a329a8 100644 --- a/build/webpack.prod.conf.js +++ b/build/webpack.prod.conf.js @@ -5,12 +5,6 @@ var webpack = require('webpack') var merge = require('webpack-merge') var baseWebpackConfig = require('./webpack.base.conf') var ExtractTextPlugin = require('extract-text-webpack-plugin') -var HtmlWebpackPlugin = require('html-webpack-plugin') -var CopyWebpackPlugin = require('copy-webpack-plugin') -var OptimizeCSSPlugin = require('optimize-css-assets-webpack-plugin') -var env = process.env.NODE_ENV === 'testing' - ? require('../config/test.env') - : config.build.env var webpackConfig = merge(baseWebpackConfig, { entry: { @@ -30,10 +24,6 @@ var webpackConfig = merge(baseWebpackConfig, { libraryTarget: 'umd' }, plugins: [ - // http://vuejs.github.io/vue-loader/workflow/production.html - new webpack.DefinePlugin({ - 'process.env': env - }), // extract css into its own file new ExtractTextPlugin(utils.assetsPath('style.css')) ] diff --git a/docs/css/app.b24bfe0de1cac48fb5752ef0728b8018.css b/docs/css/app.b24bfe0de1cac48fb5752ef0728b8018.css deleted file mode 100644 index ae39fb3d0..000000000 --- a/docs/css/app.b24bfe0de1cac48fb5752ef0728b8018.css +++ /dev/null @@ -1 +0,0 @@ -#app,.docs-view{width:100%;height:100%}.docs-view{display:-webkit-box;display:flex}.page-sidelist{-webkit-box-flex:0;flex:none;width:190px;padding:40px 20px}.page-doc,.page-sidelist{height:100%;box-sizing:border-box;overflow-y:auto}.page-doc{-webkit-box-flex:1;flex:1;padding:44px 20px 20px}.page-doc h2:first-child{margin-top:0}.page-display{-webkit-box-flex:0;flex:none;width:420px;height:100%;overflow-y:auto}.page-sidelist{font-size:16px}.nav-ul{font-size:100%}.nav-ul .nav-ul{font-size:96%}.nav-li{margin-left:.4em;margin-bottom:10px}.nav-li .nav-li a{padding:5px}.nav-li .nav-li .nav-name{font-size:12px;color:#999}.nav-li a{display:block;padding:0 10px;box-sizing:border-box;color:#666}.nav-li a.nav-active,.nav-li a:hover{color:#fc9153}.nav-li a.nav-active{border-right:3px solid #fc9153}.nav-name{margin:10px 0;font-size:20px}.page-display{position:relative}.page-display .display-wrapper{position:absolute;width:348px;height:756px;top:61%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:url(/cube-ui/img/phone.5909f66.png) no-repeat;background-size:cover}.page-display .display-wrapper .mofang-demo{position:absolute;top:104px;left:14px;right:14px;height:550px;border-radius:4px;background-color:#fff}.home-view{min-width:800px;padding-top:70px;box-sizing:border-box}.home-view,.home-view .router-view{height:100%}.navigator{height:70px;line-height:70px;margin-top:-70px;background-color:#4a4c5b}.navigator .logo{float:left;background-color:#fc9153}.navigator .logo a{display:block;padding:0 28px;color:#fff;font-size:20px}.navigator .logo a:before{content:"";display:inline-block;background-image:url(//static.galileo.xiaojukeji.com/static/tms/shield/z/mofang/mofang/images/didi-logo.png);width:36px;height:29px;margin-right:10px;vertical-align:middle}.navigator .tabs{padding:0 30px;float:right}.navigator .tabs .tab{display:inline-block;color:#fff;margin:0 10px;-webkit-transition:color .2s;transition:color .2s}.navigator .tabs .router-link-active,.navigator .tabs .tab:hover{color:#fc9153}.langs{display:inline-block;margin:0 20px}.langs a{color:#fff}.langs a:after{content:"/";padding:0 5px}.langs a.active{color:#fc9153}.home-index{position:relative;padding-bottom:36px;min-height:100%;box-sizing:border-box;overflow:hidden;text-align:center;background:url(//webapp.didistatic.com/static/webapp/shield/cube-ui-home-index-background.png) no-repeat fixed 50%;background-size:cover}.home-index>h2{margin:80px 0 20px;font-size:30px}.home-index>h2 p{margin-top:30px}.home-index>p{margin:20px 0}.home-index>footer{position:absolute;bottom:0;width:100%}.home-index>footer a{display:inline-block;padding:10px 20px;color:#666}.ghbtns iframe{width:56px;height:20px}.ghbtns iframe:last-child{margin-left:40px}.features{margin:60px auto 40px}.features>ul{display:-webkit-box;display:flex;-webkit-box-align:stretch;align-items:stretch;-webkit-box-pack:center;justify-content:center;text-align:left;color:#666}.features>ul li{padding:10px 16px 20px;margin:0 10px;max-width:160px;-webkit-box-flex:1;flex:1;border-top:1px solid #4a4c5b;font-size:13px;line-height:1.4;background:#fff;border-radius:2px;box-shadow:0 0 3px rgba(0,0,0,.1)}.features>ul li h1{padding:10px 0;text-align:center;font-size:15px}.home-example{position:relative;width:348px;margin:50px auto;overflow:hidden;text-align:center}.home-example .online-link,.home-example img{display:inline-block;margin-bottom:20px}.home-example .page-display{width:100%}.home-example .page-display .display-wrapper{position:static;-webkit-transform:none;transform:none}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font-weight:400;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block}body{line-height:1}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}table{border-collapse:collapse;border-spacing:0}a{color:#7e8c8d;-webkit-backface-visibility:hidden}li{list-style:none}body{-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}body,html{width:100%;height:100%;color:#333;background:#f3f4f5;font-family:-apple-system,Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,WenQuanYi Micro Hei,Microsoft Yahei,sans-serif;-webkit-font-smoothing:antialiased}input{outline:0}.md-body{font-size:14px;line-height:1.6;color:#333}.md-body p{margin:1.2em 0}.md-body h2{margin-top:1.2em;margin-bottom:.8em;font-size:1.5em;font-weight:600}.md-body h3{margin:1em 0;font-size:1.25em;font-weight:600}.md-body h4{margin:.8em 0;font-size:1.1em;font-weight:600}.md-body blockquote{padding:0 1em;color:#666;border-left:.25em solid #ccc}.md-body table{width:100%;color:#444654;box-sizing:border-box}.md-body table td,.md-body table th{padding:6px 13px;border:1px solid #dfe2e5;vertical-align:middle;text-align:left}.md-body table th{font-weight:600;background-color:#ebebeb}.md-body li,.md-body ol,.md-body ul{line-height:20px}.md-body li{list-style:inherit;margin:1em 0}.md-body ul{padding-left:20px}pre{margin:.8em 0;font-size:12px}code{font-family:monaco;line-height:1.4;color:#c7254e;background:#f9f2f4;padding:2px 4px;box-sizing:border-box;font-size:.93em}strong{margin:1em 0;font-weight:700}a{text-decoration:none;color:#009a61}.hljs{display:block;overflow-x:auto;padding:.5em;background:#002b36;color:#839496}.hljs-comment,.hljs-quote{color:#586e75}.hljs-addition,.hljs-keyword,.hljs-selector-tag{color:#859900}.hljs-doctag,.hljs-literal,.hljs-meta .hljs-meta-string,.hljs-number,.hljs-regexp,.hljs-string{color:#2aa198}.hljs-name,.hljs-section,.hljs-selector-class,.hljs-selector-id,.hljs-title{color:#268bd2}.hljs-attr,.hljs-attribute,.hljs-class .hljs-title,.hljs-template-variable,.hljs-type,.hljs-variable{color:#b58900}.hljs-bullet,.hljs-link,.hljs-meta,.hljs-meta .hljs-keyword,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-subst,.hljs-symbol{color:#cb4b16}.hljs-built_in,.hljs-deletion{color:#dc322f}.hljs-formula{background:#073642}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700} \ No newline at end of file diff --git a/docs/css/app.eff0dd361031a52994230f4aae1f87da.css b/docs/css/app.eff0dd361031a52994230f4aae1f87da.css new file mode 100644 index 000000000..16a49bcfe --- /dev/null +++ b/docs/css/app.eff0dd361031a52994230f4aae1f87da.css @@ -0,0 +1 @@ +#app{width:100%;height:100%;background-color:#fff}.ov-hidden{overflow:hidden}.docs-view{display:-webkit-box;display:-webkit-flex;display:flex;width:100%;height:100%;box-sizing:border-box;-webkit-flex-wrap:wrap;flex-wrap:wrap}@media screen and (max-width:960px){.docs-view{position:relative;height:auto}.docs-view:before{position:fixed;top:48px}}.docs-view .menu{display:none}@media screen and (max-width:960px){.docs-view .menu{display:block;z-index:5;position:fixed;right:6px;top:4px;width:20px;height:20px;padding:10px}}.docs-view .menu:active{opacity:.6}.docs-view .nav-list-wrapper{width:279px;height:100%;border-right:1px solid #e3e3e3}@media screen and (max-width:960px){.docs-view .nav-list-wrapper{position:fixed;right:0;top:48px;bottom:0;height:auto;background-color:#fff;z-index:1;overflow:hidden;-webkit-transform:translate(100%);transform:translate(100%);-webkit-transition:all .4s ease;transition:all .4s ease;border-right:none}.docs-view .nav-list-wrapper.active{-webkit-transform:translate(0);transform:translate(0)}}@media screen and (max-width:960px){.docs-view .mask{z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent}.docs-view .mask.active{background-color:rgba(0,0,0,.05);-webkit-transition:all .4s ease;transition:all .4s ease}}.docs-view .page-sidelist{height:100%;padding:50px 0;margin-right:-1px;box-sizing:border-box;overflow-y:auto}@media screen and (max-width:960px){.docs-view .page-sidelist{height:100%;padding:30px 0;font-size:12px}.docs-view .page-sidelist .nav-li .nav-name{font-size:15px}.docs-view .page-sidelist .nav-li .angle{font-size:12px}.docs-view .page-sidelist .nav-li .arrow{top:27px}}.docs-view .page-doc{position:relative;-webkit-box-flex:1;-webkit-flex:1;flex:1;height:100%;padding:54px 30px 30px;box-sizing:border-box;overflow-y:auto}@media screen and (max-width:960px){.docs-view .page-doc{-webkit-box-flex:1;-webkit-flex:1 1 100%;flex:1 1 100%;height:auto;padding:20px;font-size:13px}}.docs-view .page-doc h2:first-child{margin-top:0}.docs-view .page-display{-webkit-box-flex:0;-webkit-flex:none;flex:none;height:100%;overflow-y:auto}@media screen and (max-width:960px){.docs-view .page-display{-webkit-box-flex:1;-webkit-flex:1 1 100%;flex:1 1 100%;height:680px}}.page-sidelist{font-size:16px}.nav-ul{font-size:100%}.nav-li{position:relative;max-height:75px;overflow:hidden}.nav-li>.nav-ul{visibility:hidden}.nav-li .angle{position:absolute;left:30px;top:12px;font-size:22px;color:#cdcdcd}.nav-li .arrow{width:10px;height:10px;position:absolute;right:48px;top:32px;-webkit-transition:all .3s;transition:all .3s}.nav-li .arrow:after,.nav-li .arrow:before{width:0;height:0;content:"";border:5px solid transparent;border-top:5px solid #fff;position:absolute;top:0;right:0}.nav-li .arrow:before{border-top-color:#333;top:2px}.nav-li .rotate{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.nav-li .nav-name{font-size:1.5em;border-bottom:1px solid #e3e3e3;padding:15px 0 15px 30px;margin-left:30px;margin-right:30px;cursor:pointer}.nav-li .nav-li{text-indent:60px;line-height:30px;max-height:none}.nav-li .nav-li a{padding:5px 0}.nav-li .nav-li .nav-name{font-size:1.125em;border:none;padding:0;margin:0;line-height:50px;color:#969799}.nav-li .nav-li .nav-li{text-indent:80px}.nav-li a{display:block;padding:0 10px;box-sizing:border-box;color:#666}.nav-li a.nav-active,.nav-li a:hover{color:#fc9153}.nav-li a:hover{border-right:1px solid #e3e3e3;background-color:#fbfbfb}.nav-li a.nav-active{background-color:rgba(252,145,83,.2)}.nav-li a.nav-active:after{content:"";width:3px;height:100%;background-color:#fc9153;position:absolute;z-index:1;right:0;top:0}.nav-li_open{max-height:2000px}.nav-li_open .nav-ul{visibility:visible}.nav-li_active .arrow:before{border-top-color:#fc9153}.nav-li_active>.nav-name{color:#fc9153}.nav-name{margin:10px 0;font-size:20px}.page-display{position:relative}.page-display .display-wrapper{position:relative;width:330px;height:645px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);margin:0 56px 0 26px;background:url(/cube-ui/img/iphoneX.38c8778.png) no-repeat center 0;background-size:100%}.page-display .display-wrapper .mofang-demo{position:absolute;top:64px;left:21px;right:23px;bottom:22px;overflow:hidden;border-radius:0 0 35px 35px;border:1px solid #edf0f4;border-top:none;background-color:#edf0f4}.page-display .display-wrapper .mofang-demo iframe{width:0;max-width:100%;min-width:100%}.to-home{display:none}@media screen and (max-width:960px){.to-home{display:block;z-index:5;position:fixed;right:auto;top:4px;left:3px;width:20px;height:20px;padding:10px}}.home-view{height:100%;box-sizing:border-box;padding-top:70px;-webkit-transition:all .25s ease;transition:all .25s ease}@media screen and (max-width:960px){.home-view{padding-top:48px}.home-view.home-view-demo,.home-view.home-view-docs{overflow:hidden;height:auto}.home-view.home-view-demo .toggle-nav,.home-view.home-view-docs .toggle-nav{display:none!important}}.home-view .router-view{height:100%}.home-view-demo .navigator,.home-view-docs .navigator,.opacity1 .navigator{box-shadow:0 1px 2px rgba(0,0,0,.15)}.navigator{z-index:5;position:fixed;top:0;left:0;right:0;height:70px;line-height:70px;padding:0 100px;margin-top:0;background-color:#fff}@media screen and (max-width:960px){.navigator{padding:0;height:48px;line-height:48px}.navigator.active .tabs{-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;-webkit-transform:scale(1);transform:scale(1)}}.navigator .toggle-nav{display:none;font-size:0}.navigator .toggle-nav:after,.navigator .toggle-nav:before,.navigator .toggle-nav i{display:inline-block;width:5px;height:5px;border-radius:50%;background-color:#646464}.navigator .toggle-nav i{margin:0 2px}.navigator .toggle-nav:after,.navigator .toggle-nav:before{content:"";width:3px;height:3px}@media screen and (max-width:960px){.navigator .toggle-nav{display:-webkit-box;display:-webkit-flex;display:flex;position:absolute;right:0;top:0;padding:0 16px;height:100%;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}}.navigator .toggle-nav:active{opacity:.6}.navigator .logo{float:left;padding:0 16px;height:100%}.navigator .logo a{display:block;height:100%;margin:0 80px}.navigator .logo img{height:100%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 center;transform-origin:0 center}@media screen and (max-width:960px){.navigator .logo{float:none}.navigator .logo a{float:none;text-align:center}.navigator .logo a img{-webkit-transform-origin:center center;transform-origin:center center}}.navigator .tabs{float:right;padding:0 30px;box-shadow:none}@media screen and (max-width:960px){.navigator .tabs{position:fixed;z-index:10;right:10px;padding:0 0 0 2px;margin-top:-12px;font-size:12px;background-color:#fff;border:1px solid #e5e5e5;border-radius:3px;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:84% 0;transform-origin:84% 0}.navigator .tabs i{position:absolute;top:-5px;right:7px;width:10px;height:5px;background-color:#fff}.navigator .tabs i:after,.navigator .tabs i:before{content:"";position:absolute;bottom:0;right:3px;width:8px;border-top:1px solid #e5e5e5;-webkit-transform:rotate(-40deg);transform:rotate(-40deg);-webkit-transform-origin:left bottom;transform-origin:left bottom}.navigator .tabs i:after{right:0;-webkit-transform:rotate(40deg);transform:rotate(40deg);-webkit-transform-origin:right bottom;transform-origin:right bottom}}.navigator .tabs .tab{display:inline-block;margin:0 18px;color:#4b4b4c;-webkit-transition:color .2s;transition:color .2s}@media screen and (max-width:960px){.navigator .tabs .tab{display:block;line-height:45px;color:#000}}.navigator .tabs .router-link-active,.navigator .tabs .tab:hover{color:#fc9153}.langs{display:inline-block;margin:0 20px}@media screen and (max-width:960px){.langs{display:block;line-height:45px;margin:0 20px}}.langs a{color:#4b4b4c}@media screen and (max-width:960px){.langs a{color:#000}}.langs a:active,.langs a:hover{color:#fc9153}.nav-loading{z-index:10;position:fixed;top:70px;width:100%;height:2px;background:#3ca0e6;-webkit-transform:translateX(-100%);transform:translateX(-100%)}@media screen and (max-width:960px){.nav-loading{top:48px}}.nav-loading-ani{-webkit-animation:navloading 2s linear forwards;animation:navloading 2s linear forwards}.nav-loading-ani-end{-webkit-animation:navloadingend .1s linear;animation:navloadingend .1s linear}@-webkit-keyframes navloading{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}20%{opacity:.5;-webkit-transform:translateX(-60%);transform:translateX(-60%)}50%{opacity:.8;-webkit-transform:translateX(-40%);transform:translateX(-40%)}80%{opacity:.8;-webkit-transform:translateX(-20%);transform:translateX(-20%)}to{opacity:.8;-webkit-transform:translateX(-10%);transform:translateX(-10%)}}@keyframes navloading{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}20%{opacity:.5;-webkit-transform:translateX(-60%);transform:translateX(-60%)}50%{opacity:.8;-webkit-transform:translateX(-40%);transform:translateX(-40%)}80%{opacity:.8;-webkit-transform:translateX(-20%);transform:translateX(-20%)}to{opacity:.8;-webkit-transform:translateX(-10%);transform:translateX(-10%)}}@-webkit-keyframes navloadingend{0%{opacity:.8;-webkit-transform:translateX(-10%);transform:translateX(-10%)}to{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes navloadingend{0%{opacity:.8;-webkit-transform:translateX(-10%);transform:translateX(-10%)}to{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}}.home-index{min-height:100%;box-sizing:border-box;text-align:center;background-size:cover}.home-index>.banner{padding:190px 140px 70px;margin-top:-70px;text-align:left;color:#4b4b4c;background:url(/cube-ui/img/cube.6d0b901.png) no-repeat 520px -10px;background-size:1250px}@media screen and (max-width:960px){.home-index>.banner{padding:254px 32px 20px;margin-top:-48px;text-align:left;background-position:6% 0;background-size:186%}.home-index>.banner .btn-link{width:140px;margin-right:15px;font-size:14px;border-width:1px}}.home-index>.banner h2{font-size:60px;color:#333}@media screen and (max-width:960px){.home-index>.banner h2{font-size:30px}}.home-index>.banner>p{margin:23px 0 6px;font-size:18px;line-height:32px}@media screen and (max-width:960px){.home-index>.banner>p{font-size:12px;line-height:18px}}.ghbtns{font-size:0;margin-left:-5px;margin-right:-5px}.rec-btns{margin-top:36px}@media screen and (max-width:960px){.rec-btns{margin-top:26px}}.btn-link{display:inline-block;box-sizing:border-box;width:164px;height:42px;text-align:center;line-height:38px;font-size:18px;color:#fff;background-color:#89c6ff;border-radius:3px;margin-bottom:10px;margin-right:18px;border:2px solid #89c6ff}.btn-link:hover{color:#fff;background-color:#80c1ff;border-color:#80c1ff}.btn-link:last-child{margin-right:0!important}.btn-active{color:#89c6ff;background-color:#fff}.btn-active:hover{color:#137dc6;background-color:#fff}.features{margin:0 90px;box-shadow:0 4px 30px 0 rgba(66,81,148,.1)}@media screen and (max-width:960px){.features{margin:10px auto 0;box-shadow:none}}.features>ul{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;padding:0 80px;text-align:left;color:#666}@media screen and (max-width:960px){.features>ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;padding:0}}.features>ul li{-webkit-box-flex:1;-webkit-flex:1;flex:1;max-width:220px;padding:60px 16px 10px;margin:0 10px;font-size:13px;line-height:1.4;text-align:center}@media screen and (max-width:960px){.features>ul li{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;max-width:none;padding-top:20px;padding-bottom:20px;text-align:left}.features>ul li .text{-webkit-box-flex:1;-webkit-flex:1;flex:1;margin-top:-7px}.features>ul li:first-child img{-webkit-transform:translate(-6px);transform:translate(-6px)}.features>ul li:nth-child(2) img{-webkit-transform:scale(.9) translateY(8px);transform:scale(.9) translateY(8px);-webkit-transform-origin:top center;transform-origin:top center}}.features>ul li img{width:130px;margin-bottom:13px;-webkit-transform-origin:center 0;transform-origin:center 0;-webkit-transition:all .5s;transition:all .5s}@media screen and (max-width:960px){.features>ul li img{width:90px;height:90px;margin-right:16px;margin-bottom:0}}.features>ul li .text{-webkit-transition:all .5s;transition:all .5s}.features>ul li .text .h1{padding:7px 0 0;font-size:22px;font-weight:500;color:#333}.features>ul li .text .h2{font-size:18px;-webkit-transition:all .5s;transition:all .5s}.features>ul li .text p{margin-top:-18px;font-size:14px;opacity:0;-webkit-transition:all .5s;transition:all .5s}@media screen and (max-width:960px){.features>ul li .text .h1{font-size:15px}.features>ul li .text .h2{display:none}.features>ul li .text p{margin-top:0;opacity:1;font-size:12px}}@media screen and (min-width:961px){.features>ul li:hover p{opacity:1}.features>ul li:hover img{-webkit-transform:scale(.5);transform:scale(.5)}.features>ul li:hover .h2{opacity:0}.features>ul li:hover .text{-webkit-transform:translateY(-75px);transform:translateY(-75px)}}.badge{display:inline-block;text-align:center;border:1px solid #4aa8ff;border-radius:3px;margin:5px;overflow:hidden}.badge,.badge:hover{color:#545454}.badge span{display:inline-block;font-size:12px}.badge .badge-left{padding:4px 10px;color:#fff;background-color:#89c6ff}.badge .badge-right{padding:4px 10px;border-left:1px solid #4aa8ff;background-color:#fff}.s-footer{width:100%;padding-top:60px;padding-bottom:20px;text-align:center;font-size:14px}.s-footer a{color:#4b4b4c}.home-example{position:relative;text-align:center}.home-example .example-main{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;padding:50px 0}@media screen and (max-width:960px){.home-example .example-main{width:330px;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin:auto}.home-example .example-main .example-desc{-webkit-box-ordinal-group:0;-webkit-order:-1;order:-1;width:280px;margin:0 auto 30px}}.home-example .example-desc{margin-left:100px}.home-example .example-desc img{width:280px;height:280px}.home-example .example-desc .online-link,.home-example .example-desc img{display:block;margin-bottom:20px}.home-example .page-display .display-wrapper{margin:auto;-webkit-transform:none;transform:none;top:auto}@font-face{font-family:cube-icon;src:url(data:application/font-woff;base64,d09GRgABAAAAAB1cAAsAAAAAMLAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZW7kuCY21hcAAAAYAAAAJIAAAFznTNepdnbHlmAAADyAAAFXoAACJ8UpoVEGhlYWQAABlEAAAALwAAADYRXoyBaGhlYQAAGXQAAAAcAAAAJAfeA8RobXR4AAAZkAAAABMAAAEMC+kAAGxvY2EAABmkAAAAiAAAAIgZwyI0bWF4cAAAGiwAAAAfAAAAIAFYAGVuYW1lAAAaTAAAAU4AAAJ5Hs+NonBvc3QAABucAAABvwAAAoA5w1OyeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGBwYKl5OYG7438AQw9zA0AAUZgTJAQDeJQwIeJzF1MlOFGEUhuG36RZkckQQxBkUZ0FkEBkVY0wQUVmwwgULTJSQgNrBgYXGDSy4BFde2pdwFfgdTm3cEhPrz9Ppru6/69QZCjgElO2mVaDmNyW/o/TLZ0v758s07J+vlNb9eYgL/t1pqqqoXo1qVos61Klu9alfwxrRtGY1rwUtaklvtaJVVbWp79re3dnb8z9UVVZdsbPVO7vU650D3jmqGc0VO5f13jvXtOGdW8XOgxwlRzzEA8aK9cTrKc+8Xni9YYl3xVph1WuDH14/93fWUsdh6p2jBhppopkjHOUYxzlBjfNykhZO0Uqb89FOB2fo5CznOO8cXeQSl+mimytcpYdrXOeGs3mL29zhLr30cY9+7jPAoCMcdowjPHRuRx3lOBNMMuUgag943//gKP2/S/99NMVLuaf45KxQLThElZOrhSrJdUMFVxAVXEtUiM5XY4oOV3MizrWkuLJaE/F9W3IfoNPJHYHak3sDdSR3CepM7hfUldw5qDvF5Kk3uZtQXyKu35/cYWggEbEMJiKWoUTEMpyIWEYSEctocneisUTENZ7csWgiuXfRZHIXo6nkfkaPkjsbPU7ucTSd3O1oJhH3+jwR9zqbPAtoLnkq0Mvk+UCvkicFvU6eGTSfPD1oIcXTSovJE4WWkmcLLSdPGXqbPG/ofSLyvZKIfK8mTyNaS0Tu15MnFH1IRB0+JqIOnxJRh2oi6rCRPNPocyJq8iV5ztHXFE9dfUtErTYTUavviajVViJqtZ38jGB3JzH1B0Vj++Z4nIVZC5QbV3me/17NQ6/Rc2ZW0mq1klYjr7W7tjV67CNee9d24pfwxjhZ2wFiJ7bkHJvQEAMB6tOFPEgIiYmBgkVyckzThAAhFIcESnqahj6A7BZoad2mKT0JsE4K9MAhhwPH0bj/vSNpH4RWZ3Tnzp07c//7P7//H0EUhMsv02dpjxAR1ggbhK3CjCCAVICMSpKQzpdGSAG0tKgZUZXms/m0nM2M0I1gZKSoXqyUTEOSpQCo0AdWuljJj5A8lEuTZAKKehIgloi/NZzrDdOPg6cn33envZN8DrRUtjcwOWzvGNoULfZHlPf5wuFYOPwxRRJFhRBXQIV3GrpbdHsk+xExENeeTQ2SFPhi+fjuA/7+RPjw3aWbkznDDTA3B5FEv/rYplA8hMcfx/VIOCYH/UpP3J8diML7fuLtifiS5o8F/LlYQz9I5gVJ0ISsUMWdGuURyEdlQ+sDQ68aUhYvK/kUbkjGkWLVqIKInagkG5NQxZsZ3oPfnYDx4bMlbDxqKTu46zCBL+9Rh6bDI/N37Nl563DrLIzgoKQczV8RWffCHblt6d3BDFw6Lg+PgytR7sETuEoaObxr8MczamZ/6eRpSLx7mDTuxaFg2n80s3fde+4nqne3IjGyOe2nyGcERYgK/Ui5Co4AKBKFpCGRKlCHbE4pXB4eH79ubGxk52FCDu/cxdpdd7wwMvLCHXeyFi7B+MFxPOyfw+Fduw6D036F3H/y5P2Et7gkQf14kT5KTSGAPBMgjSuEcIk0rhHCRfLIIYNe0bp7+AqAK4bJbfxs3/Ctne9v7aImDi2/1Xr33+L4zq4s7idXCkEhJGRQGkJOyuTBLFU3VIoG6FF5DFCpZMDRDTgKODoGxFJ0xf6yoiiaAm9V8C+DYj+BV4qM15r779tnWeaj8L6V8wVg65KvwouCB3djVqrpPgiAlIc9qHtQU0TxMbcbvi7HCInJp/EB/DnPPAP/xZ+ppECX5PQIVOG3bvdj+Jh9Hh+DC4py2nlM6MqrCRcFL8orIwiRPihWqus3jEBGElm/ZLY77UF5fR3GZ1ErWGPB2P4xPKC4NAZzQ2NjQ+3//qXuUJvGy4vkNRrH1ZDGYopx0I1NANpsJZ9WosoA8uU5mFaUASWi2B9VFBpm/ahiP20/ze4jS+fwzN/3OnmZ+lA67H1cIvgqfJEb3wZWwAzAdYGA/ecBsy8Ao/a3A6SlquwSx9S+XBBGYTSY6/KPDpEvIS+EiBvQcJG0vBs1UAQxb/8WlLx9yb6UR1H+lnxp5XWezeH8vLxIm7g/L2pijOt/V9VlmqUR3KZZqhT1KBGeeFUUX32Ct3cEKv5acE0wkBxK0nhnFNsn7YsQszf7fMHhZHJ4xfujwujK96OJ8TdLEXR2sgpJyJZLlWplE1TKJTNrypKWZdeGrkWlFcv/pZZMFpLJY761hiLJZVlUy0Z03Zpij1F5y44p01RX0NQ6Dmx2IQkJXz4a9IAvEAhK3tSIYaRM1JFE8cprAXKZjdoaoW2bHZrDqyiW0TDBWEHLvw48OPBekAdWLvkjk40qA6veZ/ze+/CN3NjlFS91D8ydGjjlHCtf/D+dYTyEVfwdXiU/xltUrUoky9oJKLfPRd0IWezmSqYGdb1f12fqPlX1xWKstXx+YJ2VImaz+nW7pBrqIv5V72UBT//XPiNpJmrmFFatKdlNtg7UVy9iXw3+Hj+wZrVM8qvendVUyJj5cpavYZUn2f406/fXOstfeZYtuNRdteqqu06Xr8/8Drko9Anj6FNxfdxSPoQUWGw1vM52/He5mpelfMbcyKhk16UKzkkRvYp6jO+YnbKFqVkCSX3Rx3boOw9rMzCfWQsN7dui6Al85II08cNrVK/ko0f3U0LPT80CzE7BRS0JjkzsBs7Gp45ff8s3KKje2cSH5M88lrrGE5DFt1/tAlHxCYLSpnlB8CEKiQlJpH0tYpG2FeY5n+QREJFGhBt45CsYdCwqZ1kILJfQNFTYBDjJzFfZvw+IcP3nt8xc+/1Xv3/tzJbP2+8pHB317Bg7HQ7sGR7bGKvH4hY6BH8sHvPPecaG9yjKP86M7fCMHiU1uKJSn965c/pIeeKzmRHfnFZ4v+KrZyOnoWafb6A9a2qPqvYcuitoNhTx4pHhyJxnPYtny/Q7ifS/uYanu6qOUrG4+7dUWCH+iOMz7Fd0fn5y98n4mH7NiWv0sfjJFUrwCm6he9gN2Ld1XbW6buu+NtZZRk+/MLiSHmA8ZYQADz0Oi6sZx4Gu1Eb7ro5TGtdGp0e1geSufbuSikPcSqX8mc6JsV/VYjGc19+fvOAQt6SXzwkixxEsKKVBL1ZRaqGOkpKwOqDaj5LX7cPBoRB8QISuDn7a64VB+1G/HyZ9XruGQ3gLvs73+Wvcpx95PiZMC7sYRinzTWkdrGJVWTy02oglq7F9b4SOq2FbTgL3MkaHAV1O0Lr9FLcx+ymchEsOnOnf23/G5GZh9zHPgmru91nYKXlV9VXHNV3rnMh93EXVIanZFj7ywVTqg4zsBS1pX1zxnJe/yUjpesqoOW5LQE517MKLPNMRRYzg7uQliYmOZZgZ2VhuCV2DwXm0ObPtsb9qm0Lr45Nnv3B2cubIL4+81NX/j5qHTxw29xijk6MG2XyksnFj5Qjq/w+KlUrxSK12savxX0lls6lGVIuG23jjJ/Qw6hfDorqEa+YREmF4lHQDO5UwQ6R9UMXxPqCD1f/UXLQ86nb19AxPF5QzN504eK9r3XavJ6VpQErrYd8/PE7E26qV28R0/6Y/ei8U7DtvBp9v8uTVN46Jytvl0qG2b23gmpJQQPYwC1IhpzFBZdNMZMynliv5KnNmjnftgxTTeiIUxmEexiHDmN2qs7YnATQVPDTL1Btm3xFOUVdfnDBI9c8KixaGqvgKCVn57qG7IyJqti5G7j703UCisGRfJaTFjbJJC2VENl1cDI6GMRXCvGmpD22Fq6Lhc5XDDGuBOcwSOk57zll0wTnZtaR+HnXHp57Xk60mqXEN4tpjc/IvrmwgpifjjpuOJ3VrKd9pktdRf3rRI125CoWu38CvRqGNP3Nch9ZvYMhUWx9hIYO2TZNajudABCAhT+ucZ6wh890u2E3H2hcD+/p3Wp6ZzXZz84zH2tm/L2DcKHk2bvRIN5L7GCf13l69c7Z4B//2omv/gD3XjiFzA/tdnrs8CE9D4Lmr6z9+jngU0UPEylV0LRSV8jmWsaGwxSoCc/bXA5jJIepdBzL+zU2QNx88CINaojdqXzio9wL0kv6w2713r9uNb9+7V1E6V7K8dy/CmxfD/sHWJwf94RfRcJtaMuHckFdMa18tYf3PkNcwehnMHnJVx60CZxbXiRIwjNrBkfQ0tc9JcTMu2Q8TBRIaWUDC7DOBUmDQ8aE3ieSakKaFWo+KPq8eRwZrbvgPjlkt7o+HE+11H+I84RGHc4W50y5XcjpLXdE4y2Y+wk4lHh01qXkABqOMF8iUAyxTT5KZAuiRQiAM2aeHYvHeWCGVdjFmBPLLmRGcvDp/ZdKITaSmK/bTxuChYuWGgrHhnVec5Pb5M+6L3UiPAKFsG3lAWtMZbs6b6yCE2MqIqADxOb6sTr5nL4Ac9RaDWnEMHpq6lmhkiPpt5jWhhEjCFpq9xZ5QKFM5fQ44Kvl2X6jN97YNBoQe1HCenWpdKyyZ0PXn6VCaCraAK7atLWn/t8PoZ3AhDJNISKvpGBipo8G1Y955WHRsfZ4+RUuI6CyhJEzhSpy/TphhkIol4wazEY2bVJnZziSUWHjtJuf5bB8pOkUEzNSbJd8z9/DQ8pFv+JwQsGrAvu7EA5Q+cMJpm7Bmx8yONSwGIfnNP/RQd8C+2H30xAOttVeuxYPvr5OPzVHK8qhIbhLtBQOFLFWlzAiUaQ7bUlWqNsnXIOb3SGRRdIESDWAsfATcQQXcJPwayF7VgNZ2jxuUoBvgbXUaiCrgWsLAH0K59Ag1XA51DvcsuVADNGQTi8iTLDCITDQF6KDildA/b06CjlEb5xksRbfak+lcNLjvwoZp+w09GKV9V7807Cn+++5+12WBxdM650Wdd3k7WpakaFTaZmyToh636Bod5ffIzcGkZO5xKUfdSm9447mZLzwue778uZlzL6DrrTE+1lhkxv8BT8QjeW691SO6pKhygI129vgUPYd7jDDNw5w4z7B2RCubOubKmBmauS6IeJv9Wty0P4XaFwRPDxjHGr+ygq1nHQgF34N4whVGBbQf9/lgstdePHbsNxsOXN+BTm09b3B+DgoVztEClLkeyVoWnXVH53NtXo44sEaTIlq6bJllRwVpHQODoxWWYwlNFnccgONVcTE4Zs9TylWMANpnw1GgRlK/LDjG4fBvVIoFmMvug9Faze93XHZb7keQzhyncgSybPWqs7ouW8tIlpdIdgIkkswjtkSPcLhEKJBrOR2um8gD72Q0axyBwVkctM+jIHwqDzuc0i4Vfn/8/yO6LT9k7L0UePwWkLxoAPLVii4bIMlZxsRSlbx2JhCovDQaGvzTl2zLpTyn+EAhv/p4MB8sXaiocNMFe5sLPMo3ZZ7CiCvyygT3FuiT2XZZxQAVXsuWuejQU6BPTBtRfQI07kqsNPcjZatY2QjN8w2v2oAk1Ruqt4Hx/40FWnpjHndUY8i3QRZwU7WajvC7PcFqP2E/U19AsfHbbCY+IbCqS5suiigyjpFiRChidrVV2ClcLexnflNLQ1lDOrJMPG0D1fJITm7VIBtDSWSrVsgKpcVlREM5rWU14BNDMm6qWrZIE4TL6G9oQp93vP18NEkb9TpmK8nuEJ5waKHRaC7U7QXCXPwcitRugrWAijA71WxY/VEEHefrcLY0Eol3noJ4ZKRRt5Zegyerflmo16FhW1bT4UDzsrBYnwOBXUJpgQ5Ty7FfJ2/IclTtCIYJKt3tLVdTzBwobpbBzHw5TetzqtfyqZcFTHO96pyTGxAnW96B+a5dwryX1MmjNZYA1JwWLTzexnCLuL1aLV0opJ9aWTPoXV0zcOL4HygUnPc5lYc3KxAgEFxky87zwoCj7w10JX7UTIzNnZyLxat2yQOTduY9aB3NyK6jOe362vzXWn+CIRoj4rZnfvjMNnjZ/kZ7B1eNb94MpsZ4rp3b+pa3bHVygp/Sh2iS1zvNyiYoViOVohHRLe7CJTmiM0iGPRNv5E9ILvfvZHpKDIqnqHzJ45K+6YKNRFUuKeIlxY9dGf5ODtKCAkRRbFsp0IDyRVGxf+Zxu26n9HbqUcBwd2POZeQhFXZzjTbzLOhUKyzymDLfFzvJEvohBkU0FosM3WDhCAeZ0laqnM8681eVvFll1+VJYorLC+ynwT2eUj0SyP171ipyT3W82iMra/f0y+BNpsZdkiR6l08RZfr7c1wSiPbx6naA7VXewgVFjJZio0lZSQ6pFN22FnGBOpRU5ImKpYEkRYa0ocLySeCK6HpEpP7hpEtpT9KGBoee77wT23ae9mv6Ya7njtQd32Yyq2YCLzCIEjIr1RxKSsRUbQ6li6ETVG/Tq6IS1ZnAgzmoeHrcMJaOwHP2Ag6pvvPtopBPZfpgRfsTv1GU38Qyndo3uch9a2p5ZkS7hb2oBJPskxEqdrreMZ5mk4XeJnrr1kEGDZlNvzFP4vbZdlbQsOtOekR42lBv58hPY46T4lWOtcznAgNbEmqyzLUAPZSZR1DGiluQZt8Ust0CfNb5iJKR6Fxo4tBL10+ENpBEzAhqwVIPQE8jqru3kc19YVfr+c0wUMnlKgPE3DxQHcADNm8fAxjbjglFJBzxK0CV3oSbhJQS5PytFxNs8kDCOS3hopNo5wn0v07+OgmMGZpj7+2SJya1TG3Rr5Y6oTsqo89ldaLT80kCETWtRhKfOHzDJxK8CyT+3dMz7/JSjN0nZ2dPEux43xWnX7yLsfPgLYTccpD17vriX8DR2qKkSrO3UnrrrN+/WDvawRcP0V7E0QlhCCmTMmimpU2d7wjU7JeloKH3VytBzAiZTypNEot/F6M3K1HltPMR4QFFefm4/Yvj9fpxiByvP5HZbzXuIeaW2WLjHmpisnXG+QTBTuQRnMXn3gSa/Z20Se5pWPu35Og9jeLskn/WEF8hBhLTIbTHCrdWLY1nJEPs1DVD5DW7PlbUQhu8URnAooOiQWZb7+a5nj7nh+a505VMKNRT7G1CMG5/i7vpdnJR78gljnJR2FoMx/GQXObhOr/M/NFxkDqMF1gxYb4wVNgA9OHbbnuYwvrBkaHa0BghY0OxWixGdhfzxybxBt6ePJYv7l5mEwGO4jDmrowuSzXwNPOcjPO8bIUWWW+VVgSY7zjA8QZbAOL+lDvgvnWz4hFPuAlZxBAjOKZCMNmZc5IYuxE1vH/m831gp9s9J4e4vH+JvA12a0odWixUREurdktlTqGaxZ2qU19JO0WxDkEW8fpf/ienGHbHAlOxBbTdv3EKFMCMmQaQpAbOeFRUxK9z+Iahb65bMz/rmHM7dnyWJlglJSfJEuc7P9ANW6wwjbLP67y+xCtLTnHJMNmlFkXJ0Ov15OTtm7bcVym/3dBcUaPo8gUjun/iSohNbaEub2TU6JnqjQzI6wfz7ndcpwao2wh4fRExYrytVP3Ytk23T04P0oA6ez01166XcuHe6R59LOwTXVu2JMRtG/16JOgL9XB9uUhrqC/BTryOomfRi5ug87moqzHQuu9ZWhq+gM7z30aKID17f/UqQq5yXDSNu57/5PZTIy95PD9ad2r7A8/b1eXe28nTPkv+mn2lyK2PlhlXNPYtr60dCFplYsmGFbEvTE1t++pVvb3YTE2ZAHJYNCiktj25dXq6t3d6euuT27o6+Dpq4ADmsQyh57PoIjFtNlgOuwTKl++ApV1OCYu7KtpEz3y6Iun2JSMII2eWqaZdd8ABb8Gn+vi3GWzIQTS1A26XGIEaQ/e7HR2NO8ks8LanPVf1LfnKOZ7bp5j9OziIwRT2EQNY7Yq5TFbKYul0rVVvpwfzXB1bP3A8IW9Zdt+uKyFUI/X2OPOBq7/ZGI5ffrMP6iug1xOPv+JyvfI4b5fjLjrQGcW2k2eQSfItbvcCprGVcqTCo68W4Us4AQh+kZY9fZhLvIOfjMRArpzLYUSR4WHZA+CR7cOywkMQRp5ODn8VOcq/9+bNjMwaRFbRFK+qV0p0c58UluzPP4JtnyT9QA5JcKeEsUyS7M89Jst9OPAvsgz3yqE2D35Kz9LYMn6H2vxG1ACssIK5e9tZ5emG1kNDEwATQ+TGoXFCxlu39A0O9pEb+9YArOmLw0SBHBliH66HWg8WJmgIB1sPOjfJETzjkv8L0s1XoQAAeJxjYGRgYADi3k8rFeL5bb4ycLMwgMB1+SV+CPr/FhYGZhMgl4OBCSQKACWiCcEAeJxjYGRgYG7438AQw8IAAkCSkQEVOAMAR0kCrHicY2FgYGB+ycDAwjCKAX3SAfUAAAAAAAB2ANQBEAE8AXgBkgGsAeQCDAIyAlQChALeAwYDNAN6A6gD6ARCBKQE7AU0BWAFzgYcBlYGnAbuB1QHogfeCCYIXgiSCPoJKgmcCdIKJgp8CqYK8gt8C8IL9AwmDGQM8A0qDWANtg4CDkwOgg60DvoPRA+aD84P9hBMEIIQsBDcEQQRPnicY2BkYGBwZohk4GYAASYg5gJCBob/YD4DABkJAb4AeJxtkbtOAkEUhv/lZliiBUZLnUYLDculMaGUBAo7C3pYZhfI3jI7S8Ij+Dw+g09gb+cz2PqzHCmQnczJ9//nsicZAG18wcH+u+Lds4Mm1Z4rOMONcJX+nXCN7AnX0cKTcIP+s7CLR7wIt3CJDSc4tSbVA96EHe7wLlzBBT6Eq/Q/hWvkb+E6rvEj3EDbORd2MXVuhVu4dwp3ZPTM6oWab9XKT5MgTazrF3Pd2alXHRbRzBz0Aaba5Ks0UX2vd/AmOtHmb1a+CQfWBiowaazGHKqjKFWZSdfat97S2mzY7Qbie34ac7URDDRmsIwLKMyxZVzBR4oEQRkt63wUzGl0DrlXqpBuxG5zIv/fmVIZ5NQ7pdDnM/VO1E2okrL2eK+cDxViQNdyN8Vr2BGTxrKp5j4RWSErc2s6Pn0Py7IrwxBdnuCo3iv/Hf8CUuVv1gAAeJxtUcd2GzEM1Hi5K1mW03vvfdN7T5wfgUh4xSeSkEmuFP99KNnH4MLBA2YwAAdbg6MYD/4fe9hCBYUaDYYYYRtj7GCCXZzASZzCaZzBWZzDeVzARVzCZVzBVVzDddzATdzCbdzBXdzDfTzAQzzCYzzBUzxDi+d4gZd4hdd4g7d4h/f4gI/4hM/4gq/4hu/4gZ/4hd/Yw58B/u7yIbc2LG2yU8c76+wYT9JBT5HbaLtZbhI71nm06J0zsgrNGvQL5SWympKe1xSjrGrtJLFaUQyjg55TthLqjUC9ihI6ZcO+NJG9LLkiY+o0KyOGQdqV3bd18tZxlcjU7Mk61ZEvYqVSzSRPguQCNa1FG1P8ZK6WtnjoMzeGQsexWYrrPVdTMhMv06LWLmYSyizrx4GWttuwR4n2S4UOq0ydcqLnTR/Wj2Jjs0qawvAgtloMjzQ5DoaiytbzOLIpPD3n0pUpDhPnbMteM/G8o+Oa3mqKRnlybuytjrIxUO5HUc9UJ2LqohjzcGF17svynlOijutN36i42FhUzs650eUAkZoFxyRhEqUPpp1KNBy3rV9IzBTylsx3j7/qqDQY/AOKiLF+AA==) format("woff"),url(/cube-ui/fonts/cubeic.dcc2b6f.ttf) format("truetype")}[class*=" cubeic-"],[class^=cubeic-]{font-family:cube-icon!important;font-size:100%;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale}.cubeic-eye-invisible:before{content:"\E624"}.cubeic-eye-visible:before{content:"\E625"}.cubeic-square-right:before{content:"\E67D"}.cubeic-select:before{content:"\E609"}.cubeic-pulldown:before{content:"\E603"}.cubeic-pullup:before{content:"\E604"}.cubeic-more:before{content:"\E607"}.cubeic-back:before{content:"\E608"}.cubeic-arrow:before{content:"\E60B"}.cubeic-close:before{content:"\E60D"}.cubeic-warn:before{content:"\E614"}.cubeic-question:before{content:"\E616"}.cubeic-right:before{content:"\E617"}.cubeic-wrong:before{content:"\E618"}.cubeic-info:before{content:"\E619"}.cubeic-remove:before{content:"\E61A"}.cubeic-add:before{content:"\E61C"}.cubeic-share:before{content:"\E631"}.cubeic-no-wifi:before{content:"\E632"}.cubeic-smile:before{content:"\E634"}.cubeic-sad:before{content:"\E636"}.cubeic-email:before{content:"\E637"}.cubeic-game:before{content:"\E638"}.cubeic-wifi:before{content:"\E639"}.cubeic-hot:before{content:"\E63B"}.cubeic-notification:before{content:"\E63D"}.cubeic-delete:before{content:"\E63E"}.cubeic-vip:before{content:"\E63F"}.cubeic-mute:before{content:"\E640"}.cubeic-danger:before{content:"\E641"}.cubeic-volume:before{content:"\E642"}.cubeic-bad:before{content:"\E643"}.cubeic-mobile-phone:before{content:"\E644"}.cubeic-aim:before{content:"\E645"}.cubeic-navigation:before{content:"\E64D"}.cubeic-safe-pay:before{content:"\E64E"}.cubeic-tag:before{content:"\E64F"}.cubeic-lock:before{content:"\E651"}.cubeic-unlock:before{content:"\E652"}.cubeic-edit:before{content:"\E653"}.cubeic-scan:before{content:"\E654"}.cubeic-qr-code:before{content:"\E655"}.cubeic-calendar:before{content:"\E659"}.cubeic-time:before{content:"\E65F"}.cubeic-red-packet:before{content:"\E664"}.cubeic-star:before{content:"\E668"}.cubeic-setting:before{content:"\E669"}.cubeic-home:before{content:"\E66D"}.cubeic-credit-card:before{content:"\E66E"}.cubeic-mall:before{content:"\E670"}.cubeic-microphone:before{content:"\E673"}.cubeic-search:before{content:"\E674"}.cubeic-good:before{content:"\E675"}.cubeic-alert:before{content:"\E676"}.cubeic-picture:before{content:"\E677"}.cubeic-message:before{content:"\E678"}.cubeic-phone:before{content:"\E67A"}.cubeic-location:before{content:"\E67B"}.cubeic-like:before{content:"\E67C"}.cubeic-camera:before{content:"\E67E"}.cubeic-person:before{content:"\E67F"}.cubeic-round-border:before{content:"\E683"}.cubeic-important:before{content:"\E68B"}.cubeic-ok:before{content:"\E68C"}.cubeic-square-border:before{content:"\E990"}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font-weight:400;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block}body{line-height:1}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}table{border-collapse:collapse;border-spacing:0}a{color:#7e8c8d}li{list-style:none}body{-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}body,html{width:100%;height:100%;color:#333;background:#fff;font-family:-apple-system,Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,WenQuanYi Micro Hei,Microsoft Yahei,sans-serif;-webkit-font-smoothing:antialiased}input{outline:0}.md-body{font-size:14px;line-height:1.6;color:#666}.md-body p{margin:1.2em 0}.md-body p .anchor{display:inline-block}.md-body h2{margin-top:1.2em;margin-bottom:.8em;font-size:2em;font-weight:600;color:#333}.md-body h3{margin:1em 0;font-size:1.4em;font-weight:600}.md-body h4{margin:.8em 0;font-size:1.1em;font-weight:600}.md-body blockquote{padding:0 1em;color:#666;border-left:.25em solid #ccc}.md-body table{width:100%;box-sizing:border-box;table-layout:fixed;border-collapse:separate;border:1px solid #e7e7e7;border-width:1px 0 0 1px;border-radius:4px}.md-body table td,.md-body table th{padding:6px 13px;border:1px solid #e7e7e7;border-width:0 1px 1px 0;vertical-align:middle;text-align:left;word-wrap:break-word;word-break:break-word}.md-body table tr th{font-weight:600;background-color:#f9f8f8}.md-body table tr th:first-child{border-top-left-radius:4px}.md-body table tr th:last-child{border-top-right-radius:4px}.md-body table tr:last-child td:first-child{border-bottom-left-radius:4px}.md-body table tr:last-child td:last-child{border-bottom-right-radius:4px}.md-body li,.md-body ol,.md-body ul{line-height:20px}.md-body li{list-style:inherit;margin:1em 0}.md-body ul{padding-left:20px}.md-body h1 .anchor,.md-body h2 .anchor,.md-body h3 .anchor,.md-body h4 .anchor{display:none}.md-body h1:hover .anchor,.md-body h2:hover .anchor,.md-body h3:hover .anchor,.md-body h4:hover .anchor{display:inline-block;float:left;margin-left:-20px;position:relative;top:6px;padding-right:4px;line-height:1}.md-body img{max-width:100%}.md-body .hljs{border:1px solid #e7e7e7;color:#666;background-color:#f9f8f8;border-radius:4px}.md-body .hljs-attribute,.md-body .hljs-link,.md-body .hljs-name,.md-body .hljs-regexp,.md-body .hljs-selector-class,.md-body .hljs-selector-id,.md-body .hljs-tag,.md-body .hljs-template-variable,.md-body .hljs-variable{color:#3ca0e6}.md-body .hljs-bullet,.md-body .hljs-string,.md-body .hljs-symbol{color:#3fb374}.md-body .hljs-tag{color:#666}.md-body .hljs-attr .hljs-tag,.md-body .hljs-attr .hljs-tag .hljs-attr{color:#fc9153}pre{margin:1em 0;font-size:12px}code{font-family:monaco;line-height:1.4;color:#c7254e;background:#f9f2f4;padding:2px 4px;box-sizing:border-box;font-size:.93em}strong{margin:1em 0;font-weight:700}a{text-decoration:none;color:#3ca0e6}a:hover{color:#137dc6}sup{position:absolute;margin:-10px 0 0 -4px;padding:2px;-webkit-transform:scale(.6) translateZ(0);transform:scale(.6) translateZ(0);border:1px solid #ccc;border-radius:4px}table i[class^=cubeic-]:before{font-size:20px}table i[class^=cubeic-]:after{content:attr(class);display:block;margin:-6px 0 8px}.hljs-comment,.hljs-quote{color:#7d7a68}.hljs-attribute,.hljs-link,.hljs-name,.hljs-regexp,.hljs-selector-class,.hljs-selector-id,.hljs-tag,.hljs-template-variable,.hljs-variable{color:#d73737}.hljs-built_in,.hljs-builtin-name,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-type{color:#b65611}.hljs-bullet,.hljs-string,.hljs-symbol{color:#60ac39}.hljs-section,.hljs-title{color:#6684e1}.hljs-keyword,.hljs-selector-tag{color:#b854d4}.hljs{display:block;overflow-x:auto;background:#fefbec;color:#6e6b5e;padding:.5em}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700} \ No newline at end of file diff --git a/docs/example/css/app.3cda29588ecbe117c4b1a13b18a1f4e7.css b/docs/example/css/app.3cda29588ecbe117c4b1a13b18a1f4e7.css new file mode 100644 index 000000000..eada5d05c --- /dev/null +++ b/docs/example/css/app.3cda29588ecbe117c4b1a13b18a1f4e7.css @@ -0,0 +1 @@ +a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font-weight:400;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block}body{line-height:1}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}table{border-collapse:collapse;border-spacing:0}a{color:#7e8c8d;text-decoration:none}li{list-style:none}body{-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}body,html{line-height:1;font-family:PingFang SC,STHeitiSC-Light,Helvetica-Light,arial,sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.clear-fix:after{content:"";display:table;clear:both}.border-bottom-1px,.border-left-1px,.border-right-1px,.border-top-1px{position:relative}.border-bottom-1px:after,.border-bottom-1px:before,.border-left-1px:after,.border-left-1px:before,.border-right-1px:after,.border-right-1px:before,.border-top-1px:after,.border-top-1px:before{content:"";display:block;position:absolute;-webkit-transform-origin:0 0;transform-origin:0 0}.border-top-1px:before{border-top:1px solid #ebebeb;left:0;top:0;width:100%;-webkit-transform-origin:0 top;transform-origin:0 top}.border-right-1px:after{border-right:1px solid #f5f5f5;top:0;right:0;height:100%;-webkit-transform-origin:right 0;transform-origin:right 0}.border-bottom-1px:after{border-bottom:1px solid #ebebeb;left:0;bottom:0;width:100%;-webkit-transform-origin:0 bottom;transform-origin:0 bottom}.border-left-1px:before{border-left:1px solid #f5f5f5;top:0;left:0;height:100%;-webkit-transform-origin:left 0;transform-origin:left 0}.cube-safe-area-pb{padding-bottom:constant(safe-area-inset-bottom)!important;padding-bottom:env(safe-area-inset-bottom)!important}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.border-top-1px:before{width:200%}.border-right-1px:after,.border-top-1px:before{-webkit-transform:scale(.5);transform:scale(.5)}.border-right-1px:after{height:200%}.border-bottom-1px:after{width:200%;-webkit-transform:scale(.5);transform:scale(.5)}.border-left-1px:before{height:200%;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.border-top-1px:before{width:300%}.border-right-1px:after,.border-top-1px:before{-webkit-transform:scale(.333);transform:scale(.333)}.border-right-1px:after{height:300%}.border-bottom-1px:after{width:300%}.border-bottom-1px:after,.border-left-1px:before{-webkit-transform:scale(.333);transform:scale(.333)}.border-left-1px:before{height:300%}}@font-face{font-family:cube-icon;src:url(data:application/font-woff;base64,d09GRgABAAAAAB1cAAsAAAAAMLAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZW7kuCY21hcAAAAYAAAAJIAAAFznTNepdnbHlmAAADyAAAFXoAACJ8UpoVEGhlYWQAABlEAAAALwAAADYRXoyBaGhlYQAAGXQAAAAcAAAAJAfeA8RobXR4AAAZkAAAABMAAAEMC+kAAGxvY2EAABmkAAAAiAAAAIgZwyI0bWF4cAAAGiwAAAAfAAAAIAFYAGVuYW1lAAAaTAAAAU4AAAJ5Hs+NonBvc3QAABucAAABvwAAAoA5w1OyeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGBwYKl5OYG7438AQw9zA0AAUZgTJAQDeJQwIeJzF1MlOFGEUhuG36RZkckQQxBkUZ0FkEBkVY0wQUVmwwgULTJSQgNrBgYXGDSy4BFde2pdwFfgdTm3cEhPrz9Ppru6/69QZCjgElO2mVaDmNyW/o/TLZ0v758s07J+vlNb9eYgL/t1pqqqoXo1qVos61Klu9alfwxrRtGY1rwUtaklvtaJVVbWp79re3dnb8z9UVVZdsbPVO7vU650D3jmqGc0VO5f13jvXtOGdW8XOgxwlRzzEA8aK9cTrKc+8Xni9YYl3xVph1WuDH14/93fWUsdh6p2jBhppopkjHOUYxzlBjfNykhZO0Uqb89FOB2fo5CznOO8cXeQSl+mimytcpYdrXOeGs3mL29zhLr30cY9+7jPAoCMcdowjPHRuRx3lOBNMMuUgag943//gKP2/S/99NMVLuaf45KxQLThElZOrhSrJdUMFVxAVXEtUiM5XY4oOV3MizrWkuLJaE/F9W3IfoNPJHYHak3sDdSR3CepM7hfUldw5qDvF5Kk3uZtQXyKu35/cYWggEbEMJiKWoUTEMpyIWEYSEctocneisUTENZ7csWgiuXfRZHIXo6nkfkaPkjsbPU7ucTSd3O1oJhH3+jwR9zqbPAtoLnkq0Mvk+UCvkicFvU6eGTSfPD1oIcXTSovJE4WWkmcLLSdPGXqbPG/ofSLyvZKIfK8mTyNaS0Tu15MnFH1IRB0+JqIOnxJRh2oi6rCRPNPocyJq8iV5ztHXFE9dfUtErTYTUavviajVViJqtZ38jGB3JzH1B0Vj++Z4nIVZC5QbV3me/17NQ6/Rc2ZW0mq1klYjr7W7tjV67CNee9d24pfwxjhZ2wFiJ7bkHJvQEAMB6tOFPEgIiYmBgkVyckzThAAhFIcESnqahj6A7BZoad2mKT0JsE4K9MAhhwPH0bj/vSNpH4RWZ3Tnzp07c//7P7//H0EUhMsv02dpjxAR1ggbhK3CjCCAVICMSpKQzpdGSAG0tKgZUZXms/m0nM2M0I1gZKSoXqyUTEOSpQCo0AdWuljJj5A8lEuTZAKKehIgloi/NZzrDdOPg6cn33envZN8DrRUtjcwOWzvGNoULfZHlPf5wuFYOPwxRRJFhRBXQIV3GrpbdHsk+xExENeeTQ2SFPhi+fjuA/7+RPjw3aWbkznDDTA3B5FEv/rYplA8hMcfx/VIOCYH/UpP3J8diML7fuLtifiS5o8F/LlYQz9I5gVJ0ISsUMWdGuURyEdlQ+sDQ68aUhYvK/kUbkjGkWLVqIKInagkG5NQxZsZ3oPfnYDx4bMlbDxqKTu46zCBL+9Rh6bDI/N37Nl563DrLIzgoKQczV8RWffCHblt6d3BDFw6Lg+PgytR7sETuEoaObxr8MczamZ/6eRpSLx7mDTuxaFg2n80s3fde+4nqne3IjGyOe2nyGcERYgK/Ui5Co4AKBKFpCGRKlCHbE4pXB4eH79ubGxk52FCDu/cxdpdd7wwMvLCHXeyFi7B+MFxPOyfw+Fduw6D036F3H/y5P2Et7gkQf14kT5KTSGAPBMgjSuEcIk0rhHCRfLIIYNe0bp7+AqAK4bJbfxs3/Ctne9v7aImDi2/1Xr33+L4zq4s7idXCkEhJGRQGkJOyuTBLFU3VIoG6FF5DFCpZMDRDTgKODoGxFJ0xf6yoiiaAm9V8C+DYj+BV4qM15r779tnWeaj8L6V8wVg65KvwouCB3djVqrpPgiAlIc9qHtQU0TxMbcbvi7HCInJp/EB/DnPPAP/xZ+ppECX5PQIVOG3bvdj+Jh9Hh+DC4py2nlM6MqrCRcFL8orIwiRPihWqus3jEBGElm/ZLY77UF5fR3GZ1ErWGPB2P4xPKC4NAZzQ2NjQ+3//qXuUJvGy4vkNRrH1ZDGYopx0I1NANpsJZ9WosoA8uU5mFaUASWi2B9VFBpm/ahiP20/ze4jS+fwzN/3OnmZ+lA67H1cIvgqfJEb3wZWwAzAdYGA/ecBsy8Ao/a3A6SlquwSx9S+XBBGYTSY6/KPDpEvIS+EiBvQcJG0vBs1UAQxb/8WlLx9yb6UR1H+lnxp5XWezeH8vLxIm7g/L2pijOt/V9VlmqUR3KZZqhT1KBGeeFUUX32Ct3cEKv5acE0wkBxK0nhnFNsn7YsQszf7fMHhZHJ4xfujwujK96OJ8TdLEXR2sgpJyJZLlWplE1TKJTNrypKWZdeGrkWlFcv/pZZMFpLJY761hiLJZVlUy0Z03Zpij1F5y44p01RX0NQ6Dmx2IQkJXz4a9IAvEAhK3tSIYaRM1JFE8cprAXKZjdoaoW2bHZrDqyiW0TDBWEHLvw48OPBekAdWLvkjk40qA6veZ/ze+/CN3NjlFS91D8ydGjjlHCtf/D+dYTyEVfwdXiU/xltUrUoky9oJKLfPRd0IWezmSqYGdb1f12fqPlX1xWKstXx+YJ2VImaz+nW7pBrqIv5V72UBT//XPiNpJmrmFFatKdlNtg7UVy9iXw3+Hj+wZrVM8qvendVUyJj5cpavYZUn2f406/fXOstfeZYtuNRdteqqu06Xr8/8Drko9Anj6FNxfdxSPoQUWGw1vM52/He5mpelfMbcyKhk16UKzkkRvYp6jO+YnbKFqVkCSX3Rx3boOw9rMzCfWQsN7dui6Al85II08cNrVK/ko0f3U0LPT80CzE7BRS0JjkzsBs7Gp45ff8s3KKje2cSH5M88lrrGE5DFt1/tAlHxCYLSpnlB8CEKiQlJpH0tYpG2FeY5n+QREJFGhBt45CsYdCwqZ1kILJfQNFTYBDjJzFfZvw+IcP3nt8xc+/1Xv3/tzJbP2+8pHB317Bg7HQ7sGR7bGKvH4hY6BH8sHvPPecaG9yjKP86M7fCMHiU1uKJSn965c/pIeeKzmRHfnFZ4v+KrZyOnoWafb6A9a2qPqvYcuitoNhTx4pHhyJxnPYtny/Q7ifS/uYanu6qOUrG4+7dUWCH+iOMz7Fd0fn5y98n4mH7NiWv0sfjJFUrwCm6he9gN2Ld1XbW6buu+NtZZRk+/MLiSHmA8ZYQADz0Oi6sZx4Gu1Eb7ro5TGtdGp0e1geSufbuSikPcSqX8mc6JsV/VYjGc19+fvOAQt6SXzwkixxEsKKVBL1ZRaqGOkpKwOqDaj5LX7cPBoRB8QISuDn7a64VB+1G/HyZ9XruGQ3gLvs73+Wvcpx95PiZMC7sYRinzTWkdrGJVWTy02oglq7F9b4SOq2FbTgL3MkaHAV1O0Lr9FLcx+ymchEsOnOnf23/G5GZh9zHPgmru91nYKXlV9VXHNV3rnMh93EXVIanZFj7ywVTqg4zsBS1pX1zxnJe/yUjpesqoOW5LQE517MKLPNMRRYzg7uQliYmOZZgZ2VhuCV2DwXm0ObPtsb9qm0Lr45Nnv3B2cubIL4+81NX/j5qHTxw29xijk6MG2XyksnFj5Qjq/w+KlUrxSK12savxX0lls6lGVIuG23jjJ/Qw6hfDorqEa+YREmF4lHQDO5UwQ6R9UMXxPqCD1f/UXLQ86nb19AxPF5QzN504eK9r3XavJ6VpQErrYd8/PE7E26qV28R0/6Y/ei8U7DtvBp9v8uTVN46Jytvl0qG2b23gmpJQQPYwC1IhpzFBZdNMZMynliv5KnNmjnftgxTTeiIUxmEexiHDmN2qs7YnATQVPDTL1Btm3xFOUVdfnDBI9c8KixaGqvgKCVn57qG7IyJqti5G7j703UCisGRfJaTFjbJJC2VENl1cDI6GMRXCvGmpD22Fq6Lhc5XDDGuBOcwSOk57zll0wTnZtaR+HnXHp57Xk60mqXEN4tpjc/IvrmwgpifjjpuOJ3VrKd9pktdRf3rRI125CoWu38CvRqGNP3Nch9ZvYMhUWx9hIYO2TZNajudABCAhT+ucZ6wh890u2E3H2hcD+/p3Wp6ZzXZz84zH2tm/L2DcKHk2bvRIN5L7GCf13l69c7Z4B//2omv/gD3XjiFzA/tdnrs8CE9D4Lmr6z9+jngU0UPEylV0LRSV8jmWsaGwxSoCc/bXA5jJIepdBzL+zU2QNx88CINaojdqXzio9wL0kv6w2713r9uNb9+7V1E6V7K8dy/CmxfD/sHWJwf94RfRcJtaMuHckFdMa18tYf3PkNcwehnMHnJVx60CZxbXiRIwjNrBkfQ0tc9JcTMu2Q8TBRIaWUDC7DOBUmDQ8aE3ieSakKaFWo+KPq8eRwZrbvgPjlkt7o+HE+11H+I84RGHc4W50y5XcjpLXdE4y2Y+wk4lHh01qXkABqOMF8iUAyxTT5KZAuiRQiAM2aeHYvHeWCGVdjFmBPLLmRGcvDp/ZdKITaSmK/bTxuChYuWGgrHhnVec5Pb5M+6L3UiPAKFsG3lAWtMZbs6b6yCE2MqIqADxOb6sTr5nL4Ac9RaDWnEMHpq6lmhkiPpt5jWhhEjCFpq9xZ5QKFM5fQ44Kvl2X6jN97YNBoQe1HCenWpdKyyZ0PXn6VCaCraAK7atLWn/t8PoZ3AhDJNISKvpGBipo8G1Y955WHRsfZ4+RUuI6CyhJEzhSpy/TphhkIol4wazEY2bVJnZziSUWHjtJuf5bB8pOkUEzNSbJd8z9/DQ8pFv+JwQsGrAvu7EA5Q+cMJpm7Bmx8yONSwGIfnNP/RQd8C+2H30xAOttVeuxYPvr5OPzVHK8qhIbhLtBQOFLFWlzAiUaQ7bUlWqNsnXIOb3SGRRdIESDWAsfATcQQXcJPwayF7VgNZ2jxuUoBvgbXUaiCrgWsLAH0K59Ag1XA51DvcsuVADNGQTi8iTLDCITDQF6KDildA/b06CjlEb5xksRbfak+lcNLjvwoZp+w09GKV9V7807Cn+++5+12WBxdM650Wdd3k7WpakaFTaZmyToh636Bod5ffIzcGkZO5xKUfdSm9447mZLzwue778uZlzL6DrrTE+1lhkxv8BT8QjeW691SO6pKhygI129vgUPYd7jDDNw5w4z7B2RCubOubKmBmauS6IeJv9Wty0P4XaFwRPDxjHGr+ygq1nHQgF34N4whVGBbQf9/lgstdePHbsNxsOXN+BTm09b3B+DgoVztEClLkeyVoWnXVH53NtXo44sEaTIlq6bJllRwVpHQODoxWWYwlNFnccgONVcTE4Zs9TylWMANpnw1GgRlK/LDjG4fBvVIoFmMvug9Faze93XHZb7keQzhyncgSybPWqs7ouW8tIlpdIdgIkkswjtkSPcLhEKJBrOR2um8gD72Q0axyBwVkctM+jIHwqDzuc0i4Vfn/8/yO6LT9k7L0UePwWkLxoAPLVii4bIMlZxsRSlbx2JhCovDQaGvzTl2zLpTyn+EAhv/p4MB8sXaiocNMFe5sLPMo3ZZ7CiCvyygT3FuiT2XZZxQAVXsuWuejQU6BPTBtRfQI07kqsNPcjZatY2QjN8w2v2oAk1Ruqt4Hx/40FWnpjHndUY8i3QRZwU7WajvC7PcFqP2E/U19AsfHbbCY+IbCqS5suiigyjpFiRChidrVV2ClcLexnflNLQ1lDOrJMPG0D1fJITm7VIBtDSWSrVsgKpcVlREM5rWU14BNDMm6qWrZIE4TL6G9oQp93vP18NEkb9TpmK8nuEJ5waKHRaC7U7QXCXPwcitRugrWAijA71WxY/VEEHefrcLY0Eol3noJ4ZKRRt5Zegyerflmo16FhW1bT4UDzsrBYnwOBXUJpgQ5Ty7FfJ2/IclTtCIYJKt3tLVdTzBwobpbBzHw5TetzqtfyqZcFTHO96pyTGxAnW96B+a5dwryX1MmjNZYA1JwWLTzexnCLuL1aLV0opJ9aWTPoXV0zcOL4HygUnPc5lYc3KxAgEFxky87zwoCj7w10JX7UTIzNnZyLxat2yQOTduY9aB3NyK6jOe362vzXWn+CIRoj4rZnfvjMNnjZ/kZ7B1eNb94MpsZ4rp3b+pa3bHVygp/Sh2iS1zvNyiYoViOVohHRLe7CJTmiM0iGPRNv5E9ILvfvZHpKDIqnqHzJ45K+6YKNRFUuKeIlxY9dGf5ODtKCAkRRbFsp0IDyRVGxf+Zxu26n9HbqUcBwd2POZeQhFXZzjTbzLOhUKyzymDLfFzvJEvohBkU0FosM3WDhCAeZ0laqnM8681eVvFll1+VJYorLC+ynwT2eUj0SyP171ipyT3W82iMra/f0y+BNpsZdkiR6l08RZfr7c1wSiPbx6naA7VXewgVFjJZio0lZSQ6pFN22FnGBOpRU5ImKpYEkRYa0ocLySeCK6HpEpP7hpEtpT9KGBoee77wT23ae9mv6Ya7njtQd32Yyq2YCLzCIEjIr1RxKSsRUbQ6li6ETVG/Tq6IS1ZnAgzmoeHrcMJaOwHP2Ag6pvvPtopBPZfpgRfsTv1GU38Qyndo3uch9a2p5ZkS7hb2oBJPskxEqdrreMZ5mk4XeJnrr1kEGDZlNvzFP4vbZdlbQsOtOekR42lBv58hPY46T4lWOtcznAgNbEmqyzLUAPZSZR1DGiluQZt8Ust0CfNb5iJKR6Fxo4tBL10+ENpBEzAhqwVIPQE8jqru3kc19YVfr+c0wUMnlKgPE3DxQHcADNm8fAxjbjglFJBzxK0CV3oSbhJQS5PytFxNs8kDCOS3hopNo5wn0v07+OgmMGZpj7+2SJya1TG3Rr5Y6oTsqo89ldaLT80kCETWtRhKfOHzDJxK8CyT+3dMz7/JSjN0nZ2dPEux43xWnX7yLsfPgLYTccpD17vriX8DR2qKkSrO3UnrrrN+/WDvawRcP0V7E0QlhCCmTMmimpU2d7wjU7JeloKH3VytBzAiZTypNEot/F6M3K1HltPMR4QFFefm4/Yvj9fpxiByvP5HZbzXuIeaW2WLjHmpisnXG+QTBTuQRnMXn3gSa/Z20Se5pWPu35Og9jeLskn/WEF8hBhLTIbTHCrdWLY1nJEPs1DVD5DW7PlbUQhu8URnAooOiQWZb7+a5nj7nh+a505VMKNRT7G1CMG5/i7vpdnJR78gljnJR2FoMx/GQXObhOr/M/NFxkDqMF1gxYb4wVNgA9OHbbnuYwvrBkaHa0BghY0OxWixGdhfzxybxBt6ePJYv7l5mEwGO4jDmrowuSzXwNPOcjPO8bIUWWW+VVgSY7zjA8QZbAOL+lDvgvnWz4hFPuAlZxBAjOKZCMNmZc5IYuxE1vH/m831gp9s9J4e4vH+JvA12a0odWixUREurdktlTqGaxZ2qU19JO0WxDkEW8fpf/ienGHbHAlOxBbTdv3EKFMCMmQaQpAbOeFRUxK9z+Iahb65bMz/rmHM7dnyWJlglJSfJEuc7P9ANW6wwjbLP67y+xCtLTnHJMNmlFkXJ0Ov15OTtm7bcVym/3dBcUaPo8gUjun/iSohNbaEub2TU6JnqjQzI6wfz7ndcpwao2wh4fRExYrytVP3Ytk23T04P0oA6ez01166XcuHe6R59LOwTXVu2JMRtG/16JOgL9XB9uUhrqC/BTryOomfRi5ug87moqzHQuu9ZWhq+gM7z30aKID17f/UqQq5yXDSNu57/5PZTIy95PD9ad2r7A8/b1eXe28nTPkv+mn2lyK2PlhlXNPYtr60dCFplYsmGFbEvTE1t++pVvb3YTE2ZAHJYNCiktj25dXq6t3d6euuT27o6+Dpq4ADmsQyh57PoIjFtNlgOuwTKl++ApV1OCYu7KtpEz3y6Iun2JSMII2eWqaZdd8ABb8Gn+vi3GWzIQTS1A26XGIEaQ/e7HR2NO8ks8LanPVf1LfnKOZ7bp5j9OziIwRT2EQNY7Yq5TFbKYul0rVVvpwfzXB1bP3A8IW9Zdt+uKyFUI/X2OPOBq7/ZGI5ffrMP6iug1xOPv+JyvfI4b5fjLjrQGcW2k2eQSfItbvcCprGVcqTCo68W4Us4AQh+kZY9fZhLvIOfjMRArpzLYUSR4WHZA+CR7cOywkMQRp5ODn8VOcq/9+bNjMwaRFbRFK+qV0p0c58UluzPP4JtnyT9QA5JcKeEsUyS7M89Jst9OPAvsgz3yqE2D35Kz9LYMn6H2vxG1ACssIK5e9tZ5emG1kNDEwATQ+TGoXFCxlu39A0O9pEb+9YArOmLw0SBHBliH66HWg8WJmgIB1sPOjfJETzjkv8L0s1XoQAAeJxjYGRgYADi3k8rFeL5bb4ycLMwgMB1+SV+CPr/FhYGZhMgl4OBCSQKACWiCcEAeJxjYGRgYG7438AQw8IAAkCSkQEVOAMAR0kCrHicY2FgYGB+ycDAwjCKAX3SAfUAAAAAAAB2ANQBEAE8AXgBkgGsAeQCDAIyAlQChALeAwYDNAN6A6gD6ARCBKQE7AU0BWAFzgYcBlYGnAbuB1QHogfeCCYIXgiSCPoJKgmcCdIKJgp8CqYK8gt8C8IL9AwmDGQM8A0qDWANtg4CDkwOgg60DvoPRA+aD84P9hBMEIIQsBDcEQQRPnicY2BkYGBwZohk4GYAASYg5gJCBob/YD4DABkJAb4AeJxtkbtOAkEUhv/lZliiBUZLnUYLDculMaGUBAo7C3pYZhfI3jI7S8Ij+Dw+g09gb+cz2PqzHCmQnczJ9//nsicZAG18wcH+u+Lds4Mm1Z4rOMONcJX+nXCN7AnX0cKTcIP+s7CLR7wIt3CJDSc4tSbVA96EHe7wLlzBBT6Eq/Q/hWvkb+E6rvEj3EDbORd2MXVuhVu4dwp3ZPTM6oWab9XKT5MgTazrF3Pd2alXHRbRzBz0Aaba5Ks0UX2vd/AmOtHmb1a+CQfWBiowaazGHKqjKFWZSdfat97S2mzY7Qbie34ac7URDDRmsIwLKMyxZVzBR4oEQRkt63wUzGl0DrlXqpBuxG5zIv/fmVIZ5NQ7pdDnM/VO1E2okrL2eK+cDxViQNdyN8Vr2BGTxrKp5j4RWSErc2s6Pn0Py7IrwxBdnuCo3iv/Hf8CUuVv1gAAeJxtUcd2GzEM1Hi5K1mW03vvfdN7T5wfgUh4xSeSkEmuFP99KNnH4MLBA2YwAAdbg6MYD/4fe9hCBYUaDYYYYRtj7GCCXZzASZzCaZzBWZzDeVzARVzCZVzBVVzDddzATdzCbdzBXdzDfTzAQzzCYzzBUzxDi+d4gZd4hdd4g7d4h/f4gI/4hM/4gq/4hu/4gZ/4hd/Yw58B/u7yIbc2LG2yU8c76+wYT9JBT5HbaLtZbhI71nm06J0zsgrNGvQL5SWympKe1xSjrGrtJLFaUQyjg55TthLqjUC9ihI6ZcO+NJG9LLkiY+o0KyOGQdqV3bd18tZxlcjU7Mk61ZEvYqVSzSRPguQCNa1FG1P8ZK6WtnjoMzeGQsexWYrrPVdTMhMv06LWLmYSyizrx4GWttuwR4n2S4UOq0ydcqLnTR/Wj2Jjs0qawvAgtloMjzQ5DoaiytbzOLIpPD3n0pUpDhPnbMteM/G8o+Oa3mqKRnlybuytjrIxUO5HUc9UJ2LqohjzcGF17svynlOijutN36i42FhUzs650eUAkZoFxyRhEqUPpp1KNBy3rV9IzBTylsx3j7/qqDQY/AOKiLF+AA==) format("woff"),url(fonts/cubeic.dcc2b6f.ttf) format("truetype")}[class*=" cubeic-"],[class^=cubeic-]{font-family:cube-icon!important;font-size:100%;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale}.cubeic-eye-invisible:before{content:"\E624"}.cubeic-eye-visible:before{content:"\E625"}.cubeic-square-right:before{content:"\E67D"}.cubeic-select:before{content:"\E609"}.cubeic-pulldown:before{content:"\E603"}.cubeic-pullup:before{content:"\E604"}.cubeic-more:before{content:"\E607"}.cubeic-back:before{content:"\E608"}.cubeic-arrow:before{content:"\E60B"}.cubeic-close:before{content:"\E60D"}.cubeic-warn:before{content:"\E614"}.cubeic-question:before{content:"\E616"}.cubeic-right:before{content:"\E617"}.cubeic-wrong:before{content:"\E618"}.cubeic-info:before{content:"\E619"}.cubeic-remove:before{content:"\E61A"}.cubeic-add:before{content:"\E61C"}.cubeic-share:before{content:"\E631"}.cubeic-no-wifi:before{content:"\E632"}.cubeic-smile:before{content:"\E634"}.cubeic-sad:before{content:"\E636"}.cubeic-email:before{content:"\E637"}.cubeic-game:before{content:"\E638"}.cubeic-wifi:before{content:"\E639"}.cubeic-hot:before{content:"\E63B"}.cubeic-notification:before{content:"\E63D"}.cubeic-delete:before{content:"\E63E"}.cubeic-vip:before{content:"\E63F"}.cubeic-mute:before{content:"\E640"}.cubeic-danger:before{content:"\E641"}.cubeic-volume:before{content:"\E642"}.cubeic-bad:before{content:"\E643"}.cubeic-mobile-phone:before{content:"\E644"}.cubeic-aim:before{content:"\E645"}.cubeic-navigation:before{content:"\E64D"}.cubeic-safe-pay:before{content:"\E64E"}.cubeic-tag:before{content:"\E64F"}.cubeic-lock:before{content:"\E651"}.cubeic-unlock:before{content:"\E652"}.cubeic-edit:before{content:"\E653"}.cubeic-scan:before{content:"\E654"}.cubeic-qr-code:before{content:"\E655"}.cubeic-calendar:before{content:"\E659"}.cubeic-time:before{content:"\E65F"}.cubeic-red-packet:before{content:"\E664"}.cubeic-star:before{content:"\E668"}.cubeic-setting:before{content:"\E669"}.cubeic-home:before{content:"\E66D"}.cubeic-credit-card:before{content:"\E66E"}.cubeic-mall:before{content:"\E670"}.cubeic-microphone:before{content:"\E673"}.cubeic-search:before{content:"\E674"}.cubeic-good:before{content:"\E675"}.cubeic-alert:before{content:"\E676"}.cubeic-picture:before{content:"\E677"}.cubeic-message:before{content:"\E678"}.cubeic-phone:before{content:"\E67A"}.cubeic-location:before{content:"\E67B"}.cubeic-like:before{content:"\E67C"}.cubeic-camera:before{content:"\E67E"}.cubeic-person:before{content:"\E67F"}.cubeic-round-border:before{content:"\E683"}.cubeic-important:before{content:"\E68B"}.cubeic-ok:before{content:"\E68C"}.cubeic-square-border:before{content:"\E990"}.cube-btn{display:block;margin:0;padding:17px 16px;width:100%;text-align:center;white-space:nowrap;cursor:pointer;font-size:16px;line-height:1;color:#fff;background:#4a4c5b;outline:none;border:none;border-radius:2px;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.cube-btn.cube-btn_active,.cube-btn:active{background:#444654}.cube-btn>i{display:inline-block;margin-right:4px;font-size:100%;-webkit-transform:scale(1.13);transform:scale(1.13);-webkit-transform-origin:right center;transform-origin:right center}.cube-btn-inline{width:auto;display:inline-block;vertical-align:middle;padding:9px 10px;font-size:12px}.cube-btn-inline>i{margin-right:2px;-webkit-transform:scale(1.14);transform:scale(1.14)}.cube-btn-primary{color:#fff;background:#fc9153}.cube-btn-primary.cube-btn_active,.cube-btn-primary:active{background:#e8864c}.cube-btn-light{color:#666;background:#fcfcfc;box-shadow:0 1px 3px rgba(0,0,0,.1)}.cube-btn-light.cube-btn_active,.cube-btn-light:active{background:#e8e8e8}.cube-btn-outline{color:#666;background:transparent;position:relative}.cube-btn-outline:after{content:"";pointer-events:none;display:block;position:absolute;left:0;top:0;-webkit-transform-origin:0 0;transform-origin:0 0;border:1px solid #666;border-radius:2px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-btn-outline:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-btn-outline:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-btn-outline.cube-btn_active,.cube-btn-outline:active{background:rgba(0,0,0,.08);position:relative}.cube-btn-outline.cube-btn_active:after,.cube-btn-outline:active:after{content:"";pointer-events:none;display:block;position:absolute;left:0;top:0;-webkit-transform-origin:0 0;transform-origin:0 0;border:1px solid #666;border-radius:2px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-btn-outline.cube-btn_active:after,.cube-btn-outline:active:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-btn-outline.cube-btn_active:after,.cube-btn-outline:active:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-btn-outline-primary{color:#fc9153;background:transparent;position:relative}.cube-btn-outline-primary:after{content:"";pointer-events:none;display:block;position:absolute;left:0;top:0;-webkit-transform-origin:0 0;transform-origin:0 0;border:1px solid #fc9153;border-radius:2px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-btn-outline-primary:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-btn-outline-primary:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-btn-outline-primary.cube-btn_active,.cube-btn-outline-primary:active{background:rgba(252,145,83,.08);position:relative}.cube-btn-outline-primary.cube-btn_active:after,.cube-btn-outline-primary:active:after{content:"";pointer-events:none;display:block;position:absolute;left:0;top:0;-webkit-transform-origin:0 0;transform-origin:0 0;border:1px solid #e8864c;border-radius:2px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-btn-outline-primary.cube-btn_active:after,.cube-btn-outline-primary:active:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-btn-outline-primary.cube-btn_active:after,.cube-btn-outline-primary:active:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-btn_disabled{color:#fff;background:#ccc;position:relative}.cube-btn_disabled:after{content:"";pointer-events:none;display:block;position:absolute;left:0;top:0;-webkit-transform-origin:0 0;transform-origin:0 0;border:1px solid #ccc;border-radius:2px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-btn_disabled:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-btn_disabled:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-btn_disabled.cube-btn_active,.cube-btn_disabled:active{background:#ccc;position:relative}.cube-btn_disabled.cube-btn_active:after,.cube-btn_disabled:active:after{content:"";pointer-events:none;display:block;position:absolute;left:0;top:0;-webkit-transform-origin:0 0;transform-origin:0 0;border:1px solid #ccc;border-radius:2px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-btn_disabled.cube-btn_active:after,.cube-btn_disabled:active:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-btn_disabled.cube-btn_active:after,.cube-btn_disabled:active:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-loading{font-size:24px}.cube-loading-spinners{position:relative;display:block;width:1em;height:1em}.cube-loading-spinner{position:absolute;left:44.5%;top:37%;width:2px;height:25%;border-radius:50%/20%;opacity:.25;background-color:currentColor;-webkit-animation:spinner-fade 1s linear infinite;animation:spinner-fade 1s linear infinite}.cube-loading-spinner:first-child{-webkit-animation-delay:0s;animation-delay:0s;-webkit-transform:rotate(-150deg) translateY(-150%);transform:rotate(-150deg) translateY(-150%)}.cube-loading-spinner:nth-child(2){-webkit-animation-delay:.083333333333333s;animation-delay:.083333333333333s;-webkit-transform:rotate(-120deg) translateY(-150%);transform:rotate(-120deg) translateY(-150%)}.cube-loading-spinner:nth-child(3){-webkit-animation-delay:.166666666666667s;animation-delay:.166666666666667s;-webkit-transform:rotate(-90deg) translateY(-150%);transform:rotate(-90deg) translateY(-150%)}.cube-loading-spinner:nth-child(4){-webkit-animation-delay:.25s;animation-delay:.25s;-webkit-transform:rotate(-60deg) translateY(-150%);transform:rotate(-60deg) translateY(-150%)}.cube-loading-spinner:nth-child(5){-webkit-animation-delay:.333333333333333s;animation-delay:.333333333333333s;-webkit-transform:rotate(-30deg) translateY(-150%);transform:rotate(-30deg) translateY(-150%)}.cube-loading-spinner:nth-child(6){-webkit-animation-delay:.416666666666667s;animation-delay:.416666666666667s;-webkit-transform:rotate(0deg) translateY(-150%);transform:rotate(0deg) translateY(-150%)}.cube-loading-spinner:nth-child(7){-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-transform:rotate(30deg) translateY(-150%);transform:rotate(30deg) translateY(-150%)}.cube-loading-spinner:nth-child(8){-webkit-animation-delay:.583333333333333s;animation-delay:.583333333333333s;-webkit-transform:rotate(60deg) translateY(-150%);transform:rotate(60deg) translateY(-150%)}.cube-loading-spinner:nth-child(9){-webkit-animation-delay:.666666666666667s;animation-delay:.666666666666667s;-webkit-transform:rotate(90deg) translateY(-150%);transform:rotate(90deg) translateY(-150%)}.cube-loading-spinner:nth-child(10){-webkit-animation-delay:.75s;animation-delay:.75s;-webkit-transform:rotate(120deg) translateY(-150%);transform:rotate(120deg) translateY(-150%)}.cube-loading-spinner:nth-child(11){-webkit-animation-delay:.833333333333333s;animation-delay:.833333333333333s;-webkit-transform:rotate(150deg) translateY(-150%);transform:rotate(150deg) translateY(-150%)}.cube-loading-spinner:nth-child(12){-webkit-animation-delay:.916666666666667s;animation-delay:.916666666666667s;-webkit-transform:rotate(180deg) translateY(-150%);transform:rotate(180deg) translateY(-150%)}@-webkit-keyframes spinner-fade{0%{opacity:.85}50%{opacity:.25}to{opacity:.25}}@keyframes spinner-fade{0%{opacity:.85}50%{opacity:.25}to{opacity:.25}}.cube-tip{display:-webkit-box;display:-webkit-flex;display:flex;z-index:10;position:absolute;padding:10px 38px 10px 16px;max-height:60px;font-size:12px;color:#fff;background:rgba(74,76,91,.8);border-radius:2px;-webkit-transition:opacity .2s;transition:opacity .2s}.cube-tip[data-dir=bottom] .cube-tip-angle,.cube-tip[data-dir=top] .cube-tip-angle{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.cube-tip[data-dir=top] .cube-tip-angle{top:0}.cube-tip[data-dir=top] .cube-tip-angle:before{margin-top:-6px;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.cube-tip[data-dir=bottom] .cube-tip-angle{bottom:0}.cube-tip[data-dir=bottom] .cube-tip-angle:before{margin-bottom:-6px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.cube-tip[data-dir=left] .cube-tip-angle,.cube-tip[data-dir=right] .cube-tip-angle{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.cube-tip[data-dir=left] .cube-tip-angle{left:0}.cube-tip[data-dir=left] .cube-tip-angle:before{margin-left:-9px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.cube-tip[data-dir=right] .cube-tip-angle{right:0}.cube-tip[data-dir=right] .cube-tip-angle:before{margin-right:-9px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.cube-tip-angle{position:absolute}.cube-tip-angle:before{content:"";display:block;border-width:0 6px 6px;border-style:solid;border-color:transparent transparent rgba(74,76,91,.8)}.cube-tip-close{position:absolute;right:14px;top:12px;width:12px;height:12px;padding:0;color:inherit;outline:none;border:none;background:none;-webkit-transform:scale(1.3);transform:scale(1.3)}.cube-tip-content{min-height:18px;line-height:18px;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-flex-basis:1e-9px;flex-basis:1e-9px;width:1%;overflow:hidden}.cube-tip-zoom-enter-active{-webkit-animation:tip-in .4s;animation:tip-in .4s}.cube-tip-zoom-leave-active{-webkit-animation:tip-out .2s;animation:tip-out .2s}@-webkit-keyframes tip-in{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes tip-in{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes tip-out{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(0);transform:scale(0);opacity:0}}@keyframes tip-out{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(0);transform:scale(0);opacity:0}}.cube-checkbox{position:relative;padding:0 16px;text-align:left;font-size:100%;color:#666}.cube-checkbox[data-pos=right] .cube-checkbox-ui{margin-right:0;position:absolute;right:0}.cube-checkbox[data-pos=right] .cube-checkbox-label{margin-right:1.42em}.cube-checkbox-wrap{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;box-sizing:border-box;width:100%;height:100%;padding:11px 0;line-height:1.5;word-break:break-word;word-wrap:break-word}.cube-checkbox-input{z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.cube-checkbox-ui{position:relative;width:1em;height:1em;margin-right:.42em;line-height:1;border-radius:50%}.cube-checkbox-ui.cubeic-square-border{border-radius:2px}.cube-checkbox-ui:before,.cube-checkbox-ui i{-webkit-transition:all .2s;transition:all .2s}.cube-checkbox-ui:before{color:#ccc;display:inline-block;-webkit-transform:scale(1.24);transform:scale(1.24)}.cube-checkbox-ui i{position:absolute;top:0;left:0;color:transparent;-webkit-transform:scale(.4);transform:scale(.4)}.cube-checkbox_checked .cube-checkbox-ui:before{color:transparent}.cube-checkbox_checked .cube-checkbox-ui i{color:#fc9153;-webkit-transform:scale(1.23);transform:scale(1.23)}.cube-checkbox_disabled .cube-checkbox-ui{background-color:#eee}.cube-checkbox_disabled .cube-checkbox-ui:before,.cube-checkbox_disabled .cube-checkbox-ui i{-webkit-transition:none;transition:none}.cube-checkbox_disabled .cube-checkbox-ui:before{color:transparent}.cube-checkbox_disabled .cube-checkbox-ui i{color:#eee}.cube-checkbox_checked.cube-checkbox_disabled .cube-checkbox-ui{background-color:#fff}.cube-checkbox-hollow i{width:100%;height:100%}.cube-checkbox-hollow i:before{content:"";position:absolute;top:50%;left:50%;width:50%;height:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:currentColor;border-radius:2px}.cube-checkbox-hollow.cube-checkbox_checked .cube-checkbox-ui:before{color:#fc9153}.cube-checkbox-hollow.cube-checkbox_checked .cube-checkbox-ui i{-webkit-transform:scale(1);transform:scale(1);color:#fc9153}.cube-checkbox-hollow.cube-checkbox_disabled .cube-checkbox-ui{background-color:transparent}.cube-checkbox-hollow.cube-checkbox_disabled .cube-checkbox-ui:before{color:#eee}.cube-checkbox-hollow.cube-checkbox_disabled .cube-checkbox-ui i{-webkit-transform:scale(1);transform:scale(1);color:transparent}.cube-checkbox-hollow.cube-checkbox_disabled.cube-checkbox_checked .cube-checkbox-ui i{color:#eee}.cube-toolbar{position:fixed;left:10px;right:10px;bottom:10px;z-index:2;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.cube-toolbar-group{display:-webkit-box;display:-webkit-flex;display:flex;height:44px;overflow:hidden;box-sizing:border-box;border-radius:2px;box-shadow:0 1px 6px rgba(0,0,0,.24);background-color:#fcfcfc}.cube-toolbar-group-more{margin-bottom:10px}.cube-toolbar-group-more .cube-toolbar-item:last-child .cube-toolbar-down{position:absolute;top:44px;right:9%;height:10px;color:#fcfcfc;font-size:24px;font-family:cube-icon;font-style:normal;text-shadow:0 1px 3px #e8e8e8;-webkit-transform:scale(1.3);transform:scale(1.3)}.cube-toolbar-group-more .cube-toolbar-item:last-child .cube-toolbar-down:before{content:"\E603";position:relative;top:-10px}.cube-toolbar-group-more .cube-toolbar-item:last-child .cube-toolbar-down:after{content:"";display:block;position:absolute;left:30%;top:50%;margin-top:-6px;width:40%;height:2px;background-color:#fcfcfc}.cube-toolbar-group-more .cube-toolbar-item:last-child:active .cube-toolbar-down{color:#e8e8e8}.cube-toolbar-group-more .cube-toolbar-item:last-child:active .cube-toolbar-down:after{background-color:#e8e8e8}.cube-toolbar-item{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-flex-basis:1e-9px;flex-basis:1e-9px;width:1%;-webkit-box-align:center;-webkit-align-items:center;align-items:center;background-color:#fcfcfc}.cube-toolbar-item:last-child{position:static}.cube-toolbar-item:last-child:after{display:none}.cube-toolbar-item:active{background-color:#e8e8e8}.cube-toolbar-item:active:after{border-color:transparent}.cube-toolbar-item .cube-toolbar-chb{height:44px;padding:0;font-size:12px;background-color:transparent}.cube-toolbar-item .cube-toolbar-chb .cube-checkbox-wrap{padding:0;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.cube-toolbar-item .cube-toolbar-chb .cube-checkbox-wrap .cube-checkbox-ui{position:relative;left:auto;margin-right:.42em}.cube-toolbar-item .cube-btn{position:relative;padding:0 5px;background-color:transparent;border:0 none;color:#666;font-size:12px}.cube-toolbar-item .cube-btn:active{background-color:transparent}.cube-toolbar-item .cube-btn:active:after{display:none}.cube-toolbar-item .cube-btn i{margin-right:0}.cube-toolbar-item .cube-btn i.cubeic-more{color:#999;font-size:16px}.cube-tab-bar{position:relative;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.cube-tab-bar,.cube-tab-bar_inline .cube-tab{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.cube-tab-bar_inline .cube-tab{-webkit-align-content:center;align-content:center}.cube-tab-bar-slider{position:absolute;left:0;bottom:0;height:2px;width:20px;background-color:#e8864c}.cube-tab{-webkit-box-flex:1;-webkit-flex:1;flex:1;padding:7px 0;color:#666;text-align:center}.cube-tab_active{color:#e8864c}.cube-tab-panels{position:relative;overflow:hidden}.cube-tab-panels-group{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-transition:all .4s cubic-bezier(.86,0,.07,1);transition:all .4s cubic-bezier(.86,0,.07,1)}.cube-tab-panel{width:100%;-webkit-box-flex:1;-webkit-flex:1 0 auto;flex:1 0 auto}.cube-checkbox-group{z-index:1;overflow:hidden;background-color:#fff}.cube-checkbox-group .cube-checkbox:last-child .cube-checkbox-wrap:after,.cube-checkbox-group .cube-checkbox:last-child .cube-checkbox-wrap:before{display:none}.cube-checkbox-group[data-horz=true]{display:-webkit-box;display:-webkit-flex;display:flex;padding-left:0;position:relative;border-radius:2px}.cube-checkbox-group[data-horz=true]:after{content:"";pointer-events:none;display:block;position:absolute;left:0;top:0;-webkit-transform-origin:0 0;transform-origin:0 0;border:1px solid #ccc;border-radius:2px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-checkbox-group[data-horz=true]:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-checkbox-group[data-horz=true]:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-checkbox-group[data-horz=true] .cube-checkbox{-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-flex-basis:1e-9px;flex-basis:1e-9px;width:1%;text-align:center;padding-left:10px;padding-right:10px}.cube-checkbox-group[data-horz=true] .cube-checkbox:after{border-color:#ccc}.cube-checkbox-group[data-horz=true] .cube-checkbox:last-child:after,.cube-checkbox-group[data-horz=true] .cube-checkbox:last-child:before{display:none}.cube-checkbox-group[data-horz=true] .cube-checkbox[data-pos=right] .cube-checkbox-ui{position:relative;margin-left:.42em;-webkit-box-ordinal-group:2;-webkit-order:1;order:1}.cube-checkbox-group[data-horz=true] .cube-checkbox[data-pos=right] .cube-checkbox-label{margin-right:0}.cube-checkbox-group[data-horz=true] .cube-checkbox-wrap{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.cube-checker-item{display:inline-block;vertical-align:top;text-align:center;padding:8px 10px;margin-right:10px;color:#666;background:#fff;border-radius:4px;position:relative}.cube-checker-item:after{content:"";pointer-events:none;display:block;position:absolute;left:0;top:0;-webkit-transform-origin:0 0;transform-origin:0 0;border:1px solid #fcfcfc;border-radius:4px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-checker-item:after{width:200%;height:200%;border-radius:8px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-checker-item:after{width:300%;height:300%;border-radius:12px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-checker-item_active{color:#fc9153;background:rgba(252,145,83,.04);position:relative}.cube-checker-item_active:after{content:"";pointer-events:none;display:block;position:absolute;left:0;top:0;-webkit-transform-origin:0 0;transform-origin:0 0;border:1px solid #fc9153;border-radius:4px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-checker-item_active:after{width:200%;height:200%;border-radius:8px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-checker-item_active:after{width:300%;height:300%;border-radius:12px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-radio-group{z-index:1;overflow:hidden;background-color:#fff}.cube-radio-group .cube-radio:last-child .cube-radio-wrap:after,.cube-radio-group .cube-radio:last-child .cube-radio-wrap:before{display:none}.cube-radio-group[data-horz=true]{display:-webkit-box;display:-webkit-flex;display:flex;padding-left:0;position:relative;border-radius:2px}.cube-radio-group[data-horz=true]:after{content:"";pointer-events:none;display:block;position:absolute;left:0;top:0;-webkit-transform-origin:0 0;transform-origin:0 0;border:1px solid #ccc;border-radius:2px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-radio-group[data-horz=true]:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-radio-group[data-horz=true]:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-radio-group[data-horz=true] .cube-radio{-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-flex-basis:1e-9px;flex-basis:1e-9px;width:1%;text-align:center;padding-left:10px;padding-right:10px}.cube-radio-group[data-horz=true] .cube-radio:after{border-color:#ccc}.cube-radio-group[data-horz=true] .cube-radio:last-child:after,.cube-radio-group[data-horz=true] .cube-radio:last-child:before{display:none}.cube-radio-group[data-horz=true] .cube-radio[data-pos=right] .cube-radio-ui{position:relative;margin-left:.42em;-webkit-box-ordinal-group:2;-webkit-order:1;order:1}.cube-radio-group[data-horz=true] .cube-radio[data-pos=right] .cube-radio-label{margin-right:0}.cube-radio-group[data-horz=true] .cube-radio-wrap{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.cube-radio{position:relative;padding:0 16px;text-align:left;font-size:100%;color:#666}.cube-radio[data-pos=right] .cube-radio-ui{margin-right:0;position:absolute;right:0}.cube-radio[data-pos=right] .cube-radio-label{margin-right:1.42em}.cube-radio-wrap{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;box-sizing:border-box;width:100%;height:100%;padding:11px 0;line-height:1.5;word-break:break-word;word-wrap:break-word}.cube-radio-input{z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.cube-radio-ui{position:relative;width:1em;height:1em;margin-right:.42em;line-height:1;color:transparent;background-color:transparent;border-radius:50%}.cube-radio-ui:before,.cube-radio-ui i{-webkit-transition:all .2s;transition:all .2s}.cube-radio-ui:before{color:#ccc;display:inline-block;-webkit-transform:scale(1.24);transform:scale(1.24)}.cube-radio-ui i{position:absolute;top:0;left:0;overflow:hidden;width:100%;height:100%;border-radius:50%;-webkit-transform:scale(.4);transform:scale(.4)}.cube-radio-ui i:before{content:"";position:absolute;top:50%;left:50%;width:50%;height:50%;-webkit-transform:translate(-50%,-50%) scale(.8);transform:translate(-50%,-50%) scale(.8);border-radius:50%}.cube-radio_selected .cube-radio-ui{background-color:#fc9153}.cube-radio_selected .cube-radio-ui:before{color:transparent}.cube-radio_selected .cube-radio-ui i{-webkit-transform:scale(1);transform:scale(1)}.cube-radio_selected .cube-radio-ui i:before{background-color:#fff}.cube-radio_disabled .cube-radio-ui{background-color:#eee}.cube-radio_disabled .cube-radio-ui:before,.cube-radio_disabled .cube-radio-ui i{-webkit-transition:none;transition:none}.cube-radio_disabled .cube-radio-ui:before{color:transparent}.cube-radio-hollow.cube-radio_disabled .cube-radio-ui,.cube-radio-hollow.cube-radio_selected .cube-radio-ui{background-color:transparent}.cube-radio-hollow.cube-radio_disabled .cube-radio-ui i:before,.cube-radio-hollow.cube-radio_selected .cube-radio-ui i:before{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.cube-radio-hollow.cube-radio_selected .cube-radio-ui:before{color:#fc9153}.cube-radio-hollow.cube-radio_selected .cube-radio-ui i:before{background-color:#fc9153}.cube-radio-hollow.cube-radio_disabled .cube-radio-ui:before{color:#eee}.cube-radio-hollow.cube-radio_disabled.cube-radio_selected .cube-radio-ui i:before{background-color:#eee}.cube-input{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;font-size:14px;line-height:1.429;background-color:#fff;position:relative}.cube-input:after{content:"";pointer-events:none;display:block;position:absolute;left:0;top:0;-webkit-transform-origin:0 0;transform-origin:0 0;border:1px solid #ebebeb;border-radius:2px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-input:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-input:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-input-field{display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;width:100%;padding:10px;box-sizing:border-box;color:#666;line-height:inherit;background-color:inherit;border-radius:2px;outline:none}.cube-input-field::-webkit-input-placeholder{color:#ccc;text-overflow:ellipsis}.cube-input-field+.cube-input-append .cube-input-clear:first-child,.cube-input-field+.cube-input-append .cube-input-eye:first-child{margin-left:-5px}.cube-input_active:after{border-color:#fc9153}.cube-input-append,.cube-input-prepend{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.cube-input-clear,.cube-input-eye{width:1em;height:1em;line-height:1;padding:10px;box-sizing:content-box;color:#999}.cube-input-clear>i,.cube-input-eye>i{display:inline-block;-webkit-transform:scale(1.2);transform:scale(1.2)}.cube-input-eye>.cubeic-eye-invisible,.cube-input-eye>.cubeic-eye-visible{-webkit-transform:scale(1.4);transform:scale(1.4)}.cube-textarea-wrapper{-webkit-transition:height .2s;transition:height .2s;height:40px;font-size:14px;line-height:1.429;position:relative}.cube-textarea-wrapper textarea::-webkit-input-placeholder{color:#ccc;text-overflow:ellipsis}.cube-textarea-wrapper:after{content:"";pointer-events:none;display:block;position:absolute;left:0;top:0;-webkit-transform-origin:0 0;transform-origin:0 0;border:1px solid #ebebeb;border-radius:2px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-textarea-wrapper:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-textarea-wrapper:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-textarea_expanded{height:80px}.cube-textarea_active{position:relative}.cube-textarea_active:after{content:"";pointer-events:none;display:block;position:absolute;left:0;top:0;-webkit-transform-origin:0 0;transform-origin:0 0;border:1px solid #fc9153;border-radius:2px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-textarea_active:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-textarea_active:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-textarea-indicator{position:absolute;bottom:7px;right:10px;color:#ccc}.cube-textarea{width:100%;height:100%;text-align:left;padding:10px;box-sizing:border-box;font-size:100%;line-height:inherit;color:#666;background-color:#fff;border-radius:2px;resize:none;border:none;outline:none}.cube-picker-fade-enter,.cube-picker-fade-leave-active{opacity:0}.cube-picker-fade-enter-active,.cube-picker-fade-leave-active{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.cube-picker-panel{height:273px;text-align:center;font-size:14px;background:#fff}.cube-picker-move-enter,.cube-picker-move-leave-active{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.cube-picker-move-enter-active,.cube-picker-move-leave-active{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.cube-picker-choose{position:relative;height:60px}.cube-picker-cancel,.cube-picker-confirm{line-height:60px;padding:0 16px;box-sizing:content-box;font-size:14px}.cube-picker-confirm{position:absolute;right:0;color:#fc9153}.cube-picker-confirm:active{color:#fdc2a5}.cube-picker-cancel{position:absolute;left:0;color:#999}.cube-picker-cancel:active{color:#ccc}.cube-picker-title-group{padding:0 60px;display:-webkit-box;display:-webkit-flex;display:flex;height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-flow:column;flex-flow:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;text-align:center}.cube-picker-title{font-size:18px;line-height:25px;font-weight:400;color:#333}.cube-picker-subtitle{margin-top:2px;line-height:16px;font-size:12px;color:#999}.cube-picker-content{position:relative;top:20px}.cube-picker-content>i{position:absolute;z-index:10;left:0;width:100%;height:68px;pointer-events:none;-webkit-transform:translateZ(0);transform:translateZ(0)}.cube-picker-content>.border-bottom-1px{top:0;background:-webkit-linear-gradient(bottom,hsla(0,0%,100%,.4),hsla(0,0%,100%,.8));background:linear-gradient(0deg,hsla(0,0%,100%,.4),hsla(0,0%,100%,.8))}.cube-picker-content>.border-top-1px{bottom:0;background:-webkit-linear-gradient(top,hsla(0,0%,100%,.4),hsla(0,0%,100%,.8));background:linear-gradient(180deg,hsla(0,0%,100%,.4),hsla(0,0%,100%,.8))}.cube-picker-wheel-wrapper{display:-webkit-box;display:-webkit-flex;display:flex;padding:0 16px}.cube-picker-wheel-wrapper>div{-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-flex-basis:1e-9px;flex-basis:1e-9px;width:1%;height:173px;overflow:hidden;font-size:20px}.cube-picker-wheel-scroll{padding:0;margin-top:68px;line-height:36px;list-style:none}.cube-picker-wheel-item{list-style:none;height:36px;overflow:hidden;white-space:nowrap;color:#333}.cube-picker-footer{height:20px}.cube-popup{position:fixed;left:0;right:0;top:0;bottom:0;z-index:100;pointer-events:none}.cube-popup_mask{pointer-events:auto}.cube-popup_mask .cube-popup-mask{display:block}.cube-popup-container,.cube-popup-mask{position:absolute;width:100%;height:100%}.cube-popup-mask{display:none;overflow:hidden;background-color:#25262d;opacity:.4;pointer-events:auto}.cube-popup-mask:before{content:".";display:block;width:1px;height:1px;background-color:rgba(0,0,0,.1);margin-left:-10px}.cube-popup-container{-webkit-transform:translate(100%,100%);transform:translate(100%,100%)}.cube-popup-content{position:absolute;top:0;left:0;width:100%;box-sizing:border-box;-webkit-transform:translate(-100%,-100%);transform:translate(-100%,-100%);pointer-events:auto}.cube-popup-center .cube-popup-content,.cube-popup-left .cube-popup-content,.cube-popup-right .cube-popup-content{top:-50%;left:-50%;width:auto;max-width:100%;-webkit-transform:translate(0);transform:translate(0)}.cube-popup-left .cube-popup-content,.cube-popup-right .cube-popup-content{height:100%;top:-100%}.cube-popup-center .cube-popup-content{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.cube-popup-top .cube-popup-content{top:-100%;left:-100%;-webkit-transform:translate(0);transform:translate(0)}.cube-popup-right .cube-popup-content{top:-100%;right:100%}.cube-popup-left .cube-popup-content{left:-100%}.cube-select{box-sizing:border-box;padding:10px 20px 10px 10px;border-radius:2px;font-size:14px;line-height:1.429;color:#666;background-color:#fff;position:relative}.cube-select:after{content:"";pointer-events:none;display:block;position:absolute;left:0;top:0;-webkit-transform-origin:0 0;transform-origin:0 0;border:1px solid #ccc;border-radius:2px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-select:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-select:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-select>span{display:inline-block}.cube-select_active{position:relative}.cube-select_active:after{content:"";pointer-events:none;display:block;position:absolute;left:0;top:0;-webkit-transform-origin:0 0;transform-origin:0 0;border:1px solid #fc9153;border-radius:2px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-select_active:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-select_active:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-select_active .cube-select-icon{-webkit-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg)}.cube-select_disabled{color:#b8b8b8;background-color:rgba(0,0,0,.04);cursor:not-allowed}.cube-select-placeholder{color:#ccc}.cube-select-icon{position:absolute;right:8px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);border-style:solid;border-color:#999 transparent transparent;border-width:4px 4px 0;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.cube-switch{display:-webkit-box;display:-webkit-flex;display:flex;position:relative;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.cube-switch .cube-switch-input{position:absolute;z-index:1;width:48px;height:28px;opacity:0}.cube-switch .cube-switch-input:checked+.cube-switch-ui{border-color:#fc9153;background-color:#fc9153}.cube-switch .cube-switch-input:checked+.cube-switch-ui:before{-webkit-transform:scale(0);transform:scale(0)}.cube-switch .cube-switch-input:checked+.cube-switch-ui:after{-webkit-transform:translateX(20px);transform:translateX(20px)}.cube-switch .cube-switch-input:disabled+.cube-switch-ui{opacity:.3}.cube-switch .cube-switch-ui{position:relative;display:block;width:48px;height:28px;box-sizing:content-box;border:1px solid #e4e4e4;border-radius:28px;background-color:#e4e4e4}.cube-switch .cube-switch-ui:after,.cube-switch .cube-switch-ui:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:28px;background-color:#fff;-webkit-transition:-webkit-transform .4s cubic-bezier(.25,.1,.25,1.28);transition:-webkit-transform .4s cubic-bezier(.25,.1,.25,1.28);transition:transform .4s cubic-bezier(.25,.1,.25,1.28);transition:transform .4s cubic-bezier(.25,.1,.25,1.28),-webkit-transform .4s cubic-bezier(.25,.1,.25,1.28)}.cube-switch .cube-switch-ui:after{width:28px;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.4)}.cube-switch .cube-switch-label{display:block;margin-left:10px}.cube-switch .cube-switch-label:empty{margin-left:0}.cube-rate{list-style:none;display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;vertical-align:top;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;max-width:100%}.cube-rate-justify{width:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.cube-rate-item{position:relative;width:32px;-webkit-box-flex:0;-webkit-flex:0 1 auto;flex:0 1 auto;margin-right:6px}.cube-rate-item:after{content:"";display:block;padding:50% 0}.cube-rate-item:last-child{margin-right:0}.cube-rate-item .cube-rate-item-def{position:absolute;width:100%;height:100%;background-size:100%;background-repeat:no-repeat;background-position:50%;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAsVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADHx8cAAADt7e2ysrJ6enoAAADu7u7MzMzBwcGHh4cAAAAAAADa2trS0tLExMS+vr42NjYAAADv7+/r6+vq6uro6Ojm5ubKysq8vLwAAADr6+vf39/c3NzPz8+1tbWrq6vo6Ojm5ubOzs6vr6+RkZHj4+Pi4uLV1dW4uLienp6ampplZWVWVlbv7+8EiCYnAAAAOnRSTlMAPCsDJgsGOg4hNyMapgj3jGQX/K2eah4Sx7eim0ow/fHv6uGqlzTz0820j4Xo5LGJcNzYvZR7eFpV7G3f4gAAAcpJREFUSMeVVulyskAQdBZwWQ4F5FREjUeiMdd3JvP+DxZCUVskzMrSf+mu3pqZnmGigG1PxoGxcXw7DK1xBsvLKAsLcANjLMwXxNjU589gg7iAmb7BAWv4rr7BAmvMYapr4GODlabF9MugseB6Fu4KW5SZnsEcW2y5oSEQCUocNSwMfo8ST86wRVZiB4/ewPtzj++6gr3j2bSJYUcuc9Zvj3v8hl9BunaYG3VkhhWJmpq+xucdkrg7H16/ZCKyapmA8OoXdziIp8K/hiDqQQjuURPbwGwKHzzr8feBmDTw4EGH/wCyxhEUw/wCoolEDn+G+EvIv60V/nKbH3P7x55wDrf4vmP1cnlK1PzkNCPmqCpV/GNFRs+oLor3MMWQWyEt+FBF2wtowb9ctV6WiicJheC0V8xEpUgzII050IL8DRVQHJeM7px6FbBCOXj0qeDbDmfXzffziVzy753YHx3n2Mn5mmpddJXRLXlmGBkvZdj/U61z47aICRdGU2bBk3l7KajWVb+xxmIFrvSfurBqbsWZUW2rP238li4lJhw2tSsnbn+KGIM569XChJhsnff3AozsqMVgGfRbx1JJ77uztN860775syIFn72pvWujU85XAAAAAElFTkSuQmCC)}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-rate-item .cube-rate-item-def{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAAvVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACxsbGQkJCenp4AAADu7u7i4uKVlZWIiIgAAADm5uajo6OTk5N1dXVlZWXn5+fc3Nza2trW1tbPz8+urq7t7e3j4+PT09PCwsJMTEzr6+vo6Ojh4eHf39/Ly8u/v7+5ubmqqqqamprr6+vR0dGnp6daWlrY2NjGxsaAgIArKyvp6em1tbXv7+8lBY1eAAAAPnRSTlMAPQI5EicFOwgLFzUeMiQsGw6LcHov+tl1ayHhfnJhWubNx7+ziPbdup9R8evW0ayblIV387aCVsKjZ0fujx+LC04AAAL3SURBVFjDrZjXcuJAFAXdGgkJZXIwYGywCc457c7/f9bKwFIEoxkJ9TPVdUo6dy6jEw0qlZNiiKJiPBUoFxMIrCI8ZSgmkkW1WkQkB26G4BQQ6FLKJ8ICAg2lnGCXjhSFPMmEHt2jA01kwu2xkUJ6ckEd/xhPyaa1FJ0jjCNE3STQijb+UYHu5IqLYyL5PMs1feK8HkNwLteM8Izcgdpygxpu7kAXm6LXvJFi+nKLDm7OQB/bonuCPCKXmtyhg5kjkMd0V/RJo4hACYPMkYyyx3hfNKNRNrQVpm95sAy0HwkCyzedVJ2TKAKWDP7KX6mescAOrNh09qfTjK2GzYKz3mx02pQHaU5GD/X/ukYYm6XVHo3DhmDB+/PDtJUodLhqTR/b7ywQia5yYtrAvP84vr2SmXm5HT/W5oBtJpFs6k15BM06orLYyYL2S37PdR9RXr0tj85NXs9NB89Zv7SAwTCfZzggKG28/gbvp3k8p3Mapa0+R3xPsntuv4mMncmw4Dyr5wKs/VkJYZTNU4Xu72c91Ywe/9AhzaW+5xLcw4cZT7qeN+yUQ8606emOReJJoSKoX2mMRftnLFIpC/rqPIuxUOB4zNTPORkLJSY1legMR2tTP6pEz1pbyVIXfKb1H9dDeaKcE6k9Jebqkx/b0HjWdalkQFkp6vKpM6+uUtTgTi16xVKufhuNETnFU98XB1IDUFXb1Tvc2pjKOr7qiGb4yjrur6VWK3slSyB3uP+Cr/vdfw+IjKM/7kAQQGe8cwAoKunzIDeY1iAwE38AtenWkaSoZLR5axj1wVv93vWg/7GRVHHvFlyv12gbhGusm+oKaK+X8YQg/S58JpfcPYOIja3SxwLqqwFqplfS5W35wusgfGNvfnwBvWUZaqmVDLn/maQe2N3Sr/Xo2vD2U7WH1EoGtOTwaa35VRUClzfyIq2SBvypAqGT+iAtoHqdVskKHcBaaFSqedpOigGrrPV1KgLclNGPlJp1+ojwsCjTd0JzS/QPzjyulaV+8pQAAAAASUVORK5CYII=)}}.cube-rate-item_active .cube-rate-item-def{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAilBMVEUAAAD/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyoEd/G7AAAALXRSTlMA+fUzFQ/vioT9vJE9tqNmLRsL2KuYe005JiID6ebhoJtxbF/qzMSxWx9FQgn3q32nAAABYUlEQVRIx5XV2XKDMAwFUJt9h5BAyL5vbe///14zNMShWNg+T8wgwSAZiRGShJmJUrN4G7CNEm7AzCS+ABAuDBJmeMr04xchnvhSO2GHVqUbv+Ro8YlmQoUXXy9+wrsEy9FKiPEW6MQ7lkjwXKbm40Ot9wJh/aNMCNBzVDz+++ihZ5Mn8lK5TR5Ha0htojhvxOeX9slPt1Dapv7JLhnzQxgIfbbaw0C1EnVREp0/QNOBvZw4NPA7e5tbULLmvbnlQcFrWI+9xqhNMfgvR3s3fUh+tClIF0d6nK4gRC41UAkPJpeDMCfnF4EaN+RXX+XxLt3klTThCwRqudQgUKMgBYFaFR5IU+kWwafzGZ9kR+MOwavLsvYUrYtFFQO3LXNgjY7xSxcev9/vxLw7fsP48u8erya9M7/nVOuSdk5ly0EtsnbSFUwQs2ZWSLf8DUAu2eWpzQh2hB37L2vYiGTfXf0Cn7ynb0Flqc0AAAAASUVORK5CYII=)}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-rate-item_active .cube-rate-item-def{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAApVBMVEUAAAD/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uypACjwZAAAANnRSTlMA+/T4lygF8CQaCQPp39ShckQv2s63pz0RDe7lw6yPgX14aGJcTjMXyZxsILyyVFFJQIiFOYkbrXkuAAACJ0lEQVRYw62Y55KCMBSFQxMRxEKx17XvWrad93+03UFHRTC5Sfx+M9/AwD0nF0ag02GvIUle41kBq5eI9sDoFZ42AMNh+qT4p6HvcQz8Y7xrixrIsHU9VQMZlqcpsnFhrOfxLFww11qiMa5MdDxrE1fcnoboC3fM1D1dE3cENWXRBDl2qp6eixyDiqJohgfe1Dy1AA9EvpKoiQILpRsaoECoIpqjhKW8p1JHCRt50RtKacneTztCKUOnQlU4h8koMvAUK0ynx6rPTcPlLI0tkDDjxuxUDHKv1dxuTEhjbrbNlncp9p097EOL/tDeddjSwguwlox9utDG/cwOCQE0CdqXMq1Di3r1+tJCaBB7d+G8gTLDbi4zEiiyrz1MRgolGoXR820oMOaUjwhCZ+4gh/G0VRaG1Fgc2VNOptRYcPghB0GwEhyGB+SxEPAegUDoMSEtEKiqNLVqUY5A4JsgIoXTh9izptWHLxQdQaItFP2CxFwoGhJzSOTxidMWifdFIl3hOY3ISbjncaHvOBEytD/JHj3XfPnRj2OU4HBFUxQID4wdQkBun0gKSbjIHsFfFGZ5yxU9RPZgXrlW8XwgsQVU8/nezPV6rRnkWo23mi5ww50WruxNXeLZ3b4FznfpDHS/brM45YhinLHG66fBN7ZwJuFsVsb56W2PW1jb82V9zs+0TNMQdo2TZiqH20QjhxFo77mf5AjJihH5+eD8Cko7TIJWTvQHI0vKWTT1X7EAAAAASUVORK5CYII=)}}.cube-validator .cube-checkbox,.cube-validator .cube-input input,.cube-validator .cube-radio,.cube-validator .cube-select,.cube-validator .cube-textarea{color:inherit}.cube-validator-msg-def{font-size:14px;color:#e64340}.cube-upload{position:relative}.cube-upload-def{margin-right:-10px}.cube-upload-def .cube-upload-btn,.cube-upload-def .cube-upload-file{float:left;margin:0 10px 10px 0}.cube-upload-btn{position:relative;overflow:hidden}.cube-upload-btn:active .cube-upload-btn-def{background-color:rgba(0,0,0,.04)}.cube-upload-input{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;font-size:0;opacity:0}.cube-upload-btn-def{width:80px;height:80px;box-sizing:border-box;background-color:#fff;box-shadow:0 0 6px 2px rgba(0,0,0,.08);border-radius:2px;position:relative}.cube-upload-btn-def:after{content:"";pointer-events:none;display:block;position:absolute;left:0;top:0;-webkit-transform-origin:0 0;transform-origin:0 0;border:1px solid #e5e5e5;border-radius:2px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-upload-btn-def:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-upload-btn-def:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333);transform:scale(.333)}}.cube-upload-btn-def>i:after,.cube-upload-btn-def>i:before{content:"";position:absolute;top:50%;left:50%;width:20px;height:2px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#666}.cube-upload-btn-def>i:after{-webkit-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg)}.cube-upload-file{position:relative}.cube-upload-file-def{position:relative;width:80px;height:80px;box-sizing:border-box;background:#fff no-repeat 50%;background-size:cover;border-radius:2px}.cube-upload-file-def>.cubeic-wrong{position:absolute;z-index:2;top:-2px;right:-2px;color:rgba(0,0,0,.8);font-size:16px;background-color:#fff;border-radius:50%}.cube-upload-file-def>.cubeic-wrong:before{display:inline-block;-webkit-transform:scale(1.625);transform:scale(1.625);-webkit-transform-origin:center;transform-origin:center}.cube-upload-file-state{position:relative;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;overflow:hidden;opacity:0;background-color:rgba(37,38,45,.4);border-radius:2px;-webkit-transition:opacity .1s;transition:opacity .1s}.cube-upload-file-state:before{content:".";position:relative;left:-50%;display:block;width:1px;height:1px;margin-left:-1px;background-color:rgba(0,0,0,.1)}.cube-upload-file_stat{opacity:1}.cube-upload-file-status{position:relative;z-index:1;font-size:30px;display:none}.cube-upload-file-status.cubeic-right{display:block;color:#fc9153}.cube-upload-file-status.cubeic-warn{display:block;color:#f43530}.cube-upload-file-status.cubeic-right:after,.cube-upload-file-status.cubeic-warn:after{content:"";z-index:-1;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:.56em;height:.56em;border-radius:50%;background-color:#fff}.cube-upload-file-status.cubeic-right+.cube-upload-file-progress,.cube-upload-file-status.cubeic-warn+.cube-upload-file-progress{display:none}.cube-upload-file-progress{color:#fff;font-size:20px}.cube-form{position:relative;font-size:16px;line-height:1.429;color:#666;background-color:#fff}.cube-form_groups .cube-form-group-legend{padding:10px 15px}.cube-form_groups .cube-form-group-legend:empty{padding-top:5px;padding-bottom:5px}.cube-form_standard .cube-form-item{min-height:46px}.cube-form_standard .cube-form-field{-webkit-box-flex:1;-webkit-flex:1;flex:1;font-size:14px}.cube-form_standard .cube-validator{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;position:relative}.cube-form_standard .cube-validator_invalid{color:#e64340}.cube-form_standard .cube-validator-content{-webkit-box-flex:1;-webkit-flex:1;flex:1}.cube-form_standard .cube-validator-msg-def{font-size:0}.cube-form_standard .cube-validator_invalid .cube-validator-msg:before{content:"\E614";padding-left:5px;font-family:cube-icon!important;font-size:20px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale}.cube-form_standard .cube-form-label{width:100px;padding-right:10px}.cube-form_standard .cube-checkbox-group:after,.cube-form_standard .cube-checkbox-group:before,.cube-form_standard .cube-radio-group:after,.cube-form_standard .cube-radio-group:before{display:none}.cube-form_standard .cube-input input{padding:13px 0;background-color:transparent}.cube-form_standard .cube-input:after{display:none}.cube-form_standard .cube-textarea-wrapper{padding:13px 0;height:20px}.cube-form_standard .cube-textarea-wrapper.cube-textarea_expanded{height:60px;padding-bottom:20px}.cube-form_standard .cube-textarea-wrapper.cube-textarea_expanded .cube-textarea-indicator{bottom:2px}.cube-form_standard .cube-textarea-wrapper .cube-textarea{padding:0;background-color:transparent}.cube-form_standard .cube-textarea-wrapper:after{display:none}.cube-form_standard .cube-select{padding-left:0;background-color:transparent}.cube-form_standard .cube-select:after{display:none}.cube-form_standard .cube-upload-def{padding:5px 0}.cube-form_standard .cube-upload-def .cube-upload-btn,.cube-form_standard .cube-upload-def .cube-upload-file{margin:5px 10px 5px 0}.cube-form_classic .cube-form-item{display:block;padding:15px}.cube-form_classic .cube-form-item:last-child{padding-bottom:30px}.cube-form_classic .cube-form-item:after{display:none}.cube-form_classic .cube-form-item .cube-validator-msg{position:absolute;margin-top:3px}.cube-form_classic .cube-form-item .cube-validator-msg:before{display:none}.cube-form_classic .cube-form-item .cube-validator-msg-def{font-size:12px}.cube-form_classic .cube-form-item_btn{padding-top:0;padding-bottom:0}.cube-form_classic .cube-form-item_btn:last-child{padding-bottom:0}.cube-form_classic .cube-form-label{padding-bottom:15px}.cube-form_fresh .cube-form-item{display:block;padding:2em 15px 10px}.cube-form_fresh .cube-form-item:after{display:none}.cube-form_fresh .cube-form-item .cube-validator-msg{position:absolute;top:1em;right:15px;bottom:auto;margin-top:-.4em;font-size:12px}.cube-form_fresh .cube-form-item .cube-validator-msg:before{display:none}.cube-form_fresh .cube-form-item .cube-validator-msg-def{font-size:100%}.cube-form_fresh .cube-form-item_btn{padding-top:0;padding-bottom:0}.cube-form_fresh .cube-form-item_btn:last-child{padding-bottom:0}.cube-form_fresh .cube-form-label{position:absolute;top:1em;margin-top:-.4em;font-size:12px}.cube-form-group{overflow:hidden}.cube-form-group-legend{font-size:14px;color:#999;background-color:#f3f4f5}.cube-form-item{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:0 15px}.cube-form-item:last-child:after{display:none}.cube-form-item .cube-checkbox-group,.cube-form-item .cube-radio-group{background-color:transparent}.cube-form-item .cube-checkbox,.cube-form-item .cube-radio{padding-left:0;padding-right:0}.cube-form-item_btn{margin:15px 0}.cube-form-item_btn:after{display:none}.cube-form-label{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;word-wrap:break-word;word-break:break-word}.cube-form-item_required .cube-form-label:before{content:"*";display:block;margin-top:1px;margin-right:.3em;color:#e64340}.cube-toast.cube-popup{z-index:900}.cube-toast .cube-popup-content{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:13px 16px;color:#ccc;background-color:rgba(37,38,45,.9);border-radius:2px}.cube-toast-icon{width:24px;height:24px;font-size:24px}.cube-toast-tip{line-height:20px;font-size:14px;max-width:12em;max-height:40px;overflow:hidden}.cube-loading~.cube-toast-tip,.cube-toast-icon~.cube-toast-tip{margin-left:8px}.cube-toast-fade-enter-active{-webkit-animation:toast-in .2s;animation:toast-in .2s}.cube-toast-fade-leave-active{-webkit-animation:toast-out .2s;animation:toast-out .2s}@-webkit-keyframes toast-in{0%{opacity:0}to{opacity:1}}@keyframes toast-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes toast-out{0%{opacity:1}to{opacity:0}}@keyframes toast-out{0%{opacity:1}to{opacity:0}}.cube-dialog-main{width:270px;padding:0;text-align:center;overflow:hidden;border-radius:2px;background-color:#fff}.cube-dialog-alert,.cube-dialog-confirm{position:relative;overflow:hidden}.cube-dialog-icon{margin-top:20px;margin-bottom:16px;line-height:1;color:#4a4c5b;font-size:30px}.cube-dialog-icon i{display:inline-block;width:30px;height:30px;padding:10px;box-sizing:content-box;border-radius:50%;background-color:#f3f4f5}.cube-dialog-icon+.cube-dialog-title .cube-dialog-title-def{margin-top:0}.cube-dialog-icon+.cube-dialog-content{margin-top:-4px}.cube-dialog-title{color:#333;font-size:16px;line-height:1}.cube-dialog-title+.cube-dialog-content{margin-top:12px}.cube-dialog-title-def{margin:30px 16px 0;overflow:hidden;white-space:nowrap}.cube-dialog-content{margin:16px 0;text-align:left;color:#666;font-size:14px;line-height:22px}.cube-dialog-content-def{padding:0 16px}.cube-dialog-content-def>p{display:table;margin:auto}.cube-dialog-content-def>p+.cube-input{margin-top:12px}.cube-dialog-confirm .cube-dialog-btns .cube-dialog-btn,.cube-dialog-prompt .cube-dialog-btns .cube-dialog-btn{width:50%;float:left}.cube-dialog-confirm .cube-dialog-btns.border-right-1px:after,.cube-dialog-prompt .cube-dialog-btns.border-right-1px:after{right:50%;border-color:#ebebeb}.cube-dialog-close{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;z-index:1;position:absolute;top:0;right:0;width:32px;height:32px;color:#999;font-size:18px}.cube-dialog-btns{overflow:hidden;width:100%;font-size:0}.cube-dialog-btn{display:inline-block;width:100%;padding:17px 10px;margin:0;font-size:16px;line-height:1;text-align:center;text-decoration:none;color:#999;background-color:#fff;background-clip:padding-box;box-sizing:border-box}.cube-dialog-btn:active{background-color:rgba(0,0,0,.04)}.cube-dialog-btn_highlight{color:#fc9153}.cube-dialog-btn_highlight:active{background-color:rgba(252,145,83,.04)}.cube-dialog-btn_disabled{color:#999}.cube-dialog-btn_disabled:active{background-color:transparent}.cube-dialog-fade-enter-active{-webkit-animation:dialog-fadein .4s;animation:dialog-fadein .4s}.cube-dialog-fade-enter-active .cube-dialog-main{-webkit-animation:dialog-zoom .4s;animation:dialog-zoom .4s}@-webkit-keyframes dialog-fadein{0%{opacity:0}to{opacity:1}}@keyframes dialog-fadein{0%{opacity:0}to{opacity:1}}@-webkit-keyframes dialog-zoom{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes dialog-zoom{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}.cube-action-sheet-fade-enter,.cube-action-sheet-fade-leave-active{opacity:0}.cube-action-sheet-fade-enter-active,.cube-action-sheet-fade-leave-active{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.cube-action-sheet-panel{text-align:center;font-size:14px;background-color:#fff}.cube-action-sheet-move-enter,.cube-action-sheet-move-leave-active{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.cube-action-sheet-move-enter-active,.cube-action-sheet-move-leave-active{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.cube-action-sheet-cancel{background-color:#fff}.cube-action-sheet-cancel span,.cube-action-sheet-item,.cube-action-sheet-title{display:block;padding:17px 16px;margin:0;text-align:center;overflow:hidden;white-space:nowrap;font-size:16px;font-weight:400;line-height:1;color:#666;background-color:#fff}.cube-action-sheet-cancel span:active,.cube-action-sheet-item:active{background-color:rgba(0,0,0,.04)}.cube-action-sheet-title{padding-top:16px;padding-bottom:16px;color:#333;font-size:18px}.cube-action-sheet-content{overflow:hidden;background:#fff}.cube-action-sheet-list{list-style:none}.cube-action-sheet-item{list-style:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cube-action-sheet-item:last-of-type:after,.cube-action-sheet-item:last-of-type:before{display:none}.cube-action-sheet-item[data-align=left]{text-align:left}.cube-action-sheet-item[data-align=right]{text-align:right}.cube-action-sheet-space{height:6px;background-color:rgba(37,38,45,.4)}.cube-action-sheet-item_active{color:#fc9153}.cube-action-sheet_picker .cube-action-sheet-space{height:0}.cube-action-sheet_picker .cube-action-sheet-title{height:1em;padding-top:21px;padding-bottom:21px}.cube-action-sheet_picker .cube-action-sheet-cancel{position:absolute;top:0;background-color:transparent}.cube-action-sheet_picker .cube-action-sheet-cancel span{padding-top:23px;padding-bottom:23px;color:#999;font-size:14px;background-color:transparent}.cube-action-sheet_picker .cube-action-sheet-cancel span:active{color:#ccc;background-color:transparent}.cube-drawer{z-index:5;right:0;left:0;color:#333}.cube-drawer,.cube-drawer-main{position:absolute;top:0;bottom:0;overflow:hidden}.cube-drawer-main{left:100%;max-width:90%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;box-shadow:-2px 0 2px rgba(0,0,0,.2)}.cube-drawer-title{position:relative;padding:0 20px;height:50px;line-height:50px;border-bottom:1px solid #eee;font-size:16px;background-color:#fff}.cube-drawer-panels{display:-webkit-box;display:-webkit-flex;display:flex}.cube-drawer-panel,.cube-drawer-panels{-webkit-box-flex:1;-webkit-flex:1;flex:1}.cube-drawer-panel{position:relative;z-index:1;width:170px;overflow:hidden;background-color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2)}.cube-drawer-panel+.cube-drawer-panel{margin-left:-67px}.cube-drawer-panel:first-child{box-shadow:none}.cube-drawer-scroll-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.cube-drawer-move-enter,.cube-drawer-move-leave-to{-webkit-transform:translate(67px);transform:translate(67px)}.cube-drawer-move-enter-active,.cube-drawer-move-leave-active{-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.cube-scroll-wrapper{position:relative;height:100%;overflow:hidden}.cube-scroll-list-wrapper{overflow:hidden}.cube-pulldown-wrapper{position:absolute;width:100%;left:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-transition:all;transition:all}.cube-pulldown-wrapper .before-trigger{height:54px;line-height:0;padding-top:6px}.cube-pulldown-wrapper .after-trigger .loading{padding:8px 0}.cube-pulldown-wrapper .after-trigger .cube-pulldown-loaded{padding:12px 0}.cube-pullup-wrapper{width:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.cube-pullup-wrapper .before-trigger{padding:22px 0;min-height:1em}.cube-pullup-wrapper .after-trigger{padding:19px 0}.cube-scroll-content{position:relative;z-index:1}.cube-scroll-item{height:60px;line-height:60px;font-size:18px;padding-left:20px}.cube-drawer-item{padding:0 20px;height:50px;line-height:50px;white-space:nowrap;overflow:hidden;font-size:15px}.cube-drawer-item:after{left:20px}.cube-drawer-item:last-child:after{display:none}.cube-drawer-item:first-child:after{display:block}.cube-drawer-item_active{background:rgba(0,0,0,.04)}.cube-image-preview-fade-enter,.cube-image-preview-fade-leave-active{opacity:0}.cube-image-preview-fade-enter-active,.cube-image-preview-fade-leave-active{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.cube-image-preview .cube-popup-mask{opacity:.6}.cube-image-preview .cube-popup-content{width:100%;height:100%}.cube-image-preview .cube-slide-item{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;overflow:hidden}.cube-image-preview-container{height:100%;margin:0 -10px}.cube-image-preview-footer,.cube-image-preview-header{position:absolute;left:0;right:0}.cube-image-preview-header{top:0}.cube-image-preview-footer{bottom:0}.cube-image-preview-counter{position:absolute;bottom:50px;width:100%;text-align:center;font-size:14px;color:#fff}.cube-image-preview-item{position:relative;padding:0 10px;width:100%;height:100%}.cube-image-preview-item .cube-scroll-wrapper{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.cube-image-preview-item .cube-image-preview-img{display:block;height:auto;max-width:100%;max-height:100%}.cube-slide{min-height:1px}.cube-slide,.cube-slide-group{position:relative;height:100%;overflow:hidden}.cube-slide-group{white-space:nowrap}.cube-slide-dots{position:absolute;bottom:2px;right:0;left:0;padding:0 6px;font-size:0;text-align:center;-webkit-transform:translateZ(1px);transform:translateZ(1px)}.cube-slide-dots>span{display:inline-block;vertical-align:bottom;margin:0 1px;width:10px;height:1px;background:#ccc}.cube-slide-dots>span.active{background:#fc9153}.cube-slide-item{float:left;box-sizing:border-box;height:100%;width:100%}.cube-slide-item>a{overflow:hidden;text-decoration:none}.cube-slide-item>a,.cube-slide-item>a>img{display:block;height:100%}.cube-index-list{position:relative;height:100%;overflow:hidden}.cube-index-list .cube-scroll-wrapper{position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden}.cube-index-list-content{background:#fff;border-radius:2px}.cube-index-list-title{padding:14px 16px;font-size:14px;line-height:1.6;color:#333}.cube-index-list-anchor{padding:16px 16px 10px;line-height:1;font-size:14px;color:#999;background:#f7f7f7}.cube-index-list-fixed{z-index:1;position:absolute;top:0;left:0;right:0}.cube-index-list-nav{position:absolute;z-index:30;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-family:Helvetica}.cube-index-list-nav>ul{padding:0;margin:0}.cube-index-list-nav>ul>li{padding:6px 16px 0;line-height:1;text-align:center;font-size:12px;color:#666}.cube-index-list-nav>ul>li.active{color:#fc9153}@media (max-height:480px){.cube-index-list-nav>ul>li{padding-top:3px}}.cube-index-list-item-def{position:relative;height:50px;line-height:50px;padding:0 16px;font-size:14px;color:#333}.cube-index-list-item-def:last-child:after,.cube-index-list-item-def:last-child:before{display:none}.cube-index-list-item_active{background:rgba(0,0,0,.04)}.cube-swipe{overflow:hidden}.cube-swipe-enter-active,.cube-swipe-enter-active .cube-swipe-item-inner,.cube-swipe-leave-active,.cube-swipe-leave-active .cube-swipe-item-inner{-webkit-transition:all .3s;transition:all .3s}.cube-swipe-enter .cube-swipe-item-inner,.cube-swipe-leave-to .cube-swipe-item-inner{height:0}.cube-swipe-item{position:relative}.cube-swipe-item-inner{height:60px;line-height:60px;font-size:16px;padding-left:20px}.cube-swipe-btn{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;position:absolute;top:0;left:100%;height:100%;text-align:left;font-size:16px}.cube-swipe-btn .text{-webkit-box-flex:1;-webkit-flex:1;flex:1;padding:0 20px;white-space:nowrap;color:#fff}.cube-sticky{position:relative;height:100%;overflow:hidden}.cube-sticky-fixed{z-index:1;position:absolute;top:0;left:0;right:0}.cube-sticky-fixed-fade-enter,.cube-sticky-fixed-fade-leave-active{opacity:0}.cube-sticky-fixed-fade-enter-active,.cube-sticky-fixed-fade-leave-active{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.cube-scroll-nav,.cube-sticky-ele{position:relative}.cube-scroll-nav{height:100%;overflow:hidden}.cube-scroll-nav .cube-sticky-content{height:100%}.cube-scroll-nav-main{overflow:hidden}.cube-scroll-nav-main>.cube-sticky{position:static}.cube-scroll-nav_side>.cube-sticky{display:-webkit-box;display:-webkit-flex;display:flex}.cube-scroll-nav_side>.cube-sticky>.cube-scroll-wrapper{-webkit-box-flex:1;-webkit-flex:1;flex:1}.cube-scroll-nav_side>.cube-sticky>.cube-sticky-fixed{position:relative;height:100%;-webkit-box-ordinal-group:0;-webkit-order:-1;order:-1}.cube-scroll-nav_side .cube-scroll-nav-main>.cube-sticky-ele{float:left}.cube-scroll-nav_side .cube-scroll-nav-main>.cube-sticky{overflow:hidden}.cube-scroll-nav-bar{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;color:#666;background-color:#fff}.cube-scroll-nav-bar_horizontal{-webkit-box-align:center;-webkit-align-items:center;align-items:center}.cube-scroll-nav-bar_horizontal .cube-scroll-wrapper{-webkit-box-flex:1;-webkit-flex:1;flex:1;text-align:center}.cube-scroll-nav-bar_horizontal .cube-scroll-content{display:inline-block;vertical-align:top}.cube-scroll-nav-bar_horizontal .cube-scroll-nav-bar-items{white-space:nowrap}.cube-scroll-nav-bar_vertical{height:100%;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;text-align:center}.cube-scroll-nav-bar_vertical .cube-scroll-nav-bar-item{display:block}.cube-scroll-nav-bar-items{font-size:14px}.cube-scroll-nav-bar-item{display:inline-block;vertical-align:top;padding:20px 15px}.cube-scroll-nav-bar-item_active{color:#fc9153}.cube-recycle-list{position:relative;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.cube-recycle-list-main{min-height:100%}.cube-recycle-list-fake{height:1px}.cube-recycle-list-invisible{top:-1000px;visibility:hidden}.cube-recycle-list-item{width:100%;position:absolute;box-sizing:border-box}.cube-recycle-list-transition{position:absolute;opacity:0;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:.5s;transition-duration:.5s}.cube-recycle-list-loading{overflow:hidden}.cube-recycle-list-loading-content{text-align:center}.cube-recycle-list-spinner{margin:10px auto;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}#app,body,html{height:100%}body{background-color:#fff;overflow:hidden}.cube-bar{z-index:10;position:absolute;right:0;left:0;height:44px;line-height:44px;text-align:center;background-color:#edf0f4;box-shadow:0 2px 1px #e9eaea;-webkit-backface-visibility:hidden;backface-visibility:hidden}.cube-bar h1{font-size:18px;font-weight:500}.cube-content{position:absolute;top:44px;left:0;right:0;bottom:0;overflow:scroll;-webkit-overflow-scrolling:touch}.cube-content .cube-list{padding-left:10px;z-index:1}.cube-content .cube-list .cube-index-list-group .cube-index-list-anchor{font-size:16px}.cube-content .cube-list .cube-index-list-group ul .cube-item{height:40px;line-height:40px;padding-left:16px}.cube-content .cube-list .cube-index-list-group ul .cube-item .link{display:block;position:relative;width:100%;color:#333;text-decoration:none;outline:0}.cube-content .cube-list .cube-index-list-group ul .cube-item .link .cubeic-arrow{position:absolute;right:0;padding:0 5px;color:#ccc}.cube-content .cube-list .cube-index-list-nav{margin-right:0;padding:8px 5px;border-radius:3px 0 0 3px;background:#f7f7f7;box-shadow:0 0 5px hsla(0,0%,50%,.278)}.cube-content .cube-list .cube-index-list-nav>ul>li{padding:8px 0}.cube-content .cube-list .cube-index-list-fixed{font-size:16px}.page-move-enter,.page-move-leave-active{-webkit-transform:translate(100%);transform:translate(100%)}.page-move-enter-active,.page-move-leave-active{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.cube-btn-group>button{margin:10px 0}.cube-btn-group.row>button{display:inline-block;width:auto;margin:10px 5px}.cube-btn-group.row>button:first-child{margin-left:0}.cube-btn-group.row>button:last-child{margin-right:0}.cube-page{position:absolute;z-index:10;top:0;left:0;width:100%;height:100%;background:#efeff4}.cube-page .header{position:relative;height:44px;line-height:44px;text-align:center;background-color:#edf0f4;box-shadow:0 1px 6px #ccc;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:5}.cube-page .header h1{font-size:16px;font-weight:700}.cube-page .header .cubeic-back{position:absolute;top:0;left:0;padding:0 15px;color:#fc9153}.cube-page>.wrapper{height:calc(100% - 44px);overflow-x:hidden;overflow-y:auto}.cube-page>.wrapper .desc{padding:10px;margin:10px 0;line-height:20px;font-size:14px}.cube-page>.wrapper .content{margin:10px}.cube-page.option-demo .wrapper{background-color:#fff}.cube-page.option-demo .title{font-size:16px;font-weight:500;color:#333;padding:15px;border-bottom:1px solid rgba(0,0,0,.1);margin-bottom:15px}.cube-page.option-demo .options{margin-bottom:15px}.cube-page.option-demo .option-list .group{margin-bottom:15px;border:1px solid rgba(0,0,0,.1);border-radius:5px}.cube-page.option-demo .option-list .item{height:52px;border-bottom:1px solid rgba(0,0,0,.1)}.cube-page.option-demo .option-list .item.sub{font-size:14px;background-color:rgba(0,0,0,.04)}.cube-page.option-demo .option-list .item.sub.first{box-shadow:inset 0 1px 1px 1px #eee}.cube-page.option-demo .option-list .item.sub.last{border-bottom:none}.cube-page.option-demo .demo{margin-bottom:15px}.cube-page.option-demo .methods .method-list .group{margin-bottom:15px;border:1px solid rgba(0,0,0,.1);border-radius:5px}.cube-page.option-demo .methods .method-list .item,.cube-page.option-demo .methods .method-list button{height:40px;font-size:16px}.cube-page.option-demo .methods .method-list .item{background-color:$color-active-light-gray;border-bottom:1px solid rgba(0,0,0,.1)}.cube-page.option-demo .methods .method-list button{width:100%;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background-color:#fc9153;box-shadow:0 0 0 1px #fc9153;border:none;outline:none;color:#fff}.checkbox-view .content>*{margin:10px 0}.checkbox-view .cube-checkbox{background-color:#fff}.checkbox-view .with-click .cube-checkbox-label a{position:relative;z-index:1}.checkbox-group-view .content>*,.radio-view .content>*{margin:10px 0}.radio-view img{width:100px}.switch-view .content>*{margin:10px 0}.switch-view .content .cube-switch{padding:10px;background-color:#fff}.tip-view .tip-eg{position:relative;width:300px;margin:70px auto;text-align:center}.tip-view .cube-btn{margin-bottom:10px}.popup-view .content>div{margin:10px 0}.cube-my-popup .cube-popup-center .cube-popup-content{padding:20px}.cube-my-popup .cube-popup-content{padding:80px 20px;color:#fff;background-color:rgba(0,0,0,.8)}.cube-extend-popup .cube-extend-popup-content{padding:20px;color:#fff;background-color:rgba(0,0,0,.8)}.cube-page.option-demo.input-view .wrapper{background-color:#efeff4}.cube-page.option-demo.input-view .wrapper .group{background-color:#fff}.cube-page.option-demo.input-view .wrapper .value{margin:15px 5px}.switch-option[data-v-73578a67]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:stretch;-webkit-align-items:stretch;align-items:stretch;height:100%;padding:0 15px}.switch-option .name[data-v-73578a67]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-flex:0;-webkit-flex:0 1 auto;flex:0 1 auto}.switch-option .switch-ellipse[data-v-73578a67]{-webkit-align-self:center;align-self:center;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;margin-top:5px;display:inline-block;position:relative;height:22px;width:36px;background-color:#fff;border-radius:1000px;border:2px solid rgba(0,0,0,.1);-webkit-transition:all .1s;transition:all .1s}.switch-option .switch-ellipse.active[data-v-73578a67]{background-color:#fc9153;border-color:transparent;-webkit-transition:all .2s ease .2s;transition:all .2s ease .2s}.switch-option .switch-ellipse .switch-circle[data-v-73578a67]{position:absolute;display:inline-block;height:20px;width:20px;background:#fff;border-radius:50%;border:1px solid rgba(0,0,0,.1);box-shadow:-1px 1px 1px #999;top:0;left:0;-webkit-transition:all .3s;transition:all .3s}.switch-option .switch-ellipse .switch-circle.active[data-v-73578a67]{left:14px;border:1px solid #fff;box-shadow:-1px 1px 1px #e8864c;-webkit-transition:all .3s ease .05s;transition:all .3s ease .05s}.textarea-wrapper{margin:30px 0}.component-desc{margin-top:15px;font-size:14px}.input-option[data-v-2295ccaf]{display:-webkit-box;display:-webkit-flex;display:flex;height:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:stretch;-webkit-align-items:stretch;align-items:stretch;-webkit-transform:rotate(0deg);transform:rotate(0deg);overflow:hidden}.input-option .name[data-v-2295ccaf]{-webkit-box-flex:0;-webkit-flex:0 0 120px;flex:0 0 120px;padding-left:10px;display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.input-option input[data-v-2295ccaf]{-webkit-box-flex:1;-webkit-flex:1 1 auto;flex:1 1 auto;min-width:1px;padding:0 10px;background-color:#fff;border-left:1px solid rgba(0,0,0,.1);box-shadow:inset 0 0 1px 1px #eee;outline:none}.input-option input[data-v-2295ccaf]:focus{outline:1px solid #fc9153;outline-offset:-1px}.rate-wrapper{margin:30px 0}.rate-wrapper .rate-text{text-align:center;margin-top:25px;vertical-align:middle}.rate-wrapper .rate-item{width:100%;height:100%;background-size:100%;background-color:gray}.cube-rate-item.active .rate-item{background-color:orange}.select-option[data-v-7605c0c2]{display:-webkit-box;display:-webkit-flex;display:flex;height:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:stretch;-webkit-align-items:stretch;align-items:stretch}.select-option .name[data-v-7605c0c2]{-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;width:120px}.select-option .name[data-v-7605c0c2],.select-option .select[data-v-7605c0c2]{display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;padding-left:10px;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.select-option .select[data-v-7605c0c2]{-webkit-box-flex:1;-webkit-flex:1 1 auto;flex:1 1 auto;border-left:1px solid rgba(0,0,0,.1);box-shadow:inset 0 0 1px 1px #eee}.select-option .select[data-v-7605c0c2]:focus{border:1px solid #fc9153}.cube-json-view h3{margin-top:15px;font-size:16px}.hljs{display:block;overflow-x:auto;padding:.5em;background:#002b36;color:#839496}.hljs-comment,.hljs-quote{color:#586e75}.hljs-addition,.hljs-keyword,.hljs-selector-tag{color:#859900}.hljs-doctag,.hljs-literal,.hljs-meta .hljs-meta-string,.hljs-number,.hljs-regexp,.hljs-string{color:#2aa198}.hljs-name,.hljs-section,.hljs-selector-class,.hljs-selector-id,.hljs-title{color:#268bd2}.hljs-attr,.hljs-attribute,.hljs-class .hljs-title,.hljs-template-variable,.hljs-type,.hljs-variable{color:#b58900}.hljs-bullet,.hljs-link,.hljs-meta,.hljs-meta .hljs-keyword,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-subst,.hljs-symbol{color:#cb4b16}.hljs-built_in,.hljs-deletion{color:#dc322f}.hljs-formula{background:#073642}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.form-custom .cube-form-item .cube-btn{padding-left:0;padding-right:0;text-align:left;color:inherit;background:none;border:none}.my-title-img{height:120px;margin-bottom:16px;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAhYAAADwCAMAAABrG91XAAAC+lBMVEXz9fnz9Pr29v/y9PoAAADy9Pnk5+7/tFH////x8/iWlpnf39/v8vfV2eHj5u3x8fHw8vjO0tvx9Pnk5ORWVlba3eVZWVr/4Gri5ew6Ojo8PDzm5uYtLi7w8fbu8PaysrIsLS3h5OsvLzDf4+oxMTLn6fA9PT1bW1ve4ej3xsP/riXN0tswMDHZ3eXs7/Tc3+f+/v7c3NxYWFjX2+Pj5ezq7fPo6/L8/Pw7OzsjSXfn1b74+Pr6+vpMTEzt7e3r6+z/gDXw8PArLCwyMjPv8PTp6eri4uJSUlJAQEDg4+vc4Ofb3+a+vr//05j09fnt7vDm5eXOzs9oaGhUVFVDQ0NJSUnU1NW0tLZGRkUqKiq6urxQUFD29/n19fWmp6rv7+//7NLR0dLKysuYmJro6Oja2trX19ff397ExMT/6MnHx8j/1Jv//fj/xHbr7vScnJ7/wW7/t1jk4+Pd3d2/wML/+fP/8Nr/1p8oKCj5+fz/9ef/47z/uV3xaiGrrK6kpKf/2KSioqSRkZOEhIX/yH7/+Oz/8uG3t7n/zYj/v2f7u2X/vWLy6d/4zsz/3bCfn6H/z496env/4bivr7H/26uKi4x/gIH4229hYWH+t0Dl2Mf4eS11dXWljGvu5Nb52Nbp2cP/5cL+y4TntnXi2tDCxczAn3Pv1XL3u2vt28P/4LNicY3BtIZAXYLOvoAtT3r/4nXrt3Rvb3CwlG//fjPx7ebv3sjpza3/7qnty5+gnZX/05Gtoo3/5orMp3WZhWmBclxtYlP2cCft397wwb6+qaz52avLtZm5qo5seI30woGfkn79rHrjtHbyum/7jUDyqzTy5+fh3dfv4sv/9cn33Lb6zbT2uLT7wZ3wx5J3fpLuyon52IjeyXn67+7c3uP74+H15dT24cT51sTQyL/m0rmOj5n/6pbfsnX4wXSNemH+mVn8mUDju7yWpbj/8bfZtbfGqrLNsbGDhpbxlZDSq3VcVEr+qUn4sjrt4rjxyanjxZrtenNhWE3FMZ3eAAAABXRSTlPmpxztAEuvwscAACDOSURBVHja7NVBSgNhDIDRaTU/FFx4AWfXrbv2WHP/pdhUaWwERSyUeW+TA+QjmR63myng07TZPk7bh4DiYTttAr7YTD4IV1RBRxbIAlkgC2RBJQsasqAhCxqyoCELGrKgIQsasqAhCxqyoCELGrKgIQsasqAhCxqyoCELGrKgIYt/Mr++BGey+HAcx+BMFkkWhSySLApZJFkUskiyKGSRZFHIIsmikEWSRSGLJItCFkkWhSySLApZJFkUskiyKGSRZFHIIsmikEWSRSGLJItCFkkWhSwi9idjjPdxCCJkETEuOBknsvgmi+dljjWTRZvF69jHmq08i3lZxqX9suwiZHGTLJ5/YRe3tB9XniJkcYssduPnbruOeciisfYsjrLorDyLpyGLzv1mMY+TQ/zFQRatu83ijZ07SG0chsI4vsqjgUiUgEGrgngEtMlowEm6mQvYhp6gZ+j9lyPZceJpPZaHWB67+v4Lv8alq/xontM6OxZ1ZvNAewKL3tbKYkdTsPgAi/5WymJHk7A4gEV/62SxPTzK4vnF9UG9fdTfO1xedpt0WyELp+JRFi80oh+bdFshizOBRdzmZJF1k0RkMp+qmhNZVoLFYpqNhRTdPItS+DivhxLiCBaLCSzAoqfZWJDt5lkU1qeMP5bSWjM7C10UUhaFJndQ1ObPgEXsFrxy5kJoLUROVoiK2pQQAixiBxYrLGkWxlp1stYQW8vUJq0twSJ2C2aBlbM/sACLnhZwgapvF6hZkMX54juQT9bR5bz5524sTrKJ6kObfwQWsZvwfYvDNP/NhZUzEFiARU8zsiDuRi7FPqmbwaxnZ1FVlVJVZYmrylCbrKoMLGL3+Mo5/ufHLRpYOQOBBVj0BBZg0VPiLLBy9jcnC9XtfkLeB1gspjVcoEZjkeW5VnmekclzQ22nPD+CRewWzAK7RX9gARY9fbeV83Ae1wUshvpuLMZmwGKoRFnIDCyGSpQFH8FiqERZZGAxWKIsBFgMliYLBovh0mRxBIvhkmQhBVgMlyQLAxaBkmRxvLEwZXlSZWmIy5KpTbozYBG7pbGQwrHAH9aHWhELI4TQ1/uG2E3tpulM6WZJIzJgEWplLLjDgjssyuuTaWlExzuLgllKZk2KWVGbO8NgEbuJWBTWWuUZuKk9AzcLN6WbfJvBPB+snIFWxEJqreXAJDdPFK4Ei2ArYjHVi0gOFsHSY6EFWARLj0UJFuHSY5GDRbjkWGjRZcHNBSqTYta4QL21QBaX3ZeeyaWNMcpN1ZnaTfnHDGWdCbydFWqBLOKWg8WI/ut9IvbThyQdKXpagMWIFnj7UNQqsBhTaiwEWIxpRhZUdKuhFD6p/VG7B4piV0RgsR3bZk0ltXJmk7H49DS/vde9bca0BiIpsZBiChb3J3XbtN//err2+rb/S19/ZywaR0os+HEW22Z4C80XvtenWz/fwy8jtZGNb7k2frNzZrFtFGEAfrKzu1kcyyNkS5GDELJUgwi2SG0VWwmRmjxAME4eGily0ibNXSCQtkShNE2B0nIkBVqoShERFVIRR1shLnG80HJJSLSACiqnhAAh7kPifOD/598d7zqOk6w3PpJ+Xs9uDyUP8+1/jHe8krQ4P08tZBo9OABcDLLCQDynFuQEXelKlKIZhdPiQiP0BAWCI52WtOSkHGJdC5o8cEEMFDF0K64jcgUMMAHQL/lIbpRg0FhBDepFlrXQpfBwJWR98IgMMnaxxl1bwYscAUPXgp81KXAotZixgrS41LIWfPI8uheyeAO82nzlYsHBO+HPMXcmRjOEHjiQGp5SM6Poi98F08J1nmUtNCHICTpknGnV7Y6TFQYvNsxRX4AcqkoXZIf4Ufij8V1CYqycknOVNS1keutTiIMbDjG98eiei808OTtYqAgpofKRvEI8FDAwbpSMFCtJi8staCGk4LHCw8UgK1Q4VBVn/PDFmbyiZsMNcDlg5GLQQWbw41y0KCyUQxavhZACfUDc/KWCFDjPKkLVpplrslqhn2jAsKHqapBx+LtKJJWsGC1WZdECn+jxweC8aNUqwx5U/Bv6NkfwIS2Fm16kAwzEHVm0+E6dhd+fYQke+OO4HBQySkiMFaOFyCELf5bTIIVHmz91Lcxmoz7VONx718GDB0+dOnUQ+OvUqb/gdM+97gz8gMqZZYdML8JTKmLYq4WnNjL37WrEhetbdMXHq1x4vy4hrkuNXDX//9dGF+Grc7nguPDEzAn19Am1Rk3EoiFJsFNRsCVZpyg90pyEQtFoPBZLJOQMQWSVQhFkklIRw1Ytap3ZKY11i0XgIiVwEFL4wIvRqalg8vSMUCKLFjD18aqqGBAHotFQdkXGUzKJQekIrTCK4SmaGPZrEXEuDy1ICjiMUvjwajQYDE59PiUR8VTnF5esqq+vb+jr7+/tra5ONjePMmAg3MzSJKurm5oa6tdXdXbGokY14gk3xB2CehuZxOC9yXKJFpF5FhmNuDCr8KsLr8bxfN+ll17mLAmEFKSFzyWk8NWt/RK9CIakeGd9U5L99MyaNWue+amSNQ/09Xe39gwPtnTsHmZsM2jR397R0TI43NPava7PYEmyqb4qFkqrEUvo2QT7VhJDdlDT6ih8wLBfi1rncoGkIIQU4Ect3OszQeB0L2OVrYNPrSGe+UYxsIWxcJixVsXEyN4dXfvaO7YMr6tENxo703EjGkvU6M0JrpxqvSofCiyG/Vp4nMsBvahIOwEZhKRYPc5v76lg8MybfVu6FIVbQV4oBrrZaHgzY8PKXOyd6GgdADWq4obHNETXijVG8ZsSm7RYHsHCmD8EdVyKQIzKifoTZz71el9VgGNrBO8ogo3NrDk8wNigkpOdu3sqWW9jLP1cl6g/SYyi1J72axFxljuZRUWdJgXkEGcixKVogOTwidfrPQITe5aMyPSii4EWkChalPnYODEIZoiYEXUYxZCLIob9WjiXAYaiwkdVBZeizk9S1DPW3aW87AWehhxy7Jc3jq05dvYpcxrp0LTYrSyAjRf0M9bUqZWg4zKJ4Yazlkio9izjaOEsbzKLCtF+1PluiPL0X5Vkle0KcBS0OPCy8s7vweCv3/wYDGI7ckzR6YFqFDuPdmVhTHQzVl0V1VYz3CpAUrhFU1Ko2vOcFtmlSHtRJ/yIUJCPQfPRM6IgLx8ALz5Tzv4aJJ4yabFZ02JCWShdrYwlGzUxYnq7yhfbAcojhZDinBa5Kk1RVCCBlMQRoYLCBfA2BAriHWMS2cto2YJBq7IoMaqrQlpTQmKIkCG61aUPGedKzrkrTe6EVmnKNFXRBqgq9iqICBdHNoIRH/FoAS3J74rGBYyWLRishy9WjE69KaEP1sxNCR1AAcywUYsbnGWJK+vyFTgBRcXaqMRJVbPRlo0KIcLF0ZOgxUnU4uTZdCMyyGjZgo0oi6NrHWMNcWO36jY3JegGhQxxsh37tXA7yw6oJWZJUecUy1dxiWhkrI9SgiFcAKjFR0FkhyLoZ7RswUCjRbKvnyWrpLmaEpFIxP4S++2wX4tyCxdcCXLCIIWhqIhJRLRJ1JoZ4eKfoMZvho5zVOtPK5XFs3F3JWsISbOaEngT1JmgGmk37JeDtLCNgLM8cBnNgLfwwVBUOEKSSCDN7bMnEMPFp8HgH//9AVq8YWg3GRiBWvQpVhgZZk30m6kpMYjh1jOJ2HskzohdativhRyYcx5KA5dLXJEShljh41LwosLFiwqRQPp3KLN52gsEEbMWHUzrT9cp1mhh6yWdUMIghvioRNZsECc422oGaWEjq50lSoYQQgmRPzQpXKjFapRCJJBhKhKyhovZWrTqT1u0KhbpZlTTiKYk/TgGvhD0QWxmtX9nGmlhJ+rqUssk2YSgSCGcIC9QCiQSk3Q6q1nlBQqQNVwgb/2SUVsM8GWLUShHFIvso3AhxHD4a0gMVEMzw2PenUZq2CYGaWEzsmoPtfkIFqlRsfcn6FKc/QBd86PGX2PAb3hEZj2kgp1zlodHvMCRN8CKk/8e1SPKTqYvWwwqFtnJeiUT4w7Vn/bClE9EUrF1lwlpUbJELJeUNQ5CfA+FbNxlbtpDik/4y/rz/UYp4k0wtzjducNF8MVP+FI40c70ZYsWxSI7WLVkJhQjn93khkpb2rgchIcO+x7PKGktHBFrGQOtIAH4WQhBoz646aB9H24uRYKkEAlkn4Lc/myOcHHASzytcIaZvmzRYT2JJCXCLIaeSXAgKUgM03qXTV6UthZuayVEIHuAQBcI6vi07WHw4vgdUcM8YALRVrvb2m7PES4Q+kQV6WfasgVrVyzSkaGFaEr8lEtE2CA5cDQ9Mm6HF6WthSOwGCNETVmbTQjaPYpCCCnozkOgEpHHJY5IIGK1+5G2Z5WsQLgQUBoZYfqyBdunWKQnqxbikxJhBh5iY5omBnmRPyWuRWReJUxCuOjsF7FBG8TXDog37QIVgcLPiwpBZ5JtnlB0bm9re1DJxmdeI6/yxSyxG2Bi0UucI3t37ujqmuij2iKrGGoNhAy02LTFRN9kopnhyT9clLUW5IQwQnjhNwthjhIiBAMUJ1S/O2WUIlTPWOuIIritre0RJQtHvSaO4FoUaTEK445sM09TPzGxr719d0fLlsFhvl+gvy88ACYJGqQ5CUXHcVca9VJCDu65KD0d+fckJa5FYF4nyAUcxOiqNZUQ4owRgt5CCYwTcizjK9F62ahWL4os0nZbztKCeBuXooAw16L9Aph5nHqYeT71mytH2YKojkvzESI93KC0roZMoBXLvbZQc0vhMi1W4kBEKDiIt5BBw0+H351ImXcNUgLBj0tNPNjWdr+SyatUaR44cERvRj5tbeX3PPSniyYJO896e2HvWUND47xWmINHKuFIVxzkRd5ppLS1yJlDuA+khIC2gLlqsmUMgoSQE7HxTCFEAukZyUz4D91/O7/1BwfTQb/5/Wa6+//2EscfZZzmTC2S1TDlTTjlsC1xfWNjFdAJpGCbKu1SDUnWEXrIKkBt+PKuLVbnenJGeCGEENQ50QtNCLdZCMccQogEwvq0ue+nhJ+TZHXyAy/x2vMw5VVAbzjZmUppMw6/qlCEEtiv8rYcjvwoYS1qArkjhcEJ3EuO4MnH35Eagwx4DRkjMTtjzE4gguT8N/ktH7702nEv8e11kkZlOCUVlNCGj898NXTn1pBDtau+KK4Wcm0kYGl12/CUto90cNahED54Az48RIoJ3OBPYP85P/GF3OT8n3aREYKXQkKtcLNUYN597krOu7jsaUu4KKoW1h/nctGLwAsuBeHz8QNlQSHitobxz2dgw/qMMEJYIQl6w+ulAhN6T/Nird6QlHFtIQesW2GgDl9oAx0+nkickVo5ZX9e3zozFUS8GfxsmKKBzVGp0NxyiLR4lC96Ap48s0iRtCAr8tdClBUYIfg5sHqtI7ZEExPaOkNeeNMcf+3blz40lidhZu1nX7d11y133rxhw9Bj2x54cnr//snJyTFgE3DNHGzSGBt793WuxRlqUT2YRcpUi4glH7TRuEeUrkGIa/2J8aUt/ENfghZTU8Hj3IafP7x513VSBg3hemkeQACY/6HHHpjeP3bNfXvuuP7Gu269qSI/DvF48bGqh4tyXeWssWYFHRQl9K+owZoytbRCiHAx9WUIJ1aak2S402gAjwBD2x6YngQDDoMB99xasRT8uf05XnMCshvXwMu0E4lYrjXxEO1owA8ZowTAFIAZYNv74Wk9BNwDIaBgHMI08j23AqTId02rWFp4rFphXtB0hKSCohUAQ3j/75/cpM2/MQI8HgYZisB7PFz46Sv7gPxa1GJp4be+q5zjxH40Ym+goLIPph1ve63ymxzb9Mp9ezD6Q/jPOeFCC3CkGGzH6uJe8iJvK4qlRY3FYGH89lRH3v3mnRD1pyd50l9QyC9lLQ5tBy2+wsV+yiJl2YnUWl3ahLOPWyFCRWdqcSFh181DT07ed8eN91QsBQ+H764oCj9guPhYNWYR62KUW7TQKk3oPrSqItrXklxYaLh5aHrTnutnybBctKjY/jq2In635kVZdiKqxWAhiEmceE/LYDR3dLhlwwNje24sRCFIWjxRURwOQdH5vZ++QRyzSDl2Io6A1dLCx+144Y5tfPGgu6VlYM74sGHb2GHwoaBcUTQtfoBw8Z5f98Ih59OiFk2LGywEC0ohfG3zcEXF9ZBGGlpatsSlWezaMH3N9cUp/b4Of1dRJLZDuDitAuKDEcsUb/HbYoNKpcX/7J19bBNlGMD/qu3ZmhvlXHI3us1ZDxOnsedXo7bNVkYbM6Pr17o1OjcYTBQBmYYoEdlUPlyEiSwLAkFxBPwPCBqj4UMTNRow0ZhoTDR+JUb/1v9MfJ73uXvbrre2t3WObv052y0r8PTp7573ed9r7/0EsvA4DBAbOjsHp1WId60JsYi0eBOazl9ZtcBBZE5WLJwWHutaIKTFE1AsQILlUCzu46cR33rx7YKGcsuVP06cPXLhyNnzx/+f4v6+7wv7nDl5/DwL+sQfV7ZYGEWgXHznaqQpKlhRhTMR4DbLYwhf3Vy+nRWL+4Y6O9fh2uOzzz+40SR/e89flMNhLwPu00cuFz7oqtNiy+ULaS+P2itfPL+3/FHk4788FZmiohYLhcda20mlghWLb+32Pbc77oMhpHOMjDDh+EUvJLcVaGlpRSDN6tmCHF9dWuw9q3oxaB41qnHxeLmjyMdfjXn4Qmc1zkQYT91kaRbC312x2W5/w/EIWvGbfQaOX8L0tgAriBZMMxyGR+ZXjA98P8xBiiMgAQrBgwZQ50unyzqN+pXdvrkvO0WtwpmIjuBqtMBtjbcBT/0CKdh/dMPQ0NBvJ2fI7594yLHsNjc381vMcVg9b58nSIvv7bPlvBL2mgYNZlwo1+bdfIqKWsxWjKv3nd/5ZC9G4Tq3x16C4wnKbzPSvgKy2oIpbiYxvBdzU3zVaLH3opekgEAh6pbWcCt7ArrNieP28vg0p7lY9FqgF2RF32Z7CU5QfiG97eFoQFqJ1EeSagvmGFOcvmKfL773fWCfFVfSoDJKAcjpjMai1jJpGXVmNp8os2c9Z3hRlTMRS+iXosTPiX1qL8ERL8svZDMaQSEYTI1AuJlSrPCx+mrR4rSi17d2b1rLi1pK4JNBL87ay+JbWrmYy3pWdWhBV68VBBdY4dpcjhWY36hGySUoyRkQA1Msz5cXP8xOi9MyBd3ckqwviLo+3cKC9h6xl8N+fnK9Kieo5SNQa0HXMyo5glAtDkeM9EqRSCQuGWIkVrAUR+dpdesL3/uzGUFUXWVF0qPW4hi1pkctyVAvyh1HXsKeE1j0WlBnQa1Fm70ol3Ur/FQqpEBCVRVFUdVoOqKxFGdamRf/8CXyymuxZcv27a++umfz5s0bN2586aW3d+/ev//DB+Gd+y+++MYbr732+uvPP//WW48//thjjz377CuvPPfcWFqvFUkWtBZJJihoNRGI6zaTF+X0nXv03sK2+LWgq+OhFsHi7XyUrIiy/MbTKiYXwW+iATr0vOhF+IK9BPkv70sFL++7BS/vyy8/86OvwfqbBWNhZsWKAEatZRI8aHQjEWFRJ5kXib1lRE1azOUkatVogR0U6y3G7MX4M5y1QguoiqpwVJVSDF5gvfB6P8t7eR/Pf3mfefJJx2x4ZBZaNHm9rFYwK6Q0RspBnZMS9yL8p700faSFsBS0cLvpqnJFtbhMCZZZfhNMivSZkQO9u3aOrmQ5VgOY4QgdeaKj8txn/VNlYoINIe04gmgZciIyvqm7t2nNeIAFHWU2J0DmsoaRtqWihZDV4md7Ef6BBDc3eyW0IqoA0gvLQ20iEOxIjUYxxcnskXetA6i4Fk87LDLCKly7yqxAlf2Hh9YGRSS4tjemAOSFjDL/ay/FRteS08JVVIs/wuywC6xEK1TI5pq1bSAFAvfB1KSi6PVCxiNPnYdycb/l6xiIKqtwXmyIMyhFZDjEoxbFjqYAqBKN4+DXgl5cLrnMuaR6C5yMgBa/2GfmEh9CNGw2k51BkYM5bpjAepEBL+KsXOxwVJx7fE6HNXaSy0lskdGK2NY+MS/sVD22yxp4kW6GhfxL9hKM8ZMiS0ELmokU0+IkJRg79wB2FV1GfjkdB/HIkyDDUSwXmsOx8FpIXjz3EUaXEypY8bBIZG1eDV7Q4NeKMp8sNT9dKstZAK1bwHHwbbGVLLQCi4WE047eoFhAxxlFZRmOs0nqVkfF8Vn8Owf1fpNmTkp8vcjhXqRwThWhctFSak1rNysWS0gLXM8qpsUl6iwgwUk47A4GRROc2NtL1F20enc6Ks5Wn8MS+1ixWKFB1FEIbUObWEjbLly/AJk1lPlSCS3osr7uan13lhXcAoJPeOaWcztr6FmC4bALPC2a0Na2Q1FZ15nEDJ9xVJz1Pmsfl455MWqF+k3/eEg0oyMG5SJuyLy9nInIEjiDKtiMTZjqXJ49M55uwslpuwxWYIJHglwF57rBtaLBw1AuomwUgQwnHBXH6bP2gWmVjyFpiLpfNAgNpnzZetepT6HSKPPpUr0FWTGHU6hVowXc6FdpnvHE+t942PUkcAyBhn6dqLO6twkYCOqOBEchw3HIMDy6xdvnqDSrffc7LBBk/VBPnErcZIeo098NQXfzJ9EApuMoksETwH/bi/Eq1FT9SkmL/91Z1FzgysW5e2fgczwF2ROo17SEokhGgp+G/CJDos4uRVVwjirDWezWwYZK41z/cIMF1rFi0Y6nTLEf6jOsaCIML4LjILMGvXQ7aPH5vcX4nX98aEm8aQ9XtLBcuI45zfkID7ueDGgRhYXCkFF+m3QGRWKroihYj9V2KBfrnAtMqhVlDusjX7dIrDWC7g7qk5FNispqHLanHzmL8Q1dzNdWve/8toAAYuht51GnOV+iFtviWr2kZI+7jiaDDfoo0pBQ1CQceFE88PqdC0wXG/lQiwBEPSASKR61TyS6ocbhCngrRP2lswjH8AxBFX98yAq00yd72x7w3nqnGRfQim2SpkmK3z+ia/E0T/CwcSQmFTWNWvRAuehyLjAD0CajFhpo4ecdZxePOiUSw1DjMhB1uL25uZgWh4KsB6PGYtFPUHm5qEOOHnvHxIwv23tAi3g9asGrBS/HvLmAaqGQFpDhha8WWCy4Fl0F1WJQr3G9fkVFLVog6hm1WH/o1EMugbBV50eTrUHqczFcrlVjR987dexQrh4foRXbMlQtxoMi0ds0rXtz+v1KUtPq1R7I8ML3Fs1Y47y6FrsMdXlvEdK12OdXFFzVb4eoP3cW8PWhY6e+GfPUGVK4q/NKe1YhM2ijSn2DLiRPj896tgEBTZKifnllh2FBE9HZZvSgoEUAtAhvAy22OhcY3wqscT2apkVw6DOCHGgijFElOAFa4Pi4DaL+rECIc8Ze7HXZrSOq+VNl5YLPEJ4peYH/kxecOs/Yod+6kQnQIu2X/T5RZ7CbdRYhkeg7CFpE4GXY9Ciw2rnArMYoduyYhFdc9csxQ+Y28qKLL3PG/f6opNXHdsAud/c6Ge8cO/Xe0XPZDctoWx0qFVV7zW/rCDZjE1jaUZqbUcdODekJGZYkKeCX5U1tfL1wXVe/UzRYG5H9Khx3MfoTQecC44Ex0e0+CDIn/LIymF2N7e9KZddmB2S/PwlR78OoDzEh+lwcvo0d7W9Y7fuJWEHgXlCHAf/pNZP2AjUSco0GXoAWkQbRjLYDsuxPS5I2IhCrOpavBpwLxUMC0q2RzKNB0YzQYdAiA1FPCQg+ZSoQvFBQQrJOCNV57SzrCPSFT9vwAmoGQGLwhEyAFmkZykWfaMLDEdAiAg/Z4Ca98jYz8+TQyFi1apXHs2oGHnqI3QJ4Q3R04C0niIRC7LaADoBp4b6zHkJSZTmaMnV5CIyJwiMmG6la6ha4qP3OOTD0vZMX+YaXBV64qWRQzaBiQYMBT4i7E9IXwTSanaMOTYAwCXhETKCJDcsq98LjmgONeXjycHE8jbkbH/Od8w9CTEmIbXK5WIgTXJYD8Ig1VCsBF+3bSGaTJzwDi3wLOxMv0Ar6Yrjzb3GF3OaK6RkODBZ4Edwn68XiBX1iU0cVme9N/f9A/w69om5WAPslIArRjXeI02mIyVgsgJ9yR1EUA3DRD+6cHCzyfVBNvaAFPHYHt4hAR75xxrAb8hfHDEf6+6bVijWKftjF7qIRGAEr+G6p1qkrjskfIP/07ogvMuDYl/GjF9PqRZsTrVDQ5ZGcUsnJ7pbM7jBLi33X5JnEQAPytCAv3LRIfhiHERVymW4KiVn6nOMykJaAXrJCn/HyfZVLvsxCCVxlAEYwKxh8X3QfdhcBGZhMBXML3EAcKxy6PHknxMzXb9xcCuMnPSu2Rb/HurkXZAa9pwCheoFS0AOuW4lHniIDsaEOPceh1ZtY0hNx+OWoMd8lNXhJFixjtXpkyz6JgXaSz49KbPADoqODoT6qFKHUhEpWoMu8WKIZlAL4npfLbArmStVpkTUD1eCwrPDf7ZKoXiDx0QMDqf7hTYcTMpJGK2I3Cdkpry3v2KsrgVAR6nKKP1kBt6MSLbkAamyktyvVtWtkUkYUZsWIjR8S9OQFhJ473dkqJUU1akGFkhAILozOTgmIkwgcnt9JX2GbgqW4XNwmCBYgB2nUoy8Wz12HJSATlacTjUjAhMd4hgLd6ti4GPSrSlCdWpgmIO/nTZJJiv3pOLMiZSNIDLKCivLccZcBb4a4ERT8neAFkFTlXNSAhEzclX3a0/sqnoFKUb1alOAFicRIq4YT0WRcQs78lJtFoxq72Q+Vo4QV1BRMbxHvHpWQeADWwQklEaCoRzy2Yq++YKsoVarFXdeUZComEZFMIBkIZOIScfDma65idtZLZEYmgFFHJGLlgWvK5G5bJahOLW5YVgZdI/VSAbED+Q+65Rb+XXksqxA5fxnecYbHpUImppaVzR22ClCVWgjXlZehqZFJKY8zj9JLYKrG/EMylPq3d41rUi71o73LrNBomztVqYXt1rJfhhcOxjS9Do+vGS758LKomCEz6rxvwvA5Nrqja5k1bBWgOrVw3Xh9+dwxMNzbObXs+uriuqnh3uGp6663ygO32SpAdWpRowg1LWoY1LSoYUJNixom1LSoYUJNixom1LSoYUJNixom1LT4r106JAAAAGAY1L/1C0xfQQYIWhC0IGhB0IKgBUELghYELQhaELQgaMHDAGGDZSKaQRUzAAAAAElFTkSuQmCC") no-repeat 50%;background-size:100%}.my-content{text-align:center}.scroll-example{display:inline-block;width:100px;margin:auto;text-align:left}.scroll-wrapper .cube-pulldown-wrapper .before-trigger{font-size:30px;line-height:30px;-webkit-align-self:flex-end;align-self:flex-end}.scroll-wrapper .cube-pulldown-wrapper .before-trigger span{display:inline-block;-webkit-transition:all .3s;transition:all .3s;color:#666}.scroll-wrapper .cube-pulldown-wrapper .before-trigger span.rotate{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.scroll-wrapper .cube-pulldown-wrapper .after-trigger .refresh-text{color:gray}.scroll-list-wrap{height:350px;border:1px solid rgba(0,0,0,.1);border-radius:5px;-webkit-transform:rotate(0deg);transform:rotate(0deg);overflow:hidden}.foods-wrapper .food-item{display:-webkit-box;display:-webkit-flex;display:flex;padding:18px;border-bottom:1px solid rgba(7,17,27,.1)}.foods-wrapper .food-item:last-child{margin-bottom:0}.foods-wrapper .food-item .icon{-webkit-box-flex:0;-webkit-flex:0 0 57px;flex:0 0 57px;margin-right:10px}.foods-wrapper .food-item .food-content{-webkit-box-flex:1;-webkit-flex:1;flex:1}.foods-wrapper .food-item .food-content .name{margin:2px 0 8px;height:14px;line-height:14px;font-size:14px;color:#07111b}.foods-wrapper .food-item .food-content .description,.foods-wrapper .food-item .food-content .extra{line-height:10px;font-size:10px;color:#93999f}.foods-wrapper .food-item .food-content .description{line-height:12px;margin-bottom:8px}.foods-wrapper .food-item .food-content .extra .count{margin-right:12px}.foods-wrapper .food-item .food-content .price{font-weight:700;line-height:24px}.foods-wrapper .food-item .food-content .price .now{margin-right:8px;font-size:14px;color:#f01414}.foods-wrapper .food-item .food-content .price .old{text-decoration:line-through;font-size:10px;color:#93999f}.foods-wrapper .food-item .food-content .cartcontrol-wrapper{position:absolute;right:0;bottom:12px}.jd .content{margin:0!important;height:100%}.jd .scroll-list-wrap{position:relative;height:100%;border:1px solid rgba(0,0,0,.1);border-radius:5px;-webkit-transform:rotate(0deg);transform:rotate(0deg);overflow:hidden}.jd .scroll-list-wrap footer,.jd .scroll-list-wrap header{position:absolute;left:0;z-index:32;line-height:0;width:100%}.jd .scroll-list-wrap header{top:0}.jd .scroll-list-wrap footer{bottom:0}.jd .scroll-list-wrap img{width:100%}.jd .scroll-list-wrap .cube-pulldown-wrapper{-webkit-transform:translateY(-100%);transform:translateY(-100%);line-height:0}.jd .scroll-list-wrap .cube-pulldown-wrapper .pulldown-content{width:100%}.jd .scroll-list-wrap .cube-pulldown-wrapper .pulldown-content span{position:absolute;bottom:15px;left:0;right:0;margin:auto;width:200px;text-align:center;color:#eee;font-size:14px}.jd .surprise-page{position:absolute;top:0;bottom:0;right:0;left:0;z-index:33;line-height:0}.jd .surprise-page img{height:100%;width:100%}.jd .surprise-page-enter,.jd .surprise-page-leave-to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.jd .surprise-page-enter-active,.jd .surprise-page-leave-active{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.horizontal-scroll-list-wrap{border:1px solid rgba(0,0,0,.1);border-radius:5px}.horizontal-scroll-list-wrap .cube-scroll-content{display:inline-block}.horizontal-scroll-list-wrap .list-wrapper{padding:0 10px;line-height:60px;white-space:nowrap}.horizontal-scroll-list-wrap .list-item{display:inline-block}.toutiao .content{margin:0!important;height:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-flow:column;flex-flow:column}.toutiao .content>header{line-height:0}.toutiao .content>header img{width:100%}.toutiao .content footer{line-height:0}.toutiao .content footer img{width:100%}.toutiao .nav-scroll-list-wrap{-webkit-transform:rotate(0deg);transform:rotate(0deg);position:relative;background-color:#fff;border-bottom:1px solid rgba(0,0,0,.1);padding-right:30px}.toutiao .nav-scroll-list-wrap .cube-scroll-content{display:inline-block}.toutiao .nav-scroll-list-wrap .cube-scroll-content .nav-wrapper{display:inline-block;white-space:nowrap;line-height:36px;padding:0 5px}.toutiao .nav-scroll-list-wrap .cube-scroll-content .nav-wrapper .nav-item{display:inline-block;padding:0 5px}.toutiao .nav-scroll-list-wrap .cube-scroll-content .nav-wrapper .nav-item:nth-child(2){color:#fa7b7a}.toutiao .nav-scroll-list-wrap .more-wrapper{position:absolute;right:0;top:0;bottom:0;z-index:1;background-color:#fff;opacity:.95}.toutiao .nav-scroll-list-wrap .more-wrapper .more{display:inline-block;height:1px;width:20px;padding:5px 0;border:1px solid #000;border-right:transparent;border-left:transparent;background-color:#000;background-clip:content-box;margin:11px}.toutiao .content-scroll-wrapper{-webkit-box-flex:1;-webkit-flex:1;flex:1;position:relative}.toutiao .content-scroll-wrapper .content-scroll-list-wrap{height:100%;-webkit-transform:rotate(0deg);transform:rotate(0deg);position:absolute;top:0;bottom:0;overflow:hidden}.toutiao .content-scroll-wrapper .content-scroll-list-wrap .imgs-wrapper .imgs-item>img{width:100%}.toutiao .cube-pulldown-wrapper{text-align:center}.toutiao .cube-pulldown-wrapper .before-trigger{height:auto;font-size:30px;-webkit-align-self:flex-end;align-self:flex-end}.toutiao .cube-pulldown-wrapper .before-trigger span{display:inline-block;line-height:1;-webkit-transition:all .3s;transition:all .3s;color:#666;padding:15px 0}.toutiao .cube-pulldown-wrapper .before-trigger span.rotate{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.toutiao .cube-pulldown-wrapper .after-trigger{-webkit-box-flex:1;-webkit-flex:1;flex:1;margin:0}.toutiao .cube-pulldown-wrapper .after-trigger .text-wrapper{margin:0 auto;margin-top:14px;padding:5px 0;color:#498ec2;background-color:#d6eaf8}.toutiao .cube-pulldown-wrapper .after-trigger .cube-loading-spinners{margin:auto}.toutiao .success-enter-active,.toutiao .success-leave-active{-webkit-transition:width .5s;transition:width .5s}.toutiao .success-enter,.toutiao .success-leave-to{width:70%}.toutiao .success-enter-to,.toutiao .success-leave{width:100%}.scroll-list-inner-wrap,.scroll-list-outer-wrap{border:1px solid rgba(0,0,0,.1);border-radius:5px;-webkit-transform:rotate(0deg);transform:rotate(0deg);position:relative}.scroll-list-outer-wrap{height:500px}.scroll-list-inner-wrap{height:300px}.inner-horizontal-scroll{vertical-align:top;width:200px}.inner-horizontal-scroll,.outer-horizontal-scroll{border:1px solid rgba(0,0,0,.1);border-radius:5px;-webkit-transform:rotate(0deg);transform:rotate(0deg);position:relative}.inner-horizontal-scroll .cube-scroll-content,.outer-horizontal-scroll .cube-scroll-content{display:inline-block;vertical-align:top}.inner-horizontal-scroll .list-wrapper,.outer-horizontal-scroll .list-wrapper{padding:0 10px;line-height:60px;white-space:nowrap}.inner-horizontal-scroll .list-item,.outer-horizontal-scroll .list-item{display:inline-block}.scroll-textarea[data-v-65e7f3ef]{background:#fff;text-align:center}.scroll-wrap[data-v-65e7f3ef]{height:400px;padding:10px;margin-bottom:30px;line-height:1.2;text-align:left;color:#323233;letter-spacing:0;border-top:1px solid gray;border-bottom:1px solid gray}.cube-textarea-wrapper[data-v-65e7f3ef],.editable-div-wrapper[data-v-65e7f3ef]{position:relative;height:100px;width:80%;margin:10px auto;font-size:14px;border-radius:2px;border:1px solid #ebebeb}.cube-textarea_active[data-v-65e7f3ef],.editable-div_active[data-v-65e7f3ef]{border:1px solid #fc9153}.cube-textarea-indicator[data-v-65e7f3ef],.editable-div-indicator[data-v-65e7f3ef]{position:absolute;z-index:1;bottom:7px;right:10px;color:#ccc}.editable-div[data-v-65e7f3ef]{min-height:80px;padding:10px;outline:none;color:#666;word-wrap:break-word;overflow-x:hidden;-webkit-user-modify:read-write-plaintext-only;-webkit-user-select:text}.cube-textarea[data-v-65e7f3ef]{width:100%;height:100px;padding:10px;box-sizing:border-box;vertical-align:top;text-align:left;font-size:100%;line-height:inherit;color:#666;background-color:#fff;border-radius:2px;resize:none;border:none;outline:none}textarea[data-v-65e7f3ef]::-webkit-input-placeholder{color:#ccc!important;text-overflow:ellipsis}.upload-view-def .content>div,.upload-view-def .content>p{margin:20px 0}.upload-view-def .content>div .cube-btn,.upload-view-def .content>div .cube-upload{margin:10px 0}.upload-view-compress .content>div,.upload-view-compress .content>p{margin:20px 0}.upload-view-compress .content>div .cube-btn,.upload-view-compress .content>div .cube-upload{margin:10px 0}.upload-view-custom .content>div,.upload-view-custom .content>p{margin:20px 0}.upload-view-custom-main{background-color:#fff}.upload-view-custom-main .cube-upload .cube-upload-btn,.upload-view-custom-main .cube-upload .cube-upload-file{margin:0;height:200px}.upload-view-custom-main .cube-upload .cube-upload-file{margin:0}.upload-view-custom-main .cube-upload .cube-upload-file+.cube-upload-btn{margin-top:-200px;opacity:0}.upload-view-custom-main .cube-upload .cube-upload-file-def{width:100%;height:100%}.upload-view-custom-main .cube-upload .cube-upload-file-def .cubeic-wrong{display:none}.upload-view-custom-main .cube-upload .cube-upload-btn{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.upload-view-custom-main .cube-upload .cube-upload-btn>div{text-align:center}.upload-view-custom-main .cube-upload .cube-upload-btn i{display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;width:50px;height:50px;margin-bottom:20px;font-size:32px;line-height:1;font-style:normal;color:#fff;background-color:#333;border-radius:50%}.validator-item{box-sizing:border-box;min-height:70px}.validator-item .custom-msg{color:orange}.swipe-view .swipe-wrapper{position:fixed;top:60px;left:10px;right:10px;bottom:0;background:#fff}.swipe-view .swipe-wrapper .swipe-item-wrapper{overflow:hidden}.swipe-view .swipe-wrapper .swipe-item-wrapper.swipe-enter-active,.swipe-view .swipe-wrapper .swipe-item-wrapper.swipe-enter-active .item-inner,.swipe-view .swipe-wrapper .swipe-item-wrapper.swipe-leave-active,.swipe-view .swipe-wrapper .swipe-item-wrapper.swipe-leave-active .item-inner{-webkit-transition:all .3s;transition:all .3s}.swipe-view .swipe-wrapper .swipe-item-wrapper.swipe-enter .item-inner,.swipe-view .swipe-wrapper .swipe-item-wrapper.swipe-leave-to .item-inner{height:0}.swipe-view .swipe-wrapper .item-inner{display:-webkit-box;display:-webkit-flex;display:flex;box-sizing:border-box;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:0 20px;height:80px}.swipe-view .swipe-wrapper .item-inner .icon{-webkit-box-flex:0;-webkit-flex:0 0 60px;flex:0 0 60px;width:60px;padding-right:20px}.swipe-view .swipe-wrapper .item-inner .text{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-flex:1;-webkit-flex:1;flex:1;line-height:20px;overflow:hidden;font-size:14px}.swipe-view .swipe-wrapper .item-inner .text .item-name{margin-bottom:10px;color:#333}.swipe-view .swipe-wrapper .item-inner .text .item-desc{color:#666}.view-wrapper .cube-drawer-item_active{color:#fc9153;background-color:transparent}.slide-container-v{height:380px;margin-bottom:15px;-webkit-transform:translateZ(0);transform:translateZ(0);border-radius:2px;overflow:hidden;box-shadow:0 2px 9px #ddd}.slide-container-v .cube-slide-dots .my-dot{height:auto;font-size:12px;background:none}.slide-container-v .cube-slide-dots .my-dot.active{color:#fc9153}.slide-container{height:75px;margin-bottom:15px;-webkit-transform:translateZ(0);transform:translateZ(0);border-radius:2px;overflow:hidden;box-shadow:0 2px 9px #ddd}.slide-container .cube-slide-dots .my-dot{height:auto;font-size:12px;background:none}.orange,.slide-container .cube-slide-dots .my-dot.active{color:#fc9153}.sticky-view-scroll .content>*{margin:10px 0}.sticky-view-scroll .sticky-view-container{position:absolute;top:45px;bottom:0;left:0;width:100%}.sticky-view-scroll .sticky-view-container li{padding:20px 10px}.sticky-view-scroll .sticky-view-container .sticky-header{background-color:#666}.sticky-view-scroll .sticky-view-container .cube-sticky{padding:0 10px}.sticky-view-scroll .sticky-view-container .cube-sticky .cube-scroll-wrapper{background-color:#fff}.sticky-view-scroll .sticky-view-container .cube-sticky-fixed .sticky-header{margin:0 10px}.sticky-view-native .content>*{margin:10px 0}.sticky-view-native .sticky-view-container{position:absolute;top:45px;bottom:0;left:0;width:100%}.sticky-view-native .sticky-view-container li{padding:20px 10px}.sticky-view-native .sticky-view-container .sticky-header{background-color:#666}.sticky-view-native .sticky-view-container .cube-sticky{padding:0 10px}.sticky-view-native .sticky-view-container .scroll-ele{height:100%;overflow:auto;-webkit-overflow-scrolling:touch;background-color:#fff}.sticky-view-native .sticky-view-container .cube-sticky-fixed .sticky-header{background-color:rgba(0,0,0,.6)}.sticky-view-wechat .content>*{margin:10px 0}.sticky-view-wechat .sticky-view-container{position:absolute;top:45px;bottom:0;left:0;width:100%}.sticky-view-wechat .sticky-view-container li{padding:20px 10px}.sticky-view-wechat .sticky-view-container .sticky-header{color:#fff;opacity:0;background-color:rgba(0,0,0,.6)}.sticky-view-wechat .sticky-view-container .cube-sticky .cube-scroll-wrapper{background-color:#fff}.sticky-view-wechat .sticky-view-container .cube-sticky img{vertical-align:top;height:250px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.sticky-view-wechat .sticky-view-container .cube-sticky-ele{margin-top:-60px;margin-bottom:4px}.sticky-view-wechat .sticky-view-container .sticky-fixed-show-enter,.sticky-view-wechat .sticky-view-container .sticky-fixed-show-leave-active{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.sticky-view-wechat .sticky-view-container .sticky-fixed-show-enter-active,.sticky-view-wechat .sticky-view-container .sticky-fixed-show-leave-active{-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.side-container{height:300px;margin-top:20px}.scroll-nav-def{background-color:#fff}.scroll-nav-def .view-wrapper{position:fixed;top:44px;left:0;bottom:0;width:100%}.scroll-nav-def .cube-scroll-nav-bar{border-bottom:1px solid #f4f4f4}.scroll-nav-def .cube-scroll-nav-panel{width:90%;margin:auto}.scroll-nav-def .cube-scroll-nav-panel img{width:114px;height:114px}.scroll-nav-def .cube-scroll-nav-panel ul{overflow:hidden;font-size:14px;line-height:1.4;color:#666}.scroll-nav-def .cube-scroll-nav-panel li{float:left;width:50%}.scroll-nav-def .cube-scroll-nav-panel li div{width:114px;margin:0 auto 15px}.scroll-nav-def .cube-scroll-nav-panel li div p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.scroll-nav-def .cube-scroll-nav-panel-title{padding:15px;font-size:16px;text-align:center}.scroll-nav-side{background-color:#fff}.scroll-nav-side .view-wrapper{position:fixed;top:44px;left:0;bottom:0;width:100%}.scroll-nav-side .prepend-header{width:90%;margin:20px auto;text-align:center;font-size:20px;line-height:1.6;border-radius:2px;box-shadow:0 0 4px rgba(0,0,0,.2)}.scroll-nav-side .cube-scroll-nav-main,.scroll-nav-side .cube-sticky-fixed{background-color:#efeff4}.scroll-nav-side .cube-scroll-nav-bar{width:120px;background-color:transparent}.scroll-nav-side .cube-scroll-nav-bar-item{padding:15px}.scroll-nav-side .cube-scroll-nav-bar-item_active,.scroll-nav-side .cube-scroll-nav-panels{background-color:#fff}.scroll-nav-side .cube-scroll-nav-panel img{width:114px;height:114px}.scroll-nav-side .cube-scroll-nav-panel ul{overflow:hidden;font-size:14px;line-height:1.4;color:#666}.scroll-nav-side .cube-scroll-nav-panel li{float:left;width:50%}.scroll-nav-side .cube-scroll-nav-panel li div{width:114px;margin:auto}.scroll-nav-side .cube-scroll-nav-panel li div p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.scroll-nav-side .cube-scroll-nav-panel-title{padding:15px;font-size:16px;background-color:#fff}.image-preview-custom-header{padding:20px;text-align:center;color:#fff;background-color:#000}.view-wrapper .imgs-container{margin-top:50px}.view-wrapper .imgs-container>img{max-width:100px;height:67px;margin:0 10px 16px;border-radius:4px}.view-wrapper .tips{margin-top:50px;text-align:center;font-size:30px;color:#222}.tab-bar-view .section{margin-bottom:10px;background-color:#fff}.tab-bar-view .option-list .group{margin-bottom:15px}.tab-bar-view .option-list .item{height:52px;border:1px solid rgba(0,0,0,.1);background-color:#fff;border-radius:5px}.tab-bar-view .cube-tab-bar,.tabs-basic-view .cube-tab-bar,.tabs-basic-view .cube-tab-panels{background-color:#fff}.tabs-basic-view .tab-panel-li{padding:0 16px;height:40px;line-height:40px;border-top:1px solid #eee}.tabs-basic-view .tab-panel-li:last-child{border-bottom:1px solid #eee}.cube-page.tab-composite-view>.wrapper>.content{margin:0}.tab-composite-view .cube-tab-bar{background-color:#fff}.tab-composite-view .cube-tab,.tab-composite-view .cube-tab_active{color:#000}.tab-composite-view .cube-tab-bar-slider{background-color:#000}.tab-composite-view .tab-slide-container{position:fixed;top:74px;left:0;right:0;bottom:0}.tab-composite-view .list-wrapper{overflow:hidden}.tab-composite-view .list-wrapper li{padding:15px 10px;margin-top:10px;text-align:left;background-color:#fff;font-size:14px;color:#999;white-space:normal}.tab-composite-view .list-wrapper li .line-height{line-height:1.5}.tab-composite-view .list-wrapper li .is-black{color:#000}.tab-composite-view .list-wrapper li .is-grey{color:#999}.tab-composite-view .list-wrapper li .is-bold{font-weight:700}.tab-composite-view .list-wrapper li .top{display:-webkit-box;display:-webkit-flex;display:flex}.tab-composite-view .list-wrapper li .top .avatar{width:15px;height:15px;margin-right:2px;border-radius:100%}.tab-composite-view .list-wrapper li .top .time{-webkit-box-flex:1;-webkit-flex:1;flex:1}.tab-composite-view .list-wrapper li .middle{display:-webkit-box;display:-webkit-flex;display:flex;margin:10px 0;color:#000}.tab-composite-view .list-wrapper li .hot-title{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;font-size:12px}.tab-composite-view .list-wrapper li .hot-title .hot-sequence{display:inline-block;margin-right:2px;padding:3px 6px;border-radius:2px;background-color:#b8860b;color:#fff}.tab-composite-view .list-wrapper li .hot-content{margin-top:15px}.cube-scroll-list-wrapper .cube-tab-bar{-webkit-flex-wrap:wrap;flex-wrap:wrap}.cube-scroll-list-wrapper .cube-tab-bar .cube-tab{width:100%;-webkit-flex-basis:unset;flex-basis:unset;height:40px;line-height:40px;font-size:14px;color:#db8931;-webkit-transition:all .3s ease-in;transition:all .3s ease-in}.cube-scroll-list-wrapper .cube-tab-bar .cube-tab.cube-tab_active{color:#fff;font-size:16px;background-color:#a74b00}.left-panel{left:0;width:80px;background-color:#2d2d2d}.left-panel,.right-panel{position:absolute;top:44px;bottom:0}.right-panel{left:80px;right:0;background-color:#171819}.right-panel li{height:80px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;background-color:#171819}.right-panel li img{width:102px;margin:0 10px 0 20px;border:1px solid #ff9f38;border-radius:3px;box-shadow:0 1px 5px 0 #000}.right-panel li span{color:#db8931}.checker-group-view .content>*{margin:10px 0}.checker-item{display:inline-block;vertical-align:top;text-align:center;padding:8px 10px;margin-right:10px;color:#fff;border-radius:4px;position:relative;background:#fc9153}.checker-item:active{background:#e8864c}.orange{font-weight:700;color:#ff8000}.view-wrapper{position:absolute}.list{background:#eee;width:375px;max-width:100%;height:100%;margin:0 auto;padding:0;border:1px solid #ddd;list-style-type:none;text-align:center}.list .item{display:-webkit-box;display:-webkit-flex;display:flex;padding:10px 0;width:100%;text-align:left}.list .item .avatar{border-radius:50%;margin-left:15px;margin-right:6px;min-width:48px;width:48px;height:48px;background-image:url(data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAMAAACahl6sAAAAb1BMVEU5bd5znu9ShueMtv9CeeeEqvdjku+cw/9Cded7pvdjju9SgueMsvdCcedaiu+cvv9Sfedzmu+ly/85cd5znvdaiueUuv9KfeeErvdrlu+lx/9ahueUtv9Keedrku+lw/+EpveMsv9Ccd57oveMrve5tZGnAAAPIUlEQVR4nO1cDXvaOAwOfWi9rbmHDh24NePYfPz/33hJbFmS7YBDnI7bQ7wVCAmx9OqV5M/mpP6M0vz2GlQqzW+vQaXyJyAy/Gv86/++/AmIDOXBkTsq6sGReywPjtxRUQ+O3GN5cOSOinpw5B7LgyN3VNSDI/dYHhy5o6IeHLnH8uDIHRX14Mg9lgdH7qioB0fusTw4ckdFPThyj+XBkYKijDLdsR2K6T4s9ZxFOdLX/NfPj93bF2ga+PK2+/jansxSsiyDyCDG/u+DbQBsf3wZ/trmr6fVfilZluBIV9d/ddMMlV935di/+KPRq5NRC9hAbUS6f2b/TwNOiGMvAf7rS49N89LBUvmZC3DEqJeGC3HE92sUx1p42VRHpSYivRhm5cRwVT72wBzdiXCyf9/8XZsrdTlifryBFRJo6/4c8awDx8Lbvq4ktRAZ/pivQIaknQTuDR6MNM2/23rPrsoRY3p2rMlF6fCKxbkA78bgW2delWSphYgT5NWTfBBBe0g0Q0Q74dAJ2FdVz3tV44hRmjwtcgM4JEyUo+f9270h0pc3iwT3YoCHBJw8ELDRdKWu8WRVlSOvZFaa/jJIHETs2wGT11q+qwYi3b/tN/D5SDChHgIILAdOFnzjGF9Hkjoc6cPg0XuroeYQAkgvIARbGyzNX+TcF6zqSDIfke6faZujp3nQOlICEXEfkS3Ikj6e/JgriarGEcPy24EGQJQYKo/2pgN3tHfE3Z3H2bqsg0gnx0fj0RA80ByZ/i9EFNGOJ/BRI5pU4Ij50bAGR6ABMj04L+3RsvTqzLHZV4jwcxHpBdnZ4HfRqDgl0JZin0Xh5DCPJaoORzqm94rlFWWUcD6YYsgQHgNVfDhp2vmeaz5HzMF6y9LoejklQPOgzhFhIB3ms2Q2R3qGhOQKbEyJUPPImwHzzR3f29ktxnmI9IJ8+PChebxDbVMUCSjQdxDyevsxx7ZUHY40zGMx00HP5M9o8mEURjx4/f0Gq/R7EOkAeYY1oweP4oQIYwN9B/6bge/N81wPPJcj6HsZIBADgu0sLfwXoddnaS+e7r8PkaPzvY6/lBESIgwOzp7wVpNt3VgHVYEjpgUrDwYIumAvYkgjgXtpl4mtYc+q9fmIKPNz8FnAGMIBSRGRAQXCiebnHClOszliXqx0WpwhkYFhq5cJPbgzl3IxB/wbEDmZJx8NGUN4WgUXISF3tu7avDdLoWpwJOqBywISPofGCDWBw+uad9d9PiLKGRZkGcLOphhYRpDBPOdIcZrNkQ1IbytcVgJIMD1qmgREYCNC4icjYvZw5HxmDUNLrBZ48I8U87u8cU8/O7EWqgJH2lDfBJAQYIgRrq3FDa73WV6YfVq9T0Vk7fVPvQqkb86Q0DrhiTBdugbRuJpel5kcEYhccFkRDKIR6e/bJ0nKZyKygTVpNQrqmRjCMANqRDq27OVPT6iFqsCRDZkQdi7mGCLcFgnDo4vNVePTEDltYSxKZGKIgCT6bm2TZvu0mszNtd4kCRKfy/NJaqP4fi+ea450y38WIuZFpvEkQZ4hvpFl0+92mSZiYS1UjVxrxbNZnklFDOFwAIvpgT2r7UjVPwWRpGElu+lSQDB5t/F30J5GlF1YZvdrYbsqdOcGpwWCIbwN767gaHVOa7xD6BMQOantThCE+hsyLkvmjjFFRipcUAdVo1/rtIo8rejPkgzhJga8NdaFw68XOx8WRkQNk+Qa3qIN4mQZYkchaTYXH1NQ5vf9PjEUqGfEsiHDlCMCkv797tp0jkURcX2/79QNF0IH5ewpJDYDCTzPkUJVGh/hLRJUNqu0AAWYSOS3rC4YVlgUkb6YZ05tTIJDpSNQROwMZ68OUV+vx2yOdP/iLqC4yuyd/86FGGosbou6sBdExEHyjgM7PG9kKAB/jXsmBobMsyxVa5zdOa4YENBZUBLWa3gqHlJYDBH/8xsx1pZLewNTMp7YtrOlOFWai2JWYEPPOwOE/4/lo5Ojee8kaSqMs3fFZVzcZaUHcBfgrhhi6Gv51Mbx09XmaylMzi8BIkM7njHZ/H2yNJXma5kNQN5lyYOliUiQSYOH419Vm9PYhp4tsAkz0q4hPNdub1JcWmrNaTTmzLqoM+7Khlk2JBPA++QpD/lTFec0KnNufNeWBEPwm+daepjwcNvD0lP1ZpmaobeOz3JIQdHYN9FfBB0/Kklxqjo3vhPlacCEd79LUIQ73qnthYpNlabq3HhlvgOMZlnB6Tqv9d3UkkJV5YgrpsXpWBwVhk/gfbulp9aQph5H3Ivp0hWOAwQ8cArUAMeK1vTUkOK0xBorcxrsKyEIc7qrjh0zhkKyNy2x6q1Dpatt0l7H2XQr1xdXTwq1AEe8JNtt+6EBWAjBMPK93Zrs3Ky50iyzMrTTt9m2zzvdI9MJNPzVH6tOimsVukmK02Jrdfs/pgNGte159bx6fm9bt8y1uGJTpVloZejwok5+rW7nokyfrS8khVqMI9ceu4Q0n7eefUkpTne3nv32m+5ph4FZt97dng+33nZPiNwuxenuOHK7NPeFyAwjvzuO3CrN8ogY5fbfKN2F48bHLMIRt41I92bTdsf5/H7uX1vlUpYSeaY/tC4igwTbtl2tdodXC03TJe6NO7ocuN8J4nW3Wz13GeQleW56dNX17KfN+2r3ljao4vZV37zarc6bmtLU6vs1pl3trN9DhPVj4XQg7VZXiC6Wxu5WeWxuqEQNjvRCHJgM2q8+1kIUko2tkeus7zAIk9fPpyEyYNF+HNkSJCu7qkOdsUcoiDXMI/eWtjurSJZbELnlNld6g/qwfv8QTTUPlQ6fmWzAzQ33GgD70ppZ00znIGI2K8TC7xcgZjXiEkTL++HdZRBgIiHBfhc72ExH5FY09m6GE9s6xNLAggcE4kl/AR4UynVMug1gYNfebGG3IdIz49A4McLkeM4IGzRPc1MAp0N4McVIil/W37w937gg5iaOGPPrqcF9jYRy+TQsseqbTYfgp5nBrT313+Qq0SURMZsd7uRyDMxAw0/H16S1sSkSwNbzaht242mefuAA6TREJsvx3fspJDhVXsu5itYDRZKJkXY5lK1pj6TmZfo2b9MQ6cXYH+FLcJsxw6NDW9qJAxca07iuZlfhe78/zJfz1I2FJnLEIBxEckClgzCidIgK60zw8Iuc78JNkmzzz0RMpnLkEPZronqFKEiGI4eoaFwhCJv3ycPhqAJ6MxWR8mL2BD5xFzhJkgF2LpXljBExMty0dqIMr5O2gpiCiGl7dgRXhc/nLKFDTgDWjEW8/uxHGD7I+Smj8BM4Yn41bHcsZioWkCXR9JOMqXkBvIkFivAhR8JkysYD5YgM0+ADx7nLDWlvOgdFzj7D6SqSJPF92mHSU6X5MQWRQjk2qKfIRIBBImudEcyykM8Gsji1gnaG/Kt4+8AyRFTYzyxUDuScJRnc2KY0KUdi9OTIPCrA7yNYvG1VKUfMR4N2FWyZz7Bm5GeRhCaV4iuL5DxLjgKPO9cbF6wK5xWUINLjsW8wq8vaC9aMKi5nMYusJQ4jMm+h2OSOTRkmhRwZdnE5JskU/sX4EE2YS0N7BEhgieA/rXpnC91rIDJsoLWOdw2JEclzm8MBPPbxQ3owAUhnXKooLpZxxHxj/iqGA5uCUss8SowBwqMkSgc8vvZRy7Pk6nTZIkQUd1hJJggXAJFVtiOr4UD4CmAXrP1eTyWIlFgW+J2nRBrFqkfZoKB2JF2GIeEnYvTw5u6xRfNvriOi3CK9aKOjtH7cZcmvJUPGMoAoC8Cz/T5iBZZVxhGkiJiKxYKIxRw4mQ4kaIItKxv/RORw3UW4hlQsEJ+DyMntqzNGAd4yH8GEG9lI5oKIxNY2fPlcwvYyjhxCb0nssESniAgiARwUbZQhIHotWHB3iDTnEv9bxpEn/qRI70Hf3BdxcMhJs/31MqDJBIcubd5LlF3GkYPPTmRzgzwNYMzPRn2CAc0ovs5a3F1TqMG6UFIJkZ4jB2EZ4oFYn8yEuaDsJMuii/lMx1xEnYLI9eI31sk4Gx0ZWGL8Ys2ruDTzGxll9F7rXBIRyzhycL8pYRf57YWDxRDmstjvoFRCQWR1tTkS9leMHjd4pRwUjACRy4pcG0kciehPVubIaOjOkEccCUPCF+wH3DXMa9HJ5TgSkcHa5JQkUgxIhKlUSNQR1rv1yhxhz4wwiZOLDCQkQuZgHsrGyuh3dXsvaSOWcoSqkqFjLr7wM4Os2SaLjDSp3xpOnGu12d2KSZsz7xSQHCi0MWsOEBH7Uy2tm1JECjiCkV0kEaTQhCASEwiJM2QBywcS7CgbvFalNrvLtXLPgRE9Jy6Uv4P0UvQKiYnaReIIapPDgnqOs2JBWPok8ZSxPWGIB7tiHHmKNSvVnjV9nvmlzfz4RCww+YmqceTg5pZAxmdl/FbMo3jVQoZGWUD8ueq51rg+x0I7XPo2YopQh7DKmnHkKWymntNmxNIEGJbw5hwfeq6MvA6kinFEIjIau0f0ngtA8ZAcZTKxgqrHkax1k85Bp4iFKKohuTvCxOYCu/9cPY6MaZysIu1HoXpexoQHdp78DBwpUfaEOHKNBTlMosGpcUwYADEgteKISr1WikvSpyWHrFIUE0yGy4TT8oCUZ78FHAleKxsmRCiLXgkQeWMCTApJ+HQ+XTeaSV4rk0EEvadY+AHrSxRhwOjQxRdrxxZ7reviIkdyqvQWniibKTptLqX3EyMSQBbItVJFckjCZ/5NCkkOnshhIEPAc6TE/KflWv4x0tgxu4iJgEmftTkUYoKMuKz+WC7XSjAZ90vcwDLx3BJF8v5j4EghItfFdV5rLA5Y1lJJWETDIRwGSRUQgxICkEHK2v1aib6ZhnXOHVnLOrUuHxAFVQbIEnFkFBMrzwoOJHlY1n8RJGmQrxRHVIYjUQcwxN3C7H1wWaPd9f6qxNTw8yJxJIcJZLQu/FbCnEyglw5DdnNU50hW4/7J8mwUScQZyF4ZzJMLXz+OPMWRPcIno/UcWrn7md8jO5NqWiSOJMMjQel5Tced+JnYH66SemEcKUTkurjjkZ18TsQaqetRbog2VGSnQU2L5FriCfRWp0jxGJO/N8Y0BHUhcNU4km2zM54k3cLcH/EsbAwTrotEKYvFkVT7OjrDmXC9fRhlW7FWyuLIfwTrhWTgURuSAAAAAElFTkSuQmCC);background-size:cover;outline:none}.list .item p{margin:0;word-wrap:break-word;font-size:14px}.list .item.tombstone p{width:100%;height:.5em;background-color:#ccc;margin:.5em 0}.list .item .bubble{padding:7px 10px;color:#333;background:#fff;box-shadow:0 3px 2px rgba(0,0,0,.1);position:relative;max-width:420px;min-width:80px;margin:0 20px 0 5px}.list .item .bubble:before{content:"";border-style:solid;border-width:0 10px 10px 0;border-color:transparent #fff transparent transparent;position:absolute;top:0;left:-10px}.list .item .meta{font-size:.8rem;color:#999;margin-top:3px}.view-wrapper{position:fixed;top:54px;left:0;bottom:0;width:100%}.view-wrapper .index-list-wrapper{height:98%;width:94%;margin:0 auto;overflow:hidden}.view-wrapper .index-list-wrapper.custom .cube-index-list-content{background-color:#222;color:#909090}.view-wrapper .index-list-wrapper.custom .cube-index-list-group{padding-bottom:30px}.view-wrapper .index-list-wrapper.custom .cube-index-list-anchor{background-color:#333;height:30px;line-height:30px;padding:0 0 0 20px}.view-wrapper .index-list-wrapper.custom .custom-item{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:20px 0 0 30px}.view-wrapper .index-list-wrapper.custom .custom-item .avatar{width:50px;height:50px;border-radius:50%}.view-wrapper .index-list-wrapper.custom .custom-item .name{margin-left:20px;color:$color-text-l;font-size:$font-size-medium}.view-wrapper .index-list-wrapper.custom .cube-index-list-nav{padding:20px 0;border-radius:10px;background:rgba(0,0,0,.3)}.view-wrapper .index-list-wrapper.custom .cube-index-list-nav>ul>li{padding:3px}.view-wrapper .index-list-wrapper.custom .cube-index-list-nav>ul>li.active .custom-nav-item{color:#ffcd32}.view-wrapper .index-list-wrapper.custom .custom-nav-item{font-size:12px;color:#909090} \ No newline at end of file diff --git a/docs/example/css/app.49c8c28698d311db24b594421f847851.css b/docs/example/css/app.49c8c28698d311db24b594421f847851.css deleted file mode 100644 index 6f8b7d6b3..000000000 --- a/docs/example/css/app.49c8c28698d311db24b594421f847851.css +++ /dev/null @@ -1 +0,0 @@ -a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font-weight:400;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block}body{line-height:1}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}table{border-collapse:collapse;border-spacing:0}a{color:#7e8c8d;-webkit-backface-visibility:hidden;text-decoration:none}li{list-style:none}body{-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}@font-face{font-family:cube-icon;src:url(data:application/font-woff;base64,d09GRgABAAAAAAikAAsAAAAADbAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZW7kh8Y21hcAAAAYAAAADAAAACbmMXOqBnbHlmAAACQAAAA/wAAAX4pdZ6/2hlYWQAAAY8AAAALgAAADYPLJwsaGhlYQAABmwAAAAcAAAAJAfeA5BobXR4AAAGiAAAABQAAAA8O+kAAGxvY2EAAAacAAAAIAAAACALQgymbWF4cAAABrwAAAAfAAAAIAEeAF1uYW1lAAAG3AAAAU4AAAJ5Hs+NonBvc3QAAAgsAAAAdQAAAJyx5qFgeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2Bk/sc4gYGVgYOpk+kMAwNDP4RmfM1gxMjBwMDEwMrMgBUEpLmmMDgwVDzrYW7438AQw9zA0AAUZgTJAQAvsgz+eJzFkkEOgkAMRf8IIgoYFwQl8QhegksR9rjDw7gynuhfA38pCTG61jZvkvmT9DftAFgDiMRFxEB4IMDiLjVMeoTdpMe46l7hICVBx5QZC5as2bBlz9s46n3Rq1kfJv0zgmoteZ7T9JUcYnWWYIMUW/lnyFFgr8fka62fRPif9Xvk0/mcb5oKuhm1yNTRFMHMsQ2zcGzLLB3bPitH0waPjuYOnhxYvdrRLsDGsV/B1oH59I51x8GBed4c7F/jOD05eJxlVE2IHEUUrle9XVUz09s9M/033bM9vz3du87saHp6ejYJmawiSmRXAqIggpCDYUX0aHIwsAcDooLiRRFhMURjIIu3HCQHwYuHePCgF0FIlJgc9OQhsGzH17O7sL0ONV9Vvar53qvvvXlEJuTRHemWVCM6WSTHyNPkLCHA+tBRqQftMB7SPpht2bQNVQq7YZt3O0PpFNgdZlhREgc240wDFRowakdJOKQhjOMpPQmR5QE4dfeFam+hKn0MxVrYuJw+R6+A2ewuaNPl9MzgtBG1dHFBqVadavVDwWRZUDqnqfCmbRXkQpGlV2XNNW81l2gTFCd0116eb9Wr596L3/J6dgFgcxP0eku9drriVnC841p61eHleVFz57u+ARf+LNV0xQv+IPgBfOs9+kByiYGbJGqCZfACggasE0IQT+inwhA+5+n38JQQvtBF+r4QUjVbGyK9md7MzoWATZxnfP/SO5JCKjM+O+NDKiQqIBuMtECDVzQt/UoLGhqspD9qdFdVsy3a1EavDCuwUu7tx0aINKA3SIkQvQD4OAwtLMAOyCCH6UMQYbqT7oQg0of0Rn4fZnfw59n7pM/xfSWiEQdJVeANsKcwGQKXupKOzwziJLIMSrbvy/L97Rm+qyXz6+XFsuYNPMk9sCJ+m/4FTrqqKOVlz1vO8RtkJc8vDWHGzHQsCK6CB91xnEyS05CM46AbcGZ2s71tmQbLuf/O9Ly+520oj9mC8TGX1bFtPL4Y1ezk+TNPBoGai2n3Dchu9z2oK6FRLoKiaWVWag5tuxkMoVOPnnkJoNc5ZS5mktJDMVePRMzDiQ12LpZf/S/8t4H7eZe/B5lV+Ef47P/xISNyTmyeIy34m5f8S3sjT/zPgRkHOaLv8pH8ZdpiaSV6N8OTMN6fI8uujLLDvKhly2pZ1tnziqoqjpPhSJmHbJFPcXarZaWxaqv38KuWHhGcslgwoM/oA+wLNmkR0psAqss42MzEmNoYVAxZTR3kXfpISr9kbuCydIsKqJv0J2sB0k+0WFuyPCwt73WZvlgxzcru17JSslwAzyzAb7MaG82Sulzf19dFDQTx0CsqMIRwPBqbWE5BiGt0jP7RrgI9Dyf6/RNw+3Z/0D8G0tbFi1sSPLE0HKwPjlN6fOCsOw5di8KNKR7g8XQjjNaO5lA+RCodUjyn5/b1u3Nzd6/P8LB+kn9gRdyrD4Qp/QH/gTXM4ChKxnoShF0VTH3mYq9twt9tXmxAUbw6m+y63xv3eiAJDlu8CFDk6TkuVsFPev7EP+gPz9LXZr0rDDo8A2xcBnaxaAJJLK02WJWl31xFbDD2M68wuMwoWll65RrnDTT8wjl8wLFb/Qe4TzceeJxjYGRgYADiO1X3jOL5bb4ycLMwgMA1tjVSCPr/QxYGZhCfg4EJJAoAH3UJZgAAeJxjYGRgYG7438AQw8IAAkCSkQEV8AMARxUCeHicY2FgYGB+ycDAwkA6BgA5kwElAAAAAAB2AJ4AxADmARYBcAGYAcYCDAJIAnoCqALUAvx4nGNgZGBg4GcIZGBlAAEmIOYCQgaG/2A+AwASOwF8AHicbZG7TgJBFIb/5WZYogVGS51GCw3LpTGhlAQKOwt6WGYXyN4yO0vCI/g8PoNPYG/nM9j6sxwpkJ3Myff/57InGQBtfMHB/rvi3bODJtWeKzjDjXCV/p1wjewJ19HCk3CD/rOwi0e8CLdwiQ0nOLUm1QPehB3u8C5cwQU+hKv0P4Vr5G/hOq7xI9xA2zkXdjF1boVbuHcKd2T0zOqFmm/Vyk+TIE2s6xdz3dmpVx0W0cwc9AGm2uSrNFF9r3fwJjrR5m9WvgkH1gYqMGmsxhyqoyhVmUnX2rfe0tps2O0G4nt+GnO1EQw0ZrCMCyjMsWVcwUeKBEEZLet8FMxpdA65V6qQbsRucyL/35lSGeTUO6XQ5zP1TtRNqJKy9nivnA8VYkDXcjfFa9gRk8ayqeY+EVkhK3NrOj59D8uyK8MQXZ7gqN4r/x3/AlLlb9YAAHicbcFRFoIgEAXQeQSmZtlGWhQKEUebqREPLb+PfruXDP309N8IgwMsHBoc0aJDjxMGnHHBiCvhYyc/L86rSnXzKlu01Su37z1uJQs7zelRXFXhZDPfpQmeU1Tn16hlUNk53CbRELXLz5do8VyMLERf/XogggAAAA==) format("woff"),url(data:application/x-font-ttf;base64,AAEAAAALAIAAAwAwR1NVQrD+s+0AAAE4AAAAQk9TLzJW7kh8AAABfAAAAFZjbWFwYxc6oAAAAhAAAAJuZ2x5ZqXWev8AAASgAAAF+GhlYWQPLJwsAAAA4AAAADZoaGVhB94DkAAAALwAAAAkaG10eDvpAAAAAAHUAAAAPGxvY2ELQgymAAAEgAAAACBtYXhwAR4AXQAAARgAAAAgbmFtZR7PjaIAAAqYAAACeXBvc3Sx5qFgAAANFAAAAJwAAQAAA4D/gABcBAAAAAAABAAAAQAAAAAAAAAAAAAAAAAAAA8AAQAAAAEAANx63jJfDzz1AAsEAAAAAADWBqwaAAAAANYGrBoAAP/hBAADGgAAAAgAAgAAAAAAAAABAAAADwBRAAUAAAAAAAIAAAAKAAoAAAD/AAAAAAAAAAEAAAAKAB4ALAABREZMVAAIAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAAAAQAAAAAAAQP+AZAABQAIAokCzAAAAI8CiQLMAAAB6wAyAQgAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABAAHjmjAOA/4AAXAOAAIAAAAABAAAAAAAABAAAAAPpAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAAAAAABQAAAAMAAAAsAAAABAAAAbYAAQAAAAAAsAADAAEAAAAsAAMACgAAAbYABACEAAAAFgAQAAMABgB45gjmC+YN5hTmGeZB5nbmg+aM//8AAAB45gjmC+YN5hTmFuZB5nbmg+aL//8AAAAAAAAAAAAAAAAAAAAAAAAAAAABABYAFgAWABYAFgAWABwAHAAcABwAAAABAAIAAwAEAAUABgAHAAgACQAKAAsADAANAA4AAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAAAALgAAAAAAAAADgAAAHgAAAB4AAAAAQAA5ggAAOYIAAAAAgAA5gsAAOYLAAAAAwAA5g0AAOYNAAAABAAA5hQAAOYUAAAABQAA5hYAAOYWAAAABgAA5hcAAOYXAAAABwAA5hgAAOYYAAAACAAA5hkAAOYZAAAACQAA5kEAAOZBAAAACgAA5nYAAOZ2AAAACwAA5oMAAOaDAAAADAAA5osAAOaLAAAADQAA5owAAOaMAAAADgAAAAAAAAB2AJ4AxADmARYBcAGYAcYCDAJIAnoCqALUAvwABQAA/+EDvAMYABMAKAAxAEQAUAAAAQYrASIOAh0BISc0LgIrARUhBRUXFA4DJyMnIQcjIi4DPQEXIgYUFjI2NCYXBgcGDwEOAR4BMyEyNicuAicBNTQ+AjsBMhYdAQEZGxpTEiUcEgOQAQoYJx6F/koCogEVHyMcDz4t/kksPxQyIBMIdwwSEhkSEowIBgUFCAICBA8OAW0XFgkFCQoG/qQFDxoVvB8pAh8BDBknGkxZDSAbEmGING4dJRcJAQGAgAETGyAOpz8RGhERGhF8GhYTEhkHEA0IGBoNIyQUAXfkCxgTDB0m4wAAAAABAAD/5gLpAxoAFAAAATYyHwEWFAcJARYUDwEGIicBJjQ3ApcIFAgkBwf+wAFCCAgkCBMI/ooICAMSCAgkCBQI/rb+tggUCCQICAGACBQIAAEAAP/0AuEDDAARAAABNjIXARYUBwEGIiY0NwkBJjQBMw8mDwFbDw/+pQ8mHg8BOP7IDwL9Dg7+pQ8mD/6lDh4lEAE4ATgQJQAAAAABAAAAAAMsAqwACwAAEwkBFwkBBwkBJwkB+wEFAQUn/vgBCCf++/77JwEI/vgCrP74AQgn/vv++ycBCP74JwEFAQUAAAMAAP/mA5oDGgALAA8AGQAAAQ4BBx4BFz4BNy4BBwMjAxMGIicmNDYyFhQCAK3oBQXora3oBQXohA82DU0QKBAPHSwdAxoF6K2t6AUF6K2t6K/+5wEZ/kAMDBAtHR0tAAMAAP/mA5oDGgALABQAOAAAAQ4BBx4BFz4BNy4BAy4BNDYyFhQGEwYHBgcOAR0BIzU0Njc2PwE2NTQmIyYHBhUjNDY3NhcWFRQGAgCt6AUF6K2t6AUF6LoVHR0rHR1oDCoXCAYHNQcFDjUXFC8oMhgXNk5JQSYmDgMaBeitregFBeitrej9awEdKx0dKx0BGwwnFBAKAQwPDxAGCx8uFxcfJi4BIhsyRlYBASUiPRUoAAAAAAIAAP/mA5oDGgALABIAAAEOAQceARc+ATcuAQMHJzcXARcCAK3oBQXora3oBQXo1iScJHYBByQDGgXora3oBQXora3o/d4mnCR2AQgkAAAAAgAA/+YDmgMaAAsAFwAAAQ4BBx4BFz4BNy4BAwcnByc3JzcXNxcHAgCt6AUF6K2t6AUF6AkkgH0kfX0kfX0kfQMaBeitregFBeitrej97iR9fSR9fSR9fSR9AAADAAD/5gOaAxoACwAUAC0AAAEOAQceARc+ATcuAQcyFhQGIiY0NhMjIiY0NjsBNSMiJjQ2OwEyFhcRMzIWFAYCAK3oBQXora3oBQXouhAWFiAWFlBmDA4ODBkZDA4ODDMMDQEZDA4OAxoF6K2t6AUF6K2t6K8WIBYWIBb+NA4XDuYOFw4OC/8ADhcOAAMAAAAAA5gC6QATABcAIAAAJTcBLgEiBgcBFwYVHgEXIT4BNzQBAyMDEy4BNDYyFhQGA48D/qEGGiYaBv6fAggBGxUCzRYcAf6SDzQPKRYdHSwdHWkFAlURFRUR/aYFDAsWGgEBHRUJAdv+5wEZ/jMBHSsdHS0bAAIAAP/mAxoDGgAIAB0AACUOAQcuASc1MzUVIzU0JicuASc+ATceARcOAQcOAQJmATorKzoBzMwrLCsxAQOfeHifAwEwKS4sTSw5AgI5LBlNGRkCTDInaD54nwMDn3g+aCcyTAACAAD/5gOaAxoACwAXAAAFLgEnPgE3HgEXDgEDDgEHHgEXPgE3LgECAK3oBQXora3oBQXoraniBATiqaniBATiGgXora3oBQXora3oAyQE4qmp4gQE4qmp4gAAAAIAAAAAAj4CwwAPABgAAAEzMjY1EzYmJyMOARUTHgEXDgEUFjI2NCYB7SEHCh4BCgheBwoeAQoXGyQlNSUlAQMIBwGfBwoBAQoH/mEHCEABJDYlJDckAAABAAAAAANHAmUAFAAAAScmIgcBJyYiDwEGFB8BFjI3ATY0A0AeBhIG/qikBhIGHgYG0QcRBgGFBgJAHgYG/qKnBwceBxEG1QcHAYsHEQAAAAAAEgDeAAEAAAAAAAAAFQAAAAEAAAAAAAEACQAVAAEAAAAAAAIABwAeAAEAAAAAAAMACQAlAAEAAAAAAAQACQAuAAEAAAAAAAUACwA3AAEAAAAAAAYACQBCAAEAAAAAAAoAKwBLAAEAAAAAAAsAEwB2AAMAAQQJAAAAKgCJAAMAAQQJAAEAEgCzAAMAAQQJAAIADgDFAAMAAQQJAAMAEgDTAAMAAQQJAAQAEgDlAAMAAQQJAAUAFgD3AAMAAQQJAAYAEgENAAMAAQQJAAoAVgEfAAMAAQQJAAsAJgF1CkNyZWF0ZWQgYnkgaWNvbmZvbnQKY3ViZS1pY29uUmVndWxhcmN1YmUtaWNvbmN1YmUtaWNvblZlcnNpb24gMS4wY3ViZS1pY29uR2VuZXJhdGVkIGJ5IHN2ZzJ0dGYgZnJvbSBGb250ZWxsbyBwcm9qZWN0Lmh0dHA6Ly9mb250ZWxsby5jb20ACgBDAHIAZQBhAHQAZQBkACAAYgB5ACAAaQBjAG8AbgBmAG8AbgB0AAoAYwB1AGIAZQAtAGkAYwBvAG4AUgBlAGcAdQBsAGEAcgBjAHUAYgBlAC0AaQBjAG8AbgBjAHUAYgBlAC0AaQBjAG8AbgBWAGUAcgBzAGkAbwBuACAAMQAuADAAYwB1AGIAZQAtAGkAYwBvAG4ARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAAIAAAAAAAAACgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADwECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAABeARiYWNrBWFycm93BWNsb3NlBHdhcm4IcXVlc3Rpb24FcmlnaHQFd3JvbmcEaW5mbwZkYW5nZXIFYWxlcnQMcm91bmQtYm9yZGVyCWltcG9ydGFudAJvawAA) format("truetype")}[class*=" cubeic-"],[class^=cubeic-]{font-family:cube-icon!important;font-size:100%;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale}.cubeic-important:before{content:"\E68B"}.cubeic-alert:before{content:"\E676"}.cubeic-ok:before{content:"\E68C"}.cubeic-back:before{content:"\E608"}.cubeic-arrow:before{content:"\E60B"}.cubeic-close:before{content:"\E60D"}.cubeic-warn:before{content:"\E614"}.cubeic-question:before{content:"\E616"}.cubeic-right:before{content:"\E617"}.cubeic-wrong:before{content:"\E618"}.cubeic-info:before{content:"\E619"}.cubeic-danger:before{content:"\E641"}.cubeic-round-border:before{content:"\E683"}.cube-btn{display:block;margin:0;padding:17px 16px;width:100%;text-align:center;white-space:nowrap;cursor:pointer;font-size:16px;line-height:1;color:#fff;background:#4a4c5b;outline:none;border:none;border-radius:2px;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.cube-btn>i{display:inline-block;margin-right:4px;font-size:100%;-webkit-transform:scale(1.13);transform:scale(1.13);-webkit-transform-origin:right center;transform-origin:right center}.cube-btn.cube-btn_active,.cube-btn:active{background:#444654;position:relative}.cube-btn.cube-btn_active:after,.cube-btn:active:after{content:"";pointer-events:none;display:block;position:absolute;left:0;top:0;-webkit-transform-origin:0 0;transform-origin:0 0;border:1px solid #444654;border-radius:2px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-btn.cube-btn_active:after,.cube-btn:active:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5) translateZ(0);transform:scale(.5) translateZ(0)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-btn.cube-btn_active:after,.cube-btn:active:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333) translateZ(0);transform:scale(.333) translateZ(0)}}.cube-btn.cube-btn_disabled,.cube-btn.cube-btn_disabled.cube-btn_active,.cube-btn.cube-btn_disabled:active{color:#fff;background:#ccc;position:relative}.cube-btn.cube-btn_disabled.cube-btn_active:after,.cube-btn.cube-btn_disabled:active:after,.cube-btn.cube-btn_disabled:after{content:"";pointer-events:none;display:block;position:absolute;left:0;top:0;-webkit-transform-origin:0 0;transform-origin:0 0;border:1px solid #ccc;border-radius:2px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-btn.cube-btn_disabled.cube-btn_active:after,.cube-btn.cube-btn_disabled:active:after,.cube-btn.cube-btn_disabled:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5) translateZ(0);transform:scale(.5) translateZ(0)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-btn.cube-btn_disabled.cube-btn_active:after,.cube-btn.cube-btn_disabled:active:after,.cube-btn.cube-btn_disabled:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333) translateZ(0);transform:scale(.333) translateZ(0)}}.cube-btn-inline{width:auto;display:inline-block;vertical-align:middle;padding:9px 10px;font-size:12px}.cube-btn-inline>i{margin-right:2px;-webkit-transform:scale(1.14);transform:scale(1.14)}.cube-btn-primary{color:#fff;background:#fc9153;position:relative}.cube-btn-primary:after{content:"";pointer-events:none;display:block;position:absolute;left:0;top:0;-webkit-transform-origin:0 0;transform-origin:0 0;border:1px solid #fc9153;border-radius:2px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-btn-primary:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5) translateZ(0);transform:scale(.5) translateZ(0)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-btn-primary:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333) translateZ(0);transform:scale(.333) translateZ(0)}}.cube-btn-primary.cube-btn_active,.cube-btn-primary:active{background:#e8864c;position:relative}.cube-btn-primary.cube-btn_active:after,.cube-btn-primary:active:after{content:"";pointer-events:none;display:block;position:absolute;left:0;top:0;-webkit-transform-origin:0 0;transform-origin:0 0;border:1px solid #e8864c;border-radius:2px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-btn-primary.cube-btn_active:after,.cube-btn-primary:active:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5) translateZ(0);transform:scale(.5) translateZ(0)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-btn-primary.cube-btn_active:after,.cube-btn-primary:active:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333) translateZ(0);transform:scale(.333) translateZ(0)}}.cube-btn-light{color:#666;background:#fcfcfc;box-shadow:0 1px 3px rgba(0,0,0,.1)}.cube-btn-light.cube-btn_active,.cube-btn-light:active{background:#e8e8e8;position:relative}.cube-btn-light.cube-btn_active:after,.cube-btn-light:active:after{content:"";pointer-events:none;display:block;position:absolute;left:0;top:0;-webkit-transform-origin:0 0;transform-origin:0 0;border:1px solid #e8e8e8;border-radius:2px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-btn-light.cube-btn_active:after,.cube-btn-light:active:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5) translateZ(0);transform:scale(.5) translateZ(0)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-btn-light.cube-btn_active:after,.cube-btn-light:active:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333) translateZ(0);transform:scale(.333) translateZ(0)}}.cube-btn-outline{color:#666;background:none;position:relative}.cube-btn-outline:after{content:"";pointer-events:none;display:block;position:absolute;left:0;top:0;-webkit-transform-origin:0 0;transform-origin:0 0;border:1px solid #666;border-radius:2px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-btn-outline:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5) translateZ(0);transform:scale(.5) translateZ(0)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-btn-outline:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333) translateZ(0);transform:scale(.333) translateZ(0)}}.cube-btn-outline.cube-btn_active,.cube-btn-outline:active{background:rgba(0,0,0,.08);position:relative}.cube-btn-outline.cube-btn_active:after,.cube-btn-outline:active:after{content:"";pointer-events:none;display:block;position:absolute;left:0;top:0;-webkit-transform-origin:0 0;transform-origin:0 0;border:1px solid #666;border-radius:2px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-btn-outline.cube-btn_active:after,.cube-btn-outline:active:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5) translateZ(0);transform:scale(.5) translateZ(0)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-btn-outline.cube-btn_active:after,.cube-btn-outline:active:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333) translateZ(0);transform:scale(.333) translateZ(0)}}.cube-btn-outline-primary{color:#fc9153;background:none;position:relative}.cube-btn-outline-primary:after{content:"";pointer-events:none;display:block;position:absolute;left:0;top:0;-webkit-transform-origin:0 0;transform-origin:0 0;border:1px solid #fc9153;border-radius:2px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-btn-outline-primary:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5) translateZ(0);transform:scale(.5) translateZ(0)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-btn-outline-primary:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333) translateZ(0);transform:scale(.333) translateZ(0)}}.cube-btn-outline-primary.cube-btn_active,.cube-btn-outline-primary:active{background:rgba(252,145,83,.08);position:relative}.cube-btn-outline-primary.cube-btn_active:after,.cube-btn-outline-primary:active:after{content:"";pointer-events:none;display:block;position:absolute;left:0;top:0;-webkit-transform-origin:0 0;transform-origin:0 0;border:1px solid #e8864c;border-radius:2px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-btn-outline-primary.cube-btn_active:after,.cube-btn-outline-primary:active:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5) translateZ(0);transform:scale(.5) translateZ(0)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-btn-outline-primary.cube-btn_active:after,.cube-btn-outline-primary:active:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333) translateZ(0);transform:scale(.333) translateZ(0)}}.cube-checkbox{position:relative;padding:0 16px;text-align:left;font-size:100%;color:#666;background-color:#fff}.cube-checkbox[data-pos=right] .cube-checkbox-wrap{padding-left:0;padding-right:1.42em}.cube-checkbox[data-pos=right] .cube-checkbox-ui{left:auto;right:0}.cube-checkbox-wrap{position:relative;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;box-sizing:border-box;width:100%;height:100%;padding:11px 0 11px 1.42em;line-height:1.5;word-break:break-word;word-wrap:break-word}.cube-checkbox-input{z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.cube-checkbox-ui{position:absolute;left:0;width:1em;height:1em;line-height:1;border-radius:50%}.cube-checkbox-ui:before,.cube-checkbox-ui i{-webkit-transition:all .2s;transition:all .2s}.cube-checkbox-ui:before{color:#ccc;display:inline-block;-webkit-transform:scale(1.2);transform:scale(1.2)}.cube-checkbox-ui i{position:absolute;top:0;left:0;color:transparent;-webkit-transform:scale(.4);transform:scale(.4)}.cube-checkbox_checked .cube-checkbox-ui:before{color:transparent}.cube-checkbox_checked .cube-checkbox-ui i{color:#fc9153;-webkit-transform:scale(1.23);transform:scale(1.23)}.cube-checkbox_disabled .cube-checkbox-ui{background-color:#eee}.cube-checkbox_disabled .cube-checkbox-ui:before,.cube-checkbox_disabled .cube-checkbox-ui i{-webkit-transition:none;transition:none}.cube-checkbox_disabled .cube-checkbox-ui:before{color:transparent}.cube-checkbox_disabled .cube-checkbox-ui i{color:#eee}.cube-checkbox_checked.cube-checkbox_disabled .cube-checkbox-ui{background-color:#fff}.cube-checkbox-group{z-index:1;overflow:hidden}.cube-checkbox-group .cube-checkbox:last-child .cube-checkbox-wrap:after,.cube-checkbox-group .cube-checkbox:last-child .cube-checkbox-wrap:before{display:none}.cube-checkbox-group[data-horz=true]{display:-webkit-box;display:flex;padding-left:0;position:relative;border-radius:2px}.cube-checkbox-group[data-horz=true]:after{content:"";pointer-events:none;display:block;position:absolute;left:0;top:0;-webkit-transform-origin:0 0;transform-origin:0 0;border:1px solid #ccc;border-radius:2px;box-sizing:border-box;width:100%;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.cube-checkbox-group[data-horz=true]:after{width:200%;height:200%;border-radius:4px;-webkit-transform:scale(.5) translateZ(0);transform:scale(.5) translateZ(0)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-checkbox-group[data-horz=true]:after{width:300%;height:300%;border-radius:6px;-webkit-transform:scale(.333) translateZ(0);transform:scale(.333) translateZ(0)}}.cube-checkbox-group[data-horz=true] .cube-checkbox{-webkit-box-flex:1;flex:1;flex-basis:1e-9px;width:1%;text-align:center;padding-left:10px;padding-right:10px}.cube-checkbox-group[data-horz=true] .cube-checkbox:after{border-color:#ccc}.cube-checkbox-group[data-horz=true] .cube-checkbox:last-child:after,.cube-checkbox-group[data-horz=true] .cube-checkbox:last-child:before{display:none}.cube-checkbox-group[data-horz=true] .cube-checkbox-wrap{display:-webkit-inline-box;display:inline-flex;width:auto}.cube-popup{position:fixed;left:0;right:0;top:0;bottom:0;z-index:100}.cube-popup-container,.cube-popup-mask{position:absolute;width:100%;height:100%}.cube-popup-mask{background-color:rgba(37,38,45,.4)}.cube-popup-container{-webkit-transform:translate(100%,100%);transform:translate(100%,100%)}.cube-popup-content{position:absolute;top:0;left:0;width:100%;box-sizing:border-box;-webkit-transform:translate(-100%,-100%);transform:translate(-100%,-100%)}.cube-popup-center .cube-popup-content{position:absolute;top:-50%;left:-50%;width:auto;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.cube-dialog-main{width:270px;padding:0;text-align:center;overflow:hidden;border-radius:2px;background-color:#fff}.cube-dialog-alert,.cube-dialog-confirm{position:relative;overflow:hidden}.cube-dialog-icon{margin-top:20px;margin-bottom:16px;line-height:1;color:#4a4c5b;font-size:30px}.cube-dialog-icon i{display:inline-block;width:30px;height:30px;padding:10px;border-radius:50%;background-color:#f3f4f5}.cube-dialog-icon+.cube-dialog-title .cube-dialog-title-def{margin-top:0}.cube-dialog-icon+.cube-dialog-content{margin-top:-4px}.cube-dialog-title{color:#333;font-size:16px;line-height:1}.cube-dialog-title+.cube-dialog-content{margin-top:12px}.cube-dialog-title-def{margin:30px 16px 0;overflow:hidden;white-space:nowrap}.cube-dialog-content{margin:16px 0;text-align:left;color:#666;font-size:14px;line-height:22px}.cube-dialog-content-def{padding:0 16px}.cube-dialog-content-def>p{display:table;margin:auto}.cube-dialog-confirm .cube-dialog-btns .cube-dialog-btn{width:50%;float:left}.cube-dialog-confirm .cube-dialog-btns.border-right-1px:after{right:50%;border-color:#ebebeb}.cube-icon-confirm{background-size:262px 53px}.cube-dialog-close{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;z-index:1;position:absolute;top:0;right:0;width:32px;height:32px;color:#999;font-size:18px}.cube-dialog-btns{overflow:hidden;width:100%}.cube-dialog-btn{display:inline-block;width:100%;padding:17px 10px;margin:0;font-size:16px;line-height:1;text-align:center;text-decoration:none;color:#999;background-color:#fff;background-clip:padding-box;box-sizing:border-box}.cube-dialog-btn:active{background-color:$$color-light-grey-opacity}.cube-dialog-btn_highlight{color:#fc9153}.cube-dialog-btn_highlight:active{background-color:rgba(252,145,83,.04)}.cube-dialog-btn_disabled{color:#999}.cube-dialog-btn_disabled:active{background-color:transparent}.cube-dialog-fade-enter-active{-webkit-animation:dialog-fadein .4s;animation:dialog-fadein .4s}.cube-dialog-fade-enter-active .cube-dialog-main{-webkit-animation:dialog-zoom .4s;animation:dialog-zoom .4s}@-webkit-keyframes dialog-fadein{0%{opacity:0}to{opacity:1}}@keyframes dialog-fadein{0%{opacity:0}to{opacity:1}}@-webkit-keyframes dialog-zoom{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes dialog-zoom{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}.cube-loading img{display:block}.cube-toast.cube-popup{z-index:900}.cube-toast .cube-popup-content{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;padding:13px 16px;color:#ccc;background-color:rgba(37,38,45,.9);border-radius:2px}.cube-toast-icon{width:24px;height:24px;font-size:24px}.cube-toast-tip{line-height:20px;font-size:14px;max-width:12em;max-height:40px;overflow:hidden;margin-left:8px}.cube-toast-fade-enter-active{-webkit-animation:toast-in .2s;animation:toast-in .2s}.cube-toast-fade-leave-active{-webkit-animation:toast-out .2s;animation:toast-out .2s}@-webkit-keyframes toast-in{0%{opacity:0}to{opacity:.8}}@keyframes toast-in{0%{opacity:0}to{opacity:.8}}@-webkit-keyframes toast-out{0%{opacity:.8}to{opacity:0}}@keyframes toast-out{0%{opacity:.8}to{opacity:0}}.cube-action-sheet-fade-enter,.cube-action-sheet-fade-leave-active{opacity:0}.cube-action-sheet-fade-enter-active,.cube-action-sheet-fade-leave-active{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.cube-action-sheet-panel{text-align:center;font-size:14px}.cube-action-sheet-move-enter,.cube-action-sheet-move-leave-active{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.cube-action-sheet-move-enter-active,.cube-action-sheet-move-leave-active{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.cube-action-sheet-cancel{background-color:#fff}.cube-action-sheet-cancel span,.cube-action-sheet-item,.cube-action-sheet-title{display:block;padding:17px 16px;margin:0;text-align:center;overflow:hidden;white-space:nowrap;font-size:16px;font-weight:400;line-height:1;color:#666;background-color:#fff}.cube-action-sheet-cancel span:active,.cube-action-sheet-item:active{background-color:rgba(0,0,0,.04)}.cube-action-sheet-title{padding-top:16px;padding-bottom:16px;color:#333;font-size:18px}.cube-action-sheet-content{overflow:hidden;background:#fff}.cube-action-sheet-list{list-style:none}.cube-action-sheet-item{list-style:none;-webkit-user-select:none;user-select:none}.cube-action-sheet-item:last-of-type:after,.cube-action-sheet-item:last-of-type:before{display:none}.cube-action-sheet-item[data-align=left]{text-align:left}.cube-action-sheet-item[data-align=right]{text-align:right}.cube-action-sheet-space{height:6px}.cube-action-sheet-item_active{color:#fc9153}.cube-action-sheet_picker .cube-action-sheet-space{height:0}.cube-action-sheet_picker .cube-action-sheet-title{height:1em;padding-top:21px;padding-bottom:21px}.cube-action-sheet_picker .cube-action-sheet-cancel{position:absolute;top:0;background-color:transparent}.cube-action-sheet_picker .cube-action-sheet-cancel span{padding-top:23px;padding-bottom:23px;color:#999;font-size:14px;background-color:transparent}.cube-action-sheet_picker .cube-action-sheet-cancel span:active{color:#ccc;background-color:transparent}.cube-slide{min-height:1px}.cube-slide-group{position:relative;overflow:hidden;white-space:nowrap}.cube-slide-dots{position:absolute;bottom:2px;right:0;left:0;padding:0 6px;text-align:center;-webkit-transform:translateZ(1px);transform:translateZ(1px)}.cube-slide-dots>span{display:inline-block;margin:0 1px;width:10px;height:1px;background:#ccc}.cube-slide-dots>span.active{background:#fc9153}.cube-slide-item{float:left;box-sizing:border-box;text-align:center}.cube-slide-item>a{display:block;width:100%;overflow:hidden;text-decoration:none}.cube-slide-item>a>img{width:100%;height:100%;display:block}body,html{line-height:1;font-family:PingFang SC,STHeitiSC-Light,Helvetica-Light,arial,sans-serif;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.clear-fix:after{content:"";display:table;clear:both}.border-bottom-1px,.border-left-1px,.border-right-1px,.border-top-1px{position:relative}.border-bottom-1px:after,.border-bottom-1px:before,.border-left-1px:after,.border-left-1px:before,.border-right-1px:after,.border-right-1px:before,.border-top-1px:after,.border-top-1px:before{content:"";display:block;position:absolute;-webkit-transform-origin:0 0;transform-origin:0 0}.border-top-1px:before{border-top:1px solid #ebebeb;left:0;top:0;width:100%;-webkit-transform-origin:0 top;transform-origin:0 top}.border-right-1px:after{border-right:1px solid #f5f5f5;top:0;right:0;height:100%;-webkit-transform-origin:right 0;transform-origin:right 0}.border-bottom-1px:after{border-bottom:1px solid #ebebeb;left:0;bottom:0;width:100%;-webkit-transform-origin:0 bottom;transform-origin:0 bottom}.border-left-1px:before{border-left:1px solid #f5f5f5;top:0;left:0;height:100%;-webkit-transform-origin:left 0;transform-origin:left 0}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.border-top-1px:before{width:200%}.border-right-1px:after,.border-top-1px:before{-webkit-transform:scale(.5) translateZ(0);transform:scale(.5) translateZ(0)}.border-right-1px:after{height:200%}.border-bottom-1px:after{width:200%}.border-bottom-1px:after,.border-left-1px:before{-webkit-transform:scale(.5) translateZ(0);transform:scale(.5) translateZ(0)}.border-left-1px:before{height:200%}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.border-top-1px:before{width:300%}.border-right-1px:after,.border-top-1px:before{-webkit-transform:scale(.333) translateZ(0);transform:scale(.333) translateZ(0)}.border-right-1px:after{height:300%}.border-bottom-1px:after{width:300%}.border-bottom-1px:after,.border-left-1px:before{-webkit-transform:scale(.333) translateZ(0);transform:scale(.333) translateZ(0)}.border-left-1px:before{height:300%}}.cube-index-list{position:relative;width:100%;height:100%}.cube-index-list .cube-scroll-wrapper{position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden}.cube-index-list-content{background:#fff;box-shadow:0 3px 6px #eee;border-radius:2px}.cube-index-list-title{padding:14px 16px;font-size:14px;line-height:1.6;color:#333}.cube-index-list-anchor,.cube-index-list-fixed{padding:16px 16px 10px;line-height:1;font-size:14px;color:#999;background:#f7f7f7}.cube-index-list-item{position:relative;height:50px;line-height:50px;padding:0 16px;font-size:14px;color:#333}.cube-index-list-item:last-child:after,.cube-index-list-item:last-child:before{display:none}.cube-index-list-item_active{background:rgba(0,0,0,.04)}.cube-index-list-fixed{position:absolute;top:0;left:0;width:100%;box-sizing:border-box}.cube-index-list-nav{position:absolute;z-index:30;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-family:Helvetica}.cube-index-list-nav>ul{padding:0;margin:0}.cube-index-list-nav>ul>li{padding:6px 16px 0;line-height:1;text-align:center;font-size:12px;color:#666}.cube-index-list-nav>ul>li.active{color:#fc9153}@media (max-height:480px){.cube-index-list-nav>ul>li{padding-top:3px}}.cube-pulldown-wrapper{position:absolute;width:100%;left:0;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;-webkit-transition:all;transition:all}.cube-pulldown-wrapper .after-trigger{margin-top:10px}.cube-pullup-wrapper{width:100%;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;padding:16px 0}.cube-scroll-content{position:relative;z-index:1}.cube-picker-fade-enter,.cube-picker-fade-leave-active{opacity:0}.cube-picker-fade-enter-active,.cube-picker-fade-leave-active{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.cube-picker-panel{height:273px;text-align:center;font-size:14px;background:#fff}.cube-picker-move-enter,.cube-picker-move-leave-active{-webkit-transform:translate3d(0,273px,0);transform:translate3d(0,273px,0)}.cube-picker-move-enter-active,.cube-picker-move-leave-active{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.cube-picker-choose{position:relative;height:60px}.cube-picker-choose>span{position:absolute;top:6px;padding:16px;font-size:14px}.cube-picker-choose>[data-action=confirm]{right:0;color:#fc9153}.cube-picker-choose>[data-action=confirm]:active{color:#fdc2a5}.cube-picker-choose>[data-action=cancel]{left:0;color:#999}.cube-picker-choose>[data-action=cancel]:active{color:#ccc}.cube-picker-choose>h1{margin:0;line-height:60px;text-align:center;font-weight:400;font-size:18px;color:#333}.cube-picker-content{position:relative;top:20px}.cube-picker-content>i{position:absolute;z-index:10;left:0;width:100%;height:68px;pointer-events:none;-webkit-transform:translateZ(0);transform:translateZ(0)}.cube-picker-content>.border-bottom-1px{top:0;background:-webkit-gradient(linear,left bottom,left top,from(hsla(0,0%,100%,.4)),to(hsla(0,0%,100%,.8)));background:-webkit-linear-gradient(bottom,hsla(0,0%,100%,.4),hsla(0,0%,100%,.8));background:linear-gradient(0deg,hsla(0,0%,100%,.4),hsla(0,0%,100%,.8))}.cube-picker-content>.border-top-1px{bottom:1px;background:-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,.4)),to(hsla(0,0%,100%,.8)));background:-webkit-linear-gradient(top,hsla(0,0%,100%,.4),hsla(0,0%,100%,.8));background:linear-gradient(180deg,hsla(0,0%,100%,.4),hsla(0,0%,100%,.8))}.cube-picker-wheel-wrapper{display:-webkit-box;display:flex;padding:0 16px}.cube-picker-wheel-wrapper>div{-webkit-box-flex:1;flex:1;flex-basis:1e-9px;width:1%;height:173px;overflow:hidden;font-size:20px}.wheel-scroll{padding:0;margin-top:68px;line-height:36px;list-style:none}.wheel-scroll>li{list-style:none;height:36px;overflow:hidden;white-space:nowrap;color:#333}.cube-picker-footer{height:20px}.cube-tip{display:-webkit-box;display:flex;z-index:10;position:absolute;padding:10px 38px 10px 16px;max-height:60px;font-size:12px;color:#fff;background:rgba(74,76,91,.8);border-radius:2px;-webkit-transition:opacity .2s;transition:opacity .2s}.cube-tip[data-dir=bottom] .cube-tip-angle,.cube-tip[data-dir=top] .cube-tip-angle{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.cube-tip[data-dir=top] .cube-tip-angle{top:0}.cube-tip[data-dir=top] .cube-tip-angle:before{margin-top:-6px;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.cube-tip[data-dir=bottom] .cube-tip-angle{bottom:0}.cube-tip[data-dir=bottom] .cube-tip-angle:before{margin-bottom:-6px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.cube-tip[data-dir=left] .cube-tip-angle,.cube-tip[data-dir=right] .cube-tip-angle{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.cube-tip[data-dir=left] .cube-tip-angle{left:0}.cube-tip[data-dir=left] .cube-tip-angle:before{margin-left:-9px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.cube-tip[data-dir=right] .cube-tip-angle{right:0}.cube-tip[data-dir=right] .cube-tip-angle:before{margin-right:-9px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.cube-tip-angle{position:absolute}.cube-tip-angle:before{content:"";display:block;border-width:0 6px 6px;border-style:solid;border-color:transparent transparent rgba(74,76,91,.8)}.cube-tip-close{position:absolute;right:14px;top:12px;width:12px;height:12px;padding:0;color:inherit;outline:none;border:none;background:none;-webkit-transform:scale(1.3);transform:scale(1.3)}.cube-tip-content{min-height:18px;line-height:18px;-webkit-box-flex:1;flex:1;flex-basis:1e-9px;width:1%;overflow:hidden}.cube-tip-zoom-enter-active{-webkit-animation:tip-in .4s;animation:tip-in .4s;-webkit-transform:translateZ(0);transform:translateZ(0)}.cube-tip-zoom-leave-active{-webkit-animation:tip-out .2s;animation:tip-out .2s;-webkit-transform:translateZ(0);transform:translateZ(0)}@-webkit-keyframes tip-in{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes tip-in{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes tip-out{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(0);transform:scale(0);opacity:0}}@keyframes tip-out{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(0);transform:scale(0);opacity:0}}body{background-color:#fff}.cube-bar{position:fixed;z-index:10;right:0;left:0;height:44px;line-height:44px;text-align:center;background-color:#f7f7f7;box-shadow:0 1px 6px #ccc;-webkit-backface-visibility:hidden;backface-visibility:hidden}.cube-bar h1{font-size:18px;font-weight:500}.cube-content{position:fixed;width:100%;top:44px;left:0;bottom:0;overflow:scroll}.cube-content .cube-list{padding-left:10px}.cube-content .cube-list .cube-item{height:40px;line-height:40px}.cube-content .cube-list .cube-item .link{display:block;position:relative;width:100%;color:#333;text-decoration:none;outline:0}.cube-content .cube-list .cube-item .link .cubeic-arrow{position:absolute;right:0;padding:0 5px;color:#ccc}.cube-view{-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateZ(0);transform:translateZ(0)}.cube-view.move-enter-active,.cube-view.move-leave-active{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.cube-btn-group>button{margin:10px 0}.cube-btn-group.row>button{display:inline-block;width:auto;margin:10px 5px}.cube-btn-group.row>button:first-child{margin-left:0}.cube-btn-group.row>button:last-child{margin-right:0}.cube-page{position:fixed;z-index:20;top:0;left:0;width:100%;height:100%;background:#efeff4}.cube-page .header{position:relative;height:44px;line-height:44px;text-align:center;background-color:#f7f7f7;box-shadow:0 1px 6px #ccc;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:99}.cube-page .header h1{font-size:16px;font-weight:700}.cube-page .header .cubeic-back{position:absolute;top:0;left:0;padding:0 15px;color:#fc9153}.cube-page .wrapper{width:100%;height:calc(100% - 44px);overflow:auto;-webkit-overflow-scrolling:touch}.cube-page .wrapper .desc{padding:10px;margin:10px 0;line-height:20px;font-size:14px}.cube-page .wrapper .content{margin:10px}.checkbox-group-view .content>*,.checkbox-view .content>*{margin:10px 0}.tip-view .tip-eg{position:relative;width:300px;margin:70px auto;text-align:center}.tip-view .cube-btn{margin-bottom:10px}.my-title-img{height:120px;margin-bottom:16px;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAhYAAADwCAMAAABrG91XAAAC+lBMVEXz9fnz9Pr29v/y9PoAAADy9Pnk5+7/tFH////x8/iWlpnf39/v8vfV2eHj5u3x8fHw8vjO0tvx9Pnk5ORWVlba3eVZWVr/4Gri5ew6Ojo8PDzm5uYtLi7w8fbu8PaysrIsLS3h5OsvLzDf4+oxMTLn6fA9PT1bW1ve4ej3xsP/riXN0tswMDHZ3eXs7/Tc3+f+/v7c3NxYWFjX2+Pj5ezq7fPo6/L8/Pw7OzsjSXfn1b74+Pr6+vpMTEzt7e3r6+z/gDXw8PArLCwyMjPv8PTp6eri4uJSUlJAQEDg4+vc4Ofb3+a+vr//05j09fnt7vDm5eXOzs9oaGhUVFVDQ0NJSUnU1NW0tLZGRkUqKiq6urxQUFD29/n19fWmp6rv7+//7NLR0dLKysuYmJro6Oja2trX19ff397ExMT/6MnHx8j/1Jv//fj/xHbr7vScnJ7/wW7/t1jk4+Pd3d2/wML/+fP/8Nr/1p8oKCj5+fz/9ef/47z/uV3xaiGrrK6kpKf/2KSioqSRkZOEhIX/yH7/+Oz/8uG3t7n/zYj/v2f7u2X/vWLy6d/4zsz/3bCfn6H/z496env/4bivr7H/26uKi4x/gIH4229hYWH+t0Dl2Mf4eS11dXWljGvu5Nb52Nbp2cP/5cL+y4TntnXi2tDCxczAn3Pv1XL3u2vt28P/4LNicY3BtIZAXYLOvoAtT3r/4nXrt3Rvb3CwlG//fjPx7ebv3sjpza3/7qnty5+gnZX/05Gtoo3/5orMp3WZhWmBclxtYlP2cCft397wwb6+qaz52avLtZm5qo5seI30woGfkn79rHrjtHbyum/7jUDyqzTy5+fh3dfv4sv/9cn33Lb6zbT2uLT7wZ3wx5J3fpLuyon52IjeyXn67+7c3uP74+H15dT24cT51sTQyL/m0rmOj5n/6pbfsnX4wXSNemH+mVn8mUDju7yWpbj/8bfZtbfGqrLNsbGDhpbxlZDSq3VcVEr+qUn4sjrt4rjxyanjxZrtenNhWE3FMZ3eAAAABXRSTlPmpxztAEuvwscAACDOSURBVHja7NVBSgNhDIDRaTU/FFx4AWfXrbv2WHP/pdhUaWwERSyUeW+TA+QjmR63myng07TZPk7bh4DiYTttAr7YTD4IV1RBRxbIAlkgC2RBJQsasqAhCxqyoCELGrKgIQsasqAhCxqyoCELGrKgIQsasqAhCxqyoCELGrKgIYt/Mr++BGey+HAcx+BMFkkWhSySLApZJFkUskiyKGSRZFHIIsmikEWSRSGLJItCFkkWhSySLApZJFkUskiyKGSRZFHIIsmikEWSRSGLJItCFkkWhSwi9idjjPdxCCJkETEuOBknsvgmi+dljjWTRZvF69jHmq08i3lZxqX9suwiZHGTLJ5/YRe3tB9XniJkcYssduPnbruOeciisfYsjrLorDyLpyGLzv1mMY+TQ/zFQRatu83ijZ07SG0chsI4vsqjgUiUgEGrgngEtMlowEm6mQvYhp6gZ+j9lyPZceJpPZaHWB67+v4Lv8alq/xontM6OxZ1ZvNAewKL3tbKYkdTsPgAi/5WymJHk7A4gEV/62SxPTzK4vnF9UG9fdTfO1xedpt0WyELp+JRFi80oh+bdFshizOBRdzmZJF1k0RkMp+qmhNZVoLFYpqNhRTdPItS+DivhxLiCBaLCSzAoqfZWJDt5lkU1qeMP5bSWjM7C10UUhaFJndQ1ObPgEXsFrxy5kJoLUROVoiK2pQQAixiBxYrLGkWxlp1stYQW8vUJq0twSJ2C2aBlbM/sACLnhZwgapvF6hZkMX54juQT9bR5bz5524sTrKJ6kObfwQWsZvwfYvDNP/NhZUzEFiARU8zsiDuRi7FPqmbwaxnZ1FVlVJVZYmrylCbrKoMLGL3+Mo5/ufHLRpYOQOBBVj0BBZg0VPiLLBy9jcnC9XtfkLeB1gspjVcoEZjkeW5VnmekclzQ22nPD+CRewWzAK7RX9gARY9fbeV83Ae1wUshvpuLMZmwGKoRFnIDCyGSpQFH8FiqERZZGAxWKIsBFgMliYLBovh0mRxBIvhkmQhBVgMlyQLAxaBkmRxvLEwZXlSZWmIy5KpTbozYBG7pbGQwrHAH9aHWhELI4TQ1/uG2E3tpulM6WZJIzJgEWplLLjDgjssyuuTaWlExzuLgllKZk2KWVGbO8NgEbuJWBTWWuUZuKk9AzcLN6WbfJvBPB+snIFWxEJqreXAJDdPFK4Ei2ArYjHVi0gOFsHSY6EFWARLj0UJFuHSY5GDRbjkWGjRZcHNBSqTYta4QL21QBaX3ZeeyaWNMcpN1ZnaTfnHDGWdCbydFWqBLOKWg8WI/ut9IvbThyQdKXpagMWIFnj7UNQqsBhTaiwEWIxpRhZUdKuhFD6p/VG7B4piV0RgsR3bZk0ltXJmk7H49DS/vde9bca0BiIpsZBiChb3J3XbtN//err2+rb/S19/ZywaR0os+HEW22Z4C80XvtenWz/fwy8jtZGNb7k2frNzZrFtFGEAfrKzu1kcyyNkS5GDELJUgwi2SG0VWwmRmjxAME4eGily0ibNXSCQtkShNE2B0nIkBVqoShERFVIRR1shLnG80HJJSLSACiqnhAAh7kPifOD/598d7zqOk6w3PpJ+Xs9uDyUP8+1/jHe8krQ4P08tZBo9OABcDLLCQDynFuQEXelKlKIZhdPiQiP0BAWCI52WtOSkHGJdC5o8cEEMFDF0K64jcgUMMAHQL/lIbpRg0FhBDepFlrXQpfBwJWR98IgMMnaxxl1bwYscAUPXgp81KXAotZixgrS41LIWfPI8uheyeAO82nzlYsHBO+HPMXcmRjOEHjiQGp5SM6Poi98F08J1nmUtNCHICTpknGnV7Y6TFQYvNsxRX4AcqkoXZIf4Ufij8V1CYqycknOVNS1keutTiIMbDjG98eiei808OTtYqAgpofKRvEI8FDAwbpSMFCtJi8staCGk4LHCw8UgK1Q4VBVn/PDFmbyiZsMNcDlg5GLQQWbw41y0KCyUQxavhZACfUDc/KWCFDjPKkLVpplrslqhn2jAsKHqapBx+LtKJJWsGC1WZdECn+jxweC8aNUqwx5U/Bv6NkfwIS2Fm16kAwzEHVm0+E6dhd+fYQke+OO4HBQySkiMFaOFyCELf5bTIIVHmz91Lcxmoz7VONx718GDB0+dOnUQ+OvUqb/gdM+97gz8gMqZZYdML8JTKmLYq4WnNjL37WrEhetbdMXHq1x4vy4hrkuNXDX//9dGF+Grc7nguPDEzAn19Am1Rk3EoiFJsFNRsCVZpyg90pyEQtFoPBZLJOQMQWSVQhFkklIRw1Ytap3ZKY11i0XgIiVwEFL4wIvRqalg8vSMUCKLFjD18aqqGBAHotFQdkXGUzKJQekIrTCK4SmaGPZrEXEuDy1ICjiMUvjwajQYDE59PiUR8VTnF5esqq+vb+jr7+/tra5ONjePMmAg3MzSJKurm5oa6tdXdXbGokY14gk3xB2CehuZxOC9yXKJFpF5FhmNuDCr8KsLr8bxfN+ll17mLAmEFKSFzyWk8NWt/RK9CIakeGd9U5L99MyaNWue+amSNQ/09Xe39gwPtnTsHmZsM2jR397R0TI43NPava7PYEmyqb4qFkqrEUvo2QT7VhJDdlDT6ih8wLBfi1rncoGkIIQU4Ect3OszQeB0L2OVrYNPrSGe+UYxsIWxcJixVsXEyN4dXfvaO7YMr6tENxo703EjGkvU6M0JrpxqvSofCiyG/Vp4nMsBvahIOwEZhKRYPc5v76lg8MybfVu6FIVbQV4oBrrZaHgzY8PKXOyd6GgdADWq4obHNETXijVG8ZsSm7RYHsHCmD8EdVyKQIzKifoTZz71el9VgGNrBO8ogo3NrDk8wNigkpOdu3sqWW9jLP1cl6g/SYyi1J72axFxljuZRUWdJgXkEGcixKVogOTwidfrPQITe5aMyPSii4EWkChalPnYODEIZoiYEXUYxZCLIob9WjiXAYaiwkdVBZeizk9S1DPW3aW87AWehhxy7Jc3jq05dvYpcxrp0LTYrSyAjRf0M9bUqZWg4zKJ4Yazlkio9izjaOEsbzKLCtF+1PluiPL0X5Vkle0KcBS0OPCy8s7vweCv3/wYDGI7ckzR6YFqFDuPdmVhTHQzVl0V1VYz3CpAUrhFU1Ko2vOcFtmlSHtRJ/yIUJCPQfPRM6IgLx8ALz5Tzv4aJJ4yabFZ02JCWShdrYwlGzUxYnq7yhfbAcojhZDinBa5Kk1RVCCBlMQRoYLCBfA2BAriHWMS2cto2YJBq7IoMaqrQlpTQmKIkCG61aUPGedKzrkrTe6EVmnKNFXRBqgq9iqICBdHNoIRH/FoAS3J74rGBYyWLRishy9WjE69KaEP1sxNCR1AAcywUYsbnGWJK+vyFTgBRcXaqMRJVbPRlo0KIcLF0ZOgxUnU4uTZdCMyyGjZgo0oi6NrHWMNcWO36jY3JegGhQxxsh37tXA7yw6oJWZJUecUy1dxiWhkrI9SgiFcAKjFR0FkhyLoZ7RswUCjRbKvnyWrpLmaEpFIxP4S++2wX4tyCxdcCXLCIIWhqIhJRLRJ1JoZ4eKfoMZvho5zVOtPK5XFs3F3JWsISbOaEngT1JmgGmk37JeDtLCNgLM8cBnNgLfwwVBUOEKSSCDN7bMnEMPFp8HgH//9AVq8YWg3GRiBWvQpVhgZZk30m6kpMYjh1jOJ2HskzohdativhRyYcx5KA5dLXJEShljh41LwosLFiwqRQPp3KLN52gsEEbMWHUzrT9cp1mhh6yWdUMIghvioRNZsECc422oGaWEjq50lSoYQQgmRPzQpXKjFapRCJJBhKhKyhovZWrTqT1u0KhbpZlTTiKYk/TgGvhD0QWxmtX9nGmlhJ+rqUssk2YSgSCGcIC9QCiQSk3Q6q1nlBQqQNVwgb/2SUVsM8GWLUShHFIvso3AhxHD4a0gMVEMzw2PenUZq2CYGaWEzsmoPtfkIFqlRsfcn6FKc/QBd86PGX2PAb3hEZj2kgp1zlodHvMCRN8CKk/8e1SPKTqYvWwwqFtnJeiUT4w7Vn/bClE9EUrF1lwlpUbJELJeUNQ5CfA+FbNxlbtpDik/4y/rz/UYp4k0wtzjducNF8MVP+FI40c70ZYsWxSI7WLVkJhQjn93khkpb2rgchIcO+x7PKGktHBFrGQOtIAH4WQhBoz646aB9H24uRYKkEAlkn4Lc/myOcHHASzytcIaZvmzRYT2JJCXCLIaeSXAgKUgM03qXTV6UthZuayVEIHuAQBcI6vi07WHw4vgdUcM8YALRVrvb2m7PES4Q+kQV6WfasgVrVyzSkaGFaEr8lEtE2CA5cDQ9Mm6HF6WthSOwGCNETVmbTQjaPYpCCCnozkOgEpHHJY5IIGK1+5G2Z5WsQLgQUBoZYfqyBdunWKQnqxbikxJhBh5iY5omBnmRPyWuRWReJUxCuOjsF7FBG8TXDog37QIVgcLPiwpBZ5JtnlB0bm9re1DJxmdeI6/yxSyxG2Bi0UucI3t37ujqmuij2iKrGGoNhAy02LTFRN9kopnhyT9clLUW5IQwQnjhNwthjhIiBAMUJ1S/O2WUIlTPWOuIIritre0RJQtHvSaO4FoUaTEK445sM09TPzGxr719d0fLlsFhvl+gvy88ACYJGqQ5CUXHcVca9VJCDu65KD0d+fckJa5FYF4nyAUcxOiqNZUQ4owRgt5CCYwTcizjK9F62ahWL4os0nZbztKCeBuXooAw16L9Aph5nHqYeT71mytH2YKojkvzESI93KC0roZMoBXLvbZQc0vhMi1W4kBEKDiIt5BBw0+H351ImXcNUgLBj0tNPNjWdr+SyatUaR44cERvRj5tbeX3PPSniyYJO896e2HvWUND47xWmINHKuFIVxzkRd5ppLS1yJlDuA+khIC2gLlqsmUMgoSQE7HxTCFEAukZyUz4D91/O7/1BwfTQb/5/Wa6+//2EscfZZzmTC2S1TDlTTjlsC1xfWNjFdAJpGCbKu1SDUnWEXrIKkBt+PKuLVbnenJGeCGEENQ50QtNCLdZCMccQogEwvq0ue+nhJ+TZHXyAy/x2vMw5VVAbzjZmUppMw6/qlCEEtiv8rYcjvwoYS1qArkjhcEJ3EuO4MnH35Eagwx4DRkjMTtjzE4gguT8N/ktH7702nEv8e11kkZlOCUVlNCGj898NXTn1pBDtau+KK4Wcm0kYGl12/CUto90cNahED54Az48RIoJ3OBPYP85P/GF3OT8n3aREYKXQkKtcLNUYN597krOu7jsaUu4KKoW1h/nctGLwAsuBeHz8QNlQSHitobxz2dgw/qMMEJYIQl6w+ulAhN6T/Nird6QlHFtIQesW2GgDl9oAx0+nkickVo5ZX9e3zozFUS8GfxsmKKBzVGp0NxyiLR4lC96Ap48s0iRtCAr8tdClBUYIfg5sHqtI7ZEExPaOkNeeNMcf+3blz40lidhZu1nX7d11y133rxhw9Bj2x54cnr//snJyTFgE3DNHGzSGBt793WuxRlqUT2YRcpUi4glH7TRuEeUrkGIa/2J8aUt/ENfghZTU8Hj3IafP7x513VSBg3hemkeQACY/6HHHpjeP3bNfXvuuP7Gu269qSI/DvF48bGqh4tyXeWssWYFHRQl9K+owZoytbRCiHAx9WUIJ1aak2S402gAjwBD2x6YngQDDoMB99xasRT8uf05XnMCshvXwMu0E4lYrjXxEO1owA8ZowTAFIAZYNv74Wk9BNwDIaBgHMI08j23AqTId02rWFp4rFphXtB0hKSCohUAQ3j/75/cpM2/MQI8HgYZisB7PFz46Sv7gPxa1GJp4be+q5zjxH40Ym+goLIPph1ve63ymxzb9Mp9ezD6Q/jPOeFCC3CkGGzH6uJe8iJvK4qlRY3FYGH89lRH3v3mnRD1pyd50l9QyC9lLQ5tBy2+wsV+yiJl2YnUWl3ahLOPWyFCRWdqcSFh181DT07ed8eN91QsBQ+H764oCj9guPhYNWYR62KUW7TQKk3oPrSqItrXklxYaLh5aHrTnutnybBctKjY/jq2In635kVZdiKqxWAhiEmceE/LYDR3dLhlwwNje24sRCFIWjxRURwOQdH5vZ++QRyzSDl2Io6A1dLCx+144Y5tfPGgu6VlYM74sGHb2GHwoaBcUTQtfoBw8Z5f98Ih59OiFk2LGywEC0ohfG3zcEXF9ZBGGlpatsSlWezaMH3N9cUp/b4Of1dRJLZDuDitAuKDEcsUb/HbYoNKpcX/7J19bBNlGMD/qu3ZmhvlXHI3us1ZDxOnsedXo7bNVkYbM6Pr17o1OjcYTBQBmYYoEdlUPlyEiSwLAkFxBPwPCBqj4UMTNRow0ZhoTDR+JUb/1v9MfJ73uXvbrre2t3WObv052y0r8PTp7573ed9r7/0EsvA4DBAbOjsHp1WId60JsYi0eBOazl9ZtcBBZE5WLJwWHutaIKTFE1AsQILlUCzu46cR33rx7YKGcsuVP06cPXLhyNnzx/+f4v6+7wv7nDl5/DwL+sQfV7ZYGEWgXHznaqQpKlhRhTMR4DbLYwhf3Vy+nRWL+4Y6O9fh2uOzzz+40SR/e89flMNhLwPu00cuFz7oqtNiy+ULaS+P2itfPL+3/FHk4788FZmiohYLhcda20mlghWLb+32Pbc77oMhpHOMjDDh+EUvJLcVaGlpRSDN6tmCHF9dWuw9q3oxaB41qnHxeLmjyMdfjXn4Qmc1zkQYT91kaRbC312x2W5/w/EIWvGbfQaOX8L0tgAriBZMMxyGR+ZXjA98P8xBiiMgAQrBgwZQ50unyzqN+pXdvrkvO0WtwpmIjuBqtMBtjbcBT/0CKdh/dMPQ0NBvJ2fI7594yLHsNjc381vMcVg9b58nSIvv7bPlvBL2mgYNZlwo1+bdfIqKWsxWjKv3nd/5ZC9G4Tq3x16C4wnKbzPSvgKy2oIpbiYxvBdzU3zVaLH3opekgEAh6pbWcCt7ArrNieP28vg0p7lY9FqgF2RF32Z7CU5QfiG97eFoQFqJ1EeSagvmGFOcvmKfL773fWCfFVfSoDJKAcjpjMai1jJpGXVmNp8os2c9Z3hRlTMRS+iXosTPiX1qL8ERL8svZDMaQSEYTI1AuJlSrPCx+mrR4rSi17d2b1rLi1pK4JNBL87ay+JbWrmYy3pWdWhBV68VBBdY4dpcjhWY36hGySUoyRkQA1Msz5cXP8xOi9MyBd3ckqwviLo+3cKC9h6xl8N+fnK9Kieo5SNQa0HXMyo5glAtDkeM9EqRSCQuGWIkVrAUR+dpdesL3/uzGUFUXWVF0qPW4hi1pkctyVAvyh1HXsKeE1j0WlBnQa1Fm70ol3Ur/FQqpEBCVRVFUdVoOqKxFGdamRf/8CXyymuxZcv27a++umfz5s0bN2586aW3d+/ev//DB+Gd+y+++MYbr732+uvPP//WW48//thjjz377CuvPPfcWFqvFUkWtBZJJihoNRGI6zaTF+X0nXv03sK2+LWgq+OhFsHi7XyUrIiy/MbTKiYXwW+iATr0vOhF+IK9BPkv70sFL++7BS/vyy8/86OvwfqbBWNhZsWKAEatZRI8aHQjEWFRJ5kXib1lRE1azOUkatVogR0U6y3G7MX4M5y1QguoiqpwVJVSDF5gvfB6P8t7eR/Pf3mfefJJx2x4ZBZaNHm9rFYwK6Q0RspBnZMS9yL8p700faSFsBS0cLvpqnJFtbhMCZZZfhNMivSZkQO9u3aOrmQ5VgOY4QgdeaKj8txn/VNlYoINIe04gmgZciIyvqm7t2nNeIAFHWU2J0DmsoaRtqWihZDV4md7Ef6BBDc3eyW0IqoA0gvLQ20iEOxIjUYxxcnskXetA6i4Fk87LDLCKly7yqxAlf2Hh9YGRSS4tjemAOSFjDL/ay/FRteS08JVVIs/wuywC6xEK1TI5pq1bSAFAvfB1KSi6PVCxiNPnYdycb/l6xiIKqtwXmyIMyhFZDjEoxbFjqYAqBKN4+DXgl5cLrnMuaR6C5yMgBa/2GfmEh9CNGw2k51BkYM5bpjAepEBL+KsXOxwVJx7fE6HNXaSy0lskdGK2NY+MS/sVD22yxp4kW6GhfxL9hKM8ZMiS0ELmokU0+IkJRg79wB2FV1GfjkdB/HIkyDDUSwXmsOx8FpIXjz3EUaXEypY8bBIZG1eDV7Q4NeKMp8sNT9dKstZAK1bwHHwbbGVLLQCi4WE047eoFhAxxlFZRmOs0nqVkfF8Vn8Owf1fpNmTkp8vcjhXqRwThWhctFSak1rNysWS0gLXM8qpsUl6iwgwUk47A4GRROc2NtL1F20enc6Ks5Wn8MS+1ixWKFB1FEIbUObWEjbLly/AJk1lPlSCS3osr7uan13lhXcAoJPeOaWcztr6FmC4bALPC2a0Na2Q1FZ15nEDJ9xVJz1Pmsfl455MWqF+k3/eEg0oyMG5SJuyLy9nInIEjiDKtiMTZjqXJ49M55uwslpuwxWYIJHglwF57rBtaLBw1AuomwUgQwnHBXH6bP2gWmVjyFpiLpfNAgNpnzZetepT6HSKPPpUr0FWTGHU6hVowXc6FdpnvHE+t942PUkcAyBhn6dqLO6twkYCOqOBEchw3HIMDy6xdvnqDSrffc7LBBk/VBPnErcZIeo098NQXfzJ9EApuMoksETwH/bi/Eq1FT9SkmL/91Z1FzgysW5e2fgczwF2ROo17SEokhGgp+G/CJDos4uRVVwjirDWezWwYZK41z/cIMF1rFi0Y6nTLEf6jOsaCIML4LjILMGvXQ7aPH5vcX4nX98aEm8aQ9XtLBcuI45zfkID7ueDGgRhYXCkFF+m3QGRWKroihYj9V2KBfrnAtMqhVlDusjX7dIrDWC7g7qk5FNispqHLanHzmL8Q1dzNdWve/8toAAYuht51GnOV+iFtviWr2kZI+7jiaDDfoo0pBQ1CQceFE88PqdC0wXG/lQiwBEPSASKR61TyS6ocbhCngrRP2lswjH8AxBFX98yAq00yd72x7w3nqnGRfQim2SpkmK3z+ia/E0T/CwcSQmFTWNWvRAuehyLjAD0CajFhpo4ecdZxePOiUSw1DjMhB1uL25uZgWh4KsB6PGYtFPUHm5qEOOHnvHxIwv23tAi3g9asGrBS/HvLmAaqGQFpDhha8WWCy4Fl0F1WJQr3G9fkVFLVog6hm1WH/o1EMugbBV50eTrUHqczFcrlVjR987dexQrh4foRXbMlQtxoMi0ds0rXtz+v1KUtPq1R7I8ML3Fs1Y47y6FrsMdXlvEdK12OdXFFzVb4eoP3cW8PWhY6e+GfPUGVK4q/NKe1YhM2ijSn2DLiRPj896tgEBTZKifnllh2FBE9HZZvSgoEUAtAhvAy22OhcY3wqscT2apkVw6DOCHGgijFElOAFa4Pi4DaL+rECIc8Ze7HXZrSOq+VNl5YLPEJ4peYH/kxecOs/Yod+6kQnQIu2X/T5RZ7CbdRYhkeg7CFpE4GXY9Ciw2rnArMYoduyYhFdc9csxQ+Y28qKLL3PG/f6opNXHdsAud/c6Ge8cO/Xe0XPZDctoWx0qFVV7zW/rCDZjE1jaUZqbUcdODekJGZYkKeCX5U1tfL1wXVe/UzRYG5H9Khx3MfoTQecC44Ex0e0+CDIn/LIymF2N7e9KZddmB2S/PwlR78OoDzEh+lwcvo0d7W9Y7fuJWEHgXlCHAf/pNZP2AjUSco0GXoAWkQbRjLYDsuxPS5I2IhCrOpavBpwLxUMC0q2RzKNB0YzQYdAiA1FPCQg+ZSoQvFBQQrJOCNV57SzrCPSFT9vwAmoGQGLwhEyAFmkZykWfaMLDEdAiAg/Z4Ca98jYz8+TQyFi1apXHs2oGHnqI3QJ4Q3R04C0niIRC7LaADoBp4b6zHkJSZTmaMnV5CIyJwiMmG6la6ha4qP3OOTD0vZMX+YaXBV64qWRQzaBiQYMBT4i7E9IXwTSanaMOTYAwCXhETKCJDcsq98LjmgONeXjycHE8jbkbH/Od8w9CTEmIbXK5WIgTXJYD8Ig1VCsBF+3bSGaTJzwDi3wLOxMv0Ar6Yrjzb3GF3OaK6RkODBZ4Edwn68XiBX1iU0cVme9N/f9A/w69om5WAPslIArRjXeI02mIyVgsgJ9yR1EUA3DRD+6cHCzyfVBNvaAFPHYHt4hAR75xxrAb8hfHDEf6+6bVijWKftjF7qIRGAEr+G6p1qkrjskfIP/07ogvMuDYl/GjF9PqRZsTrVDQ5ZGcUsnJ7pbM7jBLi33X5JnEQAPytCAv3LRIfhiHERVymW4KiVn6nOMykJaAXrJCn/HyfZVLvsxCCVxlAEYwKxh8X3QfdhcBGZhMBXML3EAcKxy6PHknxMzXb9xcCuMnPSu2Rb/HurkXZAa9pwCheoFS0AOuW4lHniIDsaEOPceh1ZtY0hNx+OWoMd8lNXhJFixjtXpkyz6JgXaSz49KbPADoqODoT6qFKHUhEpWoMu8WKIZlAL4npfLbArmStVpkTUD1eCwrPDf7ZKoXiDx0QMDqf7hTYcTMpJGK2I3Cdkpry3v2KsrgVAR6nKKP1kBt6MSLbkAamyktyvVtWtkUkYUZsWIjR8S9OQFhJ473dkqJUU1akGFkhAILozOTgmIkwgcnt9JX2GbgqW4XNwmCBYgB2nUoy8Wz12HJSATlacTjUjAhMd4hgLd6ti4GPSrSlCdWpgmIO/nTZJJiv3pOLMiZSNIDLKCivLccZcBb4a4ERT8neAFkFTlXNSAhEzclX3a0/sqnoFKUb1alOAFicRIq4YT0WRcQs78lJtFoxq72Q+Vo4QV1BRMbxHvHpWQeADWwQklEaCoRzy2Yq++YKsoVarFXdeUZComEZFMIBkIZOIScfDma65idtZLZEYmgFFHJGLlgWvK5G5bJahOLW5YVgZdI/VSAbED+Q+65Rb+XXksqxA5fxnecYbHpUImppaVzR22ClCVWgjXlZehqZFJKY8zj9JLYKrG/EMylPq3d41rUi71o73LrNBomztVqYXt1rJfhhcOxjS9Do+vGS758LKomCEz6rxvwvA5Nrqja5k1bBWgOrVw3Xh9+dwxMNzbObXs+uriuqnh3uGp6663ygO32SpAdWpRowg1LWoY1LSoYUJNixom1LSoYUJNixom1LSoYUJNixom1LT4r106JAAAAGAY1L/1C0xfQQYIWhC0IGhB0IKgBUELghYELQhaELQgaMHDAGGDZSKaQRUzAAAAAElFTkSuQmCC") no-repeat 50%;background-size:100%}.my-content{text-align:center}.scroll-wrapper{position:relative;height:510px}.scroll-wrapper .cube-scroll-wrapper{position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;background:#fff}.scroll-wrapper .cube-scroll-wrapper .cube-scroll-content{position:relative;z-index:10;background:#fff}.scroll-wrapper .cube-scroll-wrapper .cube-scroll-content .scroll-item{height:60px;line-height:60px;font-size:18px;padding-left:20px;border-bottom:1px solid #e5e5e5}.scroll-wrapper .cube-scroll-wrapper .cube-pulldown-wrapper .before-trigger{font-size:30px;align-self:flex-end}.scroll-wrapper .cube-scroll-wrapper .cube-pulldown-wrapper .before-trigger span{display:inline-block;-webkit-transition:all .3s;transition:all .3s;color:#666}.scroll-wrapper .cube-scroll-wrapper .cube-pulldown-wrapper .before-trigger span.rotate{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.slide-container{-webkit-transform:translateZ(0);transform:translateZ(0);border-radius:2px;overflow:hidden;box-shadow:0 2px 9px #ddd}.split{position:relative;z-index:10;width:100%;height:10px;margin-top:-10px;background:#efeff4}.view-wrapper{position:fixed;top:54px;left:0;bottom:0;width:100%}.view-wrapper .index-list-wrapper{height:98%;width:94%;margin:0 auto}.popup-view .content>div{margin:10px 0}.cube-my-popup .cube-popup-center .cube-popup-content{padding:20px}.cube-my-popup .cube-popup-content{padding:80px 20px;color:#fff;background-color:rgba(0,0,0,.8)}.cube-extend-popup .cube-extend-popup-content{padding:20px;color:#fff;background-color:rgba(0,0,0,.8)} \ No newline at end of file diff --git a/docs/example/fonts/cubeic.dcc2b6f.ttf b/docs/example/fonts/cubeic.dcc2b6f.ttf new file mode 100644 index 000000000..cd2aafff9 Binary files /dev/null and b/docs/example/fonts/cubeic.dcc2b6f.ttf differ diff --git a/docs/example/index.html b/docs/example/index.html index eb5e28400..e47b1c6b4 100644 --- a/docs/example/index.html +++ b/docs/example/index.html @@ -1 +1 @@ -cube-ui lib
\ No newline at end of file +cube-ui lib
\ No newline at end of file diff --git a/docs/example/js/app.277410302eb8cfaea650.js b/docs/example/js/app.277410302eb8cfaea650.js new file mode 100644 index 000000000..9b38b91ed --- /dev/null +++ b/docs/example/js/app.277410302eb8cfaea650.js @@ -0,0 +1 @@ +webpackJsonp([0],{"+//L":function(t,e,a){function i(t){a("AM6A")}var n=a("VU/8")(a("BQwy"),a("lGNi"),i,null,null);t.exports=n.exports},"+8WV":function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("XPXN"),a("O6S8")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=n(a),l=n(i);e.default={components:{CubePage:c.default,CubeButtonGroup:l.default},methods:{showTimePicker:function(){this.timePicker||(this.timePicker=this.$createTimePicker({onSelect:this.selectHandler,onCancel:this.cancelHandler})),this.timePicker.show()},showConfigDayPicker:function(){this.configDayPicker||(this.configDayPicker=this.$createTimePicker({minuteStep:5,delay:10,day:{len:5,filter:["今天","明天"],format:"M月D日"},onSelect:this.selectHandler,onCancel:this.cancelHandler})),this.configDayPicker.show()},showFormatPicker:function(){this.formatPicker||(this.formatPicker=this.$createTimePicker({format:"hh:mm",onSelect:this.selectHandler,onCancel:this.cancelHandler})),this.formatPicker.show()},showMinuteStepPicker:function(){this.minuteStepPicker||(this.minuteStepPicker=this.$createTimePicker({minuteStep:{rule:"ceil",step:15},onSelect:this.selectHandler,onCancel:this.cancelHandler})),this.minuteStepPicker.show()},showMinPicker:function(){this.minPicker||(this.minPicker=this.$createTimePicker({min:+new Date-84e5,onSelect:this.selectHandler,onCancel:this.cancelHandler})),this.minPicker.show()},showMaxPicker:function(){this.maxPicker||(this.maxPicker=this.$createTimePicker({delay:0,max:+new Date+1812e5,onSelect:this.selectHandler,onCancel:this.cancelHandler})),this.maxPicker.show()},showSetTimePiker:function(){this.setTimePiker||(this.setTimePiker=this.$createTimePicker({onSelect:this.selectHandler,onCancel:this.cancelHandler}));var t=(new Date).valueOf()+864e5;this.setTimePiker.setTime(t),this.setTimePiker.show()},selectHandler:function(t,e,a){this.$createDialog({type:"warn",title:"selected time: "+t,content:"selected text: "+e+"
format time: "+a,icon:"cubeic-alert"}).show()},cancelHandler:function(){this.$createToast({type:"correct",txt:"Picker canceled",time:1e3}).show()}}},t.exports=e.default})},"+Ghj":function(t,e,a){var i,n,c;!function(l,u){n=[e,a("UFDc")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.addType=t.types=void 0;var a=/^(1|2)\d{3}[.\-\/]\d{1,2}[.\-\/]\d{1,2}$/,i={string:function(t){return"string"==typeof t},number:function(t){return!isNaN(Number(t))},array:function(t){return Array.isArray(t)},date:function(t){return!isNaN(Number(t))||a.test(t)},email:function(t){return"string"==typeof t&&/^[a-z0-9_-]+@[a-z0-9_-]+(\.[a-z0-9_-]+)+$/i.test(t)},tel:function(t){return"string"==typeof t&&/^(11|13|14|15|17|18|19)[0-9]{9}$/.test(t)},url:function(t){return"string"==typeof t&&/(https?|ftp|file):\/\/[-A-Za-z0-9+&@#\/%?=~_|!:,.;]+[-A-Za-z0-9+&@#\/%=~_|]/.test(t)}},n=(0,e.createAddAPI)(i);t.types=i,t.addType=n})},"+HHY":function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("2DUa")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={name:"cube-index-list-group",props:{group:{type:Object,default:function(){return{}}}},methods:{selectItem:function(t){this.$emit("select",t)}},components:{CubeIndexListItem:i.default}},t.exports=e.default})},"+HVL":function(t,e,a){var i,n,c;!function(a,l){n=[t,e],i=l,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-drawer-item",props:{item:{type:[String,Object],default:""},index:{type:Number,default:-1}},computed:{itemClass:function(){return this.$parent.$parent.selectedIndex===this.index?"cube-drawer-item_active":""}},methods:{clickItem:function(t){this.$parent.$parent.itemClickHandler(t,this.index)}}},t.exports=e.default})},"+hyH":function(t,e,a){function i(t){a("OnXQ")}var n=a("VU/8")(a("fidG"),a("pAFF"),i,null,null);t.exports=n.exports},"+iBg":function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("XPXN"),a("O6S8"),a("Mr73")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=c(a),u=c(i),o=c(n);e.default={data:function(){return{customIndex:1,imgs:["https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0mpd5uj21hc0tyws2.jpg","https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0ncnnej21hc0zetxo.jpg","https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0mqvu5j21hc0zkgzz.jpg","https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0m3ufuj21hc0zkqbj.jpg"]}},methods:{showImagePreview:function(){this.$createImagePreview({imgs:this.imgs}).show()},showCustomImagePreview:function(){var t=this;this.$createImagePreview({imgs:this.imgs,initialIndex:this.customIndex,loop:!1,speed:500,onChange:function(e){t.customIndex=e},onHide:function(){console.log("hide")}},function(e){return e("div",{class:{"image-preview-custom-header":!0},slot:"header"},t.customIndex+1)}).show()},goTo:function(t){this.$router.push("/image-preview/"+t)}},components:{CubePage:l.default,CubeButtonGroup:u.default,CubeView:o.default}},t.exports=e.default})},"+rJ6":function(t,e,a){var i,n,c;!function(a,l){n=[e],i=l,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t){"use strict";function e(t,e,i,n){var c={year:"(Y+)",month:"(M+)",date:"(D+)",hour:"(h+)",minute:"(m+)",second:"(s+)",quarter:"(q+)",millisecond:"(S)"};if(new RegExp(c[t],n).test(e)){var l="year"===t?i.toString().substr(4-RegExp.$1.length):1===RegExp.$1.length?i:a(i);e=e.replace(RegExp.$1,l)}return e}function a(t){return("00"+t).substr((""+t).length)}function i(t,a){var i={year:{value:t.getFullYear(),regExpAttributes:"i"},month:{value:t.getMonth()+1},date:{value:t.getDate(),regExpAttributes:"i"},hour:{value:t.getHours(),regExpAttributes:"i"},minute:{value:t.getMinutes()},second:{value:t.getSeconds()},quarter:{value:Math.floor((t.getMonth()+3)/3),regExpAttributes:"i"},millisecond:{value:t.getMilliseconds()}};for(var n in i)a=e(n,a,i[n].value,i[n].regExpAttributes);return a}function n(t){var e=t.getFullYear(),a=t.getMonth()+1,i=t.getDate();return+new Date(e+"/"+a+"/"+i+" 00:00:00")}function c(t,e){return Math.floor((n(t)-n(e))/o)}function l(){return window.performance&&window.performance.now?window.performance.now()+window.performance.timing.navigationStart:+new Date}function u(t,e){var a=30;return[1,3,5,7,8,10,12].indexOf(t)>-1?a=31:2===t&&(a=e&&e%400&&(e%4||!(e%100))?28:29),a}Object.defineProperty(t,"__esModule",{value:!0});var o=864e5;t.DAY_TIMESTAMP=o,t.HOUR_TIMESTAMP=36e5,t.MINUTE_TIMESTAMP=6e4,t.pad=a,t.formatType=e,t.formatDate=i,t.getZeroStamp=n,t.getDayDiff=c,t.getNow=l,t.computeNatureMaxDay=u})},"+vzD":function(t,e,a){var i=a("VU/8")(a("eC/x"),a("/7Xe"),null,null,null);t.exports=i.exports},"/5me":function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("fZjL"),a("s0qb")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i){"use strict";function n(t,e,a){function n(e){clearTimeout(k),k=0,t.progress=1,t.status=e,a&&a(t)}function l(){var e=A.responseText||A.response;try{e=JSON.parse(e)}catch(t){}t.response=e,t.responseHeaders=A.getAllResponseHeaders()}var u=e.target,o=e.headers,s=void 0===o?{}:o,r=e.data,d=void 0===r?{}:r,v=e.fileName,p=void 0===v?"file":v,f=e.withCredentials,h=e.timeout,x=e.prop,y=void 0===x?"file":x,m=e.progressInterval,b=void 0===m?100:m,g=e.checkSuccess,_=void 0===g?function(){return!0}:g,w=(0,i.evalOpts)(u,t);t.progress=0,t.status=i.STATUS_UPLOADING;var A=new window.XMLHttpRequest;t._xhr=A;var k=0;if(A.upload){var C=Date.now();A.upload.onprogress=function(e){function a(){t.progress=e.loaded/e.total,C=Date.now()}if(e.total>0)if(k){clearTimeout(k);var i=Date.now(),n=i-C;n>=b?a():k=setTimeout(a,n)}else a(),k=1}}var T=new window.FormData,P=(0,i.evalOpts)(d,t);(0,c.default)(P).forEach(function(t){T.append(t,P[t])}),T.append(p,t[y]),A.onload=function(){if(A.status<200||A.status>=300)return void n(i.STATUS_ERROR);l();var e=t.response;if(_.length<=2){n(_(e,t)?i.STATUS_SUCCESS:i.STATUS_ERROR)}else _(e,t,function(t){n(t?i.STATUS_SUCCESS:i.STATUS_ERROR)})},A.onerror=function(){l(),n(i.STATUS_ERROR)},A.ontimeout=function(){l(),n(i.STATUS_ERROR)},A.open("POST",w,!0),f&&(A.withCredentials=!0);var j=(0,i.evalOpts)(s,t);(0,c.default)(j).forEach(function(t){A.setRequestHeader(t,j[t])}),h>0&&(A.timeout=h),A.send(T)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=n;var c=function(t){return t&&t.__esModule?t:{default:t}}(a);t.exports=e.default})},"/7Xe":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("cube-cascade-picker",{ref:"picker",attrs:{data:t.cascadeData,"selected-index":t.selectedIndex,title:t._title,subtitle:t.subtitle,"cancel-txt":t._cancelTxt,"confirm-txt":t._confirmTxt,"swipe-time":t.swipeTime,"z-index":t.zIndex,"mask-closable":t.maskClosable},on:{select:t._pickerSelect,cancel:t._pickerCancel,change:t._pickerChange},model:{value:t.isVisible,callback:function(e){t.isVisible=e},expression:"isVisible"}})},staticRenderFns:[]}},"/Ca3":function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("woOf"),a("t7U9"),a("UFDc"),a("4Gmg"),a("tJl4"),a("M7O5")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n,c,l,u){"use strict";function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var s=o(a),r=o(c),d=o(l),v=o(u);e.default={name:"cube-form",mixins:[v.default],props:{action:String,model:{type:Object,default:function(){return{}}},schema:{type:Object,default:function(){return{}}},options:{type:Object,default:function(){return{scrollToInvalidField:!1,layout:d.default.STANDARD}}},immediateValidate:{type:Boolean,default:!1}},data:function(){return{validatedCount:0,dirty:!1,firstInvalidField:null,firstInvalidFieldIndex:-1}},computed:{groups:function(){var t=this.schema,e=t.groups||[];return t.fields&&e.unshift({fields:t.fields}),e},layout:function(){var t=this.options;return t&&t.layout||d.default.STANDARD},formClass:function(){var t=this.invalid,e=this.valid,a=this.layout;return{"cube-form_standard":a===d.default.STANDARD,"cube-form_groups":this.groups.length>1,"cube-form_validating":this.validating,"cube-form_pending":this.pending,"cube-form_valid":e,"cube-form_invalid":t,"cube-form_classic":a===d.default.CLASSIC,"cube-form_fresh":a===d.default.FRESH}}},watch:{validatedCount:function(){this.$emit("validate",{validity:this.validity,valid:this.valid,invalid:this.invalid,dirty:this.dirty,firstInvalidFieldIndex:this.firstInvalidFieldIndex})}},beforeCreate:function(){this.form=this,this.fields=[],this.validity={}},mounted:function(){this.immediateValidate&&this.validate()},methods:{submit:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.skipValidate=t,(0,i.dispatchEvent)(this.$refs.form,"submit"),this.skipValidate=!1},reset:function(){(0,i.dispatchEvent)(this.$refs.form,"reset")},submitHandler:function(t){var e=this;if(this.syncValidatorValues(),this.skipValidate)return void this.$emit("submit",t,this.model);var a=function(a){a?(e.$emit("valid",e.validity),e.$emit("submit",t,e.model)):(t.preventDefault(),e.$emit("invalid",e.validity))};void 0===this.valid?(this._submit(a),(this.validating||this.pending)&&t.preventDefault()):a(this.valid)},resetHandler:function(t){this._reset(),this.$emit("reset",t)},_submit:function(t){var e=this;this.validate(function(){e.invalid&&e.options.scrollToInvalidField&&e.firstInvalidField&&e.firstInvalidField.$el.scrollIntoView(),t&&t(e.valid)})},_reset:function(){this.fields.forEach(function(t){t.reset()}),this.setValidity(),this.setValidating(),this.setPending()},syncValidatorValues:function(){this.fields.forEach(function(t){t.syncValidatorValue()})},validate:function(t){var e=this,a=(0,n.cb2PromiseWithResolve)(t);a&&(t=a.resolve);var i=0,c=this.fields.length;return this.originValid=void 0,this.fields.forEach(function(a){a.validate(function(){++i===c&&t&&t(e.valid)})}),a},updateValidating:function(){var t=this.fields.some(function(t){return t.validating});this.setValidating(t)},updatePending:function(){var t=this.fields.some(function(t){return t.pending});this.setPending(t)},setValidating:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.validating=t},setPending:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.pending=t},updateValidity:function(t,e,a,i){var n=this.validity[t];n&&n.valid===e&&n.result===a&&n.dirty===i||this.setValidity(t,{valid:e,result:a,dirty:i})},setValidity:function(t,e){var a={};t&&((0,s.default)(a,this.validity),void 0===e?delete a[t]:a[t]=e);var i=!1,n=!1,c=!0,l="";this.fields.forEach(function(t){var e=t.fieldValue.modelKey;if(e){var u=a[e];u?(u.dirty&&(i=!0),!1===u.valid?c=!1:c&&!u.valid&&(c=u.valid),n||!1!==u.valid||(n=!0,l=e)):t.hasRules&&(c&&(c=void 0),a[e]={valid:void 0,result:{},dirty:!1})}}),this.validity=a,this.dirty=i,this.originValid=c,this.setFirstInvalid(l),this.validatedCount++},setFirstInvalid:function(t){var e=this;if(!t)return this.firstInvalidField=null,void(this.firstInvalidFieldIndex=-1);this.fields.some(function(a,i){if(a.fieldValue.modelKey===t)return e.firstInvalidField=a,e.firstInvalidFieldIndex=i,!0})},addField:function(t){this.fields.push(t)},destroyField:function(t){var e=this.fields.indexOf(t);this.fields.splice(e,1),this.setValidity(t.fieldValue.modelKey)}},beforeDestroy:function(){this.form=null,this.firstInvalidField=null},components:{CubeFormGroup:r.default}},t.exports=e.default})},"/O1a":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("ul",{ref:"rateContainer",staticClass:"cube-rate",class:t.rateClass,on:{touchstart:function(e){return e.stopPropagation(),t.handleStart(e)},touchmove:function(e){return e.stopPropagation(),e.preventDefault(),t.handleMove(e)},touchend:function(e){return e.stopPropagation(),t.handleEnd(e)},mousedown:function(e){return e.stopPropagation(),t.handleStart(e)},mousemove:function(e){return e.stopPropagation(),t.handleMove(e)},mouseup:function(e){return e.stopPropagation(),t.handleEnd(e)}}},[t._t("default",t._l(t.max,function(t){return a("cube-rate-item",{key:t,attrs:{index:t}})}))],2)},staticRenderFns:[]}},"/Pfp":function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("N/gd")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);i.default.install=function(t){t.component(i.default.name,i.default)},e.default=i.default,t.exports=e.default})},"/QTU":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"button-view",title:"Button"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("form",{attrs:{action:"/"}},[a("cube-button-group",[a("cube-button",[t._v("Button")]),t._v(" "),a("cube-button",{attrs:{type:"submit"}},[t._v("Submit Button")])],1),t._v(" "),a("cube-button-group",[a("cube-button",{attrs:{active:!0}},[t._v("Active Button")]),t._v(" "),a("cube-button",{attrs:{disabled:!0}},[t._v("Disabled Button")])],1),t._v(" "),a("cube-button-group",[a("cube-button",{attrs:{icon:"cubeic-right"}},[t._v("Button With Icon")])],1),t._v(" "),a("cube-button-group",[a("cube-button",{attrs:{light:!0}},[t._v("Light Button")]),t._v(" "),a("cube-button",{attrs:{inline:!0}},[t._v("Inline Button")]),t._v(" "),a("cube-button",{attrs:{outline:!0}},[t._v("Outline Button")]),t._v(" "),a("cube-button",{attrs:{primary:!0}},[t._v("Primary Button")])],1),t._v(" "),a("div",[a("cube-checkbox-group",{attrs:{horizontal:!0},model:{value:t.buttonStyle,callback:function(e){t.buttonStyle=e},expression:"buttonStyle"}},[a("cube-checkbox",{attrs:{label:"inline"}},[t._v("Inline")]),t._v(" "),a("cube-checkbox",{attrs:{label:"outline"}},[t._v("Outline")]),t._v(" "),a("cube-checkbox",{attrs:{label:"primary"}},[t._v("Primary")])],1),t._v(" "),a("cube-button-group",[a("cube-button",{attrs:{inline:t.inlineStyle,outline:t.outlineStyle,primary:t.primaryStyle}},[t._v("Demo Button")])],1)],1)],1)])])},staticRenderFns:[]}},"/Yrh":function(t,e,a){function i(t){a("2wFx")}var n=a("VU/8")(a("0+e1"),a("1IbW"),i,null,null);t.exports=n.exports},"/kdh":function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("+//L"),a("UFDc"),a("t7U9")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var c=function(t){return t&&t.__esModule?t:{default:t}}(a),l=(0,n.prefixStyle)("transform");e.default={name:"cube-tab-panels",props:{value:{type:[String,Number]},data:{type:Array,default:function(){return[]}}},created:function(){this.panels=[]},mounted:function(){this._move(this.value)},methods:{_move:function(t){var e=(0,i.findIndex)(this.panels,function(e){return e.value===t});if(-1!==e){var a=this.$refs.panelsGroup,n=-100*e;a.style[l]="translateX("+n+"%)"}},addPanel:function(t){this.panels.push(t)},removePanel:function(t){var e=this.panels.indexOf(t);e>-1&&this.panels.splice(e,1)}},watch:{value:function(t){this._move(t)}},components:{TabPanel:c.default}},t.exports=e.default})},"0+e1":function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("t7U9"),a("UFDc"),a("Ct0e")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var c=function(t){return t&&t.__esModule?t:{default:t}}(n),l=(0,a.prefixStyle)("transform"),u=(0,a.prefixStyle)("transition");e.default={name:"cube-tab-bar",components:{CubeTab:c.default},props:{value:{type:[String,Number],required:!0},data:{type:Array,default:function(){return[]}},inline:{type:Boolean,default:!1},showSlider:{type:Boolean,default:!1},useTransition:{type:Boolean,default:!0}},watch:{value:function(){this._updateSliderStyle()}},created:function(){this.tabs=[]},mounted:function(){this._updateSliderStyle(),window.addEventListener("resize",this._resizeHandler)},activated:function(){window.addEventListener("resize",this._resizeHandler)},deactivated:function(){this._cleanUp()},beforeDestroy:function(){this._cleanUp()},methods:{addTab:function(t){this.tabs.push(t)},removeTab:function(t){var e=this.tabs.indexOf(t);e>-1&&this.tabs.splice(e,1)},trigger:function(t){var e=this;if(this.$emit("click",t),t!==this.value){["input","change"].forEach(function(a){e.$emit(a,t)})}},_updateSliderStyle:function(){var t=this;if(this.showSlider){var e=this.$refs.slider;this.$nextTick(function(){var a=t._getSliderWidthAndIndex(),i=a.width,n=a.index;e.style.width=i+"px",t.setSliderTransform(t._getOffsetLeft(n))})}},setSliderTransform:function(t){var e=this.$refs.slider;"number"==typeof t&&(t+="px"),e&&(this.useTransition&&(e.style[u]=l+" 0.2s linear"),e.style[l]="translateX("+t+") translateZ(0)")},_getSliderWidthAndIndex:function(){var t=this,e=0,a=0;return this.tabs.length>0&&(a=(0,i.findIndex)(this.tabs,function(e){return e.value===t.value}),e=this.tabs[a].$el.clientWidth),{width:e,index:a}},_getOffsetLeft:function(t){var e=0;return this.tabs.forEach(function(a,i){ialign - center",class:"cube-foo"},{content:"align - left",align:"left"},{content:"align - right",align:"right"}],onSelect:function(e,a){t.$createToast({txt:"Clicked "+e.content,type:"correct",time:1e3}).show()}}),this.actionSheet.show()},showActive:function(){var t=this;this.actionSheet=this.$createActionSheet({title:"我是标题~~~",active:0,data:[{content:"舒适型"},{content:"七座商务"},{content:"豪华型"}],onSelect:function(e,a){t.$createToast({txt:"Clicked "+e.content,type:"correct",time:1e3}).show()},onCancel:function(){t.$createToast({txt:"Clicked canceled",type:"warn",time:1e3}).show()}}),this.actionSheet.show()},showPickerStyle:function(){var t=this;this.actionSheet=this.$createActionSheet({title:"我是标题~~~",pickerStyle:!0,data:[{content:"舒适型"},{content:"七座商务"},{content:"豪华型"}],onSelect:function(e,a){t.$createToast({txt:"Clicked "+e.content,type:"correct",time:1e3}).show()},onCancel:function(){t.$createToast({txt:"Clicked canceled",type:"warn",time:1e3}).show()}}),this.actionSheet.show()}},components:{CubePage:c.default,CubeButtonGroup:l.default}},t.exports=e.default})},"0wrK":function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("/Yrh"),a("Ct0e")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=n(a),l=n(i);c.default.install=function(t){t.component(c.default.name,c.default),t.component(l.default.name,l.default)},c.default.Tab=l.default,e.default=c.default,t.exports=e.default})},"13Xo":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-index-list"},[a("cube-scroll",{ref:"scroll",attrs:{"scroll-events":t.scrollEvents,options:t.scrollOptions,data:t.data},on:{scroll:t.scroll,"pulling-down":t.onPullingDown,"pulling-up":t.onPullingUp},scopedSlots:t._u([{key:"pullup",fn:function(e){return t.$slots.pullup||t.$scopedSlots.pullup?[t._t("pullup",null,{pullUpLoad:e.pullUpLoad,isPullUpLoad:e.isPullUpLoad})]:void 0}},{key:"pulldown",fn:function(e){return t.$slots.pulldown||t.$scopedSlots.pulldown?[t._t("pulldown",null,{pullDownRefresh:e.pullDownRefresh,pullDownStyle:e.pullDownStyle,beforePullDown:e.beforePullDown,isPullingDown:e.isPullingDown,bubbleY:e.bubbleY})]:void 0}}])},[a("div",{ref:"content",staticClass:"cube-index-list-content"},[t.title?a("h1",{ref:"title",staticClass:"cube-index-list-title",on:{click:t.titleClick}},[t._v("\n "+t._s(t.title)+"\n ")]):t._e(),t._v(" "),a("ul",[t._t("default",t._l(t.data,function(e,i){return a("cube-index-list-group",{key:i,attrs:{group:e},on:{select:t.selectItem}})}))],2)])]),t._v(" "),t.navbar?a("div",{staticClass:"cube-index-list-nav",on:{touchstart:t.onShortcutTouchStart,touchmove:function(e){return e.stopPropagation(),e.preventDefault(),t.onShortcutTouchMove(e)}}},[a("ul",{staticClass:"cube-index-list-nav-list"},t._l(t.shortcutList,function(e,i){return a("li",{key:i,staticClass:"cube-index-list-nav-item",class:{active:t.currentIndex===i},attrs:{"data-index":i}},[t._t("nav-item",[t._v(t._s(e))],{item:e})],2)}))]):t._e(),t._v(" "),a("div",{directives:[{name:"show",rawName:"v-show",value:t.fixedTitle,expression:"fixedTitle"}],ref:"fixed",staticClass:"cube-index-list-fixed cube-index-list-anchor",domProps:{innerHTML:t._s(t.fixedTitle)}})],1)},staticRenderFns:[]}},"1BqV":function(t,e,a){function i(t){a("XD3M")}var n=a("VU/8")(a("qgol"),a("W61h"),i,null,null);t.exports=n.exports},"1H2N":function(t,e,a){function i(t){a("g7er")}var n=a("VU/8")(a("5D5k"),a("FTiD"),i,null,null);t.exports=n.exports},"1IbW":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-tab-bar",class:{"cube-tab-bar_inline":t.inline}},[t._t("default",t._l(t.data,function(t,e){return a("cube-tab",{key:t.value||t.label,attrs:{label:t.label,value:t.value,icon:t.icon}})})),t._v(" "),t.showSlider?a("div",{ref:"slider",staticClass:"cube-tab-bar-slider"}):t._e()],2)},staticRenderFns:[]}},"1KaO":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-loading"},[a("span",{staticClass:"cube-loading-spinners",style:t.style},t._l(t.balde,function(t){return a("i",{staticClass:"cube-loading-spinner"})}))])},staticRenderFns:[]}},"1Ty8":function(t,e){},"1Vb/":function(t,e,a){function i(t){a("P5JG")}var n=a("VU/8")(a("RkVv"),a("LdqJ"),i,"data-v-73578a67",null);t.exports=n.exports},"1Zrt":function(t,e,a){var i,n,c;!function(a,l){n=[e],i=l,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var e=function(t,e,a){var i=t.rules&&t.rules[e];"custom"!==e&&i&&"function"!=typeof i&&(t.rules[e]=a)},a=function(t){return function(a,i){return e(a,t,i)}}("required"),i=function(t){return a(t,function(t){return!1!==t})},n=function(t){return a(t,function(t){return t>0})};t.boolRequiredHandler=i,t.numberGT0RequiredHandler=n})},"1btU":function(t,e,a){function i(t){a("K9Wg")}var n=a("VU/8")(a("ulou"),a("neus"),i,null,null);t.exports=n.exports},"1j+8":function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("XPXN"),a("1Vb/"),a("6SSl")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=c(a),u=c(i),o=c(n),s={url:"http://www.didichuxing.com/",image:"//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide03.png"};e.default={data:function(){return{items:[{image:"//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide01.png"},{image:"//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide02.png"}],loop:!0,autoPlay:!0,interval:4e3,threshold:.3,speed:400,allowVertical:!1,initialIndex:1,dotsSlot:!1,addItem3:!1}},computed:{options:function(){return{eventPassthrough:this.allowVertical?"vertical":""}}},watch:{addItem3:function(t){t?this.items.push(s):this.items.pop()}},methods:{changePage:function(t){console.log("当前轮播图序号为:"+t)},clickPage:function(t,e){console.log(t,e)},updateItem3:function(t){this.addItem3=t},updateLoop:function(t){this.loop=t},updateDotsSlot:function(t){this.dotsSlot=t},updateAutoPlay:function(t){this.autoPlay=t},updateInterval:function(t){(t=+t)&&(this.interval=t)},updateThreshold:function(t){(t=+t)&&(this.threshold=t)},updateSpeed:function(t){(t=+t)&&(this.speed=t)},updateAllowVertical:function(t){this.allowVertical=t},updateInitialIndex:function(t){t&&(this.initialIndex=+t)}},components:{CubePage:l.default,SwitchOption:u.default,InputOption:o.default}},t.exports=e.default})},"1peF":function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("pFYg"),a("fZjL"),a("UFDc"),a("aDIA"),a("4KJe"),a("E61+")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n,c,l,u){"use strict";function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var s=o(a),r=o(i),d=o(l),v=o(u);e.default={name:"cube-validator",mixins:[d.default],props:{model:{required:!0},modelKey:{type:String,default:""},rules:{type:Object,default:function(){return{}}},messages:{type:[Object,String],default:function(){return{}}},value:{},disabled:{type:Boolean,default:!1},immediate:{type:Boolean,default:!1}},data:function(){return{valid:this.value,validated:!1,msg:"",dirty:!1,validating:!1,result:{}}},computed:{targetModel:function(){var t=this.modelKey,e=this.model;return t?e[t]:e},invalid:function(){var t=this.valid;return(0,n.isUndef)(t)?void 0:!t},isDisabled:function(){var t=this.disabled,e=(0,r.default)(this.rules).length<=0;return t||e},dirtyOrValidated:function(){return(this.dirty||this.validated)&&!this.validating},containerClass:function(){if(!this.isDisabled)return{"cube-validator_invalid":this.invalid,"cube-validator_valid":this.valid,"cube-validator_validating":this.validating}}},watch:{value:function(t){this.valid=t},targetModel:{handler:function(){this.isDisabled||(this.dirty||(this.dirty=!0),this.validate())},sync:!0},rules:function(){this.validate()},isDisabled:function(t){t||!this.trigger||this.validated||this.validate()}},created:function(){this._validateCount=0,!this.isDisabled&&this.immediate&&this.validate()},methods:{validate:function(t){var e=(0,n.cb2PromiseWithResolve)(t);if(e&&(t=e.resolve),this.isDisabled)return t&&t(this.valid),e;this._validateCount++;var a=this._validateCount,i=this.targetModel,l=this.rules,u=l.type,o=[],s=!0;if(l.required||(s=c.rules.required(i,!0,u)),s){for(var r in l)!function(t){var e=l[t],a=void 0;a=(0,n.isFunc)(e)?e(i,l[t],u):!c.rules[t]||c.rules[t](i,l[t],u),o.push(function(e){var i=function(a){e({key:t,valid:!0===a,ret:a})},c=function(a){e({key:t,valid:!1,ret:a})};(0,n.isObject)(a)&&(0,n.isFunc)(a.then)?a.then(i).catch(c):(0,n.isFunc)(a)?a(i,c):e({key:t,valid:!0===a,ret:a})})}(r)}return this._checkTasks(o,a,t),e},_checkTasks:function(t,e,a){var i=this,c=this.rules,l=!0,u={},o=!0;this.validating=!0;var s=this.targetModel;(0,n.parallel)(t,function(t){i._validateCount===e&&(i.validating=!1,t.forEach(function(t){var e=t.key,a=t.valid,o=t.ret,r=i.messages[e]?(0,n.isFunc)(i.messages[e])?i.messages[e](o,a):i.messages[e]:i.findMessage(e,c[e],c.type,s);l&&!a&&(l=!1,i.msg=r),u[e]={valid:a,invalid:!a,message:r}}),o||i.$emit("validated",l),i._updateModel(l,u),a&&a(i.valid))}),this.validating&&(o=!1,this.$emit("validating"),this.valid=void 0,this.$emit("input",this.valid))},_updateModel:function(t,e){this.validated=!0,this.result=e,e.required&&e.required.invalid&&(this.msg=e.required.message),t&&(this.msg=""),this.valid=t,this.$emit("input",this.valid)},reset:function(){this._validateCount++,this.validating=!1,this.dirty=!1,this.result={},this.msg="",this.validated=!1,this.valid=void 0,this.$emit("input",this.valid)},msgClickHandler:function(){this.$emit("msg-click")},findMessage:function(t,e,a,i){var c=this.$cubeMessages,l=this.$cubeLang,u=c[l].validator[t];return u?(0,n.isString)(u)?u:(0,n.isFunc)(u)?u(e):(u[a]||(a=(0,n.isArray)(i)?"array":void 0===i?"undefined":(0,s.default)(i)),"function"==typeof u[a]?u[a](e):(0,v.default)(u[a],e)):""}}},t.exports=e.default})},"1y26":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-input",class:{"cube-input_active":t.isFocus}},[t.$slots.prepend?a("div",{staticClass:"cube-input-prepend"},[t._t("prepend")],2):t._e(),t._v(" "),"checkbox"===t._type?a("input",t._b({directives:[{name:"model",rawName:"v-model",value:t.inputValue,expression:"inputValue"}],ref:"input",staticClass:"cube-input-field",attrs:{disabled:t.disabled,readonly:t.readonly,autocomplete:t.autocomplete,autofocus:t.autofocus,type:"checkbox"},domProps:{checked:Array.isArray(t.inputValue)?t._i(t.inputValue,null)>-1:t.inputValue},on:{focus:t.handleFocus,blur:t.handleBlur,change:[function(e){var a=t.inputValue,i=e.target,n=!!i.checked;if(Array.isArray(a)){var c=t._i(a,null);i.checked?c<0&&(t.inputValue=a.concat([null])):c>-1&&(t.inputValue=a.slice(0,c).concat(a.slice(c+1)))}else t.inputValue=n},t.changeHander]}},"input",t.$props,!1)):"radio"===t._type?a("input",t._b({directives:[{name:"model",rawName:"v-model",value:t.inputValue,expression:"inputValue"}],ref:"input",staticClass:"cube-input-field",attrs:{disabled:t.disabled,readonly:t.readonly,autocomplete:t.autocomplete,autofocus:t.autofocus,type:"radio"},domProps:{checked:t._q(t.inputValue,null)},on:{focus:t.handleFocus,blur:t.handleBlur,change:[function(e){t.inputValue=null},t.changeHander]}},"input",t.$props,!1)):a("input",t._b({directives:[{name:"model",rawName:"v-model",value:t.inputValue,expression:"inputValue"}],ref:"input",staticClass:"cube-input-field",attrs:{disabled:t.disabled,readonly:t.readonly,autocomplete:t.autocomplete,autofocus:t.autofocus,type:t._type},domProps:{value:t.inputValue},on:{focus:t.handleFocus,blur:t.handleBlur,change:t.changeHander,input:function(e){e.target.composing||(t.inputValue=e.target.value)}}},"input",t.$props,!1)),t._v(" "),t.$slots.append||t._showClear||t._showPwdEye?a("div",{staticClass:"cube-input-append"},[t._showClear?a("div",{staticClass:"cube-input-clear",on:{click:t.handleClear}},[a("i",{staticClass:"cubeic-wrong"})]):t._e(),t._v(" "),t._showPwdEye?a("div",{staticClass:"cube-input-eye",on:{click:t.handlePwdEye}},[a("i",{class:t.eyeClass})]):t._e(),t._v(" "),t._t("append")],2):t._e()])},staticRenderFns:[]}},"1ze/":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{staticClass:"option-demo",attrs:{type:"slide-view",title:"Slide"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"slide-container-v"},[a("cube-slide",{attrs:{data:t.items,loop:t.loop,showDots:!1,direction:"vertical"},on:{change:t.change}})],1)])])},staticRenderFns:[]}},"2DUa":function(t,e,a){function i(t){a("D11v")}var n=a("VU/8")(a("3SPU"),a("FzF9"),i,null,null);t.exports=n.exports},"2iSa":function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("O6S8"),a("XPXN")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=n(a),l=n(i);e.default={methods:{showAlert:function(){this.dialog=this.$createDialog({type:"alert",title:"我是标题",content:"我是内容",icon:"cubeic-alert"}),this.dialog.show()},showPrompt:function(){var t=this;this.dialog=this.$createDialog({type:"prompt",title:"我是标题",prompt:{placeholder:"请输入"},onConfirm:function(e,a){t.$createToast({type:"warn",time:1e3,txt:"Prompt value: "+(a||"")}).show()}}),this.dialog.show()},showBtn:function(){var t=this;this.dialog=this.$createDialog({type:"confirm",icon:"cubeic-alert",title:"我是标题",content:"我是内容",confirmBtn:{text:"确定按钮",active:!0,disabled:!1,href:"javascript:;"},cancelBtn:{text:"取消按钮",active:!1,disabled:!1,href:"javascript:;"},onConfirm:function(){t.$createToast({type:"warn",time:1e3,txt:"点击确认按钮"}).show()},onCancel:function(){t.$createToast({type:"warn",time:1e3,txt:"点击取消按钮"}).show()}}),this.dialog.show()},showClose:function(){var t=this;this.dialog=this.$createDialog({type:"alert",icon:"cubeic-alert",showClose:!0,title:"标题",onClose:function(){t.$createToast({type:"warn",time:1e3,txt:"点击关闭按钮"}).show()}}),this.dialog.show()},showSlot:function(){this.dialog=this.$createDialog({type:"alert",confirmBtn:{text:"我知道了",active:!0}},function(t){return[t("div",{class:{"my-title":!0},slot:"title"},[t("div",{class:{"my-title-img":!0}}),t("p","附近车少,优选出租车将来接您")]),t("p",{class:{"my-content":!0},slot:"content"},"价格仍按快车计算")]}),this.dialog.show()}},components:{CubeButtonGroup:c.default,CubePage:l.default}},t.exports=e.default})},"2ql2":function(t,e){},"2wFx":function(t,e){},"34KM":function(t,e){},"3BKo":function(t,e,a){var i,n,c;!function(a,l){n=[t,e],i=l,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{multiple:{type:Boolean,default:!0},accept:{type:String,default:"image/*"}}},t.exports=e.default})},"3SPU":function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("t7U9")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i="cube-index-list-item_active";e.default={name:"cube-index-list-item",props:{item:{type:Object,default:function(){return{}}}},computed:{itemClass:function(){return this.item.active?i:""}},methods:{addActiveCls:function(t){(0,a.addClass)(t.currentTarget,i)},removeActiveCls:function(t){(0,a.removeClass)(t.currentTarget,i)},selectItem:function(){this.$emit("select",this.item)}}},t.exports=e.default})},"3Xsx":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{ref:"formItem",staticClass:"cube-form-item border-bottom-1px",class:t.itemClass},[t.isBtnField?a("cube-button",t._b({},"cube-button",t.fieldValue.props,!1),[t._v(t._s(t.fieldValue.label))]):[t._t("label",[a("div",{directives:[{name:"show",rawName:"v-show",value:t.fieldValue.label,expression:"fieldValue.label"}],staticClass:"cube-form-label"},[a("span",[t._v(t._s(t.fieldValue.label))])])]),t._v(" "),t.hasRules?a("cube-validator",{ref:"validator",staticClass:"cube-form-field",attrs:{disabled:t.validatorDisabled,model:t.validatorModel,"model-key":t.validatorModelKey,rules:t.fieldValue.rules,messages:t.fieldValue.messages},on:{input:t.validatorChangeHandler,validating:t.validatingHandler,validated:t.validatedHandler,"msg-click":t.msgClick},model:{value:t.originValid,callback:function(e){t.originValid=e},expression:"originValid"}},[t._t("default",[a(t.componentName,t._g(t._b({tag:"component",model:{value:t.modelValue,callback:function(e){t.modelValue=e},expression:"modelValue"}},"component",t.fieldValue.props,!1),t.fieldValue.events))])],2):a("div",{staticClass:"cube-form-field"},[t._t("default",[a(t.componentName,t._g(t._b({tag:"component",model:{value:t.modelValue,callback:function(e){t.modelValue=e},expression:"modelValue"}},"component",t.fieldValue.props,!1),t.fieldValue.events))])],2)]],2)},staticRenderFns:[]}},"3Yuc":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-page",class:t.type},[a("header",{staticClass:"header"},[a("h1",[t._v(t._s(t.title))]),t._v(" "),a("i",{staticClass:"cubeic-back",on:{click:t.back}})]),t._v(" "),a("div",{staticClass:"wrapper"},[a("section",{directives:[{name:"show",rawName:"v-show",value:t.desc,expression:"desc"}],staticClass:"desc"},[t._t("desc",[t._v(t._s(t.desc))])],2),t._v(" "),a("main",{staticClass:"content"},[t._t("content",[t._v(t._s(t.content))])],2)])])},staticRenderFns:[]}},"3jWI":function(t,e,a){function i(t){a("3uWI")}var n=a("VU/8")(a("X4T+"),a("enXm"),i,null,null);t.exports=n.exports},"3kPI":function(t,e,a){function i(t){a("nocm")}var n=a("VU/8")(a("Lg4b"),a("m4tM"),i,null,null);t.exports=n.exports},"3uWI":function(t,e){},"3ubT":function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("5/tf"),a("agqa"),a("5KkG")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=c(a),u=c(i),o=c(n);l.default.install=function(t){t.component(l.default.name,l.default),t.component(u.default.name,u.default),t.component(o.default.name,o.default)},l.default.Panel=u.default,l.default.Item=o.default,e.default=l.default,t.exports=e.default})},"41pN":function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("yjF1")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={name:"cube-checkbox-group",props:{value:{type:Array},horizontal:{type:Boolean,default:!1},shape:{type:String,default:"circle"},position:{type:String,default:"left"},hollowStyle:{type:Boolean,default:!1},options:{type:Array,default:function(){return[]}},min:{type:Number,default:0},max:{type:Number,default:1/0}},data:function(){return{_value:[],_checkboxGroup:!0}},computed:{groupClass:function(){if(!this.horizontal)return"border-top-1px border-bottom-1px"}},watch:{value:{immediate:!0,handler:function(t,e){this._value=this.value.concat()}}},mounted:function(){var t=this;this.$on("checked",function(e){t._value.lengtht.min){var a=t._value.indexOf(e);t._value.splice(a,1)}t.$emit("input",t._value)})},components:{CubeCheckbox:i.default}},t.exports=e.default})},"4BV0":function(t,e,a){var i,n,c;!function(a,l){n=[e],i=l,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.easeOutBack="cubic-bezier(0.18, 0.89, 0.32, 1.28)",t.easeOutQuart="cubic-bezier(0.165, 0.84, 0.44, 1)",t.easeOutCubic="cubic-bezier(0.22, 0.61, 0.36, 1)"})},"4BmD":function(t,e,a){function i(t){a("V8x2")}var n=a("VU/8")(a("xIPZ"),a("zf5d"),i,null,null);t.exports=n.exports},"4CSM":function(t,e){},"4Gmg":function(t,e,a){function i(t){a("6SD/")}var n=a("VU/8")(a("f/6s"),a("A/pu"),i,null,null);t.exports=n.exports},"4KJe":function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("j9ag"),a("UFDc"),a("XRNA")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var c=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={computed:{$t:function(){var t=this.$cubeLang,e=this.$cubeMessages[t];return(0,i.isUndef)(e)?((0,n.warn)("Translation is not registered correctly, you can call Locale.use() to install it."),""):function(t){return(0,i.parsePath)(e,t)}}},beforeCreate:function(){c.default.install(this.$root.constructor)}},t.exports=e.default})},"4Kqh":function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("gLZT")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a){"use strict";function i(t,e){(0,n.default)(t,e,["timeout"],!0)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=i;var n=function(t){return t&&t.__esModule?t:{default:t}}(a);t.exports=e.default})},"4OFj":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"scroll",title:"Scroll"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:function(e){t.goTo("default")}}},[a("span",{staticClass:"scroll-example"},[t._v("1. Default")])]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("horizontal")}}},[a("span",{staticClass:"scroll-example"},[t._v("2. Horizontal")])]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("config")}}},[a("span",{staticClass:"scroll-example"},[t._v("3. Customized")])]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("jd")}}},[a("span",{staticClass:"scroll-example"},[t._v("4. JD")])]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("toutiao")}}},[a("span",{staticClass:"scroll-example"},[t._v("5. Toutiao")])]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("v-scrolls")}}},[a("span",{staticClass:"scroll-example"},[t._v("6. Vertical scrolls")])]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("h-scrolls")}}},[a("span",{staticClass:"scroll-example"},[t._v("7. Horizontal scrolls")])])],1),t._v(" "),a("cube-view")],1)])},staticRenderFns:[]}},"4eWE":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"swipe",title:"Swipe"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:function(e){t.goTo("default")}}},[t._v("Default")]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("custom")}}},[t._v("Custom")])],1),t._v(" "),a("cube-view")],1)])},staticRenderFns:[]}},"4g/6":function(t,e){},"4gT0":function(t,e,a){var i,n,c;!function(a,l){n=[t,e],i=l,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={methods:{focus:function(){this.$refs.input.focus()},blur:function(){this.$refs.input.blur()}}},t.exports=e.default})},"4sRm":function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("3BKo")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={name:"cube-upload-btn",mixins:[i.default],methods:{changeHandler:function(t){var e=t.currentTarget,a=e.files;a&&(this.$parent.addFiles(a),e.value=null)}}},t.exports=e.default})},"4xIg":function(t,e,a){function i(t){a("MFKK")}var n=a("VU/8")(a("XlLO"),a("ZCFR"),i,null,null);t.exports=n.exports},"5/tf":function(t,e,a){function i(t){a("N3Wc")}var n=a("VU/8")(a("kLzu"),a("HgRm"),i,null,null);t.exports=n.exports},"57KX":function(t,e){},"58Ml":function(t,e,a){function i(t){a("wYaX")}var n=a("VU/8")(a("jnfQ"),a("br84"),i,null,null);t.exports=n.exports},"5BnR":function(t,e){},"5D5k":function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("XPXN"),a("1Vb/")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=n(a),l=n(i);e.default={data:function(){return{type:"password",value:"",disabled:!1,useClear:!0,clearBlurHidden:!0,readonly:!1,isPwd:!0,showEye:!0,pwdVisible:!0,reverse:!1}},computed:{clearable:function(){return{visible:this.useClear,blurHidden:this.clearBlurHidden}},eye:function(){return!(!this.isPwd||!this.showEye)&&{open:this.reverse?!this.pwdVisible:this.pwdVisible,reverse:this.reverse}}},methods:{updateDisabled:function(t){this.disabled=t},updateReadonly:function(t){this.readonly=t},updateUseClear:function(t){this.useClear=t},updateBlurHidden:function(t){this.clearBlurHidden=t},updatePwd:function(t){this.isPwd=t,this.type=this.isPwd?"password":"text"},updateShowEye:function(t){this.showEye=t},updatePwdVisible:function(t){this.pwdVisible=t},updateReverse:function(t){this.reverse=t}},components:{CubePage:c.default,SwitchOption:l.default}},t.exports=e.default})},"5Fev":function(t,e,a){function i(t){a("I6++")}var n=a("VU/8")(a("Dw/u"),a("Szk3"),i,"data-v-7605c0c2",null);t.exports=n.exports},"5HTY":function(t,e,a){var i=a("VU/8")(a("eWUu"),a("C/x+"),null,null,null);t.exports=i.exports},"5KkG":function(t,e,a){function i(t){a("mNkZ")}var n=a("VU/8")(a("+HVL"),a("FccO"),i,null,null);t.exports=n.exports},"5MeU":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"checkbox-group-view",title:"CheckboxGroup"}},[a("template",{slot:"content"},[a("cube-checkbox-group",{attrs:{options:t.options},model:{value:t.checkList,callback:function(e){t.checkList=e},expression:"checkList"}}),t._v(" "),a("p",[t._v("checkList value : "+t._s(t.checkList))]),t._v(" "),a("br"),t._v(" "),a("cube-checkbox-group",{attrs:{options:t.options,horizontal:!0,position:"right",shape:"square","hollow-style":!0},model:{value:t.checkList,callback:function(e){t.checkList=e},expression:"checkList"}}),t._v(" "),a("br"),t._v(" "),a("cube-checkbox-group",{model:{value:t.checkList,callback:function(e){t.checkList=e},expression:"checkList"}},[a("cube-checkbox",{attrs:{option:"1"}},[a("i",[t._v("Checkbox 1")])]),t._v(" "),a("cube-checkbox",{attrs:{option:"2"}},[a("i",[t._v("Checkbox 2")])]),t._v(" "),a("cube-checkbox",{attrs:{option:{value:"3",disabled:!0}}},[a("i",[t._v("Disabled Checkbox")])]),t._v(" "),a("cube-checkbox",{attrs:{option:{value:"4",disabled:!0}}},[a("i",[t._v("Disabled & Checked Checkbox")])])],1)],1)],2)},staticRenderFns:[]}},"5Raf":function(t,e){},"5VLA":function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("XPXN"),a("O6S8"),a("Mr73")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=c(a),u=c(i),o=c(n);e.default={components:{CubePage:l.default,CubeButtonGroup:u.default,CubeView:o.default},methods:{goTo:function(t){this.$router.push("/scroll-nav/"+t)}}},t.exports=e.default})},"5WX7":function(t,e){},"5e0o":function(t,e,a){function i(t){a("R1uw")}var n=a("VU/8")(a("DLo4"),a("mS3r"),i,null,null);t.exports=n.exports},"5qoB":function(t,e,a){var i,n,c;!function(l,u){n=[e,a("fZjL"),a("pFYg"),a("UFDc"),a("+Ghj")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(t,"__esModule",{value:!0}),t.addRule=t.rules=void 0;var l=c(e),u=c(a),o={required:function(t,e,a){return a=a||(Array.isArray(t)?"array":void 0===t?"undefined":(0,u.default)(t)),"array"===a&&Array.isArray(t)?t.length>0:""!==t&&void 0!==t&&null!==t},type:function(t,e){return!n.types[e]||n.types[e](t)},min:function(t,e,a){return a=a||(void 0===t?"undefined":(0,u.default)(t)),"number"===a||"date"===a?Number(t)>=e:t.length>=e},max:function(t,e,a){return a=a||(void 0===t?"undefined":(0,u.default)(t)),"number"===a||"date"===a?Number(t)<=e:t.length<=e},len:function(t,e,a){a=a||(void 0===t?"undefined":(0,u.default)(t));var i=t;return void 0===i.length&&(i="object"===a?(0,l.default)(i):String(i)),i.length===e},notWhitespace:function(t,e,a){return!/^\s+$/.test(t)},pattern:function(t,e,a){return e.test(t)},custom:function(t,e,a){return e(t)}},s=(0,i.createAddAPI)(o);t.rules=o,t.addRule=s})},"5ri1":function(t,e){},"64cm":function(t,e){},"6BWR":function(t,e){},"6G1g":function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("piyO")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);i.default.install=function(t){t.component(i.default.name,i.default)},e.default=i.default,t.exports=e.default})},"6KDq":function(t,e,a){function i(t){a("A794")}var n=a("VU/8")(a("I7KL"),a("5MeU"),i,null,null);t.exports=n.exports},"6SD/":function(t,e){},"6SSl":function(t,e,a){function i(t){a("Z7ln")}var n=a("VU/8")(a("eAlP"),a("IWr1"),i,"data-v-2295ccaf",null);t.exports=n.exports},"6WIs":function(t,e,a){function i(t){return a(n(t))}function n(t){var e=c[t];if(!(e+1))throw new Error("Cannot find module '"+t+"'.");return e}var c={"./avatar0.png":"Uz7t","./avatar1.png":"bJvT","./avatar2.png":"j/9N","./avatar3.png":"kl+Y","./avatar4.png":"E37f","./avatar5.png":"F7um"};i.keys=function(){return Object.keys(c)},i.resolve=n,t.exports=i,i.id="6WIs"},"6boj":function(t,e,a){function i(t){a("rR3D")}var n=a("VU/8")(a("TdZF"),a("fUkQ"),i,null,null);t.exports=n.exports},"6liq":function(t,e,a){var i=a("VU/8")(a("+HHY"),a("tYAf"),null,null,null);t.exports=i.exports},"77Ud":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"time-picker-view",title:"TimePicker（时间选择器）"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:t.showTimePicker}},[t._v("TimePicker")]),t._v(" "),a("cube-button",{on:{click:t.showConfigDayPicker}},[t._v("Config day options")]),t._v(" "),a("cube-button",{on:{click:t.showFormatPicker}},[t._v("Config format")]),t._v(" "),a("cube-button",{on:{click:t.showMinuteStepPicker}},[t._v("Config minute step")]),t._v(" "),a("cube-button",{on:{click:t.showMinPicker}},[t._v("Config min")]),t._v(" "),a("cube-button",{on:{click:t.showMaxPicker}},[t._v("Config max")]),t._v(" "),a("cube-button",{on:{click:t.showSetTimePiker}},[t._v("Use setTime")])],1)],1)])},staticRenderFns:[]}},"794M":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"action-sheet-view",title:"ActionSheet（操作列表）"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:t.showDefault}},[t._v("ActionSheet")]),t._v(" "),a("cube-button",{on:{click:t.showActive}},[t._v("ActionSheet - active")]),t._v(" "),a("cube-button",{on:{click:t.showPickerStyle}},[t._v("ActionSheet - picker style")])],1)],1)])},staticRenderFns:[]}},"7ErG":function(t,e,a){function i(t){a("5ri1")}var n=a("VU/8")(a("kZnE"),a("kXYV"),i,null,null);t.exports=n.exports},"7Sku":function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("+hyH")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);i.default.install=function(t){t.component(i.default.name,i.default)},e.default=i.default,t.exports=e.default})},"7brH":function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("QMhb"),a("5e0o"),a("1BqV"),a("bh5B"),a("qefm")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n,c,l){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=u(a),s=u(i),r=u(n),d=u(c),v=u(l);e.default={name:"cube-scroll-nav",provide:function(){return{scrollNav:this}},mixins:[o.default],props:{data:{type:Array},speed:{type:Number,default:300},side:{type:Boolean,default:!1},current:{type:[String,Number],default:""}},data:function(){return{scrollEvents:["scroll","scroll-end"],scrollY:0,panels:[],active:this.current,pageStickyOffset:0}},computed:{labels:function(){return this.panels.map(function(t){return t.label})},barTxts:function(){return this.panels.map(function(t){return t.title})},barDirection:function(){return this.side?"vertical":"horizontal"}},watch:{current:function(t){this.stickyCurrent=t,this.active=t,this.jumpTo(t)},active:function(t){this.$emit("change",t)}},created:function(){this.navBar=null,this.stickyCurrent=this.current},mounted:function(){var t=this;this.$nextTick(function(){if(t.side){var e=t.$refs.pageSticky.$refs.fixedEle;t.$refs.scroll.$el.appendChild(e)}t.current||(t.active=t.stickyCurrent=t.labels[0]),t.refresh(),t.jumpTo(t.current)})},methods:{refresh:function(){this.navBar&&this.navBar.refresh(),this.$refs.sticky.refresh(),this.$refs.pageSticky.refresh(),this.pageStickyOffset=this.side?0:this.$refs.navBarEle.$el.offsetHeight,this.$refs.scroll.refresh()},setBar:function(t){this.navBar=t},barChange:function(t){var e=this;this.active=t,this.$nextTick(function(){e.jumpTo(t)})},jumpTo:function(t){if(t){var e=this.getPanel(t);if(e){this._jumping=!0;var a=this.pageStickyOffset;this.$refs.scroll.scrollToElement(e.$el,this.speed,0,this.side?a:-a)}}},getPanel:function(t){var e=null;return this.panels.some(function(a){if(a.label===t)return e=a,!0}),e},pageStickyChangeHandler:function(t){""===t&&(t=this.labels[0]),this.stickyCurrent=t,this._jumping||(this.active=t)},stickyChangeHandler:function(t){var e=this;this.$nextTick(function(){e.navBar&&e.navBar.refresh()}),this.$emit("sticky-change",t)},scrollHandler:function(t){this.scrollY=-t.y,this._jumping||(this.active=this.stickyCurrent)},scrollEndHandler:function(){this._jumping=!1},addPanel:function(t){this.panels.push(t)},removePanel:function(t){var e=this.panels.indexOf(t);this.panels.splice(e,1)}},components:{CubeSticky:s.default,CubeStickyEle:r.default,CubeScroll:d.default,CubeScrollNavBar:v.default}},t.exports=e.default})},"7lCl":function(t,e,a){function i(t){a("1Ty8")}var n=a("VU/8")(a("41pN"),a("ziJF"),i,null,null);t.exports=n.exports},"7t+P":function(t,e){},"7tZM":function(t,e,a){function i(t){a("v4qp")}var n=a("VU/8")(a("Fth0"),a("NOHr"),i,null,null);t.exports=n.exports},"85uG":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"upload",title:"Upload"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:function(e){t.goTo("default")}}},[t._v("Default")]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("compress")}}},[t._v("Compress")]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("custom")}}},[t._v("Custom")])],1),t._v(" "),a("cube-view")],1)])},staticRenderFns:[]}},"8F4S":function(t,e,a){function i(t){a("IBoP")}var n=a("VU/8")(a("Uo7j"),a("VOiB"),i,null,null);t.exports=n.exports},"8JgO":function(t,e){},"8Q6G":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{staticClass:"option-demo",attrs:{type:"slide-view",title:"Slide"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("div",{ref:"slideWrapper",staticClass:"slide-container"},[a("cube-slide",{ref:"slide",attrs:{data:t.items,"initial-index":t.initialIndex,loop:t.loop,"auto-play":t.autoPlay,interval:t.interval,threshold:t.threshold,speed:t.speed,options:t.options},on:{change:t.changePage,click:t.clickPage},scopedSlots:t._u([{key:"dots",fn:function(e){return t.dotsSlot?t._l(e.dots,function(i,n){return a("span",{staticClass:"my-dot",class:{active:e.current===n}},[t._v(t._s(n+1))])}):void 0}}])})],1),t._v(" "),a("div",{staticClass:"options"},[a("div",{staticClass:"option-list"},[a("div",{staticClass:"group"},[a("input-option",{staticClass:"item",attrs:{name:"InitialIndex",value:t.initialIndex},on:{"update:value":t.updateInitialIndex}})],1),t._v(" "),a("div",{staticClass:"group"},[a("switch-option",{staticClass:"item",attrs:{name:"Loop",value:t.loop},on:{"update:value":t.updateLoop}})],1),t._v(" "),a("div",{staticClass:"group"},[a("switch-option",{staticClass:"item",attrs:{name:"Auto Play",value:t.autoPlay},on:{"update:value":t.updateAutoPlay}}),t._v(" "),t.autoPlay?a("input-option",{staticClass:"item sub first last",attrs:{name:"interval",value:t.interval},on:{"update:value":t.updateInterval}}):t._e()],1),t._v(" "),a("div",{staticClass:"group"},[a("input-option",{staticClass:"item",attrs:{name:"Threshold",value:t.threshold},on:{"update:value":t.updateThreshold}})],1),t._v(" "),a("div",{staticClass:"group"},[a("input-option",{staticClass:"item",attrs:{name:"Speed",value:t.speed},on:{"update:value":t.updateSpeed}})],1),t._v(" "),a("div",{staticClass:"group"},[a("switch-option",{staticClass:"item",attrs:{name:"Allow Vertical",value:t.allowVertical},on:{"update:value":t.updateAllowVertical}})],1),t._v(" "),a("div",{staticClass:"group"},[a("switch-option",{staticClass:"item",attrs:{name:"Add Slide Item3",value:t.addItem3},on:{"update:value":t.updateItem3}})],1),t._v(" "),a("div",{staticClass:"group"},[a("switch-option",{staticClass:"item",attrs:{name:"Dots Slot",value:t.dotsSlot},on:{"update:value":t.updateDotsSlot}})],1)])])])])},staticRenderFns:[]}},"8T9y":function(t,e){},"8YJ/":function(t,e,a){function i(t){a("2ql2")}var n=a("VU/8")(a("pWL+"),a("Ycrx"),i,null,null);t.exports=n.exports},"8cOd":function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("NTtZ"),a("4Gmg"),a("zuie"),a("j9ag"),a("xYoV"),a("aDIA")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n,c,l,u){"use strict";function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var s=o(a),r=o(i),d=o(n),v=o(c),p=o(l);s.default.install=function(t){t.component(s.default.name,s.default),t.component(r.default.name,r.default),t.component(d.default.name,d.default),t.component(p.default.name,p.default),v.default.install(t),p.default._base=t},s.default.Group=r.default,s.default.Item=d.default,s.default.Validator=p.default,p.default.addRule=u.addRule,p.default.addMessage=u.addMessage,p.default.addType=u.addType,p.default.addHelper=v.default.addHelper,e.default=s.default,t.exports=e.default})},"8jxs":function(t,e,a){function i(t){a("Ngbz")}var n=a("VU/8")(a("l+e5"),a("HT+y"),i,null,null);t.exports=n.exports},"8nmV":function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("R4Zp")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);i.default.install=function(t){t.component(i.default.name,i.default)},e.default=i.default,t.exports=e.default})},"91me":function(t,e,a){function i(t){a("QwXM")}var n=a("VU/8")(a("nPBw"),a("0Fj/"),i,null,null);t.exports=n.exports},"99oh":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{ref:"wrapper",staticClass:"cube-scroll-wrapper"},[a("div",{staticClass:"cube-scroll-content"},[a("div",{ref:"listWrapper",staticClass:"cube-scroll-list-wrapper"},[t._t("default",[a("ul",{staticClass:"cube-scroll-list"},t._l(t.data,function(e,i){return a("li",{key:i,staticClass:"cube-scroll-item border-bottom-1px",on:{click:function(a){t.clickItem(e)}}},[t._v(t._s(e))])}))])],2),t._v(" "),t._t("pullup",[t.pullUpLoad?a("div",{staticClass:"cube-pullup-wrapper"},[t.isPullUpLoad?a("div",{staticClass:"after-trigger"},[a("loading")],1):a("div",{staticClass:"before-trigger"},[a("span",[t._v(t._s(t.pullUpTxt))])])]):t._e()],{pullUpLoad:t.pullUpLoad,isPullUpLoad:t.isPullUpLoad})],2),t._v(" "),t.pullDownRefresh?a("div",{ref:"pulldown",staticClass:"cube-pulldown"},[t._t("pulldown",[a("div",{staticClass:"cube-pulldown-wrapper",style:t.pullDownStyle},[a("div",{directives:[{name:"show",rawName:"v-show",value:t.beforePullDown,expression:"beforePullDown"}],staticClass:"before-trigger"},[a("bubble",{staticClass:"bubble",attrs:{y:t.bubbleY}})],1),t._v(" "),a("div",{directives:[{name:"show",rawName:"v-show",value:!t.beforePullDown,expression:"!beforePullDown"}],staticClass:"after-trigger"},[a("div",{directives:[{name:"show",rawName:"v-show",value:t.isPullingDown,expression:"isPullingDown"}],staticClass:"loading"},[a("loading")],1),t._v(" "),a("div",{directives:[{name:"show",rawName:"v-show",value:!t.isPullingDown,expression:"!isPullingDown"}],staticClass:"cube-pulldown-loaded"},[a("span",[t._v(t._s(t.refreshTxt))])])])])],{pullDownRefresh:t.pullDownRefresh,pullDownStyle:t.pullDownStyle,beforePullDown:t.beforePullDown,isPullingDown:t.isPullingDown,bubbleY:t.bubbleY})],2):t._e()])},staticRenderFns:[]}},"9IQh":function(t,e,a){var i,n,c;!function(a,l){n=[t,e],i=l,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{direction:{type:String,default:"column"}}},t.exports=e.default})},"9O6X":function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("qqiS"),a("XRNA"),a("UFDc")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var c=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={name:"cube-recycle-list",data:function(){return{items:[],heights:0,startIndex:0,loadings:[],noMore:!1}},props:{infinite:{type:Boolean,default:!1},size:{type:Number,default:20},offset:{type:Number,default:100},onFetch:{type:Function,required:!0}},computed:{visibleItems:function(){return this.items.slice(Math.max(0,this.startIndex-this.size),Math.min(this.items.length,this.startIndex+this.size))},tombHeight:function(){return this.infinite?this.$refs.tomb&&this.$refs.tomb.offsetHeight:0},loading:function(){return this.loadings.length}},created:function(){this.list=[],this.promiseStack=[]},mounted:function(){this.checkPromiseCompatibility(),this.$el.addEventListener("scroll",this._onScroll),window.addEventListener("resize",this._onResize),this.load()},beforeDestroy:function(){this.$el.removeEventListener("scroll",this._onScroll),window.removeEventListener("resize",this._onResize)},methods:{checkPromiseCompatibility:function(){(0,n.isUndef)(window.Promise)&&(0,i.warn)("requires a Promise polyfill in this browser.")},load:function(){if(this.infinite){var t=this.items,e=t.length;t.length+=this.size;var a=t.length;this.loadItems(e,a),this.getItems()}else this.loading||this.getItems()},getItems:function(){var t=this,e=this.promiseStack.length,a=this.onFetch();this.loadings.push("pending"),this.promiseStack.push(a),a.then(function(a){t.loadings.pop(),a?(t.setList(e,a),t.loadItemsByIndex(e),a.lengtht){this.startIndex=Math.max(0,i-1);break}},reset:function(){var t=this;[{key:"items",value:[]},{key:"heights",value:0},{key:"startIndex",value:0},{key:"loadings",value:[]},{key:"noMore",value:!1},{key:"list",value:[]},{key:"promiseStack",value:[]}].forEach(function(e){var a=e.key,i=e.value;t[a]=i}),this.$el.scrollTop=0,this.load()},_onScroll:function(){!this.noMore&&this.$el.scrollTop+this.$el.offsetHeight>this.heights-this.offset&&this.load(),this.updateStartIndex()},_onResize:function(){var t=this.items;t.forEach(function(t){t.loaded=!1}),this.loadItems(0,t.length)}},components:{CubeLoading:c.default}},t.exports=e.default})},"9Vqu":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"scroll-tab-view",title:"ScrollTab"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"left-panel"},[a("cube-scroll",[a("cube-tab-bar",{attrs:{data:t.tabs},on:{change:t.changeHandler},model:{value:t.selectedLabel,callback:function(e){t.selectedLabel=e},expression:"selectedLabel"}})],1)],1),t._v(" "),a("div",{staticClass:"right-panel"},[a("cube-scroll",{ref:"scroll"},[a("ul",t._l(t.scrollData,function(e,i){return a("li",[a("img",{attrs:{src:e.avatar,alt:""}}),t._v(" "),a("span",[t._v(t._s(e.name))])])}))])],1)])])},staticRenderFns:[]}},"9ZU5":function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("XPXN")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={data:function(){return{options:{pullDownRefresh:{threshold:60,stop:40,txt:"更新成功"}},pullDownY:0,pullDownStyle:"",opacityStyle:"",triggerSurpriseFlag:!1,triggerSurprise:!1}},components:{CubePage:i.default},computed:{pullDownTip:function(){return this.pullDownY<=60?"下拉刷新...":this.pullDownY<=90?"继续下拉有惊喜...":"松手得惊喜！"},headerStyle:function(){return Math.min(1,Math.max(0,1-this.pullDownY/40))}},methods:{onScrollHandle:function(t){this.pullDownY=t.y,t.y>0&&(this.pullDownStyle="top:"+t.y+"px",this.triggerSurpriseFlag=!1,this.pullDownY>90&&(this.triggerSurpriseFlag=!0)),this.$refs.topHeader.style.opacity=this.headerStyle},onPullingDown:function(){var t=this;if(this.triggerSurpriseFlag)return this.triggerSurprise=!0,void this.$refs.scroll.forceUpdate();setTimeout(function(){t.$refs.scroll.forceUpdate()},1e3)},surpriseHandle:function(){this.triggerSurpriseFlag=!1,this.triggerSurprise=!1,this.$refs.topHeader.style.opacity=1},onImgLoad:function(){this.$refs.scroll.refresh()}}},t.exports=e.default})},"9dOh":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"upload-view-def",title:"Upload"}},[a("template",{slot:"content"},[a("p",[t._v("Normal upload(File max size 1MB): ")]),t._v(" "),a("div",[a("cube-upload",{ref:"upload",attrs:{action:t.action,"simultaneous-uploads":1},on:{"files-added":t.filesAdded}}),t._v(" "),t.isUploading?a("cube-button",{on:{click:t.pause}},[t._v("Pause")]):a("cube-button",{on:{click:t.upload}},[t._v("Upload")]),t._v(" "),a("cube-button",{on:{click:t.retry}},[t._v("Retry")])],1)])],2)},staticRenderFns:[]}},"9eEc":function(t,e){},"9gYT":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"drawer-def",title:"Drawer"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"view-wrapper"},[a("cube-button",{on:{click:t.showDrawer}},[t._v("Show Drawer")]),t._v(" "),a("cube-drawer",{ref:"drawer",attrs:{title:"请选择",data:t.data,"selected-index":t.selectedIndex},on:{change:t.changeHandler,select:t.selectHandler,cancel:t.cancelHandler}})],1)])])},staticRenderFns:[]}},"9xqn":function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("a/uE"),a("yjF1"),a("7lCl"),a("ZrYO"),a("N/gd"),a("mkLW"),a("yb46"),a("g9J/"),a("3kPI"),a("R4Zp"),a("+hyH"),a("BD2p")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n,c,l,u,o,s,r,d,v,p){"use strict";function f(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var h=f(a),x=f(i),y=f(n),m=f(c),b=f(l),g=f(u),_=f(o),w=f(s),A=f(r),k=f(d),C=f(v),T=f(p),P=[h.default,x.default,y.default,m.default,b.default,g.default,_.default,w.default,A.default,k.default,C.default,T.default],j={};P.forEach(function(t){j[t.name]=t}),e.default=j,t.exports=e.default})},"9y2D":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"scroll-textarea",title:"Scroll"}},[a("template",{slot:"content"},[a("div",{staticClass:"scroll-wrap",on:{touchstart:function(t){t.stopPropagation()}}},[a("cube-scroll",{ref:"scrollOuter",staticClass:"scroll-outer",attrs:{options:t.optionsOuter}},[a("p",[t._v("Sometimes we need a teatarea in cube-scroll component. However the problem is, we can not use the native scroll in teatarea when we need to scroll, due to we prevent the default broswer behavior of 'scroll' event in Cube-scroll.")]),t._v(" "),a("p",[t._v("Now, we give this example, introducing two ways how to solve this trouble.")]),t._v(" "),a("p",[t._v("Both approach takes advantage of the cube-scroll support for nesting. We wrap the internal input box with cube-scroll and simulate the scrolling behavior by cube-scroll.")]),t._v(" "),a("div",{staticClass:"editable-div-wrapper",class:{"editable-div_active":t.isFocusDiv}},[a("cube-scroll",{ref:"divWrapScroll",attrs:{options:t.options}},[a("div",{ref:"editablediv",staticClass:"editable-div",attrs:{contenteditable:"true"},on:{focus:t.onFocusDiv,blur:t.onBlurDiv,input:t.onInputDiv}})]),t._v(" "),a("span",{staticClass:"editable-div-indicator"},[t._v(t._s(t.divValueCount))])],1),t._v(" "),a("div",{staticClass:"cube-textarea-wrapper",class:{"cube-textarea_active":t.isFocusNative}},[a("cube-scroll",{ref:"nativeWrapScroll",attrs:{options:t.options}},[a("textarea",{directives:[{name:"model",rawName:"v-model",value:t.textareaValue,expression:"textareaValue"}],ref:"textarea",staticClass:"cube-textarea",attrs:{placeholder:t.placeholder},domProps:{value:t.textareaValue},on:{input:[function(e){e.target.composing||(t.textareaValue=e.target.value)},t.onInputNative],focus:t.onFocusNative,blur:t.onBlurNative}})]),t._v(" "),a("span",{staticClass:"cube-textarea-indicator"},[t._v(t._s(t.textareaValueCount))])],1),t._v(" "),a("p",[t._v("有时候我们需要在 cube-scroll 组件中包含 teatarea 输入框。然而由于我们在使用 cube-scroll 时禁用了浏览器 'scroll' 事件的默认行为，因此我们无法在 textarea 输入框中使用浏览器的原生滚动。")]),t._v(" "),a("p",[t._v("现在我们希望通过这个例子，介绍两种解决这个问题的方法。")]),t._v(" "),a("p",[t._v("核心都是利用了 cube-scroll 支持嵌套的能力，我们将内部的输入框用 cube-scroll 进行包装，通过 cube-scroll 去模拟滚动行为。但是有一个要求是，内容区域必须是高度自适应，即高度随内容多少增加或减少。")]),t._v(" "),a("p",[t._v("1. 利用 div 标签模拟 textarea，实现内容区域高度自适应。"),a("br"),t._v(" 2. 利用 textarea 配合 js，实现高度自适应。")]),t._v(" "),a("p",[t._v("最后，我们还需要一些额外的工作保证输入过程中，光标能始终在视线内，保持与原生输入框的行为一致。")])])],1),t._v(" "),a("h1",[t._v(t._s(t.msg))])])],2)},staticRenderFns:[]}},"9zBd":function(t,e,a){var i,n,c;!function(a,l){n=[e],i=l,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.provinceList=[{text:"北京市",value:"110000"},{text:"天津市",value:"120000"},{text:"河北省",value:"130000"},{text:"山西省",value:"140000"},{text:"内蒙古自治区",value:"150000"},{text:"辽宁省",value:"210000"},{text:"吉林省",value:"220000"},{text:"黑龙江省",value:"230000"},{text:"上海市",value:"310000"},{text:"江苏省",value:"320000"},{text:"浙江省",value:"330000"},{text:"安徽省",value:"340000"},{text:"福建省",value:"350000"},{text:"江西省",value:"360000"},{text:"山东省",value:"370000"},{text:"河南省",value:"410000"},{text:"湖北省",value:"420000"},{text:"湖南省",value:"430000"},{text:"广东省",value:"440000"},{text:"广西壮族自治区",value:"450000"},{text:"海南省",value:"460000"},{text:"重庆市",value:"500000"},{text:"四川省",value:"510000"},{text:"贵州省",value:"520000"},{text:"云南省",value:"530000"},{text:"西藏自治区",value:"540000"},{text:"陕西省",value:"610000"},{text:"甘肃省",value:"620000"},{text:"青海省",value:"630000"},{text:"宁夏回族自治区",value:"640000"},{text:"新疆维吾尔自治区",value:"650000"}],t.cityList={110000:[{province:"北京市",text:"北京市",value:"110100"}],120000:[{province:"天津市",text:"天津市",value:"120100"}],130000:[{province:"河北省",text:"石家庄市",value:"130100"},{province:"河北省",text:"唐山市",value:"130200"},{province:"河北省",text:"秦皇岛市",value:"130300"},{province:"河北省",text:"邯郸市",value:"130400"},{province:"河北省",text:"邢台市",value:"130500"},{province:"河北省",text:"保定市",value:"130600"},{province:"河北省",text:"张家口市",value:"130700"},{province:"河北省",text:"承德市",value:"130800"},{province:"河北省",text:"沧州市",value:"130900"},{province:"河北省",text:"廊坊市",value:"131000"},{province:"河北省",text:"衡水市",value:"131100"},{province:"河北省",text:"省直辖县级行政区划",value:"139000"}],140000:[{province:"山西省",text:"太原市",value:"140100"},{province:"山西省",text:"大同市",value:"140200"},{province:"山西省",text:"阳泉市",value:"140300"},{province:"山西省",text:"长治市",value:"140400"},{province:"山西省",text:"晋城市",value:"140500"},{province:"山西省",text:"朔州市",value:"140600"},{province:"山西省",text:"晋中市",value:"140700"},{province:"山西省",text:"运城市",value:"140800"},{province:"山西省",text:"忻州市",value:"140900"},{province:"山西省",text:"临汾市",value:"141000"},{province:"山西省",text:"吕梁市",value:"141100"}],150000:[{province:"内蒙古自治区",text:"呼和浩特市",value:"150100"},{province:"内蒙古自治区",text:"包头市",value:"150200"},{province:"内蒙古自治区",text:"乌海市",value:"150300"},{province:"内蒙古自治区",text:"赤峰市",value:"150400"},{province:"内蒙古自治区",text:"通辽市",value:"150500"},{province:"内蒙古自治区",text:"鄂尔多斯市",value:"150600"},{province:"内蒙古自治区",text:"呼伦贝尔市",value:"150700"},{province:"内蒙古自治区",text:"巴彦淖尔市",value:"150800"},{province:"内蒙古自治区",text:"乌兰察布市",value:"150900"},{province:"内蒙古自治区",text:"兴安盟",value:"152200"},{province:"内蒙古自治区",text:"锡林郭勒盟",value:"152500"},{province:"内蒙古自治区",text:"阿拉善盟",value:"152900"}],210000:[{province:"辽宁省",text:"沈阳市",value:"210100"},{province:"辽宁省",text:"大连市",value:"210200"},{province:"辽宁省",text:"鞍山市",value:"210300"},{province:"辽宁省",text:"抚顺市",value:"210400"},{province:"辽宁省",text:"本溪市",value:"210500"},{province:"辽宁省",text:"丹东市",value:"210600"},{province:"辽宁省",text:"锦州市",value:"210700"},{province:"辽宁省",text:"营口市",value:"210800"},{province:"辽宁省",text:"阜新市",value:"210900"},{province:"辽宁省",text:"辽阳市",value:"211000"},{province:"辽宁省",text:"盘锦市",value:"211100"},{province:"辽宁省",text:"铁岭市",value:"211200"},{province:"辽宁省",text:"朝阳市",value:"211300"},{province:"辽宁省",text:"葫芦岛市",value:"211400"}],220000:[{province:"吉林省",text:"长春市",value:"220100"},{province:"吉林省",text:"吉林市",value:"220200"},{province:"吉林省",text:"四平市",value:"220300"},{province:"吉林省",text:"辽源市",value:"220400"},{province:"吉林省",text:"通化市",value:"220500"},{province:"吉林省",text:"白山市",value:"220600"},{province:"吉林省",text:"松原市",value:"220700"},{province:"吉林省",text:"白城市",value:"220800"},{province:"吉林省",text:"延边朝鲜族自治州",value:"222400"}],230000:[{province:"黑龙江省",text:"哈尔滨市",value:"230100"},{province:"黑龙江省",text:"齐齐哈尔市",value:"230200"},{province:"黑龙江省",text:"鸡西市",value:"230300"},{province:"黑龙江省",text:"鹤岗市",value:"230400"},{province:"黑龙江省",text:"双鸭山市",value:"230500"},{province:"黑龙江省",text:"大庆市",value:"230600"},{province:"黑龙江省",text:"伊春市",value:"230700"},{province:"黑龙江省",text:"佳木斯市",value:"230800"},{province:"黑龙江省",text:"七台河市",value:"230900"},{province:"黑龙江省",text:"牡丹江市",value:"231000"},{province:"黑龙江省",text:"黑河市",value:"231100"},{province:"黑龙江省",text:"绥化市",value:"231200"},{province:"黑龙江省",text:"大兴安岭地区",value:"232700"}],310000:[{province:"上海市",text:"上海市",value:"310100"}],320000:[{province:"江苏省",text:"南京市",value:"320100"},{province:"江苏省",text:"无锡市",value:"320200"},{province:"江苏省",text:"徐州市",value:"320300"},{province:"江苏省",text:"常州市",value:"320400"},{province:"江苏省",text:"苏州市",value:"320500"},{province:"江苏省",text:"南通市",value:"320600"},{province:"江苏省",text:"连云港市",value:"320700"},{province:"江苏省",text:"淮安市",value:"320800"},{province:"江苏省",text:"盐城市",value:"320900"},{province:"江苏省",text:"扬州市",value:"321000"},{province:"江苏省",text:"镇江市",value:"321100"},{province:"江苏省",text:"泰州市",value:"321200"},{province:"江苏省",text:"宿迁市",value:"321300"}],330000:[{province:"浙江省",text:"杭州市",value:"330100"},{province:"浙江省",text:"宁波市",value:"330200"},{province:"浙江省",text:"温州市",value:"330300"},{province:"浙江省",text:"嘉兴市",value:"330400"},{province:"浙江省",text:"湖州市",value:"330500"},{province:"浙江省",text:"绍兴市",value:"330600"},{province:"浙江省",text:"金华市",value:"330700"},{province:"浙江省",text:"衢州市",value:"330800"},{province:"浙江省",text:"舟山市",value:"330900"},{province:"浙江省",text:"台州市",value:"331000"},{province:"浙江省",text:"丽水市",value:"331100"}],340000:[{province:"安徽省",text:"合肥市",value:"340100"},{province:"安徽省",text:"芜湖市",value:"340200"},{province:"安徽省",text:"蚌埠市",value:"340300"},{province:"安徽省",text:"淮南市",value:"340400"},{province:"安徽省",text:"马鞍山市",value:"340500"},{province:"安徽省",text:"淮北市",value:"340600"},{province:"安徽省",text:"铜陵市",value:"340700"},{province:"安徽省",text:"安庆市",value:"340800"},{province:"安徽省",text:"黄山市",value:"341000"},{province:"安徽省",text:"滁州市",value:"341100"},{province:"安徽省",text:"阜阳市",value:"341200"},{province:"安徽省",text:"宿州市",value:"341300"},{province:"安徽省",text:"六安市",value:"341500"},{province:"安徽省",text:"亳州市",value:"341600"},{province:"安徽省",text:"池州市",value:"341700"},{province:"安徽省",text:"宣城市",value:"341800"}],350000:[{province:"福建省",text:"福州市",value:"350100"},{province:"福建省",text:"厦门市",value:"350200"},{province:"福建省",text:"莆田市",value:"350300"},{province:"福建省",text:"三明市",value:"350400"},{province:"福建省",text:"泉州市",value:"350500"},{province:"福建省",text:"漳州市",value:"350600"},{province:"福建省",text:"南平市",value:"350700"},{province:"福建省",text:"龙岩市",value:"350800"},{province:"福建省",text:"宁德市",value:"350900"}],360000:[{province:"江西省",text:"南昌市",value:"360100"},{province:"江西省",text:"景德镇市",value:"360200"},{province:"江西省",text:"萍乡市",value:"360300"},{province:"江西省",text:"九江市",value:"360400"},{province:"江西省",text:"新余市",value:"360500"},{province:"江西省",text:"鹰潭市",value:"360600"},{province:"江西省",text:"赣州市",value:"360700"},{province:"江西省",text:"吉安市",value:"360800"},{province:"江西省",text:"宜春市",value:"360900"},{province:"江西省",text:"抚州市",value:"361000"},{province:"江西省",text:"上饶市",value:"361100"}],370000:[{province:"山东省",text:"济南市",value:"370100"},{province:"山东省",text:"青岛市",value:"370200"},{province:"山东省",text:"淄博市",value:"370300"},{province:"山东省",text:"枣庄市",value:"370400"},{province:"山东省",text:"东营市",value:"370500"},{province:"山东省",text:"烟台市",value:"370600"},{province:"山东省",text:"潍坊市",value:"370700"},{province:"山东省",text:"济宁市",value:"370800"},{province:"山东省",text:"泰安市",value:"370900"},{province:"山东省",text:"威海市",value:"371000"},{province:"山东省",text:"日照市",value:"371100"},{province:"山东省",text:"莱芜市",value:"371200"},{province:"山东省",text:"临沂市",value:"371300"},{province:"山东省",text:"德州市",value:"371400"},{province:"山东省",text:"聊城市",value:"371500"},{province:"山东省",text:"滨州市",value:"371600"},{province:"山东省",text:"菏泽市",value:"371700"}],410000:[{province:"河南省",text:"郑州市",value:"410100"},{province:"河南省",text:"开封市",value:"410200"},{province:"河南省",text:"洛阳市",value:"410300"},{province:"河南省",text:"平顶山市",value:"410400"},{province:"河南省",text:"安阳市",value:"410500"},{province:"河南省",text:"鹤壁市",value:"410600"},{province:"河南省",text:"新乡市",value:"410700"},{province:"河南省",text:"焦作市",value:"410800"},{province:"河南省",text:"濮阳市",value:"410900"},{province:"河南省",text:"许昌市",value:"411000"},{province:"河南省",text:"漯河市",value:"411100"},{province:"河南省",text:"三门峡市",value:"411200"},{province:"河南省",text:"南阳市",value:"411300"},{province:"河南省",text:"商丘市",value:"411400"},{province:"河南省",text:"信阳市",value:"411500"},{province:"河南省",text:"周口市",value:"411600"},{province:"河南省",text:"驻马店市",value:"411700"},{province:"河南省",text:"省直辖县级行政区划",value:"419000"}],420000:[{province:"湖北省",text:"武汉市",value:"420100"},{province:"湖北省",text:"黄石市",value:"420200"},{province:"湖北省",text:"十堰市",value:"420300"},{province:"湖北省",text:"宜昌市",value:"420500"},{province:"湖北省",text:"襄阳市",value:"420600"},{province:"湖北省",text:"鄂州市",value:"420700"},{province:"湖北省",text:"荆门市",value:"420800"},{province:"湖北省",text:"孝感市",value:"420900"},{province:"湖北省",text:"荆州市",value:"421000"},{province:"湖北省",text:"黄冈市",value:"421100"},{province:"湖北省",text:"咸宁市",value:"421200"},{province:"湖北省",text:"随州市",value:"421300"},{province:"湖北省",text:"恩施土家族苗族自治州",value:"422800"},{province:"湖北省",text:"省直辖县级行政区划",value:"429000"}],430000:[{province:"湖南省",text:"长沙市",value:"430100"},{province:"湖南省",text:"株洲市",value:"430200"},{province:"湖南省",text:"湘潭市",value:"430300"},{province:"湖南省",text:"衡阳市",value:"430400"},{province:"湖南省",text:"邵阳市",value:"430500"},{province:"湖南省",text:"岳阳市",value:"430600"},{province:"湖南省",text:"常德市",value:"430700"},{province:"湖南省",text:"张家界市",value:"430800"},{province:"湖南省",text:"益阳市",value:"430900"},{province:"湖南省",text:"郴州市",value:"431000"},{province:"湖南省",text:"永州市",value:"431100"},{province:"湖南省",text:"怀化市",value:"431200"},{province:"湖南省",text:"娄底市",value:"431300"},{province:"湖南省",text:"湘西土家族苗族自治州",value:"433100"}],440000:[{province:"广东省",text:"广州市",value:"440100"},{province:"广东省",text:"韶关市",value:"440200"},{province:"广东省",text:"深圳市",value:"440300"},{province:"广东省",text:"珠海市",value:"440400"},{province:"广东省",text:"汕头市",value:"440500"},{province:"广东省",text:"佛山市",value:"440600"},{province:"广东省",text:"江门市",value:"440700"},{province:"广东省",text:"湛江市",value:"440800"},{province:"广东省",text:"茂名市",value:"440900"},{province:"广东省",text:"肇庆市",value:"441200"},{province:"广东省",text:"惠州市",value:"441300"},{province:"广东省",text:"梅州市",value:"441400"},{province:"广东省",text:"汕尾市",value:"441500"},{province:"广东省",text:"河源市",value:"441600"},{province:"广东省",text:"阳江市",value:"441700"},{province:"广东省",text:"清远市",value:"441800"},{province:"广东省",text:"东莞市",value:"441900"},{province:"广东省",text:"中山市",value:"442000"},{province:"广东省",text:"潮州市",value:"445100"},{province:"广东省",text:"揭阳市",value:"445200"},{province:"广东省",text:"云浮市",value:"445300"}],450000:[{province:"广西壮族自治区",text:"南宁市",value:"450100"},{province:"广西壮族自治区",text:"柳州市",value:"450200"},{province:"广西壮族自治区",text:"桂林市",value:"450300"},{province:"广西壮族自治区",text:"梧州市",value:"450400"},{province:"广西壮族自治区",text:"北海市",value:"450500"},{province:"广西壮族自治区",text:"防城港市",value:"450600"},{province:"广西壮族自治区",text:"钦州市",value:"450700"},{province:"广西壮族自治区",text:"贵港市",value:"450800"},{province:"广西壮族自治区",text:"玉林市",value:"450900"},{province:"广西壮族自治区",text:"百色市",value:"451000"},{province:"广西壮族自治区",text:"贺州市",value:"451100"},{province:"广西壮族自治区",text:"河池市",value:"451200"},{province:"广西壮族自治区",text:"来宾市",value:"451300"},{province:"广西壮族自治区",text:"崇左市",value:"451400"}],460000:[{province:"海南省",text:"海口市",value:"460100"},{province:"海南省",text:"三亚市",value:"460200"},{province:"海南省",text:"三沙市",value:"460300"},{province:"海南省",text:"儋州市",value:"460400"},{province:"海南省",text:"省直辖县级行政区划",value:"469000"}],500000:[{province:"重庆市",text:"重庆市",value:"500100"},{province:"重庆市",text:"县",value:"500200"}],510000:[{province:"四川省",text:"成都市",value:"510100"},{province:"四川省",text:"自贡市",value:"510300"},{province:"四川省",text:"攀枝花市",value:"510400"},{province:"四川省",text:"泸州市",value:"510500"},{province:"四川省",text:"德阳市",value:"510600"},{province:"四川省",text:"绵阳市",value:"510700"},{province:"四川省",text:"广元市",value:"510800"},{province:"四川省",text:"遂宁市",value:"510900"},{province:"四川省",text:"内江市",value:"511000"},{province:"四川省",text:"乐山市",value:"511100"},{province:"四川省",text:"南充市",value:"511300"},{province:"四川省",text:"眉山市",value:"511400"},{province:"四川省",text:"宜宾市",value:"511500"},{province:"四川省",text:"广安市",value:"511600"},{province:"四川省",text:"达州市",value:"511700"},{province:"四川省",text:"雅安市",value:"511800"},{province:"四川省",text:"巴中市",value:"511900"},{province:"四川省",text:"资阳市",value:"512000"},{province:"四川省",text:"阿坝藏族羌族自治州",value:"513200"},{province:"四川省",text:"甘孜藏族自治州",value:"513300"},{province:"四川省",text:"凉山彝族自治州",value:"513400"}],520000:[{province:"贵州省",text:"贵阳市",value:"520100"},{province:"贵州省",text:"六盘水市",value:"520200"},{province:"贵州省",text:"遵义市",value:"520300"},{province:"贵州省",text:"安顺市",value:"520400"},{province:"贵州省",text:"毕节市",value:"520500"},{province:"贵州省",text:"铜仁市",value:"520600"},{province:"贵州省",text:"黔西南布依族苗族自治州",value:"522300"},{province:"贵州省",text:"黔东南苗族侗族自治州",value:"522600"},{province:"贵州省",text:"黔南布依族苗族自治州",value:"522700"}],530000:[{province:"云南省",text:"昆明市",value:"530100"},{province:"云南省",text:"曲靖市",value:"530300"},{province:"云南省",text:"玉溪市",value:"530400"},{province:"云南省",text:"保山市",value:"530500"},{province:"云南省",text:"昭通市",value:"530600"},{province:"云南省",text:"丽江市",value:"530700"},{province:"云南省",text:"普洱市",value:"530800"},{province:"云南省",text:"临沧市",value:"530900"},{province:"云南省",text:"楚雄彝族自治州",value:"532300"},{province:"云南省",text:"红河哈尼族彝族自治州",value:"532500"},{province:"云南省",text:"文山壮族苗族自治州",value:"532600"},{province:"云南省",text:"西双版纳傣族自治州",value:"532800"},{province:"云南省",text:"大理白族自治州",value:"532900"},{province:"云南省",text:"德宏傣族景颇族自治州",value:"533100"},{province:"云南省",text:"怒江傈僳族自治州",value:"533300"},{province:"云南省",text:"迪庆藏族自治州",value:"533400"}],540000:[{province:"西藏自治区",text:"拉萨市",value:"540100"},{province:"西藏自治区",text:"日喀则市",value:"540200"},{province:"西藏自治区",text:"昌都市",value:"540300"},{province:"西藏自治区",text:"林芝市",value:"540400"},{province:"西藏自治区",text:"山南市",value:"540500"},{province:"西藏自治区",text:"那曲地区",value:"542400"},{province:"西藏自治区",text:"阿里地区",value:"542500"}],610000:[{province:"陕西省",text:"西安市",value:"610100"},{province:"陕西省",text:"铜川市",value:"610200"},{province:"陕西省",text:"宝鸡市",value:"610300"},{province:"陕西省",text:"咸阳市",value:"610400"},{province:"陕西省",text:"渭南市",value:"610500"},{province:"陕西省",text:"延安市",value:"610600"},{province:"陕西省",text:"汉中市",value:"610700"},{province:"陕西省",text:"榆林市",value:"610800"},{province:"陕西省",text:"安康市",value:"610900"},{province:"陕西省",text:"商洛市",value:"611000"}],620000:[{province:"甘肃省",text:"兰州市",value:"620100"},{province:"甘肃省",text:"嘉峪关市",value:"620200"},{province:"甘肃省",text:"金昌市",value:"620300"},{province:"甘肃省",text:"白银市",value:"620400"},{province:"甘肃省",text:"天水市",value:"620500"},{province:"甘肃省",text:"武威市",value:"620600"},{province:"甘肃省",text:"张掖市",value:"620700"},{province:"甘肃省",text:"平凉市",value:"620800"},{province:"甘肃省",text:"酒泉市",value:"620900"},{province:"甘肃省",text:"庆阳市",value:"621000"},{province:"甘肃省",text:"定西市",value:"621100"},{province:"甘肃省",text:"陇南市",value:"621200"},{province:"甘肃省",text:"临夏回族自治州",value:"622900"},{province:"甘肃省",text:"甘南藏族自治州",value:"623000"}],630000:[{province:"青海省",text:"西宁市",value:"630100"},{province:"青海省",text:"海东市",value:"630200"},{province:"青海省",text:"海北藏族自治州",value:"632200"},{province:"青海省",text:"黄南藏族自治州",value:"632300"},{province:"青海省",text:"海南藏族自治州",value:"632500"},{province:"青海省",text:"果洛藏族自治州",value:"632600"},{province:"青海省",text:"玉树藏族自治州",value:"632700"},{province:"青海省",text:"海西蒙古族藏族自治州",value:"632800"}],640000:[{province:"宁夏回族自治区",text:"银川市",value:"640100"},{province:"宁夏回族自治区",text:"石嘴山市",value:"640200"},{province:"宁夏回族自治区",text:"吴忠市",value:"640300"},{province:"宁夏回族自治区",text:"固原市",value:"640400"},{province:"宁夏回族自治区",text:"中卫市",value:"640500"}],650000:[{province:"新疆维吾尔自治区",text:"乌鲁木齐市",value:"650100"},{province:"新疆维吾尔自治区",text:"克拉玛依市",value:"650200"},{province:"新疆维吾尔自治区",text:"吐鲁番市",value:"650400"},{province:"新疆维吾尔自治区",text:"哈密市",value:"650500"},{province:"新疆维吾尔自治区",text:"昌吉回族自治州",value:"652300"},{province:"新疆维吾尔自治区",text:"博尔塔拉蒙古自治州",value:"652700"},{province:"新疆维吾尔自治区",text:"巴音郭楞蒙古自治州",value:"652800"},{province:"新疆维吾尔自治区",text:"阿克苏地区",value:"652900"},{province:"新疆维吾尔自治区",text:"克孜勒苏柯尔克孜自治州",value:"653000"},{province:"新疆维吾尔自治区",text:"喀什地区",value:"653100"},{province:"新疆维吾尔自治区",text:"和田地区",value:"653200"},{province:"新疆维吾尔自治区",text:"伊犁哈萨克自治州",value:"654000"},{province:"新疆维吾尔自治区",text:"塔城地区",value:"654200"},{province:"新疆维吾尔自治区",text:"阿勒泰地区",value:"654300"},{province:"新疆维吾尔自治区",text:"自治区直辖县级行政区划",value:"659000"}]},t.areaList={110100:[{city:"市辖区",text:"东城区",value:"110101"},{city:"市辖区",text:"西城区",value:"110102"},{city:"市辖区",text:"朝阳区",value:"110105"},{city:"市辖区",text:"丰台区",value:"110106"},{city:"市辖区",text:"石景山区",value:"110107"},{city:"市辖区",text:"海淀区",value:"110108"},{city:"市辖区",text:"门头沟区",value:"110109"},{city:"市辖区",text:"房山区",value:"110111"},{city:"市辖区",text:"通州区",value:"110112"},{city:"市辖区",text:"顺义区",value:"110113"},{city:"市辖区",text:"昌平区",value:"110114"},{city:"市辖区",text:"大兴区",value:"110115"},{city:"市辖区",text:"怀柔区",value:"110116"},{city:"市辖区",text:"平谷区",value:"110117"},{city:"市辖区",text:"密云区",value:"110118"},{city:"市辖区",text:"延庆区",value:"110119"}],120100:[{city:"市辖区",text:"和平区",value:"120101"},{city:"市辖区",text:"河东区",value:"120102"},{city:"市辖区",text:"河西区",value:"120103"},{city:"市辖区",text:"南开区",value:"120104"},{city:"市辖区",text:"河北区",value:"120105"},{city:"市辖区",text:"红桥区",value:"120106"},{city:"市辖区",text:"东丽区",value:"120110"},{city:"市辖区",text:"西青区",value:"120111"},{city:"市辖区",text:"津南区",value:"120112"},{city:"市辖区",text:"北辰区",value:"120113"},{city:"市辖区",text:"武清区",value:"120114"},{city:"市辖区",text:"宝坻区",value:"120115"},{city:"市辖区",text:"滨海新区",value:"120116"},{city:"市辖区",text:"宁河区",value:"120117"},{city:"市辖区",text:"静海区",value:"120118"},{city:"市辖区",text:"蓟州区",value:"120119"}],130100:[{city:"石家庄市",text:"市辖区",value:"130101"},{city:"石家庄市",text:"长安区",value:"130102"},{city:"石家庄市",text:"桥西区",value:"130104"},{city:"石家庄市",text:"新华区",value:"130105"},{city:"石家庄市",text:"井陉矿区",value:"130107"},{city:"石家庄市",text:"裕华区",value:"130108"},{city:"石家庄市",text:"藁城区",value:"130109"},{city:"石家庄市",text:"鹿泉区",value:"130110"},{city:"石家庄市",text:"栾城区",value:"130111"},{city:"石家庄市",text:"井陉县",value:"130121"},{city:"石家庄市",text:"正定县",value:"130123"},{city:"石家庄市",text:"行唐县",value:"130125"},{city:"石家庄市",text:"灵寿县",value:"130126"},{city:"石家庄市",text:"高邑县",value:"130127"},{city:"石家庄市",text:"深泽县",value:"130128"},{city:"石家庄市",text:"赞皇县",value:"130129"},{city:"石家庄市",text:"无极县",value:"130130"},{city:"石家庄市",text:"平山县",value:"130131"},{city:"石家庄市",text:"元氏县",value:"130132"},{city:"石家庄市",text:"赵县",value:"130133"},{city:"石家庄市",text:"晋州市",value:"130183"},{city:"石家庄市",text:"新乐市",value:"130184"}],130200:[{city:"唐山市",text:"市辖区",value:"130201"},{city:"唐山市",text:"路南区",value:"130202"},{city:"唐山市",text:"路北区",value:"130203"},{city:"唐山市",text:"古冶区",value:"130204"},{city:"唐山市",text:"开平区",value:"130205"},{city:"唐山市",text:"丰南区",value:"130207"},{city:"唐山市",text:"丰润区",value:"130208"},{city:"唐山市",text:"曹妃甸区",value:"130209"},{city:"唐山市",text:"滦县",value:"130223"},{city:"唐山市",text:"滦南县",value:"130224"},{city:"唐山市",text:"乐亭县",value:"130225"},{city:"唐山市",text:"迁西县",value:"130227"},{city:"唐山市",text:"玉田县",value:"130229"},{city:"唐山市",text:"遵化市",value:"130281"},{city:"唐山市",text:"迁安市",value:"130283"}],130300:[{city:"秦皇岛市",text:"市辖区",value:"130301"},{city:"秦皇岛市",text:"海港区",value:"130302"},{city:"秦皇岛市",text:"山海关区",value:"130303"},{city:"秦皇岛市",text:"北戴河区",value:"130304"},{city:"秦皇岛市",text:"抚宁区",value:"130306"},{city:"秦皇岛市",text:"青龙满族自治县",value:"130321"},{city:"秦皇岛市",text:"昌黎县",value:"130322"},{city:"秦皇岛市",text:"卢龙县",value:"130324"}],130400:[{city:"邯郸市",text:"市辖区",value:"130401"},{city:"邯郸市",text:"邯山区",value:"130402"},{city:"邯郸市",text:"丛台区",value:"130403"},{city:"邯郸市",text:"复兴区",value:"130404"},{city:"邯郸市",text:"峰峰矿区",value:"130406"},{city:"邯郸市",text:"邯郸县",value:"130421"},{city:"邯郸市",text:"临漳县",value:"130423"},{city:"邯郸市",text:"成安县",value:"130424"},{city:"邯郸市",text:"大名县",value:"130425"},{city:"邯郸市",text:"涉县",value:"130426"},{city:"邯郸市",text:"磁县",value:"130427"},{city:"邯郸市",text:"肥乡县",value:"130428"},{city:"邯郸市",text:"永年县",value:"130429"},{city:"邯郸市",text:"邱县",value:"130430"},{city:"邯郸市",text:"鸡泽县",value:"130431"},{city:"邯郸市",text:"广平县",value:"130432"},{city:"邯郸市",text:"馆陶县",value:"130433"},{city:"邯郸市",text:"魏县",value:"130434"},{city:"邯郸市",text:"曲周县",value:"130435"},{city:"邯郸市",text:"武安市",value:"130481"}],130500:[{city:"邢台市",text:"市辖区",value:"130501"},{city:"邢台市",text:"桥东区",value:"130502"},{city:"邢台市",text:"桥西区",value:"130503"},{city:"邢台市",text:"邢台县",value:"130521"},{city:"邢台市",text:"临城县",value:"130522"},{city:"邢台市",text:"内丘县",value:"130523"},{city:"邢台市",text:"柏乡县",value:"130524"},{city:"邢台市",text:"隆尧县",value:"130525"},{city:"邢台市",text:"任县",value:"130526"},{city:"邢台市",text:"南和县",value:"130527"},{city:"邢台市",text:"宁晋县",value:"130528"},{city:"邢台市",text:"巨鹿县",value:"130529"},{city:"邢台市",text:"新河县",value:"130530"},{city:"邢台市",text:"广宗县",value:"130531"},{city:"邢台市",text:"平乡县",value:"130532"},{city:"邢台市",text:"威县",value:"130533"},{city:"邢台市",text:"清河县",value:"130534"},{city:"邢台市",text:"临西县",value:"130535"},{city:"邢台市",text:"南宫市",value:"130581"},{city:"邢台市",text:"沙河市",value:"130582"}],130600:[{city:"保定市",text:"市辖区",value:"130601"},{city:"保定市",text:"竞秀区",value:"130602"},{city:"保定市",text:"莲池区",value:"130606"},{city:"保定市",text:"满城区",value:"130607"},{city:"保定市",text:"清苑区",value:"130608"},{city:"保定市",text:"徐水区",value:"130609"},{city:"保定市",text:"涞水县",value:"130623"},{city:"保定市",text:"阜平县",value:"130624"},{city:"保定市",text:"定兴县",value:"130626"},{city:"保定市",text:"唐县",value:"130627"},{city:"保定市",text:"高阳县",value:"130628"},{city:"保定市",text:"容城县",value:"130629"},{city:"保定市",text:"涞源县",value:"130630"},{city:"保定市",text:"望都县",value:"130631"},{city:"保定市",text:"安新县",value:"130632"},{city:"保定市",text:"易县",value:"130633"},{city:"保定市",text:"曲阳县",value:"130634"},{city:"保定市",text:"蠡县",value:"130635"},{city:"保定市",text:"顺平县",value:"130636"},{city:"保定市",text:"博野县",value:"130637"},{city:"保定市",text:"雄县",value:"130638"},{city:"保定市",text:"涿州市",value:"130681"},{city:"保定市",text:"安国市",value:"130683"},{city:"保定市",text:"高碑店市",value:"130684"}],130700:[{city:"张家口市",text:"市辖区",value:"130701"},{city:"张家口市",text:"桥东区",value:"130702"},{city:"张家口市",text:"桥西区",value:"130703"},{city:"张家口市",text:"宣化区",value:"130705"},{city:"张家口市",text:"下花园区",value:"130706"},{city:"张家口市",text:"万全区",value:"130708"},{city:"张家口市",text:"崇礼区",value:"130709"},{city:"张家口市",text:"张北县",value:"130722"},{city:"张家口市",text:"康保县",value:"130723"},{city:"张家口市",text:"沽源县",value:"130724"},{city:"张家口市",text:"尚义县",value:"130725"},{city:"张家口市",text:"蔚县",value:"130726"},{city:"张家口市",text:"阳原县",value:"130727"},{city:"张家口市",text:"怀安县",value:"130728"},{city:"张家口市",text:"怀来县",value:"130730"},{city:"张家口市",text:"涿鹿县",value:"130731"},{city:"张家口市",text:"赤城县",value:"130732"}],130800:[{city:"承德市",text:"市辖区",value:"130801"},{city:"承德市",text:"双桥区",value:"130802"},{city:"承德市",text:"双滦区",value:"130803"},{city:"承德市",text:"鹰手营子矿区",value:"130804"},{city:"承德市",text:"承德县",value:"130821"},{city:"承德市",text:"兴隆县",value:"130822"},{city:"承德市",text:"平泉县",value:"130823"},{city:"承德市",text:"滦平县",value:"130824"},{city:"承德市",text:"隆化县",value:"130825"},{city:"承德市",text:"丰宁满族自治县",value:"130826"},{city:"承德市",text:"宽城满族自治县",value:"130827"},{city:"承德市",text:"围场满族蒙古族自治县",value:"130828"}],130900:[{city:"沧州市",text:"市辖区",value:"130901"},{city:"沧州市",text:"新华区",value:"130902"},{city:"沧州市",text:"运河区",value:"130903"},{city:"沧州市",text:"沧县",value:"130921"},{city:"沧州市",text:"青县",value:"130922"},{city:"沧州市",text:"东光县",value:"130923"},{city:"沧州市",text:"海兴县",value:"130924"},{city:"沧州市",text:"盐山县",value:"130925"},{city:"沧州市",text:"肃宁县",value:"130926"},{city:"沧州市",text:"南皮县",value:"130927"},{city:"沧州市",text:"吴桥县",value:"130928"},{city:"沧州市",text:"献县",value:"130929"},{city:"沧州市",text:"孟村回族自治县",value:"130930"},{city:"沧州市",text:"泊头市",value:"130981"},{city:"沧州市",text:"任丘市",value:"130982"},{city:"沧州市",text:"黄骅市",value:"130983"},{city:"沧州市",text:"河间市",value:"130984"}],131000:[{city:"廊坊市",text:"市辖区",value:"131001"},{city:"廊坊市",text:"安次区",value:"131002"},{city:"廊坊市",text:"广阳区",value:"131003"},{city:"廊坊市",text:"固安县",value:"131022"},{city:"廊坊市",text:"永清县",value:"131023"},{city:"廊坊市",text:"香河县",value:"131024"},{city:"廊坊市",text:"大城县",value:"131025"},{city:"廊坊市",text:"文安县",value:"131026"},{city:"廊坊市",text:"大厂回族自治县",value:"131028"},{city:"廊坊市",text:"霸州市",value:"131081"},{city:"廊坊市",text:"三河市",value:"131082"}],131100:[{city:"衡水市",text:"市辖区",value:"131101"},{city:"衡水市",text:"桃城区",value:"131102"},{city:"衡水市",text:"冀州区",value:"131103"},{city:"衡水市",text:"枣强县",value:"131121"},{city:"衡水市",text:"武邑县",value:"131122"},{city:"衡水市",text:"武强县",value:"131123"},{city:"衡水市",text:"饶阳县",value:"131124"},{city:"衡水市",text:"安平县",value:"131125"},{city:"衡水市",text:"故城县",value:"131126"},{city:"衡水市",text:"景县",value:"131127"},{city:"衡水市",text:"阜城县",value:"131128"},{city:"衡水市",text:"深州市",value:"131182"}],139000:[{city:"省直辖县级行政区划",text:"定州市",value:"139001"},{city:"省直辖县级行政区划",text:"辛集市",value:"139002"}],140100:[{city:"太原市",text:"市辖区",value:"140101"},{city:"太原市",text:"小店区",value:"140105"},{city:"太原市",text:"迎泽区",value:"140106"},{city:"太原市",text:"杏花岭区",value:"140107"},{city:"太原市",text:"尖草坪区",value:"140108"},{city:"太原市",text:"万柏林区",value:"140109"},{city:"太原市",text:"晋源区",value:"140110"},{city:"太原市",text:"清徐县",value:"140121"},{city:"太原市",text:"阳曲县",value:"140122"},{city:"太原市",text:"娄烦县",value:"140123"},{city:"太原市",text:"古交市",value:"140181"}],140200:[{city:"大同市",text:"市辖区",value:"140201"},{city:"大同市",text:"城区",value:"140202"},{city:"大同市",text:"矿区",value:"140203"},{city:"大同市",text:"南郊区",value:"140211"},{city:"大同市",text:"新荣区",value:"140212"},{city:"大同市",text:"阳高县",value:"140221"},{city:"大同市",text:"天镇县",value:"140222"},{city:"大同市",text:"广灵县",value:"140223"},{city:"大同市",text:"灵丘县",value:"140224"},{city:"大同市",text:"浑源县",value:"140225"},{city:"大同市",text:"左云县",value:"140226"},{city:"大同市",text:"大同县",value:"140227"}],140300:[{city:"阳泉市",text:"市辖区",value:"140301"},{city:"阳泉市",text:"城区",value:"140302"},{city:"阳泉市",text:"矿区",value:"140303"},{city:"阳泉市",text:"郊区",value:"140311"},{city:"阳泉市",text:"平定县",value:"140321"},{city:"阳泉市",text:"盂县",value:"140322"}],140400:[{city:"长治市",text:"市辖区",value:"140401"},{city:"长治市",text:"城区",value:"140402"},{city:"长治市",text:"郊区",value:"140411"},{city:"长治市",text:"长治县",value:"140421"},{city:"长治市",text:"襄垣县",value:"140423"},{city:"长治市",text:"屯留县",value:"140424"},{city:"长治市",text:"平顺县",value:"140425"},{city:"长治市",text:"黎城县",value:"140426"},{city:"长治市",text:"壶关县",value:"140427"},{city:"长治市",text:"长子县",value:"140428"},{city:"长治市",text:"武乡县",value:"140429"},{city:"长治市",text:"沁县",value:"140430"},{city:"长治市",text:"沁源县",value:"140431"},{city:"长治市",text:"潞城市",value:"140481"}],140500:[{city:"晋城市",text:"市辖区",value:"140501"},{city:"晋城市",text:"城区",value:"140502"},{city:"晋城市",text:"沁水县",value:"140521"},{city:"晋城市",text:"阳城县",value:"140522"},{city:"晋城市",text:"陵川县",value:"140524"},{city:"晋城市",text:"泽州县",value:"140525"},{city:"晋城市",text:"高平市",value:"140581"}],140600:[{city:"朔州市",text:"市辖区",value:"140601"},{city:"朔州市",text:"朔城区",value:"140602"},{city:"朔州市",text:"平鲁区",value:"140603"},{city:"朔州市",text:"山阴县",value:"140621"},{city:"朔州市",text:"应县",value:"140622"},{city:"朔州市",text:"右玉县",value:"140623"},{city:"朔州市",text:"怀仁县",value:"140624"}],140700:[{city:"晋中市",text:"市辖区",value:"140701"},{city:"晋中市",text:"榆次区",value:"140702"},{city:"晋中市",text:"榆社县",value:"140721"},{city:"晋中市",text:"左权县",value:"140722"},{city:"晋中市",text:"和顺县",value:"140723"},{city:"晋中市",text:"昔阳县",value:"140724"},{city:"晋中市",text:"寿阳县",value:"140725"},{city:"晋中市",text:"太谷县",value:"140726"},{city:"晋中市",text:"祁县",value:"140727"},{city:"晋中市",text:"平遥县",value:"140728"},{city:"晋中市",text:"灵石县",value:"140729"},{city:"晋中市",text:"介休市",value:"140781"}],140800:[{city:"运城市",text:"市辖区",value:"140801"},{city:"运城市",text:"盐湖区",value:"140802"},{city:"运城市",text:"临猗县",value:"140821"},{city:"运城市",text:"万荣县",value:"140822"},{city:"运城市",text:"闻喜县",value:"140823"},{city:"运城市",text:"稷山县",value:"140824"},{city:"运城市",text:"新绛县",value:"140825"},{city:"运城市",text:"绛县",value:"140826"},{city:"运城市",text:"垣曲县",value:"140827"},{city:"运城市",text:"夏县",value:"140828"},{city:"运城市",text:"平陆县",value:"140829"},{city:"运城市",text:"芮城县",value:"140830"},{city:"运城市",text:"永济市",value:"140881"},{city:"运城市",text:"河津市",value:"140882"}],140900:[{city:"忻州市",text:"市辖区",value:"140901"},{city:"忻州市",text:"忻府区",value:"140902"},{city:"忻州市",text:"定襄县",value:"140921"},{city:"忻州市",text:"五台县",value:"140922"},{city:"忻州市",text:"代县",value:"140923"},{city:"忻州市",text:"繁峙县",value:"140924"},{city:"忻州市",text:"宁武县",value:"140925"},{city:"忻州市",text:"静乐县",value:"140926"},{city:"忻州市",text:"神池县",value:"140927"},{city:"忻州市",text:"五寨县",value:"140928"},{city:"忻州市",text:"岢岚县",value:"140929"},{city:"忻州市",text:"河曲县",value:"140930"},{city:"忻州市",text:"保德县",value:"140931"},{city:"忻州市",text:"偏关县",value:"140932"},{city:"忻州市",text:"原平市",value:"140981"}],141000:[{city:"临汾市",text:"市辖区",value:"141001"},{city:"临汾市",text:"尧都区",value:"141002"},{city:"临汾市",text:"曲沃县",value:"141021"},{city:"临汾市",text:"翼城县",value:"141022"},{city:"临汾市",text:"襄汾县",value:"141023"},{city:"临汾市",text:"洪洞县",value:"141024"},{city:"临汾市",text:"古县",value:"141025"},{city:"临汾市",text:"安泽县",value:"141026"},{city:"临汾市",text:"浮山县",value:"141027"},{city:"临汾市",text:"吉县",value:"141028"},{city:"临汾市",text:"乡宁县",value:"141029"},{city:"临汾市",text:"大宁县",value:"141030"},{city:"临汾市",text:"隰县",value:"141031"},{city:"临汾市",text:"永和县",value:"141032"},{city:"临汾市",text:"蒲县",value:"141033"},{city:"临汾市",text:"汾西县",value:"141034"},{city:"临汾市",text:"侯马市",value:"141081"},{city:"临汾市",text:"霍州市",value:"141082"}],141100:[{city:"吕梁市",text:"市辖区",value:"141101"},{city:"吕梁市",text:"离石区",value:"141102"},{city:"吕梁市",text:"文水县",value:"141121"},{city:"吕梁市",text:"交城县",value:"141122"},{city:"吕梁市",text:"兴县",value:"141123"},{city:"吕梁市",text:"临县",value:"141124"},{city:"吕梁市",text:"柳林县",value:"141125"},{city:"吕梁市",text:"石楼县",value:"141126"},{city:"吕梁市",text:"岚县",value:"141127"},{city:"吕梁市",text:"方山县",value:"141128"},{city:"吕梁市",text:"中阳县",value:"141129"},{city:"吕梁市",text:"交口县",value:"141130"},{city:"吕梁市",text:"孝义市",value:"141181"},{city:"吕梁市",text:"汾阳市",value:"141182"}],150100:[{city:"呼和浩特市",text:"市辖区",value:"150101"},{city:"呼和浩特市",text:"新城区",value:"150102"},{city:"呼和浩特市",text:"回民区",value:"150103"},{city:"呼和浩特市",text:"玉泉区",value:"150104"},{city:"呼和浩特市",text:"赛罕区",value:"150105"},{city:"呼和浩特市",text:"土默特左旗",value:"150121"},{city:"呼和浩特市",text:"托克托县",value:"150122"},{city:"呼和浩特市",text:"和林格尔县",value:"150123"},{city:"呼和浩特市",text:"清水河县",value:"150124"},{city:"呼和浩特市",text:"武川县",value:"150125"}],150200:[{city:"包头市",text:"市辖区",value:"150201"},{city:"包头市",text:"东河区",value:"150202"},{city:"包头市",text:"昆都仑区",value:"150203"},{city:"包头市",text:"青山区",value:"150204"},{city:"包头市",text:"石拐区",value:"150205"},{city:"包头市",text:"白云鄂博矿区",value:"150206"},{city:"包头市",text:"九原区",value:"150207"},{city:"包头市",text:"土默特右旗",value:"150221"},{city:"包头市",text:"固阳县",value:"150222"},{city:"包头市",text:"达尔罕茂明安联合旗",value:"150223"}],150300:[{city:"乌海市",text:"市辖区",value:"150301"},{city:"乌海市",text:"海勃湾区",value:"150302"},{city:"乌海市",text:"海南区",value:"150303"},{city:"乌海市",text:"乌达区",value:"150304"}],150400:[{city:"赤峰市",text:"市辖区",value:"150401"},{city:"赤峰市",text:"红山区",value:"150402"},{city:"赤峰市",text:"元宝山区",value:"150403"},{city:"赤峰市",text:"松山区",value:"150404"},{city:"赤峰市",text:"阿鲁科尔沁旗",value:"150421"},{city:"赤峰市",text:"巴林左旗",value:"150422"},{city:"赤峰市",text:"巴林右旗",value:"150423"},{city:"赤峰市",text:"林西县",value:"150424"},{city:"赤峰市",text:"克什克腾旗",value:"150425"},{city:"赤峰市",text:"翁牛特旗",value:"150426"},{city:"赤峰市",text:"喀喇沁旗",value:"150428"},{city:"赤峰市",text:"宁城县",value:"150429"},{city:"赤峰市",text:"敖汉旗",value:"150430"}],150500:[{city:"通辽市",text:"市辖区",value:"150501"},{city:"通辽市",text:"科尔沁区",value:"150502"},{city:"通辽市",text:"科尔沁左翼中旗",value:"150521"},{city:"通辽市",text:"科尔沁左翼后旗",value:"150522"},{city:"通辽市",text:"开鲁县",value:"150523"},{city:"通辽市",text:"库伦旗",value:"150524"},{city:"通辽市",text:"奈曼旗",value:"150525"},{city:"通辽市",text:"扎鲁特旗",value:"150526"},{city:"通辽市",text:"霍林郭勒市",value:"150581"}],150600:[{city:"鄂尔多斯市",text:"市辖区",value:"150601"},{city:"鄂尔多斯市",text:"东胜区",value:"150602"},{city:"鄂尔多斯市",text:"康巴什区",value:"150603"},{city:"鄂尔多斯市",text:"达拉特旗",value:"150621"},{city:"鄂尔多斯市",text:"准格尔旗",value:"150622"},{city:"鄂尔多斯市",text:"鄂托克前旗",value:"150623"},{city:"鄂尔多斯市",text:"鄂托克旗",value:"150624"},{city:"鄂尔多斯市",text:"杭锦旗",value:"150625"},{city:"鄂尔多斯市",text:"乌审旗",value:"150626"},{city:"鄂尔多斯市",text:"伊金霍洛旗",value:"150627"}],150700:[{city:"呼伦贝尔市",text:"市辖区",value:"150701"},{city:"呼伦贝尔市",text:"海拉尔区",value:"150702"},{city:"呼伦贝尔市",text:"扎赉诺尔区",value:"150703"},{city:"呼伦贝尔市",text:"阿荣旗",value:"150721"},{city:"呼伦贝尔市",text:"莫力达瓦达斡尔族自治旗",value:"150722"},{city:"呼伦贝尔市",text:"鄂伦春自治旗",value:"150723"},{city:"呼伦贝尔市",text:"鄂温克族自治旗",value:"150724"},{city:"呼伦贝尔市",text:"陈巴尔虎旗",value:"150725"},{city:"呼伦贝尔市",text:"新巴尔虎左旗",value:"150726"},{city:"呼伦贝尔市",text:"新巴尔虎右旗",value:"150727"},{city:"呼伦贝尔市",text:"满洲里市",value:"150781"},{city:"呼伦贝尔市",text:"牙克石市",value:"150782"},{city:"呼伦贝尔市",text:"扎兰屯市",value:"150783"},{city:"呼伦贝尔市",text:"额尔古纳市",value:"150784"},{city:"呼伦贝尔市",text:"根河市",value:"150785"}],150800:[{city:"巴彦淖尔市",text:"市辖区",value:"150801"},{city:"巴彦淖尔市",text:"临河区",value:"150802"},{city:"巴彦淖尔市",text:"五原县",value:"150821"},{city:"巴彦淖尔市",text:"磴口县",value:"150822"},{city:"巴彦淖尔市",text:"乌拉特前旗",value:"150823"},{city:"巴彦淖尔市",text:"乌拉特中旗",value:"150824"},{city:"巴彦淖尔市",text:"乌拉特后旗",value:"150825"},{city:"巴彦淖尔市",text:"杭锦后旗",value:"150826"}],150900:[{city:"乌兰察布市",text:"市辖区",value:"150901"},{city:"乌兰察布市",text:"集宁区",value:"150902"},{city:"乌兰察布市",text:"卓资县",value:"150921"},{city:"乌兰察布市",text:"化德县",value:"150922"},{city:"乌兰察布市",text:"商都县",value:"150923"},{city:"乌兰察布市",text:"兴和县",value:"150924"},{city:"乌兰察布市",text:"凉城县",value:"150925"},{city:"乌兰察布市",text:"察哈尔右翼前旗",value:"150926"},{city:"乌兰察布市",text:"察哈尔右翼中旗",value:"150927"},{city:"乌兰察布市",text:"察哈尔右翼后旗",value:"150928"},{city:"乌兰察布市",text:"四子王旗",value:"150929"},{city:"乌兰察布市",text:"丰镇市",value:"150981"}],152200:[{city:"兴安盟",text:"乌兰浩特市",value:"152201"},{city:"兴安盟",text:"阿尔山市",value:"152202"},{city:"兴安盟",text:"科尔沁右翼前旗",value:"152221"},{city:"兴安盟",text:"科尔沁右翼中旗",value:"152222"},{city:"兴安盟",text:"扎赉特旗",value:"152223"},{city:"兴安盟",text:"突泉县",value:"152224"}],152500:[{city:"锡林郭勒盟",text:"二连浩特市",value:"152501"},{city:"锡林郭勒盟",text:"锡林浩特市",value:"152502"},{city:"锡林郭勒盟",text:"阿巴嘎旗",value:"152522"},{city:"锡林郭勒盟",text:"苏尼特左旗",value:"152523"},{city:"锡林郭勒盟",text:"苏尼特右旗",value:"152524"},{city:"锡林郭勒盟",text:"东乌珠穆沁旗",value:"152525"},{city:"锡林郭勒盟",text:"西乌珠穆沁旗",value:"152526"},{city:"锡林郭勒盟",text:"太仆寺旗",value:"152527"},{city:"锡林郭勒盟",text:"镶黄旗",value:"152528"},{city:"锡林郭勒盟",text:"正镶白旗",value:"152529"},{city:"锡林郭勒盟",text:"正蓝旗",value:"152530"},{city:"锡林郭勒盟",text:"多伦县",value:"152531"}],152900:[{city:"阿拉善盟",text:"阿拉善左旗",value:"152921"},{city:"阿拉善盟",text:"阿拉善右旗",value:"152922"},{city:"阿拉善盟",text:"额济纳旗",value:"152923"}],210100:[{city:"沈阳市",text:"市辖区",value:"210101"},{city:"沈阳市",text:"和平区",value:"210102"},{city:"沈阳市",text:"沈河区",value:"210103"},{city:"沈阳市",text:"大东区",value:"210104"},{city:"沈阳市",text:"皇姑区",value:"210105"},{city:"沈阳市",text:"铁西区",value:"210106"},{city:"沈阳市",text:"苏家屯区",value:"210111"},{city:"沈阳市",text:"浑南区",value:"210112"},{city:"沈阳市",text:"沈北新区",value:"210113"},{city:"沈阳市",text:"于洪区",value:"210114"},{city:"沈阳市",text:"辽中区",value:"210115"},{city:"沈阳市",text:"康平县",value:"210123"},{city:"沈阳市",text:"法库县",value:"210124"},{city:"沈阳市",text:"新民市",value:"210181"}],210200:[{city:"大连市",text:"市辖区",value:"210201"},{city:"大连市",text:"中山区",value:"210202"},{city:"大连市",text:"西岗区",value:"210203"},{city:"大连市",text:"沙河口区",value:"210204"},{city:"大连市",text:"甘井子区",value:"210211"},{city:"大连市",text:"旅顺口区",value:"210212"},{city:"大连市",text:"金州区",value:"210213"},{city:"大连市",text:"普兰店区",value:"210214"},{city:"大连市",text:"长海县",value:"210224"},{city:"大连市",text:"瓦房店市",value:"210281"},{city:"大连市",text:"庄河市",value:"210283"}],210300:[{city:"鞍山市",text:"市辖区",value:"210301"},{city:"鞍山市",text:"铁东区",value:"210302"},{city:"鞍山市",text:"铁西区",value:"210303"},{city:"鞍山市",text:"立山区",value:"210304"},{city:"鞍山市",text:"千山区",value:"210311"},{city:"鞍山市",text:"台安县",value:"210321"},{city:"鞍山市",text:"岫岩满族自治县",value:"210323"},{city:"鞍山市",text:"海城市",value:"210381"}],210400:[{city:"抚顺市",text:"市辖区",value:"210401"},{city:"抚顺市",text:"新抚区",value:"210402"},{city:"抚顺市",text:"东洲区",value:"210403"},{city:"抚顺市",text:"望花区",value:"210404"},{city:"抚顺市",text:"顺城区",value:"210411"},{city:"抚顺市",text:"抚顺县",value:"210421"},{city:"抚顺市",text:"新宾满族自治县",value:"210422"},{city:"抚顺市",text:"清原满族自治县",value:"210423"}],210500:[{city:"本溪市",text:"市辖区",value:"210501"},{city:"本溪市",text:"平山区",value:"210502"},{city:"本溪市",text:"溪湖区",value:"210503"},{city:"本溪市",text:"明山区",value:"210504"},{city:"本溪市",text:"南芬区",value:"210505"},{city:"本溪市",text:"本溪满族自治县",value:"210521"},{city:"本溪市",text:"桓仁满族自治县",value:"210522"}],210600:[{city:"丹东市",text:"市辖区",value:"210601"},{city:"丹东市",text:"元宝区",value:"210602"},{city:"丹东市",text:"振兴区",value:"210603"},{city:"丹东市",text:"振安区",value:"210604"},{city:"丹东市",text:"宽甸满族自治县",value:"210624"},{city:"丹东市",text:"东港市",value:"210681"},{city:"丹东市",text:"凤城市",value:"210682"}],210700:[{city:"锦州市",text:"市辖区",value:"210701"},{city:"锦州市",text:"古塔区",value:"210702"},{city:"锦州市",text:"凌河区",value:"210703"},{city:"锦州市",text:"太和区",value:"210711"},{city:"锦州市",text:"黑山县",value:"210726"},{city:"锦州市",text:"义县",value:"210727"},{city:"锦州市",text:"凌海市",value:"210781"},{city:"锦州市",text:"北镇市",value:"210782"}],210800:[{city:"营口市",text:"市辖区",value:"210801"},{city:"营口市",text:"站前区",value:"210802"},{city:"营口市",text:"西市区",value:"210803"},{city:"营口市",text:"鲅鱼圈区",value:"210804"},{city:"营口市",text:"老边区",value:"210811"},{city:"营口市",text:"盖州市",value:"210881"},{city:"营口市",text:"大石桥市",value:"210882"}],210900:[{city:"阜新市",text:"市辖区",value:"210901"},{city:"阜新市",text:"海州区",value:"210902"},{city:"阜新市",text:"新邱区",value:"210903"},{city:"阜新市",text:"太平区",value:"210904"},{city:"阜新市",text:"清河门区",value:"210905"},{city:"阜新市",text:"细河区",value:"210911"},{city:"阜新市",text:"阜新蒙古族自治县",value:"210921"},{city:"阜新市",text:"彰武县",value:"210922"}],211000:[{city:"辽阳市",text:"市辖区",value:"211001"},{city:"辽阳市",text:"白塔区",value:"211002"},{city:"辽阳市",text:"文圣区",value:"211003"},{city:"辽阳市",text:"宏伟区",value:"211004"},{city:"辽阳市",text:"弓长岭区",value:"211005"},{city:"辽阳市",text:"太子河区",value:"211011"},{city:"辽阳市",text:"辽阳县",value:"211021"},{city:"辽阳市",text:"灯塔市",value:"211081"}],211100:[{city:"盘锦市",text:"市辖区",value:"211101"},{city:"盘锦市",text:"双台子区",value:"211102"},{city:"盘锦市",text:"兴隆台区",value:"211103"},{city:"盘锦市",text:"大洼区",value:"211104"},{city:"盘锦市",text:"盘山县",value:"211122"}],211200:[{city:"铁岭市",text:"市辖区",value:"211201"},{city:"铁岭市",text:"银州区",value:"211202"},{city:"铁岭市",text:"清河区",value:"211204"},{city:"铁岭市",text:"铁岭县",value:"211221"},{city:"铁岭市",text:"西丰县",value:"211223"},{city:"铁岭市",text:"昌图县",value:"211224"},{city:"铁岭市",text:"调兵山市",value:"211281"},{city:"铁岭市",text:"开原市",value:"211282"}],211300:[{city:"朝阳市",text:"市辖区",value:"211301"},{city:"朝阳市",text:"双塔区",value:"211302"},{city:"朝阳市",text:"龙城区",value:"211303"},{city:"朝阳市",text:"朝阳县",value:"211321"},{city:"朝阳市",text:"建平县",value:"211322"},{city:"朝阳市",text:"喀喇沁左翼蒙古族自治县",value:"211324"},{city:"朝阳市",text:"北票市",value:"211381"},{city:"朝阳市",text:"凌源市",value:"211382"}],211400:[{city:"葫芦岛市",text:"市辖区",value:"211401"},{city:"葫芦岛市",text:"连山区",value:"211402"},{city:"葫芦岛市",text:"龙港区",value:"211403"},{city:"葫芦岛市",text:"南票区",value:"211404"},{city:"葫芦岛市",text:"绥中县",value:"211421"},{city:"葫芦岛市",text:"建昌县",value:"211422"},{city:"葫芦岛市",text:"兴城市",value:"211481"}],220100:[{city:"长春市",text:"市辖区",value:"220101"},{city:"长春市",text:"南关区",value:"220102"},{city:"长春市",text:"宽城区",value:"220103"},{city:"长春市",text:"朝阳区",value:"220104"},{city:"长春市",text:"二道区",value:"220105"},{city:"长春市",text:"绿园区",value:"220106"},{city:"长春市",text:"双阳区",value:"220112"},{city:"长春市",text:"九台区",value:"220113"},{city:"长春市",text:"农安县",value:"220122"},{city:"长春市",text:"榆树市",value:"220182"},{city:"长春市",text:"德惠市",value:"220183"}],220200:[{city:"吉林市",text:"市辖区",value:"220201"},{city:"吉林市",text:"昌邑区",value:"220202"},{city:"吉林市",text:"龙潭区",value:"220203"},{city:"吉林市",text:"船营区",value:"220204"},{city:"吉林市",text:"丰满区",value:"220211"},{city:"吉林市",text:"永吉县",value:"220221"},{city:"吉林市",text:"蛟河市",value:"220281"},{city:"吉林市",text:"桦甸市",value:"220282"},{city:"吉林市",text:"舒兰市",value:"220283"},{city:"吉林市",text:"磐石市",value:"220284"}],220300:[{city:"四平市",text:"市辖区",value:"220301"},{city:"四平市",text:"铁西区",value:"220302"},{city:"四平市",text:"铁东区",value:"220303"},{city:"四平市",text:"梨树县",value:"220322"},{city:"四平市",text:"伊通满族自治县",value:"220323"},{city:"四平市",text:"公主岭市",value:"220381"},{city:"四平市",text:"双辽市",value:"220382"}],220400:[{city:"辽源市",text:"市辖区",value:"220401"},{city:"辽源市",text:"龙山区",value:"220402"},{city:"辽源市",text:"西安区",value:"220403"},{city:"辽源市",text:"东丰县",value:"220421"},{city:"辽源市",text:"东辽县",value:"220422"}],220500:[{city:"通化市",text:"市辖区",value:"220501"},{city:"通化市",text:"东昌区",value:"220502"},{city:"通化市",text:"二道江区",value:"220503"},{city:"通化市",text:"通化县",value:"220521"},{city:"通化市",text:"辉南县",value:"220523"},{city:"通化市",text:"柳河县",value:"220524"},{city:"通化市",text:"梅河口市",value:"220581"},{city:"通化市",text:"集安市",value:"220582"}],220600:[{city:"白山市",text:"市辖区",value:"220601"},{city:"白山市",text:"浑江区",value:"220602"},{city:"白山市",text:"江源区",value:"220605"},{city:"白山市",text:"抚松县",value:"220621"},{city:"白山市",text:"靖宇县",value:"220622"},{city:"白山市",text:"长白朝鲜族自治县",value:"220623"},{city:"白山市",text:"临江市",value:"220681"}],220700:[{city:"松原市",text:"市辖区",value:"220701"},{city:"松原市",text:"宁江区",value:"220702"},{city:"松原市",text:"前郭尔罗斯蒙古族自治县",value:"220721"},{city:"松原市",text:"长岭县",value:"220722"},{city:"松原市",text:"乾安县",value:"220723"},{city:"松原市",text:"扶余市",value:"220781"}],220800:[{city:"白城市",text:"市辖区",value:"220801"},{city:"白城市",text:"洮北区",value:"220802"},{city:"白城市",text:"镇赉县",value:"220821"},{city:"白城市",text:"通榆县",value:"220822"},{city:"白城市",text:"洮南市",value:"220881"},{city:"白城市",text:"大安市",value:"220882"}],222400:[{city:"延边朝鲜族自治州",text:"延吉市",value:"222401"},{city:"延边朝鲜族自治州",text:"图们市",value:"222402"},{city:"延边朝鲜族自治州",text:"敦化市",value:"222403"},{city:"延边朝鲜族自治州",text:"珲春市",value:"222404"},{city:"延边朝鲜族自治州",text:"龙井市",value:"222405"},{city:"延边朝鲜族自治州",text:"和龙市",value:"222406"},{city:"延边朝鲜族自治州",text:"汪清县",value:"222424"},{city:"延边朝鲜族自治州",text:"安图县",value:"222426"}],230100:[{city:"哈尔滨市",text:"市辖区",value:"230101"},{city:"哈尔滨市",text:"道里区",value:"230102"},{city:"哈尔滨市",text:"南岗区",value:"230103"},{city:"哈尔滨市",text:"道外区",value:"230104"},{city:"哈尔滨市",text:"平房区",value:"230108"},{city:"哈尔滨市",text:"松北区",value:"230109"},{city:"哈尔滨市",text:"香坊区",value:"230110"},{city:"哈尔滨市",text:"呼兰区",value:"230111"},{city:"哈尔滨市",text:"阿城区",value:"230112"},{city:"哈尔滨市",text:"双城区",value:"230113"},{city:"哈尔滨市",text:"依兰县",value:"230123"},{city:"哈尔滨市",text:"方正县",value:"230124"},{city:"哈尔滨市",text:"宾县",value:"230125"},{city:"哈尔滨市",text:"巴彦县",value:"230126"},{city:"哈尔滨市",text:"木兰县",value:"230127"},{city:"哈尔滨市",text:"通河县",value:"230128"},{city:"哈尔滨市",text:"延寿县",value:"230129"},{city:"哈尔滨市",text:"尚志市",value:"230183"},{city:"哈尔滨市",text:"五常市",value:"230184"}],230200:[{city:"齐齐哈尔市",text:"市辖区",value:"230201"},{city:"齐齐哈尔市",text:"龙沙区",value:"230202"},{city:"齐齐哈尔市",text:"建华区",value:"230203"},{city:"齐齐哈尔市",text:"铁锋区",value:"230204"},{city:"齐齐哈尔市",text:"昂昂溪区",value:"230205"},{city:"齐齐哈尔市",text:"富拉尔基区",value:"230206"},{city:"齐齐哈尔市",text:"碾子山区",value:"230207"},{city:"齐齐哈尔市",text:"梅里斯达斡尔族区",value:"230208"},{city:"齐齐哈尔市",text:"龙江县",value:"230221"},{city:"齐齐哈尔市",text:"依安县",value:"230223"},{city:"齐齐哈尔市",text:"泰来县",value:"230224"},{city:"齐齐哈尔市",text:"甘南县",value:"230225"},{city:"齐齐哈尔市",text:"富裕县",value:"230227"},{city:"齐齐哈尔市",text:"克山县",value:"230229"},{city:"齐齐哈尔市",text:"克东县",value:"230230"},{city:"齐齐哈尔市",text:"拜泉县",value:"230231"},{city:"齐齐哈尔市",text:"讷河市",value:"230281"}],230300:[{city:"鸡西市",text:"市辖区",value:"230301"},{city:"鸡西市",text:"鸡冠区",value:"230302"},{city:"鸡西市",text:"恒山区",value:"230303"},{city:"鸡西市",text:"滴道区",value:"230304"},{city:"鸡西市",text:"梨树区",value:"230305"},{city:"鸡西市",text:"城子河区",value:"230306"},{city:"鸡西市",text:"麻山区",value:"230307"},{city:"鸡西市",text:"鸡东县",value:"230321"},{city:"鸡西市",text:"虎林市",value:"230381"},{city:"鸡西市",text:"密山市",value:"230382"}],230400:[{city:"鹤岗市",text:"市辖区",value:"230401"},{city:"鹤岗市",text:"向阳区",value:"230402"},{city:"鹤岗市",text:"工农区",value:"230403"},{city:"鹤岗市",text:"南山区",value:"230404"},{city:"鹤岗市",text:"兴安区",value:"230405"},{city:"鹤岗市",text:"东山区",value:"230406"},{city:"鹤岗市",text:"兴山区",value:"230407"},{city:"鹤岗市",text:"萝北县",value:"230421"},{city:"鹤岗市",text:"绥滨县",value:"230422"}],230500:[{city:"双鸭山市",text:"市辖区",value:"230501"},{city:"双鸭山市",text:"尖山区",value:"230502"},{city:"双鸭山市",text:"岭东区",value:"230503"},{city:"双鸭山市",text:"四方台区",value:"230505"},{city:"双鸭山市",text:"宝山区",value:"230506"},{city:"双鸭山市",text:"集贤县",value:"230521"},{city:"双鸭山市",text:"友谊县",value:"230522"},{city:"双鸭山市",text:"宝清县",value:"230523"},{city:"双鸭山市",text:"饶河县",value:"230524"}],230600:[{city:"大庆市",text:"市辖区",value:"230601"},{city:"大庆市",text:"萨尔图区",value:"230602"},{city:"大庆市",text:"龙凤区",value:"230603"},{city:"大庆市",text:"让胡路区",value:"230604"},{city:"大庆市",text:"红岗区",value:"230605"},{city:"大庆市",text:"大同区",value:"230606"},{city:"大庆市",text:"肇州县",value:"230621"},{city:"大庆市",text:"肇源县",value:"230622"},{city:"大庆市",text:"林甸县",value:"230623"},{city:"大庆市",text:"杜尔伯特蒙古族自治县",value:"230624"}],230700:[{city:"伊春市",text:"市辖区",value:"230701"},{city:"伊春市",text:"伊春区",value:"230702"},{city:"伊春市",text:"南岔区",value:"230703"},{city:"伊春市",text:"友好区",value:"230704"},{city:"伊春市",text:"西林区",value:"230705"},{city:"伊春市",text:"翠峦区",value:"230706"},{city:"伊春市",text:"新青区",value:"230707"},{city:"伊春市",text:"美溪区",value:"230708"},{city:"伊春市",text:"金山屯区",value:"230709"},{city:"伊春市",text:"五营区",value:"230710"},{city:"伊春市",text:"乌马河区",value:"230711"},{city:"伊春市",text:"汤旺河区",value:"230712"},{city:"伊春市",text:"带岭区",value:"230713"},{city:"伊春市",text:"乌伊岭区",value:"230714"},{city:"伊春市",text:"红星区",value:"230715"},{city:"伊春市",text:"上甘岭区",value:"230716"},{city:"伊春市",text:"嘉荫县",value:"230722"},{city:"伊春市",text:"铁力市",value:"230781"}],230800:[{city:"佳木斯市",text:"市辖区",value:"230801"},{city:"佳木斯市",text:"向阳区",value:"230803"},{city:"佳木斯市",text:"前进区",value:"230804"},{city:"佳木斯市",text:"东风区",value:"230805"},{city:"佳木斯市",text:"郊区",value:"230811"},{city:"佳木斯市",text:"桦南县",value:"230822"},{city:"佳木斯市",text:"桦川县",value:"230826"},{city:"佳木斯市",text:"汤原县",value:"230828"},{city:"佳木斯市",text:"同江市",value:"230881"},{city:"佳木斯市",text:"富锦市",value:"230882"},{city:"佳木斯市",text:"抚远市",value:"230883"}],230900:[{city:"七台河市",text:"市辖区",value:"230901"},{city:"七台河市",text:"新兴区",value:"230902"},{city:"七台河市",text:"桃山区",value:"230903"},{city:"七台河市",text:"茄子河区",value:"230904"},{city:"七台河市",text:"勃利县",value:"230921"}],231000:[{city:"牡丹江市",text:"市辖区",value:"231001"},{city:"牡丹江市",text:"东安区",value:"231002"},{city:"牡丹江市",text:"阳明区",value:"231003"},{city:"牡丹江市",text:"爱民区",value:"231004"},{city:"牡丹江市",text:"西安区",value:"231005"},{city:"牡丹江市",text:"林口县",value:"231025"},{city:"牡丹江市",text:"绥芬河市",value:"231081"},{city:"牡丹江市",text:"海林市",value:"231083"},{city:"牡丹江市",text:"宁安市",value:"231084"},{city:"牡丹江市",text:"穆棱市",value:"231085"},{city:"牡丹江市",text:"东宁市",value:"231086"}],231100:[{city:"黑河市",text:"市辖区",value:"231101"},{city:"黑河市",text:"爱辉区",value:"231102"},{city:"黑河市",text:"嫩江县",value:"231121"},{city:"黑河市",text:"逊克县",value:"231123"},{city:"黑河市",text:"孙吴县",value:"231124"},{city:"黑河市",text:"北安市",value:"231181"},{city:"黑河市",text:"五大连池市",value:"231182"}],231200:[{city:"绥化市",text:"市辖区",value:"231201"},{city:"绥化市",text:"北林区",value:"231202"},{city:"绥化市",text:"望奎县",value:"231221"},{city:"绥化市",text:"兰西县",value:"231222"},{city:"绥化市",text:"青冈县",value:"231223"},{city:"绥化市",text:"庆安县",value:"231224"},{city:"绥化市",text:"明水县",value:"231225"},{city:"绥化市",text:"绥棱县",value:"231226"},{city:"绥化市",text:"安达市",value:"231281"},{city:"绥化市",text:"肇东市",value:"231282"},{city:"绥化市",text:"海伦市",value:"231283"}],232700:[{city:"大兴安岭地区",text:"呼玛县",value:"232721"},{city:"大兴安岭地区",text:"塔河县",value:"232722"},{city:"大兴安岭地区",text:"漠河县",value:"232723"}],310100:[{city:"市辖区",text:"黄浦区",value:"310101"},{city:"市辖区",text:"徐汇区",value:"310104"},{city:"市辖区",text:"长宁区",value:"310105"},{city:"市辖区",text:"静安区",value:"310106"},{city:"市辖区",text:"普陀区",value:"310107"},{city:"市辖区",text:"虹口区",value:"310109"},{city:"市辖区",text:"杨浦区",value:"310110"},{city:"市辖区",text:"闵行区",value:"310112"},{city:"市辖区",text:"宝山区",value:"310113"},{city:"市辖区",text:"嘉定区",value:"310114"},{city:"市辖区",text:"浦东新区",value:"310115"},{city:"市辖区",text:"金山区",value:"310116"},{city:"市辖区",text:"松江区",value:"310117"},{city:"市辖区",text:"青浦区",value:"310118"},{city:"市辖区",text:"奉贤区",value:"310120"},{city:"市辖区",text:"崇明区",value:"310151"}],320100:[{city:"南京市",text:"市辖区",value:"320101"},{city:"南京市",text:"玄武区",value:"320102"},{city:"南京市",text:"秦淮区",value:"320104"},{city:"南京市",text:"建邺区",value:"320105"},{city:"南京市",text:"鼓楼区",value:"320106"},{city:"南京市",text:"浦口区",value:"320111"},{city:"南京市",text:"栖霞区",value:"320113"},{city:"南京市",text:"雨花台区",value:"320114"},{city:"南京市",text:"江宁区",value:"320115"},{city:"南京市",text:"六合区",value:"320116"},{city:"南京市",text:"溧水区",value:"320117"},{city:"南京市",text:"高淳区",value:"320118"}],320200:[{city:"无锡市",text:"市辖区",value:"320201"},{city:"无锡市",text:"锡山区",value:"320205"},{city:"无锡市",text:"惠山区",value:"320206"},{city:"无锡市",text:"滨湖区",value:"320211"},{city:"无锡市",text:"梁溪区",value:"320213"},{city:"无锡市",text:"新吴区",value:"320214"},{city:"无锡市",text:"江阴市",value:"320281"},{city:"无锡市",text:"宜兴市",value:"320282"}],320300:[{city:"徐州市",text:"市辖区",value:"320301"},{city:"徐州市",text:"鼓楼区",value:"320302"},{city:"徐州市",text:"云龙区",value:"320303"},{city:"徐州市",text:"贾汪区",value:"320305"},{city:"徐州市",text:"泉山区",value:"320311"},{city:"徐州市",text:"铜山区",value:"320312"},{city:"徐州市",text:"丰县",value:"320321"},{city:"徐州市",text:"沛县",value:"320322"},{city:"徐州市",text:"睢宁县",value:"320324"},{city:"徐州市",text:"新沂市",value:"320381"},{city:"徐州市",text:"邳州市",value:"320382"}],320400:[{city:"常州市",text:"市辖区",value:"320401"},{city:"常州市",text:"天宁区",value:"320402"},{city:"常州市",text:"钟楼区",value:"320404"},{city:"常州市",text:"新北区",value:"320411"},{city:"常州市",text:"武进区",value:"320412"},{city:"常州市",text:"金坛区",value:"320413"},{city:"常州市",text:"溧阳市",value:"320481"}],320500:[{city:"苏州市",text:"市辖区",value:"320501"},{city:"苏州市",text:"虎丘区",value:"320505"},{city:"苏州市",text:"吴中区",value:"320506"},{city:"苏州市",text:"相城区",value:"320507"},{city:"苏州市",text:"姑苏区",value:"320508"},{city:"苏州市",text:"吴江区",value:"320509"},{city:"苏州市",text:"常熟市",value:"320581"},{city:"苏州市",text:"张家港市",value:"320582"},{city:"苏州市",text:"昆山市",value:"320583"},{city:"苏州市",text:"太仓市",value:"320585"}],320600:[{city:"南通市",text:"市辖区",value:"320601"},{city:"南通市",text:"崇川区",value:"320602"},{city:"南通市",text:"港闸区",value:"320611"},{city:"南通市",text:"通州区",value:"320612"},{city:"南通市",text:"海安县",value:"320621"},{city:"南通市",text:"如东县",value:"320623"},{city:"南通市",text:"启东市",value:"320681"},{city:"南通市",text:"如皋市",value:"320682"},{city:"南通市",text:"海门市",value:"320684"}],320700:[{city:"连云港市",text:"市辖区",value:"320701"},{city:"连云港市",text:"连云区",value:"320703"},{city:"连云港市",text:"海州区",value:"320706"},{city:"连云港市",text:"赣榆区",value:"320707"},{city:"连云港市",text:"东海县",value:"320722"},{city:"连云港市",text:"灌云县",value:"320723"},{city:"连云港市",text:"灌南县",value:"320724"}],320800:[{city:"淮安市",text:"市辖区",value:"320801"},{city:"淮安市",text:"淮安区",value:"320803"},{city:"淮安市",text:"淮阴区",value:"320804"},{city:"淮安市",text:"清江浦区",value:"320812"},{city:"淮安市",text:"洪泽区",value:"320813"},{city:"淮安市",text:"涟水县",value:"320826"},{city:"淮安市",text:"盱眙县",value:"320830"},{city:"淮安市",text:"金湖县",value:"320831"}],320900:[{city:"盐城市",text:"市辖区",value:"320901"},{city:"盐城市",text:"亭湖区",value:"320902"},{city:"盐城市",text:"盐都区",value:"320903"},{city:"盐城市",text:"大丰区",value:"320904"},{city:"盐城市",text:"响水县",value:"320921"},{city:"盐城市",text:"滨海县",value:"320922"},{city:"盐城市",text:"阜宁县",value:"320923"},{city:"盐城市",text:"射阳县",value:"320924"},{city:"盐城市",text:"建湖县",value:"320925"},{city:"盐城市",text:"东台市",value:"320981"}],321000:[{city:"扬州市",text:"市辖区",value:"321001"},{city:"扬州市",text:"广陵区",value:"321002"},{city:"扬州市",text:"邗江区",value:"321003"},{city:"扬州市",text:"江都区",value:"321012"},{city:"扬州市",text:"宝应县",value:"321023"},{city:"扬州市",text:"仪征市",value:"321081"},{city:"扬州市",text:"高邮市",value:"321084"}],321100:[{city:"镇江市",text:"市辖区",value:"321101"},{city:"镇江市",text:"京口区",value:"321102"},{city:"镇江市",text:"润州区",value:"321111"},{city:"镇江市",text:"丹徒区",value:"321112"},{city:"镇江市",text:"丹阳市",value:"321181"},{city:"镇江市",text:"扬中市",value:"321182"},{city:"镇江市",text:"句容市",value:"321183"}],321200:[{city:"泰州市",text:"市辖区",value:"321201"},{city:"泰州市",text:"海陵区",value:"321202"},{city:"泰州市",text:"高港区",value:"321203"},{city:"泰州市",text:"姜堰区",value:"321204"},{city:"泰州市",text:"兴化市",value:"321281"},{city:"泰州市",text:"靖江市",value:"321282"},{city:"泰州市",text:"泰兴市",value:"321283"}],321300:[{city:"宿迁市",text:"市辖区",value:"321301"},{city:"宿迁市",text:"宿城区",value:"321302"},{city:"宿迁市",text:"宿豫区",value:"321311"},{city:"宿迁市",text:"沭阳县",value:"321322"},{city:"宿迁市",text:"泗阳县",value:"321323"},{city:"宿迁市",text:"泗洪县",value:"321324"}],330100:[{city:"杭州市",text:"市辖区",value:"330101"},{city:"杭州市",text:"上城区",value:"330102"},{city:"杭州市",text:"下城区",value:"330103"},{city:"杭州市",text:"江干区",value:"330104"},{city:"杭州市",text:"拱墅区",value:"330105"},{city:"杭州市",text:"西湖区",value:"330106"},{city:"杭州市",text:"滨江区",value:"330108"},{city:"杭州市",text:"萧山区",value:"330109"},{city:"杭州市",text:"余杭区",value:"330110"},{city:"杭州市",text:"富阳区",value:"330111"},{city:"杭州市",text:"桐庐县",value:"330122"},{city:"杭州市",text:"淳安县",value:"330127"},{city:"杭州市",text:"建德市",value:"330182"},{city:"杭州市",text:"临安市",value:"330185"}],330200:[{city:"宁波市",text:"市辖区",value:"330201"},{city:"宁波市",text:"海曙区",value:"330203"},{city:"宁波市",text:"江东区",value:"330204"},{city:"宁波市",text:"江北区",value:"330205"},{city:"宁波市",text:"北仑区",value:"330206"},{city:"宁波市",text:"镇海区",value:"330211"},{city:"宁波市",text:"鄞州区",value:"330212"},{city:"宁波市",text:"象山县",value:"330225"},{city:"宁波市",text:"宁海县",value:"330226"},{city:"宁波市",text:"余姚市",value:"330281"},{city:"宁波市",text:"慈溪市",value:"330282"},{city:"宁波市",text:"奉化市",value:"330283"}],330300:[{city:"温州市",text:"市辖区",value:"330301"},{city:"温州市",text:"鹿城区",value:"330302"},{city:"温州市",text:"龙湾区",value:"330303"},{city:"温州市",text:"瓯海区",value:"330304"},{city:"温州市",text:"洞头区",value:"330305"},{city:"温州市",text:"永嘉县",value:"330324"},{city:"温州市",text:"平阳县",value:"330326"},{city:"温州市",text:"苍南县",value:"330327"},{city:"温州市",text:"文成县",value:"330328"},{city:"温州市",text:"泰顺县",value:"330329"},{city:"温州市",text:"瑞安市",value:"330381"},{city:"温州市",text:"乐清市",value:"330382"}],330400:[{city:"嘉兴市",text:"市辖区",value:"330401"},{city:"嘉兴市",text:"南湖区",value:"330402"},{city:"嘉兴市",text:"秀洲区",value:"330411"},{city:"嘉兴市",text:"嘉善县",value:"330421"},{city:"嘉兴市",text:"海盐县",value:"330424"},{city:"嘉兴市",text:"海宁市",value:"330481"},{city:"嘉兴市",text:"平湖市",value:"330482"},{city:"嘉兴市",text:"桐乡市",value:"330483"}],330500:[{city:"湖州市",text:"市辖区",value:"330501"},{city:"湖州市",text:"吴兴区",value:"330502"},{city:"湖州市",text:"南浔区",value:"330503"},{city:"湖州市",text:"德清县",value:"330521"},{city:"湖州市",text:"长兴县",value:"330522"},{city:"湖州市",text:"安吉县",value:"330523"}],330600:[{city:"绍兴市",text:"市辖区",value:"330601"},{city:"绍兴市",text:"越城区",value:"330602"},{city:"绍兴市",text:"柯桥区",value:"330603"},{city:"绍兴市",text:"上虞区",value:"330604"},{city:"绍兴市",text:"新昌县",value:"330624"},{city:"绍兴市",text:"诸暨市",value:"330681"},{city:"绍兴市",text:"嵊州市",value:"330683"}],330700:[{city:"金华市",text:"市辖区",value:"330701"},{city:"金华市",text:"婺城区",value:"330702"},{city:"金华市",text:"金东区",value:"330703"},{city:"金华市",text:"武义县",value:"330723"},{city:"金华市",text:"浦江县",value:"330726"},{city:"金华市",text:"磐安县",value:"330727"},{city:"金华市",text:"兰溪市",value:"330781"},{city:"金华市",text:"义乌市",value:"330782"},{city:"金华市",text:"东阳市",value:"330783"},{city:"金华市",text:"永康市",value:"330784"}],330800:[{city:"衢州市",text:"市辖区",value:"330801"},{city:"衢州市",text:"柯城区",value:"330802"},{city:"衢州市",text:"衢江区",value:"330803"},{city:"衢州市",text:"常山县",value:"330822"},{city:"衢州市",text:"开化县",value:"330824"},{city:"衢州市",text:"龙游县",value:"330825"},{city:"衢州市",text:"江山市",value:"330881"}],330900:[{city:"舟山市",text:"市辖区",value:"330901"},{city:"舟山市",text:"定海区",value:"330902"},{city:"舟山市",text:"普陀区",value:"330903"},{city:"舟山市",text:"岱山县",value:"330921"},{city:"舟山市",text:"嵊泗县",value:"330922"}],331000:[{city:"台州市",text:"市辖区",value:"331001"},{city:"台州市",text:"椒江区",value:"331002"},{city:"台州市",text:"黄岩区",value:"331003"},{city:"台州市",text:"路桥区",value:"331004"},{city:"台州市",text:"玉环县",value:"331021"},{city:"台州市",text:"三门县",value:"331022"},{city:"台州市",text:"天台县",value:"331023"},{city:"台州市",text:"仙居县",value:"331024"},{city:"台州市",text:"温岭市",value:"331081"},{city:"台州市",text:"临海市",value:"331082"}],331100:[{city:"丽水市",text:"市辖区",value:"331101"},{city:"丽水市",text:"莲都区",value:"331102"},{city:"丽水市",text:"青田县",value:"331121"},{city:"丽水市",text:"缙云县",value:"331122"},{city:"丽水市",text:"遂昌县",value:"331123"},{city:"丽水市",text:"松阳县",value:"331124"},{city:"丽水市",text:"云和县",value:"331125"},{city:"丽水市",text:"庆元县",value:"331126"},{city:"丽水市",text:"景宁畲族自治县",value:"331127"},{city:"丽水市",text:"龙泉市",value:"331181"}],340100:[{city:"合肥市",text:"市辖区",value:"340101"},{city:"合肥市",text:"瑶海区",value:"340102"},{city:"合肥市",text:"庐阳区",value:"340103"},{city:"合肥市",text:"蜀山区",value:"340104"},{city:"合肥市",text:"包河区",value:"340111"},{city:"合肥市",text:"长丰县",value:"340121"},{city:"合肥市",text:"肥东县",value:"340122"},{city:"合肥市",text:"肥西县",value:"340123"},{city:"合肥市",text:"庐江县",value:"340124"},{city:"合肥市",text:"巢湖市",value:"340181"}],340200:[{city:"芜湖市",text:"市辖区",value:"340201"},{city:"芜湖市",text:"镜湖区",value:"340202"},{city:"芜湖市",text:"弋江区",value:"340203"},{city:"芜湖市",text:"鸠江区",value:"340207"},{city:"芜湖市",text:"三山区",value:"340208"},{city:"芜湖市",text:"芜湖县",value:"340221"},{city:"芜湖市",text:"繁昌县",value:"340222"},{city:"芜湖市",text:"南陵县",value:"340223"},{city:"芜湖市",text:"无为县",value:"340225"}],340300:[{city:"蚌埠市",text:"市辖区",value:"340301"},{city:"蚌埠市",text:"龙子湖区",value:"340302"},{city:"蚌埠市",text:"蚌山区",value:"340303"},{city:"蚌埠市",text:"禹会区",value:"340304"},{city:"蚌埠市",text:"淮上区",value:"340311"},{city:"蚌埠市",text:"怀远县",value:"340321"},{city:"蚌埠市",text:"五河县",value:"340322"},{city:"蚌埠市",text:"固镇县",value:"340323"}],340400:[{city:"淮南市",text:"市辖区",value:"340401"},{city:"淮南市",text:"大通区",value:"340402"},{city:"淮南市",text:"田家庵区",value:"340403"},{city:"淮南市",text:"谢家集区",value:"340404"},{city:"淮南市",text:"八公山区",value:"340405"},{city:"淮南市",text:"潘集区",value:"340406"},{city:"淮南市",text:"凤台县",value:"340421"},{city:"淮南市",text:"寿县",value:"340422"}],340500:[{city:"马鞍山市",text:"市辖区",value:"340501"},{city:"马鞍山市",text:"花山区",value:"340503"},{city:"马鞍山市",text:"雨山区",value:"340504"},{city:"马鞍山市",text:"博望区",value:"340506"},{city:"马鞍山市",text:"当涂县",value:"340521"},{city:"马鞍山市",text:"含山县",value:"340522"},{city:"马鞍山市",text:"和县",value:"340523"}],340600:[{city:"淮北市",text:"市辖区",value:"340601"},{city:"淮北市",text:"杜集区",value:"340602"},{city:"淮北市",text:"相山区",value:"340603"},{city:"淮北市",text:"烈山区",value:"340604"},{city:"淮北市",text:"濉溪县",value:"340621"}],340700:[{city:"铜陵市",text:"市辖区",value:"340701"},{city:"铜陵市",text:"铜官区",value:"340705"},{city:"铜陵市",text:"义安区",value:"340706"},{city:"铜陵市",text:"郊区",value:"340711"},{city:"铜陵市",text:"枞阳县",value:"340722"}],340800:[{city:"安庆市",text:"市辖区",value:"340801"},{city:"安庆市",text:"迎江区",value:"340802"},{city:"安庆市",text:"大观区",value:"340803"},{city:"安庆市",text:"宜秀区",value:"340811"},{city:"安庆市",text:"怀宁县",value:"340822"},{city:"安庆市",text:"潜山县",value:"340824"},{city:"安庆市",text:"太湖县",value:"340825"},{city:"安庆市",text:"宿松县",value:"340826"},{city:"安庆市",text:"望江县",value:"340827"},{city:"安庆市",text:"岳西县",value:"340828"},{city:"安庆市",text:"桐城市",value:"340881"}],341000:[{city:"黄山市",text:"市辖区",value:"341001"},{city:"黄山市",text:"屯溪区",value:"341002"},{city:"黄山市",text:"黄山区",value:"341003"},{city:"黄山市",text:"徽州区",value:"341004"},{city:"黄山市",text:"歙县",value:"341021"},{city:"黄山市",text:"休宁县",value:"341022"},{city:"黄山市",text:"黟县",value:"341023"},{city:"黄山市",text:"祁门县",value:"341024"}],341100:[{city:"滁州市",text:"市辖区",value:"341101"},{city:"滁州市",text:"琅琊区",value:"341102"},{city:"滁州市",text:"南谯区",value:"341103"},{city:"滁州市",text:"来安县",value:"341122"},{city:"滁州市",text:"全椒县",value:"341124"},{city:"滁州市",text:"定远县",value:"341125"},{city:"滁州市",text:"凤阳县",value:"341126"},{city:"滁州市",text:"天长市",value:"341181"},{city:"滁州市",text:"明光市",value:"341182"}],341200:[{city:"阜阳市",text:"市辖区",value:"341201"},{city:"阜阳市",text:"颍州区",value:"341202"},{city:"阜阳市",text:"颍东区",value:"341203"},{city:"阜阳市",text:"颍泉区",value:"341204"},{city:"阜阳市",text:"临泉县",value:"341221"},{city:"阜阳市",text:"太和县",value:"341222"},{city:"阜阳市",text:"阜南县",value:"341225"},{city:"阜阳市",text:"颍上县",value:"341226"},{city:"阜阳市",text:"界首市",value:"341282"}],341300:[{city:"宿州市",text:"市辖区",value:"341301"},{city:"宿州市",text:"埇桥区",value:"341302"},{city:"宿州市",text:"砀山县",value:"341321"},{city:"宿州市",text:"萧县",value:"341322"},{city:"宿州市",text:"灵璧县",value:"341323"},{city:"宿州市",text:"泗县",value:"341324"}],341500:[{city:"六安市",text:"市辖区",value:"341501"},{city:"六安市",text:"金安区",value:"341502"},{city:"六安市",text:"裕安区",value:"341503"},{city:"六安市",text:"叶集区",value:"341504"},{city:"六安市",text:"霍邱县",value:"341522"},{city:"六安市",text:"舒城县",value:"341523"},{city:"六安市",text:"金寨县",value:"341524"},{city:"六安市",text:"霍山县",value:"341525"}],341600:[{city:"亳州市",text:"市辖区",value:"341601"},{city:"亳州市",text:"谯城区",value:"341602"},{city:"亳州市",text:"涡阳县",value:"341621"},{city:"亳州市",text:"蒙城县",value:"341622"},{city:"亳州市",text:"利辛县",value:"341623"}],341700:[{city:"池州市",text:"市辖区",value:"341701"},{city:"池州市",text:"贵池区",value:"341702"},{city:"池州市",text:"东至县",value:"341721"},{city:"池州市",text:"石台县",value:"341722"},{city:"池州市",text:"青阳县",value:"341723"}],341800:[{city:"宣城市",text:"市辖区",value:"341801"},{city:"宣城市",text:"宣州区",value:"341802"},{city:"宣城市",text:"郎溪县",value:"341821"},{city:"宣城市",text:"广德县",value:"341822"},{city:"宣城市",text:"泾县",value:"341823"},{city:"宣城市",text:"绩溪县",value:"341824"},{city:"宣城市",text:"旌德县",value:"341825"},{city:"宣城市",text:"宁国市",value:"341881"}],350100:[{city:"福州市",text:"市辖区",value:"350101"},{city:"福州市",text:"鼓楼区",value:"350102"},{city:"福州市",text:"台江区",value:"350103"},{city:"福州市",text:"仓山区",value:"350104"},{city:"福州市",text:"马尾区",value:"350105"},{city:"福州市",text:"晋安区",value:"350111"},{city:"福州市",text:"闽侯县",value:"350121"},{city:"福州市",text:"连江县",value:"350122"},{city:"福州市",text:"罗源县",value:"350123"},{city:"福州市",text:"闽清县",value:"350124"},{city:"福州市",text:"永泰县",value:"350125"},{city:"福州市",text:"平潭县",value:"350128"},{city:"福州市",text:"福清市",value:"350181"},{city:"福州市",text:"长乐市",value:"350182"}],350200:[{city:"厦门市",text:"市辖区",value:"350201"},{city:"厦门市",text:"思明区",value:"350203"},{city:"厦门市",text:"海沧区",value:"350205"},{city:"厦门市",text:"湖里区",value:"350206"},{city:"厦门市",text:"集美区",value:"350211"},{city:"厦门市",text:"同安区",value:"350212"},{city:"厦门市",text:"翔安区",value:"350213"}],350300:[{city:"莆田市",text:"市辖区",value:"350301"},{city:"莆田市",text:"城厢区",value:"350302"},{city:"莆田市",text:"涵江区",value:"350303"},{city:"莆田市",text:"荔城区",value:"350304"},{city:"莆田市",text:"秀屿区",value:"350305"},{city:"莆田市",text:"仙游县",value:"350322"}],350400:[{city:"三明市",text:"市辖区",value:"350401"},{city:"三明市",text:"梅列区",value:"350402"},{city:"三明市",text:"三元区",value:"350403"},{city:"三明市",text:"明溪县",value:"350421"},{city:"三明市",text:"清流县",value:"350423"},{city:"三明市",text:"宁化县",value:"350424"},{city:"三明市",text:"大田县",value:"350425"},{city:"三明市",text:"尤溪县",value:"350426"},{city:"三明市",text:"沙县",value:"350427"},{city:"三明市",text:"将乐县",value:"350428"},{city:"三明市",text:"泰宁县",value:"350429"},{city:"三明市",text:"建宁县",value:"350430"},{city:"三明市",text:"永安市",value:"350481"}],350500:[{city:"泉州市",text:"市辖区",value:"350501"},{city:"泉州市",text:"鲤城区",value:"350502"},{city:"泉州市",text:"丰泽区",value:"350503"},{city:"泉州市",text:"洛江区",value:"350504"},{city:"泉州市",text:"泉港区",value:"350505"},{city:"泉州市",text:"惠安县",value:"350521"},{city:"泉州市",text:"安溪县",value:"350524"},{city:"泉州市",text:"永春县",value:"350525"},{city:"泉州市",text:"德化县",value:"350526"},{city:"泉州市",text:"金门县",value:"350527"},{city:"泉州市",text:"石狮市",value:"350581"},{city:"泉州市",text:"晋江市",value:"350582"},{city:"泉州市",text:"南安市",value:"350583"}],350600:[{city:"漳州市",text:"市辖区",value:"350601"},{city:"漳州市",text:"芗城区",value:"350602"},{city:"漳州市",text:"龙文区",value:"350603"},{city:"漳州市",text:"云霄县",value:"350622"},{city:"漳州市",text:"漳浦县",value:"350623"},{city:"漳州市",text:"诏安县",value:"350624"},{city:"漳州市",text:"长泰县",value:"350625"},{city:"漳州市",text:"东山县",value:"350626"},{city:"漳州市",text:"南靖县",value:"350627"},{city:"漳州市",text:"平和县",value:"350628"},{city:"漳州市",text:"华安县",value:"350629"},{city:"漳州市",text:"龙海市",value:"350681"}],350700:[{city:"南平市",text:"市辖区",value:"350701"},{city:"南平市",text:"延平区",value:"350702"},{city:"南平市",text:"建阳区",value:"350703"},{city:"南平市",text:"顺昌县",value:"350721"},{city:"南平市",text:"浦城县",value:"350722"},{city:"南平市",text:"光泽县",value:"350723"},{city:"南平市",text:"松溪县",value:"350724"},{city:"南平市",text:"政和县",value:"350725"},{city:"南平市",text:"邵武市",value:"350781"},{city:"南平市",text:"武夷山市",value:"350782"},{city:"南平市",text:"建瓯市",value:"350783"}],350800:[{city:"龙岩市",text:"市辖区",value:"350801"},{city:"龙岩市",text:"新罗区",value:"350802"},{city:"龙岩市",text:"永定区",value:"350803"},{city:"龙岩市",text:"长汀县",value:"350821"},{city:"龙岩市",text:"上杭县",value:"350823"},{city:"龙岩市",text:"武平县",value:"350824"},{city:"龙岩市",text:"连城县",value:"350825"},{city:"龙岩市",text:"漳平市",value:"350881"}],350900:[{city:"宁德市",text:"市辖区",value:"350901"},{city:"宁德市",text:"蕉城区",value:"350902"},{city:"宁德市",text:"霞浦县",value:"350921"},{city:"宁德市",text:"古田县",value:"350922"},{city:"宁德市",text:"屏南县",value:"350923"},{city:"宁德市",text:"寿宁县",value:"350924"},{city:"宁德市",text:"周宁县",value:"350925"},{city:"宁德市",text:"柘荣县",value:"350926"},{city:"宁德市",text:"福安市",value:"350981"},{city:"宁德市",text:"福鼎市",value:"350982"}],360100:[{city:"南昌市",text:"市辖区",value:"360101"},{city:"南昌市",text:"东湖区",value:"360102"},{city:"南昌市",text:"西湖区",value:"360103"},{city:"南昌市",text:"青云谱区",value:"360104"},{city:"南昌市",text:"湾里区",value:"360105"},{city:"南昌市",text:"青山湖区",value:"360111"},{city:"南昌市",text:"新建区",value:"360112"},{city:"南昌市",text:"南昌县",value:"360121"},{city:"南昌市",text:"安义县",value:"360123"},{city:"南昌市",text:"进贤县",value:"360124"}],360200:[{city:"景德镇市",text:"市辖区",value:"360201"},{city:"景德镇市",text:"昌江区",value:"360202"},{city:"景德镇市",text:"珠山区",value:"360203"},{city:"景德镇市",text:"浮梁县",value:"360222"},{city:"景德镇市",text:"乐平市",value:"360281"}],360300:[{city:"萍乡市",text:"市辖区",value:"360301"},{city:"萍乡市",text:"安源区",value:"360302"},{city:"萍乡市",text:"湘东区",value:"360313"},{city:"萍乡市",text:"莲花县",value:"360321"},{city:"萍乡市",text:"上栗县",value:"360322"},{city:"萍乡市",text:"芦溪县",value:"360323"}],360400:[{city:"九江市",text:"市辖区",value:"360401"},{city:"九江市",text:"濂溪区",value:"360402"},{city:"九江市",text:"浔阳区",value:"360403"},{city:"九江市",text:"九江县",value:"360421"},{city:"九江市",text:"武宁县",value:"360423"},{city:"九江市",text:"修水县",value:"360424"},{city:"九江市",text:"永修县",value:"360425"},{city:"九江市",text:"德安县",value:"360426"},{city:"九江市",text:"都昌县",value:"360428"},{city:"九江市",text:"湖口县",value:"360429"},{city:"九江市",text:"彭泽县",value:"360430"},{city:"九江市",text:"瑞昌市",value:"360481"},{city:"九江市",text:"共青城市",value:"360482"},{city:"九江市",text:"庐山市",value:"360483"}],360500:[{city:"新余市",text:"市辖区",value:"360501"},{city:"新余市",text:"渝水区",value:"360502"},{city:"新余市",text:"分宜县",value:"360521"}],360600:[{city:"鹰潭市",text:"市辖区",value:"360601"},{city:"鹰潭市",text:"月湖区",value:"360602"},{city:"鹰潭市",text:"余江县",value:"360622"},{city:"鹰潭市",text:"贵溪市",value:"360681"}],360700:[{city:"赣州市",text:"市辖区",value:"360701"},{city:"赣州市",text:"章贡区",value:"360702"},{city:"赣州市",text:"南康区",value:"360703"},{city:"赣州市",text:"赣县",value:"360721"},{city:"赣州市",text:"信丰县",value:"360722"},{city:"赣州市",text:"大余县",value:"360723"},{city:"赣州市",text:"上犹县",value:"360724"},{city:"赣州市",text:"崇义县",value:"360725"},{city:"赣州市",text:"安远县",value:"360726"},{city:"赣州市",text:"龙南县",value:"360727"},{city:"赣州市",text:"定南县",value:"360728"},{city:"赣州市",text:"全南县",value:"360729"},{city:"赣州市",text:"宁都县",value:"360730"},{city:"赣州市",text:"于都县",value:"360731"},{city:"赣州市",text:"兴国县",value:"360732"},{city:"赣州市",text:"会昌县",value:"360733"},{city:"赣州市",text:"寻乌县",value:"360734"},{city:"赣州市",text:"石城县",value:"360735"},{city:"赣州市",text:"瑞金市",value:"360781"}],360800:[{city:"吉安市",text:"市辖区",value:"360801"},{city:"吉安市",text:"吉州区",value:"360802"},{city:"吉安市",text:"青原区",value:"360803"},{city:"吉安市",text:"吉安县",value:"360821"},{city:"吉安市",text:"吉水县",value:"360822"},{city:"吉安市",text:"峡江县",value:"360823"},{city:"吉安市",text:"新干县",value:"360824"},{city:"吉安市",text:"永丰县",value:"360825"},{city:"吉安市",text:"泰和县",value:"360826"},{city:"吉安市",text:"遂川县",value:"360827"},{city:"吉安市",text:"万安县",value:"360828"},{city:"吉安市",text:"安福县",value:"360829"},{city:"吉安市",text:"永新县",value:"360830"},{city:"吉安市",text:"井冈山市",value:"360881"}],360900:[{city:"宜春市",text:"市辖区",value:"360901"},{city:"宜春市",text:"袁州区",value:"360902"},{city:"宜春市",text:"奉新县",value:"360921"},{city:"宜春市",text:"万载县",value:"360922"},{city:"宜春市",text:"上高县",value:"360923"},{city:"宜春市",text:"宜丰县",value:"360924"},{city:"宜春市",text:"靖安县",value:"360925"},{city:"宜春市",text:"铜鼓县",value:"360926"},{city:"宜春市",text:"丰城市",value:"360981"},{city:"宜春市",text:"樟树市",value:"360982"},{city:"宜春市",text:"高安市",value:"360983"}],361000:[{city:"抚州市",text:"市辖区",value:"361001"},{city:"抚州市",text:"临川区",value:"361002"},{city:"抚州市",text:"南城县",value:"361021"},{city:"抚州市",text:"黎川县",value:"361022"},{city:"抚州市",text:"南丰县",value:"361023"},{city:"抚州市",text:"崇仁县",value:"361024"},{city:"抚州市",text:"乐安县",value:"361025"},{city:"抚州市",text:"宜黄县",value:"361026"},{city:"抚州市",text:"金溪县",value:"361027"},{city:"抚州市",text:"资溪县",value:"361028"},{city:"抚州市",text:"东乡县",value:"361029"},{city:"抚州市",text:"广昌县",value:"361030"}],361100:[{city:"上饶市",text:"市辖区",value:"361101"},{city:"上饶市",text:"信州区",value:"361102"},{city:"上饶市",text:"广丰区",value:"361103"},{city:"上饶市",text:"上饶县",value:"361121"},{city:"上饶市",text:"玉山县",value:"361123"},{city:"上饶市",text:"铅山县",value:"361124"},{city:"上饶市",text:"横峰县",value:"361125"},{city:"上饶市",text:"弋阳县",value:"361126"},{city:"上饶市",text:"余干县",value:"361127"},{city:"上饶市",text:"鄱阳县",value:"361128"},{city:"上饶市",text:"万年县",value:"361129"},{city:"上饶市",text:"婺源县",value:"361130"},{city:"上饶市",text:"德兴市",value:"361181"}],370100:[{city:"济南市",text:"市辖区",value:"370101"},{city:"济南市",text:"历下区",value:"370102"},{city:"济南市",text:"市中区",value:"370103"},{city:"济南市",text:"槐荫区",value:"370104"},{city:"济南市",text:"天桥区",value:"370105"},{city:"济南市",text:"历城区",value:"370112"},{city:"济南市",text:"长清区",value:"370113"},{city:"济南市",text:"平阴县",value:"370124"},{city:"济南市",text:"济阳县",value:"370125"},{city:"济南市",text:"商河县",value:"370126"},{city:"济南市",text:"章丘市",value:"370181"}],370200:[{city:"青岛市",text:"市辖区",value:"370201"},{city:"青岛市",text:"市南区",value:"370202"},{city:"青岛市",text:"市北区",value:"370203"},{city:"青岛市",text:"黄岛区",value:"370211"},{city:"青岛市",text:"崂山区",value:"370212"},{city:"青岛市",text:"李沧区",value:"370213"},{city:"青岛市",text:"城阳区",value:"370214"},{city:"青岛市",text:"胶州市",value:"370281"},{city:"青岛市",text:"即墨市",value:"370282"},{city:"青岛市",text:"平度市",value:"370283"},{city:"青岛市",text:"莱西市",value:"370285"}],370300:[{city:"淄博市",text:"市辖区",value:"370301"},{city:"淄博市",text:"淄川区",value:"370302"},{city:"淄博市",text:"张店区",value:"370303"},{city:"淄博市",text:"博山区",value:"370304"},{city:"淄博市",text:"临淄区",value:"370305"},{city:"淄博市",text:"周村区",value:"370306"},{city:"淄博市",text:"桓台县",value:"370321"},{city:"淄博市",text:"高青县",value:"370322"},{city:"淄博市",text:"沂源县",value:"370323"}],370400:[{city:"枣庄市",text:"市辖区",value:"370401"},{city:"枣庄市",text:"市中区",value:"370402"},{city:"枣庄市",text:"薛城区",value:"370403"},{city:"枣庄市",text:"峄城区",value:"370404"},{city:"枣庄市",text:"台儿庄区",value:"370405"},{city:"枣庄市",text:"山亭区",value:"370406"},{city:"枣庄市",text:"滕州市",value:"370481"}],370500:[{city:"东营市",text:"市辖区",value:"370501"},{city:"东营市",text:"东营区",value:"370502"},{city:"东营市",text:"河口区",value:"370503"},{city:"东营市",text:"垦利区",value:"370505"},{city:"东营市",text:"利津县",value:"370522"},{city:"东营市",text:"广饶县",value:"370523"}],370600:[{city:"烟台市",text:"市辖区",value:"370601"},{city:"烟台市",text:"芝罘区",value:"370602"},{city:"烟台市",text:"福山区",value:"370611"},{city:"烟台市",text:"牟平区",value:"370612"},{city:"烟台市",text:"莱山区",value:"370613"},{city:"烟台市",text:"长岛县",value:"370634"},{city:"烟台市",text:"龙口市",value:"370681"},{city:"烟台市",text:"莱阳市",value:"370682"},{city:"烟台市",text:"莱州市",value:"370683"},{city:"烟台市",text:"蓬莱市",value:"370684"},{city:"烟台市",text:"招远市",value:"370685"},{city:"烟台市",text:"栖霞市",value:"370686"},{city:"烟台市",text:"海阳市",value:"370687"}],370700:[{city:"潍坊市",text:"市辖区",value:"370701"},{city:"潍坊市",text:"潍城区",value:"370702"},{city:"潍坊市",text:"寒亭区",value:"370703"},{city:"潍坊市",text:"坊子区",value:"370704"},{city:"潍坊市",text:"奎文区",value:"370705"},{city:"潍坊市",text:"临朐县",value:"370724"},{city:"潍坊市",text:"昌乐县",value:"370725"},{city:"潍坊市",text:"青州市",value:"370781"},{city:"潍坊市",text:"诸城市",value:"370782"},{city:"潍坊市",text:"寿光市",value:"370783"},{city:"潍坊市",text:"安丘市",value:"370784"},{city:"潍坊市",text:"高密市",value:"370785"},{city:"潍坊市",text:"昌邑市",value:"370786"}],370800:[{city:"济宁市",text:"市辖区",value:"370801"},{city:"济宁市",text:"任城区",value:"370811"},{city:"济宁市",text:"兖州区",value:"370812"},{city:"济宁市",text:"微山县",value:"370826"},{city:"济宁市",text:"鱼台县",value:"370827"},{city:"济宁市",text:"金乡县",value:"370828"},{city:"济宁市",text:"嘉祥县",value:"370829"},{city:"济宁市",text:"汶上县",value:"370830"},{city:"济宁市",text:"泗水县",value:"370831"},{city:"济宁市",text:"梁山县",value:"370832"},{city:"济宁市",text:"曲阜市",value:"370881"},{city:"济宁市",text:"邹城市",value:"370883"}],370900:[{city:"泰安市",text:"市辖区",value:"370901"},{city:"泰安市",text:"泰山区",value:"370902"},{city:"泰安市",text:"岱岳区",value:"370911"},{city:"泰安市",text:"宁阳县",value:"370921"},{city:"泰安市",text:"东平县",value:"370923"},{city:"泰安市",text:"新泰市",value:"370982"},{city:"泰安市",text:"肥城市",value:"370983"}],371000:[{city:"威海市",text:"市辖区",value:"371001"},{city:"威海市",text:"环翠区",value:"371002"},{city:"威海市",text:"文登区",value:"371003"},{city:"威海市",text:"荣成市",value:"371082"},{city:"威海市",text:"乳山市",value:"371083"}],371100:[{city:"日照市",text:"市辖区",value:"371101"},{city:"日照市",text:"东港区",value:"371102"},{city:"日照市",text:"岚山区",value:"371103"},{city:"日照市",text:"五莲县",value:"371121"},{city:"日照市",text:"莒县",value:"371122"}],371200:[{city:"莱芜市",text:"市辖区",value:"371201"},{city:"莱芜市",text:"莱城区",value:"371202"},{city:"莱芜市",text:"钢城区",value:"371203"}],371300:[{city:"临沂市",text:"市辖区",value:"371301"},{city:"临沂市",text:"兰山区",value:"371302"},{city:"临沂市",text:"罗庄区",value:"371311"},{city:"临沂市",text:"河东区",value:"371312"},{city:"临沂市",text:"沂南县",value:"371321"},{city:"临沂市",text:"郯城县",value:"371322"},{city:"临沂市",text:"沂水县",value:"371323"},{city:"临沂市",text:"兰陵县",value:"371324"},{city:"临沂市",text:"费县",value:"371325"},{city:"临沂市",text:"平邑县",value:"371326"},{city:"临沂市",text:"莒南县",value:"371327"},{city:"临沂市",text:"蒙阴县",value:"371328"},{city:"临沂市",text:"临沭县",value:"371329"}],371400:[{city:"德州市",text:"市辖区",value:"371401"},{city:"德州市",text:"德城区",value:"371402"},{city:"德州市",text:"陵城区",value:"371403"},{city:"德州市",text:"宁津县",value:"371422"},{city:"德州市",text:"庆云县",value:"371423"},{city:"德州市",text:"临邑县",value:"371424"},{city:"德州市",text:"齐河县",value:"371425"},{city:"德州市",text:"平原县",value:"371426"},{city:"德州市",text:"夏津县",value:"371427"},{city:"德州市",text:"武城县",value:"371428"},{city:"德州市",text:"乐陵市",value:"371481"},{city:"德州市",text:"禹城市",value:"371482"}],371500:[{city:"聊城市",text:"市辖区",value:"371501"},{city:"聊城市",text:"东昌府区",value:"371502"},{city:"聊城市",text:"阳谷县",value:"371521"},{city:"聊城市",text:"莘县",value:"371522"},{city:"聊城市",text:"茌平县",value:"371523"},{city:"聊城市",text:"东阿县",value:"371524"},{city:"聊城市",text:"冠县",value:"371525"},{city:"聊城市",text:"高唐县",value:"371526"},{city:"聊城市",text:"临清市",value:"371581"}],371600:[{city:"滨州市",text:"市辖区",value:"371601"},{city:"滨州市",text:"滨城区",value:"371602"},{city:"滨州市",text:"沾化区",value:"371603"},{city:"滨州市",text:"惠民县",value:"371621"},{city:"滨州市",text:"阳信县",value:"371622"},{city:"滨州市",text:"无棣县",value:"371623"},{city:"滨州市",text:"博兴县",value:"371625"},{city:"滨州市",text:"邹平县",value:"371626"}],371700:[{city:"菏泽市",text:"市辖区",value:"371701"},{city:"菏泽市",text:"牡丹区",value:"371702"},{city:"菏泽市",text:"定陶区",value:"371703"},{city:"菏泽市",text:"曹县",value:"371721"},{city:"菏泽市",text:"单县",value:"371722"},{city:"菏泽市",text:"成武县",value:"371723"},{city:"菏泽市",text:"巨野县",value:"371724"},{city:"菏泽市",text:"郓城县",value:"371725"},{city:"菏泽市",text:"鄄城县",value:"371726"},{city:"菏泽市",text:"东明县",value:"371728"}],410100:[{city:"郑州市",text:"市辖区",value:"410101"},{city:"郑州市",text:"中原区",value:"410102"},{city:"郑州市",text:"二七区",value:"410103"},{city:"郑州市",text:"管城回族区",value:"410104"},{city:"郑州市",text:"金水区",value:"410105"},{city:"郑州市",text:"上街区",value:"410106"},{city:"郑州市",text:"惠济区",value:"410108"},{city:"郑州市",text:"中牟县",value:"410122"},{city:"郑州市",text:"巩义市",value:"410181"},{city:"郑州市",text:"荥阳市",value:"410182"},{city:"郑州市",text:"新密市",value:"410183"},{city:"郑州市",text:"新郑市",value:"410184"},{city:"郑州市",text:"登封市",value:"410185"}],410200:[{city:"开封市",text:"市辖区",value:"410201"},{city:"开封市",text:"龙亭区",value:"410202"},{city:"开封市",text:"顺河回族区",value:"410203"},{city:"开封市",text:"鼓楼区",value:"410204"},{city:"开封市",text:"禹王台区",value:"410205"},{city:"开封市",text:"金明区",value:"410211"},{city:"开封市",text:"祥符区",value:"410212"},{city:"开封市",text:"杞县",value:"410221"},{city:"开封市",text:"通许县",value:"410222"},{city:"开封市",text:"尉氏县",value:"410223"},{city:"开封市",text:"兰考县",value:"410225"}],410300:[{city:"洛阳市",text:"市辖区",value:"410301"},{city:"洛阳市",text:"老城区",value:"410302"},{city:"洛阳市",text:"西工区",value:"410303"},{city:"洛阳市",text:"瀍河回族区",value:"410304"},{city:"洛阳市",text:"涧西区",value:"410305"},{city:"洛阳市",text:"吉利区",value:"410306"},{city:"洛阳市",text:"洛龙区",value:"410311"},{city:"洛阳市",text:"孟津县",value:"410322"},{city:"洛阳市",text:"新安县",value:"410323"},{city:"洛阳市",text:"栾川县",value:"410324"},{city:"洛阳市",text:"嵩县",value:"410325"},{city:"洛阳市",text:"汝阳县",value:"410326"},{city:"洛阳市",text:"宜阳县",value:"410327"},{city:"洛阳市",text:"洛宁县",value:"410328"},{city:"洛阳市",text:"伊川县",value:"410329"},{city:"洛阳市",text:"偃师市",value:"410381"}],410400:[{city:"平顶山市",text:"市辖区",value:"410401"},{city:"平顶山市",text:"新华区",value:"410402"},{city:"平顶山市",text:"卫东区",value:"410403"},{city:"平顶山市",text:"石龙区",value:"410404"},{city:"平顶山市",text:"湛河区",value:"410411"},{city:"平顶山市",text:"宝丰县",value:"410421"},{city:"平顶山市",text:"叶县",value:"410422"},{city:"平顶山市",text:"鲁山县",value:"410423"},{city:"平顶山市",text:"郏县",value:"410425"},{city:"平顶山市",text:"舞钢市",value:"410481"},{city:"平顶山市",text:"汝州市",value:"410482"}],410500:[{city:"安阳市",text:"市辖区",value:"410501"},{city:"安阳市",text:"文峰区",value:"410502"},{city:"安阳市",text:"北关区",value:"410503"},{city:"安阳市",text:"殷都区",value:"410505"},{city:"安阳市",text:"龙安区",value:"410506"},{city:"安阳市",text:"安阳县",value:"410522"},{city:"安阳市",text:"汤阴县",value:"410523"},{city:"安阳市",text:"滑县",value:"410526"},{city:"安阳市",text:"内黄县",value:"410527"},{city:"安阳市",text:"林州市",value:"410581"}],410600:[{city:"鹤壁市",text:"市辖区",value:"410601"},{city:"鹤壁市",text:"鹤山区",value:"410602"},{city:"鹤壁市",text:"山城区",value:"410603"},{city:"鹤壁市",text:"淇滨区",value:"410611"},{city:"鹤壁市",text:"浚县",value:"410621"},{city:"鹤壁市",text:"淇县",value:"410622"}],410700:[{city:"新乡市",text:"市辖区",value:"410701"},{city:"新乡市",text:"红旗区",value:"410702"},{city:"新乡市",text:"卫滨区",value:"410703"},{city:"新乡市",text:"凤泉区",value:"410704"},{city:"新乡市",text:"牧野区",value:"410711"},{city:"新乡市",text:"新乡县",value:"410721"},{city:"新乡市",text:"获嘉县",value:"410724"},{city:"新乡市",text:"原阳县",value:"410725"},{city:"新乡市",text:"延津县",value:"410726"},{city:"新乡市",text:"封丘县",value:"410727"},{city:"新乡市",text:"长垣县",value:"410728"},{city:"新乡市",text:"卫辉市",value:"410781"},{city:"新乡市",text:"辉县市",value:"410782"}],410800:[{city:"焦作市",text:"市辖区",value:"410801"},{city:"焦作市",text:"解放区",value:"410802"},{city:"焦作市",text:"中站区",value:"410803"},{city:"焦作市",text:"马村区",value:"410804"},{city:"焦作市",text:"山阳区",value:"410811"},{city:"焦作市",text:"修武县",value:"410821"},{city:"焦作市",text:"博爱县",value:"410822"},{city:"焦作市",text:"武陟县",value:"410823"},{city:"焦作市",text:"温县",value:"410825"},{city:"焦作市",text:"沁阳市",value:"410882"},{city:"焦作市",text:"孟州市",value:"410883"}],410900:[{city:"濮阳市",text:"市辖区",value:"410901"},{city:"濮阳市",text:"华龙区",value:"410902"},{city:"濮阳市",text:"清丰县",value:"410922"},{city:"濮阳市",text:"南乐县",value:"410923"},{city:"濮阳市",text:"范县",value:"410926"},{city:"濮阳市",text:"台前县",value:"410927"},{city:"濮阳市",text:"濮阳县",value:"410928"}],411000:[{city:"许昌市",text:"市辖区",value:"411001"},{city:"许昌市",text:"魏都区",value:"411002"},{city:"许昌市",text:"许昌县",value:"411023"},{city:"许昌市",text:"鄢陵县",value:"411024"},{city:"许昌市",text:"襄城县",value:"411025"},{city:"许昌市",text:"禹州市",value:"411081"},{city:"许昌市",text:"长葛市",value:"411082"}],411100:[{city:"漯河市",text:"市辖区",value:"411101"},{city:"漯河市",text:"源汇区",value:"411102"},{city:"漯河市",text:"郾城区",value:"411103"},{city:"漯河市",text:"召陵区",value:"411104"},{city:"漯河市",text:"舞阳县",value:"411121"},{city:"漯河市",text:"临颍县",value:"411122"}],411200:[{city:"三门峡市",text:"市辖区",value:"411201"},{city:"三门峡市",text:"湖滨区",value:"411202"},{city:"三门峡市",text:"陕州区",value:"411203"},{city:"三门峡市",text:"渑池县",value:"411221"},{city:"三门峡市",text:"卢氏县",value:"411224"},{city:"三门峡市",text:"义马市",value:"411281"},{city:"三门峡市",text:"灵宝市",value:"411282"}],411300:[{city:"南阳市",text:"市辖区",value:"411301"},{city:"南阳市",text:"宛城区",value:"411302"},{city:"南阳市",text:"卧龙区",value:"411303"},{city:"南阳市",text:"南召县",value:"411321"},{city:"南阳市",text:"方城县",value:"411322"},{city:"南阳市",text:"西峡县",value:"411323"},{city:"南阳市",text:"镇平县",value:"411324"},{city:"南阳市",text:"内乡县",value:"411325"},{city:"南阳市",text:"淅川县",value:"411326"},{city:"南阳市",text:"社旗县",value:"411327"},{city:"南阳市",text:"唐河县",value:"411328"},{city:"南阳市",text:"新野县",value:"411329"},{city:"南阳市",text:"桐柏县",value:"411330"},{city:"南阳市",text:"邓州市",value:"411381"}],411400:[{city:"商丘市",text:"市辖区",value:"411401"},{city:"商丘市",text:"梁园区",value:"411402"},{city:"商丘市",text:"睢阳区",value:"411403"},{city:"商丘市",text:"民权县",value:"411421"},{city:"商丘市",text:"睢县",value:"411422"},{city:"商丘市",text:"宁陵县",value:"411423"},{city:"商丘市",text:"柘城县",value:"411424"},{city:"商丘市",text:"虞城县",value:"411425"},{city:"商丘市",text:"夏邑县",value:"411426"},{city:"商丘市",text:"永城市",value:"411481"}],411500:[{city:"信阳市",text:"市辖区",value:"411501"},{city:"信阳市",text:"浉河区",value:"411502"},{city:"信阳市",text:"平桥区",value:"411503"},{city:"信阳市",text:"罗山县",value:"411521"},{city:"信阳市",text:"光山县",value:"411522"},{city:"信阳市",text:"新县",value:"411523"},{city:"信阳市",text:"商城县",value:"411524"},{city:"信阳市",text:"固始县",value:"411525"},{city:"信阳市",text:"潢川县",value:"411526"},{city:"信阳市",text:"淮滨县",value:"411527"},{city:"信阳市",text:"息县",value:"411528"}],411600:[{city:"周口市",text:"市辖区",value:"411601"},{city:"周口市",text:"川汇区",value:"411602"},{city:"周口市",text:"扶沟县",value:"411621"},{city:"周口市",text:"西华县",value:"411622"},{city:"周口市",text:"商水县",value:"411623"},{city:"周口市",text:"沈丘县",value:"411624"},{city:"周口市",text:"郸城县",value:"411625"},{city:"周口市",text:"淮阳县",value:"411626"},{city:"周口市",text:"太康县",value:"411627"},{city:"周口市",text:"鹿邑县",value:"411628"},{city:"周口市",text:"项城市",value:"411681"}],411700:[{city:"驻马店市",text:"市辖区",value:"411701"},{city:"驻马店市",text:"驿城区",value:"411702"},{city:"驻马店市",text:"西平县",value:"411721"},{city:"驻马店市",text:"上蔡县",value:"411722"},{city:"驻马店市",text:"平舆县",value:"411723"},{city:"驻马店市",text:"正阳县",value:"411724"},{city:"驻马店市",text:"确山县",value:"411725"},{city:"驻马店市",text:"泌阳县",value:"411726"},{city:"驻马店市",text:"汝南县",value:"411727"},{city:"驻马店市",text:"遂平县",value:"411728"},{city:"驻马店市",text:"新蔡县",value:"411729"}],419000:[{city:"省直辖县级行政区划",text:"济源市",value:"419001"}],420100:[{city:"武汉市",text:"市辖区",value:"420101"},{city:"武汉市",text:"江岸区",value:"420102"},{city:"武汉市",text:"江汉区",value:"420103"},{city:"武汉市",text:"硚口区",value:"420104"},{city:"武汉市",text:"汉阳区",value:"420105"},{city:"武汉市",text:"武昌区",value:"420106"},{city:"武汉市",text:"青山区",value:"420107"},{city:"武汉市",text:"洪山区",value:"420111"},{city:"武汉市",text:"东西湖区",value:"420112"},{city:"武汉市",text:"汉南区",value:"420113"},{city:"武汉市",text:"蔡甸区",value:"420114"},{city:"武汉市",text:"江夏区",value:"420115"},{city:"武汉市",text:"黄陂区",value:"420116"},{city:"武汉市",text:"新洲区",value:"420117"}],420200:[{city:"黄石市",text:"市辖区",value:"420201"},{city:"黄石市",text:"黄石港区",value:"420202"},{city:"黄石市",text:"西塞山区",value:"420203"},{city:"黄石市",text:"下陆区",value:"420204"},{city:"黄石市",text:"铁山区",value:"420205"},{city:"黄石市",text:"阳新县",value:"420222"},{city:"黄石市",text:"大冶市",value:"420281"}],420300:[{city:"十堰市",text:"市辖区",value:"420301"},{city:"十堰市",text:"茅箭区",value:"420302"},{city:"十堰市",text:"张湾区",value:"420303"},{city:"十堰市",text:"郧阳区",value:"420304"},{city:"十堰市",text:"郧西县",value:"420322"},{city:"十堰市",text:"竹山县",value:"420323"},{city:"十堰市",text:"竹溪县",value:"420324"},{city:"十堰市",text:"房县",value:"420325"},{city:"十堰市",text:"丹江口市",value:"420381"}],420500:[{city:"宜昌市",text:"市辖区",value:"420501"},{city:"宜昌市",text:"西陵区",value:"420502"},{city:"宜昌市",text:"伍家岗区",value:"420503"},{city:"宜昌市",text:"点军区",value:"420504"},{city:"宜昌市",text:"猇亭区",value:"420505"},{city:"宜昌市",text:"夷陵区",value:"420506"},{city:"宜昌市",text:"远安县",value:"420525"},{city:"宜昌市",text:"兴山县",value:"420526"},{city:"宜昌市",text:"秭归县",value:"420527"},{city:"宜昌市",text:"长阳土家族自治县",value:"420528"},{city:"宜昌市",text:"五峰土家族自治县",value:"420529"},{city:"宜昌市",text:"宜都市",value:"420581"},{city:"宜昌市",text:"当阳市",value:"420582"},{city:"宜昌市",text:"枝江市",value:"420583"}],420600:[{city:"襄阳市",text:"市辖区",value:"420601"},{city:"襄阳市",text:"襄城区",value:"420602"},{city:"襄阳市",text:"樊城区",value:"420606"},{city:"襄阳市",text:"襄州区",value:"420607"},{city:"襄阳市",text:"南漳县",value:"420624"},{city:"襄阳市",text:"谷城县",value:"420625"},{city:"襄阳市",text:"保康县",value:"420626"},{city:"襄阳市",text:"老河口市",value:"420682"},{city:"襄阳市",text:"枣阳市",value:"420683"},{city:"襄阳市",text:"宜城市",value:"420684"}],420700:[{city:"鄂州市",text:"市辖区",value:"420701"},{city:"鄂州市",text:"梁子湖区",value:"420702"},{city:"鄂州市",text:"华容区",value:"420703"},{city:"鄂州市",text:"鄂城区",value:"420704"}],420800:[{city:"荆门市",text:"市辖区",value:"420801"},{city:"荆门市",text:"东宝区",value:"420802"},{city:"荆门市",text:"掇刀区",value:"420804"},{city:"荆门市",text:"京山县",value:"420821"},{city:"荆门市",text:"沙洋县",value:"420822"},{city:"荆门市",text:"钟祥市",value:"420881"}],420900:[{city:"孝感市",text:"市辖区",value:"420901"},{city:"孝感市",text:"孝南区",value:"420902"},{city:"孝感市",text:"孝昌县",value:"420921"},{city:"孝感市",text:"大悟县",value:"420922"},{city:"孝感市",text:"云梦县",value:"420923"},{city:"孝感市",text:"应城市",value:"420981"},{city:"孝感市",text:"安陆市",value:"420982"},{city:"孝感市",text:"汉川市",value:"420984"}],421000:[{city:"荆州市",text:"市辖区",value:"421001"},{city:"荆州市",text:"沙市区",value:"421002"},{city:"荆州市",text:"荆州区",value:"421003"},{city:"荆州市",text:"公安县",value:"421022"},{city:"荆州市",text:"监利县",value:"421023"},{city:"荆州市",text:"江陵县",value:"421024"},{city:"荆州市",text:"石首市",value:"421081"},{city:"荆州市",text:"洪湖市",value:"421083"},{city:"荆州市",text:"松滋市",value:"421087"}],421100:[{city:"黄冈市",text:"市辖区",value:"421101"},{city:"黄冈市",text:"黄州区",value:"421102"},{city:"黄冈市",text:"团风县",value:"421121"},{city:"黄冈市",text:"红安县",value:"421122"},{city:"黄冈市",text:"罗田县",value:"421123"},{city:"黄冈市",text:"英山县",value:"421124"},{city:"黄冈市",text:"浠水县",value:"421125"},{city:"黄冈市",text:"蕲春县",value:"421126"},{city:"黄冈市",text:"黄梅县",value:"421127"},{city:"黄冈市",text:"麻城市",value:"421181"},{city:"黄冈市",text:"武穴市",value:"421182"}],421200:[{city:"咸宁市",text:"市辖区",value:"421201"},{city:"咸宁市",text:"咸安区",value:"421202"},{city:"咸宁市",text:"嘉鱼县",value:"421221"},{city:"咸宁市",text:"通城县",value:"421222"},{city:"咸宁市",text:"崇阳县",value:"421223"},{city:"咸宁市",text:"通山县",value:"421224"},{city:"咸宁市",text:"赤壁市",value:"421281"}],421300:[{city:"随州市",text:"市辖区",value:"421301"},{city:"随州市",text:"曾都区",value:"421303"},{city:"随州市",text:"随县",value:"421321"},{city:"随州市",text:"广水市",value:"421381"}],422800:[{city:"恩施土家族苗族自治州",text:"恩施市",value:"422801"},{city:"恩施土家族苗族自治州",text:"利川市",value:"422802"},{city:"恩施土家族苗族自治州",text:"建始县",value:"422822"},{city:"恩施土家族苗族自治州",text:"巴东县",value:"422823"},{city:"恩施土家族苗族自治州",text:"宣恩县",value:"422825"},{city:"恩施土家族苗族自治州",text:"咸丰县",value:"422826"},{city:"恩施土家族苗族自治州",text:"来凤县",value:"422827"},{city:"恩施土家族苗族自治州",text:"鹤峰县",value:"422828"}],429000:[{city:"省直辖县级行政区划",text:"仙桃市",value:"429004"},{city:"省直辖县级行政区划",text:"潜江市",value:"429005"},{city:"省直辖县级行政区划",text:"天门市",value:"429006"},{city:"省直辖县级行政区划",text:"神农架林区",value:"429021"}],430100:[{city:"长沙市",text:"市辖区",value:"430101"},{city:"长沙市",text:"芙蓉区",value:"430102"},{city:"长沙市",text:"天心区",value:"430103"},{city:"长沙市",text:"岳麓区",value:"430104"},{city:"长沙市",text:"开福区",value:"430105"},{city:"长沙市",text:"雨花区",value:"430111"},{city:"长沙市",text:"望城区",value:"430112"},{city:"长沙市",text:"长沙县",value:"430121"},{city:"长沙市",text:"宁乡县",value:"430124"},{city:"长沙市",text:"浏阳市",value:"430181"}],430200:[{city:"株洲市",text:"市辖区",value:"430201"},{city:"株洲市",text:"荷塘区",value:"430202"},{city:"株洲市",text:"芦淞区",value:"430203"},{city:"株洲市",text:"石峰区",value:"430204"},{city:"株洲市",text:"天元区",value:"430211"},{city:"株洲市",text:"株洲县",value:"430221"},{city:"株洲市",text:"攸县",value:"430223"},{city:"株洲市",text:"茶陵县",value:"430224"},{city:"株洲市",text:"炎陵县",value:"430225"},{city:"株洲市",text:"醴陵市",value:"430281"}],430300:[{city:"湘潭市",text:"市辖区",value:"430301"},{city:"湘潭市",text:"雨湖区",value:"430302"},{city:"湘潭市",text:"岳塘区",value:"430304"},{city:"湘潭市",text:"湘潭县",value:"430321"},{city:"湘潭市",text:"湘乡市",value:"430381"},{city:"湘潭市",text:"韶山市",value:"430382"}],430400:[{city:"衡阳市",text:"市辖区",value:"430401"},{city:"衡阳市",text:"珠晖区",value:"430405"},{city:"衡阳市",text:"雁峰区",value:"430406"},{city:"衡阳市",text:"石鼓区",value:"430407"},{city:"衡阳市",text:"蒸湘区",value:"430408"},{city:"衡阳市",text:"南岳区",value:"430412"},{city:"衡阳市",text:"衡阳县",value:"430421"},{city:"衡阳市",text:"衡南县",value:"430422"},{city:"衡阳市",text:"衡山县",value:"430423"},{city:"衡阳市",text:"衡东县",value:"430424"},{city:"衡阳市",text:"祁东县",value:"430426"},{city:"衡阳市",text:"耒阳市",value:"430481"},{city:"衡阳市",text:"常宁市",value:"430482"}],430500:[{city:"邵阳市",text:"市辖区",value:"430501"},{city:"邵阳市",text:"双清区",value:"430502"},{city:"邵阳市",text:"大祥区",value:"430503"},{city:"邵阳市",text:"北塔区",value:"430511"},{city:"邵阳市",text:"邵东县",value:"430521"},{city:"邵阳市",text:"新邵县",value:"430522"},{city:"邵阳市",text:"邵阳县",value:"430523"},{city:"邵阳市",text:"隆回县",value:"430524"},{city:"邵阳市",text:"洞口县",value:"430525"},{city:"邵阳市",text:"绥宁县",value:"430527"},{city:"邵阳市",text:"新宁县",value:"430528"},{city:"邵阳市",text:"城步苗族自治县",value:"430529"},{city:"邵阳市",text:"武冈市",value:"430581"}],430600:[{city:"岳阳市",text:"市辖区",value:"430601"},{city:"岳阳市",text:"岳阳楼区",value:"430602"},{city:"岳阳市",text:"云溪区",value:"430603"},{city:"岳阳市",text:"君山区",value:"430611"},{city:"岳阳市",text:"岳阳县",value:"430621"},{city:"岳阳市",text:"华容县",value:"430623"},{city:"岳阳市",text:"湘阴县",value:"430624"},{city:"岳阳市",text:"平江县",value:"430626"},{city:"岳阳市",text:"汨罗市",value:"430681"},{city:"岳阳市",text:"临湘市",value:"430682"}],430700:[{city:"常德市",text:"市辖区",value:"430701"},{city:"常德市",text:"武陵区",value:"430702"},{city:"常德市",text:"鼎城区",value:"430703"},{city:"常德市",text:"安乡县",value:"430721"},{city:"常德市",text:"汉寿县",value:"430722"},{city:"常德市",text:"澧县",value:"430723"},{city:"常德市",text:"临澧县",value:"430724"},{city:"常德市",text:"桃源县",value:"430725"},{city:"常德市",text:"石门县",value:"430726"},{city:"常德市",text:"津市市",value:"430781"}],430800:[{city:"张家界市",text:"市辖区",value:"430801"},{city:"张家界市",text:"永定区",value:"430802"},{city:"张家界市",text:"武陵源区",value:"430811"},{city:"张家界市",text:"慈利县",value:"430821"},{city:"张家界市",text:"桑植县",value:"430822"}],430900:[{city:"益阳市",text:"市辖区",value:"430901"},{city:"益阳市",text:"资阳区",value:"430902"},{city:"益阳市",text:"赫山区",value:"430903"},{city:"益阳市",text:"南县",value:"430921"},{city:"益阳市",text:"桃江县",value:"430922"},{city:"益阳市",text:"安化县",value:"430923"},{city:"益阳市",text:"沅江市",value:"430981"}],431000:[{city:"郴州市",text:"市辖区",value:"431001"},{city:"郴州市",text:"北湖区",value:"431002"},{city:"郴州市",text:"苏仙区",value:"431003"},{city:"郴州市",text:"桂阳县",value:"431021"},{city:"郴州市",text:"宜章县",value:"431022"},{city:"郴州市",text:"永兴县",value:"431023"},{city:"郴州市",text:"嘉禾县",value:"431024"},{city:"郴州市",text:"临武县",value:"431025"},{city:"郴州市",text:"汝城县",value:"431026"},{city:"郴州市",text:"桂东县",value:"431027"},{city:"郴州市",text:"安仁县",value:"431028"},{city:"郴州市",text:"资兴市",value:"431081"}],431100:[{city:"永州市",text:"市辖区",value:"431101"},{city:"永州市",text:"零陵区",value:"431102"},{city:"永州市",text:"冷水滩区",value:"431103"},{city:"永州市",text:"祁阳县",value:"431121"},{city:"永州市",text:"东安县",value:"431122"},{city:"永州市",text:"双牌县",value:"431123"},{city:"永州市",text:"道县",value:"431124"},{city:"永州市",text:"江永县",value:"431125"},{city:"永州市",text:"宁远县",value:"431126"},{city:"永州市",text:"蓝山县",value:"431127"},{city:"永州市",text:"新田县",value:"431128"},{city:"永州市",text:"江华瑶族自治县",value:"431129"}],431200:[{city:"怀化市",text:"市辖区",value:"431201"},{city:"怀化市",text:"鹤城区",value:"431202"},{city:"怀化市",text:"中方县",value:"431221"},{city:"怀化市",text:"沅陵县",value:"431222"},{city:"怀化市",text:"辰溪县",value:"431223"},{city:"怀化市",text:"溆浦县",value:"431224"},{city:"怀化市",text:"会同县",value:"431225"},{city:"怀化市",text:"麻阳苗族自治县",value:"431226"},{city:"怀化市",text:"新晃侗族自治县",value:"431227"},{city:"怀化市",text:"芷江侗族自治县",value:"431228"},{city:"怀化市",text:"靖州苗族侗族自治县",value:"431229"},{city:"怀化市",text:"通道侗族自治县",value:"431230"},{city:"怀化市",text:"洪江市",value:"431281"}],431300:[{city:"娄底市",text:"市辖区",value:"431301"},{city:"娄底市",text:"娄星区",value:"431302"},{city:"娄底市",text:"双峰县",value:"431321"},{city:"娄底市",text:"新化县",value:"431322"},{city:"娄底市",text:"冷水江市",value:"431381"},{city:"娄底市",text:"涟源市",value:"431382"}],433100:[{city:"湘西土家族苗族自治州",text:"吉首市",value:"433101"},{city:"湘西土家族苗族自治州",text:"泸溪县",value:"433122"},{city:"湘西土家族苗族自治州",text:"凤凰县",value:"433123"},{city:"湘西土家族苗族自治州",text:"花垣县",value:"433124"},{city:"湘西土家族苗族自治州",text:"保靖县",value:"433125"},{city:"湘西土家族苗族自治州",text:"古丈县",value:"433126"},{city:"湘西土家族苗族自治州",text:"永顺县",value:"433127"},{city:"湘西土家族苗族自治州",text:"龙山县",value:"433130"}],440100:[{city:"广州市",text:"市辖区",value:"440101"},{city:"广州市",text:"荔湾区",value:"440103"},{city:"广州市",text:"越秀区",value:"440104"},{city:"广州市",text:"海珠区",value:"440105"},{city:"广州市",text:"天河区",value:"440106"},{city:"广州市",text:"白云区",value:"440111"},{city:"广州市",text:"黄埔区",value:"440112"},{city:"广州市",text:"番禺区",value:"440113"},{city:"广州市",text:"花都区",value:"440114"},{city:"广州市",text:"南沙区",value:"440115"},{city:"广州市",text:"从化区",value:"440117"},{city:"广州市",text:"增城区",value:"440118"}],440200:[{city:"韶关市",text:"市辖区",value:"440201"},{city:"韶关市",text:"武江区",value:"440203"},{city:"韶关市",text:"浈江区",value:"440204"},{city:"韶关市",text:"曲江区",value:"440205"},{city:"韶关市",text:"始兴县",value:"440222"},{city:"韶关市",text:"仁化县",value:"440224"},{city:"韶关市",text:"翁源县",value:"440229"},{city:"韶关市",text:"乳源瑶族自治县",value:"440232"},{city:"韶关市",text:"新丰县",value:"440233"},{city:"韶关市",text:"乐昌市",value:"440281"},{city:"韶关市",text:"南雄市",value:"440282"}],440300:[{city:"深圳市",text:"市辖区",value:"440301"},{city:"深圳市",text:"罗湖区",value:"440303"},{city:"深圳市",text:"福田区",value:"440304"},{city:"深圳市",text:"南山区",value:"440305"},{city:"深圳市",text:"宝安区",value:"440306"},{city:"深圳市",text:"龙岗区",value:"440307"},{city:"深圳市",text:"盐田区",value:"440308"}],440400:[{city:"珠海市",text:"市辖区",value:"440401"},{city:"珠海市",text:"香洲区",value:"440402"},{city:"珠海市",text:"斗门区",value:"440403"},{city:"珠海市",text:"金湾区",value:"440404"}],440500:[{city:"汕头市",text:"市辖区",value:"440501"},{city:"汕头市",text:"龙湖区",value:"440507"},{city:"汕头市",text:"金平区",value:"440511"},{city:"汕头市",text:"濠江区",value:"440512"},{city:"汕头市",text:"潮阳区",value:"440513"},{city:"汕头市",text:"潮南区",value:"440514"},{city:"汕头市",text:"澄海区",value:"440515"},{city:"汕头市",text:"南澳县",value:"440523"}],440600:[{city:"佛山市",text:"市辖区",value:"440601"},{city:"佛山市",text:"禅城区",value:"440604"},{city:"佛山市",text:"南海区",value:"440605"},{city:"佛山市",text:"顺德区",value:"440606"},{city:"佛山市",text:"三水区",value:"440607"},{city:"佛山市",text:"高明区",value:"440608"}],440700:[{city:"江门市",text:"市辖区",value:"440701"},{city:"江门市",text:"蓬江区",value:"440703"},{city:"江门市",text:"江海区",value:"440704"},{city:"江门市",text:"新会区",value:"440705"},{city:"江门市",text:"台山市",value:"440781"},{city:"江门市",text:"开平市",value:"440783"},{city:"江门市",text:"鹤山市",value:"440784"},{city:"江门市",text:"恩平市",value:"440785"}],440800:[{city:"湛江市",text:"市辖区",value:"440801"},{city:"湛江市",text:"赤坎区",value:"440802"},{city:"湛江市",text:"霞山区",value:"440803"},{city:"湛江市",text:"坡头区",value:"440804"},{city:"湛江市",text:"麻章区",value:"440811"},{city:"湛江市",text:"遂溪县",value:"440823"},{city:"湛江市",text:"徐闻县",value:"440825"},{city:"湛江市",text:"廉江市",value:"440881"},{city:"湛江市",text:"雷州市",value:"440882"},{city:"湛江市",text:"吴川市",value:"440883"}],440900:[{city:"茂名市",text:"市辖区",value:"440901"},{city:"茂名市",text:"茂南区",value:"440902"},{city:"茂名市",text:"电白区",value:"440904"},{city:"茂名市",text:"高州市",value:"440981"},{city:"茂名市",text:"化州市",value:"440982"},{city:"茂名市",text:"信宜市",value:"440983"}],441200:[{city:"肇庆市",text:"市辖区",value:"441201"},{city:"肇庆市",text:"端州区",value:"441202"},{city:"肇庆市",text:"鼎湖区",value:"441203"},{city:"肇庆市",text:"高要区",value:"441204"},{city:"肇庆市",text:"广宁县",value:"441223"},{city:"肇庆市",text:"怀集县",value:"441224"},{city:"肇庆市",text:"封开县",value:"441225"},{city:"肇庆市",text:"德庆县",value:"441226"},{city:"肇庆市",text:"四会市",value:"441284"}],441300:[{city:"惠州市",text:"市辖区",value:"441301"},{city:"惠州市",text:"惠城区",value:"441302"},{city:"惠州市",text:"惠阳区",value:"441303"},{city:"惠州市",text:"博罗县",value:"441322"},{city:"惠州市",text:"惠东县",value:"441323"},{city:"惠州市",text:"龙门县",value:"441324"}],441400:[{city:"梅州市",text:"市辖区",value:"441401"},{city:"梅州市",text:"梅江区",value:"441402"},{city:"梅州市",text:"梅县区",value:"441403"},{city:"梅州市",text:"大埔县",value:"441422"},{city:"梅州市",text:"丰顺县",value:"441423"},{city:"梅州市",text:"五华县",value:"441424"},{city:"梅州市",text:"平远县",value:"441426"},{city:"梅州市",text:"蕉岭县",value:"441427"},{city:"梅州市",text:"兴宁市",value:"441481"}],441500:[{city:"汕尾市",text:"市辖区",value:"441501"},{city:"汕尾市",text:"城区",value:"441502"},{city:"汕尾市",text:"海丰县",value:"441521"},{city:"汕尾市",text:"陆河县",value:"441523"},{city:"汕尾市",text:"陆丰市",value:"441581"}],441600:[{city:"河源市",text:"市辖区",value:"441601"},{city:"河源市",text:"源城区",value:"441602"},{city:"河源市",text:"紫金县",value:"441621"},{city:"河源市",text:"龙川县",value:"441622"},{city:"河源市",text:"连平县",value:"441623"},{city:"河源市",text:"和平县",value:"441624"},{city:"河源市",text:"东源县",value:"441625"}],441700:[{city:"阳江市",text:"市辖区",value:"441701"},{city:"阳江市",text:"江城区",value:"441702"},{city:"阳江市",text:"阳东区",value:"441704"},{city:"阳江市",text:"阳西县",value:"441721"},{city:"阳江市",text:"阳春市",value:"441781"}],441800:[{city:"清远市",text:"市辖区",value:"441801"},{city:"清远市",text:"清城区",value:"441802"},{city:"清远市",text:"清新区",value:"441803"},{city:"清远市",text:"佛冈县",value:"441821"},{city:"清远市",text:"阳山县",value:"441823"},{city:"清远市",text:"连山壮族瑶族自治县",value:"441825"},{city:"清远市",text:"连南瑶族自治县",value:"441826"},{city:"清远市",text:"英德市",value:"441881"},{city:"清远市",text:"连州市",value:"441882"}],441900:[],442000:[],445100:[{city:"潮州市",text:"市辖区",value:"445101"},{city:"潮州市",text:"湘桥区",value:"445102"},{city:"潮州市",text:"潮安区",value:"445103"},{city:"潮州市",text:"饶平县",value:"445122"}],445200:[{city:"揭阳市",text:"市辖区",value:"445201"},{city:"揭阳市",text:"榕城区",value:"445202"},{city:"揭阳市",text:"揭东区",value:"445203"},{city:"揭阳市",text:"揭西县",value:"445222"},{city:"揭阳市",text:"惠来县",value:"445224"},{city:"揭阳市",text:"普宁市",value:"445281"}],445300:[{city:"云浮市",text:"市辖区",value:"445301"},{city:"云浮市",text:"云城区",value:"445302"},{city:"云浮市",text:"云安区",value:"445303"},{city:"云浮市",text:"新兴县",value:"445321"},{city:"云浮市",text:"郁南县",value:"445322"},{city:"云浮市",text:"罗定市",value:"445381"}],450100:[{city:"南宁市",text:"市辖区",value:"450101"},{city:"南宁市",text:"兴宁区",value:"450102"},{city:"南宁市",text:"青秀区",value:"450103"},{city:"南宁市",text:"江南区",value:"450105"},{city:"南宁市",text:"西乡塘区",value:"450107"},{city:"南宁市",text:"良庆区",value:"450108"},{city:"南宁市",text:"邕宁区",value:"450109"},{city:"南宁市",text:"武鸣区",value:"450110"},{city:"南宁市",text:"隆安县",value:"450123"},{city:"南宁市",text:"马山县",value:"450124"},{city:"南宁市",text:"上林县",value:"450125"},{city:"南宁市",text:"宾阳县",value:"450126"},{city:"南宁市",text:"横县",value:"450127"}],450200:[{city:"柳州市",text:"市辖区",value:"450201"},{city:"柳州市",text:"城中区",value:"450202"},{city:"柳州市",text:"鱼峰区",value:"450203"},{city:"柳州市",text:"柳南区",value:"450204"},{city:"柳州市",text:"柳北区",value:"450205"},{city:"柳州市",text:"柳江区",value:"450206"},{city:"柳州市",text:"柳城县",value:"450222"},{city:"柳州市",text:"鹿寨县",value:"450223"},{city:"柳州市",text:"融安县",value:"450224"},{city:"柳州市",text:"融水苗族自治县",value:"450225"},{city:"柳州市",text:"三江侗族自治县",value:"450226"}],450300:[{city:"桂林市",text:"市辖区",value:"450301"},{city:"桂林市",text:"秀峰区",value:"450302"},{city:"桂林市",text:"叠彩区",value:"450303"},{city:"桂林市",text:"象山区",value:"450304"},{city:"桂林市",text:"七星区",value:"450305"},{city:"桂林市",text:"雁山区",value:"450311"},{city:"桂林市",text:"临桂区",value:"450312"},{city:"桂林市",text:"阳朔县",value:"450321"},{city:"桂林市",text:"灵川县",value:"450323"},{city:"桂林市",text:"全州县",value:"450324"},{city:"桂林市",text:"兴安县",value:"450325"},{city:"桂林市",text:"永福县",value:"450326"},{city:"桂林市",text:"灌阳县",value:"450327"},{city:"桂林市",text:"龙胜各族自治县",value:"450328"},{city:"桂林市",text:"资源县",value:"450329"},{city:"桂林市",text:"平乐县",value:"450330"},{city:"桂林市",text:"荔浦县",value:"450331"},{city:"桂林市",text:"恭城瑶族自治县",value:"450332"}],450400:[{city:"梧州市",text:"市辖区",value:"450401"},{city:"梧州市",text:"万秀区",value:"450403"},{city:"梧州市",text:"长洲区",value:"450405"},{city:"梧州市",text:"龙圩区",value:"450406"},{city:"梧州市",text:"苍梧县",value:"450421"},{city:"梧州市",text:"藤县",value:"450422"},{city:"梧州市",text:"蒙山县",value:"450423"},{city:"梧州市",text:"岑溪市",value:"450481"}],450500:[{city:"北海市",text:"市辖区",value:"450501"},{city:"北海市",text:"海城区",value:"450502"},{city:"北海市",text:"银海区",value:"450503"},{city:"北海市",text:"铁山港区",value:"450512"},{city:"北海市",text:"合浦县",value:"450521"}],450600:[{city:"防城港市",text:"市辖区",value:"450601"},{city:"防城港市",text:"港口区",value:"450602"},{city:"防城港市",text:"防城区",value:"450603"},{city:"防城港市",text:"上思县",value:"450621"},{city:"防城港市",text:"东兴市",value:"450681"}],450700:[{city:"钦州市",text:"市辖区",value:"450701"},{city:"钦州市",text:"钦南区",value:"450702"},{city:"钦州市",text:"钦北区",value:"450703"},{city:"钦州市",text:"灵山县",value:"450721"},{city:"钦州市",text:"浦北县",value:"450722"}],450800:[{city:"贵港市",text:"市辖区",value:"450801"},{city:"贵港市",text:"港北区",value:"450802"},{city:"贵港市",text:"港南区",value:"450803"},{city:"贵港市",text:"覃塘区",value:"450804"},{city:"贵港市",text:"平南县",value:"450821"},{city:"贵港市",text:"桂平市",value:"450881"}],450900:[{city:"玉林市",text:"市辖区",value:"450901"},{city:"玉林市",text:"玉州区",value:"450902"},{city:"玉林市",text:"福绵区",value:"450903"},{city:"玉林市",text:"容县",value:"450921"},{city:"玉林市",text:"陆川县",value:"450922"},{city:"玉林市",text:"博白县",value:"450923"},{city:"玉林市",text:"兴业县",value:"450924"},{city:"玉林市",text:"北流市",value:"450981"}],451000:[{city:"百色市",text:"市辖区",value:"451001"},{city:"百色市",text:"右江区",value:"451002"},{city:"百色市",text:"田阳县",value:"451021"},{city:"百色市",text:"田东县",value:"451022"},{city:"百色市",text:"平果县",value:"451023"},{city:"百色市",text:"德保县",value:"451024"},{city:"百色市",text:"那坡县",value:"451026"},{city:"百色市",text:"凌云县",value:"451027"},{city:"百色市",text:"乐业县",value:"451028"},{city:"百色市",text:"田林县",value:"451029"},{city:"百色市",text:"西林县",value:"451030"},{city:"百色市",text:"隆林各族自治县",value:"451031"},{city:"百色市",text:"靖西市",value:"451081"}],451100:[{city:"贺州市",text:"市辖区",value:"451101"},{city:"贺州市",text:"八步区",value:"451102"},{city:"贺州市",text:"平桂区",value:"451103"},{city:"贺州市",text:"昭平县",value:"451121"},{city:"贺州市",text:"钟山县",value:"451122"},{city:"贺州市",text:"富川瑶族自治县",value:"451123"}],451200:[{city:"河池市",text:"市辖区",value:"451201"},{city:"河池市",text:"金城江区",value:"451202"},{city:"河池市",text:"南丹县",value:"451221"},{city:"河池市",text:"天峨县",value:"451222"},{city:"河池市",text:"凤山县",value:"451223"},{city:"河池市",text:"东兰县",value:"451224"},{city:"河池市",text:"罗城仫佬族自治县",value:"451225"},{city:"河池市",text:"环江毛南族自治县",value:"451226"},{city:"河池市",text:"巴马瑶族自治县",value:"451227"},{city:"河池市",text:"都安瑶族自治县",value:"451228"},{city:"河池市",text:"大化瑶族自治县",value:"451229"},{city:"河池市",text:"宜州市",value:"451281"}],451300:[{city:"来宾市",text:"市辖区",value:"451301"},{city:"来宾市",text:"兴宾区",value:"451302"},{city:"来宾市",text:"忻城县",value:"451321"},{city:"来宾市",text:"象州县",value:"451322"},{city:"来宾市",text:"武宣县",value:"451323"},{city:"来宾市",text:"金秀瑶族自治县",value:"451324"},{city:"来宾市",text:"合山市",value:"451381"}],451400:[{city:"崇左市",text:"市辖区",value:"451401"},{city:"崇左市",text:"江州区",value:"451402"},{city:"崇左市",text:"扶绥县",value:"451421"},{city:"崇左市",text:"宁明县",value:"451422"},{city:"崇左市",text:"龙州县",value:"451423"},{city:"崇左市",text:"大新县",value:"451424"},{city:"崇左市",text:"天等县",value:"451425"},{city:"崇左市",text:"凭祥市",value:"451481"}],460100:[{city:"海口市",text:"市辖区",value:"460101"},{city:"海口市",text:"秀英区",value:"460105"},{city:"海口市",text:"龙华区",value:"460106"},{city:"海口市",text:"琼山区",value:"460107"},{city:"海口市",text:"美兰区",value:"460108"}],460200:[{city:"三亚市",text:"市辖区",value:"460201"},{city:"三亚市",text:"海棠区",value:"460202"},{city:"三亚市",text:"吉阳区",value:"460203"},{city:"三亚市",text:"天涯区",value:"460204"},{city:"三亚市",text:"崖州区",value:"460205"}],460300:[],460400:[],469000:[{city:"省直辖县级行政区划",text:"五指山市",value:"469001"},{city:"省直辖县级行政区划",text:"琼海市",value:"469002"},{city:"省直辖县级行政区划",text:"文昌市",value:"469005"},{city:"省直辖县级行政区划",text:"万宁市",value:"469006"},{city:"省直辖县级行政区划",text:"东方市",value:"469007"},{city:"省直辖县级行政区划",text:"定安县",value:"469021"},{city:"省直辖县级行政区划",text:"屯昌县",value:"469022"},{city:"省直辖县级行政区划",text:"澄迈县",value:"469023"},{city:"省直辖县级行政区划",text:"临高县",value:"469024"},{city:"省直辖县级行政区划",text:"白沙黎族自治县",value:"469025"},{city:"省直辖县级行政区划",text:"昌江黎族自治县",value:"469026"},{city:"省直辖县级行政区划",text:"乐东黎族自治县",value:"469027"},{city:"省直辖县级行政区划",text:"陵水黎族自治县",value:"469028"},{city:"省直辖县级行政区划",text:"保亭黎族苗族自治县",value:"469029"},{city:"省直辖县级行政区划",text:"琼中黎族苗族自治县",value:"469030"}],500100:[{city:"市辖区",text:"万州区",value:"500101"},{city:"市辖区",text:"涪陵区",value:"500102"},{city:"市辖区",text:"渝中区",value:"500103"},{city:"市辖区",text:"大渡口区",value:"500104"},{city:"市辖区",text:"江北区",value:"500105"},{city:"市辖区",text:"沙坪坝区",value:"500106"},{city:"市辖区",text:"九龙坡区",value:"500107"},{city:"市辖区",text:"南岸区",value:"500108"},{city:"市辖区",text:"北碚区",value:"500109"},{city:"市辖区",text:"綦江区",value:"500110"},{city:"市辖区",text:"大足区",value:"500111"},{city:"市辖区",text:"渝北区",value:"500112"},{city:"市辖区",text:"巴南区",value:"500113"},{city:"市辖区",text:"黔江区",value:"500114"},{city:"市辖区",text:"长寿区",value:"500115"},{city:"市辖区",text:"江津区",value:"500116"},{city:"市辖区",text:"合川区",value:"500117"},{city:"市辖区",text:"永川区",value:"500118"},{city:"市辖区",text:"南川区",value:"500119"},{city:"市辖区",text:"璧山区",value:"500120"},{city:"市辖区",text:"铜梁区",value:"500151"},{city:"市辖区",text:"潼南区",value:"500152"},{city:"市辖区",text:"荣昌区",value:"500153"},{city:"市辖区",text:"开州区",value:"500154"}],500200:[{city:"县",text:"梁平县",value:"500228"},{city:"县",text:"城口县",value:"500229"},{city:"县",text:"丰都县",value:"500230"},{city:"县",text:"垫江县",value:"500231"},{city:"县",text:"武隆县",value:"500232"},{city:"县",text:"忠县",value:"500233"},{city:"县",text:"云阳县",value:"500235"},{city:"县",text:"奉节县",value:"500236"},{city:"县",text:"巫山县",value:"500237"},{city:"县",text:"巫溪县",value:"500238"},{city:"县",text:"石柱土家族自治县",value:"500240"},{city:"县",text:"秀山土家族苗族自治县",value:"500241"},{city:"县",text:"酉阳土家族苗族自治县",value:"500242"},{city:"县",text:"彭水苗族土家族自治县",value:"500243"}],510100:[{city:"成都市",text:"市辖区",value:"510101"},{city:"成都市",text:"锦江区",value:"510104"},{city:"成都市",text:"青羊区",value:"510105"},{city:"成都市",text:"金牛区",value:"510106"},{city:"成都市",text:"武侯区",value:"510107"},{city:"成都市",text:"成华区",value:"510108"},{city:"成都市",text:"龙泉驿区",value:"510112"},{city:"成都市",text:"青白江区",value:"510113"},{city:"成都市",text:"新都区",value:"510114"},{city:"成都市",text:"温江区",value:"510115"},{city:"成都市",text:"双流区",value:"510116"},{city:"成都市",text:"金堂县",value:"510121"},{city:"成都市",text:"郫县",value:"510124"},{city:"成都市",text:"大邑县",value:"510129"},{city:"成都市",text:"蒲江县",value:"510131"},{city:"成都市",text:"新津县",value:"510132"},{city:"成都市",text:"都江堰市",value:"510181"},{city:"成都市",text:"彭州市",value:"510182"},{city:"成都市",text:"邛崃市",value:"510183"},{city:"成都市",text:"崇州市",value:"510184"},{city:"成都市",text:"简阳市",value:"510185"}],510300:[{city:"自贡市",text:"市辖区",value:"510301"},{city:"自贡市",text:"自流井区",value:"510302"},{city:"自贡市",text:"贡井区",value:"510303"},{city:"自贡市",text:"大安区",value:"510304"},{city:"自贡市",text:"沿滩区",value:"510311"},{city:"自贡市",text:"荣县",value:"510321"},{city:"自贡市",text:"富顺县",value:"510322"}],510400:[{city:"攀枝花市",text:"市辖区",value:"510401"},{city:"攀枝花市",text:"东区",value:"510402"},{city:"攀枝花市",text:"西区",value:"510403"},{city:"攀枝花市",text:"仁和区",value:"510411"},{city:"攀枝花市",text:"米易县",value:"510421"},{city:"攀枝花市",text:"盐边县",value:"510422"}],510500:[{city:"泸州市",text:"市辖区",value:"510501"},{city:"泸州市",text:"江阳区",value:"510502"},{city:"泸州市",text:"纳溪区",value:"510503"},{city:"泸州市",text:"龙马潭区",value:"510504"},{city:"泸州市",text:"泸县",value:"510521"},{city:"泸州市",text:"合江县",value:"510522"},{city:"泸州市",text:"叙永县",value:"510524"},{city:"泸州市",text:"古蔺县",value:"510525"}],510600:[{city:"德阳市",text:"市辖区",value:"510601"},{city:"德阳市",text:"旌阳区",value:"510603"},{city:"德阳市",text:"中江县",value:"510623"},{city:"德阳市",text:"罗江县",value:"510626"},{city:"德阳市",text:"广汉市",value:"510681"},{city:"德阳市",text:"什邡市",value:"510682"},{city:"德阳市",text:"绵竹市",value:"510683"}],510700:[{city:"绵阳市",text:"市辖区",value:"510701"},{city:"绵阳市",text:"涪城区",value:"510703"},{city:"绵阳市",text:"游仙区",value:"510704"},{city:"绵阳市",text:"安州区",value:"510705"},{city:"绵阳市",text:"三台县",value:"510722"},{city:"绵阳市",text:"盐亭县",value:"510723"},{city:"绵阳市",text:"梓潼县",value:"510725"},{city:"绵阳市",text:"北川羌族自治县",value:"510726"},{city:"绵阳市",text:"平武县",value:"510727"},{city:"绵阳市",text:"江油市",value:"510781"}],510800:[{city:"广元市",text:"市辖区",value:"510801"},{city:"广元市",text:"利州区",value:"510802"},{city:"广元市",text:"昭化区",value:"510811"},{city:"广元市",text:"朝天区",value:"510812"},{city:"广元市",text:"旺苍县",value:"510821"},{city:"广元市",text:"青川县",value:"510822"},{city:"广元市",text:"剑阁县",value:"510823"},{city:"广元市",text:"苍溪县",value:"510824"}],510900:[{city:"遂宁市",text:"市辖区",value:"510901"},{city:"遂宁市",text:"船山区",value:"510903"},{city:"遂宁市",text:"安居区",value:"510904"},{city:"遂宁市",text:"蓬溪县",value:"510921"},{city:"遂宁市",text:"射洪县",value:"510922"},{city:"遂宁市",text:"大英县",value:"510923"}],511000:[{city:"内江市",text:"市辖区",value:"511001"},{city:"内江市",text:"市中区",value:"511002"},{city:"内江市",text:"东兴区",value:"511011"},{city:"内江市",text:"威远县",value:"511024"},{city:"内江市",text:"资中县",value:"511025"},{city:"内江市",text:"隆昌县",value:"511028"}],511100:[{city:"乐山市",text:"市辖区",value:"511101"},{city:"乐山市",text:"市中区",value:"511102"},{city:"乐山市",text:"沙湾区",value:"511111"},{city:"乐山市",text:"五通桥区",value:"511112"},{city:"乐山市",text:"金口河区",value:"511113"},{city:"乐山市",text:"犍为县",value:"511123"},{city:"乐山市",text:"井研县",value:"511124"},{city:"乐山市",text:"夹江县",value:"511126"},{city:"乐山市",text:"沐川县",value:"511129"},{city:"乐山市",text:"峨边彝族自治县",value:"511132"},{city:"乐山市",text:"马边彝族自治县",value:"511133"},{city:"乐山市",text:"峨眉山市",value:"511181"}],511300:[{city:"南充市",text:"市辖区",value:"511301"},{city:"南充市",text:"顺庆区",value:"511302"},{city:"南充市",text:"高坪区",value:"511303"},{city:"南充市",text:"嘉陵区",value:"511304"},{city:"南充市",text:"南部县",value:"511321"},{city:"南充市",text:"营山县",value:"511322"},{city:"南充市",text:"蓬安县",value:"511323"},{city:"南充市",text:"仪陇县",value:"511324"},{city:"南充市",text:"西充县",value:"511325"},{city:"南充市",text:"阆中市",value:"511381"}],511400:[{city:"眉山市",text:"市辖区",value:"511401"},{city:"眉山市",text:"东坡区",value:"511402"},{city:"眉山市",text:"彭山区",value:"511403"},{city:"眉山市",text:"仁寿县",value:"511421"},{city:"眉山市",text:"洪雅县",value:"511423"},{city:"眉山市",text:"丹棱县",value:"511424"},{city:"眉山市",text:"青神县",value:"511425"}],511500:[{city:"宜宾市",text:"市辖区",value:"511501"},{city:"宜宾市",text:"翠屏区",value:"511502"},{city:"宜宾市",text:"南溪区",value:"511503"},{city:"宜宾市",text:"宜宾县",value:"511521"},{city:"宜宾市",text:"江安县",value:"511523"},{city:"宜宾市",text:"长宁县",value:"511524"},{city:"宜宾市",text:"高县",value:"511525"},{city:"宜宾市",text:"珙县",value:"511526"},{city:"宜宾市",text:"筠连县",value:"511527"},{city:"宜宾市",text:"兴文县",value:"511528"},{city:"宜宾市",text:"屏山县",value:"511529"}],511600:[{city:"广安市",text:"市辖区",value:"511601"},{city:"广安市",text:"广安区",value:"511602"},{city:"广安市",text:"前锋区",value:"511603"},{city:"广安市",text:"岳池县",value:"511621"},{city:"广安市",text:"武胜县",value:"511622"},{city:"广安市",text:"邻水县",value:"511623"},{city:"广安市",text:"华蓥市",value:"511681"}],511700:[{city:"达州市",text:"市辖区",value:"511701"},{city:"达州市",text:"通川区",value:"511702"},{city:"达州市",text:"达川区",value:"511703"},{city:"达州市",text:"宣汉县",value:"511722"},{city:"达州市",text:"开江县",value:"511723"},{city:"达州市",text:"大竹县",value:"511724"},{city:"达州市",text:"渠县",value:"511725"},{city:"达州市",text:"万源市",value:"511781"}],511800:[{city:"雅安市",text:"市辖区",value:"511801"},{city:"雅安市",text:"雨城区",value:"511802"},{city:"雅安市",text:"名山区",value:"511803"},{city:"雅安市",text:"荥经县",value:"511822"},{city:"雅安市",text:"汉源县",value:"511823"},{city:"雅安市",text:"石棉县",value:"511824"},{city:"雅安市",text:"天全县",value:"511825"},{city:"雅安市",text:"芦山县",value:"511826"},{city:"雅安市",text:"宝兴县",value:"511827"}],511900:[{city:"巴中市",text:"市辖区",value:"511901"},{city:"巴中市",text:"巴州区",value:"511902"},{city:"巴中市",text:"恩阳区",value:"511903"},{city:"巴中市",text:"通江县",value:"511921"},{city:"巴中市",text:"南江县",value:"511922"},{city:"巴中市",text:"平昌县",value:"511923"}],512000:[{city:"资阳市",text:"市辖区",value:"512001"},{city:"资阳市",text:"雁江区",value:"512002"},{city:"资阳市",text:"安岳县",value:"512021"},{city:"资阳市",text:"乐至县",value:"512022"}],513200:[{city:"阿坝藏族羌族自治州",text:"马尔康市",value:"513201"},{city:"阿坝藏族羌族自治州",text:"汶川县",value:"513221"},{city:"阿坝藏族羌族自治州",text:"理县",value:"513222"},{city:"阿坝藏族羌族自治州",text:"茂县",value:"513223"},{city:"阿坝藏族羌族自治州",text:"松潘县",value:"513224"},{city:"阿坝藏族羌族自治州",text:"九寨沟县",value:"513225"},{city:"阿坝藏族羌族自治州",text:"金川县",value:"513226"},{city:"阿坝藏族羌族自治州",text:"小金县",value:"513227"},{city:"阿坝藏族羌族自治州",text:"黑水县",value:"513228"},{city:"阿坝藏族羌族自治州",text:"壤塘县",value:"513230"},{city:"阿坝藏族羌族自治州",text:"阿坝县",value:"513231"},{city:"阿坝藏族羌族自治州",text:"若尔盖县",value:"513232"},{city:"阿坝藏族羌族自治州",text:"红原县",value:"513233"}],513300:[{city:"甘孜藏族自治州",text:"康定市",value:"513301"},{city:"甘孜藏族自治州",text:"泸定县",value:"513322"},{city:"甘孜藏族自治州",text:"丹巴县",value:"513323"},{city:"甘孜藏族自治州",text:"九龙县",value:"513324"},{city:"甘孜藏族自治州",text:"雅江县",value:"513325"},{city:"甘孜藏族自治州",text:"道孚县",value:"513326"},{city:"甘孜藏族自治州",text:"炉霍县",value:"513327"},{city:"甘孜藏族自治州",text:"甘孜县",value:"513328"},{city:"甘孜藏族自治州",text:"新龙县",value:"513329"},{city:"甘孜藏族自治州",text:"德格县",value:"513330"},{city:"甘孜藏族自治州",text:"白玉县",value:"513331"},{city:"甘孜藏族自治州",text:"石渠县",value:"513332"},{city:"甘孜藏族自治州",text:"色达县",value:"513333"},{city:"甘孜藏族自治州",text:"理塘县",value:"513334"},{city:"甘孜藏族自治州",text:"巴塘县",value:"513335"},{city:"甘孜藏族自治州",text:"乡城县",value:"513336"},{city:"甘孜藏族自治州",text:"稻城县",value:"513337"},{city:"甘孜藏族自治州",text:"得荣县",value:"513338"}],513400:[{city:"凉山彝族自治州",text:"西昌市",value:"513401"},{city:"凉山彝族自治州",text:"木里藏族自治县",value:"513422"},{city:"凉山彝族自治州",text:"盐源县",value:"513423"},{city:"凉山彝族自治州",text:"德昌县",value:"513424"},{city:"凉山彝族自治州",text:"会理县",value:"513425"},{city:"凉山彝族自治州",text:"会东县",value:"513426"},{city:"凉山彝族自治州",text:"宁南县",value:"513427"},{city:"凉山彝族自治州",text:"普格县",value:"513428"},{city:"凉山彝族自治州",text:"布拖县",value:"513429"},{city:"凉山彝族自治州",text:"金阳县",value:"513430"},{city:"凉山彝族自治州",text:"昭觉县",value:"513431"},{city:"凉山彝族自治州",text:"喜德县",value:"513432"},{city:"凉山彝族自治州",text:"冕宁县",value:"513433"},{city:"凉山彝族自治州",text:"越西县",value:"513434"},{city:"凉山彝族自治州",text:"甘洛县",value:"513435"},{city:"凉山彝族自治州",text:"美姑县",value:"513436"},{city:"凉山彝族自治州",text:"雷波县",value:"513437"}],520100:[{city:"贵阳市",text:"市辖区",value:"520101"},{city:"贵阳市",text:"南明区",value:"520102"},{city:"贵阳市",text:"云岩区",value:"520103"},{city:"贵阳市",text:"花溪区",value:"520111"},{city:"贵阳市",text:"乌当区",value:"520112"},{city:"贵阳市",text:"白云区",value:"520113"},{city:"贵阳市",text:"观山湖区",value:"520115"},{city:"贵阳市",text:"开阳县",value:"520121"},{city:"贵阳市",text:"息烽县",value:"520122"},{city:"贵阳市",text:"修文县",value:"520123"},{city:"贵阳市",text:"清镇市",value:"520181"}],520200:[{city:"六盘水市",text:"钟山区",value:"520201"},{city:"六盘水市",text:"六枝特区",value:"520203"},{city:"六盘水市",text:"水城县",value:"520221"},{city:"六盘水市",text:"盘县",value:"520222"}],520300:[{city:"遵义市",text:"市辖区",value:"520301"},{city:"遵义市",text:"红花岗区",value:"520302"},{city:"遵义市",text:"汇川区",value:"520303"},{city:"遵义市",text:"播州区",value:"520304"},{city:"遵义市",text:"桐梓县",value:"520322"},{city:"遵义市",text:"绥阳县",value:"520323"},{city:"遵义市",text:"正安县",value:"520324"},{city:"遵义市",text:"道真仡佬族苗族自治县",value:"520325"},{city:"遵义市",text:"务川仡佬族苗族自治县",value:"520326"},{city:"遵义市",text:"凤冈县",value:"520327"},{city:"遵义市",text:"湄潭县",value:"520328"},{city:"遵义市",text:"余庆县",value:"520329"},{city:"遵义市",text:"习水县",value:"520330"},{city:"遵义市",text:"赤水市",value:"520381"},{city:"遵义市",text:"仁怀市",value:"520382"}],520400:[{city:"安顺市",text:"市辖区",value:"520401"},{city:"安顺市",text:"西秀区",value:"520402"},{city:"安顺市",text:"平坝区",value:"520403"},{city:"安顺市",text:"普定县",value:"520422"},{city:"安顺市",text:"镇宁布依族苗族自治县",value:"520423"},{city:"安顺市",text:"关岭布依族苗族自治县",value:"520424"},{city:"安顺市",text:"紫云苗族布依族自治县",value:"520425"}],520500:[{city:"毕节市",text:"市辖区",value:"520501"},{city:"毕节市",text:"七星关区",value:"520502"},{city:"毕节市",text:"大方县",value:"520521"},{city:"毕节市",text:"黔西县",value:"520522"},{city:"毕节市",text:"金沙县",value:"520523"},{city:"毕节市",text:"织金县",value:"520524"},{city:"毕节市",text:"纳雍县",value:"520525"},{city:"毕节市",text:"威宁彝族回族苗族自治县",value:"520526"},{city:"毕节市",text:"赫章县",value:"520527"}],520600:[{city:"铜仁市",text:"市辖区",value:"520601"},{city:"铜仁市",text:"碧江区",value:"520602"},{city:"铜仁市",text:"万山区",value:"520603"},{city:"铜仁市",text:"江口县",value:"520621"},{city:"铜仁市",text:"玉屏侗族自治县",value:"520622"},{city:"铜仁市",text:"石阡县",value:"520623"},{city:"铜仁市",text:"思南县",value:"520624"},{city:"铜仁市",text:"印江土家族苗族自治县",value:"520625"},{city:"铜仁市",text:"德江县",value:"520626"},{city:"铜仁市",text:"沿河土家族自治县",value:"520627"},{city:"铜仁市",text:"松桃苗族自治县",value:"520628"}],522300:[{city:"黔西南布依族苗族自治州",text:"兴义市",value:"522301"},{city:"黔西南布依族苗族自治州",text:"兴仁县",value:"522322"},{city:"黔西南布依族苗族自治州",text:"普安县",value:"522323"},{city:"黔西南布依族苗族自治州",text:"晴隆县",value:"522324"},{city:"黔西南布依族苗族自治州",text:"贞丰县",value:"522325"},{city:"黔西南布依族苗族自治州",text:"望谟县",value:"522326"},{city:"黔西南布依族苗族自治州",text:"册亨县",value:"522327"},{city:"黔西南布依族苗族自治州",text:"安龙县",value:"522328"}],522600:[{city:"黔东南苗族侗族自治州",text:"凯里市",value:"522601"},{city:"黔东南苗族侗族自治州",text:"黄平县",value:"522622"},{city:"黔东南苗族侗族自治州",text:"施秉县",value:"522623"},{city:"黔东南苗族侗族自治州",text:"三穗县",value:"522624"},{city:"黔东南苗族侗族自治州",text:"镇远县",value:"522625"},{city:"黔东南苗族侗族自治州",text:"岑巩县",value:"522626"},{city:"黔东南苗族侗族自治州",text:"天柱县",value:"522627"},{city:"黔东南苗族侗族自治州",text:"锦屏县",value:"522628"},{city:"黔东南苗族侗族自治州",text:"剑河县",value:"522629"},{city:"黔东南苗族侗族自治州",text:"台江县",value:"522630"},{city:"黔东南苗族侗族自治州",text:"黎平县",value:"522631"},{city:"黔东南苗族侗族自治州",text:"榕江县",value:"522632"},{city:"黔东南苗族侗族自治州",text:"从江县",value:"522633"},{city:"黔东南苗族侗族自治州",text:"雷山县",value:"522634"},{city:"黔东南苗族侗族自治州",text:"麻江县",value:"522635"},{city:"黔东南苗族侗族自治州",text:"丹寨县",value:"522636"}],522700:[{city:"黔南布依族苗族自治州",text:"都匀市",value:"522701"},{city:"黔南布依族苗族自治州",text:"福泉市",value:"522702"},{city:"黔南布依族苗族自治州",text:"荔波县",value:"522722"},{city:"黔南布依族苗族自治州",text:"贵定县",value:"522723"},{city:"黔南布依族苗族自治州",text:"瓮安县",value:"522725"},{city:"黔南布依族苗族自治州",text:"独山县",value:"522726"},{city:"黔南布依族苗族自治州",text:"平塘县",value:"522727"},{city:"黔南布依族苗族自治州",text:"罗甸县",value:"522728"},{city:"黔南布依族苗族自治州",text:"长顺县",value:"522729"},{city:"黔南布依族苗族自治州",text:"龙里县",value:"522730"},{city:"黔南布依族苗族自治州",text:"惠水县",value:"522731"},{city:"黔南布依族苗族自治州",text:"三都水族自治县",value:"522732"}],530100:[{city:"昆明市",text:"市辖区",value:"530101"},{city:"昆明市",text:"五华区",value:"530102"},{city:"昆明市",text:"盘龙区",value:"530103"},{city:"昆明市",text:"官渡区",value:"530111"},{city:"昆明市",text:"西山区",value:"530112"},{city:"昆明市",text:"东川区",value:"530113"},{city:"昆明市",text:"呈贡区",value:"530114"},{city:"昆明市",text:"晋宁县",value:"530122"},{city:"昆明市",text:"富民县",value:"530124"},{city:"昆明市",text:"宜良县",value:"530125"},{city:"昆明市",text:"石林彝族自治县",value:"530126"},{city:"昆明市",text:"嵩明县",value:"530127"},{city:"昆明市",text:"禄劝彝族苗族自治县",value:"530128"},{city:"昆明市",text:"寻甸回族彝族自治县",value:"530129"},{city:"昆明市",text:"安宁市",value:"530181"}],530300:[{city:"曲靖市",text:"市辖区",value:"530301"},{city:"曲靖市",text:"麒麟区",value:"530302"},{city:"曲靖市",text:"沾益区",value:"530303"},{city:"曲靖市",text:"马龙县",value:"530321"},{city:"曲靖市",text:"陆良县",value:"530322"},{city:"曲靖市",text:"师宗县",value:"530323"},{city:"曲靖市",text:"罗平县",value:"530324"},{city:"曲靖市",text:"富源县",value:"530325"},{city:"曲靖市",text:"会泽县",value:"530326"},{city:"曲靖市",text:"宣威市",value:"530381"}],530400:[{city:"玉溪市",text:"市辖区",value:"530401"},{city:"玉溪市",text:"红塔区",value:"530402"},{city:"玉溪市",text:"江川区",value:"530403"},{city:"玉溪市",text:"澄江县",value:"530422"},{city:"玉溪市",text:"通海县",value:"530423"},{city:"玉溪市",text:"华宁县",value:"530424"},{city:"玉溪市",text:"易门县",value:"530425"},{city:"玉溪市",text:"峨山彝族自治县",value:"530426"},{city:"玉溪市",text:"新平彝族傣族自治县",value:"530427"},{city:"玉溪市",text:"元江哈尼族彝族傣族自治县",value:"530428"}],530500:[{city:"保山市",text:"市辖区",value:"530501"},{city:"保山市",text:"隆阳区",value:"530502"},{city:"保山市",text:"施甸县",value:"530521"},{city:"保山市",text:"龙陵县",value:"530523"},{city:"保山市",text:"昌宁县",value:"530524"},{city:"保山市",text:"腾冲市",value:"530581"}],530600:[{city:"昭通市",text:"市辖区",value:"530601"},{city:"昭通市",text:"昭阳区",value:"530602"},{city:"昭通市",text:"鲁甸县",value:"530621"},{city:"昭通市",text:"巧家县",value:"530622"},{city:"昭通市",text:"盐津县",value:"530623"},{city:"昭通市",text:"大关县",value:"530624"},{city:"昭通市",text:"永善县",value:"530625"},{city:"昭通市",text:"绥江县",value:"530626"},{city:"昭通市",text:"镇雄县",value:"530627"},{city:"昭通市",text:"彝良县",value:"530628"},{city:"昭通市",text:"威信县",value:"530629"},{city:"昭通市",text:"水富县",value:"530630"}],530700:[{city:"丽江市",text:"市辖区",value:"530701"},{city:"丽江市",text:"古城区",value:"530702"},{city:"丽江市",text:"玉龙纳西族自治县",value:"530721"},{city:"丽江市",text:"永胜县",value:"530722"},{city:"丽江市",text:"华坪县",value:"530723"},{city:"丽江市",text:"宁蒗彝族自治县",value:"530724"}],530800:[{city:"普洱市",text:"市辖区",value:"530801"},{city:"普洱市",text:"思茅区",value:"530802"},{city:"普洱市",text:"宁洱哈尼族彝族自治县",value:"530821"},{city:"普洱市",text:"墨江哈尼族自治县",value:"530822"},{city:"普洱市",text:"景东彝族自治县",value:"530823"},{city:"普洱市",text:"景谷傣族彝族自治县",value:"530824"},{city:"普洱市",text:"镇沅彝族哈尼族拉祜族自治县",value:"530825"},{city:"普洱市",text:"江城哈尼族彝族自治县",value:"530826"},{city:"普洱市",text:"孟连傣族拉祜族佤族自治县",value:"530827"},{city:"普洱市",text:"澜沧拉祜族自治县",value:"530828"},{city:"普洱市",text:"西盟佤族自治县",value:"530829"}],530900:[{city:"临沧市",text:"市辖区",value:"530901"},{city:"临沧市",text:"临翔区",value:"530902"},{city:"临沧市",text:"凤庆县",value:"530921"},{city:"临沧市",text:"云县",value:"530922"},{city:"临沧市",text:"永德县",value:"530923"},{city:"临沧市",text:"镇康县",value:"530924"},{city:"临沧市",text:"双江拉祜族佤族布朗族傣族自治县",value:"530925"},{city:"临沧市",text:"耿马傣族佤族自治县",value:"530926"},{city:"临沧市",text:"沧源佤族自治县",value:"530927"}],532300:[{city:"楚雄彝族自治州",text:"楚雄市",value:"532301"},{city:"楚雄彝族自治州",text:"双柏县",value:"532322"},{city:"楚雄彝族自治州",text:"牟定县",value:"532323"},{city:"楚雄彝族自治州",text:"南华县",value:"532324"},{city:"楚雄彝族自治州",text:"姚安县",value:"532325"},{city:"楚雄彝族自治州",text:"大姚县",value:"532326"},{city:"楚雄彝族自治州",text:"永仁县",value:"532327"},{city:"楚雄彝族自治州",text:"元谋县",value:"532328"},{city:"楚雄彝族自治州",text:"武定县",value:"532329"},{city:"楚雄彝族自治州",text:"禄丰县",value:"532331"}],532500:[{city:"红河哈尼族彝族自治州",text:"个旧市",value:"532501"},{city:"红河哈尼族彝族自治州",text:"开远市",value:"532502"},{city:"红河哈尼族彝族自治州",text:"蒙自市",value:"532503"},{city:"红河哈尼族彝族自治州",text:"弥勒市",value:"532504"},{city:"红河哈尼族彝族自治州",text:"屏边苗族自治县",value:"532523"},{city:"红河哈尼族彝族自治州",text:"建水县",value:"532524"},{city:"红河哈尼族彝族自治州",text:"石屏县",value:"532525"},{city:"红河哈尼族彝族自治州",text:"泸西县",value:"532527"},{city:"红河哈尼族彝族自治州",text:"元阳县",value:"532528"},{city:"红河哈尼族彝族自治州",text:"红河县",value:"532529"},{city:"红河哈尼族彝族自治州",text:"金平苗族瑶族傣族自治县",value:"532530"},{city:"红河哈尼族彝族自治州",text:"绿春县",value:"532531"},{city:"红河哈尼族彝族自治州",text:"河口瑶族自治县",value:"532532"}],532600:[{city:"文山壮族苗族自治州",text:"文山市",value:"532601"},{city:"文山壮族苗族自治州",text:"砚山县",value:"532622"},{city:"文山壮族苗族自治州",text:"西畴县",value:"532623"},{city:"文山壮族苗族自治州",text:"麻栗坡县",value:"532624"},{city:"文山壮族苗族自治州",text:"马关县",value:"532625"},{city:"文山壮族苗族自治州",text:"丘北县",value:"532626"},{city:"文山壮族苗族自治州",text:"广南县",value:"532627"},{city:"文山壮族苗族自治州",text:"富宁县",value:"532628"}],532800:[{city:"西双版纳傣族自治州",text:"景洪市",value:"532801"},{city:"西双版纳傣族自治州",text:"勐海县",value:"532822"},{city:"西双版纳傣族自治州",text:"勐腊县",value:"532823"}],532900:[{city:"大理白族自治州",text:"大理市",value:"532901"},{city:"大理白族自治州",text:"漾濞彝族自治县",value:"532922"},{city:"大理白族自治州",text:"祥云县",value:"532923"},{city:"大理白族自治州",text:"宾川县",value:"532924"},{city:"大理白族自治州",text:"弥渡县",value:"532925"},{city:"大理白族自治州",text:"南涧彝族自治县",value:"532926"},{city:"大理白族自治州",text:"巍山彝族回族自治县",value:"532927"},{city:"大理白族自治州",text:"永平县",value:"532928"},{city:"大理白族自治州",text:"云龙县",value:"532929"},{city:"大理白族自治州",text:"洱源县",value:"532930"},{city:"大理白族自治州",text:"剑川县",value:"532931"},{city:"大理白族自治州",text:"鹤庆县",value:"532932"}],533100:[{city:"德宏傣族景颇族自治州",text:"瑞丽市",value:"533102"},{city:"德宏傣族景颇族自治州",text:"芒市",value:"533103"},{city:"德宏傣族景颇族自治州",text:"梁河县",value:"533122"},{city:"德宏傣族景颇族自治州",text:"盈江县",value:"533123"},{city:"德宏傣族景颇族自治州",text:"陇川县",value:"533124"}],533300:[{city:"怒江傈僳族自治州",text:"泸水市",value:"533301"},{city:"怒江傈僳族自治州",text:"福贡县",value:"533323"},{city:"怒江傈僳族自治州",text:"贡山独龙族怒族自治县",value:"533324"},{city:"怒江傈僳族自治州",text:"兰坪白族普米族自治县",value:"533325"}],533400:[{city:"迪庆藏族自治州",text:"香格里拉市",value:"533401"},{city:"迪庆藏族自治州",text:"德钦县",value:"533422"},{city:"迪庆藏族自治州",text:"维西傈僳族自治县",value:"533423"}],540100:[{city:"拉萨市",text:"市辖区",value:"540101"},{city:"拉萨市",text:"城关区",value:"540102"},{city:"拉萨市",text:"堆龙德庆区",value:"540103"},{city:"拉萨市",text:"林周县",value:"540121"},{city:"拉萨市",text:"当雄县",value:"540122"},{city:"拉萨市",text:"尼木县",value:"540123"},{city:"拉萨市",text:"曲水县",value:"540124"},{city:"拉萨市",text:"达孜县",value:"540126"},{city:"拉萨市",text:"墨竹工卡县",value:"540127"}],540200:[{city:"日喀则市",text:"桑珠孜区",value:"540202"},{city:"日喀则市",text:"南木林县",value:"540221"},{city:"日喀则市",text:"江孜县",value:"540222"},{city:"日喀则市",text:"定日县",value:"540223"},{city:"日喀则市",text:"萨迦县",value:"540224"},{city:"日喀则市",text:"拉孜县",value:"540225"},{city:"日喀则市",text:"昂仁县",value:"540226"},{city:"日喀则市",text:"谢通门县",value:"540227"},{city:"日喀则市",text:"白朗县",value:"540228"},{city:"日喀则市",text:"仁布县",value:"540229"},{city:"日喀则市",text:"康马县",value:"540230"},{city:"日喀则市",text:"定结县",value:"540231"},{city:"日喀则市",text:"仲巴县",value:"540232"},{city:"日喀则市",text:"亚东县",value:"540233"},{city:"日喀则市",text:"吉隆县",value:"540234"},{city:"日喀则市",text:"聂拉木县",value:"540235"},{city:"日喀则市",text:"萨嘎县",value:"540236"},{city:"日喀则市",text:"岗巴县",value:"540237"}],540300:[{city:"昌都市",text:"卡若区",value:"540302"},{city:"昌都市",text:"江达县",value:"540321"},{city:"昌都市",text:"贡觉县",value:"540322"},{city:"昌都市",text:"类乌齐县",value:"540323"},{city:"昌都市",text:"丁青县",value:"540324"},{city:"昌都市",text:"察雅县",value:"540325"},{city:"昌都市",text:"八宿县",value:"540326"},{city:"昌都市",text:"左贡县",value:"540327"},{city:"昌都市",text:"芒康县",value:"540328"},{city:"昌都市",text:"洛隆县",value:"540329"},{city:"昌都市",text:"边坝县",value:"540330"}],540400:[{city:"林芝市",text:"巴宜区",value:"540402"},{city:"林芝市",text:"工布江达县",value:"540421"},{city:"林芝市",text:"米林县",value:"540422"},{city:"林芝市",text:"墨脱县",value:"540423"},{city:"林芝市",text:"波密县",value:"540424"},{city:"林芝市",text:"察隅县",value:"540425"},{city:"林芝市",text:"朗县",value:"540426"}],540500:[{city:"山南市",text:"市辖区",value:"540501"},{city:"山南市",text:"乃东区",value:"540502"},{city:"山南市",text:"扎囊县",value:"540521"},{city:"山南市",text:"贡嘎县",value:"540522"},{city:"山南市",text:"桑日县",value:"540523"},{city:"山南市",text:"琼结县",value:"540524"},{city:"山南市",text:"曲松县",value:"540525"},{city:"山南市",text:"措美县",value:"540526"},{city:"山南市",text:"洛扎县",value:"540527"},{city:"山南市",text:"加查县",value:"540528"},{city:"山南市",text:"隆子县",value:"540529"},{city:"山南市",text:"错那县",value:"540530"},{city:"山南市",text:"浪卡子县",value:"540531"}],542400:[{city:"那曲地区",text:"那曲县",value:"542421"},{city:"那曲地区",text:"嘉黎县",value:"542422"},{city:"那曲地区",text:"比如县",value:"542423"},{city:"那曲地区",text:"聂荣县",value:"542424"},{city:"那曲地区",text:"安多县",value:"542425"},{city:"那曲地区",text:"申扎县",value:"542426"},{city:"那曲地区",text:"索县",value:"542427"},{city:"那曲地区",text:"班戈县",value:"542428"},{city:"那曲地区",text:"巴青县",value:"542429"},{city:"那曲地区",text:"尼玛县",value:"542430"},{city:"那曲地区",text:"双湖县",value:"542431"}],542500:[{city:"阿里地区",text:"普兰县",value:"542521"},{city:"阿里地区",text:"札达县",value:"542522"},{city:"阿里地区",text:"噶尔县",value:"542523"},{city:"阿里地区",text:"日土县",value:"542524"},{city:"阿里地区",text:"革吉县",value:"542525"},{city:"阿里地区",text:"改则县",value:"542526"},{city:"阿里地区",text:"措勤县",value:"542527"}],610100:[{city:"西安市",text:"市辖区",value:"610101"},{city:"西安市",text:"新城区",value:"610102"},{city:"西安市",text:"碑林区",value:"610103"},{city:"西安市",text:"莲湖区",value:"610104"},{city:"西安市",text:"灞桥区",value:"610111"},{city:"西安市",text:"未央区",value:"610112"},{city:"西安市",text:"雁塔区",value:"610113"},{city:"西安市",text:"阎良区",value:"610114"},{city:"西安市",text:"临潼区",value:"610115"},{city:"西安市",text:"长安区",value:"610116"},{city:"西安市",text:"高陵区",value:"610117"},{city:"西安市",text:"蓝田县",value:"610122"},{city:"西安市",text:"周至县",value:"610124"},{city:"西安市",text:"户县",value:"610125"}],610200:[{city:"铜川市",text:"市辖区",value:"610201"},{city:"铜川市",text:"王益区",value:"610202"},{city:"铜川市",text:"印台区",value:"610203"},{city:"铜川市",text:"耀州区",value:"610204"},{city:"铜川市",text:"宜君县",value:"610222"}],610300:[{city:"宝鸡市",text:"市辖区",value:"610301"},{city:"宝鸡市",text:"渭滨区",value:"610302"},{city:"宝鸡市",text:"金台区",value:"610303"},{city:"宝鸡市",text:"陈仓区",value:"610304"},{city:"宝鸡市",text:"凤翔县",value:"610322"},{city:"宝鸡市",text:"岐山县",value:"610323"},{city:"宝鸡市",text:"扶风县",value:"610324"},{city:"宝鸡市",text:"眉县",value:"610326"},{city:"宝鸡市",text:"陇县",value:"610327"},{city:"宝鸡市",text:"千阳县",value:"610328"},{city:"宝鸡市",text:"麟游县",value:"610329"},{city:"宝鸡市",text:"凤县",value:"610330"},{city:"宝鸡市",text:"太白县",value:"610331"}],610400:[{city:"咸阳市",text:"市辖区",value:"610401"},{city:"咸阳市",text:"秦都区",value:"610402"},{city:"咸阳市",text:"杨陵区",value:"610403"},{city:"咸阳市",text:"渭城区",value:"610404"},{city:"咸阳市",text:"三原县",value:"610422"},{city:"咸阳市",text:"泾阳县",value:"610423"},{city:"咸阳市",text:"乾县",value:"610424"},{city:"咸阳市",text:"礼泉县",value:"610425"},{city:"咸阳市",text:"永寿县",value:"610426"},{city:"咸阳市",text:"彬县",value:"610427"},{city:"咸阳市",text:"长武县",value:"610428"},{city:"咸阳市",text:"旬邑县",value:"610429"},{city:"咸阳市",text:"淳化县",value:"610430"},{city:"咸阳市",text:"武功县",value:"610431"},{city:"咸阳市",text:"兴平市",value:"610481"}],610500:[{city:"渭南市",text:"市辖区",value:"610501"},{city:"渭南市",text:"临渭区",value:"610502"},{city:"渭南市",text:"华州区",value:"610503"},{city:"渭南市",text:"潼关县",value:"610522"},{city:"渭南市",text:"大荔县",value:"610523"},{city:"渭南市",text:"合阳县",value:"610524"},{city:"渭南市",text:"澄城县",value:"610525"},{city:"渭南市",text:"蒲城县",value:"610526"},{city:"渭南市",text:"白水县",value:"610527"},{city:"渭南市",text:"富平县",value:"610528"},{city:"渭南市",text:"韩城市",value:"610581"},{city:"渭南市",text:"华阴市",value:"610582"}],610600:[{city:"延安市",text:"市辖区",value:"610601"},{city:"延安市",text:"宝塔区",value:"610602"},{city:"延安市",text:"安塞区",value:"610603"},{city:"延安市",text:"延长县",value:"610621"},{city:"延安市",text:"延川县",value:"610622"},{city:"延安市",text:"子长县",value:"610623"},{city:"延安市",text:"志丹县",value:"610625"},{city:"延安市",text:"吴起县",value:"610626"},{city:"延安市",text:"甘泉县",value:"610627"},{city:"延安市",text:"富县",value:"610628"},{city:"延安市",text:"洛川县",value:"610629"},{city:"延安市",text:"宜川县",value:"610630"},{city:"延安市",text:"黄龙县",value:"610631"},{city:"延安市",text:"黄陵县",value:"610632"}],610700:[{city:"汉中市",text:"市辖区",value:"610701"},{city:"汉中市",text:"汉台区",value:"610702"},{city:"汉中市",text:"南郑县",value:"610721"},{city:"汉中市",text:"城固县",value:"610722"},{city:"汉中市",text:"洋县",value:"610723"},{city:"汉中市",text:"西乡县",value:"610724"},{city:"汉中市",text:"勉县",value:"610725"},{city:"汉中市",text:"宁强县",value:"610726"},{city:"汉中市",text:"略阳县",value:"610727"},{city:"汉中市",text:"镇巴县",value:"610728"},{city:"汉中市",text:"留坝县",value:"610729"},{city:"汉中市",text:"佛坪县",value:"610730"}],610800:[{city:"榆林市",text:"市辖区",value:"610801"},{city:"榆林市",text:"榆阳区",value:"610802"},{city:"榆林市",text:"横山区",value:"610803"},{city:"榆林市",text:"神木县",value:"610821"},{city:"榆林市",text:"府谷县",value:"610822"},{city:"榆林市",text:"靖边县",value:"610824"},{city:"榆林市",text:"定边县",value:"610825"},{city:"榆林市",text:"绥德县",value:"610826"},{city:"榆林市",text:"米脂县",value:"610827"},{city:"榆林市",text:"佳县",value:"610828"},{city:"榆林市",text:"吴堡县",value:"610829"},{city:"榆林市",text:"清涧县",value:"610830"},{city:"榆林市",text:"子洲县",value:"610831"}],610900:[{city:"安康市",text:"市辖区",value:"610901"},{city:"安康市",text:"汉滨区",value:"610902"},{city:"安康市",text:"汉阴县",value:"610921"},{city:"安康市",text:"石泉县",value:"610922"},{city:"安康市",text:"宁陕县",value:"610923"},{city:"安康市",text:"紫阳县",value:"610924"},{city:"安康市",text:"岚皋县",value:"610925"},{city:"安康市",text:"平利县",value:"610926"},{city:"安康市",text:"镇坪县",value:"610927"},{city:"安康市",text:"旬阳县",value:"610928"},{city:"安康市",text:"白河县",value:"610929"}],611000:[{city:"商洛市",text:"市辖区",value:"611001"},{city:"商洛市",text:"商州区",value:"611002"},{city:"商洛市",text:"洛南县",value:"611021"},{city:"商洛市",text:"丹凤县",value:"611022"},{city:"商洛市",text:"商南县",value:"611023"},{city:"商洛市",text:"山阳县",value:"611024"},{city:"商洛市",text:"镇安县",value:"611025"},{city:"商洛市",text:"柞水县",value:"611026"}],620100:[{city:"兰州市",text:"市辖区",value:"620101"},{city:"兰州市",text:"城关区",value:"620102"},{city:"兰州市",text:"七里河区",value:"620103"},{city:"兰州市",text:"西固区",value:"620104"},{city:"兰州市",text:"安宁区",value:"620105"},{city:"兰州市",text:"红古区",value:"620111"},{city:"兰州市",text:"永登县",value:"620121"},{city:"兰州市",text:"皋兰县",value:"620122"},{city:"兰州市",text:"榆中县",value:"620123"}],620200:[{city:"嘉峪关市",text:"市辖区",value:"620201"}],620300:[{city:"金昌市",text:"市辖区",value:"620301"},{city:"金昌市",text:"金川区",value:"620302"},{city:"金昌市",text:"永昌县",value:"620321"}],620400:[{city:"白银市",text:"市辖区",value:"620401"},{city:"白银市",text:"白银区",value:"620402"},{city:"白银市",text:"平川区",value:"620403"},{city:"白银市",text:"靖远县",value:"620421"},{city:"白银市",text:"会宁县",value:"620422"},{city:"白银市",text:"景泰县",value:"620423"}],620500:[{city:"天水市",text:"市辖区",value:"620501"},{city:"天水市",text:"秦州区",value:"620502"},{city:"天水市",text:"麦积区",value:"620503"},{city:"天水市",text:"清水县",value:"620521"},{city:"天水市",text:"秦安县",value:"620522"},{city:"天水市",text:"甘谷县",value:"620523"},{city:"天水市",text:"武山县",value:"620524"},{city:"天水市",text:"张家川回族自治县",value:"620525"}],620600:[{city:"武威市",text:"市辖区",value:"620601"},{city:"武威市",text:"凉州区",value:"620602"},{city:"武威市",text:"民勤县",value:"620621"},{city:"武威市",text:"古浪县",value:"620622"},{city:"武威市",text:"天祝藏族自治县",value:"620623"}],620700:[{city:"张掖市",text:"市辖区",value:"620701"},{city:"张掖市",text:"甘州区",value:"620702"},{city:"张掖市",text:"肃南裕固族自治县",value:"620721"},{city:"张掖市",text:"民乐县",value:"620722"},{city:"张掖市",text:"临泽县",value:"620723"},{city:"张掖市",text:"高台县",value:"620724"},{city:"张掖市",text:"山丹县",value:"620725"}],620800:[{city:"平凉市",text:"市辖区",value:"620801"},{city:"平凉市",text:"崆峒区",value:"620802"},{city:"平凉市",text:"泾川县",value:"620821"},{city:"平凉市",text:"灵台县",value:"620822"},{city:"平凉市",text:"崇信县",value:"620823"},{city:"平凉市",text:"华亭县",value:"620824"},{city:"平凉市",text:"庄浪县",value:"620825"},{city:"平凉市",text:"静宁县",value:"620826"}],620900:[{city:"酒泉市",text:"市辖区",value:"620901"},{city:"酒泉市",text:"肃州区",value:"620902"},{city:"酒泉市",text:"金塔县",value:"620921"},{city:"酒泉市",text:"瓜州县",value:"620922"},{city:"酒泉市",text:"肃北蒙古族自治县",value:"620923"},{city:"酒泉市",text:"阿克塞哈萨克族自治县",value:"620924"},{city:"酒泉市",text:"玉门市",value:"620981"},{city:"酒泉市",text:"敦煌市",value:"620982"}],621000:[{city:"庆阳市",text:"市辖区",value:"621001"},{city:"庆阳市",text:"西峰区",value:"621002"},{city:"庆阳市",text:"庆城县",value:"621021"},{city:"庆阳市",text:"环县",value:"621022"},{city:"庆阳市",text:"华池县",value:"621023"},{city:"庆阳市",text:"合水县",value:"621024"},{city:"庆阳市",text:"正宁县",value:"621025"},{city:"庆阳市",text:"宁县",value:"621026"},{city:"庆阳市",text:"镇原县",value:"621027"}],621100:[{city:"定西市",text:"市辖区",value:"621101"},{city:"定西市",text:"安定区",value:"621102"},{city:"定西市",text:"通渭县",value:"621121"},{city:"定西市",text:"陇西县",value:"621122"},{city:"定西市",text:"渭源县",value:"621123"},{city:"定西市",text:"临洮县",value:"621124"},{city:"定西市",text:"漳县",value:"621125"},{city:"定西市",text:"岷县",value:"621126"}],621200:[{city:"陇南市",text:"市辖区",value:"621201"},{city:"陇南市",text:"武都区",value:"621202"},{city:"陇南市",text:"成县",value:"621221"},{city:"陇南市",text:"文县",value:"621222"},{city:"陇南市",text:"宕昌县",value:"621223"},{city:"陇南市",text:"康县",value:"621224"},{city:"陇南市",text:"西和县",value:"621225"},{city:"陇南市",text:"礼县",value:"621226"},{city:"陇南市",text:"徽县",value:"621227"},{city:"陇南市",text:"两当县",value:"621228"}],622900:[{city:"临夏回族自治州",text:"临夏市",value:"622901"},{city:"临夏回族自治州",text:"临夏县",value:"622921"},{city:"临夏回族自治州",text:"康乐县",value:"622922"},{city:"临夏回族自治州",text:"永靖县",value:"622923"},{city:"临夏回族自治州",text:"广河县",value:"622924"},{city:"临夏回族自治州",text:"和政县",value:"622925"},{city:"临夏回族自治州",text:"东乡族自治县",value:"622926"},{city:"临夏回族自治州",text:"积石山保安族东乡族撒拉族自治县",value:"622927"}],623000:[{city:"甘南藏族自治州",text:"合作市",value:"623001"},{city:"甘南藏族自治州",text:"临潭县",value:"623021"},{city:"甘南藏族自治州",text:"卓尼县",value:"623022"},{city:"甘南藏族自治州",text:"舟曲县",value:"623023"},{city:"甘南藏族自治州",text:"迭部县",value:"623024"},{city:"甘南藏族自治州",text:"玛曲县",value:"623025"},{city:"甘南藏族自治州",text:"碌曲县",value:"623026"},{city:"甘南藏族自治州",text:"夏河县",value:"623027"}],630100:[{city:"西宁市",text:"市辖区",value:"630101"},{city:"西宁市",text:"城东区",value:"630102"},{city:"西宁市",text:"城中区",value:"630103"},{city:"西宁市",text:"城西区",value:"630104"},{city:"西宁市",text:"城北区",value:"630105"},{city:"西宁市",text:"大通回族土族自治县",value:"630121"},{city:"西宁市",text:"湟中县",value:"630122"},{city:"西宁市",text:"湟源县",value:"630123"}],630200:[{city:"海东市",text:"乐都区",value:"630202"},{city:"海东市",text:"平安区",value:"630203"},{city:"海东市",text:"民和回族土族自治县",value:"630222"},{city:"海东市",text:"互助土族自治县",value:"630223"},{city:"海东市",text:"化隆回族自治县",value:"630224"},{city:"海东市",text:"循化撒拉族自治县",value:"630225"}],632200:[{city:"海北藏族自治州",text:"门源回族自治县",value:"632221"},{city:"海北藏族自治州",text:"祁连县",value:"632222"},{city:"海北藏族自治州",text:"海晏县",value:"632223"},{city:"海北藏族自治州",text:"刚察县",value:"632224"}],632300:[{city:"黄南藏族自治州",text:"同仁县",value:"632321"},{city:"黄南藏族自治州",text:"尖扎县",value:"632322"},{city:"黄南藏族自治州",text:"泽库县",value:"632323"},{city:"黄南藏族自治州",text:"河南蒙古族自治县",value:"632324"}],632500:[{city:"海南藏族自治州",text:"共和县",value:"632521"},{city:"海南藏族自治州",text:"同德县",value:"632522"},{city:"海南藏族自治州",text:"贵德县",value:"632523"},{city:"海南藏族自治州",text:"兴海县",value:"632524"},{city:"海南藏族自治州",text:"贵南县",value:"632525"}],632600:[{city:"果洛藏族自治州",text:"玛沁县",value:"632621"},{city:"果洛藏族自治州",text:"班玛县",value:"632622"},{city:"果洛藏族自治州",text:"甘德县",value:"632623"},{city:"果洛藏族自治州",text:"达日县",value:"632624"},{city:"果洛藏族自治州",text:"久治县",value:"632625"},{city:"果洛藏族自治州",text:"玛多县",value:"632626"}],632700:[{city:"玉树藏族自治州",text:"玉树市",value:"632701"},{city:"玉树藏族自治州",text:"杂多县",value:"632722"},{city:"玉树藏族自治州",text:"称多县",value:"632723"},{city:"玉树藏族自治州",text:"治多县",value:"632724"},{city:"玉树藏族自治州",text:"囊谦县",value:"632725"},{city:"玉树藏族自治州",text:"曲麻莱县",value:"632726"}],632800:[{city:"海西蒙古族藏族自治州",text:"格尔木市",value:"632801"},{city:"海西蒙古族藏族自治州",text:"德令哈市",value:"632802"},{city:"海西蒙古族藏族自治州",text:"乌兰县",value:"632821"},{city:"海西蒙古族藏族自治州",text:"都兰县",value:"632822"},{city:"海西蒙古族藏族自治州",text:"天峻县",value:"632823"}],640100:[{city:"银川市",text:"市辖区",value:"640101"},{city:"银川市",text:"兴庆区",value:"640104"},{city:"银川市",text:"西夏区",value:"640105"},{city:"银川市",text:"金凤区",value:"640106"},{city:"银川市",text:"永宁县",value:"640121"},{city:"银川市",text:"贺兰县",value:"640122"},{city:"银川市",text:"灵武市",value:"640181"}],640200:[{city:"石嘴山市",text:"市辖区",value:"640201"},{city:"石嘴山市",text:"大武口区",value:"640202"},{city:"石嘴山市",text:"惠农区",value:"640205"},{city:"石嘴山市",text:"平罗县",value:"640221"}],640300:[{city:"吴忠市",text:"市辖区",value:"640301"},{city:"吴忠市",text:"利通区",value:"640302"},{city:"吴忠市",text:"红寺堡区",value:"640303"},{city:"吴忠市",text:"盐池县",value:"640323"},{city:"吴忠市",text:"同心县",value:"640324"},{city:"吴忠市",text:"青铜峡市",value:"640381"}],640400:[{city:"固原市",text:"市辖区",value:"640401"},{city:"固原市",text:"原州区",value:"640402"},{city:"固原市",text:"西吉县",value:"640422"},{city:"固原市",text:"隆德县",value:"640423"},{city:"固原市",text:"泾源县",value:"640424"},{city:"固原市",text:"彭阳县",value:"640425"}],640500:[{city:"中卫市",text:"市辖区",value:"640501"},{city:"中卫市",text:"沙坡头区",value:"640502"},{city:"中卫市",text:"中宁县",value:"640521"},{city:"中卫市",text:"海原县",value:"640522"}],650100:[{city:"乌鲁木齐市",text:"市辖区",value:"650101"},{city:"乌鲁木齐市",text:"天山区",value:"650102"},{city:"乌鲁木齐市",text:"沙依巴克区",value:"650103"},{city:"乌鲁木齐市",text:"新市区",value:"650104"},{city:"乌鲁木齐市",text:"水磨沟区",value:"650105"},{city:"乌鲁木齐市",text:"头屯河区",value:"650106"},{city:"乌鲁木齐市",text:"达坂城区",value:"650107"},{city:"乌鲁木齐市",text:"米东区",value:"650109"},{city:"乌鲁木齐市",text:"乌鲁木齐县",value:"650121"}],650200:[{city:"克拉玛依市",text:"市辖区",value:"650201"},{city:"克拉玛依市",text:"独山子区",value:"650202"},{city:"克拉玛依市",text:"克拉玛依区",value:"650203"},{city:"克拉玛依市",text:"白碱滩区",value:"650204"},{city:"克拉玛依市",text:"乌尔禾区",value:"650205"}],650400:[{city:"吐鲁番市",text:"高昌区",value:"650402"},{city:"吐鲁番市",text:"鄯善县",value:"650421"},{city:"吐鲁番市",text:"托克逊县",value:"650422"}],650500:[{city:"哈密市",text:"伊州区",value:"650502"},{city:"哈密市",text:"巴里坤哈萨克自治县",value:"650521"},{city:"哈密市",text:"伊吾县",value:"650522"}],652300:[{city:"昌吉回族自治州",text:"昌吉市",value:"652301"},{city:"昌吉回族自治州",text:"阜康市",value:"652302"},{city:"昌吉回族自治州",text:"呼图壁县",value:"652323"},{city:"昌吉回族自治州",text:"玛纳斯县",value:"652324"},{city:"昌吉回族自治州",text:"奇台县",value:"652325"},{city:"昌吉回族自治州",text:"吉木萨尔县",value:"652327"},{city:"昌吉回族自治州",text:"木垒哈萨克自治县",value:"652328"}],652700:[{city:"博尔塔拉蒙古自治州",text:"博乐市",value:"652701"},{city:"博尔塔拉蒙古自治州",text:"阿拉山口市",value:"652702"},{city:"博尔塔拉蒙古自治州",text:"精河县",value:"652722"},{city:"博尔塔拉蒙古自治州",text:"温泉县",value:"652723"}],652800:[{city:"巴音郭楞蒙古自治州",text:"库尔勒市",value:"652801"},{city:"巴音郭楞蒙古自治州",text:"轮台县",value:"652822"},{city:"巴音郭楞蒙古自治州",text:"尉犁县",value:"652823"},{city:"巴音郭楞蒙古自治州",text:"若羌县",value:"652824"},{city:"巴音郭楞蒙古自治州",text:"且末县",value:"652825"},{city:"巴音郭楞蒙古自治州",text:"焉耆回族自治县",value:"652826"},{city:"巴音郭楞蒙古自治州",text:"和静县",value:"652827"},{city:"巴音郭楞蒙古自治州",text:"和硕县",value:"652828"},{city:"巴音郭楞蒙古自治州",text:"博湖县",value:"652829"}],652900:[{city:"阿克苏地区",text:"阿克苏市",value:"652901"},{city:"阿克苏地区",text:"温宿县",value:"652922"},{city:"阿克苏地区",text:"库车县",value:"652923"},{city:"阿克苏地区",text:"沙雅县",value:"652924"},{city:"阿克苏地区",text:"新和县",value:"652925"},{city:"阿克苏地区",text:"拜城县",value:"652926"},{city:"阿克苏地区",text:"乌什县",value:"652927"},{city:"阿克苏地区",text:"阿瓦提县",value:"652928"},{city:"阿克苏地区",text:"柯坪县",value:"652929"}],653000:[{city:"克孜勒苏柯尔克孜自治州",text:"阿图什市",value:"653001"},{city:"克孜勒苏柯尔克孜自治州",text:"阿克陶县",value:"653022"},{city:"克孜勒苏柯尔克孜自治州",text:"阿合奇县",value:"653023"},{city:"克孜勒苏柯尔克孜自治州",text:"乌恰县",value:"653024"}],653100:[{city:"喀什地区",text:"喀什市",value:"653101"},{city:"喀什地区",text:"疏附县",value:"653121"},{city:"喀什地区",text:"疏勒县",value:"653122"},{city:"喀什地区",text:"英吉沙县",value:"653123"},{city:"喀什地区",text:"泽普县",value:"653124"},{city:"喀什地区",text:"莎车县",value:"653125"},{city:"喀什地区",text:"叶城县",value:"653126"},{city:"喀什地区",text:"麦盖提县",value:"653127"},{city:"喀什地区",text:"岳普湖县",value:"653128"},{city:"喀什地区",text:"伽师县",value:"653129"},{city:"喀什地区",text:"巴楚县",value:"653130"},{city:"喀什地区",text:"塔什库尔干塔吉克自治县",value:"653131"}],653200:[{city:"和田地区",text:"和田市",value:"653201"},{city:"和田地区",text:"和田县",value:"653221"},{city:"和田地区",text:"墨玉县",value:"653222"},{city:"和田地区",text:"皮山县",value:"653223"},{city:"和田地区",text:"洛浦县",value:"653224"},{city:"和田地区",text:"策勒县",value:"653225"},{city:"和田地区",text:"于田县",value:"653226"},{city:"和田地区",text:"民丰县",value:"653227"}],654000:[{city:"伊犁哈萨克自治州",text:"伊宁市",value:"654002"},{city:"伊犁哈萨克自治州",text:"奎屯市",value:"654003"},{city:"伊犁哈萨克自治州",text:"霍尔果斯市",value:"654004"},{city:"伊犁哈萨克自治州",text:"伊宁县",value:"654021"},{city:"伊犁哈萨克自治州",text:"察布查尔锡伯自治县",value:"654022"},{city:"伊犁哈萨克自治州",text:"霍城县",value:"654023"},{city:"伊犁哈萨克自治州",text:"巩留县",value:"654024"},{city:"伊犁哈萨克自治州",text:"新源县",value:"654025"},{city:"伊犁哈萨克自治州",text:"昭苏县",value:"654026"},{city:"伊犁哈萨克自治州",text:"特克斯县",value:"654027"},{city:"伊犁哈萨克自治州",text:"尼勒克县",value:"654028"}],654200:[{city:"塔城地区",text:"塔城市",value:"654201"},{city:"塔城地区",text:"乌苏市",value:"654202"},{city:"塔城地区",text:"额敏县",value:"654221"},{city:"塔城地区",text:"沙湾县",value:"654223"},{city:"塔城地区",text:"托里县",value:"654224"},{city:"塔城地区",text:"裕民县",value:"654225"},{city:"塔城地区",text:"和布克赛尔蒙古自治县",value:"654226"}],654300:[{city:"阿勒泰地区",text:"阿勒泰市",value:"654301"},{city:"阿勒泰地区",text:"布尔津县",value:"654321"},{city:"阿勒泰地区",text:"富蕴县",value:"654322"},{city:"阿勒泰地区",text:"福海县",value:"654323"},{city:"阿勒泰地区",text:"哈巴河县",value:"654324"},{city:"阿勒泰地区",text:"青河县",value:"654325"},{city:"阿勒泰地区",text:"吉木乃县",value:"654326"}],659000:[{city:"自治区直辖县级行政区划",text:"石河子市",value:"659001"},{city:"自治区直辖县级行政区划",text:"阿拉尔市",value:"659002"},{city:"自治区直辖县级行政区划",text:"图木舒克市",value:"659003"},{city:"自治区直辖县级行政区划",text:"五家渠市",value:"659004"},{city:"自治区直辖县级行政区划",text:"铁门关市",value:"659006"}]}})},"A/pu":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-form-group"},[a("p",{staticClass:"cube-form-group-legend"},[t._v(t._s(t.legend))]),t._v(" "),a("div",{staticClass:"cube-form-group-content"},[t._t("default",t._l(t.fields,function(t,e){return a("cube-form-item",{key:e,attrs:{field:t}})}))],2)])},staticRenderFns:[]}},A5db:function(t,e,a){function i(t){a("8JgO")}var n=a("VU/8")(a("KZW3"),a("Rn3t"),i,null,null);t.exports=n.exports},A794:function(t,e){},AEue:function(t,e){},AM6A:function(t,e){},ANjG:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-tab",class:{"cube-tab_active":t.isActive},on:{click:t.handleClick}},[t._t("icon",[a("i",{class:t.icon})]),t._v(" "),t._t("default",[a("div",{domProps:{innerHTML:t._s(t.label)}})])],2)},staticRenderFns:[]}},AQXh:function(t,e,a){function i(t){a("w3NF")}var n=a("VU/8")(a("Woua"),a("oU/Y"),i,null,null);t.exports=n.exports},AW5U:function(t,e){},AdWU:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("XPXN")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={data:function(){return{action:"//jsonplaceholder.typicode.com/photos/",isUploading:!0}},methods:{upload:function(){this.isUploading=!0,this.$refs.upload.start()},pause:function(){this.isUploading=!1,this.$refs.upload.pause()},retry:function(){this.$refs.upload.retry()},filesAdded:function(t){var e=!1;for(var a in t){var i=t[a];i.size>1048576&&(i.ignore=!0,e=!0)}e&&this.$createToast({type:"warn",time:1e3,txt:"You selected >1M files"}).show()}},components:{CubePage:i.default}},t.exports=e.default})},AgjA:function(t,e,a){function i(t){a("crve")}var n=a("VU/8")(a("2iSa"),a("Pn6H"),i,null,null);t.exports=n.exports},AnsX:function(t,e,a){var i=a("VU/8")(a("WjKT"),a("jsiO"),null,null,null);t.exports=i.exports},ApVb:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("//Fk"),a("XPXN"),a("Zd1j")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,i,n,c){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=l(i),o=l(n),s=l(c);e.default={data:function(){return{initTime:(new Date).getTime(),id:0,size:50,infinite:!0}},components:{CubePage:o.default},methods:{getItem:function(t){var e=Math.floor(6*Math.random()),i=s.default.messages[Math.floor(Math.random()*s.default.messages.length)];return{id:t,avatar:a("6WIs")("./avatar"+e+".png"),msg:i,time:new Date(Math.floor(this.initTime+t*this.size*1e3+Math.random()*this.size*1e3)).toString()}},onFetch:function(){var t=this,e=[];return new u.default(function(a){setTimeout(function(){for(var i=0;i0){for(var t=arguments.length,e=Array(t),a=0;a10元',action:"moreMoney"}],moreActions:[{text:"操作a",action:"showText"},{text:"操作b",action:"showText"},{text:"操作c",icon:"cubeic-right",action:"showText"}]}},methods:{updateMore:function(t){this.more=t},showText:function(t){this.$createToast({type:"correct",txt:"clicked "+t.text,time:1e3}).show()},moreMoney:function(t){this.money+=10,t.text='一口价'+this.money+"元"},clickHandler:function(t){t.action&&this[t.action](t)}}},t.exports=e.default})},"C/x+":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"picker-view",title:"Date Picker",desc:""}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:t.showDatePicker}},[t._v("Date Picker")]),t._v(" "),a("cube-button",{on:{click:t.showChangeOrderPicker}},[t._v("Date Picker(Change order)")]),t._v(" "),a("cube-button",{on:{click:t.showTimePicker}},[t._v("Time Picker")]),t._v(" "),a("cube-button",{on:{click:t.showDateTimePicker}},[t._v("Date Time Picker")]),t._v(" "),a("cube-button",{on:{click:t.showFormatPicker}},[t._v("Use format")]),t._v(" "),a("cube-button",{on:{click:t.showUpdatePropsPicker}},[t._v("Use $updateProps")])],1)],1)])},staticRenderFns:[]}},C1Qw:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"swipe-view",title:"Swipe"}},[a("template",{slot:"content"},[a("div",{staticClass:"swipe-wrapper"},[a("cube-scroll",[a("cube-swipe",[a("transition-group",{attrs:{name:"swipe",tag:"ul"}},t._l(t.swipeData,function(e,i){return a("li",{key:e.item.id,staticClass:"swipe-item-wrapper"},[a("cube-swipe-item",{ref:"swipeItem",refInFor:!0,attrs:{btns:e.btns,index:i},on:{"btn-click":t.onBtnClick}},[a("div",{staticClass:"item-inner",on:{click:function(a){t.onItemClick(e.item,i)}}},[a("div",{staticClass:"icon"},[a("img",{attrs:{width:"60",height:"60",src:e.item.imgurl}})]),t._v(" "),a("div",{staticClass:"text"},[a("h2",{staticClass:"item-name",domProps:{innerHTML:t._s(e.item.name)}}),t._v(" "),a("p",{staticClass:"item-desc",domProps:{innerHTML:t._s(e.item.desc)}})])])])],1)}))],1)],1)],1)])],2)},staticRenderFns:[]}},C2tW:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("gLZT"),a("XRNA")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i){"use strict";function n(t,e){(0,c.default)(t,e,["select","cancel","change","next","prev"]).before(function(t,e,a){a&&(0,i.tip)("SegmentPicker component can not be a singleton.")})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=n;var c=function(t){return t&&t.__esModule?t:{default:t}}(a);t.exports=e.default})},C8H9:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("fZjL"),a("XPXN"),a("xV+0")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=c(a),u=c(i),o=function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e.default=t,e}(n),s={"全部":o.ALL_HEROES,"近战":o.MELEE_HEROES,"远程":o.REMOTE_HEROES,"辅助":o.SUPPORT_HEROES,"法师":o.MAGIC_HEROES,"打野":o.JUNGLE_HEROES,"坦克":o.TANK_HEROES,"隐身":o.INVISIBLE_HEROES,"后期":o.CARRY_HEROES,"闪烁":o.BLINK_HEROES,"爆发":o.HIGH_DAMAGE_HEROES,"召唤":o.INVOKE_HEROES,"眩晕":o.DIZZY_HEROES,"治疗":o.HEALER_HEROES},r=(0,l.default)(s).map(function(t){return{label:t}});e.default={data:function(){return{selectedLabel:"全部",scrollData:[],tabs:r}},created:function(){this.scrollData=s[this.selectedLabel]},methods:{changeHandler:function(t){var e=this;this.scrollData=s[t],this.$nextTick(function(){e.$refs.scroll.scrollTo(0,0),e.$refs.scroll.refresh()})}},components:{CubePage:u.default},watch:{selectedLabel:function(t){console.log(t)}}},t.exports=e.default})},CIqy:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("Dd8w"),a("XPXN")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=n(a),l=n(i);e.default={data:function(){return{initialIndex:0,imgs:["https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0mpd5uj21hc0tyws2.jpg","https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0ncnnej21hc0zetxo.jpg","https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0mqvu5j21hc0zkgzz.jpg"]}},methods:{handleImgsClick:function(t){var e=this;this.initialIndex=t;var a={$props:{imgs:this.imgs,initialIndex:"initialIndex",loop:!1},$events:{change:function(t){e.initialIndex=t}}};this.$createImagePreview((0,c.default)({},a)).show()}},components:{CubePage:l.default}},t.exports=e.default})},CRTG:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{attrs:{id:"app"}},[t._m(0),t._v(" "),a("section",{ref:"mfct",staticClass:"cube-content"},[a("cube-index-list",{staticClass:"cube-list",attrs:{data:t.components},scopedSlots:t._u([{key:"nav-item",fn:function(e){return a("span",{staticClass:"custom-nav-item"},[t._v(t._s(e.item))])}}])},t._l(t.components,function(e,i){return a("cube-index-list-group",{key:i,attrs:{group:e}},t._l(e.items,function(e,i){return a("cube-index-list-item",{key:i,attrs:{item:e}},[a("div",{staticClass:"cube-item border-bottom-1px"},[a("router-link",{staticClass:"link",attrs:{to:e.path}},[t._v(t._s(e.text)),a("i",{staticClass:"cubeic-arrow"})])],1)])}))}))],1),t._v(" "),a("cube-view")],1)},staticRenderFns:[function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("header",{staticClass:"cube-bar"},[a("h1",[t._v("cube-ui")])])}]}},CZnn:function(t,e){},Cfx3:function(t,e,a){function i(t){a("j1CU")}var n=a("VU/8")(a("5VLA"),a("IIbQ"),i,null,null);t.exports=n.exports},Cnp6:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"tabs",title:"Tab Demos"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:function(e){t.goTo("tab-bar")}}},[t._v("TabBar Demos")]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("tab")}}},[t._v("Tab Demos")]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("scroll-tab")}}},[t._v("ScrollTab Demo")])],1),t._v(" "),a("cube-view")],1)])},staticRenderFns:[]}},Ct0e:function(t,e,a){function i(t){a("57KX")}var n=a("VU/8")(a("cMIu"),a("ANjG"),i,null,null);t.exports=n.exports},CzhT:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("xru3"),a("go4C"),a("qefm")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=c(a),u=c(i),o=c(n);l.default.install=function(t){t.component(l.default.name,l.default),t.component(u.default.name,u.default),t.component(o.default.name,o.default)},l.default.Panel=u.default,l.default.Bar=o.default,e.default=l.default,t.exports=e.default})},D11v:function(t,e){},D9Go:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("li",{staticClass:"cube-checker-item",class:{"cube-checker-item_active":t.isActive},on:{click:t.clickHandler}},[t._t("default",[a("span",{domProps:{innerHTML:t._s(t.option.text)}})])],2)},staticRenderFns:[]}},DD7W:function(t,e,a){function i(t){a("eNOl")}var n=a("VU/8")(a("t4A1"),a("wKxo"),i,null,null);t.exports=n.exports},DIVr:function(t,e,a){function i(t){a("Zbp1")}var n=a("VU/8")(a("Kjut"),a("KVex"),i,null,null);t.exports=n.exports},DLo4:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("t7U9")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=(0,a.prefixStyle)("transform");e.default={name:"cube-sticky",provide:function(){return{sticky:this}},props:{pos:{type:Number,required:!0},checkTop:{type:Boolean,default:!0},fixedShowAni:{type:String,default:function(){return this.checkTop?"":"cube-sticky-fixed-fade"}},offset:{type:Number,default:0}},data:function(){return{diff:0,currentDiff:0,currentIndex:-1,currentKey:""}},computed:{fixedShow:function(){return!!this.eles[this.currentIndex]}},watch:{diff:function(t){t>=0&&(t=0),t=Math.ceil(t),this._fixedTop!==t&&(this._fixedTop=t,this.$refs.fixedEle.style[i]="translate3d(0, "+t+"px, 0)")},pos:"computeCurrentSticky",currentIndex:function(t,e){var a=this,i=this.eles[e],n=this.eles[t],c=n&&void 0!==n.eleKey?n.eleKey:-1===t?"":t,l=this.$refs.fixedEle,u=this.$slots.fixed||this.$scopedSlots.fixed;this.$nextTick(function(){if(u)a.fixedEleHeight=l.offsetHeight;else{var t=l.firstElementChild;i&&(i.$el.appendChild(t),i.refresh()),n?(l.appendChild(n.$el.firstElementChild),a.fixedEleHeight=l.offsetHeight):a.fixedEleHeight=0}}),this.currentKey=c,this.$emit("change",c,t)},currentDiff:function(t){var e=this.heights[this.currentIndex]||0;this.$emit("diff-change",t,e)}},created:function(){this.fixedEleHeight=0,this.eles=[],this.positions=[],this.heights=[]},mounted:function(){this.refresh()},methods:{addEle:function(t){this.eles.push(t)},removeEle:function(t){var e=this.eles.indexOf(t);this.eles.splice(e,1),this.positions.splice(e,1)},refresh:function(){var t=this;this.$nextTick(function(){t.eles.forEach(function(t){t.refresh()}),t._calculateHeight(),t.computeCurrentSticky(t.pos)})},computeCurrentSticky:function(t){t+=this.offset;for(var e=this.positions,a=this.heights,i=this.checkTop,n=e.length,c=n-1;c>=0;c--){var l=c===n-1,u=l?t:e[c+1],o=void 0,s=void 0;i?(o=e[c],s=o+a[c]):(o=e[c]+a[c],s=o);var r=Math.max(s,u);if(t>=o&&t<=r){this.currentIndex=c,this.currentDiff=t-o;var d=u-t;return void(this.diff=d>=0&&!l?d-(this.fixedEleHeight||a[c]):0)}}this.currentIndex=-1,this.currentDiff=0},_calculateHeight:function(){var t=this;this.eles.forEach(function(e,i){var n=(0,a.getRect)(e.$el),c=n.top,l=n.height;t.positions[i]=c,t.heights[i]=l}),this.fixedEleHeight=this.$refs.fixedEle.offsetHeight}}},t.exports=e.default})},DXQ8:function(t,e,a){function i(t){a("5WX7")}var n=a("VU/8")(a("gBDM"),a("yfBG"),i,null,null);t.exports=n.exports},"Dw/u":function(t,e,a){var i,n,c;!function(a,l){n=[t,e],i=l,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"select-option",props:{name:{type:String},options:{type:Array},value:null},data:function(){return{selected:this.value}},watch:{selected:function(t){this.$emit("update:value",t)}},mounted:function(){var t=this;this.picker=this.$createPicker({title:"Choose "+this.name,data:[this.options],cancelTxt:"cancel",confirmTxt:"confirm",onValueChange:function(e){t.selected=e[0]}})},methods:{showPicker:function(){this.picker.show()}}},t.exports=e.default})},"Dz+K":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("transition",{attrs:{name:"cube-toast-fade"}},[a("cube-popup",{directives:[{name:"show",rawName:"v-show",value:t.isVisible,expression:"isVisible"}],attrs:{type:"toast","z-index":t.zIndex,mask:t.mask},on:{"mask-click":t.maskClick}},[!t.isLoading&&t.iconClass.length?a("i",{staticClass:"cube-toast-icon",class:t.iconClass}):t._e(),t._v(" "),t.isLoading?a("cube-loading"):t._e(),t._v(" "),a("div",{directives:[{name:"show",rawName:"v-show",value:t.txt,expression:"txt"}],staticClass:"cube-toast-tip",domProps:{innerHTML:t._s(t.txt)}})],1)],1)},staticRenderFns:[]}},E37f:function(t,e){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwEAYAAAAHkiXEAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAAASAAAAEgARslrPgAADPtJREFUeNrtW2lYVNcZfs8sDDDAsCrIPhUCsSgmgsoWQU3U1JCodUHMUo0+xJC6NFptjGltopKFFGJspDV1X2NJ1LSlKoGZSYyQiohGRAGRYZGZgRlgZpjt9Md4ndZUmQ1o+/D+4eHOud/23u+c73znXmAYwxjGMIYxjGEMCchQG8CAUkoBFku7XjKNMy0pyfQ0FqAmPR1K6ovnxo8nl3CLRj36KL5DIikdMYJ+iHdQKhAgABuhZbHIRhQjWaWiJnKYPtnejnx6mUhqa6HA73GuspJVTbcjqLTUdWpbkaFBIiFk/nzAaBxqv4eMAPX1UgqEhNAp3BHsPatXo5FeJNWLFkGPBvwuKGjAHPYmy/BKWxuu0Ldo0oED5A/kD8aFBQVueSlngaamwY7DoBGgevvCKMDPj/1C31T282+/jcvoI+deeglpyEWbi8tgO34PlbgEf70eP8K39Mndu03PGPYa977xhuc/0gkgkw20+gEnQDOtvJXVtnAhbSIy1i8LCuhFdGF/QMBA67U7IM/hHJ5RKPAR8mjJihXu0am9xp7jxwdMn7MFUnr0KMBma+qCjOzD27fTYISQ7LVrBzZsA4g1SKBbCgrcf9/6hXHDmjXOXjtYzhJETaUU4HDUH42q5Kw/cuR/PvAMPkAF2fTaa/f8MlVWAFyus8Q7TABTvWj2ccI5J/70J/yMzsb7c+cObdQGAHf90uzTzOWc+PRTxm9HxTosQP2ZJJITuXEjnYcDmL94saPy7ty5c8fFhSHWcTByZLKODmcs9Yyf6p3i/ZzYDRsclWc3Ad2/KfvAJS02FqfoKZqzZAn+CEpfr6/He+Q1jO3ttVWeQtHZyeUCH35YUCAUAp2dXV3OSHSFQqHgcoH8fEauWY/DmEJeReuvf615TjSFMz852V4xTl+E+zJES1zOREcbTmK5aUZt7YPGqVRKJZcLyGRyOZcLnD79l7+MHAnweDyeyQQsX75s2a1bzrPrk0927QoPB/R6g4HFAmbNmjGjvR3w9/fz0+sBLy+BQK+3I4A/RQH9tKbG7ZTbOuOSxx4jrAkJgPWSbCagJ1tSBYwYwQk2dfO2enjc/7txFq0w7czIwASSQFuKih4kZ+vWbdtGjwZUqp4eLheIjo6K6ukB5s2bO7e1FfD09PAwGJxHQHd3Tw+HAxw7dvx4UBBw40ZdHZ8PCATe3gYDsH7966/fuOGAghasIJ7Ll/OjUq/qOx/st90EMIuOulAsYm+oq8NSEPKuUGivvTqdTsdiAYQQAgBcLpdrMjkl1lZBr9frWSzLGuHi4uLikP4jZDpd3dDg/lLLXuO7UVHWlqtWrwHqclE+O2fmTFsDr9VqtWw2oNFoNGy25Trj8P2B7+vTas2BcQ4djJy+PjPhDBi99wdeo1Gr2WyL3VZjAf07yY+MVI8NdGMXTZtm7W1WE0A+YtXj4rx5tgbg7NnSUn9/4OjRY8dGjXrwOKPRaCQEKCjYsUMoBC5fvnLFy8uumP8bqqtrary8gMLCwsLISMBkMpnIQ/L+yBGznaWlZWV+frbrI5PIZjJ+0SJrx/dLgDlFCUEx/k4SZ8yw1aBx4+LilEqgtvb6dT4fEIslEl9fwGg0GAgBtNq+PjYb+POfi4uDgsyZQggQHR0dbXst9UNER0dF9fYCvb3mJ7u4+PPPAwMtmWYwmIkXicRiX1+gru7GDT4fGDs2Lk6lsl0fzcPPcXz6dGvH97sGaNaJpwJhYabN9C0Ox/665OLFixcFAuDzz0+eHDnSsgbcpRfe3l5eOh2QlZWV1dIChIaGhGg0jhPA4NatpiY3N+DQocOHg4MBpVKl4nLNuim1VF+ZmbNnt7cD8fHx8Uql/fpY7oYUgyEy0o2kE6Cx0W4CendLxrFfnzULC0wfkfzTpx0NBPPkSaUtLa6uAIfD4VAKBAePGqXVAmy2+f+BAvPES6VSqaurJRNDQoKDtVrAxcVMhMN4ARdo3syZ/OOpa41r/vrXBw3rdwq62nF1pCA3Pl6tNqewo+DxXF1NJkAoFArVaiAsLCxMoxn4wDPgcNhsSoHwcLNexg5nBZ6J09W9368TxD3+eL/29DfgMqu6yuNIYuLhbYe2B40GEhISEpRKICUlOVkuB3x8fHzs2cD8v4DZWYvFEomfH1BRUVEhEABjAsf4dVclJAC4o3jI/f0SMC9xTntLvVg8lh9X5NmSmclUNV9/ff786NFATEx0dE8PMHVqRkZHBxASEhKi1Q51WAYObW1tbTweUFYmEvn5AdXV1dVeXkBAQECATgc8+2xmZns7ENcxpl3FlUh+hsI7D5PXLwHsUZwx5LBSGTsq9pPubiA2Nja2uxtobGxsdHcHysrKy/38gB07du6MjLSk9hNPpKXJ5UBMTExMd7dlw8WAeXLkcrl8CM/DIBB4e+v1QECAv79O98Pf7/fz2rXaWg8Pi5/Z2VlZUul/8LOSLiUfdHYCWOMQARCxuKZlUikWmEDyLZcjIiIi1GrL39bWlhYeDygvN6fivn0HDgQHAyNHBgbqdEBqalKSQmGpLoqLv/giMBC4dq2uTiAAKOVwnNdl7x+EGI0GAxAY6O/f2wusWpWbW19vDrCnp2UfcPt2c7ObmyXTc3JWrGhstKxdD8SriDJtun0bAPDyQ+zoz1DtepGIt1UoNL4JGDfdvGmtg0w3UywWi81zY2WlQAB4ePD5RiPAYpkXwwsXEhJWrgRu3nzmmdzcwSMgJEQkOnYMSEw8eXLzZktx0NVl7p7GxY0dq1IBU6dOmSKTAf7+5inGWlhbhvabAbxtKSl9Gxoa1HqxlLO2tdXatxZ8fMypPXv2T37S1gZkZKSny2TA119/842Pj+07TReX7m6FAtDrPTy8vQFKCfnX1gKPp1R2dAB9fQKBLSfOvb29vWw2kJiYkNDVBSQlTZ7c2Qnw+Xy+Xc1AHerxi5YWN356KrY9OPD3iOpvgHlOo5RshxdmnTljh0kALA5Nnz5tWkcHEBERHm7LRisi4syZPXuA+PgdO1auBDgctVqlAoTCU6d27gTGjzdftxW+vuYqjrHL7sAz8VpOKuhXJSXWjre6F0TV5OdUfOiQ/abdZyghxJa6//r1Z59dtQro6QkJiYkBUlPfeGPGDMDXt66ushKorFyzZvdu++xwlk8AYNqGRGw6eNDa8VYT4P5Oy0zj5pISnCZ5NLf/1HI2eLyurvZ2wM/v6lWJBJDLH300JQVwc7tzp6kJ8PJqbLx8ebCt+hfcPRHkC5OXGJ8+e9ba26zvht7tb5Ol4JOt27bZayfTf1epzL0YaxEaKhZ/9hnQ1JSevngxUF29bFleHlBV9corhYVAWFhpqT35qdEw7W8H9+EBRMT64p13zBll/Z7a5jNhN6XrWoPr7t3kRdTRoitXrL2P6cczzTCZTCazhYAbN2bPXrkSaGmZPDkz03K9uzs0NCYGqKrKySkosD1uzCLM2HX/uUF/IKmYSA9XV7sv0G/UX9mzx1b9ds9/zGG06W1yESVlZQinp9Dzw26RXG4+8923b//+0FDzQQeLBXh4eHoaDEBNjatrcjIglz/yyMSJ9lpjOwSCpqarV4GoqObmM2csawGbbS6Pn38+O/v2bcsO9wf4HgJ4GwysiawLyElLczMmLzNs+eabQSOAQe/Hon2c2F/9Ci8gAnW//S1zvb6+ocHdHThw4OBB84ZsxAhzu3nRIqkUqKq6dMnLy7KzHCowbe+0tJQUhQI4ePDIkeBgoLnZ3C3NylqwQCoFoqLM5wr3MB6bMGf9ev711K8MR/Py7NXvMAH3XswqlDzH+XLPnm/jvk31fj47m9npTpgwYYJSae6zt7VZnrD/VphMlBIC/O1vJSUBAYBIJBL5+gJPPTV9ekcHkPbIEwL5ib17+cKUVw3JL77IlOn26nNaCXbysc006BN394bCplq37d9//zgeP6NUhoXFx48b58jBxlCjqurSJYEAqLxZGSkQNDUFufr46DJjYubPz09qznf8yGgAXs69+/bEWMlv2EXvvYfzNIPkrF49NOFzHESKZrr//ffdolIWGheuW2drldOv/IF2QL1HfIIdPmcOdtECMnHXLlqCLThhz3H34ICkkDlYIJNhAg2l115+2b0o9R/G74qLB0zfYDl27wONFF0sO2fLFqipHzm5dOmQf6BRjkIE6nRoRRhdVFRkiOEcMr775puCpMlSQKFwXMHDMWSfKGnGlE8AQkPp+6zX2Kdzc+lESolo8WK4QIj3HvYCi4PoxC5skEpJDZlOJx08CKF+ifHpggL36HQCNDcPdhz+iz7SM3/YoZ0T9DFn/qRJplUkC+UZGfgxNWJSQgL5GGqaFh2NJvIl+TIwkH5I38JXAsE9R1aRtzBFqUQYnUVntbXRbJwk52tr8R1pREVFBWuzyR8zzp1zrUmtMOw8f97Zc/kwhjGMYQxjGMP4H8M/AXiI3aUalWSzAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE4LTEwLTI1VDE0OjA3OjIxKzA4OjAwlrS75wAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOC0xMC0yNVQxNDowNzoyMSswODowMOfpA1sAAAB7dEVYdHN2ZzpiYXNlLXVyaQBmaWxlOi8vL2hvbWUvYWRtaW4vaWNvbi1mb250L3RtcC9pY29uX2dhNnJna3hjbW1hLyVFNSU4RCVBMSVFOSU4MCU5QSVFNSVBNCVCNCVFNSU4MyU4RiVFOCVBMSVBOCVFNiU4MyU4NTExLnN2Zy3NmWQAAAAASUVORK5CYII="},E4RE:function(t,e){},"E61+":function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("UFDc"),a("XRNA"),a("osO1")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n){"use strict";function c(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return t.replace(o,function(t,n,c){var o=n.split("|").slice(1).map(function(t){return t.trim()}),s=o.length,r=e;return s&&o.forEach(function(t){var e=l(t),n=e.fnName,c=e.args;c.unshift(r),(0,a.isFunc)(u.default.helpers[n])?r=u.default.helpers[n].apply(null,c):((0,i.warn)('A helper function named "'+n+'" is not registered, please register it by Validator.addHelper()'),r="")}),r})}function l(t){var e=t.indexOf("("),a=t.indexOf(")"),i="",n=[];if(e===r)n=[],i=t;else if(e!==r&&a!==r){var c=t.slice(e+1,a);n=c.split(",").map(function(t){return t.trim().replace(s,"")}),i=t.slice(0,e)}return{fnName:i,args:n}}Object.defineProperty(e,"__esModule",{value:!0});var u=function(t){return t&&t.__esModule?t:{default:t}}(n),o=/\{\{((?:.|\n)+?)\}\}/g,s=/['"]/g,r=-1;e.default=c,t.exports=e.default})},EF6b:function(t,e,a){var i,n,c;!function(a,l){n=[t,e],i=l,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-rate-item",props:{index:{type:Number,default:0}}},t.exports=e.default})},"EI6/":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{ref:"panels",staticClass:"cube-tab-panels"},[a("div",{ref:"panelsGroup",staticClass:"cube-tab-panels-group"},[t._t("default",t._l(t.data,function(e,i){return a("cube-tab-panel",{key:e.value||e.label,attrs:{label:e.label,value:e.value}},[t._v("\n "+t._s(e.label)+"\n ")])}))],2)])},staticRenderFns:[]}},EKZ3:function(t,e){},ES30:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("gCE8"),a("6liq"),a("2DUa")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=c(a),u=c(i),o=c(n);l.default.install=function(t){t.component(l.default.name,l.default),t.component(u.default.name,u.default),t.component(o.default.name,o.default)},l.default.Group=u.default,l.default.Item=o.default,e.default=l.default,t.exports=e.default})},Er22:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("XPXN"),a("O6S8"),a("Mr73")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=c(a),u=c(i),o=c(n);e.default={components:{CubePage:l.default,CubeButtonGroup:u.default,CubeView:o.default},methods:{goTo:function(t){this.$router.push("/recycle-list/"+t)}}},t.exports=e.default})},Ex12:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("ul",{staticClass:"cube-checker"},[t._t("default",t._l(t.options,function(t,e){return a("cube-checker-item",{key:e,attrs:{option:t}})}))],2)},staticRenderFns:[]}},EzL5:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("XPXN"),a("IskU")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={data:function(){return{swipeData:i.defaultData}},methods:{onItemClick:function(t){console.log("click item:",t)},onBtnClick:function(t,e){var a=this;"delete"===t.action&&this.$createActionSheet({title:"确认要删除吗",active:0,data:[{content:"删除"}],onSelect:function(){a.swipeData.splice(e,1)}}).show()}},components:{CubePage:n.default}},t.exports=e.default})},F7um:function(t,e){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwEAYAAAAHkiXEAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAAASAAAAEgARslrPgAACwRJREFUeNrtm3tUVVUawH/78Lh0EYR4JCopoGI4PqGxhxNJaywfmS5fOWVaEtnbarVMW9PM1DJXy1VOWS6H0JxRp0TzvQx0zYQrNVIUyNegIGIqAiKXELncy717/tj3eDEV7r28cobfP98f5+yz9/d9e39772/vA5100kknnXTSSSf/jwhPC0qZOg4++QSIgyeeAPrA7beDeAPq6kAegOPHQcyArVvBngypqUI89xyUlnpcr33bMAgNBW2rqk/HPh4uXRLao4fg4kXP9VrxAXTvDvYN8OyzIFfD+PHAZxAXBwwEPz+gEC5dAo7B2rVCpGyHV15pTweUQ1kZsBnCw12oSjlGyh/g/fcRQUdg0SIhpk4Fm03av5Xg7Q1Vj8PcuWCdB5MmISzfK8Wt/4SAAGiYCaKJdnuPBLsdfHbC5ctI33vh2DGE4TykpyO7joWlS4U2UkBDg7T/SdUruqfC/PkgjsCCBY0M3RwToLxciJRwuOOONneAlF9I1TDr56qnX2UjlJQgCYbkZBChEBSEkHth2jRgDkye3KjqDZCRAYHvgMEAVzLhgQfAGgleXp51C1fw+QlsNqT/b2D3bkT1CrBYQE6GRx5p9OJy2LABKe6HdetAXgSTCcFsWLECOAV33uk0jHkj+PkJ7ZUMqK9vQwekvaaGvv0uqKx0PmAPZGcLLeUfcO+915f7fJTqWXIyLFzYdgZuMcdhwQIhUpbAokXX6WFPPQ3Z2Qh2wvDhzifacQgJESJ5iSM0uYT7Drg6ZHvkOTx9ADQNGA1VVchzPSE8XGh/cQzxL76EGTMQDQNg1SqQ2Y73b9YkR5v04d+li5K+vkoaDA6Ff/ENu11JvfdZLEpevqyk2ezQQDZjknvAbkcap8KsWUJ74j+wenUjvc9CeTnwDQQHA7lqRJ1bpkaA0rvNHHDVETJ1CuTnA7+HQYMafXI+PP880jAQ+vVDmP8Ar7128y/pBg0NVTI4WEkfH0/bdmOsViX13qmP3ubCxW018PHHcKULFBSoDrJs2bX65ucL8WwlDBnibqu8PVdIVDtiI9c6QE6FTz9FmIfeOJbrhu3eXUnd4MLjzuAaer36RKkvHEwmJc+dU1J3lE5dALz6KgjV02Hotc/t78NXXwHPeWRFT9WR9hUfQEAAwiYgJwcIgn79bl4iKEjJXr2UbCoMdQQ2m5JnziipO+amvAUFBUhrEiQkCO3FDc5w5zot7nVSrpyvlom26XD48PUxvkcPJV1Zqv6aKCtTUt+z6HOHY47A2g/i4oR4wU+FJs9ohV4YsA4WL3YaXg8l0dFK3mqG19FDla6H3ql0PcPTlN4tw2MHSLk1FQYMgOowGD3aaXh9bdy1a8cZrzUJDLxWL13P6rUwbpyUmcuhf39Pv+75CJB1CZCWBvbZqlEREepB4/TA/xL6YkHX0/a00tv0Paxc6elX3XaAShl06YKofVltRPR1+q0aatxF11PXu7YQ7rnnql3cxP0RIEz9Vc5Ez8lERjoeNDmhl5ZeuODnB4WFFy4kJkJ1dV1do418h1FVZTL5+EBBQUnJ4MFQUVFbO3RoUyV0PXv2VNJhB2EqgXnz3K3fgxBk2aayg3qoaTphtXHjpk0REbB9+759KSkQEzN27LffQkDAffedOgVFRSZTSkp7mPpa9u8/cCA4GD77bOXKkSMhKmrs2OxsCAtLTDx0CAoLLZbU1Ka+cNttSup2sHwMjz3mbjs8cID5CPTp01zIOX369GmjEbKyvvsuNBQiIqKiYmJACCGEAE3z8vLygsuXfXwmTgSr1Wptj52BxWKxaBqkp3/9dffuEBQUHh4ZCb6+fn6Nu1JISEzMuHFQUnLmjNHY1Bd1O9SPgr5928wB0p5zQO0mvR9SeRm9B9yY8vKKCoMBfHx8fQ0GyM7esWPLFsjLy8ratQsKCnJysrNh+/a0tOXLnaGgrTGZqqt9fMBqbWjw9oaffiooOHYMsrLWr1+zBoqLjx7Nz4f09I8+WrgQysvLy/Us1I3R7aD9FQwGaU9f58xbNY8bqYgzf1YbrsA5jjVxt6bejoqKiqqthddfX7589WqwWMxmsxmWLHnhhaeecr4XHBwcbLVCaGhoqJ4+a0tCQ0NCLBZ48sl58956CwYNSkx89FF4++0JE5KSVDvr6sDLy9tbSpg0aeTIK1dc+XLgi475YbZzWfrjj82VcmPQe+9Xw821mT4sTBnUYikpWbwYDh7cuXPDBufz8PDw8Pp6mD171qySEtA0IRrnKevqzGYvL9ixIyPjRscc6enr1/fsCYcO5eY23nGcP19a6ucHmzdv3aovGK9RWNM0KSEy0s9v6VLIycnIWLPGaXh/f6PRZoMZM6ZPP3vWnY7R2C6uH8y4MQLsJ9V23O+462UgKqpr15UroXfvESMARo+Oj/f2Bn9/f/+mkrb19fX1mgaZmbt2hYdDXFz//jU1EBgYGGi1Ql5efn7XrnDy5MmTXbpA7969el254pxcL1woK9PzrDeiW7eAgH37nHLIkPfe8/YGo9FobGhQc5U7ejpDUW2kYyRUuFLK5Uqk/NcqldcJHABnz7rXOM/ZtEn15Kys3btDQ0FKNU5iY0NCjEaw24VoaICTJy9etFjUnCMlzJmTnFxcDH379ulTW9terQWoegaio4UYdRiKi5t7240QlDTTkZha4s6RW0uZOHH8+NJSCAgwGqWEceN69IiKgilTIiLi4mDatG7dBg2C2NigoMBAGD48IaGqqiMML55Whz6mPzozqs3jsgPUkLTbQWxyZXJpbeLjBw+uqYGDBy9dKiuDhgYp7XaorKyvN5vh1Kmff66pgYSEYcOaTSS3CTIWTpzQLxm4WsqDAxk5DDIzkYRASMhNXxMkOyamD1ojTfHww2PGnD0LJ04UFhqNsGxZUVFuLpjNaiaJj1eGj46Ojm7fnn+VPbB3r7uF2uwUSsVqTYOcS7BpE3DKcb+mReiT8+HDR48GBoKfn8Fgs8GAAXfdVVMDQnTQQY+UGowfL7TfxsO2ba4Wa8GRZNPoIUvKA6fBtZW0KxgMBoPd3pGh5jo2Q0UF+BdAZqa7hT12gJQ5OTBzJsh34OWXb/DKEkcIqoDY2I62UvOIZBW75TRYuxbY4+INvn9Dbq7QBpidNzHcqNXT5kqZK9U5ry0WiopArr2lzwKkeB42bhRaQg5MmtRe1Xo8AoQYKsBkkjJnuvOi1YcftlfDWx3BeRg6VI3sYcPUyG4iyMmgaDh3Tmh9P23JsrwVDuUdk608OBJ27kTIxfDQQx1jxXZA8iZkZ4NYDA88ILSEu6+/yuI6rbYKkvLQHnXXx9YXDh4EzkC3bi3+8K8GMQ3KypA2oa6hDC9qjYxAqy3ZhBg2As6fBz6BBx+82uBbn28coSgdxoxpLcPrtOE+YP86dVVPe1Oti+XXzmO8NqFIpQBkGsydixS+UFPTcguJd6G4WIiEBLXYaF3a+DogSHv+G2onbMmAL79EsAqSktqgqr/B0qVC3J3myY8SHUWbO0BHyvR08PJCRsVAcjKCN+Hdd2mlVAXOUPGi41r5DBeuFwKMgspK5OVXYcsW/ceN9rJLuzngl0j7DzEQGIjQUuCll5BMgdmzEVQ6b6O1CX+HkhIgElJTkfXPqD9mRoS1Sshykw5zwC9Ry1khIAdITAR5BJKSkOJxuP9+BBNg4EBgAoSFNfGpaNWjxSTIywPiYP9+4GnYsQMRnwB796pUSXP/CrQ9vxoHuIpz35H3u2uzsabvoKqqvUNIJ5100kknnXjKfwGX7B4gTpCqegAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOC0xMC0yNVQxNDowNzoyMSswODowMJa0u+cAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTgtMTAtMjVUMTQ6MDc6MjErMDg6MDDn6QNbAAAAenRFWHRzdmc6YmFzZS11cmkAZmlsZTovLy9ob21lL2FkbWluL2ljb24tZm9udC90bXAvaWNvbl9nYTZyZ2t4Y21tYS8lRTUlOEQlQTElRTklODAlOUElRTUlQTQlQjQlRTUlODMlOEYlRTglQTElQTglRTYlODMlODU4LnN2Z7bV1VIAAAAASUVORK5CYII="},FK47:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{ref:"slide",staticClass:"cube-slide"},[a("div",{ref:"slideGroup",staticClass:"cube-slide-group"},[t._t("default",t._l(t.data,function(e,i){return a("cube-slide-item",{key:i,attrs:{item:e},nativeOn:{click:function(a){t.clickItem(e,i)}}})}))],2),t._v(" "),t.showDots?a("div",{staticClass:"cube-slide-dots"},[t._t("dots",t._l(t.dots,function(e,i){return a("span",{key:i,class:{active:t.currentPageIndex===i}})}),{current:t.currentPageIndex,dots:t.dots})],2):t._e()])},staticRenderFns:[]}},FTiD:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{staticClass:"option-demo",attrs:{type:"input-view",title:"Input"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-input",{attrs:{type:t.type,placeholder:"please type here...",disabled:t.disabled,readonly:t.readonly,clearable:t.clearable,autocomplete:!0,eye:t.eye},model:{value:t.value,callback:function(e){t.value=e},expression:"value"}}),t._v(" "),a("div",{staticClass:"value"},[t._v("value: "+t._s(t.value))]),t._v(" "),a("div",{staticClass:"options"},[a("div",{staticClass:"option-list"},[a("div",{staticClass:"group"},[a("switch-option",{staticClass:"item",attrs:{name:"disabled",value:t.disabled},on:{"update:value":t.updateDisabled}})],1),t._v(" "),a("div",{staticClass:"group"},[a("switch-option",{staticClass:"item",attrs:{name:"readonly",value:t.readonly},on:{"update:value":t.updateReadonly}})],1),t._v(" "),a("div",{staticClass:"group"},[a("switch-option",{staticClass:"item",attrs:{name:"clearable",value:t.useClear},on:{"update:value":t.updateUseClear}}),t._v(" "),t.useClear?a("switch-option",{staticClass:"item",attrs:{name:"blur hiden",value:t.clearBlurHidden},on:{"update:value":t.updateBlurHidden}}):t._e()],1),t._v(" "),a("div",{staticClass:"group"},[a("switch-option",{staticClass:"item",attrs:{name:"password",value:t.isPwd},on:{"update:value":t.updatePwd}}),t._v(" "),t.isPwd?a("switch-option",{staticClass:"item",attrs:{name:"show eye",value:t.showEye},on:{"update:value":t.updateShowEye}}):t._e(),t._v(" "),t.isPwd&&t.showEye?a("switch-option",{staticClass:"item",attrs:{name:"reverse",value:t.reverse},on:{"update:value":t.updateReverse}}):t._e(),t._v(" "),t.isPwd&&t.showEye?a("switch-option",{staticClass:"item",attrs:{name:"password visible",value:t.pwdVisible},on:{"update:value":t.updatePwdVisible}}):t._e()],1)])])],1)])},staticRenderFns:[]}},FZvW:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("XPXN")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={data:function(){return{current:"快车",labels:["快车","小巴","专车","顺风车","代驾","公交","自驾租车","豪华车","二手车","出租车"],txts:["1快车","2小巴","3专车","4顺风车","5代驾","6公交","7自驾租车","8豪华车","9二手车","10出租车"]}},methods:{changeHandler:function(t){this.current=t}},components:{CubePage:i.default}},t.exports=e.default})},Fc4T:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("XPXN")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a),n=["😀 😁 😂 🤣 😃 🙃 ","👆🏻 outer 👇🏻 ","🙂 🤔 😄 🤨 😐 🙃 ","👆🏻 outer 👇🏻 ","😔 😕 🙃 🤑 😲 ☹️ "],c=["😀 😁 😂 🤣 😃 🙃 ","👆🏻 inner 👇🏻 ","🙂 🤔 😄 🤨 😐 🙃 ","👆🏻 inner 👇🏻 ","😔 😕 🙃 🤑 😲 ☹️ ","👆🏻 inner 👇🏻 ","🐣 🐣 🐣 🐣 🐣 🐣 ","👆🏻 inner 👇🏻 ","🐥 🐥 🐥 🐥 🐥 🐥 ","👆🏻 inner 👇🏻 ","🤓 🤓 🤓 🤓 🤓 🤓 ","👆🏻 inner 👇🏻 ","🦔 🦔 🦔 🦔 🦔 🦔 ","👆🏻 inner 👇🏻 ","🙈 🙈 🙈 🙈 🙈 🙈 ","👆🏻 inner 👇🏻 ","🚖 🚖 🚖 🚖 🚖 🚖 ","👆🏻 inner 👇🏻 ","✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 "];e.default={data:function(){return{items1:n,items2:c}},components:{CubePage:i.default}},t.exports=e.default})},FccO:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("li",{staticClass:"cube-drawer-item border-bottom-1px",class:t.itemClass,on:{click:function(e){t.clickItem(t.item)}}},[t._t("default",[t._v("\n "+t._s(t.item.text||t.item)+"\n ")])],2)},staticRenderFns:[]}},FmUO:function(t,e,a){function i(t){a("sVin")}var n=a("VU/8")(a("NEEv"),a("D9Go"),i,null,null);t.exports=n.exports},Fth0:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("XPXN"),a("O6S8"),a("Mr73")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=c(a),u=c(i),o=c(n);e.default={components:{CubePage:l.default,CubeButtonGroup:u.default,CubeView:o.default},methods:{goTo:function(t){this.$router.push("/sticky/"+t)}}},t.exports=e.default})},FzF9:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("li",{staticClass:"cube-index-list-item",class:t.itemClass,on:{touchstart:t.addActiveCls,touchend:t.removeActiveCls,click:function(e){t.selectItem()}}},[t._t("default",[a("div",{staticClass:"cube-index-list-item-def border-bottom-1px"},[t._v("\n "+t._s(t.item.name)+"\n ")])])],2)},staticRenderFns:[]}},FzTc:function(t,e){},"G59/":function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("qqiS"),a("PzHl"),a("Z5VE"),a("d64j")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n,c){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=l(a),o=l(i),s=l(n),r=l(c);e.default={name:"cube-toast",mixins:[s.default,r.default],props:{type:{type:String,default:"loading"},icon:{type:String,default:""},mask:{type:Boolean,default:!1},txt:{type:String,default:""},time:{type:Number,default:3e3},zIndex:{type:Number,default:900}},computed:{iconClass:function(){var t=[];this.icon&&t.push(this.icon);var e={correct:"cubeic-right",error:"cubeic-wrong",warn:"cubeic-warn"},a=e[this.type];return a&&t.push(a),t},isLoading:function(){return"loading"===this.type}},methods:{maskClick:function(){this.maskClosable&&this.hide()},show:function(){var t=this;this.isVisible=!0,this.clearTimer(),this.$nextTick(function(){0!==t.time&&(t.timer=setTimeout(function(){t.hide(),t.$emit("timeout")},t.time))})},hide:function(){this.isVisible=!1,this.clearTimer()},clearTimer:function(){clearTimeout(this.timer),this.timer=null}},components:{CubePopup:o.default,CubeLoading:u.default}},t.exports=e.default})},G9D9:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"sticky-view-scroll",title:"Sticky"}},[a("template",{slot:"content"},[a("div",{staticClass:"sticky-view-container"},[a("cube-sticky",{attrs:{pos:t.scrollY},scopedSlots:t._u([{key:"fixed",fn:function(e){return[a("ul",{staticClass:"sticky-header"},[a("li",[t._v(t._s(e.current))])])]}}])},[a("cube-scroll",{attrs:{"scroll-events":t.scrollEvents},on:{scroll:t.scrollHandler}},[a("ul",[a("li",[t._v("title")])]),t._v(" "),a("cube-sticky-ele",{attrs:{"ele-key":"11"}},[a("ul",{staticClass:"sticky-header"},[a("li",[t._v("111")])])]),t._v(" "),a("ul",t._l(t.items,function(e){return a("li",[t._v(t._s(e))])})),t._v(" "),a("cube-sticky-ele",{attrs:{"ele-key":"22"}},[a("ul",{staticClass:"sticky-header"},[a("li",[t._v("222")]),t._v(" "),a("li",[t._v("222")])])]),t._v(" "),a("ul",t._l(t.items2,function(e){return a("li",[t._v(t._s(e))])})),t._v(" "),a("cube-sticky-ele",{attrs:{"ele-key":"33"}},[a("ul",{staticClass:"sticky-header"},[a("li",[t._v("333")])])]),t._v(" "),a("ul",t._l(t.items3,function(e){return a("li",[t._v(t._s(e))])}))],1)],1)],1)])],2)},staticRenderFns:[]}},GFMH:function(t,e,a){function i(t){a("befj")}var n=a("VU/8")(a("/kdh"),a("EI6/"),i,null,null);t.exports=n.exports},GJyM:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("XPXN"),a("O6S8"),a("Mr73")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=c(a),u=c(i),o=c(n);e.default={components:{CubePage:l.default,CubeButtonGroup:u.default,CubeView:o.default},methods:{goTo:function(t){this.$router.push("/slide/"+t)}}},t.exports=e.default})},GXMy:function(t,e){},GcL8:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-upload"},[t._t("default",[a("div",{staticClass:"cube-upload-def clear-fix"},[t._l(t.files,function(e,i){return a("upload-file",{key:i,attrs:{file:e},on:{click:t.fileClick}})}),t._v(" "),a("upload-btn",{directives:[{name:"show",rawName:"v-show",value:t.isShowBtn,expression:"isShowBtn"}],attrs:{multiple:t.multiple,accept:t.accept}})],2)])],2)},staticRenderFns:[]}},Gcl4:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("XPXN"),a("dz9r")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=n(a),l=n(i);e.default={data:function(){return{action:{target:"//jsonplaceholder.typicode.com/photos/",prop:"base64Value",checkSuccess:function(t){return!0}}}},methods:{processFile:function(t,e){(0,l.default)(t,{compress:{width:1600,height:1600,quality:.5}},e)},fileSubmitted:function(t){t.base64Value=t.file.base64}},components:{CubePage:c.default}},t.exports=e.default})},"Gn4+":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("transition",{attrs:{name:"cube-picker-fade"}},[a("cube-popup",{directives:[{name:"show",rawName:"v-show",value:t.isVisible,expression:"isVisible"}],attrs:{type:"picker",mask:!0,center:!1,"z-index":t.zIndex},on:{touchmove:function(t){t.preventDefault()},"mask-click":t.maskClick}},[a("transition",{attrs:{name:"cube-picker-move"}},[a("div",{directives:[{name:"show",rawName:"v-show",value:t.isVisible,expression:"isVisible"}],staticClass:"cube-picker-panel cube-safe-area-pb",on:{click:function(t){t.stopPropagation()}}},[a("div",{staticClass:"cube-picker-choose border-bottom-1px"},[a("span",{staticClass:"cube-picker-cancel",on:{click:t.cancel}},[t._v(t._s(t._cancelTxt))]),t._v(" "),a("span",{staticClass:"cube-picker-confirm",on:{click:t.confirm}},[t._v(t._s(t._confirmTxt))]),t._v(" "),a("div",{staticClass:"cube-picker-title-group"},[a("h1",{staticClass:"cube-picker-title",domProps:{innerHTML:t._s(t.title)}}),t._v(" "),t.subtitle?a("h2",{staticClass:"cube-picker-subtitle",domProps:{innerHTML:t._s(t.subtitle)}}):t._e()])]),t._v(" "),a("div",{staticClass:"cube-picker-content"},[a("i",{staticClass:"border-bottom-1px"}),t._v(" "),a("i",{staticClass:"border-top-1px"}),t._v(" "),a("div",{ref:"wheelWrapper",staticClass:"cube-picker-wheel-wrapper"},t._l(t.finalData,function(e,i){return a("div",{key:i,style:{order:t._getFlexOrder(e)}},[a("ul",{staticClass:"cube-picker-wheel-scroll"},t._l(e,function(e,i){return a("li",{key:i,staticClass:"cube-picker-wheel-item",domProps:{innerHTML:t._s(e[t.textKey])}})}))])}))]),t._v(" "),a("div",{staticClass:"cube-picker-footer"})])])],1)],1)},staticRenderFns:[]}},Gp4f:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("gLZT")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a){"use strict";function i(t,e){(0,n.default)(t,e,["confirm","cancel","close","btn-click","link-click"],!0)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=i;var n=function(t){return t&&t.__esModule?t:{default:t}}(a);t.exports=e.default})},"H+BD":function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("XPXN"),a("O6S8"),a("1Vb/"),a("5Fev")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n,c){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=l(a),o=l(i),s=l(n),r=l(c);e.default={data:function(){return{disabled:!1,max:5,value:3,image:"https://p3.pstatp.com/large/593c0006340abbabefa0",customStar:!1,justify:!1,options:[{text:"5",value:5},{text:"10",value:10}]}},methods:{updateDisabled:function(t){this.disabled=t},updateStarNumbers:function(t){this.max=t},updateJustify:function(t){this.justify=t},updateRateItem:function(t){this.customStar=t}},components:{CubePage:u.default,CubeButtonGroup:o.default,SwitchOption:s.default,SelectOption:r.default}},t.exports=e.default})},"H61/":function(t,e,a){function i(t){a("y7n+")}var n=a("VU/8")(a("gAqf"),a("vEm4"),i,null,null);t.exports=n.exports},HBJ7:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("qqiS")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);i.default.install=function(t){t.component(i.default.name,i.default)},e.default=i.default,t.exports=e.default})},"HT+y":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"tip-view",title:"Tip"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("p",{staticClass:"tip-eg"},[a("cube-button",{attrs:{inline:!0,outline:!0,primary:!0},on:{click:function(e){t.$refs.tip.show()}}},[t._v("Show tip")]),t._v(" "),a("cube-tip",{ref:"tip",staticStyle:{left:"115px",top:"-50px"},attrs:{direction:"bottom"}},[t._v("Tip")])],1),t._v(" "),a("p",{staticClass:"tip-eg"},[a("cube-button",{attrs:{inline:!0,outline:!0,primary:!0},on:{click:function(e){t.showTip("bottom")}}},[t._v("cube-ui")]),t._v(" "),a("cube-tip",{ref:"tip2",style:t.tipStyle,attrs:{direction:t.direction},on:{close:t.close,click:t.clickHandler}},[a("div",[t._v("Awesome!")])])],1),t._v(" "),a("cube-button",{on:{click:function(e){t.showTip("bottom")}}},[t._v("top")]),t._v(" "),a("cube-button",{on:{click:function(e){t.showTip("top")}}},[t._v("bottom")]),t._v(" "),a("cube-button",{on:{click:function(e){t.showTip("right")}}},[t._v("left")]),t._v(" "),a("cube-button",{on:{click:function(e){t.showTip("left")}}},[t._v("right")])],1)])},staticRenderFns:[]}},HgDQ:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("70Rd"),a("GdJY"),a("64cm")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=n(a),l=n(i);c.default.registerLanguage("json",l.default),e.default={props:{data:{type:Object,default:function(){return{}}},title:{type:String,default:""}},data:function(){return{changed:!0}},watch:{data:{handler:function(){var t=this;this.changed=!1,this.$nextTick(function(){t.changed=!0,t.$nextTick(function(){t.$refs.code&&c.default.highlightBlock(t.$refs.code)})})},deep:!0}},mounted:function(){this.$refs.code&&c.default.highlightBlock(this.$refs.code)}},t.exports=e.default})},HgRm:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{directives:[{name:"show",rawName:"v-show",value:t.isVisible,expression:"isVisible"}],staticClass:"cube-drawer",on:{click:t.drawerClick}},[a("div",{staticClass:"cube-drawer-main",style:t.slideStyle,on:{click:function(t){t.stopPropagation()},transitionend:t.transitionend}},[a("div",{directives:[{name:"show",rawName:"v-show",value:t.$slots.title||t.title,expression:"$slots.title || title"}],staticClass:"cube-drawer-title"},[t._t("title",[t._v(t._s(t.title))])],2),t._v(" "),a("div",{staticClass:"cube-drawer-panels",on:{transitionend:function(t){t.stopPropagation()}}},[t._t("default",t._l(t.data,function(t,e){return a("cube-drawer-panel",{key:e,attrs:{index:e,data:t}})}))],2)])])},staticRenderFns:[]}},"I+KE":function(t,e){},I3p6:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"checker-view",title:"Checker"}},[a("template",{slot:"content"},[a("p",[t._v("default usage")]),t._v(" "),a("br"),t._v(" "),a("cube-checker",{attrs:{options:t.checkboxOptions},model:{value:t.checkboxCheckerList,callback:function(e){t.checkboxCheckerList=e},expression:"checkboxCheckerList"}}),t._v(" "),a("br"),t._v(" "),a("p",[t._v("checker value : "+t._s(t.checkboxCheckerList))]),t._v(" "),a("br"),a("br"),t._v(" "),a("p",[t._v("type: radio")]),t._v(" "),a("br"),t._v(" "),a("cube-checker",{attrs:{options:t.radioOptions,type:"radio"},model:{value:t.checkerValue,callback:function(e){t.checkerValue=e},expression:"checkerValue"}}),t._v(" "),a("br"),t._v(" "),a("p",[t._v("checker value : "+t._s(t.checkerValue))]),t._v(" "),a("br"),a("br"),t._v(" "),a("p",[t._v("use slot")]),t._v(" "),a("br"),t._v(" "),a("cube-checker",{attrs:{options:t.radioOptions,type:"radio"},model:{value:t.checkerValue,callback:function(e){t.checkerValue=e},expression:"checkerValue"}},t._l(t.radioOptions,function(e){return a("cube-checker-item",{key:e.value,attrs:{option:e}},[a("span",{staticClass:"orange"},[a("i",{staticClass:"cubeic-alert"}),t._v(t._s(e.text))])])})),t._v(" "),a("br"),t._v(" "),a("p",[t._v("checker value : "+t._s(t.checkerValue))]),t._v(" "),a("br"),a("br"),t._v(" "),a("p",[t._v("set min and max")]),t._v(" "),a("br"),t._v(" "),a("cube-checker",{attrs:{options:t.checkboxOptions,min:1,max:2},model:{value:t.defaultCheckerList,callback:function(e){t.defaultCheckerList=e},expression:"defaultCheckerList"}}),t._v(" "),a("br"),t._v(" "),a("p",[t._v("checker value : "+t._s(t.defaultCheckerList)+" (min: 1 max: 2)")]),t._v(" "),a("br"),a("br")],1)],2)},staticRenderFns:[]}},I3ux:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"recycle-list",title:"RecycleList"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"view-wrapper"},[a("cube-recycle-list",{staticClass:"list",attrs:{infinite:t.infinite,size:t.size,"on-fetch":t.onFetch},scopedSlots:t._u([{key:"tombstone",fn:function(e){return[a("div",{staticClass:"item tombstone"},[a("div",{staticClass:"avatar"}),t._v(" "),a("div",{staticClass:"bubble"},[a("p"),t._v(" "),a("p"),t._v(" "),a("p"),t._v(" "),a("div",{staticClass:"meta"},[a("time",{staticClass:"posted-date"})])])])]}},{key:"item",fn:function(e){var i=e.data;return[a("div",{staticClass:"item",attrs:{id:i.id},on:{click:function(e){t.handleClick(i)}}},[a("div",{staticClass:"avatar",style:{backgroundImage:"url("+(i.avatar||"")+")"}}),t._v(" "),a("div",{staticClass:"bubble"},[a("p",[t._v(t._s(i.msg))]),t._v(" "),a("div",{staticClass:"meta"},[a("time",{staticClass:"posted-date"},[t._v(t._s(i.time))])])])])]}}])},[a("div",{attrs:{slot:"noMore"},slot:"noMore"},[t._v("没有更多数据了")])])],1)])])},staticRenderFns:[]}},"I6++":function(t,e){},"I6+Q":function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("gLZT")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a){"use strict";function i(t,e){(0,n.default)(t,e,["change","hide"],!0)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=i;var n=function(t){return t&&t.__esModule?t:{default:t}}(a);t.exports=e.default})},I7KL:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("XPXN")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={data:function(){return{checkList:["1","4"],options:["1","2",{label:"3",value:"3",disabled:!0},{label:"4",value:"4",disabled:!0}]}},components:{CubePage:i.default}},t.exports=e.default})},IBoP:function(t,e){},IIbQ:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"scroll-nav",title:"ScrollNav"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:function(e){t.goTo("default")}}},[t._v("Default")]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("side")}}},[t._v("Side Style")])],1),t._v(" "),a("cube-view")],1)])},staticRenderFns:[]}},IWr1:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"input-option"},[a("span",{staticClass:"name"},[t._v(t._s(t.name))]),t._v(" "),a("input",{directives:[{name:"model",rawName:"v-model",value:t.inputValue,expression:"inputValue"}],attrs:{type:"text"},domProps:{value:t.inputValue},on:{input:function(e){e.target.composing||(t.inputValue=e.target.value)}}})])},staticRenderFns:[]}},Idn0:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-radio-group",class:t._groupClass,attrs:{"data-horz":t.horizontal}},[t._t("default",t._l(t.options,function(e,i){return a("cube-radio",{key:i,attrs:{option:e,position:t.position,"hollow-style":t.hollowStyle},model:{value:t.radioValue,callback:function(e){t.radioValue=e},expression:"radioValue"}})}))],2)},staticRenderFns:[]}},Il0v:function(t,e){},IskU:function(t,e,a){var i,n,c;!function(a,l){n=[e],i=l,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.defaultData=[{item:{text:"测试1",value:1},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{text:"测试2",value:2},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{text:"测试3",value:3},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{text:"测试",value:4},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{text:"测试",value:5},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{text:"测试",value:6},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{text:"测试",value:7},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{text:"测试",value:8},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{text:"测试",value:9},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{text:"测试",value:10},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{text:"测试",value:11},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{text:"测试",value:12},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{text:"测试",value:13},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{text:"测试",value:14},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{text:"测试",value:15},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{text:"测试",value:16},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{text:"测试",value:17},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{text:"测试",value:18},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{text:"测试",value:19},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{text:"测试",value:20},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{text:"测试",value:21},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{text:"测试",value:22},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{text:"测试",value:23},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{text:"测试",value:24},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]}],t.customData=[{item:{id:"3646653877",name:"还不是因为你长得不好看",desc:"伤感：歌词再狠，也抵不过现实伤人",imgurl:"http://p.qpic.cn/music_cover/MhQ4bJBPt3Yt5icXyBGNhyPJnE9O51CqaN72iaDgvFmDKaia12UFhU5uQ/600?n=1"},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{id:"1789676645",name:"秋水浮萍任飘渺",desc:"『武侠配乐』快意恩仇江湖情",imgurl:"http://p.qpic.cn/music_cover/8KfvDey9cibtZ5xkWxRic6vhXgdPic3wnB7reibI4pdPQBCP8u57uqcjsQ/600?n=1"},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{id:"3649034125",name:"念葳蕊",desc:"江海迦：热恋后哼一首歌为自己悲悯的歌",imgurl:"http://p.qpic.cn/music_cover/jXFicBvicUcfIWSoCNT1OrbAoHG2fqqnrJVnGV4iaLCapWUpCKqbmAicJg/600?n=1"},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{id:"2977781451",name:"风少",desc:"午后甜点：静听浓情爵士，于悠然中尽享",imgurl:"http://p.qpic.cn/music_cover/llTQ9l2AeicK2OLIORnsUdtbhlNRGF89NBDI6SoBxEIzhAlrmV1SmGg/600?n=1"},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{id:"2691498608",name:"虛榮少女",desc:"感性强盗｜强势洗榜的那些韩国抒情音乐",imgurl:"http://p.qpic.cn/music_cover/icLTHicH8iakBFAJbiazGT3DnywHfOoiaVzdZWJ4pVcDdoVCqlU5hLx8K7A/600?n=1"},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{id:"3703029362",name:"哔咯独角兽",desc:"温情摇滚｜安抚夜色弥漫时落寞的心",imgurl:"http://p.qpic.cn/music_cover/0yiaX8d9LSmnROyId1RsUUwklzSKKp7RSanBAJ89We5I4kMwdnH5yeg/600?n=1"},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{id:"3606666961",name:"毕业雨季",desc:"小资情调：何为亏欠文艺青年心中的体面",imgurl:"http://p.qpic.cn/music_cover/SXTicaprnQbfAyiaibTsguPlPQK4ZBwicp09O22qKwnTJaO10kp2le37Ww/600?n=1"},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{id:"3604823742",name:"冷门单曲酱",desc:"放假挤火车回家：等车时的轻快曲",imgurl:"http://p.qpic.cn/music_cover/lricrZ3ca62ybvZbWYjtYa9d3Biab7MTiaJhX9owcjdkv5HMxDEunm7tg/600?n=1"},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{id:"1746389460",name:"私に闻いて风i",desc:"追忆续篇：少女漫中关于邂逅他的故事",imgurl:"http://p.qpic.cn/music_cover/qH8rLHHhL8O8Iibm56uPzJy4mNzibugoib19FAujo6GdTXAAvhicw7Js0Q/600?n=1"},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{id:"1746020155",name:"同位",desc:"优雅的音乐贵族 大提琴",imgurl:"http://p.qpic.cn/music_cover/e4us58fDgLVdxdbgmSUdTADM7Sl88AfGK3qQqibxmqpqRnmSGHaFaEQ/600?n=1"},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{id:"2949232733",name:"香草拿铁",desc:"超级碗中场秀嘉宾歌曲集",imgurl:"http://p.qpic.cn/music_cover/V34Wl85ZuJRskg3Ds3R8yyddp8gI2icb7wXicN8ZEzJZP0icnwHyzNzhQ/600?n=1"},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{id:"3691421503",name:"L岺",desc:"寒假赖床指南:吸猫！吸猫！吸猫！",imgurl:"http://p.qpic.cn/music_cover/Ay2w92PeiaO57pZWMwecv6SEWibhUAoWKzkmWgbtcfCsibQYt8bZtq2PA/600?n=1"},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]},{item:{id:"2072789141",name:"D.Va",desc:"中国风电音：敢问上天，是否有仙？",imgurl:"http://p.qpic.cn/music_cover/QlZibnBVmII60BjTttickJO9MTQDoTRFvboeks5LDkOJHNEjao8f9t6Q/600?n=1"},btns:[{action:"clear",text:"不再关注",color:"#c8c7cd"},{action:"delete",text:"删除",color:"#ff3a32"}]}]})},IuA7:function(t,e){},Iyug:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("Z5VE"),a("bh5B"),a("5KkG")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=c(a),u=c(i),o=c(n);e.default={name:"cube-drawer-panel",mixins:[l.default],props:{data:{type:Array,default:function(){return[]}},index:{type:Number,default:-1}},computed:{selectedIndex:function(){var t=this.$parent.selected[this.index];return void 0===t?-1:t}},watch:{data:function(){this.scrollToTop()},isVisible:function(){var t=this;this.$nextTick(function(){t.refresh()})}},mounted:function(){this.$parent.addPanel(this)},beforeDestroy:function(){this.$parent.removePanel(this)},methods:{refresh:function(){this.$refs.scroll.refresh()},scrollToTop:function(){this.$refs.scroll.scroll&&this.$refs.scroll.scroll.scrollTo(0,0,0)},itemClickHandler:function(t,e){this.selectedIndex!==e&&this.$parent.changeHandler(this.index,t,e)}},components:{CubeScroll:u.default,CubeDrawerItem:o.default}},t.exports=e.default})},IzGe:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("cube-cascade-picker",{ref:"cascadePicker",attrs:{title:"Date Picker",data:t.data,selectedIndex:t.selectedIndex},on:{select:t.select,cancel:t.cancel}})},staticRenderFns:[]}},J4wF:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("XPXN"),a("O6S8"),a("Mr73")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=c(a),u=c(i),o=c(n);e.default={components:{CubePage:l.default,CubeButtonGroup:u.default,CubeView:o.default},methods:{goTo:function(t){this.$router.push("/upload/"+t)}}},t.exports=e.default})},J9Iv:function(t,e){},JBFj:function(t,e,a){var i=a("VU/8")(a("BRD/"),a("Lc9/"),null,null,null);t.exports=i.exports},JG9D:function(t,e){},JHHX:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("O6S8"),a("XPXN")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=n(a),l=n(i);e.default={data:function(){return{buttonStyle:["inline","outline","primary"]}},computed:{inlineStyle:function(){return this.buttonStyle.indexOf("inline")>=0},outlineStyle:function(){return this.buttonStyle.indexOf("outline")>=0},primaryStyle:function(){return this.buttonStyle.indexOf("primary")>=0}},components:{CubeButtonGroup:c.default,CubePage:l.default}},t.exports=e.default})},JKih:function(t,e,a){function i(t){a("TVNN")}var n=a("VU/8")(a("Fc4T"),a("PN0K"),i,null,null);t.exports=n.exports},JOED:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("//Fk"),a("XPXN"),a("O6S8"),a("fGk3")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n,c){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=l(a),o=l(i),s=l(n),r=l(c);e.default={data:function(){return{validity:{},valid:void 0,model:{checkboxValue:!1,checkboxGroupValue:[],inputValue:"",radioValue:"",rateValue:0,selectValue:2018,switchValue:!0,textareaValue:"",uploadValue:[]},schema:{groups:[{legend:"基础",fields:[{type:"checkbox",modelKey:"checkboxValue",label:"Checkbox",props:{option:{label:"Checkbox",value:!0}},rules:{required:!0},messages:{required:"Please check this field"}},{type:"checkbox-group",modelKey:"checkboxGroupValue",label:"CheckboxGroup",props:{options:["1","2","3"]},rules:{required:!0}},{type:"input",modelKey:"inputValue",label:"Input",props:{placeholder:"请输入"},rules:{required:!0},trigger:"blur"},{type:"radio-group",modelKey:"radioValue",label:"Radio",props:{options:["1","2","3"]},rules:{required:!0}},{type:"select",modelKey:"selectValue",label:"Select",props:{options:[2015,2016,2017,2018,2019,2020]},rules:{required:!0}},{type:"switch",modelKey:"switchValue",label:"Switch",rules:{required:!0}},{type:"textarea",modelKey:"textareaValue",label:"Textarea",rules:{required:!0},debounce:100}]},{legend:"高级",fields:[{type:"rate",modelKey:"rateValue",label:"Rate",rules:{required:!0}},{type:"upload",modelKey:"uploadValue",label:"Upload",rules:{required:!0,uploaded:function(t,e){return u.default.all(t.map(function(t,e){return new u.default(function(a,i){if(t.uploadedUrl)return a();setTimeout(function(){e%2?i(new Error):(t.uploadedUrl="uploaded/url",a())},1e3)})})).then(function(){return!0})}},messages:{uploaded:"上传失败"}}]},{fields:[{type:"submit",label:"Submit"},{type:"reset",label:"Reset"}]}]},options:{scrollToInvalidField:!0,layout:"classic"}}},methods:{submitHandler:function(t){t.preventDefault(),console.log("submit",t)},validateHandler:function(t){this.validity=t.validity,this.valid=t.valid,console.log("validity",t.validity,t.valid,t.dirty,t.firstInvalidFieldIndex)},resetHandler:function(t){console.log("reset",t)}},components:{CubePage:o.default,CubeButtonGroup:s.default,JsonView:r.default}},t.exports=e.default})},JgmB:function(t,e,a){var i=a("VU/8")(a("Ba27"),a("fuAs"),null,null,null);t.exports=i.exports},"K/GD":function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("Mr73")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={data:function(){return{components:[{name:"Basic 基础组件",shortcut:"Basic",items:[{path:"/button",text:"Button"},{path:"/loading",text:"Loading"},{path:"/tip",text:"Tip"},{path:"/toolbar",text:"Toolbar"},{path:"/tab-bar",text:"TabBar"}]},{name:"Form 表单组件",shortcut:"Form",items:[{path:"/checkbox",text:"Checkbox"},{path:"/checkbox-group",text:"CheckboxGroup"},{path:"/checker",text:"Checker"},{path:"/radio",text:"Radio"},{path:"/input",text:"Input"},{path:"/textarea",text:"Textarea"},{path:"/select",text:"Select"},{path:"/switch",text:"Switch"},{path:"/rate",text:"Rate"},{path:"/validator",text:"Validator"},{path:"/upload",text:"Upload"},{path:"/form",text:"Form"}]},{name:"Popup 弹窗组件",shortcut:"Popup",items:[{path:"/popup",text:"Popup"},{path:"/toast",text:"Toast"},{path:"/picker",text:"Picker"},{path:"/cascade-picker",text:"CascadePicker"},{path:"/segment-picker",text:"SegmentPicker"},{path:"/date-picker",text:"DatePicker"},{path:"/time-picker",text:"TimePicker"},{path:"/dialog",text:"Dialog"},{path:"/action-sheet",text:"ActionSheet"},{path:"/drawer",text:"Drawer"},{path:"/image-preview",text:"ImagePreview"}]},{name:"Scroll 滚动组件",shortcut:"Scroll",items:[{path:"/scroll",text:"Scroll"},{path:"/slide",text:"Slide"},{path:"/index-list",text:"IndexList"},{path:"/swipe",text:"Swipe"},{path:"/sticky",text:"Sticky"},{path:"/scroll-nav-bar",text:"ScrollNavBar"},{path:"/scroll-nav",text:"ScrollNav"},{path:"/recycle-list",text:"RecycleList"}]}]}},components:{CubeView:i.default}},t.exports=e.default})},K5n8:function(t,e,a){var i,n,c;!function(a,l){n=[e],i=l,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var e=[{text:"剧毒",value:"剧毒"},{text:"蚂蚁",value:"蚂蚁"},{text:"幽鬼",value:"幽鬼"},{text:"主宰",value:"主宰"},{text:"卡尔",value:"卡尔"},{text:"宙斯",value:"宙斯"},{text:"巫医",value:"巫医"},{text:"巫妖",value:"巫妖"},{text:"神谕者",value:"神谕者"},{text:"撼地神牛",value:"神谕者"},{text:"蓝胖子",value:"蓝胖子"},{text:"水晶室女",value:"水晶室女"},{text:"莉娜",value:"莉娜"},{text:"斯拉克",value:"斯拉克"},{text:"斯拉达",value:"斯拉达"}],a=[{text:"输出",value:"输出"},{text:"控制",value:"控制"},{text:"核心",value:"核心"},{text:"爆发",value:"爆发"},{text:"辅助",value:"辅助"},{text:"打野",value:"打野"},{text:"逃生",value:"逃生"},{text:"先手",value:"先手"}],i=[{text:"梅肯",value:"梅肯"},{text:"秘法鞋",value:"秘法鞋"},{text:"假腿",value:"假腿"},{text:"飞鞋",value:"飞鞋"},{text:"辉耀",value:"辉耀"},{text:"金箍棒",value:"金箍棒"}],n=[{text:"顺丰",value:"顺丰"},{text:"中通",value:"中通"},{text:"圆通",value:"圆通"}];t.column1=e,t.column2=a,t.column3=i,t.expressData=n})},K9Wg:function(t,e){},KATl:function(t,e,a){function i(t){a("XjAD")}var n=a("VU/8")(a("tspx"),a("uzcz"),i,null,null);t.exports=n.exports},KIfi:function(t,e,a){function i(t){a("GXMy")}var n=a("VU/8")(a("C8H9"),a("9Vqu"),i,null,null);t.exports=n.exports},"KQ/n":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"form-def",title:"Form 表单"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-form",{attrs:{model:t.model,schema:t.schema,"immediate-validate":!1,options:t.options},on:{validate:t.validateHandler,submit:t.submitHandler,reset:t.resetHandler}}),t._v(" "),a("json-view",{attrs:{title:"model",data:t.model}}),t._v(" "),a("json-view",{attrs:{title:"validity",data:t.validity}})],1)])},staticRenderFns:[]}},KVex:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"drawer",title:"Drawer"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:function(e){t.goTo("default")}}},[t._v("Default")]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("custom")}}},[t._v("Custom")])],1),t._v(" "),a("cube-view")],1)])},staticRenderFns:[]}},KZW3:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("Gu7T"),a("XPXN"),a("o/OE")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=c(a),u=c(i),o=c(n);e.default={components:{CubePage:u.default},data:function(){return{title:"Current City: BEIJING",data:o.default,options:{pullDownRefresh:{stop:55}}}},methods:{selectItem:function(t){console.log(t.name)},clickTitle:function(t){console.log(t)},onPullingDown:function(){var t=this;setTimeout(function(){var e;(e=t.data[1].items).push.apply(e,(0,l.default)(o.default[1].items)),t.$refs.indexList.forceUpdate()},1e3)}}},t.exports=e.default})},Kjut:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("XPXN"),a("O6S8"),a("Mr73")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=c(a),u=c(i),o=c(n);e.default={components:{CubePage:l.default,CubeButtonGroup:u.default,CubeView:o.default},methods:{goTo:function(t){this.$router.push("/drawer/"+t)}}},t.exports=e.default})},Kjwe:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("1Zrt"),a("kjd8")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i){"use strict";function n(t){var e=c[t.type];e&&e(t)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=n;var c={submit:function(t){(0,i.toButtonHandler)(t,"submit")},reset:function(t){(0,i.toButtonHandler)(t,"reset")},checkbox:function(t){(0,a.boolRequiredHandler)(t)},switch:function(t){(0,a.boolRequiredHandler)(t)},rate:function(t){(0,a.numberGT0RequiredHandler)(t)}};t.exports=e.default})},Kprf:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"checkbox-view",title:"Checkbox"}},[a("template",{slot:"content"},[a("cube-checkbox",{model:{value:t.checked,callback:function(e){t.checked=e},expression:"checked"}},[t._v("Checkbox")]),t._v(" "),a("p",[t._v("checked value: "+t._s(t.checked))]),t._v(" "),a("cube-checkbox",{attrs:{position:"right",shape:"square","hollow-style":!0},model:{value:t.checked,callback:function(e){t.checked=e},expression:"checked"}},[t._v("Styled Checkbox")]),t._v(" "),a("br"),a("br"),t._v(" "),a("cube-checkbox",{attrs:{option:t.optionValue},model:{value:t.checked2,callback:function(e){t.checked2=e},expression:"checked2"}}),t._v(" "),a("p",[t._v("checked value (with option) : "+t._s(t.checked2))]),t._v(" "),a("cube-checkbox",{attrs:{option:{disabled:!0},"hollow-style":!0},model:{value:t.checked2,callback:function(e){t.checked2=e},expression:"checked2"}},[t._v("\n Disabled Checkbox\n ")]),t._v(" "),a("br"),a("br"),t._v(" "),a("cube-checkbox",{staticClass:"with-click",model:{value:t.checked2,callback:function(e){t.checked2=e},expression:"checked2"}},[t._v("\n Agree "),a("a",{attrs:{href:"javascript:;"},on:{click:function(t){t.stopPropagation()}}},[t._v("《xxx》")])])],1)],2)},staticRenderFns:[]}},KrQh:function(t,e,a){function i(t){a("dJ+B")}var n=a("VU/8")(a("AdWU"),a("9dOh"),i,null,null);t.exports=n.exports},"L+7R":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"multi-images-preview",title:"MultiImagesPreview"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"view-wrapper"},[a("div",{staticClass:"tips"},[t._v("Click Image")]),t._v(" "),a("div",{staticClass:"imgs-container"},t._l(t.imgs,function(e,i){return a("img",{key:e,attrs:{src:e},on:{click:function(e){t.handleImgsClick(i)}}})}))])])])},staticRenderFns:[]}},LFFy:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"sticky-view-wechat",title:"Sticky"}},[a("template",{slot:"content"},[a("div",{staticClass:"sticky-view-container"},[a("cube-sticky",{attrs:{pos:t.scrollY,"check-top":t.checkTop,"fixed-show-ani":"sticky-fixed-show"},on:{"diff-change":t.diffChange}},[a("cube-scroll",{attrs:{"scroll-events":t.scrollEvents},on:{scroll:t.scrollHandler}},[a("img",{attrs:{src:"https://ss3.bdstatic.com/iPoZeXSm1A5BphGlnYG/skin/6.jpg"}}),t._v(" "),a("cube-sticky-ele",[a("ul",{staticClass:"sticky-header"},[a("li",[t._v("111")])])]),t._v(" "),a("ul",t._l(t.items,function(e){return a("li",[t._v(t._s(e))])})),t._v(" "),a("ul",t._l(t.items2,function(e){return a("li",[t._v(t._s(e))])})),t._v(" "),a("ul",t._l(t.items3,function(e){return a("li",[t._v(t._s(e))])}))],1),t._v(" "),a("ul",{ref:"stickyHeader",staticClass:"sticky-header",attrs:{slot:"fixed"},slot:"fixed"},[a("li",[t._v("header")])])],1)],1)])],2)},staticRenderFns:[]}},LIRj:function(t,e,a){var i,n,c;!function(a,l){n=[e],i=l,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t){"use strict";function e(t){return t=String(t),t.replace(i,function(t,e){return e?e.toUpperCase():""})}function a(t){return t=String(t),t.replace(/([A-Z])/g,"-$1").toLowerCase()}Object.defineProperty(t,"__esModule",{value:!0}),t.camelize=e,t.kebab=a;var i=/-(\w)/g})},LLJH:function(t,e){},LXLj:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("//Fk"),a("XPXN"),a("O6S8"),a("fGk3")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n,c){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=l(a),o=l(i),s=l(n),r=l(c);e.default={data:function(){return{validity:{},valid:void 0,model:{checkboxValue:!1,checkboxGroupValue:[],inputValue:"",radioValue:"",rateValue:0,selectValue:2018,switchValue:!0,textareaValue:"",uploadValue:[]},schema:{groups:[{legend:"基础",fields:[{type:"checkbox",modelKey:"checkboxValue",label:"Checkbox",props:{option:{label:"Checkbox",value:!0}},rules:{required:!0},messages:{required:"Please check this field"}},{type:"checkbox-group",modelKey:"checkboxGroupValue",label:"CheckboxGroup",props:{options:["1","2","3"]},rules:{required:!0}},{type:"input",modelKey:"inputValue",label:"Input",props:{placeholder:"请输入"},rules:{required:!0},trigger:"blur"},{type:"radio-group",modelKey:"radioValue",label:"Radio",props:{options:["1","2","3"]},rules:{required:!0}},{type:"select",modelKey:"selectValue",label:"Select",props:{options:[2015,2016,2017,2018,2019,2020]},rules:{required:!0}},{type:"switch",modelKey:"switchValue",label:"Switch",rules:{required:!0}},{type:"textarea",modelKey:"textareaValue",label:"Textarea",rules:{required:!0},debounce:100}]},{legend:"高级",fields:[{type:"rate",modelKey:"rateValue",label:"Rate",rules:{required:!0}},{type:"upload",modelKey:"uploadValue",label:"Upload",rules:{required:!0,uploaded:function(t,e){return u.default.all(t.map(function(t,e){return new u.default(function(a,i){if(t.uploadedUrl)return a();setTimeout(function(){e%2?i(new Error):(t.uploadedUrl="uploaded/url",a())},1e3)})})).then(function(){return!0})}},messages:{uploaded:"上传失败"}}]},{fields:[{type:"submit",label:"Submit"},{type:"reset",label:"Reset"}]}]},options:{scrollToInvalidField:!0,layout:"fresh"}}},methods:{submitHandler:function(t){t.preventDefault(),console.log("submit",t)},validateHandler:function(t){this.validity=t.validity,this.valid=t.valid,console.log("validity",t.validity,t.valid,t.dirty,t.firstInvalidFieldIndex)},resetHandler:function(t){console.log("reset",t)}},components:{CubePage:o.default,CubeButtonGroup:s.default,JsonView:r.default}},t.exports=e.default})},"Lc9/":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-segment-picker"},t._l(t.data,function(e,i){return a(e.is||"cube-picker",t._b({key:i,ref:"pickers",refInFor:!0,tag:"component",attrs:{index:i,title:e.title||t.title,subtitle:e.subtitle||t.subtitle,"confirm-txt":e.confirmTxt||(i===t.data.length-1?t._confirmTxt:t._nextTxt),"cancel-txt":e.cancelTxt||(0===i?t._cancelTxt:t._prevTxt),"swipe-time":e.swipeTime||t.swipeTime,"z-index":e.zIndex||t.zIndex,"mask-closable":t.maskClosable},on:{select:t._select,cancel:t._cancel,change:t._change}},"component",e,!1))}))},staticRenderFns:[]}},LdqJ:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"switch-option"},[a("span",{staticClass:"name"},[t._v(t._s(t.name))]),t._v(" "),a("div",{staticClass:"switch-ellipse",class:{active:t.checked},on:{click:t.clickSwitch}},[a("span",{staticClass:"switch-circle",class:{active:t.checked}})])])},staticRenderFns:[]}},LeY8:function(t,e,a){var i,n,c;!function(a,l){n=[e],i=l,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.cascadeData=[{value:"Fruit",text:"Fruit",children:[{value:"Apple",text:"Apple",children:[{value:1,text:"One"},{value:2,text:"Two"}]},{value:"Orange",text:"Orange",children:[{value:3,text:"Three"},{value:4,text:"Four"}]},{value:"Lemon",text:"Lemon",children:[{value:1,text:"One"},{value:2,text:"Two"},{value:3,text:"Three"},{value:4,text:"Four"},{value:5,text:"Five"}]}]},{value:"Drink",text:"Drink",children:[{value:"Coffee",text:"Coffee",children:[{value:1,text:"One"},{value:2,text:"Two"},{value:3,text:"Three"}]},{value:"Tea",text:"Tea",children:[{value:1,text:"One"},{value:2,text:"Two"},{value:3,text:"Three"},{value:4,text:"Four"}]},{value:"Juice",text:"Juice",children:[{value:1,text:"One"},{value:2,text:"Two"},{value:3,text:"Three"}]}]},{value:"Dessert",text:"Dessert",children:[{value:"Chocolate",text:"Chocolate",children:[{value:1,text:"One"},{value:2,text:"Two"},{value:3,text:"Three"},{value:4,text:"Four"},{value:5,text:"Five"}]},{value:"cheese",text:"cheese",children:[{value:1,text:"One"},{value:2,text:"Two"},{value:3,text:"Three"},{value:4,text:"Four"}]},{value:"cake",text:"cake",children:[{value:1,text:"One"},{value:2,text:"Two"},{value:3,text:"Three"}]}]}]})},Lg4b:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("pFYg"),a("UFDc"),a("4KJe")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=c(a),u=c(n);e.default={name:"cube-select",mixins:[u.default],data:function(){return{active:!1}},props:{options:{type:Array,default:function(){return[]}},value:null,placeholder:{type:String,default:""},autoPop:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},title:{type:String,default:""},cancelTxt:{type:String,default:""},confirmTxt:{type:String,default:""}},computed:{adaptOptions:function(){return[this.options.map(function(t){return"object"!==(void 0===t?"undefined":(0,l.default)(t))&&(t={value:t,text:t}),t})]},valueIndex:function(){var t=this.value,e=(0,i.findIndex)(this.adaptOptions[0],function(e){return e.value===t});return this.picker&&this.picker.setData(this.adaptOptions,-1!==e?[e]:[0]),e},selectedIndex:function(){return-1!==this.valueIndex?[this.valueIndex]:[0]},selectedText:function(){return-1!==this.valueIndex?this.adaptOptions[0][this.valueIndex].text:""},_placeholder:function(){return this.placeholder||this.$t("selectText")},_title:function(){return this.title||this.$t("selectText")},_cancelTxt:function(){return this.cancelTxt||this.$t("cancel")},_confirmTxt:function(){return this.confirmTxt||this.$t("ok")}},created:function(){this.picker=this.$createPicker({$props:{title:"_title",data:"adaptOptions",selectedIndex:"selectedIndex",cancelTxt:"_cancelTxt",confirmTxt:"_confirmTxt"},$events:{select:"selectHandler",cancel:this.hided}}),this.autoPop&&this.showPicker()},methods:{showPicker:function(){this.disabled||(this.picker.show(),this.active=!0,this.$emit("picker-show"))},hided:function(){this.active=!1,this.$emit("picker-hide")},selectHandler:function(t,e,a){this.hided(),t[0]!==this.value&&(this.$emit("input",t[0]),this.$emit("change",t[0],e[0],a[0]))}}},t.exports=e.default})},Ll9R:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("XPXN")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a),n=["😀 😁 😂 🤣 😃 😄 ","🙂 🤗 🤩 🤔 🤨 😐 ","👆🏻 scroll up/down 👇🏻 ","😔 😕 🙃 🤑 😲 ☹️ ","🐣 🐣 🐣 🐣 🐣 🐣 ","👆🏻 scroll up/down 👇🏻 ","🐥 🐥 🐥 🐥 🐥 🐥 ","🤓 🤓 🤓 🤓 🤓 🤓 ","👆🏻 scroll up/down 👇🏻 ","🦔 🦔 🦔 🦔 🦔 🦔 ","🙈 🙈 🙈 🙈 🙈 🙈 ","👆🏻 scroll up/down 👇🏻 ","🚖 🚖 🚖 🚖 🚖 🚖 ","✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 "];e.default={data:function(){return{scrollEvents:["scroll"],scrollY:0,checkTop:!0,items:n.concat(),items2:n.concat(),items3:n.concat()}},methods:{scrollHandler:function(t){var e=t.y;this.scrollY=-e},diffChange:function(t,e){var a=0;e&&(a=t/e),this.$refs.stickyHeader.style.opacity=a}},components:{CubePage:i.default}},t.exports=e.default})},M2u5:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("Dd8w"),a("woOf"),a("PzHl"),a("N/gd"),a("Z5VE"),a("d64j"),a("4KJe")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n,c,l,u,o){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=s(a),d=s(i),v=s(n),p=s(c),f=s(l),h=s(u),x=s(o),y={textType:"ok",active:!0,disabled:!1,href:"javascript:;"},m={textType:"cancel",active:!1,disabled:!1,href:"javascript:;"},b=function(t,e){"string"==typeof t&&(t={text:t});var a=e&&this.$t(e.textType);return(0,d.default)({},e,{text:a},t)};e.default={name:"cube-dialog",mixins:[f.default,h.default,x.default],props:{type:{type:String,default:"alert"},prompt:{type:Object,default:function(){return{value:"",placeholder:""}}},icon:{type:String,default:""},title:{type:String,default:""},content:{type:String,default:""},showClose:{type:Boolean,default:!1},confirmBtn:{type:[Object,String],default:function(){return(0,r.default)({},y)}},cancelBtn:{type:[Object,String],default:function(){return(0,r.default)({},m)}}},data:function(){return{defHref:"javascript:;",promptValue:this.prompt.value}},computed:{_confirmBtn:function(){return b.call(this,this.confirmBtn,y)},_cancelBtn:function(){return b.call(this,this.cancelBtn,m)},isConfirm:function(){return"confirm"===this.type},isPrompt:function(){return"prompt"===this.type},containerClass:function(){return"cube-dialog-"+this.type}},watch:{"prompt.value":{handler:function(t){this.promptValue=t}}},methods:{maskClick:function(t){this.maskClosable&&this.cancel(t)},confirm:function(t){this._confirmBtn.disabled||(this.hide(),this.$emit("confirm",t,this.promptValue))},cancel:function(t){this._cancelBtn.disabled||(this.hide(),this.$emit("cancel",t))},close:function(t){this.hide(),this.$emit("close",t)}},components:{CubePopup:v.default,CubeInput:p.default}},t.exports=e.default})},M7O5:function(t,e,a){var i,n,c;!function(a,l){n=[t,e],i=l,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={data:function(){return{validating:!1,pending:!1,originValid:void 0}},computed:{valid:function(){var t=this.originValid,e=this.pending,a=this.validating;return e||a?void 0:t},invalid:function(){var t=this.valid;return void 0===t?t:!t}}},t.exports=e.default})},MFKK:function(t,e){},MKYq:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"form",title:"Form"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:function(e){t.goTo("default")}}},[t._v("Default")]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("custom")}}},[t._v("Custom")]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("classic")}}},[t._v("Classic style")]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("fresh")}}},[t._v("Fresh style")])],1),t._v(" "),a("cube-view")],1)])},staticRenderFns:[]}},MNuz:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("PzHl"),a("Z5VE"),a("d64j"),a("4KJe")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n,c){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=l(a),o=l(i),s=l(n),r=l(c);e.default={name:"cube-action-sheet",mixins:[o.default,s.default,r.default],props:{data:{type:Array,default:function(){return[]}},active:{type:Number,default:-1},title:{type:String,default:""},pickerStyle:{type:Boolean,default:!1},maskClosable:{type:Boolean,default:!0},cancelTxt:{type:String,default:""}},computed:{_cancelTxt:function(){return this.cancelTxt||this.$t("cancel")}},methods:{maskClick:function(){this.maskClosable&&this.cancel()},cancel:function(){this.hide(),this.$emit("cancel")},itemClick:function(t,e){this.hide(),this.$emit("select",t,e)}},components:{CubePopup:u.default}},t.exports=e.default})},MY9j:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("transition",{attrs:{name:"cube-action-sheet-fade"}},[a("cube-popup",{directives:[{name:"show",rawName:"v-show",value:t.isVisible,expression:"isVisible"}],class:{"cube-action-sheet_picker":t.pickerStyle},attrs:{type:"action-sheet",center:!1,mask:!0,"z-index":t.zIndex},on:{"mask-click":t.maskClick}},[a("transition",{attrs:{name:"cube-action-sheet-move"}},[a("div",{directives:[{name:"show",rawName:"v-show",value:t.isVisible,expression:"isVisible"}],staticClass:"cube-action-sheet-panel cube-safe-area-pb",on:{click:function(t){t.stopPropagation()}}},[a("h1",{directives:[{name:"show",rawName:"v-show",value:t.pickerStyle||t.title,expression:"pickerStyle || title"}],staticClass:"cube-action-sheet-title border-bottom-1px"},[t._v(t._s(t.title))]),t._v(" "),a("div",{staticClass:"cube-action-sheet-content"},[a("ul",{staticClass:"cube-action-sheet-list"},t._l(t.data,function(e,i){return a("li",{staticClass:"cube-action-sheet-item border-bottom-1px",class:[e.class||"",i===t.active?"cube-action-sheet-item_active":""],attrs:{"data-align":e.align},domProps:{innerHTML:t._s(e.content)},on:{click:function(a){t.itemClick(e,i)}}})}))]),t._v(" "),a("div",{staticClass:"cube-action-sheet-space"}),t._v(" "),a("div",{staticClass:"cube-action-sheet-cancel",on:{click:t.cancel}},[a("span",[t._v(t._s(t._cancelTxt))])])])])],1)],1)},staticRenderFns:[]}},MdHd:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("QMhb"),a("bh5B")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=n(a),l=n(i);e.default={name:"cube-scroll-nav-bar",inject:{scrollNav:{default:null}},mixins:[c.default],props:{direction:{type:String,default:"horizontal",validator:function(t){return"horizontal"===t||"vertical"===t}},labels:{type:Array,default:function(){return[]}},txts:{type:Array,default:function(){return this.labels}},current:{type:[String,Number],default:""}},data:function(){return{active:this.current}},watch:{current:function(t){this.active=t},active:function(t){this.$emit("change",t),this._adjust()}},mounted:function(){var t=this;this.scrollNav&&this.scrollNav.setBar(this),this.active&&this.$nextTick(function(){t._adjust()})},beforeDestroy:function(){this.scrollNav&&this.scrollNav.setBar(null)},methods:{clickHandler:function(t){t!==this.active&&(this.active=t,this.scrollNav&&this.scrollNav.barChange(t))},refresh:function(){this.$refs.scroll.refresh(),this._adjust()},_adjust:function(){var t=this;this.$nextTick(function(){var e="horizontal"===t.direction,a=e?"clientWidth":"clientHeight",i=t.active,n=t.$refs.scroll.$el[a],c=t.$refs.items,l=c[a],u=Math.min(0,n-l),o=n/2,s=c.children,r=0;t.labels.every(function(t,e){return t===i?(r+=s[e][a]/2,!1):(r+=s[e][a],!0)});var d=o-r;d=Math.max(u,Math.min(0,d)),t.$refs.scroll.scrollTo(e?d:0,e?0:d,300)})}},components:{CubeScroll:l.default}},t.exports=e.default})},Mr73:function(t,e,a){function i(t){a("blHT")}var n=a("VU/8")(a("uYby"),a("hNHr"),i,null,null);t.exports=n.exports},"N/gd":function(t,e,a){function i(t){a("dq75")}var n=a("VU/8")(a("eFmn"),a("1y26"),i,null,null);t.exports=n.exports},N3Wc:function(t,e){},N5yD:function(t,e,a){function i(t){a("dz6Z")}var n=a("VU/8")(a("B1Rs"),a("VV/4"),i,null,null);t.exports=n.exports},N6Rs:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("XPXN"),a("O6S8"),a("Vexm"),a("fGk3"),a("9zBd")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n,c,l){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=u(a),s=u(i),r=u(n),d=u(c),v=l.provinceList;v.forEach(function(t){t.children=l.cityList[t.value],t.children.forEach(function(t){t.children=l.areaList[t.value]})});var p={props:{value:{type:Array,default:function(){return[]}}},data:function(){return{selected:[]}},render:function(t){return t("cube-button",{on:{click:this.showPicker}},this.selected.length?this.selected.join(" "):"placeholder")},mounted:function(){this.picker=this.$createCascadePicker({title:"PCA Select",data:v,selectedIndex:this.value,onSelect:this.selectHandler})},methods:{showPicker:function(){this.picker.show()},selectHandler:function(t,e,a){this.selected=a,this.$emit("input",t)}}};e.default={data:function(){return{validity:{},valid:void 0,model:{inputValue:"",pcaValue:[],dateValue:""},fields:[{type:"input",modelKey:"inputValue",label:"Input",props:{placeholder:"请输入"},rules:{required:!0}},{component:p,modelKey:"pcaValue",label:"PCASelect",rules:{required:!0},messages:{required:"请选择"}},{modelKey:"dateValue",label:"Date",rules:{required:!0}}]}},methods:{submitHandler:function(t){console.log("submit")},validateHandler:function(t){this.validity=t.validity,this.valid=t.valid,console.log("validity",t.validity,t.valid,t.dirty,t.firstInvalidFieldIndex)},showDatePicker:function(){this.$refs.datePicker.show()},dateSelectHandler:function(t){this.model.dateValue=new Date(t[0],t[1]-1,t[2]).toDateString()}},components:{CubePage:o.default,CubeButtonGroup:s.default,DatePicker:r.default,JsonView:d.default}},t.exports=e.default})},NEEv:function(t,e,a){var i,n,c;!function(a,l){n=[t,e],i=l,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-checker-item",props:{option:{type:Object,default:function(){return{}}}},computed:{isActive:function(){var t=this.$parent.isRadio,e=this.$parent.currentValue,a=this.option.value;return t?e===a:e.indexOf(a)>=0}},methods:{clickHandler:function(){this.$parent.check(this.option)}}},t.exports=e.default})},NFzl:function(t,e,a){var i,n,c;!function(a,l){n=[t,e],i=l,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-extend-popup",props:{content:{type:String}},methods:{show:function(){this.$refs.popup.show()},hide:function(){this.$refs.popup.hide(),this.$emit("hide")}}},t.exports=e.default})},NOHr:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"sticky",title:"Sticky"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:function(e){t.goTo("scroll")}}},[t._v("Scroll")]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("native")}}},[t._v("Native Scroll")]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("wechat")}}},[t._v("WeChat")])],1),t._v(" "),a("cube-view")],1)])},staticRenderFns:[]}},NTtZ:function(t,e,a){function i(t){a("dfWv")}var n=a("VU/8")(a("/Ca3"),a("liwK"),i,null,null);t.exports=n.exports},Ngbz:function(t,e){},NhRQ:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("lQMO"),a("I6+Q")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=n(a),l=n(i);c.default.install=function(t){t.component(c.default.name,c.default),(0,l.default)(t,c.default)},e.default=c.default,t.exports=e.default})},O19e:function(t,e){},O1ak:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("kww3"),a("kAHR"),a("j9ag")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=c(a),u=c(i),o=c(n);l.default.install=function(t){t.component(l.default.name,l.default),o.default.install(t),(0,u.default)(t,l.default)},e.default=l.default,t.exports=e.default})},O6S8:function(t,e,a){function i(t){a("XB2r")}var n=a("VU/8")(a("9IQh"),a("qaXI"),i,null,null);t.exports=n.exports},OCZZ:function(t,e){},OKCy:function(t,e){},OTGw:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"recycle-list",title:"RecycleList"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:function(e){t.goTo("default")}}},[t._v("Default")]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("tombstone")}}},[t._v("Infinite")])],1),t._v(" "),a("cube-view")],1)])},staticRenderFns:[]}},OdoB:function(t,e){},Ojzo:function(t,e,a){function i(t){a("6BWR")}var n=a("VU/8")(a("uCDH"),a("ptdZ"),i,null,null);t.exports=n.exports},Oluj:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("PzHl"),a("niVN")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=n(a),l=n(i);c.default.install=function(t){t.component(c.default.name,c.default),(0,l.default)(t,c.default)},e.default=c.default,t.exports=e.default})},OnXQ:function(t,e){},"P+K9":function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("kww3"),a("VzLe"),a("qgN4"),a("inlK"),a("t3q3"),a("kAHR"),a("j9ag")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n,c,l,u,o){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=s(a),d=s(i),v=s(n),p=s(c),f=s(l),h=s(u),x=s(o);v.default.install=function(t){t.component(r.default.name,r.default),t.component(d.default.name,d.default),t.component(v.default.name,v.default),x.default.install(t),(0,h.default)(t,r.default),(0,f.default)(t,d.default),(0,p.default)(t,v.default)},v.default.Picker=r.default,d.default.Picker=r.default,v.default.CascadePicker=d.default,e.default=v.default,t.exports=e.default})},P5JG:function(t,e){},P9U6:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("/5sW"),a("XPXN"),a("1Vb/"),a("6SSl"),a("5Fev"),a("h7Gw")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n,c,l,u){"use strict";function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var s=o(a),r=o(i),d=o(n),v=o(c),p=o(l),f=["😀 😁 😂 🤣 😃 😄 ","🙂 🤗 🤩 🤔 🤨 😐 ","👆🏻 scroll up/down 👇🏻 ","😔 😕 🙃 🤑 😲 ☹️ ","🐣 🐣 🐣 🐣 🐣 🐣 ","👆🏻 scroll up/down 👇🏻 ","🐥 🐥 🐥 🐥 🐥 🐥 ","🤓 🤓 🤓 🤓 🤓 🤓 ","👆🏻 scroll up/down 👇🏻 ","🦔 🦔 🦔 🦔 🦔 🦔 ","🙈 🙈 🙈 🙈 🙈 🙈 ","👆🏻 scroll up/down 👇🏻 ","🚖 🚖 🚖 🚖 🚖 🚖 ","✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 "];e.default={data:function(){return{items:f,itemIndex:f.length,scrollbar:!0,scrollbarFade:!0,startY:0,scrollToY:-200,scrollToTime:700,scrollToEasing:"bounce",scrollToEasingOptions:[{text:"bounce",value:"bounce"},{text:"swipe",value:"swipe"},{text:"swipeBounce",value:"swipeBounce"}],customPullDown:!1}},computed:{options:function(){return{scrollbar:this.scrollbarObj,startY:this.startY}},scrollbarObj:function(){return!!this.scrollbar&&{fade:this.scrollbarFade}}},watch:{scrollbarObj:{handler:function(){this.rebuildScroll()},deep:!0},startY:function(){this.rebuildScroll()}},methods:{scrollTo:function(){this.$refs.scroll.scrollTo(0,this.scrollToY,this.scrollToTime,u.ease[this.scrollToEasing])},updateScrollbar:function(t){this.scrollbar=t},updateScrollbarFade:function(t){this.scrollbarFade=t},updateStartY:function(t){this.startY=t},updateScrollToY:function(t){this.scrollToY=t},updateScrollToTime:function(t){this.scrollToTime=t},updateScrollToEasing:function(t){this.scrollToEasing=t},rebuildScroll:function(){var t=this;s.default.nextTick(function(){t.$refs.scroll.destroy(),t.$refs.scroll.initScroll()})}},components:{CubePage:r.default,SwitchOption:d.default,InputOption:v.default,SelectOption:p.default}},t.exports=e.default})},PN0K:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{staticClass:"option-demo",attrs:{type:"scroll-view",title:"Scroll"}},[a("div",{staticClass:"scroll-wrapper",attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"demo"},[a("cube-scroll",{ref:"scroll1",staticClass:"scroll-list-outer-wrap"},[a("ul",{staticClass:"cube-scroll-list"},t._l(t.items1,function(e,i){return a("li",{key:i,staticClass:"cube-scroll-item border-bottom-1px"},[t._v(t._s(e))])})),t._v(" "),a("cube-scroll",{ref:"scroll2",staticClass:"scroll-list-inner-wrap",attrs:{nestMode:"native"}},[a("ul",{staticClass:"cube-scroll-list"},t._l(t.items2,function(e,i){return a("li",{key:i,staticClass:"cube-scroll-item border-bottom-1px"},[t._v(t._s(e))])}))]),t._v(" "),a("ul",{staticClass:"cube-scroll-list"},t._l(t.items1,function(e,i){return a("li",{key:i,staticClass:"cube-scroll-item border-bottom-1px"},[t._v(t._s(e))])}))],1)],1)])])},staticRenderFns:[]}},Pe8L:function(t,e,a){function i(t){a("TjYt")}var n=a("VU/8")(a("J4wF"),a("85uG"),i,null,null);t.exports=n.exports},PmdS:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"form-custom",title:"Form 表单"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-form",{attrs:{model:t.model},on:{validate:t.validateHandler,submit:t.submitHandler}},[a("cube-form-group",[a("cube-form-item",{attrs:{field:t.fields[0]}}),t._v(" "),a("cube-form-item",{attrs:{field:t.fields[1]}}),t._v(" "),a("cube-form-item",{attrs:{field:t.fields[2]}},[a("cube-button",{on:{click:t.showDatePicker}},[t._v(t._s(t.model.dateValue||"Please select"))]),t._v(" "),a("date-picker",{ref:"datePicker",attrs:{min:[2008,8,8],max:[2020,10,20]},on:{select:t.dateSelectHandler}})],1)],1),t._v(" "),a("cube-form-group",[a("cube-button",{attrs:{type:"submit"}},[t._v("Submit")])],1)],1),t._v(" "),a("json-view",{attrs:{title:"model",data:t.model}}),t._v(" "),a("json-view",{attrs:{title:"validity",data:t.validity}})],1)])},staticRenderFns:[]}},Pn6H:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"dialog-view",title:"Dialog"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:t.showAlert}},[t._v("Dialog - alert")]),t._v(" "),a("cube-button",{on:{click:t.showPrompt}},[t._v("Dialog - prompt")]),t._v(" "),a("cube-button",{on:{click:t.showBtn}},[t._v("Dialog - btn")]),t._v(" "),a("cube-button",{on:{click:t.showClose}},[t._v("Dialog - show close")]),t._v(" "),a("cube-button",{on:{click:t.showSlot}},[t._v("Dialog - slot")])],1)],1)])},staticRenderFns:[]}},Ps1K:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("FmUO")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={name:"cube-checker",props:{value:[String,Number,Array],options:{type:Array,default:function(){return[]}},type:{type:String,default:"checkbox"},min:{type:Number,default:0},max:{type:Number,default:function(){return this.options.length}}},data:function(){return{currentValue:this.value}},computed:{isRadio:function(){return"radio"===this.type}},watch:{value:function(t){this.currentValue=t},currentValue:function(t){this.$emit("input",t)}},methods:{check:function(t){this.isRadio?this.checkRadio(t):this.checkCheckbox(t)},checkRadio:function(t){this.currentValue=t.value},checkCheckbox:function(t){var e=t.value,a=this.currentValue,i=a.length,n=this.min,c=this.max,l=a.indexOf(e);l>-1?i>n&&a.splice(l,1):i0},isBtnField:function(){return"button"===this.fieldValue.type},itemClass:function(){var t=this.fieldValue.rules;return{"cube-form-item_required":t&&t.required,"cube-form-item_btn":this.isBtnField,"cube-form-item_validating":this.validating,"cube-form-item_pending":this.pending,"cube-form-item_valid":this.valid,"cube-form-item_invalid":this.invalid}},modelVal:function(){return this.form.model[this.fieldValue.modelKey]},componentName:function(){var t=this.fieldValue,e=t.component;if(e)return e;var a=t.type,i="cube-"+a;return y.default[i]?i:a}},watch:{modelVal:function(t){this.modelValue!==t&&(this.modelValue=t)},modelValue:{handler:function(t){this.form.model[this.fieldValue.modelKey]=t,this.updateValidatorModel()},sync:!0},originValid:function(t){this.lastOriginValid=t}},beforeCreate:function(){this.form=this.$parent.form},created:function(){var t=this;this.form.addField(this),this.getValidatorModel=function(e){return t.pending=!1,e}},mounted:function(){this.initDebounce(),this.initFocusEvents()},methods:{initDebounce:function(){var t=this,e=this.fieldValue.debounce;!0===e&&(e=200),!e&&0!==e||e<0||"blur"===this.fieldValue.trigger||(this.getValidatorModel=(0,c.debounce)(function(e){return t.syncValidatorValue(),t.validate(),e},e,!1,this.validatorModel[this.validatorModelKey]))},focusInHandler:function(){this.focused=!0},focusOutHandler:function(){this.focused=!1,this.updateValidatorModel(),this.validate()},initFocusEvents:function(){var t=this;if("blur"===this.fieldValue.trigger){var e=this.$refs.formItem;e.addEventListener("focusin",this.focusInHandler,!1),e.addEventListener("focusout",this.focusOutHandler,!1),this.getValidatorModel=function(e){return t.focused?t.validatorModel[t.validatorModelKey]:(t.pending=!1,t.form.updatePending(),e)}}},removeFocusEvents:function(){var t=this.$refs.formItem;t.removeEventListener("focusin",this.focusInHandler,!1),t.removeEventListener("focusout",this.focusOutHandler,!1)},updateValidatorModel:function(){this.pending=!0,this.validatorModel[this.validatorModelKey]=this.getValidatorModel(this.modelValue),this.pending&&(this.form.setPending(this.pending),this.originValid=void 0)},syncValidatorValue:function(){this.pending=!1,this.validatorModel[this.validatorModelKey]=this.modelValue,this.form.updatePending()},validatorChangeHandler:function(){this.validatorDisabled||this.originValid&&this.lastOriginValid||this.updateValidity()},validatingHandler:function(){this.validating=!0,this.form.setValidating(!0)},validatedHandler:function(){this.validating=!1,this.form.updateValidating()},updateValidity:function(){var t=this.$refs.validator;t&&this.form.updateValidity(this.fieldValue.modelKey,t.valid,t.result,t.dirty)},validate:function(t){var e=this,a=(0,c.cb2PromiseWithResolve)(t);a&&(t=a.resolve);var i=this.$refs.validator;return i?i.validate(function(){e.validatorDisabled=!0,e.updateValidity(),t&&t(),e.$nextTick(function(){e.validatorDisabled=!1})}):t&&t(),a},reset:function(){var t=this,e=this.fieldValue;if(e.modelKey){var a=(0,o.getResetValueByType)(e.type);this.validatorDisabled=!0,(0,c.resetTypeValue)(this,"modelValue",a),this.$refs.validator&&this.$refs.validator.reset(),this.$nextTick(function(){t.validatorDisabled=!1})}this.validating=!1,this.pending=!1},msgClick:function(){this.form.layout===h.default.STANDARD&&this.$createToast&&this.$createToast({type:"warn",txt:this.$refs.validator.msg,time:1e3}).show()}},beforeDestroy:function(){this.removeFocusEvents(),this.form.destroyField(this),this.form=null},components:y.default},t.exports=e.default})},QRTn:function(t,e){},QreJ:function(t,e,a){function i(t){a("dkN+")}var n=a("VU/8")(a("kZI5"),a("G9D9"),i,null,null);t.exports=n.exports},QwXM:function(t,e){},R082:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("lVze"),a("vhte"),a("j9ag")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=c(a),u=c(i),o=c(n);l.default.install=function(t){t.component(l.default.name,l.default),o.default.install(t),(0,u.default)(t,l.default)},e.default=l.default,t.exports=e.default})},R1uw:function(t,e){},R4Zp:function(t,e,a){function i(t){a("UJoK")}var n=a("VU/8")(a("gz49"),a("TXlC"),i,null,null);t.exports=n.exports},RGkz:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("XPXN")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={data:function(){return{action:"//jsonplaceholder.typicode.com/photos/",files:[]}},methods:{addedHandler:function(){var t=this.files[0];t&&this.$refs.upload.removeFile(t)},errHandler:function(t){this.$createToast({type:"warn",txt:"Upload fail",time:1e3}).show()}},components:{CubePage:i.default}},t.exports=e.default})},"RO/E":function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("N5yD"),a("KATl")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=n(a),l=n(i);c.default.install=function(t){t.component(c.default.name,c.default),t.component(l.default.name,l.default)},c.default.Item=l.default,e.default=c.default,t.exports=e.default})},RO5T:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("O6S8"),a("XPXN")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=n(a),l=n(i);e.default={methods:{showToastTime:function(){this.toast=this.$createToast({time:1e3,txt:"Toast time 1s",onTimeout:function(){console.log("timeout")}}),this.toast.show()},showToastTime0:function(){var t=this;this.toast=this.$createToast({time:0,txt:"Toast time 0"}),this.toast.show(),setTimeout(function(){t.toast.hide()},2e3)},showToastMask:function(){this.toast=this.$createToast({txt:"Loading...",mask:!0}),this.toast.show()},showToastType:function(){this.toast=this.$createToast({txt:"Correct",type:"correct"}),this.toast.show()},showToastTxtOnly:function(){this.toast=this.$createToast({txt:"Plain txt",type:"txt"}),this.toast.show()}},components:{CubeButtonGroup:c.default,CubePage:l.default}},t.exports=e.default})},RPhk:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{staticClass:"toutiao",attrs:{type:"scroll-view",title:"Scroll"}},[a("template",{slot:"content"},[a("header",{ref:"topHeader"},[a("img",{attrs:{src:"https://dpubstatic.udache.com/static/dpubimg/0K9-YvWB-Q/toutiao_header2.png"}})]),t._v(" "),a("div",{staticClass:"nav-scroll-list-wrap"},[a("cube-scroll",{ref:"navScroll",attrs:{direction:"horizontal"}},[a("ul",{staticClass:"nav-wrapper"},t._l(t.navTxts,function(e,i){return a("li",{key:i,staticClass:"nav-item"},[t._v(t._s(e))])}))]),t._v(" "),a("div",{staticClass:"more-wrapper"},[a("span",{staticClass:"more"})])],1),t._v(" "),a("div",{staticClass:"content-scroll-wrapper"},[a("div",{ref:"scrollWrapper",staticClass:"content-scroll-list-wrap"},[a("cube-scroll",{ref:"contentScroll",attrs:{data:t.content,options:t.options},on:{"pulling-down":t.onPullingDown,"pulling-up":t.onPullingUp},scopedSlots:t._u([{key:"pulldown",fn:function(e){return[e.pullDownRefresh?a("div",{staticClass:"cube-pulldown-wrapper",style:e.pullDownStyle},[e.beforePullDown?a("div",{staticClass:"before-trigger",style:{paddingTop:e.bubbleY+"px"}},[a("span",{class:{rotate:e.bubbleY>0}},[t._v("↓")])]):a("div",{staticClass:"after-trigger"},[a("div",{directives:[{name:"show",rawName:"v-show",value:e.isPullingDown,expression:"props.isPullingDown"}],staticClass:"loading"},[a("cube-loading")],1),t._v(" "),a("transition",{attrs:{name:"success"}},[a("div",{directives:[{name:"show",rawName:"v-show",value:!e.isPullingDown,expression:"!props.isPullingDown"}],staticClass:"text-wrapper"},[a("span",{staticClass:"refresh-text"},[t._v("今日头条推荐引擎有x条更新")])])])],1)]):t._e()]}}])},[a("ul",{staticClass:"imgs-wrapper"},t._l(t.content,function(e,i){return a("li",{key:i,staticClass:"imgs-item"},[a("img",{attrs:{src:e.url},on:{load:t.onImgLoad}})])}))])],1)]),t._v(" "),a("footer",{ref:"footer"},[a("img",{attrs:{src:"https://dpubstatic.udache.com/static/dpubimg/1KRE2YnAim/toutiao_footer2.png"}})])])],2)},staticRenderFns:[]}},RkVv:function(t,e,a){var i,n,c;!function(a,l){n=[t,e],i=l,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"switch-option",props:{name:{type:String},value:null},data:function(){return{checked:this.value}},watch:{checked:function(t){this.$emit("update:value",t)}},methods:{clickSwitch:function(){this.checked=!this.checked}}},t.exports=e.default})},Rn3t:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"index-list",title:"IndexList"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"view-wrapper"},[a("div",{staticClass:"index-list-wrapper"},[a("cube-index-list",{ref:"indexList",attrs:{data:t.data,title:t.title,options:t.options},on:{select:t.selectItem,"title-click":t.clickTitle,"pulling-down":t.onPullingDown}})],1)])])])},staticRenderFns:[]}},SFrn:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("GFMH"),a("+//L")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=n(a),l=n(i);c.default.install=function(t){t.component(c.default.name,c.default),t.component(l.default.name,l.default)},c.default.Panel=l.default,e.default=c.default,t.exports=e.default})},SOQt:function(t,e,a){function i(t){a("OKCy")}var n=a("VU/8")(a("M2u5"),a("fdUi"),i,null,null);t.exports=n.exports},SPGs:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("qefm")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);i.default.install=function(t){t.component(i.default.name,i.default)},e.default=i.default,t.exports=e.default})},SW1b:function(t,e,a){function i(t){a("zi/F")}var n=a("VU/8")(a("P9U6"),a("s7/r"),i,null,null);t.exports=n.exports},SWc7:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"swipe-view",title:"Swipe"}},[a("template",{slot:"content"},[a("div",{staticClass:"swipe-wrapper"},[a("cube-scroll",[a("cube-swipe",{attrs:{data:t.swipeData},on:{"item-click":t.onItemClick,"btn-click":t.onBtnClick}})],1)],1)])],2)},staticRenderFns:[]}},SpYO:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("//Fk"),a("XPXN"),a("O6S8"),a("fGk3")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n,c){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=l(a),o=l(i),s=l(n),r=l(c);e.default={data:function(){return{validity:{},valid:void 0,model:{checkboxValue:!1,checkboxGroupValue:[],inputValue:"",radioValue:"",rateValue:0,selectValue:2018,switchValue:!0,textareaValue:"",uploadValue:[]},schema:{groups:[{legend:"基础",fields:[{type:"checkbox",modelKey:"checkboxValue",label:"Checkbox",props:{option:{label:"Checkbox",value:!0}},rules:{required:!0},messages:{required:"Please check this field"}},{type:"checkbox-group",modelKey:"checkboxGroupValue",label:"CheckboxGroup",props:{options:["1","2","3"]},rules:{required:!0}},{type:"input",modelKey:"inputValue",label:"Input",props:{placeholder:"请输入"},rules:{required:!0},trigger:"blur"},{type:"radio-group",modelKey:"radioValue",label:"Radio",props:{options:["1","2","3"]},rules:{required:!0}},{type:"select",modelKey:"selectValue",label:"Select",props:{options:[2015,2016,2017,2018,2019,2020]},rules:{required:!0}},{type:"switch",modelKey:"switchValue",label:"Switch",rules:{required:!0}},{type:"textarea",modelKey:"textareaValue",label:"Textarea",rules:{required:!0},debounce:100}]},{legend:"高级",fields:[{type:"rate",modelKey:"rateValue",label:"Rate",rules:{required:!0}},{type:"upload",modelKey:"uploadValue",label:"Upload",events:{"file-removed":function(){for(var t=arguments.length,e=Array(t),a=0;a0&&void 0!==arguments[0]&&arguments[0];this.pullDownRefresh&&this.isPullingDown?(this.isPullingDown=!1,this._reboundPullDown(function(){t._afterPullDown(e)})):this.pullUpLoad&&this.isPullUpLoad?(this.isPullUpLoad=!1,this.scroll.finishPullUp(),this.pullUpDirty=e,e&&this.refresh()):e&&this.refresh()},resetPullUpTxt:function(){this.pullUpDirty=!0},_listenScrollEvents:function(){var t=this;this.finalScrollEvents.forEach(function(e){t.scroll.on((0,s.camelize)(e),function(){for(var a=arguments.length,i=Array(a),n=0;n0?t.x>=this.scroll.minScrollX:e<0&&t.x<=this.scroll.maxScrollX,n=a>0?t.y>=this.scroll.minScrollY:a<0&&t.y<=this.scroll.maxScrollY,c=this.scroll.freeScroll,l=void 0;return c?i||n:(this.scroll.movingDirectionX?l=i:this.scroll.movingDirectionY&&(l=n),l)},_calculateMinHeight:function(){this.$refs.listWrapper&&(this.$refs.listWrapper.style.minHeight=this.pullDownRefresh||this.pullUpLoad?(0,o.getRect)(this.$refs.wrapper).height+1+"px":0)},_onPullDownRefresh:function(){this.scroll.on("pullingDown",this._pullDownHandle),this.scroll.on("scroll",this._pullDownScrollHandle)},_offPullDownRefresh:function(){this.scroll.off("pullingDown",this._pullDownHandle),this.scroll.off("scroll",this._pullDownScrollHandle)},_pullDownHandle:function(){this.resetPullDownTimer&&clearTimeout(this.resetPullDownTimer),this.beforePullDown=!1,this.isPullingDown=!0,this.$emit("pulling-down")},_pullDownScrollHandle:function(t){this.beforePullDown?(this.bubbleY=Math.max(0,t.y-this.pullDownHeight),this.pullDownStyle="top:"+Math.min(t.y-this.pullDownHeight,0)+"px"):(this.bubbleY=0,this.pullDownStyle="top:"+Math.min(t.y-this.pullDownStop,0)+"px")},_onPullUpLoad:function(){this.scroll.on("pullingUp",this._pullUpHandle)},_offPullUpLoad:function(){this.scroll.off("pullingUp",this._pullUpHandle)},_pullUpHandle:function(){this.isPullUpLoad=!0,this.$emit("pulling-up")},_reboundPullDown:function(t){var e=this,a=this.pullDownRefresh.stopTime,i=void 0===a?600:a;setTimeout(function(){e.scroll.finishPullDown(),t()},i)},_afterPullDown:function(t){var e=this;this.resetPullDownTimer=setTimeout(function(){e.pullDownStyle="top: -"+e.pullDownHeight+"px",e.beforePullDown=!0,t&&e.refresh()},this.scroll.options.bounceTime)},_getPullDownEleHeight:function(){var t=this,e=this.$refs.pulldown.firstChild;this.pullDownHeight=(0,o.getRect)(e).height,this.beforePullDown=!1,this.isPullingDown=!0,this.$nextTick(function(){t.pullDownStop=(0,o.getRect)(e).height,t.beforePullDown=!0,t.isPullingDown=!1})}},components:{Loading:p.default,Bubble:f.default}},t.exports=e.default})},TLh3:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-checkbox",class:t._containerClass,attrs:{"data-pos":t.position}},[a("label",{staticClass:"cube-checkbox-wrap",class:t._wrapClass},[a("input",{directives:[{name:"model",rawName:"v-model",value:t.checkValue,expression:"checkValue"}],staticClass:"cube-checkbox-input",attrs:{type:"checkbox",disabled:t.computedOption.disabled},domProps:{checked:Array.isArray(t.checkValue)?t._i(t.checkValue,null)>-1:t.checkValue},on:{change:function(e){var a=t.checkValue,i=e.target,n=!!i.checked;if(Array.isArray(a)){var c=t._i(a,null);i.checked?c<0&&(t.checkValue=a.concat([null])):c>-1&&(t.checkValue=a.slice(0,c).concat(a.slice(c+1)))}else t.checkValue=n}}}),t._v(" "),a("span",{staticClass:"cube-checkbox-ui",class:t._borderIconClass},[a("i",{class:t._rightIconClass})]),t._v(" "),a("span",{staticClass:"cube-checkbox-label"},[t._t("default",[t._v(t._s(t.computedOption.label))])],2)])])},staticRenderFns:[]}},TMiY:function(t,e,a){function i(t){a("bebB")}var n=a("VU/8")(a("V1uU"),a("aeD0"),i,null,null);t.exports=n.exports},TVNN:function(t,e){},TXlC:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-switch"},[a("input",{directives:[{name:"model",rawName:"v-model",value:t.checkboxValue,expression:"checkboxValue"}],staticClass:"cube-switch-input",attrs:{type:"checkbox",disabled:t.disabled},domProps:{checked:Array.isArray(t.checkboxValue)?t._i(t.checkboxValue,null)>-1:t.checkboxValue},on:{change:function(e){var a=t.checkboxValue,i=e.target,n=!!i.checked;if(Array.isArray(a)){var c=t._i(a,null);i.checked?c<0&&(t.checkboxValue=a.concat([null])):c>-1&&(t.checkboxValue=a.slice(0,c).concat(a.slice(c+1)))}else t.checkboxValue=n}}}),t._v(" "),a("i",{staticClass:"cube-switch-ui"}),t._v(" "),a("span",{staticClass:"cube-switch-label"},[t._t("default")],2)])},staticRenderFns:[]}},Ta5O:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("kww3"),a("+vzD"),a("wOxr"),a("kAHR"),a("j9ag")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n,c,l){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=u(a),s=u(i),r=u(n),d=u(c),v=u(l);s.default.install=function(t){t.component(o.default.name,o.default),t.component(s.default.name,s.default),v.default.install(t),(0,d.default)(t,o.default),(0,r.default)(t,s.default)},s.default.Picker=o.default,e.default=s.default,t.exports=e.default})},TdZF:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("XPXN")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={data:function(){return{selectedLabel:"天辉",tabs:[{label:"天辉",icon:"cubeic-like",heroes:["敌法师","卓尔游侠","主宰","米拉娜","变体精灵"]},{label:"夜魇",icon:"cubeic-star",heroes:["血魔","影魔","剃刀","剧毒术士","虚空假面","幻影刺客","冥界亚龙","克林克兹","育母蜘蛛","编织者","幽鬼","司夜刺客","米波"]}]}},components:{CubePage:i.default},watch:{selectedLabel:function(t){console.log(t)}}},t.exports=e.default})},TjYt:function(t,e){},U4Ng:function(t,e,a){function i(t){a("5Raf")}var n=a("VU/8")(a("Ll9R"),a("LFFy"),i,null,null);t.exports=n.exports},U8em:function(t,e,a){var i=a("VU/8")(a("vLxS"),a("ea3B"),null,null,null);t.exports=i.exports},UFDc:function(t,e,a){var i,n,c;!function(l,u){n=[e,a("fZjL"),a("bOdI"),a("pFYg"),a("LIRj")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}function l(t,e){if(t.findIndex)return t.findIndex(e);var a=-1;return t.some(function(t,i,n){var c=e.call(this,t,i,n);if(c)return a=i,c}),a}function u(t,e){for(var a in e)t[a]&&"object"===(0,m.default)(t[a])?u(t[a],e[a]):t[a]=e[a]}function o(t){return function(){for(var e=arguments.length,a=Array(e),i=0;i1&&void 0!==arguments[1]?arguments[1]:{},a=e.prefix,i=void 0===a?"":a,c=e.firstUpperCase,l=void 0!==c&&c,u=t.name,o=u.replace(/^cube-/i,""),s=""+(0,n.camelize)(""+i+o);return l&&(s=s.charAt(0).toUpperCase()+s.slice(1)),s}function h(t){for(var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",a=e.split("."),i=t,n=0;n - value: "+t.join(", ")+"
- index: "+e.join(", ")+"
- text: "+a.join(" "),icon:"cubeic-alert"}).show()},cancelHandler:function(){console.log("cancel")}},components:{CubePage:n.default}},t.exports=e.default})},VKJd:function(t,e,a){function i(t){a("iejJ")}var n=a("VU/8")(a("rQlO"),a("uqUP"),i,null,null);t.exports=n.exports},VLcU:function(t,e,a){var i,n,c;!function(a,l){n=[e],i=l,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t){"use strict";function e(t){var e=a[t];return e&&e()}Object.defineProperty(t,"__esModule",{value:!0});var a={checkbox:function(){return!1},select:function(){return null}};t.getResetValueByType=e})},VOiB:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"index-list",title:"IndexList"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"view-wrapper"},[a("div",{staticClass:"index-list-wrapper"},[a("cube-index-list",{ref:"indexList",attrs:{data:t.data,title:t.title,options:t.options},on:{select:t.selectItem,"title-click":t.clickTitle,"pulling-up":t.onPullingUp}})],1)])])])},staticRenderFns:[]}},"VV/4":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-swipe"},[t._t("default",[a("transition-group",{attrs:{name:"cube-swipe",tag:"ul"}},t._l(t.data,function(e,i){return a("li",{key:e.item.value},[a("cube-swipe-item",{attrs:{btns:e.btns,item:e.item,index:i,"auto-shrink":t.autoShrink}})],1)}))])],2)},staticRenderFns:[]}},VcN6:function(t,e,a){function i(t){a("nRLb")}var n=a("VU/8")(a("XUgO"),a("C1Qw"),i,null,null);t.exports=n.exports},Vexm:function(t,e,a){var i=a("VU/8")(a("apY0"),a("IzGe"),null,null,null);t.exports=i.exports},VzLe:function(t,e,a){var i=a("VU/8")(a("waH8"),a("ZU9z"),null,null,null);t.exports=i.exports},W2Hj:function(t,e,a){var i=a("VU/8")(a("0l/c"),a("794M"),null,null,null);t.exports=i.exports},W61h:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-sticky-ele"},[a("div",{staticClass:"cube-sticky-content"},[t._t("default")],2)])},staticRenderFns:[]}},W7V1:function(t,e){},WWPg:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"drawer-def",title:"Drawer"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"view-wrapper"},[a("cube-button",{on:{click:t.showDrawer}},[t._v("Show Drawer")]),t._v(" "),a("cube-drawer",{ref:"drawer",attrs:{data:t.data,"selected-index":t.selectedIndex},on:{change:t.changeHandler,select:t.selectHandler,cancel:t.cancelHandler}},[a("span",{attrs:{slot:"title"},slot:"title"},[t._v(t._s(t.province.text))]),t._v(" "),t._l(t.data,function(e,i){return a("cube-drawer-panel",{key:i,attrs:{index:i,data:e}},t._l(e,function(e,i){return a("cube-drawer-item",{key:i,attrs:{item:e,index:i}},[a("i",{staticClass:"cubeic-round-border"}),t._v(" "),a("span",[t._v(t._s(e.text))])])}))})],2)],1)])])},staticRenderFns:[]}},WjKT:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("XPXN"),a("O6S8")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=n(a),l=n(i);e.default={components:{CubePage:c.default,CubeButtonGroup:l.default},data:function(){return{options:[2013,2014,2015,2016,2017,2018],value:2016,title:"Entry time",placeholder:"Please choose entry time",autoPop:!1,disabled:!1}},methods:{change:function(t,e,a){console.log("change",t,e,a)},modify:function(){this.value=2014}}},t.exports=e.default})},Woua:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("s0qb")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i={success:"cubeic-right",error:"cubeic-warn"};e.default={name:"cube-upload-file",props:{file:{type:Object,required:!0}},computed:{fileStatusCls:function(){var t=this.file,e=t.status;if(t.progress>=.01||e===a.STATUS_SUCCESS||e===a.STATUS_ERROR)return"cube-upload-file_stat"},fileStyle:function(){var t=this.file.url||this.file.base64;if(t)return{"background-image":'url("'+t+'")'}},statusCls:function(){var t=this.file.status;return i[t]},fileProgress:function(){return this.statusCls?"100%":Math.min(Math.floor(100*this.file.progress),99)+"%"}},methods:{clickHandler:function(){this.$emit("click",this.file)},removeFile:function(){this.$parent.removeFile(this.file)}}},t.exports=e.default})},"X/Av":function(t,e){},"X4T+":function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("XPXN"),a("YlpP")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=n(a),l=n(i),u=l.default.goods;e.default={components:{CubePage:c.default},data:function(){return{data:u,current:u[3].name}},methods:{changeHandler:function(t){console.log("changed to:",t)},stickyChangeHandler:function(t){console.log("sticky-change",t)}}},t.exports=e.default})},XB2r:function(t,e){},XD3M:function(t,e){},XD4M:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("canvas",{ref:"bubble",style:t.style,attrs:{width:t.width,height:t.height}})},staticRenderFns:[]}},XDbB:function(t,e){},XEOk:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("xUY6")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={name:"cube-rate",props:{value:{type:Number,default:0},max:{type:Number,default:5},disabled:{type:Boolean,default:!1},justify:{type:Boolean,default:!1}},data:function(){return{tempValue:this.value}},created:function(){this.mousePressed=!1},computed:{rateClass:function(){return this.justify&&"cube-rate-justify"}},watch:{value:function(t){t!==this.tempValue&&(this.tempValue=t)}},methods:{handleStart:function(t){if(!this.disabled){t.type.indexOf("mouse")>-1&&(this.mousePressed=!0,document.addEventListener("mouseup",this.handleEnd),document.addEventListener("mousemove",this.handleMove));var e=this.$refs.rateContainer.getBoundingClientRect();this.left=e.left,this.containerWidth=e.width}},handleMove:function(t){this.disabled||-1!==t.type.indexOf("mouse")&&!this.mousePressed||this.computeTempValue(-1===t.type.indexOf("mouse")?t.touches[0]:t)},handleEnd:function(t){this.disabled||-1!==t.type.indexOf("mouse")&&!this.mousePressed||(t.type.indexOf("mouse")>-1&&(this.mousePressed=!1,document.removeEventListener("mouseup",this.handleEnd),document.removeEventListener("mousemove",this.handleMove)),this.computeTempValue(t.type.indexOf("mouse")>-1?t:t.changedTouches[0]),this.$emit("input",this.tempValue))},computeTempValue:function(t){var e=Math.ceil((t.clientX-this.left)/this.containerWidth*this.max);e>0&&e<=this.max?this.tempValue=e:this.tempValue=e<=0?0:this.max}},components:{CubeRateItem:i.default}},t.exports=e.default})},XG7C:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("XPXN")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a),n=[{url:"https://dpubstatic.udache.com/static/dpubimg/7EzIhoEvnG/toutiao_12.JPG"},{url:"https://dpubstatic.udache.com/static/dpubimg/GR0Piaf5sz/toutiao_21.JPG"},{url:"https://dpubstatic.udache.com/static/dpubimg/K1JqUN8HSA/toutiao_31.JPG"}],c=["关注","推荐","新时代","热点","体育","娱乐","科技","头条号","问答","国际","cube-ui666"],l=1;e.default={data:function(){return{content:n.slice(),options:{pullDownRefresh:{threshold:60,stopTime:1e3,txt:"更新成功"},pullUpLoad:!0},navTxts:c,secondStop:26}},components:{CubePage:i.default},methods:{onPullingDown:function(){var t=this;setTimeout(function(){t.content.unshift(n[l++%3]),t.$refs.contentScroll.scrollTo(0,t.secondStop,300)},1e3)},onPullingUp:function(){var t=this;setTimeout(function(){t.content=t.content.concat(n)},1e3)},onImgLoad:function(){var t=this.$refs.contentScroll;t.scroll.beforePullDown&&t.refresh()}},mounted:function(){}},t.exports=e.default})},XJZo:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("7ErG")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={name:"cube-toolbar",components:{CubeToolbarItem:i.default},props:{actions:{type:Array,default:function(){return[]}},moreActions:{type:Array}},data:function(){return{showMore:!1}},computed:{basicActions:function(){var t=this.actions.slice();return this.moreActions&&t.push({icon:"cubeic-more",$cubeMore:!0}),t}},methods:{itemClick:function(t){t.$cubeMore?(this.showMore=!this.showMore,this.$emit("more-click",this.showMore)):this.$emit("click",t)}}},t.exports=e.default})},XNdS:function(t,e,a){var i=a("VU/8")(a("cbPg"),a("XD4M"),null,null,null);t.exports=i.exports},XPXN:function(t,e,a){function i(t){a("4g/6")}var n=a("VU/8")(a("twNj"),a("3Yuc"),i,null,null);t.exports=n.exports},XRNA:function(t,e,a){var i,n,c;!function(a,l){n=[e],i=l,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.warn=function(t,e){},t.tip=function(t,e){}})},XUNM:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("XPXN")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={data:function(){return{checkerValue:"",radioOptions:[{value:0,text:"AAAAA"},{value:1,text:"BBBBB"}],checkboxCheckerList:[],checkboxOptions:[{value:1,text:"red"},{value:2,text:"yellow"},{value:3,text:"blue"},{value:4,text:"green"}],defaultCheckerList:[3]}},components:{CubePage:i.default},methods:{radioClick:function(t){console.log(t),this.radioCheckerList=[t]}}},t.exports=e.default})},XUgO:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("XPXN"),a("IskU")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={data:function(){return{swipeData:i.customData}},methods:{onItemClick:function(t){console.log("click item:",t)},onBtnClick:function(t,e){var a=this;"delete"===t.action?this.$createActionSheet({title:"确认要删除吗",active:0,data:[{content:"删除"}],onSelect:function(){a.swipeData.splice(e,1)}}).show():this.$refs.swipeItem[e].shrink()}},components:{CubePage:n.default}},t.exports=e.default})},XYeX:function(t,e){},XjAD:function(t,e){},XlLO:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("O6S8"),a("XPXN"),a("j/Id")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=c(a),u=c(i),o=c(n),s=["top","right","bottom","left","center"],r=0;e.default={data:function(){return{type:"popup-dialog",mask:!0,visible1:!1,visible2:!1,visible3:!1,visible4:!1,position:""}},methods:{showPopup:function(t){var e=this;4===t&&(this.position=s[r++],r===s.length&&(r=0)),this["visible"+t]=!0,setTimeout(function(){e["visible"+t]=!1},2e3)}},components:{CubeButtonGroup:l.default,CubePage:u.default,CubeExtendPopup:o.default}},t.exports=e.default})},Xnqv:function(t,e,a){var i,n,c;!function(a,l){n=[t,e],i=l,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={cancel:"取消",confirm:"确认",ok:"确定",prev:"上一步",next:"下一步",selectText:"请选择",now:"现在",selectTime:"选择时间",today:"今日",formatDate:"M月D日",hours:"点",minutes:"分",validator:{required:"此为必填项",type:{string:"请输入字符",number:"请输入数字",array:"数据类型应为数组",date:"请选择有效日期",email:"请输入有效邮箱",tel:"请输入有效的手机号码",url:"请输入有效网址"},min:{string:"至少输入 {{config}} 位字符",number:"不得小于 {{config}}",array:"请选择至少 {{config}} 项",date:'请选择 {{config | toLocaleDateString("yyyy年MM月dd日")}} 之后的时间',email:"至少输入 {{config}} 位字符",tel:"至少输入 {{config}} 位字符",url:"至少输入 {{config}} 位字符"},max:{string:"请勿超过 {{config}} 位字符",number:"请勿大于 {{config}}",array:"最多选择 {{config}} 项",date:'请选择 {{config | toLocaleDateString("yyyy年MM月dd日")}} 之前的时间',email:"请勿超过 {{config}} 位字符",tel:"请勿超过 {{config}} 位字符",url:"请勿超过 {{config}} 位字符"},len:{string:"请输入 {{config}} 位字符",number:"长度应等于 {{config}}",array:"请选择 {{config}} 项",date:'请选择 {{config | toLocaleDateString("yyyy年MM月dd日")}} 之前的时间',email:"请输入 {{config}} 位字符",tel:"请输入 {{config}} 位字符",url:"请输入 {{config}} 位字符"},pattern:"格式错误",custom:"未通过校验",notWhitespace:"空白内容无效"}},t.exports=e.default})},XyhL:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("g9J/"),a("xUY6")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=n(a),l=n(i);c.default.install=function(t){t.component(c.default.name,c.default),t.component(l.default.name,l.default)},c.default.Item=l.default,e.default=c.default,t.exports=e.default})},"Y/GG":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-scroll-nav",class:{"cube-scroll-nav_side":t.side}},[a("cube-sticky",{ref:"sticky",attrs:{pos:t.scrollY},on:{change:t.stickyChangeHandler}},[a("cube-scroll",{ref:"scroll",attrs:{"scroll-events":t.scrollEvents,options:t.options,data:t.data},on:{scroll:t.scrollHandler,"scroll-end":t.scrollEndHandler}},[t._t("prepend"),t._v(" "),a("div",{staticClass:"cube-scroll-nav-main"},[a("cube-sticky-ele",{ref:"navBarEle",attrs:{"ele-key":"cube-scroll-nav-bar"}},[t._t("bar",[a("cube-scroll-nav-bar",{attrs:{direction:t.barDirection,txts:t.barTxts,labels:t.labels,current:t.active}})],{txts:t.barTxts,labels:t.labels,current:t.active})],2),t._v(" "),a("cube-sticky",{ref:"pageSticky",attrs:{offset:t.pageStickyOffset,pos:t.scrollY},on:{change:t.pageStickyChangeHandler}},[a("div",{staticClass:"cube-scroll-nav-panels"},[t._t("default")],2),t._v(" "),t.side?t._e():a("template",{slot:"fixed"},[a("div")])],2)],1)],2)],1)],1)},staticRenderFns:[]}},"Y/JC":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"toast-view",title:"Toast"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:t.showToastTime}},[t._v("Toast - time 1s")]),t._v(" "),a("cube-button",{on:{click:t.showToastTime0}},[t._v("Toast - time 0")]),t._v(" "),a("cube-button",{on:{click:t.showToastMask}},[t._v("Toast- with mask")]),t._v(" "),a("cube-button",{on:{click:t.showToastType}},[t._v("Toast - type")]),t._v(" "),a("cube-button",{on:{click:t.showToastTxtOnly}},[t._v("Toast - txt only")])],1)],1)])},staticRenderFns:[]}},Y01l:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("34KM")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={install:function(){}},t.exports=e.default})},YGd9:function(t,e,a){function i(t){a("0MDc")}var n=a("VU/8")(a("XUNM"),a("I3p6"),i,null,null);t.exports=n.exports},YUSN:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("XPXN"),a("O6S8"),a("Mr73")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=c(a),u=c(i),o=c(n);e.default={components:{CubePage:l.default,CubeButtonGroup:u.default,CubeView:o.default},methods:{goTo:function(t){this.$router.push("/scroll/"+t)}}},t.exports=e.default})},YVqS:function(t,e,a){var i=a("VU/8")(a("+8WV"),a("77Ud"),null,null,null);t.exports=i.exports},Ycrx:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"scroll-nav-def",title:"ScrollNav"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"view-wrapper"},[a("cube-scroll-nav",{on:{change:t.changeHandler}},t._l(t.data,function(e){return a("cube-scroll-nav-panel",{key:e.name,attrs:{label:e.name}},[a("ul",t._l(e.foods,function(e){return a("li",[a("div",[a("img",{attrs:{src:e.icon}}),t._v(" "),a("p",[t._v(t._s(e.name))])])])}))])}))],1)])])},staticRenderFns:[]}},YlpP:function(t,e){t.exports={seller:{name:"粥品香坊（回龙观）",description:"蜂鸟专送",deliveryTime:38,score:4.2,serviceScore:4.1,foodScore:4.3,rankRate:69.2,minPrice:20,deliveryPrice:4,ratingCount:24,sellCount:90,bulletin:"粥品香坊其烹饪粥料的秘方源于中国千年古法，在融和现代制作工艺，由世界烹饪大师屈浩先生领衔研发。坚守纯天然、0添加的良心品质深得消费者青睐，发展至今成为粥类的引领品牌。是2008年奥运会和2013年园博会指定餐饮服务商。",supports:[{type:0,description:"在线支付满28减5"},{type:1,description:"VC无限橙果汁全场8折"},{type:2,description:"单人精彩套餐"},{type:3,description:"该商家支持发票,请下单写好发票抬头"},{type:4,description:"已加入“外卖保”计划,食品安全保障"}],avatar:"http://static.galileo.xiaojukeji.com/static/tms/seller_avatar_256px.jpg",pics:["http://fuss10.elemecdn.com/8/71/c5cf5715740998d5040dda6e66abfjpeg.jpeg?imageView2/1/w/180/h/180","http://fuss10.elemecdn.com/b/6c/75bd250e5ba69868f3b1178afbda3jpeg.jpeg?imageView2/1/w/180/h/180","http://fuss10.elemecdn.com/f/96/3d608c5811bc2d902fc9ab9a5baa7jpeg.jpeg?imageView2/1/w/180/h/180","http://fuss10.elemecdn.com/6/ad/779f8620ff49f701cd4c58f6448b6jpeg.jpeg?imageView2/1/w/180/h/180"],infos:["该商家支持发票,请下单写好发票抬头","品类:其他菜系,包子粥店","北京市昌平区回龙观西大街龙观置业大厦底商B座102单元1340","营业时间:10:00-20:30"]},goods:[{name:"热销榜",type:-1,foods:[{name:"皮蛋瘦肉粥",price:10,oldPrice:"",description:"咸粥",sellCount:229,rating:100,info:"一碗皮蛋瘦肉粥，总是我到粥店时的不二之选。香浓软滑，饱腹暖心，皮蛋的Q弹与瘦肉的滑嫩伴着粥香溢于满口，让人喝这样的一碗粥也觉得心满意足",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:0,text:"很喜欢的粥",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"3******b",rateTime:1469261964e3,rateType:1,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/c/cd/c12745ed8a5171e13b427dbc39401jpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/c/cd/c12745ed8a5171e13b427dbc39401jpeg.jpeg?imageView2/1/w/750/h/750"},{name:"扁豆焖面",price:14,oldPrice:"",description:"",sellCount:188,rating:96,ratings:[{username:"3******c",rateTime:1469281964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"3******b",rateTime:1469261964e3,rateType:1,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],info:"",icon:"http://fuss10.elemecdn.com/c/6b/29e3d29b0db63d36f7c500bca31d8jpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/c/6b/29e3d29b0db63d36f7c500bca31d8jpeg.jpeg?imageView2/1/w/750/h/750"},{name:"葱花饼",price:10,oldPrice:"",description:"",sellCount:124,rating:85,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:1,text:"没啥味道",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:1,text:"很一般啊",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"3******b",rateTime:1469261964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/f/28/a51e7b18751bcdf871648a23fd3b4jpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/f/28/a51e7b18751bcdf871648a23fd3b4jpeg.jpeg?imageView2/1/w/750/h/750"},{name:"牛肉馅饼",price:14,oldPrice:"",description:"",sellCount:114,rating:91,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:1,text:"难吃不推荐",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"3******b",rateTime:1469261964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/d/b9/bcab0e8ad97758e65ae5a62b2664ejpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/d/b9/bcab0e8ad97758e65ae5a62b2664ejpeg.jpeg?imageView2/1/w/750/h/750"},{name:"招牌猪肉白菜锅贴/10个",price:17,oldPrice:"",description:"",sellCount:101,rating:78,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:1,text:"不脆,不好吃",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"3******b",rateTime:1469261964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/7/72/9a580c1462ca1e4d3c07e112bc035jpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/7/72/9a580c1462ca1e4d3c07e112bc035jpeg.jpeg?imageView2/1/w/750/h/750"},{name:"南瓜粥",price:9,oldPrice:"",description:"甜粥",sellCount:91,rating:100,ratings:[{username:"3******c",rateTime:1469281964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"3******b",rateTime:1469261964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/8/a6/453f65f16b1391942af11511b7a90jpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/8/a6/453f65f16b1391942af11511b7a90jpeg.jpeg?imageView2/1/w/750/h/750"},{name:"红豆薏米美肤粥",price:12,oldPrice:"",description:"甜粥",sellCount:86,rating:100,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"3******b",rateTime:1469261964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/d/22/260bd78ee6ac6051136c5447fe307jpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/d/22/260bd78ee6ac6051136c5447fe307jpeg.jpeg?imageView2/1/w/750/h/750"},{name:"八宝酱菜",price:4,oldPrice:"",description:"",sellCount:84,rating:100,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"3******b",rateTime:1469261964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/9/b5/469d8854f9a3a03797933fd01398bjpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/9/b5/469d8854f9a3a03797933fd01398bjpeg.jpeg?imageView2/1/w/750/h/750"},{name:"红枣山药糙米粥",price:10,oldPrice:"",description:"",sellCount:81,rating:91,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"3******b",rateTime:1469261964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/9/b5/469d8854f9a3a03797933fd01398bjpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/9/b5/469d8854f9a3a03797933fd01398bjpeg.jpeg?imageView2/1/w/750/h/750"},{name:"糊塌子",price:10,oldPrice:"",description:"",sellCount:80,rating:93,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"3******b",rateTime:1469261964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/0/05/097a2a59fd2a2292d08067e16380cjpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/0/05/097a2a59fd2a2292d08067e16380cjpeg.jpeg?imageView2/1/w/750/h/750"}]},{name:"单人精彩套餐",type:2,foods:[{name:"红枣山药粥套餐",price:29,oldPrice:36,description:"红枣山药糙米粥,素材包,爽口莴笋丝,四川泡菜或八宝酱菜,配菜可备注",sellCount:17,rating:100,info:"",ratings:[{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/6/72/cb844f0bb60c502c6d5c05e0bddf5jpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/6/72/cb844f0bb60c502c6d5c05e0bddf5jpeg.jpeg?imageView2/1/w/750/h/750"}]},{name:"冰爽饮品限时特惠",type:1,foods:[{name:"VC无限橙果汁",price:8,oldPrice:10,description:"",sellCount:15,rating:100,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:0,text:"还可以",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/e/c6/f348e811772016ae24e968238bcbfjpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/e/c6/f348e811772016ae24e968238bcbfjpeg.jpeg?imageView2/1/w/750/h/750"}]},{name:"精选热菜",type:-1,foods:[{name:"娃娃菜炖豆腐",price:17,oldPrice:"",description:"",sellCount:43,rating:92,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:0,text:"菜量还可以,味道还可以",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/d/2d/b1eb45b305635d9dd04ddf157165fjpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/d/2d/b1eb45b305635d9dd04ddf157165fjpeg.jpeg?imageView2/1/w/750/h/750"},{name:"手撕包菜",price:16,oldPrice:"",description:"",sellCount:29,rating:100,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/9/c6/f3bc84468820121112e79583c24efjpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/9/c6/f3bc84468820121112e79583c24efjpeg.jpeg?imageView2/1/w/750/h/750"},{name:"香酥黄金鱼/3条",price:11,oldPrice:"",description:"",sellCount:15,rating:100,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/4/e7/8277a6a2ea0a2e97710290499fc41jpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/4/e7/8277a6a2ea0a2e97710290499fc41jpeg.jpeg?imageView2/1/w/750/h/750"}]},{name:"爽口凉菜",type:-1,foods:[{name:"八宝酱菜",price:4,oldPrice:"",description:"",sellCount:84,rating:100,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"3******b",rateTime:1469261964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/9/b5/469d8854f9a3a03797933fd01398bjpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/9/b5/469d8854f9a3a03797933fd01398bjpeg.jpeg?imageView2/1/w/750/h/750"},{name:"拍黄瓜",price:9,oldPrice:"",description:"",sellCount:28,rating:100,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"3******b",rateTime:1469261964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/6/54/f654985b4e185f06eb07f8fa2b2e8jpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/6/54/f654985b4e185f06eb07f8fa2b2e8jpeg.jpeg?imageView2/1/w/750/h/750"}]},{name:"精选套餐",type:-1,foods:[{name:"红豆薏米粥套餐",price:37,oldPrice:"",description:"红豆薏米粥,三鲜干蒸烧卖,拍黄瓜",sellCount:3,rating:100,info:"",ratings:[{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/f/49/27f26ed00c025b2200a9ccbb7e67ejpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/f/49/27f26ed00c025b2200a9ccbb7e67ejpeg.jpeg?imageView2/1/w/750/h/750"},{name:"皮蛋瘦肉粥套餐",price:31,oldPrice:"",description:"",sellCount:12,rating:100,info:"",ratings:[{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/8/96/f444a8087f0e940ef264617f9d98ajpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/8/96/f444a8087f0e940ef264617f9d98ajpeg.jpeg?imageView2/1/w/750/h/750"}]},{name:"果拼果汁",type:-1,foods:[{name:"蜜瓜圣女萝莉杯",price:6,oldPrice:"",description:"",sellCount:1,rating:"",info:"",ratings:[],icon:"http://fuss10.elemecdn.com/b/5f/b3b04c259d5ec9fa52e1856ee50dajpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/b/5f/b3b04c259d5ec9fa52e1856ee50dajpeg.jpeg?imageView2/1/w/750/h/750"},{name:"加多宝",price:6,oldPrice:"",description:"",sellCount:7,rating:100,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"3******b",rateTime:1469261964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/b/9f/5e6c99c593cf65229225c5661bcdejpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/b/9f/5e6c99c593cf65229225c5661bcdejpeg.jpeg?imageView2/1/w/750/h/750"},{name:"VC无限橙果汁",price:8,oldPrice:10,description:"",sellCount:15,rating:100,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:0,text:"还可以",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/e/c6/f348e811772016ae24e968238bcbfjpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/e/c6/f348e811772016ae24e968238bcbfjpeg.jpeg?imageView2/1/w/750/h/750"}]},{name:"小吃主食",type:-1,foods:[{name:"扁豆焖面",price:14,oldPrice:"",description:"",sellCount:188,rating:96,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"3******b",rateTime:1469261964e3,rateType:1,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/c/6b/29e3d29b0db63d36f7c500bca31d8jpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/c/6b/29e3d29b0db63d36f7c500bca31d8jpeg.jpeg?imageView2/1/w/750/h/750"},{name:"葱花饼",price:10,oldPrice:"",description:"",sellCount:124,rating:85,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:1,text:"没啥味道",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:1,text:"很一般啊",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"3******b",rateTime:1469261964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/f/28/a51e7b18751bcdf871648a23fd3b4jpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/f/28/a51e7b18751bcdf871648a23fd3b4jpeg.jpeg?imageView2/1/w/750/h/750"},{name:"牛肉馅饼",price:14,oldPrice:"",description:"",sellCount:114,rating:91,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:1,text:"难吃不推荐",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"3******b",rateTime:1469261964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/d/b9/bcab0e8ad97758e65ae5a62b2664ejpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/d/b9/bcab0e8ad97758e65ae5a62b2664ejpeg.jpeg?imageView2/1/w/750/h/750"},{name:"招牌猪肉白菜锅贴/10个",price:17,oldPrice:"",description:"",sellCount:101,rating:78,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:1,text:"不脆,不好吃",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"3******b",rateTime:1469261964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/7/72/9a580c1462ca1e4d3c07e112bc035jpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/7/72/9a580c1462ca1e4d3c07e112bc035jpeg.jpeg?imageView2/1/w/750/h/750"},{name:"糊塌子",price:10,oldPrice:"",description:"",sellCount:80,rating:93,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"3******b",rateTime:1469261964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/0/05/097a2a59fd2a2292d08067e16380cjpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/0/05/097a2a59fd2a2292d08067e16380cjpeg.jpeg?imageView2/1/w/750/h/750"}]},{name:"特色粥品",type:-1,foods:[{name:"皮蛋瘦肉粥",price:10,oldPrice:"",description:"咸粥",sellCount:229,rating:100,ratings:[{username:"3******c",rateTime:1469281964e3,rateType:0,text:"很喜欢的粥",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"3******b",rateTime:1469261964e3,rateType:1,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/c/cd/c12745ed8a5171e13b427dbc39401jpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/c/cd/c12745ed8a5171e13b427dbc39401jpeg.jpeg?imageView2/1/w/750/h/750"},{name:"南瓜粥",price:9,oldPrice:"",description:"甜粥",sellCount:91,rating:100,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"3******b",rateTime:1469261964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/8/a6/453f65f16b1391942af11511b7a90jpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/8/a6/453f65f16b1391942af11511b7a90jpeg.jpeg?imageView2/1/w/750/h/750"},{name:"红豆薏米美肤粥",price:12,oldPrice:"",description:"甜粥",sellCount:86,rating:100,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"3******b",rateTime:1469261964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/d/22/260bd78ee6ac6051136c5447fe307jpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/d/22/260bd78ee6ac6051136c5447fe307jpeg.jpeg?imageView2/1/w/750/h/750"},{name:"红枣山药糙米粥",price:10,oldPrice:"",description:"",sellCount:81,rating:91,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"3******b",rateTime:1469261964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/9/b5/469d8854f9a3a03797933fd01398bjpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/9/b5/469d8854f9a3a03797933fd01398bjpeg.jpeg?imageView2/1/w/750/h/750"},{name:"鲜蔬菌菇粥",price:11,oldPrice:"",description:"咸粥",sellCount:56,rating:100,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:""},{username:"3******b",rateTime:1469261964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/e/a3/5317c68dd618929b6ac05804e429ajpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/e/a3/5317c68dd618929b6ac05804e429ajpeg.jpeg?imageView2/1/w/750/h/750"},{name:"田园蔬菜粥",price:10,oldPrice:"",description:"咸粥",sellCount:33,rating:100,info:"",ratings:[{username:"3******c",rateTime:1469281964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"2******3",rateTime:1469271264e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"},{username:"3******b",rateTime:1469261964e3,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png"}],icon:"http://fuss10.elemecdn.com/a/94/7371083792c19df00e546b29e344cjpeg.jpeg?imageView2/1/w/114/h/114",image:"http://fuss10.elemecdn.com/a/94/7371083792c19df00e546b29e344cjpeg.jpeg?imageView2/1/w/750/h/750"}]}],ratings:[{username:"3******c",rateTime:1469281964e3,deliveryTime:30,score:5,rateType:0,text:"不错,粥很好喝,我经常吃这一家,非常赞,以后也会常来吃,强烈推荐.",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:["南瓜粥","皮蛋瘦肉粥","扁豆焖面","娃娃菜炖豆腐","牛肉馅饼"]},{username:"2******3",rateTime:1469271264e3,deliveryTime:"",score:4,rateType:0,text:"服务态度不错",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:["扁豆焖面"]},{username:"3******b",rateTime:1469261964e3,score:3,rateType:1,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:[]},{username:"1******c",rateTime:1469261864e3,deliveryTime:20,score:5,rateType:0,text:"良心店铺",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:[]},{username:"2******d",rateTime:1469251264e3,deliveryTime:10,score:4,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:[]},{username:"9******0",rateTime:1469241964e3,deliveryTime:70,score:1,rateType:1,text:"送货速度蜗牛一样",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:[]},{username:"d******c",rateTime:1469231964e3,deliveryTime:30,score:5,rateType:0,text:"很喜欢的粥店",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:[]},{username:"2******3",rateTime:1469221264e3,deliveryTime:"",score:4,rateType:0,text:"量给的还可以",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:[]},{username:"3******8",rateTime:1469211964e3,deliveryTime:"",score:3,rateType:1,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:[]},{username:"a******a",rateTime:1469201964e3,deliveryTime:"",score:4,rateType:0,text:"孩子喜欢吃这家",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:["南瓜粥"]},{username:"3******3",rateTime:1469191264e3,deliveryTime:"",score:4,rateType:0,text:"粥挺好吃的",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:[]},{username:"t******b",rateTime:1469181964e3,deliveryTime:"",score:3,rateType:1,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:[]},{username:"f******c",rateTime:1469171964e3,deliveryTime:15,score:5,rateType:0,text:"送货速度很快",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:[]},{username:"k******3",rateTime:1469161264e3,deliveryTime:"",score:4,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:[]},{username:"u******b",rateTime:1469151964e3,deliveryTime:"",score:4,rateType:0,text:"下雨天给快递小哥点个赞",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:[]},{username:"s******c",rateTime:1469141964e3,deliveryTime:"",score:4,rateType:0,text:"好",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:[]},{username:"z******3",rateTime:1469131264e3,deliveryTime:"",score:5,rateType:0,text:"吃了还想再吃",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:[]},{username:"n******b",rateTime:1469121964e3,deliveryTime:"",score:3,rateType:1,text:"发票开的不对",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:[]},{username:"m******c",rateTime:1469111964e3,deliveryTime:30,score:5,rateType:0,text:"好吃",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:[]},{username:"l******3",rateTime:1469101264e3,deliveryTime:40,score:5,rateType:0,text:"还不错吧",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:[]},{username:"3******o",rateTime:1469091964e3,deliveryTime:"",score:2,rateType:1,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:[]},{username:"3******p",rateTime:1469081964e3,deliveryTime:"",score:4,rateType:0,text:"很喜欢的粥",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:[]},{username:"o******k",rateTime:1469071264e3,deliveryTime:"",score:5,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:[]},{username:"k******b",rateTime:1469061964e3,deliveryTime:"",score:4,rateType:0,text:"",avatar:"http://static.galileo.xiaojukeji.com/static/tms/default_header.png",recommend:[]}]}},Yu0J:function(t,e,a){function i(t){a("Il0v")}var n=a("VU/8")(a("s8G+"),a("penI"),i,null,null);t.exports=n.exports},Z5VE:function(t,e,a){var i,n,c;!function(a,l){n=[t,e],i=l,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={model:{prop:"visible",event:"toggle"},props:{visible:{type:Boolean,default:!1}},data:function(){return{isVisible:!1}},watch:{isVisible:function(t){this.$emit("toggle",t)}},mounted:function(){var t=this;this.$watch("visible",function(e,a){e?t.show():a&&!t._createAPI_reuse&&t.hide()},{immediate:!0})},methods:{show:function(){this.isVisible=!0},hide:function(){this.isVisible=!1}}},t.exports=e.default})},Z7ln:function(t,e){},ZCFR:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"popup-view",title:"popup"}},[a("template",{slot:"content"},[a("div",[a("cube-popup",{attrs:{type:"my-popup"},model:{value:t.visible1,callback:function(e){t.visible1=e},expression:"visible1"}},[t._v("My Popup Content 1")]),t._v(" "),a("cube-button",{on:{click:function(e){t.showPopup(1)}}},[t._v("Show Popup")])],1),t._v(" "),a("div",[a("cube-popup",{attrs:{type:"my-popup",mask:!1},model:{value:t.visible2,callback:function(e){t.visible2=e},expression:"visible2"}},[t._v("My Popup Content 2")]),t._v(" "),a("cube-button",{on:{click:function(e){t.showPopup(2)}}},[t._v("Show Popup - no mask")])],1),t._v(" "),a("div",[a("cube-popup",{ref:"myPopup3",attrs:{type:"my-popup",mask:!1,content:"My Popup Content 3"},model:{value:t.visible3,callback:function(e){t.visible3=e},expression:"visible3"}}),t._v(" "),a("cube-button",{on:{click:function(e){t.showPopup(3)}}},[t._v("Show Popup - with content")])],1),t._v(" "),a("div",[a("cube-popup",{ref:"myPopup4",attrs:{type:"my-popup",position:t.position,"mask-closable":!0},model:{value:t.visible4,callback:function(e){t.visible4=e},expression:"visible4"}},[t._v("My Popup Content 4")]),t._v(" "),a("cube-button",{on:{click:function(e){t.showPopup(4)}}},[t._v("top/right/bottom/left/center")])],1),t._v(" "),a("div",[a("cube-extend-popup",{ref:"extendPopup",attrs:{content:"click here hide"}}),t._v(" "),a("cube-button",{on:{click:function(e){t.$refs.extendPopup.show()}}},[t._v("Show Extend Popup")])],1)])],2)},staticRenderFns:[]}},ZDnC:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("XPXN")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={data:function(){return{checked:!0,checked2:"optionValue",optionValue:{label:"Option Checkbox",value:"optionValue",disabled:!1}}},components:{CubePage:i.default}},t.exports=e.default})},ZQJ7:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("5e0o"),a("1BqV")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=n(a),l=n(i);c.default.install=function(t){t.component(c.default.name,c.default),t.component(l.default.name,l.default)},c.default.Ele=l.default,e.default=c.default,t.exports=e.default})},ZU9z:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("cube-picker",{ref:"picker",attrs:{data:t.pickerData,"selected-index":t.pickerSelectedIndex,pending:t.pending,title:t.title,subtitle:t.subtitle,"z-index":t.zIndex,"cancel-txt":t._cancelTxt,"confirm-txt":t._confirmTxt,"swipe-time":t.swipeTime,"mask-closable":t.maskClosable},on:{select:t._pickerSelect,cancel:t._pickerCancel,change:t._pickerChange},model:{value:t.isVisible,callback:function(e){t.isVisible=e},expression:"isVisible"}})},staticRenderFns:[]}},ZVGq:function(t,e){},ZXOh:function(t,e,a){var i=a("VU/8")(a("qC0d"),a("Cnp6"),null,null,null);t.exports=i.exports},Zbp1:function(t,e){},Zd1j:function(t,e,a){var i,n,c;!function(a,l){n=[t,e],i=l,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={messages:["when you popState and actually being well, we expect it further","But I'm going to take care of ripping out my code in the fact that just something like that","And what we'll createdCallbacks than that you can still read what each one of this should go out","So just return Promise back and do this, the route equals","ah, let's do a clearRoutes it says I'm not going to do","At least trying new Promise","then, and then it's going to check what that","And we zoom in, then you can kind of set, except for a router","Now strictly today","I'm going to just takes an iterable as well be to add a visible","Anyway, so that we'll do a link","So what I'm going to minify this, so I'll just console","log data for now, just sometimes look at that","not then if we wanted to do position from the registerElements primed and red","That isn't get called","At all","No","Interesting that misc here","So what was a regular expression","Because once you get over doing a fancy techniques","And let's see","OK, we broke thing to do","Right","document","" So","Yeah","which is fine","And that we'll do sc","view","So what you draw the line where is it","Where is being run","I think, a million times look at it and styles an iteration, ES2015 update the content for is this","routes equals Array","from","Hm, that might be a trade","off, because we're just do an animation","in the attached","Look at this push","pull kind of useful to have layout root here is it","That by default, what we going to grab the","Yes","In router, I think, would let's say, for example","So let's make it can be just this the hour mark on the actual contents","We just loads though it was the way, a nice this","Are you would be a little bit more pretty raw, this is a day, dude","Border","radius, that","And I'm going to just do that will take something else","And thank you might now","That is the next time, I'm going to come into misc","And somebody actually not","source equals home","But if I was sending me to resolve where we go","All right","And it makes JavaScript","And I have run again","Normally a massive, as I said, this is always, I'm going to call the different [INAUDIBLE] Hm","Wow","We have happen on screen, and the otherwise, don't want","Yeah, and forth in the new path","So we don't you use that might very wrong","But in a customary bug","Don't forget to hidden or display to none, things like a race when you are actually really long time I want to tell that is where you go","And that work","Yeah, and I'm going to do today","I had misc are all the create one of the performance stuff","But if you had lots of tea","Yeah","Now we're going to come in","But did working as intended it","So we can be able to be watching it straightforward slash","And that, I think that will be all the like since we are valid concept for this, the root of this called HTML5 routing, which I don't know","I just feels OK, but hopefully, and opacity 0, and it's just put a z","index of 1 on that's going to be sort of handling of attachedCallback, and we want to transform scale very well be true for them is amazing, like across from the new one that","You know","Yeah, we could see now, all being we won't do this thing today","And so this is a current view","We have a question ties in","Why not","source equals router, why not","And I think that we'd probably, if we've already to allow it to be the thing","Oh, all right, so we get it, because I have to juggle it all","No","I feel I agree","It would actually get it, because otherwise, we still have this","routes","keys","So this is a layout boundary","It's the cause","Yeah, 3 pixels","OK","So since that's true","And this stuff","And that work","Good point, or strict, and then the URL, changed","But I'm going to, let's see, what we're any","So the new view, think about","And then we've defer, why not","Let's fail","So this newView, newView is never watching is I was that","so that it's a compass","Oh","North, east, south, we called, all be no ES","anything","What I'm curious about your question here","And I'm going to say","so let's see","So let's see","So we'll say from this animations that we want to do this so that this point","So we want us to cover next week","We can actually","But that they've all been set it","Yeah","And at the top and misc here","But it will be run into a bit different sections","And I think you'd want each of there's no DOM tree reason","Well, yeah","OK, so we have a couple of click for clicks","And so if we see about this","So what I think things that I really good start","script tags at home, kids","Don't do this file to actually","Woo","I made, sir","So again, particular line of the","let's call it sc for Supercharged","There's no","It's a compass","Oh","right","newView, newView is the simplicity at this one anything below 2015, right","It broke","OK, let's see","So we're going to removeEventListener","You are the nicest","something that you know, we'll create that doesn't necessarily end up with something new to these pages","In router","And certainly, as I said, you could usually just delete the constructor but createdCallback","Oh, well, let link of the","Yes","If we had to do is I want us to come up writing apps, it can actually, this push","pull kind of data, which version of something","So what they can be about view or something that have a thing to do a trade","off because you've got memory constraints and all these function","So let's see if","oh, do we wanted to do this","If you're attach, what we'd want to know","That is important think in so that goes to control of [","UI ","] transitions, particular expression","Right, so the otherwise, it should also work on the layout, which might because we're actually remind yourselves that I can do it","Yeah","So that, in theory, place all the content as well when that have new ideas","So this should be a class list, we'll create one of these, what we'll do is I want to do","All right, bottom, left","Do you have definitely","So when the mindset off chaining [INAUDIBLE] out of the same index HTML elements","Views","Yeah","So I'm going to createRoutes, wee, clearRoutes equals static","Let's do this, status is generally work","So that's why I was building the nicest","I'll tell you what we want to come into the panels","On all of ES2015 updates on the path name","Because it's an iterate what they see","I'm going to do","We'll do that","And hopefully, you're here in slash about view but we're going to be whichever view was the new view is that","so that the event that isn't get called, all subscribing to do today","And then we're just delete the JavaScript language","Yeah, and we need to extends HTMLElement","And we app where we actually uncanny valid concept for the out animation","duration","count in one tends HTML, I think, would then we've defer, why not","Let's see what's good on here","So if you say layout, for example","Yes, so one of its scope","What we want to do, I supposed to find out","The defer mean to your Custom Elements JavaScript says we don't have","We don't want to say this, so one that you click back to then dot the even though it","So there a createdCallback, so we never being us","That doesn't it","Right","All right","That should","Oh no, Array","from","Hm, it shouldNotMakeMoreOutPromises","And then let's do that is purely for simplicity at this","I don't takes too longer and I will say this","routes","because it matches the current ones will now needs to be run against that going to say const view back","And then what the createRoute","That's what I think","So we have to transitions, particular if branch of this, you're giving us way too much better","So since the layout, OK","I think we'll create objects anymore","You let us know what I'm going to do is I'm going to do is let's just find out","createdCallbacks","So if view","I could do if we don't want to make a nav","So I'm going to do that","Super","route","So for this, right now, all the like shouldNotMakeMoreOutPromise","resolve","Same for the power of Promise, right","Because why not","Let's give it or not","The defer also means that the state by selecting the view","No","Interesting","So the brand","new thing","So let's see, so we do that","All being well, we end with an actually hoping I will be remove this","Are you this","So we want to do that, actually just kind of amazing","You know","Yeah","which is the current view was the new one that's a layout","I don't you ask the question ties in it is when it's like a progressive to deal with, with contain strict","now here","And I'm going to us","So onChanged","Yeah","Because of the this","is","the","active","view","And we are building the routes equals this","But when the view first time we create that isn't it","Right","Yeah, that is amazing","And I think, a more bugs","Yeah, I want it to updating to do that I have new view, and some Promise, we can actually can do here","This is Paul","Hi","This time I write bugs, don't like this is actual lifecycle called ES6","ES2016 was doing that's why I wanted to say","currentView will be fast because","You know what, in the back to the current view","And then we'll say return","One of the panels","OK","Come of that stuff out","Should that the evaluation from 100","no, should add that kind of got allowing that back out, right","newView, newView, what we're kind of got these views that you, very wrong","But if you about using there","Because the nav has disappear ago, it was the keyword for all the regular expression and execution of a router","Now you know, over that, in there","Let's do that there we already got ourselves some of the way to go","And it matches the new one for that","Yeah","And certain time gaps, think it's an animating to put a route for some reason","view","Figure out things simplicity at this point","So what we're being a little bit of a pickle over right now we've deep","linked that could want it to be that","So let's just feels very interactions back in so this","newView","Yeah","And apparent, what we'd want each one of all the debugger standard one","So this way, it should add the visible","And we're pretty raw, there will be find out notionally, the code, it's fine, it's fail","So the question","Yeah, so we could see now them to makes Jav"]},t.exports=e.default})},ZhPo:function(t,e,a){function i(t){a("8T9y")}var n=a("VU/8")(a("4sRm"),a("By2z"),i,null,null);t.exports=n.exports},ZiC1:function(t,e,a){var i=a("VU/8")(a("fZ0D"),a("t2ZM"),null,null,null);t.exports=i.exports},ZiKE:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("XPXN")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={data:function(){return{selectedLabelDefault:"Vip",selectedLabelSlots:"Like",selectedLabelInline:"Me",selectedLabelSlotsOnly:"Home",tabs:[{label:"Home",icon:"cubeic-home"},{label:"Like",icon:"cubeic-like"},{label:"Vip",icon:"cubeic-vip"},{label:"Me",icon:"cubeic-person"}]}},methods:{clickHandler:function(t){console.log("tab was clicked",t)},changeHandler:function(t){console.log("value has changed, now is",t)}},components:{CubePage:i.default},watch:{selectedLabel:function(t){console.log(t)}}},t.exports=e.default})},ZrYO:function(t,e,a){var i=a("VU/8")(a("Ps1K"),a("Ex12"),null,null,null);t.exports=i.exports},ZtZp:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{staticClass:"option-demo",attrs:{type:"rate-view",title:"Rate"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"rate-wrapper"},[a("cube-rate",{attrs:{disabled:t.disabled,max:t.max,justify:t.justify},model:{value:t.value,callback:function(e){t.value=e},expression:"value"}},t._l(t.max,function(e){return a("cube-rate-item",{key:e,attrs:{value:t.value,index:e}},[t.customStar?a("div",{staticClass:"rate-item"}):t._e()])}))],1),t._v(" "),a("div",{staticClass:"options"},[a("div",{staticClass:"title"},[t._v("Options")]),t._v(" "),a("div",{staticClass:"option-list"},[a("switch-option",{staticClass:"item",attrs:{name:"disabled",value:t.disabled},on:{"update:value":t.updateDisabled}}),t._v(" "),a("select-option",{staticClass:"item",attrs:{name:"star numbers",value:t.max,options:t.options},on:{"update:value":t.updateStarNumbers}}),t._v(" "),a("switch-option",{staticClass:"item",attrs:{name:"Justify",value:t.justify},on:{"update:value":t.updateJustify}}),t._v(" "),a("switch-option",{staticClass:"item",attrs:{name:"customStar",value:t.customStar},on:{"update:value":t.updateRateItem}})],1)])])])},staticRenderFns:[]}},"a/uE":function(t,e,a){function i(t){a("mY+Z")}var n=a("VU/8")(a("cETb"),a("qdm+"),i,null,null);t.exports=n.exports},a0bD:function(t,e,a){function i(t){a("J9Iv")}var n=a("VU/8")(a("Er22"),a("OTGw"),i,null,null);t.exports=n.exports},aDIA:function(t,e,a){var i,n,c;!function(l,u){n=[e,a("5qoB"),a("x9Ds"),a("+Ghj")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"rules",{enumerable:!0,get:function(){return e.rules}}),Object.defineProperty(t,"addRule",{enumerable:!0,get:function(){return e.addRule}}),Object.defineProperty(t,"addMessage",{enumerable:!0,get:function(){return a.addMessage}}),Object.defineProperty(t,"types",{enumerable:!0,get:function(){return i.types}}),Object.defineProperty(t,"addType",{enumerable:!0,get:function(){return i.addType}})})},aLrZ:function(t,e){},aUGM:function(t,e){},aeD0:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"switch-view",title:"Switch"}},[a("template",{slot:"content"},[a("cube-switch",{model:{value:t.values[0],callback:function(e){t.$set(t.values,0,e)},expression:"values[0]"}},[t._v("Switch")]),t._v(" "),a("p",[t._v("switch value: "+t._s(t.values[0]))]),t._v(" "),a("cube-switch",{model:{value:t.values[1],callback:function(e){t.$set(t.values,1,e)},expression:"values[1]"}},[t._v("Switch")]),t._v(" "),a("p",[t._v("switch value: "+t._s(t.values[1]))]),t._v(" "),a("cube-switch",{attrs:{disabled:t.disabled},model:{value:t.values[2],callback:function(e){t.$set(t.values,2,e)},expression:"values[2]"}},[t._v("Disbled Switch")]),t._v(" "),a("p",[t._v("switch value: "+t._s(t.values[2]))]),t._v(" "),a("cube-switch",{attrs:{disabled:t.disabled},model:{value:t.values[3],callback:function(e){t.$set(t.values,3,e)},expression:"values[3]"}},[t._v("Disbled Switch")]),t._v(" "),a("p",[t._v("switch value: "+t._s(t.values[3]))])],1)],2)},staticRenderFns:[]}},agqa:function(t,e,a){function i(t){a("e/d0")}var n=a("VU/8")(a("Iyug"),a("orqC"),i,null,null);t.exports=n.exports},apY0:function(t,e,a){var i,n,c;!function(a,l){n=[t,e],i=l,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e){"use strict";function a(t,e){for(var a=arguments.length>2&&void 0!==arguments[2]&&arguments[2],i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",n=[],c=t;c<=e;c++){var l=(a&&c<10?"0"+c:c)+i;n.push({text:l,value:c})}return n}Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"date-picker",props:{min:{type:Array,default:function(){return[2010,2,1]}},max:{type:Array,default:function(){return[2020,2,1]}},selectedIndex:{type:Array,default:function(){return[0,0,0]}}},data:function(){return{}},computed:{data:function(){var t=this,e=a(this.min[0],this.max[0],!1,"年");return e.forEach(function(e){var i=e.value===t.min[0]?t.min[1]:1,n=e.value===t.max[0]?t.max[1]:12;e.children=a(i,n,!1,"月"),e.children.forEach(function(i){var n=30;[1,3,5,7,8,10,12].indexOf(i.value)>-1?n=31:2===i.value&&(n=e.value%400&&(e.value%4||!(e.value%100))?28:29);var c=e.value===t.min[0]&&i.value===t.min[1]?t.min[2]:1,l=e.value===t.max[0]&&i.value===t.max[1]?t.max[2]:n;i.children=a(c,l,!1,"日")})}),e}},methods:{show:function(){this.$refs.cascadePicker.show()},hide:function(){this.$refs.cascadePicker.hide()},select:function(t,e,a){this.$emit("select",t,e,a)},cancel:function(){this.$emit("cancel")}}},t.exports=e.default})},axq9:function(t,e){},b1gV:function(t,e,a){var i,n,c;!function(l,u){n=[e,a("Y01l"),a("osO1"),a("dK69"),a("HBJ7"),a("izCJ"),a("zQyI"),a("0wrK"),a("SFrn"),a("rwvr"),a("k+Su"),a("jWO0"),a("fFTD"),a("/Pfp"),a("7Sku"),a("mok4"),a("8nmV"),a("XyhL"),a("fd7u"),a("oLGW"),a("8cOd"),a("Oluj"),a("v4hj"),a("O1ak"),a("nrl6"),a("P+K9"),a("Ta5O"),a("tNeh"),a("r6LN"),a("R082"),a("3ubT"),a("NhRQ"),a("wT65"),a("eD0J"),a("ES30"),a("RO/E"),a("ZQJ7"),a("CzhT"),a("SPGs"),a("6G1g"),a("iQwk"),a("x/Fx")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n,c,l,u,o,s,r,d,v,p,f,h,x,y,m,b,g,_,w,A,k,C,T,P,j,S,M,D,V,I,O,E,U,R,B,H,N,L){"use strict";function F(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(t,"__esModule",{value:!0}),t.createAPI=t.BetterScroll=t.RecycleList=t.ScrollNavBar=t.ScrollNav=t.ScrollNavPanel=t.Sticky=t.StickyEle=t.Swipe=t.SwipeItem=t.IndexList=t.Slide=t.SlideItem=t.Scroll=t.ImagePreview=t.Drawer=t.DrawerPanel=t.DrawerItem=t.ActionSheet=t.Dialog=t.SegmentPicker=t.TimePicker=t.DatePicker=t.CascadePicker=t.Picker=t.Toast=t.Popup=t.Form=t.FormGroup=t.FormItem=t.Upload=t.Validator=t.Rate=t.Switch=t.Select=t.Textarea=t.Input=t.RadioGroup=t.Radio=t.Checker=t.CheckerItem=t.CheckboxGroup=t.Checkbox=t.TabPanel=t.TabPanels=t.Tab=t.TabBar=t.Toolbar=t.Tip=t.Loading=t.Button=t.Locale=t.Style=void 0;var X=F(e),K=F(a),z=F(i),Y=F(n),G=F(c),Q=F(l),W=F(u),q=F(o),Z=F(s),J=F(r),$=F(d),tt=F(v),et=F(p),at=F(f),it=F(h),nt=F(x),ct=F(y),lt=F(m),ut=F(b),ot=F(g),st=F(_),rt=F(w),dt=F(A),vt=F(k),pt=F(C),ft=F(T),ht=F(P),xt=F(j),yt=F(S),mt=F(M),bt=F(D),gt=F(V),_t=F(I),wt=F(O),At=F(E),kt=F(U),Ct=F(R),Tt=F(B),Pt=F(H),jt=F(N),St=F(L),Mt=ot.default.Group,Dt=ot.default.Item,Vt=_t.default.Item,It=tt.default.Radio,Ot=At.default.Item,Et=mt.default.Panel,Ut=mt.default.Item,Rt=kt.default.Ele,Bt=Ct.default.Panel,Ht=W.default.Tab,Nt=q.default.Panel,Lt=$.default.Item;t.Style=X.default,t.Locale=K.default,t.Button=z.default,t.Loading=Y.default,t.Tip=G.default,t.Toolbar=Q.default,t.TabBar=W.default,t.Tab=Ht,t.TabPanels=q.default,t.TabPanel=Nt,t.Checkbox=Z.default,t.CheckboxGroup=J.default,t.CheckerItem=Lt,t.Checker=$.default,t.Radio=It,t.RadioGroup=tt.default,t.Input=et.default,t.Textarea=at.default,t.Select=it.default,t.Switch=nt.default,t.Rate=ct.default,t.Validator=lt.default,t.Upload=ut.default,t.FormItem=Dt,t.FormGroup=Mt,t.Form=ot.default,t.Popup=st.default,t.Toast=rt.default,t.Picker=dt.default,t.CascadePicker=vt.default,t.DatePicker=pt.default,t.TimePicker=ft.default,t.SegmentPicker=ht.default,t.Dialog=xt.default,t.ActionSheet=yt.default,t.DrawerItem=Ut,t.DrawerPanel=Et,t.Drawer=mt.default,t.ImagePreview=bt.default,t.Scroll=gt.default,t.SlideItem=Vt,t.Slide=_t.default,t.IndexList=wt.default,t.SwipeItem=Ot,t.Swipe=At.default,t.StickyEle=Rt,t.Sticky=kt.default,t.ScrollNavPanel=Bt,t.ScrollNav=Ct.default,t.ScrollNavBar=Tt.default,t.RecycleList=Pt.default,t.BetterScroll=jt.default,t.createAPI=St.default})},bEG4:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("cube-cascade-picker",{attrs:{data:t.data,"selected-index":t.selectedIndex,title:t.title,subtitle:t.subtitle,"cancel-txt":t._cancelTxt,"confirm-txt":t._confirmTxt,"swipe-time":t.swipeTime,"z-index":t.zIndex,"mask-closable":t.maskClosable},on:{select:t._select,cancel:t._cancel,change:t._change},model:{value:t.isVisible,callback:function(e){t.isVisible=e},expression:"isVisible"}})},staticRenderFns:[]}},bJvT:function(t,e){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwEAYAAAAHkiXEAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAAASAAAAEgARslrPgAACj5JREFUeNrtm3twlNUVwH/32yRssglJTLIh5EUIQghNQJIoBChgrCCD2krlUS2oY9Tq1AeIFcsUqdNRp0qrFVSGEcsMkEQGtDpVgoCAoEBieD8EEh4mJIbNY7ObzYPd2z9u1mQqYXeT7K6d5vfPzvfN2fs45957zj33ftBPP/3008//K8LfDXCFdOxPhYEDQVsGSUkIfgvR0UAwxMYiKYKgIITMBasVdAegqgra8uHbb4UYXwl1df7uR3f8ZAwg5YHBMH48aFdg5kykzIVbb0WwDbKzgUMQEOB5wURBeTkwDXbsQDAZNm+GituhuFiI2bPBbvdXv31uAOkoOQiBgQh5EmbNAvEoLFwIcjfk5PiwKYVqpoi5sGIFMvgVePddoY3aBBaLrxrhMwNIWVoKWVng2Adr1wLjICPDV/W7QYdByIRFi4TImQ8FBd6u1OsGkPLAcsjLA20bPPssUm73aCkR/BHS04E5MHiwt9vbpeKHobAQabfAI48I7ZZzYDb3eS2+61DPkLJMQkQEXH0JKiqAO9SzrxDT4PhxpD0Spk9Xhvjuu74qXfNdR3qIDP092Gwg3ofWVj80YCuMGoXQ/gJ79yoflpTUV6X3egZIWVQEOh1y6GewZAlCVkNoaO/7LVJBp0OwBiZP9oOT7o434ORJGPAcTJggRGYm1Nf3tLDeG8BR8hAsXYqQv4OXXvK3dnzIHfDJJ5BdC3fdJYQQIKWnhfTYAFKW/hvGjQPHL2DPHnoap/+vIwWQny+07BxYs8bTv3tsAOnYKZWiQ9fA0aMIxkBamr/14EeGgskEMgNGjBDi5ir17B6eO2ERugvmz+9X/A+UQ1SU2sEvXOjpn92eAVJKCUJAaRQcPfpDdOCCurr6+qAg2Lq1uNhohFOnTp8ODYXmZptNp4Pnnlu06MwZiImJjm5r853W7Ha7XQhYunTZspEjQdN0OikhNTUlxWqF227Ly6uthaSkxESbza0i66GxERmyGhIS3N1Re2CAg3rIzQX2wN69ruQrKysr9Xp4442VK1NTITIyIqKtDXJysrMbGmDQoNjYlhZIT09Pt1hA04Tw3IX1njNnzp41GKC6uqZGr4dvvikrCw+Hiorz50NC4KGHFiy4eBEyMzMy3NqGSbEYFiwQWvYXsG6dK3H3nabklzBrlrsm27lz9+7oaBg6VI2o/PwHH7xwAXS6gAB/KLo7brxx2DCrtfN34sTcXJMJtmz58MO4OCgu/vxzo9EDAwiZDLNnqwfXBvBkBsyCw4eB5yEz05W8c4oLoWngvxHeW9rbr14VAgID3R04Yj40NSFZB1FRKjpqb+9O2uUMkI7jv1YbK9sZteZfvxVWq9UaEADnzpWXh4SA2Ww2BwbC9u1ffBEdDSaTyRQUBKGhoaFXr8Kdd86YUVMD48ePG+fLrL3TFxUWbtoUH9/ZrrAw1a7c3PHj6+o6Z0ZEREREezsYjTEx19+Py3UQFgaOzztyWHQM3J4ZACxZkJoK2h9Ap3MlfebMuXMGA7z33vvvJyWBTqecW17e1Km1tTBsWGqq1Qrl5RUVBgMUFHzwQXw8DB48eHBLCyQnJyU1N3tP8RaLxRIQAGvWrF2bnAxjxowe3dgIc+bce29lJVRVVVXp9Z1Bw9at27YZjTBjxvTpNTUwffrtt3//vRsVCXEJRozoAwOIf0BiInCbOx2Mi1PO1cmkSRMmmEwwc6Ya6U7S0kaMsFjUTDEY4MSJkyfDwrxvAOcACQ4ODrbbYd48pXinb0pLGz7cYgG9Xq93OKCgoKgoPl4FDZ5lorR6SEhwJeXaAEK84kluJybGaGxrg/j4+PiWFsjKGju2sbF7+ccey88/fx6E8I2PGDMmM7OxsXMAdBcUZGSMGmU2w44dRmN0NKSkDBni2cCQG9RRKhuvq16XxciD62DuXGAkbNzoSr6fH8iG5cuFyBHw4ovdCbneCUv5fG+O6OrrGxoCA3/8vqGhsfFa731NW1tbm6ZBc3Nzc1cPZzY3NQUEdEZzPaASrjf3Fa4NIHQfw+XLPe1gSUlpaUQESOlwALS3t7drGpSVHToUHt7n+vSY2tra2qCgzo2Xk9OnVZRkNpvNPUoxSiZCba0rMddLkOPLWggLQwz4oMOiOSol0Y18h6JttpYWnQ5CQkJC7HZobW1t1bTOLb8zrrZa1cgzGJSck+rqmpoBA6CoSIWJzjA1Jycrq6Gh+/Y2NamR+9lnKoppbVUj/P77583reo7lrDckRDljlU7uDKMNBoPh6lVwOKQUAlpbW1o0rdN5u4EVxo4VImcKlJV1J+RyBghtYgw0NQH74NQpV/JNTSrMKy0tK+t6cOgMOy9dunix60j76quvv77hBmhpUR10EhERHt7eDnFxgwa1tMD69Rs2JCTAvn1KvjvDr1q1enVKCpw8efp0WBikp48c2dT0Y/n9+w8ciIxU9XZdenbu3L07Kqrz2WQymQID4ciRY8cGDnRL8X9TJ3eWyergxoV+3SoSkLLkWVi5EuQcePxxd//XV2zYUFiYkADHjh0/HhYGQUGBgUrlCrvd4RACGhuVb1m8+Jlnzp6FxES3k2l9xXvqvlHO2zBtmithT9LRc2HTJp92Bbh8ubpar4cLFy5cCA6G2FijsbUVJk+eNMlk6vydODE3t66uM6w8dOjIkfBwsNlU1tVnSJ6Gjz92V9zDdLSmQekcOHcO5GIYMsRb/Th/XjnFFSvefDM1FRITExJsNnj4YZXUi4yMjLxWhsW5pG3e/NFHcXFgNCqDOWeEF7FCczMMuAESEtw9K/b8REwevB+eeAJ4Ct56y1u9ca7pJlNdXVAQREd7dl7gjLacztbpU3pAHFy6BLwNxcUg1l/7KqNjOxw+LMTNqbBqlbuF98AAX8VDcDAE/KrDySyA5ORe6vsnjG4KpKcLMdbqjlP1FI+PJNVtY5sNRDE89ZS/1eN95G7oGrf1LX1wL6hkibrrKe+BBx7wqW58w7KOtdwAu3YhsUJ7O0L8GfbvFyI7G15/vaeF94EBDi8CgwHZ9hvYsweBA266yd9a8yJJUF2NdORCTk5vryr22d1Q6fh6LsTGInSh8OWXwKMwbJi/tdWHqJkgHZNg6lSh3bLkenl+d+nzy7lSlpRAXBywHD79FOSfYPRoHypKD8eOIe1H4J57ECEZcOVK74tta4PWVrXk9N2JhdduR3fJIVlh9WqgtiOt7V2kWAsvvyy07FXwwgter6+X+PADjQN/hfvuU4fWr70GXIRBg7xQlfPLl3+plInY6N4aLX4Ozc3eCje7rdVXFTlR17vDwxEIePJJkCkd4WzHDTOfMQpsNiS74J13wP5PePVVoY0rgK6Hp97F7x9oSLlTgl4PocFw991I8TOYPRuBGaZMAbkerpX/dJuXOw6UvlEXyuSrUFCA1IbCli3q2ojrgxNv4XcDdEeX3FMpDB+u3qalgfw7xMeDeFpd/5DblZzIU1EKEq5cQTjWwokTcH4KnDrl768h++mnn3766ee/+Q8wJi40yrylgwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOC0xMC0yNVQxNDowNzoyMSswODowMJa0u+cAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTgtMTAtMjVUMTQ6MDc6MjErMDg6MDDn6QNbAAAAenRFWHRzdmc6YmFzZS11cmkAZmlsZTovLy9ob21lL2FkbWluL2ljb24tZm9udC90bXAvaWNvbl9nYTZyZ2t4Y21tYS8lRTUlOEQlQTElRTklODAlOUElRTUlQTQlQjQlRTUlODMlOEYlRTglQTElQTglRTYlODMlODU1LnN2Z05FEeMAAAAASUVORK5CYII="},bebB:function(t,e){},befj:function(t,e){},bh5B:function(t,e,a){function i(t){a("FzTc")}var n=a("VU/8")(a("TAcf"),a("99oh"),i,null,null);t.exports=n.exports},blHT:function(t,e){},br84:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"validator-view",title:"Validator",desc:""}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"validator-item"},[a("cube-input",{attrs:{placeholder:"E-mail"},model:{value:t.text1,callback:function(e){t.text1=e},expression:"text1"}}),t._v(" "),a("cube-validator",{ref:"validator1",attrs:{model:t.text1,rules:t.rules1,messages:t.messages1,immediate:t.immediate},model:{value:t.isValid[0],callback:function(e){t.$set(t.isValid,0,e)},expression:"isValid[0]"}})],1),t._v(" "),a("div",{staticClass:"validator-item"},[a("cube-validator",{ref:"validator2",attrs:{model:t.text2,rules:t.rules2,messages:t.messages2,immediate:t.immediate},scopedSlots:t._u([{key:"message",fn:function(e){return a("div",{staticClass:"custom-msg"},[!e.dirty&&!e.validated||t.isValid[1]?t._e():a("div",[a("i",{staticClass:"dd-cubeic-important"}),t._v(" "+t._s(e.message)+"\n "),a("div",t._l(Object.values(e.result),function(e,i){return e.inValid?a("span",{key:i},[t._v(t._s(e.message+" "))]):t._e()}))])])}}]),model:{value:t.isValid[1],callback:function(e){t.$set(t.isValid,1,e)},expression:"isValid[1]"}},[a("cube-input",{attrs:{placeholder:"component name"},model:{value:t.text2,callback:function(e){t.text2=e},expression:"text2"}})],1)],1),t._v(" "),a("div",{staticClass:"validator-item"},[a("cube-validator",{ref:"validator3",attrs:{model:t.text3,rules:t.rules3,immediate:t.immediate},model:{value:t.isValid[2],callback:function(e){t.$set(t.isValid,2,e)},expression:"isValid[2]"}},[a("cube-input",{attrs:{placeholder:"validate odd"},model:{value:t.text3,callback:function(e){t.text3=e},expression:"text3"}})],1)],1),t._v(" "),a("div",{staticClass:"validator-item"},[a("cube-checkbox-group",{attrs:{horizontal:!0},model:{value:t.checkList,callback:function(e){t.checkList=e},expression:"checkList"}},[a("cube-checkbox",{attrs:{label:"1"}},[t._v("1")]),t._v(" "),a("cube-checkbox",{attrs:{label:"2"}},[t._v("2")]),t._v(" "),a("cube-checkbox",{attrs:{label:"3"}},[t._v("3")])],1),t._v(" "),a("cube-validator",{ref:"validator4",attrs:{model:t.checkList,rules:t.rules4,immediate:t.immediate},model:{value:t.isValid[3],callback:function(e){t.$set(t.isValid,3,e)},expression:"isValid[3]"}})],1),t._v(" "),a("div",{staticClass:"validator-item"},[a("cube-rate",{model:{value:t.rate,callback:function(e){t.rate=e},expression:"rate"}}),t._v(" "),a("cube-validator",{ref:"validator5",attrs:{model:t.rate,rules:t.rules5,immediate:t.immediate},model:{value:t.isValid[4],callback:function(e){t.$set(t.isValid,4,e)},expression:"isValid[4]"}})],1),t._v(" "),a("div",{staticClass:"validator-item"},[a("p",[t._v("Async validate: ")]),t._v(" "),a("cube-validator",{ref:"validator6",attrs:{model:t.captcha,rules:t.rules6,messages:t.messages6,immediate:t.immediate},on:{validating:t.validatingHandler,validated:t.validatedHandler},model:{value:t.isValid[5],callback:function(e){t.$set(t.isValid,5,e)},expression:"isValid[5]"}},[a("cube-input",{attrs:{placeholder:"Please input captcha"},model:{value:t.captcha,callback:function(e){t.captcha=e},expression:"captcha"}})],1)],1),t._v(" "),a("cube-button",{on:{click:t.submit}},[t._v("Submit")])],1)])},staticRenderFns:[]}},c7sT:function(t,e,a){function i(t){a("uCFs")}var n=a("VU/8")(a("YUSN"),a("4OFj"),i,null,null);t.exports=n.exports},cETb:function(t,e,a){var i,n,c;!function(a,l){n=[t,e],i=l,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-button",props:{icon:{type:String,default:""},active:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},inline:{type:Boolean,default:!1},primary:{type:Boolean,default:!1},outline:{type:Boolean,default:!1},light:{type:Boolean,default:!1},type:{type:String,default:"button"}},computed:{btnClass:function(){return{"cube-btn_active":this.active,"cube-btn_disabled":this.disabled,"cube-btn-inline":this.inline,"cube-btn-primary":this.primary,"cube-btn-outline":this.outline,"cube-btn-outline-primary":this.outline&&this.primary,"cube-btn-light":this.light}}},methods:{handleClick:function(t){if(this.disabled)return t.preventDefault(),void t.stopPropagation();this.$emit("click",t)}}},t.exports=e.default})},"cL1+":function(t,e,a){var i,n,c;!function(a,l){n=[e],i=l,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var e=t.inBrowser="undefined"!=typeof window,a=t.ua=e&&navigator.userAgent.toLowerCase();t.isAndroid=a&&a.indexOf("android")>0})},cMIu:function(t,e,a){var i,n,c;!function(a,l){n=[t,e],i=l,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-tab",props:{label:{type:[String,Number],required:!0},value:{type:[String,Number],default:function(){return this.label}},icon:{type:String,default:""}},mounted:function(){this.$parent.addTab(this)},destroyed:function(){this.$parent.removeTab(this)},computed:{isActive:function(){return this.$parent.value===this.value}},methods:{handleClick:function(t){this.$parent.trigger(this.value)}}},t.exports=e.default})},cQz5:function(t,e,a){function i(t){a("xpS3")}var n=a("VU/8")(a("GJyM"),a("BPyk"),i,null,null);t.exports=n.exports},cSnO:function(t,e,a){function i(t){a("aLrZ")}var n=a("VU/8")(a("FZvW"),a("jlfN"),i,null,null);t.exports=n.exports},"cai+":function(t,e){},cbPg:function(t,e,a){var i,n,c;!function(a,l){n=[t,e],i=l,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{y:{type:Number,default:0}},data:function(){return{width:50,height:80}},computed:{distance:function(){return Math.max(0,Math.min(this.y*this.ratio,this.maxDistance))},style:function(){return"width:"+this.width/this.ratio+"px;height:"+this.height/this.ratio+"px"}},mounted:function(){this.ratio=window.devicePixelRatio,this.width*=this.ratio,this.height*=this.ratio,this.initRadius=18*this.ratio,this.minHeadRadius=12*this.ratio,this.minTailRadius=5*this.ratio,this.initArrowRadius=10*this.ratio,this.minArrowRadius=6*this.ratio,this.arrowWidth=3*this.ratio,this.maxDistance=40*this.ratio,this.initCenterX=25*this.ratio,this.initCenterY=25*this.ratio,this.headCenter={x:this.initCenterX,y:this.initCenterY},this._draw()},methods:{_draw:function(){var t=this.$refs.bubble,e=t.getContext("2d");e.clearRect(0,0,t.width,t.height),this._drawBubble(e),this._drawArrow(e)},_drawBubble:function(t){t.save(),t.beginPath();var e=this.distance/this.maxDistance,a=this.initRadius-(this.initRadius-this.minHeadRadius)*e;this.headCenter.y=this.initCenterY-(this.initRadius-this.minHeadRadius)*e,t.arc(this.headCenter.x,this.headCenter.y,a,0,Math.PI,!0);var i=this.initRadius-(this.initRadius-this.minTailRadius)*e,n={x:this.headCenter.x,y:this.headCenter.y+this.distance},c={x:n.x-i,y:n.y},l={x:c.x,y:c.y-this.distance/2};t.quadraticCurveTo(l.x,l.y,c.x,c.y),t.arc(n.x,n.y,i,Math.PI,0,!0);var u={x:this.headCenter.x+a,y:this.headCenter.y},o={x:n.x+i,y:u.y+this.distance/2};t.quadraticCurveTo(o.x,o.y,u.x,u.y),t.fillStyle="rgb(170,170,170)",t.fill(),t.strokeStyle="rgb(153,153,153)",t.stroke(),t.restore()},_drawArrow:function(t){t.save(),t.beginPath();var e=this.distance/this.maxDistance,a=this.initArrowRadius-(this.initArrowRadius-this.minArrowRadius)*e;t.arc(this.headCenter.x,this.headCenter.y,a-(this.arrowWidth-e),-Math.PI/2,0,!0),t.arc(this.headCenter.x,this.headCenter.y,a,0,3*Math.PI/2,!1),t.lineTo(this.headCenter.x,this.headCenter.y-a-this.arrowWidth/2+e),t.lineTo(this.headCenter.x+2*this.arrowWidth-2*e,this.headCenter.y-a+this.arrowWidth/2),t.lineTo(this.headCenter.x,this.headCenter.y-a+3*this.arrowWidth/2-e),t.fillStyle="rgb(255,255,255)",t.fill(),t.strokeStyle="rgb(170,170,170)",t.stroke(),t.restore()}},watch:{y:function(){this._draw()}}},t.exports=e.default})},cjIa:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"form-def",title:"Form 表单"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-form",{attrs:{model:t.model,schema:t.schema,"immediate-validate":!1,options:t.options},on:{validate:t.validateHandler,submit:t.submitHandler,reset:t.resetHandler}}),t._v(" "),a("json-view",{attrs:{title:"model",data:t.model}}),t._v(" "),a("json-view",{attrs:{title:"validity",data:t.validity}})],1)])},staticRenderFns:[]}},crve:function(t,e){},d64j:function(t,e,a){var i,n,c;!function(a,l){n=[t,e],i=l,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{zIndex:{type:Number,default:100},maskClosable:{type:Boolean,default:!1}}},t.exports=e.default})},d9ai:function(t,e){},"dJ+B":function(t,e){},dK69:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("a/uE")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);i.default.install=function(t){t.component(i.default.name,i.default)},e.default=i.default,t.exports=e.default})},dTzF:function(t,e,a){function i(t){a("cai+")}var n=a("VU/8")(a("RGkz"),a("uN5Q"),i,null,null);t.exports=n.exports},"de/F":function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("fZjL"),a("woOf"),a("Z5VE"),a("d64j"),a("wih/"),a("4KJe"),a("UFDc"),a("+rJ6")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n,c,l,u,o,s){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}function d(t){return[t.getFullYear(),t.getMonth()+1,t.getDate(),t.getHours(),t.getMinutes(),t.getSeconds()]}Object.defineProperty(e,"__esModule",{value:!0});var v=r(a),p=r(i),f=r(n),h=r(c),x=r(l),y=r(u),m=["year","month","date","hour","minute","second"],b={month:{natureMin:1,natureMax:12},date:{natureMin:1,natureMax:31},hour:{natureMin:0,natureMax:23},minute:{natureMin:0,natureMax:59},second:{natureMin:0,natureMax:59}},g={year:"YYYY",month:"M",date:"D",hour:"hh",minute:"mm",second:"ss"};e.default={name:"cube-date-picker",mixins:[f.default,h.default,x.default,y.default],props:{min:{type:[Date,Array],default:function(){return new Date(2010,1,1)}},max:{type:[Date,Array],default:function(){return new Date(2020,12,31)}},startColumn:{type:String,default:function(){return"year"}},columnCount:{type:Number,default:3},format:{type:Object,default:function(){return{}}},value:{type:[Date,Array],default:function(){return this.min}},columnOrder:{type:Array,default:function(){return["year","month","date","hour","minute","second"]}}},computed:{formatConfig:function(){var t=(0,p.default)({},g);return(0,o.deepAssign)(t,this.format),t},natureRangeCache:function(){var t=this,e={hour:[],minute:[],second:[]};return(0,v.default)(e).forEach(function(a){e[a]=t._range(a,b[a].natureMin,b[a].natureMax)}),e},startIndex:function(){var t=m.indexOf(this.startColumn);return t<0?0:t},minArray:function(){return this.min instanceof Date?d(this.min).slice(this.startIndex,this.startIndex+this.columnCount):this.min},maxArray:function(){return this.max instanceof Date?d(this.max).slice(this.startIndex,this.startIndex+this.columnCount):this.max},valueArray:function(){return this.value instanceof Date?d(this.value).slice(this.startIndex,this.startIndex+this.columnCount):this.value},data:function(){var t=[];return this._generateData(this.startIndex,0,t),t},selectedIndex:function(){for(var t=this,e=[],a=this.data,i=void 0,n=0;n=3&&a.value;a.children=this._range(m[t],u,o,a.isMin,a.isMax,r)}else a.children=this.natureRangeCache[m[t]];e=this.startIndex+this.columnCount?e[i]=b[m[i]].natureMin:e[i]=t[i-this.startIndex];return e[1]--,new(Function.prototype.bind.apply(Date,[null].concat(e)))},_range:function(t,e,a,i,n){var c=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;this._rangeCache||(this._rangeCache={});var l=t+c+e+a+i+n;if(this._rangeCache[l])return this._rangeCache[l];for(var u=[],o=this.formatConfig[t],r=e;r<=a;r++){var d={text:(0,s.formatType)(t,o,r,"i"),value:r,order:this.columnOrder.indexOf(t)};i&&r===e&&(d.isMin=!0),n&&r===a&&(d.isMax=!0),c&&(d.year=c),u.push(d)}return this._rangeCache[l]=u,u}}},t.exports=e.default})},deRs:function(t,e){},dfWv:function(t,e){},"dkN+":function(t,e){},dq75:function(t,e){},dz6Z:function(t,e){},dz9r:function(t,e,a){var i,n,c;!function(a,l){n=[t,e],i=l,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e){"use strict";function a(t){var e,a=t.naturalHeight,i=document.createElement("canvas");i.width=1,i.height=a;var n=i.getContext("2d");n.drawImage(t,0,0);try{e=n.getImageData(0,0,1,a).data}catch(t){return console.log("Cannot check verticalSquash: CORS?"),1}for(var c=0,l=a,u=a;u>c;){0===e[4*(u-1)+3]?l=u:c=u,u=l+c>>1}var o=u/a;return 0===o?1:o}function i(t){for(var e=atob(t.split(",")[1]),a=new ArrayBuffer(e.length),i=new Uint8Array(a),n=0;n4&&(t.width=n,t.height=i),a){case 2:e.translate(i,0),e.scale(-1,1);break;case 3:e.translate(i,n),e.rotate(Math.PI);break;case 4:e.translate(0,n),e.scale(1,-1);break;case 5:e.rotate(.5*Math.PI),e.scale(1,-1);break;case 6:e.rotate(.5*Math.PI),e.translate(0,-n);break;case 7:e.rotate(.5*Math.PI),e.translate(i,-n),e.scale(-1,1);break;case 8:e.rotate(-.5*Math.PI),e.translate(-i,0)}}function u(t,e,u){var o=new FileReader;o.onload=function(o){if(!1===e.compress)return t.base64=o.target.result,void u(t);var s=new Image;s.onload=function(){var o=a(s),r=c(i(s.src)),d=document.createElement("canvas"),v=d.getContext("2d"),p=e.compress.width,f=e.compress.height,h=s.width,x=s.height,y=void 0;if(hf?(h=parseInt(f*s.width/s.height),x=f):h>=x&&h>p&&(x=parseInt(p*s.height/s.width),h=p),d.width=h,d.height=x,r>0&&l(d,v,r),v.drawImage(s,0,0,h,x/o),y=/image\/jpeg/.test(t.type)||/image\/jpg/.test(t.type)?d.toDataURL("image/jpeg",e.compress.quality):d.toDataURL(t.type),"file"==e.type)if(/;base64,null/.test(y)||/;base64,$/.test(y))console.warn("Compress fail, dataURL is "+y+". Next will use origin file to upload."),u(t);else{var m=n(y);m.id=t.id,m.name=t.name,m.lastModified=t.lastModified,m.lastModifiedDate=t.lastModifiedDate,u(m)}else/;base64,null/.test(y)||/;base64,$/.test(y)?(e.onError(t,new Error("Compress fail, dataURL is "+y+".")),u()):(t.base64=y,u(t))},s.src=o.target.result},o.readAsDataURL(t)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=u,t.exports=e.default})},"e/d0":function(t,e){},e3O1:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("XPXN"),a("O6S8"),a("K5n8")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=c(a),u=c(i);e.default={methods:{showPicker:function(){this.picker||(this.picker=this.$createPicker({title:"Picker",data:[n.column1],onSelect:this.selectHandle,onCancel:this.cancelHandle})),this.picker.show()},showMutiPicker:function(){this.mutiPicker||(this.mutiPicker=this.$createPicker({title:"Multi-column Picker",data:[n.column1,n.column2,n.column3],onSelect:this.selectHandle,onCancel:this.cancelHandle})),this.mutiPicker.show()},showAliasPicker:function(){this.aliasPicker||(this.aliasPicker=this.$createPicker({title:"Use Alias",data:[[{id:1,name:"A"},{id:2,name:"B"},{id:3,name:"C"}]],alias:{value:"id",text:"name"},onSelect:this.selectHandle,onCancel:this.cancelHandle})),this.aliasPicker.show()},showSetDataPicker:function(){this.setDataPicker||(this.setDataPicker=this.$createPicker({title:"Use SetData",onSelect:this.selectHandle,onCancel:this.cancelHandle})),this.setDataPicker.setData([n.column1,n.column2,n.column3],[1,2,3]),this.setDataPicker.show()},showUpdatePropsPicker:function(){var t=this;this.updatePropsPicker||(this.updatePropsPicker=this.$createPicker({title:"Use $updateProps",data:[n.column1],selectedIndex:[0],onSelect:this.selectHandle,onCancel:this.cancelHandle})),this.updatePropsPicker.show(),setTimeout(function(){t.updatePropsPicker.$updateProps({title:"Updated",data:[n.column1,n.column2,n.column3],selectedIndex:[1,2,3]})},1e3)},showSubtitlePicker:function(){this.subtitlePicker||(this.subtitlePicker=this.$createPicker({title:"Picker",subtitle:"subtitle",data:[n.column1],onSelect:this.selectHandle,onCancel:this.cancelHandle})),this.subtitlePicker.show()},selectHandle:function(t,e,a){this.$createDialog({type:"warn",content:"Selected Item:
- value: "+t.join(", ")+"
- index: "+e.join(", ")+"
- text: "+a.join(" "),icon:"cubeic-alert"}).show()},cancelHandle:function(){this.$createToast({type:"correct",txt:"Picker canceled",time:1e3}).show()}},components:{CubePage:l.default,CubeButtonGroup:u.default}},t.exports=e.default})},eAlP:function(t,e,a){var i,n,c;!function(a,l){n=[t,e],i=l,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"input-option",props:{name:{type:String},value:null,minValue:null},data:function(){return{inputValue:this.value}},watch:{inputValue:function(t){this.$emit("update:value",this.minValue?Math.max(t,this.minValue):t)}}},t.exports=e.default})},"eC/x":function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("pFYg"),a("woOf"),a("+rJ6"),a("Z5VE"),a("d64j"),a("wih/"),a("4KJe"),a("VzLe"),a("XRNA")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n,c,l,u,o,s,r){"use strict";function d(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var v=d(a),p=d(i),f=d(c),h=d(l),x=d(u),y=d(o),m=d(s),b={value:"now"},g={floor:"floor",ceil:"ceil",round:"round"};e.default={name:"cube-time-picker",mixins:[f.default,h.default,x.default,y.default],components:{CubeCascadePicker:m.default},props:{title:{type:String,default:""},delay:{type:Number,default:15},day:{type:Object,default:function(){return{len:3}}},showNow:{type:[Boolean,Object],default:!0},minuteStep:{type:[Number,Object],default:10},format:{type:String,default:"YYYY/M/D hh:mm"},min:{type:[Date,Number],default:null},max:{type:[Date,Number],default:null}},data:function(){return{now:new Date,selectedIndex:[0,0,0],value:0}},computed:{_title:function(){return this.title||this.$t("selectTime")},_day:function(){var t={filter:[this.$t("today")],format:this.$t("formatDate")};return(0,p.default)({},t,this.day)},nowText:function(){var t=this.$t("now");return this.showNow&&this.showNow.text||t},minuteStepRule:function(){var t=this.minuteStep;return"object"===(void 0===t?"undefined":(0,v.default)(t))&&Math[g[t.rule]]||Math[g.floor]},minuteStepNumber:function(){var t=this.minuteStep;return"number"==typeof t?t:t.step||10},minTime:function(){var t=+this.min||+this.now+this.delay*n.MINUTE_TIMESTAMP,e=new Date(t).getMinutes();return t+=(Math.min(this.minuteStepRule(e/this.minuteStepNumber)*this.minuteStepNumber,60)-e)*n.MINUTE_TIMESTAMP,new Date(t)},maxTime:function(){var t=+this.max||(0,n.getZeroStamp)(new Date(+this.minTime+this._day.len*n.DAY_TIMESTAMP))-1,e=new Date(t).getMinutes();return t-=(e-Math.floor(e/this.minuteStepNumber)*this.minuteStepNumber)*n.MINUTE_TIMESTAMP,new Date(t)},days:function(){for(var t=[],e=(0,n.getDayDiff)(this.minTime,this.now),a=this.max?(0,n.getDayDiff)(this.maxTime,this.minTime)+1:this._day.len,i=0;i=this.days.length)return void(0,r.warn)('Use "setTime" to set a time exceeded to the option range do not actually work.',"cube-time-picker");var c=a.getHours(),l=0===i?this.showNow?this.minTime.getHours()-1:this.minTime.getHours():0,u=c-l,o=this.minuteStepRule(a.getMinutes()/this.minuteStepNumber),s=i||(this.showNow?1!==u:u)?0:this.minuteStepRule(this.minTime.getMinutes()/this.minuteStepNumber),d=o-s;this.selectedIndex=[i,u,d]}},_updateNow:function(){this.now=new Date},_pickerChange:function(t,e){this.$emit("change",t,e)},_pickerSelect:function(t,e,a){var i=void 0,c=void 0;t[1]===b.value?(i=+new Date,c=this.nowText):(i=(0,n.getZeroStamp)(new Date(t[0]))+t[1]*n.HOUR_TIMESTAMP+t[2]*n.MINUTE_TIMESTAMP,c=a[0]+" "+a[1]+":"+a[2]),this.value=i;var l=(0,n.formatDate)(new Date(i),this.format);this.$emit("select",i,c,l)},_pickerCancel:function(){this.$emit("cancel")}}},t.exports=e.default})},eClu:function(t,e,a){function i(t){a("OdoB")}var n=a("VU/8")(a("VAT/"),a("WWPg"),i,null,null);t.exports=n.exports},eD0J:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("vJ9C"),a("VKJd")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=n(a),l=n(i);c.default.install=function(t){t.component(c.default.name,c.default),t.component(l.default.name,l.default)},c.default.Item=l.default,e.default=c.default,t.exports=e.default})},eE6y:function(t,e,a){function i(t){a("aUGM")}var n=a("VU/8")(a("Gcl4"),a("zQzp"),i,null,null);t.exports=n.exports},eFmn:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("woOf"),a("4gT0")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=n(a),l=n(i);e.default={name:"cube-input",mixins:[l.default],props:{value:[String,Number],type:{type:String,default:"text"},disabled:{type:Boolean,default:!1},placeholder:String,readonly:{type:Boolean,default:!1},autofocus:{type:Boolean,default:!1},autocomplete:{type:[Boolean,String],default:!1},name:String,id:String,form:String,minlength:Number,maxlength:Number,resize:String,min:Number,max:Number,step:Number,tabindex:String,clearable:{type:[Boolean,Object],default:!1},eye:{type:[Boolean,Object],default:!1}},data:function(){return{inputValue:this.value,isFocus:!1,formatedClearable:{visible:!1,blurHidden:!0},formatedEye:{open:!1,reverse:!1}}},computed:{_type:function(){var t=this.type;return"password"===t&&this.eye&&this.pwdVisible?"text":t},_showClear:function(){var t=this.formatedClearable.visible&&this.inputValue&&!this.readonly&&!this.disabled;return this.formatedClearable.blurHidden&&!this.isFocus&&(t=!1),t},_showPwdEye:function(){return"password"===this.type&&this.eye&&!this.disabled},pwdVisible:function(){var t=this.formatedEye;return t.reverse?!t.open:t.open},eyeClass:function(){return this.formatedEye.open?"cubeic-eye-visible":"cubeic-eye-invisible"}},watch:{value:function(t){this.inputValue=t},inputValue:function(t){this.$emit("input",t)},clearable:{handler:function(){this.formatClearable()},deep:!0,immediate:!0},eye:{handler:function(){this.formateEye()},deep:!0,immediate:!0}},methods:{changeHander:function(t){this.$emit("change",t)},formatClearable:function(){"boolean"==typeof this.clearable?this.formatedClearable.visible=this.clearable:(0,c.default)(this.formatedClearable,this.clearable)},formateEye:function(){"boolean"==typeof this.eye?this.formatedEye.open=this.eye:(0,c.default)(this.formatedEye,this.eye)},handleFocus:function(t){this.$emit("focus",t),this.isFocus=!0},handleBlur:function(t){this.$emit("blur",t),this.isFocus=!1},handleClear:function(t){this.inputValue="",this.$refs.input.focus()},handlePwdEye:function(){this.formatedEye.open=!this.formatedEye.open}}},t.exports=e.default})},eLAg:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("XPXN"),a("O6S8"),a("Mr73")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=c(a),u=c(i),o=c(n);e.default={components:{CubePage:l.default,CubeButtonGroup:u.default,CubeView:o.default},methods:{goTo:function(t){this.$router.push("/form/"+t)}}},t.exports=e.default})},eNOl:function(t,e){},eWUu:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("XPXN"),a("O6S8")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=n(a),l=n(i);e.default={methods:{showDatePicker:function(){this.datePicker||(this.datePicker=this.$createDatePicker({title:"Date Picker",min:new Date(2008,7,8),max:new Date(2020,9,20),value:new Date,onSelect:this.selectHandle,onCancel:this.cancelHandle,onChange:function(){console.log("change")}})),this.datePicker.show()},showTimePicker:function(){this.timePicker||(this.timePicker=this.$createDatePicker({title:"Time Picker",min:[8,0,0],max:[20,59,59],value:new Date,startColumn:"hour",onSelect:this.selectHandle,onCancel:this.cancelHandle})),this.timePicker.show()},showDateTimePicker:function(){this.dateTimePicker||(this.dateTimePicker=this.$createDatePicker({title:"Date Time Picker",min:new Date(2008,7,8,8,0,0),max:new Date(2020,9,20,20,59,59),value:new Date,columnCount:6,onSelect:this.selectHandle,onCancel:this.cancelHandle})),this.dateTimePicker.show()},showFormatPicker:function(){this.formatPicker||(this.formatPicker=this.$createDatePicker({title:"Use format",min:new Date(2008,7,8),max:new Date(2020,9,20),value:new Date,format:{year:"YY年",month:"MM月",date:"第 D 日"},onSelect:this.selectHandle,onCancel:this.cancelHandle})),this.formatPicker.show()},showUpdatePropsPicker:function(){var t=this;this.updatePropsPicker||(this.updatePropsPicker=this.$createDatePicker({title:"Use $updateProps",min:new Date(2008,7,8),max:new Date(2020,9,20),value:new Date,onSelect:this.selectHandle,onCancel:this.cancelHandle})),this.updatePropsPicker.show(),setTimeout(function(){t.updatePropsPicker.$updateProps({title:"updated",value:new Date(2010,9,1)})},1e3)},showChangeOrderPicker:function(){this.changeOrderPicker||(this.changeOrderPicker=this.$createDatePicker({title:"Date Picker",min:new Date(2008,7,8),max:new Date(2020,9,20),value:new Date,columnOrder:["date","month","year"],onSelect:this.selectHandle,onCancel:this.cancelHandle})),this.changeOrderPicker.show()},selectHandle:function(t,e,a){this.$createDialog({type:"warn",content:"Selected Item:
- date: "+t+"
- value: "+e.join(", ")+"
- text: "+a.join(" "),icon:"cubeic-alert"}).show()},cancelHandle:function(){this.$createToast({type:"correct",txt:"Picker canceled",time:1e3}).show()}},components:{CubePage:c.default,CubeButtonGroup:l.default}},t.exports=e.default})},eZWf:function(t,e,a){function i(t){a("XDbB")}var n=a("VU/8")(a("ZDnC"),a("Kprf"),i,null,null);t.exports=n.exports},ea3B:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"tab-entry",title:"Tab Entry"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:function(e){t.goTo("basic")}}},[t._v("tab-basic")]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("composite")}}},[t._v("tab-composite")])],1),t._v(" "),a("cube-view")],1)])},staticRenderFns:[]}},enXm:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"scroll-nav-side",title:"ScrollNav"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"view-wrapper"},[a("cube-scroll-nav",{attrs:{side:!0,data:t.data,current:t.current},on:{change:t.changeHandler,"sticky-change":t.stickyChangeHandler}},[a("ul",{staticClass:"prepend-header",attrs:{slot:"prepend"},slot:"prepend"},[a("li",[t._v("11")]),t._v(" "),a("li",[t._v("22")]),t._v(" "),a("li",[t._v("333")])]),t._v(" "),t._l(t.data,function(e){return a("cube-scroll-nav-panel",{key:e.name,attrs:{label:e.name,title:e.name}},[a("ul",t._l(e.foods,function(e){return a("li",[a("div",[a("img",{attrs:{src:e.icon}}),t._v(" "),a("p",[t._v(t._s(e.name))])])])}))])})],2)],1)])])},staticRenderFns:[]}},"f/6s":function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("zuie")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={name:"cube-form-group",props:{legend:{type:String,default:""},fields:{type:Array,default:function(){return[]}}},beforeCreate:function(){this.form=this.$parent.form},beforeDestroy:function(){this.form=null},components:{CubeFormItem:i.default}},t.exports=e.default})},fFTD:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("yb46"),a("mkLW")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=n(a),l=n(i);c.default.install=function(t){t.component(c.default.name,c.default),t.component(l.default.name,l.default)},c.default.Radio=l.default,e.default=c.default,t.exports=e.default})},fGk3:function(t,e,a){function i(t){a("PzqK")}var n=a("VU/8")(a("HgDQ"),a("wohH"),i,null,null);t.exports=n.exports},fUkQ:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"tabs-basic-view",title:"tab-basic"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-tab-bar",{attrs:{"show-slider":""},model:{value:t.selectedLabel,callback:function(e){t.selectedLabel=e},expression:"selectedLabel"}},t._l(t.tabs,function(t,e){return a("cube-tab",{key:t.label,attrs:{label:t.label,icon:t.icon}})})),t._v(" "),a("cube-tab-panels",{model:{value:t.selectedLabel,callback:function(e){t.selectedLabel=e},expression:"selectedLabel"}},t._l(t.tabs,function(e,i){return a("cube-tab-panel",{key:e.label,attrs:{label:e.label}},[a("ul",t._l(e.heroes,function(e,i){return a("li",{key:i,staticClass:"tab-panel-li"},[t._v("\n "+t._s(e)+"\n ")])}))])}))],1)])},staticRenderFns:[]}},fZ0D:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("mvHQ"),a("XPXN"),a("O6S8"),a("9zBd"),a("LeY8")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n,c,l){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=u(a),s=u(i),r=u(n),d=c.provinceList.slice(),v=JSON.parse((0,o.default)(c.cityList)),p=JSON.parse((0,o.default)(c.areaList)),f=c.provinceList;f.forEach(function(t){t.children=c.cityList[t.value],t.children.forEach(function(t){t.children=c.areaList[t.value]})});var h=d,x=[0,0,0];h[0].children=v[h[0].value],h[0].children[0].children=p[h[0].children[0].value],e.default={mounted:function(){this.cascadePicker=this.$createCascadePicker({title:"Cascade Picker",data:l.cascadeData,selectedIndex:[0,1,0],onSelect:this.selectHandle,onCancel:this.cancelHandle}),this.addressPicker=this.$createCascadePicker({title:"City Picker",data:f,onSelect:this.selectHandle,onCancel:this.cancelHandle}),this.setDataPicker=this.$createCascadePicker({title:"Set Data",onSelect:this.selectHandle,onCancel:this.cancelHandle}),this.asyncPicker=this.$createCascadePicker({title:"Async Load Data",async:!0,data:h,selectedIndex:x.slice(),onSelect:this.selectHandle,onCancel:this.cancelHandle,onChange:this.asyncChangeHandle})},methods:{showCascadePicker:function(){this.cascadePicker.show()},showAddressPicker:function(){this.addressPicker.show()},showSetDataPicker:function(){var t=this;this.setDataPicker.setData(l.cascadeData),this.setDataPicker.show(),setTimeout(function(){t.setDataPicker.setData(f,[1,1,0])},1e3)},showAsyncPicker:function(){this.asyncPicker.show()},asyncChangeHandle:function(t,e){var a=this;e!==x[t]&&(x[t]=e,t<2&&setTimeout(function(){if(0===t){var i=h[e];i.children=i.children||v[i.value],i.children[0].children=i.children[0].children||p[i.children[0].value],x[1]=0,x[2]=0}if(1===t){var n=h[x[0]].children[e];n.children=n.children||p[n.value],x[2]=0}a.asyncPicker.setData(h,x)},500))},selectHandle:function(t,e,a){this.$createDialog({type:"warn",content:"Selected Item:
- value: "+t.join(", ")+"
- index: "+e.join(", ")+"
- text: "+a.join(" "),icon:"cubeic-alert"}).show()},cancelHandle:function(){this.$createToast({type:"correct",txt:"Picker canceled",time:1e3}).show()}},components:{CubePage:s.default,CubeButtonGroup:r.default}},t.exports=e.default})},fd7u:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("xYoV"),a("j9ag"),a("aDIA")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=c(a),u=c(i);l.default.install=function(t){t.component(l.default.name,l.default),u.default.install(t),l.default._base=t},l.default.addRule=n.addRule,l.default.addMessage=n.addMessage,l.default.addType=n.addType,l.default.addHelper=u.default.addHelper,e.default=l.default,t.exports=e.default})},fdUi:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("transition",{attrs:{name:"cube-dialog-fade"}},[a("cube-popup",{directives:[{name:"show",rawName:"v-show",value:t.isVisible,expression:"isVisible"}],attrs:{type:"dialog","z-index":t.zIndex,mask:!0,center:!0},on:{"mask-click":t.maskClick}},[a("div",{staticClass:"cube-dialog-main"},[a("span",{directives:[{name:"show",rawName:"v-show",value:t.showClose,expression:"showClose"}],staticClass:"cube-dialog-close",on:{click:t.close}},[a("i",{staticClass:"cubeic-close"})]),t._v(" "),a("div",{class:t.containerClass},[t.icon?a("p",{staticClass:"cube-dialog-icon"},[a("i",{class:t.icon})]):t._e(),t._v(" "),t.title||t.$slots.title?a("h2",{staticClass:"cube-dialog-title"},[t._t("title",[a("p",{staticClass:"cube-dialog-title-def"},[t._v(t._s(t.title))])])],2):t._e(),t._v(" "),a("div",{staticClass:"cube-dialog-content"},[t._t("content",[a("div",{staticClass:"cube-dialog-content-def"},[t.content?a("p",{domProps:{innerHTML:t._s(t.content)}}):t._e(),t._v(" "),t.isPrompt?a("cube-input",t._b({model:{value:t.promptValue,callback:function(e){t.promptValue=e},expression:"promptValue"}},"cube-input",t.prompt,!1)):t._e()],1)])],2),t._v(" "),a("div",{staticClass:"cube-dialog-btns",class:{"border-right-1px":t.isConfirm||t.isPrompt}},[t._t("btns",[t.isConfirm||t.isPrompt?a("a",{staticClass:"cube-dialog-btn border-top-1px",class:{"cube-dialog-btn_highlight":t._cancelBtn.active,"cube-dialog-btn_disabled":t._cancelBtn.disabled},attrs:{href:t._cancelBtn.href},on:{click:t.cancel}},[t._v(t._s(t._cancelBtn.text))]):t._e(),t._v(" "),a("a",{staticClass:"cube-dialog-btn border-top-1px",class:{"cube-dialog-btn_highlight":t._confirmBtn.active,"cube-dialog-btn_disabled":t._confirmBtn.disabled},attrs:{href:t._confirmBtn.href},on:{click:t.confirm}},[t._v(t._s(t._confirmBtn.text))])])],2)])])])],1)},staticRenderFns:[]}},fidG:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("woOf"),a("4gT0")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=n(a),l=n(i),u={negative:!0,remain:!0};e.default={name:"cube-textarea",mixins:[l.default],data:function(){return{textareaValue:this.value,expanded:!!this.autoExpand&&!!this.value,isFocus:!1}},props:{value:{type:String,default:""},cols:Number,rows:Number,readonly:Boolean,wrap:String,required:Boolean,placeholder:{type:String,default:"please type here..."},dirname:String,form:String,name:String,autofocus:Boolean,disabled:{type:Boolean,default:!1},maxlength:{type:Number,default:60},indicator:{type:[Boolean,Object],default:!0},autoExpand:{type:Boolean,default:!1}},computed:{indicatorConf:function(){var t=this.indicator;return"boolean"==typeof t&&(t={}),(0,c.default)({},u,t)},count:function(){return this.textareaValue.length},remain:function(){var t=this.maxlength-this.count;return!this.indicatorConf.negative&&t<0&&(t=0),t}},watch:{value:function(t){this.textareaValue=t},textareaValue:function(t){this.$emit("input",t),!this.isFocus&&this.expanded&&(this.expanded=!1)}},methods:{handleFocus:function(t){this.$emit("focus",t),this.expanded=!0,this.isFocus=!0},handleBlur:function(t){this.$emit("blur",t),0===this.textareaValue.length&&(this.expanded=!1),this.isFocus=!1}}},t.exports=e.default})},fuAs:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"loading-view",title:"Loading"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-loading"),t._v(" "),a("cube-loading",{attrs:{size:28}}),t._v(" "),a("cube-loading",{attrs:{size:40}})],1)])},staticRenderFns:[]}},g3dP:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("1BqV")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={name:"cube-scroll-nav-panel",inject:["scrollNav"],props:{label:{type:[String,Number],required:!0},title:{type:[String,Number],default:function(){return this.label}}},mounted:function(){this.scrollNav.addPanel(this)},beforeDestroy:function(){this.scrollNav.removePanel(this)},components:{CubeStickyEle:i.default}},t.exports=e.default})},g7er:function(t,e){},"g9J/":function(t,e,a){function i(t){a("zefs")}var n=a("VU/8")(a("XEOk"),a("/O1a"),i,null,null);t.exports=n.exports},gAqf:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("XPXN")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a),n=["😀 😁 😂 🤣 😃 🙃 ","👈🏻 scroll 👉🏻 ","🙂 🤔 😄 🤨 😐 🙃 ","👈🏻 scroll 👉🏻 ","😔 😕 🙃 🤑 😲 ☹️ ","👈🏻 scroll 👉🏻 ","🐣 🐣 🐣 🐣 🐣 🐣 ","👈🏻 scroll 👉🏻 ","🐥 🐥 🐥 🐥 🐥 🐥 ","👈🏻 scroll 👉🏻 ","🤓 🤓 🤓 🤓 🤓 🤓 ","👈🏻 scroll 👉🏻 ","🦔 🦔 🦔 🦔 🦔 🦔 ","👈🏻 scroll 👉🏻 ","🙈 🙈 🙈 🙈 🙈 🙈 ","👈🏻 scroll 👉🏻 ","🚖 🚖 🚖 🚖 🚖 🚖 ","👈🏻 scroll 👉🏻 ","✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 "];e.default={data:function(){return{items:n}},components:{CubePage:i.default}},t.exports=e.default})},gBDM:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("O6S8"),a("XPXN"),a("1Vb/"),a("6SSl")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n,c){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=l(a),o=l(i),s=l(n),r=l(c);e.default={data:function(){return{text:"",disabled:!1,maxlength:60,width:"274px",showIndicator:!0,indicator:{negative:!0,remain:!0}}},methods:{updateDisabled:function(t){this.disabled=t},updateMaxlength:function(t){this.maxlength=t},updateWidth:function(t){this.width=t},updateIndicator:function(t){this.showIndicator=t},updateIndicatorNegative:function(t){this.indicator.negative=t},updateIndicatorRemain:function(t){this.indicator.remain=t}},components:{CubeButtonGroup:u.default,CubePage:o.default,SwitchOption:s.default,InputOption:r.default}},t.exports=e.default})},gCE8:function(t,e,a){function i(t){a("I+KE")}var n=a("VU/8")(a("pjk/"),a("13Xo"),i,null,null);t.exports=n.exports},gHS1:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"tab-bar-view",title:"TabBar"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"section"},[a("cube-tab-bar",{attrs:{data:t.tabs},on:{click:t.clickHandler,change:t.changeHandler},model:{value:t.selectedLabelDefault,callback:function(e){t.selectedLabelDefault=e},expression:"selectedLabelDefault"}})],1),t._v(" "),a("div",{staticClass:"section"},[a("cube-tab-bar",{attrs:{"show-slider":""},on:{click:t.clickHandler,change:t.changeHandler},model:{value:t.selectedLabelSlots,callback:function(e){t.selectedLabelSlots=e},expression:"selectedLabelSlots"}},t._l(t.tabs,function(t,e){return a("cube-tab",{key:t.label,attrs:{icon:t.icon,label:t.label}})}))],1),t._v(" "),a("div",{staticClass:"section"},[a("cube-tab-bar",{attrs:{"show-slider":"",inline:""},on:{click:t.clickHandler,change:t.changeHandler},model:{value:t.selectedLabelInline,callback:function(e){t.selectedLabelInline=e},expression:"selectedLabelInline"}},t._l(t.tabs,function(t,e){return a("cube-tab",{key:t.label,attrs:{icon:t.icon,label:t.label}})}))],1),t._v(" "),a("div",{staticClass:"section"},[a("cube-tab-bar",{on:{click:t.clickHandler},model:{value:t.selectedLabelSlotsOnly,callback:function(e){t.selectedLabelSlotsOnly=e},expression:"selectedLabelSlotsOnly"}},t._l(t.tabs,function(e,i){return a("cube-tab",{key:e.label,attrs:{label:e.label}},[a("i",{class:e.icon,attrs:{slot:"icon"},slot:"icon"}),t._v(" "),a("span")])}))],1)])])},staticRenderFns:[]}},gLZT:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("8j/s")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a){"use strict";function i(t,e,a,i){return t.use(n.default,{componentPrefix:"cube-"}),t.createAPI(e,a,i)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=i;var n=function(t){return t&&t.__esModule?t:{default:t}}(a);t.exports=e.default})},gTih:function(t,e){},gYth:function(t,e,a){var i=a("VU/8")(a("JOED"),a("KQ/n"),null,null,null);t.exports=i.exports},go4C:function(t,e,a){var i=a("VU/8")(a("g3dP"),a("h3eZ"),null,null,null);t.exports=i.exports},gz49:function(t,e,a){var i,n,c;!function(a,l){n=[t,e],i=l,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-switch",props:{value:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},data:function(){return{checkboxValue:this.value}},watch:{value:function(t){this.checkboxValue=t},checkboxValue:function(t){this.$emit("input",t)}}},t.exports=e.default})},h1qY:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("XPXN"),a("O6S8"),a("Mr73")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=c(a),u=c(i),o=c(n);e.default={components:{CubePage:l.default,CubeButtonGroup:u.default,CubeView:o.default},methods:{goTo:function(t){this.$router.push("/index-list/"+t)}}},t.exports=e.default})},h20U:function(t,e){},h3eZ:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-scroll-nav-panel"},[a("cube-sticky-ele",{attrs:{"ele-key":t.label}},[a("h2",{staticClass:"cube-scroll-nav-panel-title",domProps:{innerHTML:t._s(t.title)}})]),t._v(" "),t._t("default")],2)},staticRenderFns:[]}},h7Gw:function(t,e,a){var i,n,c;!function(a,l){n=[e],i=l,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.ease={swipe:{style:"cubic-bezier(0.23, 1, 0.32, 1)",fn:function(t){return 1+--t*t*t*t*t}},swipeBounce:{style:"cubic-bezier(0.25, 0.46, 0.45, 0.94)",fn:function(t){return t*(2-t)}},bounce:{style:"cubic-bezier(0.165, 0.84, 0.44, 1)",fn:function(t){return 1- --t*t*t*t}}}})},h8Kk:function(t,e,a){function i(t){a("axq9")}var n=a("VU/8")(a("1j+8"),a("8Q6G"),i,null,null);t.exports=n.exports},"hC+w":function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("XPXN")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={data:function(){return{selected:"",options:["Option1","Option2"],selected2:3,options2:[{label:"Option1",value:1},{label:"Option2",value:2},{label:"Option3",value:3,disabled:!0}],selected3:"3",options3:[{label:"1",value:"1"},{label:"2",value:"2"},{label:"3",value:"3",disabled:!0}],selected4:"1",options4:[{label:"1",value:"1",src:"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1516805611092&di=80d0f229dd999ffa3be79d6e317832b0&imgtype=0&src=http%3A%2F%2Fimglf0.ph.126.net%2F1EnYPI5Vzo2fCkyy2GsJKg%3D%3D%2F2829667940890114965.jpg"},{label:"2",value:"2",src:"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1516805611092&di=80d0f229dd999ffa3be79d6e317832b0&imgtype=0&src=http%3A%2F%2Fimglf0.ph.126.net%2F1EnYPI5Vzo2fCkyy2GsJKg%3D%3D%2F2829667940890114965.jpg"},{label:"3",value:"3",src:"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1516805611092&di=80d0f229dd999ffa3be79d6e317832b0&imgtype=0&src=http%3A%2F%2Fimglf0.ph.126.net%2F1EnYPI5Vzo2fCkyy2GsJKg%3D%3D%2F2829667940890114965.jpg",disabled:!0}]}},components:{CubePage:i.default}},t.exports=e.default})},hNHr:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("transition",{attrs:{name:"page-move"}},[a("router-view",{staticClass:"cube-view"})],1)},staticRenderFns:[]}},hTT9:function(t,e){},hdAL:function(t,e,a){function i(t){a("kL0B")}var n=a("VU/8")(a("eLAg"),a("MKYq"),i,null,null);t.exports=n.exports},iMtA:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"picker-view",title:"Segment Picker",desc:""}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:t.showDateSegmentPicker}},[t._v("StartDate - EndDate")]),t._v(" "),a("cube-button",{on:{click:t.showCitySegmentPicker}},[t._v("Express - From - To")])],1)],1)])},staticRenderFns:[]}},"iQ/X":function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("XPXN"),a("O6S8"),a("9zBd"),a("K5n8")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n,c){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=l(a),o=l(i),s=n.provinceList;s.forEach(function(t){t.children=n.cityList[t.value],t.children.forEach(function(t){t.children=n.areaList[t.value]})});var r=[{is:"cube-date-picker",title:"入学时间",min:new Date(2e3,0,1),max:new Date(2030,11,31)},{is:"cube-date-picker",title:"毕业时间",min:new Date(2e3,0,1),max:new Date(2030,11,31)}];e.default={mounted:function(){var t=this;this.dateSegmentPicker=this.$createSegmentPicker({data:r,onSelect:function(e,a,i){t.$createDialog({type:"warn",content:"Selected Items:
- 入学时间: "+i[0].join("")+"
- 毕业时间: "+i[1].join(""),icon:"cubeic-alert"}).show()},onNext:function(e,a,i,n){r[1].min=a,0===e&&t.dateSegmentPicker.$updateProps({data:r})}}),this.citySegmentPicker=this.$createSegmentPicker({data:[{title:"选择快递",data:[c.expressData],selectedIndex:[1]},{is:"cube-cascade-picker",title:"寄件地址",data:s,selectedIndex:[0,0,0],cancelTxt:"返回"},{is:"cube-cascade-picker",title:"收件地址",data:s,selectedIndex:[0,0,0]}],cancelTxt:"Cancel",confirmTxt:"Confirm",nextTxt:"Next",prevTxt:"Prev",onSelect:function(e,a,i){t.$createDialog({type:"warn",content:"Selected Items:
- 所选快递: "+i[0].join("")+"
- 寄件地址: "+i[1].join("")+"
- 收件地址: "+i[2].join(""),icon:"cubeic-alert"}).show()}})},methods:{showDateSegmentPicker:function(){this.dateSegmentPicker.show()},showCitySegmentPicker:function(){this.citySegmentPicker.show()}},components:{CubePage:u.default,CubeButtonGroup:o.default}},t.exports=e.default})},iQe6:function(t,e,a){var i,n,c;!function(a,l){n=[t,e],i=l,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-loading",data:function(){return{balde:12}},props:{size:{type:Number}},computed:{style:function(){if(this.size){var t=this.size+"px";return{width:t,height:t}}}}},t.exports=e.default})},iQwk:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("GQaK")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default=i.default,t.exports=e.default})},iejJ:function(t,e){},ijHb:function(t,e){},inlK:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("gLZT"),a("XRNA")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i){"use strict";function n(t,e){(0,c.default)(t,e,["select","cancel","change"]).before(function(t,e,a){a&&(0,i.tip)("DatePicker component can not be a singleton.")})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=n;var c=function(t){return t&&t.__esModule?t:{default:t}}(a);t.exports=e.default})},ivoU:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-scroll-nav-bar",class:"cube-scroll-nav-bar_"+t.direction},[a("cube-scroll",{ref:"scroll",attrs:{nestMode:"none",options:t.options,direction:t.direction}},[a("div",{ref:"items",staticClass:"cube-scroll-nav-bar-items"},t._l(t.txts,function(e,i){return a("div",{key:i,staticClass:"cube-scroll-nav-bar-item",class:{"cube-scroll-nav-bar-item_active":t.active===t.labels[i]},on:{click:function(e){t.clickHandler(t.labels[i])}}},[t._t("default",[a("span",{domProps:{innerHTML:t._s(e)}})],{txt:e,index:i,active:t.active,label:t.labels[i]})],2)}))])],1)},staticRenderFns:[]}},izCJ:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("Yu0J")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);i.default.install=function(t){t.component(i.default.name,i.default)},e.default=i.default,t.exports=e.default})},"j/9N":function(t,e){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwEAYAAAAHkiXEAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAAASAAAAEgARslrPgAADiJJREFUeNrtm2tUVFeWx/+nnkBRUBSIIEUJqFC6jBJRAyKIbRtbotgxahONj0yijD3x1T6mM3kYYxKXBu0Y2xgNdsfWEVuJS1qNUZetPEQE0/gmIo8CgeJNFVDvW/fMh2sFTaKUUAUza/h9uasW956zz3/fu8/Z+xyAfvrpp59++umnn/+PkL424KdQeu45QCIx1LhH8hdNnkz+HZvxYXQ0nUa+IHtUKoyiS+gShYJsxUZck0ggwXQwhNBPkIpRBgO+IzPI0aoqUs4uowtKSuhasgmpeXmmG6I829+ys31feqEMaGvr63Ha6TMHUEopQIhBnPcu/8jUqdjP/kDyU1LgBz4yZsxAPFagTiRyWodnyEIEm80w0ijMOn0ab/BUNHrvXokl9mNb8rlzfaVDrzugneZQPk1I4BWRIbi1dSsi6AEyZvz4vhIAAOjF77/nXaEzyKI//MH91/E6piI7u7f6drkDHg8p27dDhOHk6LJlkCAODPnfEwL1yIGAUhJEDtCX0tLcLW7/bftm9WpCxo4FDAZXdesyAYwbcqcASiU9RMP4pzMz6X0sIrMiI13Vn9OFmYvP6V9v3yaVtMK2MDHR/U78NeDBA6f34+wGTf+ZkyPeEhZme51ssFmzshBMt+FDhaJ3ZHMBD8gGvF9dzb9LfsX/V0KC2+zYj80nysqc1TzP2fbavqVaxm/YMATTbWTz5s0AQEhKiv1KzuEsDh4+3HsK9pCHL5Ctmp3GDD93rqMsPxkYONBZzfd6DNZnZe8AAgMxlowTCGpre7v/nkK+wj6ILl50X6WZyRimTiVk3jzAZut2ez01yCDNTRaYUlLwGv09hsyZ09X9dBx5kc4fMgS/o+fJn0JDe1tAZ0EJOYyl69d7ekzcw+xJTe1uO912gKHkIgUUCpouHCMY88MPWEc/x02JpK+FcRSGsdkIAZqbm5pEIqClpaVFJALMZrOZxwMsFouFEEAgEAgAQCKRSBgG8PaWyaxWYMD7AxZbovR6QSFfbc0OD/comTgAePYvuksHLFsaNSZqjFAofFNy3Hxm7FjeR+wWniIkZNxX4xa3vLViBf8C/zjJiInRarVagQDo6NDrBYJHB2I2EwJYrQxDCCCReHiwLODjI5dbLEBgYECA2QwolUql0QgMHhwcbDQCnp5SKcN0X2B7f2q1Wu3hAZSUlJR4egIVFdxvjUajEYsBhmFZPh8wm+XygADAYpFIZDKAZYVCsRjg8axWsxkQifR6rRYQi7XahgZAICDEagW81kv9rdvr61tvtCYIU/fvB9i7ZM3Jk7sSL++6lXj1KmcNpd12wAr3uK+fc3/rLfbfBAeEw3ftMhr9/ZVKwGiUy4OCuGtAAGAyyeWDBgFWq1Tq4wMwjFgskQBWq0QilXJGEAIIhUZjezvg4dHQUFkJSKXV1SUlgExWXn79OiAWt7bW1QF+fr6+ViugVA4erNcDoaEhIUYjEBQUFGQyAXK5XG61Alpta6tAAJSXV1R4eAD37tmF5n7r9UKhjw/Q3BwRER0NtLaqVOPHAzpdaOioUYBeHxAQFgawrEAgFHbtWB6PYaxWQCLRaMrKAG9vtfrmTcDP7/bt3FzA17e4+MoVgIxmvjdmvfnmn5dl6+5I9u9/UnuCrjqkp7ANLwqFPhd/vWD2OECtnjfvnXeAsjKz+dH7+HwuqUpM9PICgFOndLqn+/6XsTvAx6es7Pp1QCYrKysqAmSywsKiIsDTMzOztBQgxGZjGIBSHo/PB9ralMrhw4Hm5pEj4+KApqakpNhYoK0tNHTkSM79PCes+WJiZDKhELh/381NpQKqq4ODuWtc3Lx5QFTUzp1LlwJyRXFmwUKRCID0ae116QAyAxtwzmq1ra4tVA8APvkkMNBmAxYvrqri8wGTiWUBYMkSX18AWLhQLgeAM2e4ghfDPJsLzGYfn4AAoK5u7Njf/Kbz+qM9hGVtNkAk0ukaG7kvztfX8Te4u0REuLkBwBdfKJUAsHixWg0AjY1WK8sCQ4dmZu7aBXh7l5ffvAmQO2Qo5ra2AgCOP7ndLt8J2wHeYtuBjIyOqhtv5ycXFR0/vm3bxo1ASoqvL8sCSiVXMFuxwt8fAN5/n5uInlV4R/HwqKtTq7k3LSUFGDfu008XLgREoo4OrdZ1Dvj440GDAOD4cU7U69e58kRw8KVL6enASGXuvL1NLMufYfqzaW5SkqYgID6i4Nixrtrld3VD4bHKTY3HOjo+8Vo+wJx5/vy9wNzcmppVqyIiJk2aORPIzydEJgNKS7mQdPasa0u9o0alpW3YACQk+Prm5QFeXkZjQwOg1ba3i8VAS4tKFR3t/H5FIi7E7t/f3AwANpvVarUCkZF79qxcCcx9bQZffYaQV/PfWKrOXLFi4a41V+/e1eu7atfhqBgdGj/dkO3hERX1/PM6HVBZefVqVhYQEMB9+CdOuPL9A+TykpKCAmDgwIqK/HwgMXH69IYGYNKkSZOamwGFIifn2DGAz7dYjEbn93/oUEsLABgMXMj187t1KysL8PEhpKkJeO65kSPb2gD+RNM6oXLwYEfbddgB/CW2SfS3cnlkZGSkTgeo1enpX34JjBhhtXKmuQZ7zA8Pz8hITQWio194QasFpFJPT4YBVCqVqqMDCAqSShsbgbCwU6f27HGdPXaCg7OyjhwBnn8+MrKtDeDz+XxKATaerGEruYWIIzjsAGYK0dJyHk+hUChMJiA8XKmsqwOs1m+++fJLwN+fM8DZDBly8uTu3YBCodPdugVMnTplSmPjIwPgEUIp8MorL7+s0QAhIRcvHjwI+PnduXP5svPtsS83AwO5LzE+Pi6OC0ocgq94k0iU46UJhx3Ay6Z/4g3ujO9z5syerdEANtvlywcPAjExly795S+ATEZI9ysjnSgUOTlHjwLh4Rcu7NsHLFgwf35NDSASicVcEHgceyKXlDR9ek0NMHr0vn1r1gA+PqWlRUU9t8fNTautrwdGjDh8+MMPgcmTJ09uagKk0scTRls2Pid/fbj6cYAuJ2E7fxy2/Bars1h40ba5PN6GDWIxJ4Q9BNy+nZFx5w7g63v/fnEx0N7u6SmXAwYDl7ABhDxt+8Xdvbm5thYYPjw9ffNmTvj9+4Hk5OTk2lpg2LChQ7ue0oDg4OBgkwkQCrlM1WA4cuTSJfsWKNDRoVBERHRmuk+CEJZlWcDf/8aNCxeA0aP37l2zBhg3Lji4tBSYMSMxsb7+56Oi26zjmS82btyiObDJkY2cZ64FGWQ5SYLldXW0BuvxVWdZ1mLhSg/nz1+4MGAAUFBw7ZpMBuj1hHh5Ae3tQUHDhgGUPj5wN7eWFo2Gy4yrqoDQUC7znTlz5sz6emDQoMBAk6lTwKe78REhHt5fXl5eLpEA33773Xf+/sCDB/X1nD1KpUoFmExc3mFHKOSWs1JpdfW9e4CXF8u2tAAJCdxkHx8/cWJzM/CztO4aWrC1qkoyKW4Ws9bxSfiZHaBfl5Mt+OjoUWwCwQdz5z7pPovFauXxgOrqBw/c3ID6+oYGsbjTUQAnpLe3tzfDAMHBCoXBAPj6ciUIOzk5ly/L5UBLS3OzSATMmpWUVFf3ZPuKi4uLpVIgLy8/38cHeOON11+vqur8e22tRuPm1lkLam1tbRUKAZZlWUIAd3cPD5sNGDjQ399iAUJCQkIMBkAkEgp/KfT9yEZQfHDsmCQ1Lp55d948R/XsMhP+GQy2kpwzZwD8keLJDrAbHBYWFmYwdF6fFalUIrHZgKtXCwokEoBSToYnFRbu3y8tlUgAsVgk+iXB7F+U/eos6AiyiZ1z4gQA4F3Hn3vm6oixjHxtPZuRgVSyEqMcico9wz7HmM0mE48HnDvHhTi7I+zYhS8sLCyUyYAJE2JjXbk8tkM+ghYvtLdLXnfbyqoeOuBZnu9ux/qUHBN/y86d2IFC8t7Kla4eqFpdWenuDqSnp6cHBXWGDPtiQKfT6YRCIDGRmxxjYqKjHV+LdB9Sg2p6aPt2j/C4V23J69Y98/Pd7dgQntsIDBpEf0vFgvH37mEjbuBfnp6uHrB9Dikp4d54q9Vi4fGA0NDQUIMBkMm4DROXswmjMaajg01GIFMQFiYdE6cHHs1QHKPHW5IdZTnVgrVr15IAVGBn97fmeh0LyrGutpatwO95X0+dagvDd5Y6jcbRx5mFRAUwjN/JiQOA9vbumtHjCrkkTJPHbP/sM7KDHITnP//ZW/r1mJuQYQDDCNW81ST68b2Np+Ht1T4QMBh6Krwdp52K6Hjt8nXA35+MYDP47+XlYRWmkS1DhrhIvt5nJ87St8vK6F3eHNvmCRM8D8VGAg0NPW3WaeeC7AbxdZgm8HjxRXti0peaOYVL+Dt2VFbyVTwquDVtmrOEt+Oyc0GGzVeCgKAgHGR28zNPn6ZF8CWvjB7tar3IavIBEnQ6WCCju3fvpuV0NVnX/T0KXgtdw5w8fPj/zNHEn0LplSDA3d2QyWTxV6WmYgKOkr3Ll7vscG48BiItPV3yfVw4s2T+fFePr6f0+sk4I/9ymuC9mBg2k22ii3bswGTEkuFO3MMqhjdkDEPWk1cRcOECjaJ7kPzkL4B4EwtisrPd37VOYaakpREymQDOzJGfTp8fD+8YldvI106eTPzxEvn7smWYTVfgs1mzsBghuO/u7rSBPsxYocJ/YO0//mFbhEr6clqalMQRG7l0qa/G3+cO+Ck//j+BWJLEPxIbCzP7EX43YQLmwpPsUqkQjQr6qkJBduAdFDxyEm85IWRBSwvNwnVsbWhAOD7F327epGtRSf/r2jVJGP9t20u5uYTE1ACu2LTsp59++umnn3766cdx/geTPRpGyo0x8gAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOC0xMC0yNVQxNDowNzoyMSswODowMJa0u+cAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTgtMTAtMjVUMTQ6MDc6MjErMDg6MDDn6QNbAAAAe3RFWHRzdmc6YmFzZS11cmkAZmlsZTovLy9ob21lL2FkbWluL2ljb24tZm9udC90bXAvaWNvbl9nYTZyZ2t4Y21tYS8lRTUlOEQlQTElRTklODAlOUElRTUlQTQlQjQlRTUlODMlOEYlRTglQTElQTglRTYlODMlODUxMC5zdmcQrbDUAAAAAElFTkSuQmCC"},"j/Id":function(t,e,a){function i(t){a("LLJH")}var n=a("VU/8")(a("NFzl"),a("Uibt"),i,null,null);t.exports=n.exports},j1CU:function(t,e){},j9ag:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("bOdI"),a("Xnqv"),a("XRNA"),a("UFDc"),a("+rJ6")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n,c,l){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=u(a),s=u(i),r=void 0,d={name:"locale",install:function(t){d.installed||(r=t.prototype,t.util.defineReactive(r,"$cubeLang","zh-CN"),r.$cubeMessages=(0,o.default)({},"zh-CN",s.default),d.installed=!0)},use:function(t,e){r.$cubeLang=t;var a=r.$cubeMessages;t in a||(a[[t]]=e)},helpers:{toLocaleDateString:function(t,e){var a=(0,c.isNumber)(t)?t:t.replace(/-/g,"/"),i=new Date(a);return(0,c.isUndef)(e)?i.toDateString():(0,l.formatDate)(i,e)}},addHelper:function(t,e){if(t in d.helpers)return void(0,n.warn)(t+" has already been registered on helpers function, please change another name");d.helpers[t]=e}};e.default=d,t.exports=e.default})},jWO0:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("ZrYO"),a("FmUO")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=n(a),l=n(i);c.default.install=function(t){t.component(c.default.name,c.default),t.component(l.default.name,l.default)},c.default.Item=l.default,e.default=c.default,t.exports=e.default})},jjfl:function(t,e,a){var i,n,c;!function(a,l){n=[t,e],i=l,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-checkbox",props:{value:{type:[Boolean,String]},label:{type:[Boolean,String]},disabled:{type:Boolean,default:!1},option:{type:[Boolean,String,Object],default:function(){return{_def_option:!0}}},position:{type:String,default:"left"},shape:{type:String,default:"circle"},hollowStyle:{type:Boolean,default:!1}},data:function(){var t=this.$parent,e=t.$data._checkboxGroup;return{isInGroup:e,isInHorizontalGroup:e&&t.$props.horizontal}},computed:{computedOption:function(){var t=this.option,e=this.label,a=this.disabled;return!0===t._def_option?t={label:e,value:e,disabled:a}:"string"==typeof t&&(t={label:t,value:t,disabled:!1}),t},checkValue:{get:function(){return this.isInGroup?this.$parent.value.indexOf(this.computedOption.value)>-1:Boolean(this.value)},set:function(t){var e=this.computedOption.value,a=e&&t?e:t,i=t?"checked":"cancel-checked";this.$emit("input",a),this.isInGroup&&this.$parent.$emit(i,e||t)}},_containerClass:function(){return{"cube-checkbox-hollow":this.hollowStyle,"cube-checkbox_checked":this.checkValue,"cube-checkbox_disabled":this.computedOption.disabled,"border-right-1px":this.isInHorizontalGroup}},_wrapClass:function(){if(this.isInGroup&&!this.isInHorizontalGroup)return"border-bottom-1px"},isSquare:function(){return"square"===this.shape||this.hollowStyle},_borderIconClass:function(){return this.isSquare?"cubeic-square-border":"cubeic-round-border"},_rightIconClass:function(){return this.isSquare?"cubeic-square-right":"cubeic-right"}}},t.exports=e.default})},jkRs:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{directives:[{name:"show",rawName:"v-show",value:t.isVisible,expression:"isVisible"}],staticClass:"cube-popup",class:t.rootClass,style:{"z-index":t.zIndex}},[a("div",{staticClass:"cube-popup-mask",on:{touchmove:function(t){t.preventDefault()},click:t.maskClick}},[t._t("mask")],2),t._v(" "),a("div",{staticClass:"cube-popup-container",class:t.containerClass,on:{touchmove:function(t){t.preventDefault()}}},[t.$slots.default?a("div",{staticClass:"cube-popup-content"},[t._t("default")],2):a("div",{staticClass:"cube-popup-content",domProps:{innerHTML:t._s(t.content)}})])])},staticRenderFns:[]}},jlIX:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"recycle-list",title:"RecycleList"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"view-wrapper"},[a("cube-recycle-list",{staticClass:"list",attrs:{size:t.size,"on-fetch":t.onFetch,offset:t.offset},scopedSlots:t._u([{key:"item",fn:function(e){var i=e.data;return[a("div",{staticClass:"item",attrs:{id:i.id},on:{click:function(e){t.handleClick(i)}}},[a("div",{staticClass:"avatar",style:{backgroundImage:"url("+(i.avatar||"")+")"}}),t._v(" "),a("div",{staticClass:"bubble"},[a("p",[t._v(t._s(i.msg))]),t._v(" "),a("div",{staticClass:"meta"},[a("time",{staticClass:"posted-date"},[t._v(t._s(i.time))])])])])]}}])})],1)])])},staticRenderFns:[]}},jlfN:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"scroll-nav-bar",title:"ScrollNavBar"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-scroll-nav-bar",{attrs:{current:t.current,labels:t.labels},on:{change:t.changeHandler}}),t._v(" "),a("div",{staticClass:"side-container"},[a("cube-scroll-nav-bar",{attrs:{direction:"vertical",current:t.current,labels:t.labels,txts:t.txts},on:{change:t.changeHandler},scopedSlots:t._u([{key:"default",fn:function(e){return a("i",{},[t._v(t._s(e.txt))])}}])})],1)],1)])},staticRenderFns:[]}},jnfQ:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("fZjL"),a("//Fk"),a("XPXN"),a("b1gV"),a("nlvd")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n,c,l){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=u(a),s=u(i),r=u(n),d=u(l);e.default={data:function(){return{immediate:!1,text1:"",isValid:[void 0,void 0,void 0,void 0,void 0,void 0],rules1:{required:!0,type:"email",pattern:/didi.com$/,custom:function(t){return t.length>=12}},messages1:{pattern:"The E-mail suffix need to be didi.com.",custom:"The E-mail need contain at least 12 characters."},text2:"",rules2:{type:"string",pattern:/^cube-/,min:8,max:10},messages2:{pattern:'Please start with "cube-"'},text3:"100",rules3:{type:"number",odd:!0},checkList:[],rules4:{required:!0},rate:0,rules5:{min:1,max:4},captcha:"",rules6:{type:"number",required:!0,len:6,captchaCheck:function(t){return function(e){setTimeout(function(){e("123456"===t)},1e3)}}},messages6:{captchaCheck:'Please input "123456"'}}},created:function(){c.Locale.use("en-US",d.default),c.Validator.addRule("odd",function(t,e,a){return Number(t)%2==1}),c.Validator.addMessage("odd",function(t){return"Please input odd."}),c.Validator.addType("email",function(t){return"string"==typeof t&&/^[a-z0-9_-]+@[a-z0-9_-]+(\.[a-z0-9_-]+)$/i.test(t)})},methods:{validatingHandler:function(){console.log("validating")},validatedHandler:function(){console.log("validated")},submit:function(){var t=this;s.default.all((0,o.default)(this.$refs).map(function(e){return t.$refs[e].validate()})).then(function(){t.isValid.every(function(t){return t})&&t.$createToast({type:"correct",txt:"Submited",time:1e3}).show()})}},components:{CubePage:r.default}},t.exports=e.default})},jsiO:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"button-view",title:"Select"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-select",{attrs:{title:t.title,options:t.options,placeholder:t.placeholder,"auto-pop":t.autoPop,disabled:t.disabled,cancelTxt:"Cancel",confirmTxt:"Confirm"},on:{change:t.change},model:{value:t.value,callback:function(e){t.value=e},expression:"value"}}),t._v(" "),a("cube-button-group",[a("cube-button",{on:{click:t.modify}},[t._v("modify")])],1)],1)])},staticRenderFns:[]}},"k+Su":function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("yjF1"),a("7lCl")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=n(a),l=n(i);l.default.install=function(t){t.component(c.default.name,c.default),t.component(l.default.name,l.default)},l.default.Checkbox=c.default,e.default=l.default,t.exports=e.default})},kAHR:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("gLZT"),a("XRNA")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i){"use strict";function n(t,e){(0,c.default)(t,e,["select","value-change","cancel","change"]).before(function(t,e,a){a&&(0,i.tip)("Picker component can not be a singleton.")})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=n;var c=function(t){return t&&t.__esModule?t:{default:t}}(a);t.exports=e.default})},kBQQ:function(t,e,a){function i(t){a("d9ai")}var n=a("VU/8")(a("xH1B"),a("uwC9"),i,null,null);t.exports=n.exports},kL0B:function(t,e){},kLzu:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("bOdI"),a("Gu7T"),a("t7U9"),a("agqa"),a("Z5VE"),a("d64j")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n,c,l,u){"use strict";function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var s=o(a),r=o(i),d=o(c),v=o(l),p=o(u),f=(0,n.prefixStyle)("transform");e.default={name:"cube-drawer",mixins:[v.default,p.default],props:{title:{type:String,default:""},data:{type:Array,default:function(){return[]}},selectedIndex:{type:Array,default:function(){return[]}}},data:function(){return{index:-1,selectedVal:[],selectedText:[],selected:[].concat((0,r.default)(this.selectedIndex)),slideStyle:(0,s.default)({},f,"translate3d(0, 0, 0)")}},watch:{selectedIndex:function(t){this.selected=[].concat((0,r.default)(t))},index:function(t,e){this.showPanel(),t0){var a=e-1,i=this.selected[a];this.changeHandler(a,this.data[a][i],i)}break}this.computedStyle()}},hide:function(){this.slideStyle[f]="translate3d(0, 0, 0)",this.shouldHide=!0},addPanel:function(t){this.panels.push(t)},removePanel:function(t){var e=this.panels.indexOf(t);this.panels.splice(e,1)},transitionend:function(){this.shouldHide&&(this.isVisible=!1,this.shouldHide=!1)},refill:function(t,e,a){this.$set(this.data,t,e),this.index=t,this.selected=this.selected.slice(0,t),this.selectedVal=this.selectedVal.slice(0,t),this.selectedText=this.selectedText.slice(0,t),a>=0&&(this.$set(this.selected,t,a),this.changeHandler(t,this.data[t][a],a))},showPanel:function(){for(var t=this.index,e=0;e<=t;)this.panels[e].show(),e++;this.computedStyle()},hidePanel:function(){for(var t=this.data.length,e=this.index+1;e - value: "+t.join(", ")+"
- index: "+e.join(", ")+"
- text: "+a.join(" "),icon:"cubeic-alert"}).show()},cancelHandler:function(){console.log("cancel")}},components:{CubePage:n.default}},t.exports=e.default})},kVGr:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("d7EF"),a("W3Iv"),a("XRNA"),a("LIRj")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n,c){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=l(a),o=l(i);e.default={methods:{_checkDeprecated:function(){var t=this,e=this.$options.props,a=this.$options.name;(0,o.default)(e).forEach(function(e){var i=(0,u.default)(e,2),l=i[0],o=i[1],s=o.deprecated;s&&void 0!==t[l]&&(0,n.tip)('The property "'+(0,c.kebab)(l)+'" is deprecated, please use the recommended property "'+s.replacedBy+'" to replace it. Details could be found in https://didi.github.io/cube-ui/#/en-US/docs/'+a.substr(5)+"#cube-Propsconfiguration-anchor",a)})}},mounted:function(){this._checkDeprecated()}},t.exports=e.default})},kXYV:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("li",{staticClass:"cube-toolbar-item border-right-1px"},[a("cube-button",{attrs:{icon:t.action.icon}},["checkbox"==t.action.type?a("cube-checkbox",{staticClass:"cube-toolbar-chb",attrs:{label:t.action.text},model:{value:t.action.checked,callback:function(e){t.$set(t.action,"checked",e)},expression:"action.checked"}}):a("span",{domProps:{innerHTML:t._s(t.action.text)}})],1),t._v(" "),a("i",{staticClass:"cube-toolbar-down"})],1)},staticRenderFns:[]}},kZI5:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("XPXN")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a),n=["😀 😁 😂 🤣 😃 😄 ","🙂 🤗 🤩 🤔 🤨 😐 ","👆🏻 scroll up/down 👇🏻 ","😔 😕 🙃 🤑 😲 ☹️ ","🐣 🐣 🐣 🐣 🐣 🐣 ","👆🏻 scroll up/down 👇🏻 ","🐥 🐥 🐥 🐥 🐥 🐥 ","🤓 🤓 🤓 🤓 🤓 🤓 ","👆🏻 scroll up/down 👇🏻 ","🦔 🦔 🦔 🦔 🦔 🦔 ","🙈 🙈 🙈 🙈 🙈 🙈 ","👆🏻 scroll up/down 👇🏻 ","🚖 🚖 🚖 🚖 🚖 🚖 ","✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 "];e.default={data:function(){return{scrollEvents:["scroll"],scrollY:0,items:n.concat(),items2:n.concat(),items3:n.concat()}},methods:{scrollHandler:function(t){var e=t.y;this.scrollY=-e}},components:{CubePage:i.default}},t.exports=e.default})},kZnE:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("a/uE"),a("yjF1")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=n(a),l=n(i);e.default={name:"cube-toolbar-item",components:{CubeButton:c.default,CubeCheckbox:l.default},props:{action:{type:Object,default:function(){return{}}}}},t.exports=e.default})},kgN1:function(t,e,a){function i(t){a("shDe")}var n=a("VU/8")(a("txVD"),a("1ze/"),i,null,null);t.exports=n.exports},kjd8:function(t,e,a){var i,n,c;!function(a,l){n=[e],i=l,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var e=function(t,e){t.type="button",t.props||(t.props={}),t.props.type=e};t.toButtonHandler=e})},"kl+Y":function(t,e){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwEAYAAAAHkiXEAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAAASAAAAEgARslrPgAACdNJREFUeNrtm3tQlWUawH/vdw544HC/qRiXRAWlvGJeEsEtY3fooumw1WpW47TNTmtltVMNtjXjjtWuTSOF1aiRDkm2MLajedmB0MFLcmldhEKIVjBAEPCcI4qcw3n3j+/gcVM4h8vhmMvvH2Y4z/e+z+X73ud93u/5YIQRRhhhhP9XhLsVcISUJ18EvR6uXIboaCSNEByMwATBwUhlA2i1IA6A0YjongjnzoESA6dPC5GQAJcuuduO3nB7AKSUEoSAsgxYtAisf4KHHgJ+BXffDXwJ06YB/1Id3W8T/wKVlSCPwaFDSLEHdu9G1P4I+flCpKVBd7e77B/2AEhrxXLw8UFcfgWefRYpK2H1agSTISZmGFX5HBoaQDwCGRlIJGzeLJSE2WAwDJcSLg/A1Ttcli6ClSsRMgE2bAB+C+Hhw2WoE4yH1lZgJbz2GiTshS1bhBACrFZXTeqyAEhrSTGEhIBshM8+QzAWFi921XxDb4B4GfLzEfwNVq5Uc0lj41BPM+QBkLK0FGbNAms15OUBMRAZOSxOcw1nbY4PhNRUIWYnw7ffDtXgQxaAaxzfCvn5qsL+/m5wmIsQj4PJBFYDpKQIcVcDHDs22FGVwQ4g5Yk/QHw80toE+/dzyzn+qqXbwdcXxHTYu/eq3YNkwAGw78+Vv0NeHoIwdc2/5XkTAgNBdMHu3WquG/gNN4gnoCsNNm4EuRcmTXK3V9zA72HCBAR58N57Ax2k3wGQ1hNLYeFCoBSeftqR/NGjx48HBYHBYDB4eLjXY85QX19f7+UFp05VVPj5OeWRCFi1SsrieEhK6u98A3gCxDPw5pvAbLWCvTHHjqmO37Pnq69Gj4asrB07IiLAapVSuL3+vp729gsXPDxgy5ZPPomKgpycXbvGjYOGhsZGna7PS1U/SELhrbf6O6/TAZDW0iaYOhWYCJGRSIKhthb7Ng2A1ta2Nk9P2L//4MGwMHjppeefr6kBvV6v7+6GI0eOHg0Kcre7ryc7e+fO226DlJTFi5ubIS1t+fKffoKdO9VAOETwV5g7V8qSEvVIxTkGfS/az3JKmuCLL6xWa50Qy5Z1dHR0aDTg6+vra7GA2WyxCAFmc1eXooC3t7e3+05grqdnifT39/c3m+3/NxqNRq0W/Pz8/CwWp1z6JWRnC5GwHlascCjtnIMVBcrLb5jtpSUL/PyguwxycnruBHc71G1ICqCjAwLqIThYKBPfhytXehN3IgBXk0sWFBa6275fEE9AcrIQsyvg0KHehJzIAeJTSEhwtzW/PMRMZ1YCJ87X5UFb8u3zIK1nd9PZefmy0o+9laenp6fVClqtVivl8Lnn5znJWby8dLrubhDC0VWyAiZPdjSe4wBI/gihoQi+70uspKSkJCAA9u1Tdz92Q81mVVVF8fYGjUZRrlwBRRHCbIb4+ClTTCZYvnzp0oYGV7r8f8nNzcsLD4eqqupqH5+eXKfqq9WCEFqtTgdarRCXLoEQQlit8MADqalNTTBz5vTpfb41kLxhO25/sC89HOcAa/F6OH4cQQrMmeNQ3mbItm1ZWVFR4OsbE7N6NaSlrV2bng7d3RaL2Qxnznz99eOPw/jxgYE5OcPn+J9jMplMWi28++6mTTExsHTpCy988AFMnbpw4T33gNF4/nxTE1gsFRWJiRAUpNfX1DgxsOQAfPONUGan97UUOX74BPf0VXD9nOrqmhofHzh5srzczw98fQMDg4Ptv2s0Wq2HB5w5c/78ggXXX19QUFgYEmIvhKqra2r0enuF2tjY1KTTQWtra6unp/1vff3Zs15eUFNTW6vXq+OEhkJGRmbm+PG961tYePhwSIh9HB+fwMBr6xQ/v5CQMWOgpKS8/M47+xFZId5w5lWnM0vQarh4EUGWM/MajeodFRIyblxEBJSV5efv3w86nbe3Xm+XO3gwO3vHDkhKev11IUBRFEVKSEpasKC1FbZt2749MhIyMz/66Pbb7U+WTqfTWa0QHBwc3NUFFou6lhsMRuOoURAVNWFCaCj8+GNVVXOzvRDsXV91nx8ZGRcXHw+5uZs2vf02LFz48MOPPgr19VVVlZXQ0lJZqb4FcHaLLQOgrQ04P7gACH4HZ886NylMmjRhwsWLEB2dmpqZCRcutLS0tMCmTWvWPPWUXW7GjGnTDAa743vQaNRk/OCD99/f1AR1defOxcSAt7ePj78/pKQkJhYU2NfgnsBs3frpp9HRYDBcvBgUBFOmxMWZTBAWFhbW+y4cEhLmzw8IgNjYZct27oQ9e7ZsyciA7OwNG9ats8s98khamtHorBcAWGsLwGuDCwC8D99/j4NdUA89FWNj4+nTK1ZAWVlRUVAQhIaGhHR1QWxsbKzJpCazc+d6H2f0aNVxERFhYT/8oCZvuD75qe9s4bHH0tLq6+GddzZuHDUK7rsvOfnCBcf6xsZGRZ06BVVV+/atWAF1dWVltbUQHj52bGcnzJ07Z057O8ybN2dOW1t//C/K4eRJh1KOBOxnG1JCQUF/VBgKOjs7OxUFNBqNBsDDw8Ojr1fkPbsuR3IuRwogMVHtsigq6k3MiQB8LUGnA59Dtq4BPXh7u9G0m51YMBrBMhnGjBFi3k9w+XJvwg53QUIsEtDZCbwOu3e727qbH5EAubmOHN9DP2pAZTls3epu825+ZBVs3+6sdL+Po6UsLrStaXpb6+AIKh1w5IjatnKjCufGDKDXkiRITwc225Ly7P4UajchxeoGg0qoq0OydmC9osp38Oqr/b1qwI6TsngmZGUBH8GqVcPosKFFis2wbp1QErbB+vXDPf1AngCb4lYDrFmD0LwF8+eDfAUmThxuAwaNIBzi4qS1bK7a5dAd5FQvqNQawWQSyowiaGkZ+PSDRFqLt8MddyDIgcOHudo3c8vyZ2hvBxkNiYlC3JUJFRUDHWwIWxNPhMO8eaD4w4ED9k6yWwZ1fy9FFaSmOiqwnMUFzbnFhTBjBtAOe/cCt8HYscPuLkkc7NuHEHdCff3gBxS58PHHQsyaBaWlQ6Wm69rT5YnPYcwYpFgCO3Yg+Dfce6+r5rvGpFTbp0nNEBvr+vkGqa2rJ7B3VZT+Gp58Eq5+oLEEQkNdMOV0sFhAPAXp6UjW2PqXHHhCPgHNzY5eog81bvhEqahFzQ2j3oNnnkGIWnjuOZBrwakWqKFirLo0iZdtvZ0vwocfDvdHfW4voKTctQs0Goj+DpKTQSTBkiUgHradwq6HKVPof8HXBWYzUvwGKioQ8h9QVIRU6mDXLsTMlWrl6tpPkBzh9gA4Qspj48DLC+lZqtYZchKMHg3kQ0AAwnq7Wrkq/4H2dmT3P6GtDXHpFaiquuYwcYQRRhhhhBFuKv4LZx7BFwViSIkAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTgtMTAtMjVUMTQ6MDc6MjErMDg6MDCWtLvnAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE4LTEwLTI1VDE0OjA3OjIxKzA4OjAw5+kDWwAAAHp0RVh0c3ZnOmJhc2UtdXJpAGZpbGU6Ly8vaG9tZS9hZG1pbi9pY29uLWZvbnQvdG1wL2ljb25fZ2E2cmdreGNtbWEvJUU1JThEJUExJUU5JTgwJTlBJUU1JUE0JUI0JUU1JTgzJThGJUU4JUExJUE4JUU2JTgzJTg1Ny5zdmc0hUKDAAAAAElFTkSuQmCC"},kww3:function(t,e,a){function i(t){a("X/Av")}var n=a("VU/8")(a("vpa7"),a("Gn4+"),i,null,null);t.exports=n.exports},"l+e5":function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("O6S8"),a("XPXN")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=n(a),l=n(i);e.default={data:function(){return{direction:"",tipStyle:""}},methods:{showTip:function(t){switch(this.direction=t,this.$refs.tip2.show(),t){case"bottom":this.tipStyle="left: 96px; top: -50px;";break;case"top":this.tipStyle="left: 96px; top: 40px;";break;case"right":this.tipStyle="left: -2px; top: -5px;";break;case"left":this.tipStyle="left: 190px; top: -5px;"}},close:function(){console.log("click close button")},clickHandler:function(){console.log("click tip area")}},components:{CubeButtonGroup:c.default,CubePage:l.default}},t.exports=e.default})},l43s:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("li",{staticClass:"cube-rate-item",class:{"cube-rate-item_active":t.index<=t.$parent.tempValue}},[t._t("default",[a("div",{staticClass:"cube-rate-item-def"})])],2)},staticRenderFns:[]}},lGNi:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("div",{staticClass:"cube-tab-panel"},[t._t("default")],2)},staticRenderFns:[]}},lQMO:function(t,e,a){function i(t){a("yu2v")}var n=a("VU/8")(a("uE8O"),a("p8T3"),i,null,null);t.exports=n.exports},lVK7:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("b1gV"),a("UFDc")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i){"use strict";function n(t){n.installed||(n.installed=!0,c.forEach(function(e){e!==a.Radio&&e.install(t)}))}Object.defineProperty(e,"__esModule",{value:!0});var c=[a.Locale,a.Button,a.Loading,a.Tip,a.Toolbar,a.TabBar,a.TabPanels,a.Checkbox,a.CheckboxGroup,a.Checker,a.Radio,a.RadioGroup,a.Input,a.Textarea,a.Select,a.Switch,a.Rate,a.Validator,a.Upload,a.Form,a.Popup,a.Toast,a.Picker,a.CascadePicker,a.DatePicker,a.TimePicker,a.SegmentPicker,a.Dialog,a.ActionSheet,a.Drawer,a.ImagePreview,a.Scroll,a.Slide,a.IndexList,a.Swipe,a.Sticky,a.ScrollNav,a.ScrollNavBar,a.RecycleList],l={version:"1.12.14",install:n,BScroll:a.BetterScroll,createAPI:a.createAPI};c.forEach(function(t){var e=(0,i.processComponentName)(t,{firstUpperCase:!0});l[e]=t}),"undefined"!=typeof window&&window.Vue&&window.Vue.use(n),e.default=l,t.exports=e.default})},lVze:function(t,e,a){function i(t){a("q8rA")}var n=a("VU/8")(a("MNuz"),a("MY9j"),i,null,null);t.exports=n.exports},lWcp:function(t,e){},liwK:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("form",{ref:"form",staticClass:"cube-form",class:t.formClass,attrs:{action:t.action},on:{submit:t.submitHandler,reset:t.resetHandler}},[t._t("default",t._l(t.groups,function(t,e){return a("cube-form-group",{key:e,attrs:{fields:t.fields,legend:t.legend}})}))],2)},staticRenderFns:[]}},"m/LA":function(t,e,a){function i(t){a("CZnn")}var n=a("VU/8")(a("H+BD"),a("ZtZp"),i,null,null);t.exports=n.exports},m4tM:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-select",class:{"cube-select_active":t.active,"cube-select_disabled":t.disabled},on:{click:t.showPicker}},[t.selectedText?a("span",{staticClass:"cube-select-text"},[t._v(t._s(t.selectedText))]):a("span",{staticClass:"cube-select-placeholder"},[t._v(t._s(t._placeholder))]),t._v(" "),a("i",{staticClass:"cube-select-icon"})])},staticRenderFns:[]}},mNkZ:function(t,e){},mS3r:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-sticky"},[t._t("default"),t._v(" "),a("transition",{attrs:{name:t.fixedShowAni}},[a("div",{directives:[{name:"show",rawName:"v-show",value:t.fixedShow,expression:"fixedShow"}],ref:"fixedEle",staticClass:"cube-sticky-fixed"},[t._t("fixed",null,{current:t.currentKey,index:t.currentIndex})],2)])],2)},staticRenderFns:[]}},"mY+Z":function(t,e){},mkLW:function(t,e,a){function i(t){a("9eEc")}var n=a("VU/8")(a("oVd1"),a("peAO"),i,null,null);t.exports=n.exports},mok4:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("kww3"),a("3kPI"),a("kAHR"),a("j9ag")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n,c){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var u=l(a),o=l(i),s=l(n),r=l(c);o.default.install=function(t){t.component(u.default.name,u.default),t.component(o.default.name,o.default),r.default.install(t),(0,s.default)(t,u.default)},o.default.Picker=u.default,e.default=o.default,t.exports=e.default})},mvDF:function(t,e,a){function i(t){a("AEue")}var n=a("VU/8")(a("UKcw"),a("jlIX"),i,null,null);t.exports=n.exports},nPBw:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("XPXN")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a),n=["😀 😁 😂 🤣 😃 😄 ","🙂 🤗 🤩 🤔 🤨 😐 ","👆🏻 scroll up/down 👇🏻 ","😔 😕 🙃 🤑 😲 ☹️ ","🐣 🐣 🐣 🐣 🐣 🐣 ","👆🏻 scroll up/down 👇🏻 ","🐥 🐥 🐥 🐥 🐥 🐥 ","🤓 🤓 🤓 🤓 🤓 🤓 ","👆🏻 scroll up/down 👇🏻 ","🦔 🦔 🦔 🦔 🦔 🦔 ","🙈 🙈 🙈 🙈 🙈 🙈 ","👆🏻 scroll up/down 👇🏻 ","🚖 🚖 🚖 🚖 🚖 🚖 ","✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 "];e.default={data:function(){return{scrollY:0,checkTop:!1,items:n.concat(),items2:n.concat(),items3:n.concat()}},methods:{scrollHandler:function(t){this.scrollY=t.currentTarget.scrollTop}},components:{CubePage:i.default}},t.exports=e.default})},nRLb:function(t,e){},nb3f:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("tx1y"),a("eZWf"),a("6KDq"),a("wIkl"),a("TMiY"),a("JgmB"),a("8jxs"),a("4xIg"),a("yB4N"),a("1H2N"),a("DXQ8"),a("m/LA"),a("hdAL"),a("Bhgd"),a("BH5X"),a("gYth"),a("zZ81"),a("p9oh"),a("ZiC1"),a("pmij"),a("5HTY"),a("YVqS"),a("AnsX"),a("AgjA"),a("W2Hj"),a("c7sT"),a("SW1b"),a("4BmD"),a("BHjP"),a("H61/"),a("UgWs"),a("JKih"),a("DD7W"),a("07pW"),a("Bf/j"),a("1btU"),a("kBQQ"),a("8F4S"),a("A5db"),a("Pe8L"),a("KrQh"),a("eE6y"),a("dTzF"),a("58Ml"),a("qWZY"),a("zI96"),a("VcN6"),a("DIVr"),a("UqhO"),a("eClu"),a("cQz5"),a("kgN1"),a("h8Kk"),a("uGVW"),a("7tZM"),a("QreJ"),a("91me"),a("U4Ng"),a("cSnO"),a("Cfx3"),a("8YJ/"),a("3jWI"),a("wnnB"),a("0MNC"),a("ZXOh"),a("UchT"),a("U8em"),a("6boj"),a("Ojzo"),a("KIfi"),a("YGd9"),a("a0bD"),a("mvDF"),a("UrdA")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n,c,l,u,o,s,r,d,v,p,f,h,x,y,m,b,g,_,w,A,k,C,T,P,j,S,M,D,V,I,O,E,U,R,B,H,N,L,F,X,K,z,Y,G,Q,W,q,Z,J,$,tt,et,at,it,nt,ct,lt,ut,ot,st,rt,dt,vt,pt,ft,ht,xt,yt,mt,bt,gt,_t){"use strict";function wt(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var At=wt(a),kt=wt(i),Ct=wt(n),Tt=wt(c),Pt=wt(l),jt=wt(u),St=wt(o),Mt=wt(s),Dt=wt(r),Vt=wt(d),It=wt(v),Ot=wt(p),Et=wt(f),Ut=wt(h),Rt=wt(x),Bt=wt(y),Ht=wt(m),Nt=wt(b),Lt=wt(g),Ft=wt(_),Xt=wt(w),Kt=wt(A),zt=wt(k),Yt=wt(C),Gt=wt(T),Qt=wt(P),Wt=wt(j),qt=wt(S),Zt=wt(M),Jt=wt(D),$t=wt(V),te=wt(I),ee=wt(O),ae=wt(E),ie=wt(U),ne=wt(R),ce=wt(B),le=wt(H),ue=wt(N),oe=wt(L),se=wt(F),re=wt(X),de=wt(K),ve=wt(z),pe=wt(Y),fe=wt(G),he=wt(Q),xe=wt(W),ye=wt(q),me=wt(Z),be=wt(J),ge=wt($),_e=wt(tt),we=wt(et),Ae=wt(at),ke=wt(it),Ce=wt(nt),Te=wt(ct),Pe=wt(lt),je=wt(ut),Se=wt(ot),Me=wt(st),De=wt(rt),Ve=wt(dt),Ie=wt(vt),Oe=wt(pt),Ee=wt(ft),Ue=wt(ht),Re=wt(xt),Be=wt(yt),He=wt(mt),Ne=wt(bt),Le=wt(gt),Fe=wt(_t),Xe=[{path:"/button",component:At.default},{path:"/checkbox",component:kt.default},{path:"/checkbox-group",component:Ct.default},{path:"/checker",component:He.default},{path:"/radio",component:Tt.default},{path:"/input",component:Vt.default},{path:"/textarea",component:It.default},{path:"/switch",component:Pt.default},{path:"/form",component:Et.default,children:[{path:"default",component:Ut.default},{path:"custom",component:Rt.default},{path:"classic",component:Bt.default},{path:"fresh",component:Ht.default}]},{path:"/loading",component:jt.default},{path:"/tip",component:St.default},{path:"/toolbar",component:we.default},{path:"/popup",component:Mt.default},{path:"/toast",component:Dt.default},{path:"/rate",component:Ot.default},{path:"/picker",component:Nt.default},{path:"/cascade-picker",component:Lt.default},{path:"/segment-picker",component:Ft.default},{path:"/date-picker",component:Xt.default},{path:"/time-picker",component:Kt.default},{path:"/select",component:zt.default},{path:"/dialog",component:Yt.default},{path:"/action-sheet",component:Gt.default},{path:"/drawer",component:xe.default,children:[{path:"default",component:ye.default},{path:"custom",component:me.default}]},{path:"/image-preview",component:De.default,children:[{path:"multi-images-preview",component:Ve.default}]},{path:"/scroll",component:Qt.default,children:[{path:"default",component:Wt.default},{path:"config",component:qt.default},{path:"jd",component:Zt.default},{path:"horizontal",component:Jt.default},{path:"toutiao",component:$t.default},{path:"v-scrolls",component:te.default},{path:"h-scrolls",component:ee.default},{path:"textarea",component:ae.default}]},{path:"/index-list",component:ie.default,children:[{path:"default",component:ne.default},{path:"custom",component:ce.default},{path:"pull-up-load",component:le.default},{path:"pull-down-refresh",component:ue.default}]},{path:"/upload",component:oe.default,children:[{path:"default",component:se.default},{path:"compress",component:re.default},{path:"custom",component:de.default}]},{path:"/validator",component:ve.default},{path:"/swipe",component:pe.default,children:[{path:"default",component:fe.default},{path:"custom",component:he.default}]},{path:"/slide",component:be.default,children:[{path:"vertical",component:ge.default},{path:"horizontal",component:_e.default}]},{path:"/toolbar",component:we.default},{path:"/sticky",component:Ae.default,children:[{path:"scroll",component:ke.default},{path:"native",component:Ce.default},{path:"wechat",component:Te.default}]},{path:"/scroll-nav-bar",component:Pe.default},{path:"/scroll-nav",component:je.default,children:[{path:"default",component:Se.default},{path:"side",component:Me.default}]},{path:"/tab-bar",component:Ie.default,children:[{path:"tab-bar",component:Oe.default},{path:"scroll-tab",component:Be.default},{path:"tab",component:Ee.default,children:[{path:"basic",component:Ue.default},{path:"composite",component:Re.default}]}]},{path:"/recycle-list",component:Ne.default,children:[{path:"default",component:Le.default},{path:"tombstone",component:Fe.default}]}];e.default=Xe,t.exports=e.default})},neus:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"index-list",title:"IndexList"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"view-wrapper"},[a("div",{staticClass:"index-list-wrapper"},[a("cube-index-list",{attrs:{data:t.cityData,title:t.title},on:{select:t.selectItem,"title-click":t.clickTitle}})],1)])])])},staticRenderFns:[]}},niVN:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("gLZT")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a){"use strict";function i(t,e){(0,n.default)(t,e,["mask-click"],!0)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=i;var n=function(t){return t&&t.__esModule?t:{default:t}}(a);t.exports=e.default})},nlvd:function(t,e,a){var i,n,c;!function(a,l){n=[t,e],i=l,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={cancel:"Cancel",confirm:"Confirm",ok:"OK",prev:"Prev",next:"Next",selectText:"Please select",now:"Now",selectTime:"Select time",today:"Today",formatDate:"M-D",hours:"",minutes:"",validator:{required:"Required.",type:{string:"Please input characters.",number:"Please input numbers.",array:"The data type should be array.",date:"Please select a valid date.",email:"Please input a valid E-mail.",tel:"Please input a valid telphone number.",url:"Please input a valid web site."},min:{string:"Please input at least {{config}} characters.",number:"The number could not smaller than {{config}}.",array:"Please select at least {{config}} items.",date:'Please select a date after {{config | toLocaleDateString("yyyy-MM-dd")}}.',email:"Please input at least {{config}} characters.",tel:"Please input at least {{config}} characters.",url:"Please input at least {{config}} characters."},max:{string:"Please input no more than {{config}} characters.",number:"The number could not bigger than {{config}}",array:"Please select no more than {{config}} items",date:'Please select a date before {{config | toLocaleDateString("yyyy-MM-dd")}}.',email:"Please input no more than {{config}} characters.",tel:"Please input no more than {{config}} characters.",url:"Please input no more than {{config}} characters."},len:{string:"Please input {{config}} characters.",number:"The length should equal {{config}}",array:"Please select {{config}} items",date:'Please select {{config | toLocaleDateString("yyyy-MM-dd")}}.',email:"Please input {{config}} characters.",tel:"Please input {{config}} characters.",url:"Please input {{config}} characters."},pattern:'The input don"t match pattern.',custom:"Invalid.",notWhitespace:"Whitespace is invalid."}},t.exports=e.default})},nocm:function(t,e){},nrl6:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("kww3"),a("VzLe"),a("t3q3"),a("kAHR"),a("j9ag")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n,c,l){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=u(a),s=u(i),r=u(n),d=u(c),v=u(l);s.default.install=function(t){t.component(o.default.name,o.default),t.component(s.default.name,s.default),v.default.install(t),(0,d.default)(t,o.default),(0,r.default)(t,s.default)},s.default.Picker=o.default,e.default=s.default,t.exports=e.default})},"o/OE":function(t,e){t.exports=[{name:"★ Hot City",shortcut:"★",items:[{name:"BEIJING",value:1},{name:"SHANGHAI",value:2}]},{name:"A",items:[{name:"ANSHAN",value:3},{name:"ANQING",value:4}]},{name:"B",items:[{name:"BEIJING",value:1},{name:"BAYINGUOLENGZHOU",value:5},{name:"BOERTALAZHOU",value:6}]},{name:"C",items:[{name:"CHENGDU",value:7}]},{name:"E",items:[{name:"EERDUOSI",value:8},{name:"EZHOU",value:9},{name:"ENSHIZHOU",value:10}]},{name:"F",items:[{name:"FUZHOU",value:11},{name:"FOSHAN",value:12},{name:"FANGCHENGGANG",value:13}]},{name:"G",items:[{name:"GUANGZHOU",value:14},{name:"GUIYANG",value:15}]},{name:"H",items:[{name:"HANGZHOU",value:16},{name:"HETIANDIQU",value:17}]},{name:"Z",items:[{name:"ZHENGZHOU",value:18},{name:"ZHANGJIAKOU",value:19},{name:"ZHANGJIAJIE",value:20},{name:"ZHUHAI",value:21},{name:"ZHONGSHAN",value:22},{name:"ZIGONG",value:23},{name:"ZIYANG",value:24},{name:"ZHAOZHUANG",value:25},{name:"ZHOUSHAN",value:26},{name:"ZUNYI",value:27},{name:"ZIBO",value:28},{name:"ZHUZHOU",value:29},{name:"ZHONGWEI",value:30}]}]},oLGW:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("BD2p"),a("ZhPo"),a("AQXh")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=c(a),u=c(i),o=c(n);l.default.install=function(t){t.component(l.default.name,l.default),t.component(u.default.name,u.default),t.component(o.default.name,o.default)},l.default.Btn=u.default,l.default.File=o.default,e.default=l.default,t.exports=e.default})},"oU/Y":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-upload-file",on:{click:t.clickHandler}},[t._t("default",[a("div",{staticClass:"cube-upload-file-def",style:t.fileStyle},[a("i",{staticClass:"cubeic-wrong",on:{click:function(e){return e.stopPropagation(),t.removeFile(e)}}}),t._v(" "),a("div",{staticClass:"cube-upload-file-state",class:t.fileStatusCls},[a("i",{staticClass:"cube-upload-file-status",class:t.statusCls}),t._v(" "),a("span",{staticClass:"cube-upload-file-progress"},[t._v(t._s(t.fileProgress))])])])],{imgStyle:t.fileStyle,progress:t.fileProgress})],2)},staticRenderFns:[]}},oVd1:function(t,e,a){var i,n,c;!function(a,l){n=[t,e],i=l,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-radio",inject:{radioGroup:{default:null}},props:{value:[String,Number],option:{type:[String,Object],required:!0},position:{type:String,default:"left"},hollowStyle:{type:Boolean,default:!1}},data:function(){return{radioValue:this.value}},created:function(){var t=this,e=this.radioGroup;e&&(this.radioValue=e.radioValue,this._cancelWatchGroup=this.$watch(function(){return e.radioValue},function(e){t.radioValue=e}))},beforeDestroy:function(){this._cancelWatchGroup&&this._cancelWatchGroup(),this._cancelWatchGroup=null},watch:{value:function(t){this.radioValue=t},radioValue:function(t){"number"==typeof this.value&&(t=Number(t)),this.$emit("input",t),this.radioGroup&&(this.radioGroup.radioValue=t)}},computed:{computedOption:function(){var t=this.option;return"string"==typeof t?{value:t,label:t}:t},_containerClass:function(){var t=this.computedOption;return{"cube-radio-hollow":this.hollowStyle,"cube-radio_selected":this.radioValue===t.value,"cube-radio_disabled":t.disabled,"border-right-1px":this.$parent.horizontal}},_wrapClass:function(){if(!this.$parent.horizontal)return"border-bottom-1px"}}},t.exports=e.default})},orqC:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("transition",{attrs:{name:"cube-drawer-move"}},[a("div",{directives:[{name:"show",rawName:"v-show",value:t.isVisible,expression:"isVisible"}],staticClass:"cube-drawer-panel"},[a("div",{staticClass:"cube-drawer-scroll-wrapper"},[a("cube-scroll",{ref:"scroll",attrs:{data:t.data}},[a("ul",{staticClass:"cube-drawer-list"},[t._t("default",t._l(t.data,function(t,e){return a("cube-drawer-item",{key:e,attrs:{item:t,index:e}})}))],2)])],1)])])},staticRenderFns:[]}},osO1:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("j9ag")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default=i.default,t.exports=e.default})},p8T3:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("transition",{attrs:{name:"cube-image-preview-fade"}},[a("cube-popup",{directives:[{name:"show",rawName:"v-show",value:t.isVisible,expression:"isVisible"}],attrs:{type:"image-preview","z-index":t.zIndex,center:!1}},[a("div",{staticClass:"cube-image-preview-container"},[a("div",{staticClass:"cube-image-preview-header"},[t._t("header",null,{current:t.currentPageIndex})],2),t._v(" "),t.isVisible?a("cube-slide",{ref:"slide",attrs:{data:t.imgs,"initial-index":t.currentPageIndex,"auto-play":!1,loop:t.loop,speed:t.speed,options:t.options},on:{change:t.slideChangeHandler}},[t._l(t.imgs,function(e,i){return a("cube-slide-item",{key:i},[a("div",{staticClass:"cube-image-preview-item",on:{click:t.itemClickHandler}},[a("cube-scroll",{ref:"items",refInFor:!0,attrs:{options:t.scrollOptions},nativeOn:{dblclick:function(e){t.dblclickHandler(i,e)}}},[a("img",{staticClass:"cube-image-preview-img",attrs:{src:e},on:{load:function(e){t.imgLoad(i)}}})])],1)])}),t._v(" "),a("template",{slot:"dots"},[a("i")])],2):t._e(),t._v(" "),a("div",{staticClass:"cube-image-preview-footer"},[t._t("footer",[a("span",{staticClass:"cube-image-preview-counter"},[t._v(t._s(t.currentPageIndex+1)+"/"+t._s(t.imgs.length))])],{current:t.currentPageIndex})],2)],1)])],1)},staticRenderFns:[]}},p9oh:function(t,e,a){var i=a("VU/8")(a("e3O1"),a("zFE9"),null,null,null);t.exports=i.exports},pAFF:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-textarea-wrapper",class:{"cube-textarea_expanded":t.expanded,"cube-textarea_active":t.isFocus}},[a("textarea",t._b({directives:[{name:"model",rawName:"v-model",value:t.textareaValue,expression:"textareaValue"}],ref:"input",staticClass:"cube-textarea",attrs:{placeholder:t.placeholder,maxlength:t.maxlength,disabled:t.disabled},domProps:{value:t.textareaValue},on:{focus:t.handleFocus,blur:t.handleBlur,input:function(e){e.target.composing||(t.textareaValue=e.target.value)}}},"textarea",t.$props,!1)),t._v(" "),t.indicator?a("span",{directives:[{name:"show",rawName:"v-show",value:t.expanded,expression:"expanded"}],staticClass:"cube-textarea-indicator"},[t._v(t._s(t.indicatorConf.remain?t.remain:t.count))]):t._e()])},staticRenderFns:[]}},"pWL+":function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("XPXN"),a("YlpP")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=n(a),l=n(i),u=l.default.goods;e.default={components:{CubePage:c.default},data:function(){return{data:u}},methods:{changeHandler:function(t){console.log("changed to:",t)}}},t.exports=e.default})},peAO:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-radio",class:t._containerClass,attrs:{"data-pos":t.position}},[a("label",{staticClass:"cube-radio-wrap",class:t._wrapClass},[a("input",{directives:[{name:"model",rawName:"v-model",value:t.radioValue,expression:"radioValue"}],staticClass:"cube-radio-input",attrs:{type:"radio",disabled:t.option.disabled},domProps:{value:t.computedOption.value,checked:t._q(t.radioValue,t.computedOption.value)},on:{change:function(e){t.radioValue=t.computedOption.value}}}),t._v(" "),t._m(0),t._v(" "),t._t("default",[a("span",{staticClass:"cube-radio-label"},[t._v(t._s(t.computedOption.label))])])],2)])},staticRenderFns:[function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("span",{staticClass:"cube-radio-ui cubeic-round-border"},[a("i")])}]}},penI:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("transition",{attrs:{name:"cube-tip-zoom"}},[a("div",{directives:[{name:"show",rawName:"v-show",value:t.isVisible,expression:"isVisible"}],staticClass:"cube-tip",attrs:{"data-dir":t.direction},on:{click:t.handleClick}},[a("i",{ref:"angle",staticClass:"cube-tip-angle"}),t._v(" "),a("button",{staticClass:"cube-tip-close cubeic-close",on:{click:function(e){return e.stopPropagation(),t.close(e)}}}),t._v(" "),a("div",{staticClass:"cube-tip-content"},[t._t("default")],2)])])},staticRenderFns:[]}},piyO:function(t,e,a){function i(t){a("ijHb")}var n=a("VU/8")(a("9O6X"),a("sJPN"),i,null,null);t.exports=n.exports},"pjk/":function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("woOf"),a("t7U9"),a("cL1+"),a("bh5B"),a("6liq"),a("QMhb"),a("kVGr")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n,c,l,u,o){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=s(a),d=s(c),v=s(l),p=s(u),f=s(o),h=n.inBrowser&&window.innerHeight<=480?17:18,x=(0,i.prefixStyle)("transform");e.default={name:"cube-index-list",mixins:[p.default,f.default],props:{title:{type:String,default:""},data:{type:Array,default:function(){return[]}},speed:{type:Number,default:0},navbar:{type:Boolean,default:!0},pullDownRefresh:{type:[Object,Boolean],default:void 0,deprecated:{replacedBy:"options"}},pullUpLoad:{type:[Object,Boolean],default:void 0,deprecated:{replacedBy:"options"}}},data:function(){return{scrollEvents:["scroll"],currentIndex:0,scrollY:-1,diff:-1,titleHeight:0}},computed:{fixedTitle:function(){return this.title&&!this.titleHeight&&this._caculateTitleHeight(),this.scrollY<=-this.titleHeight&&this.data[this.currentIndex]?this.data[this.currentIndex].name:""},shortcutList:function(){return this.data.map(function(t){return t?t.shortcut||t.name.substr(0,1):""})},scrollOptions:function(){return(0,r.default)({},{pullDownRefresh:this.pullDownRefresh,pullUpLoad:this.pullUpLoad},this.options)}},created:function(){this.groupList=[],this.listHeight=[],this.touch={},this.subTitleHeight=0},mounted:function(){var t=this;this.$nextTick(function(){t.title&&t._caculateTitleHeight(),t._calculateHeight()})},methods:{refresh:function(){this.$refs.scroll.refresh()},selectItem:function(t){this.$emit("select",t)},scroll:function(t){this.scrollY=t.y},titleClick:function(){this.$emit("title-click",this.title)},forceUpdate:function(){this.$refs.scroll.forceUpdate()},onShortcutTouchStart:function(t){var e=(0,i.getMatchedTarget)(t,"cube-index-list-nav-item");if(e){var a=(0,i.getData)(e,"index"),n=t.touches[0];this.touch.y1=n.pageY,this.touch.anchorIndex=a,this._scrollTo(a)}},onShortcutTouchMove:function(t){var e=t.touches[0];this.touch.y2=e.pageY;var a=(this.touch.y2-this.touch.y1)/h|0,i=parseInt(this.touch.anchorIndex)+a;this._scrollTo(i)},onPullingUp:function(){this.$emit("pulling-up")},onPullingDown:function(){this.$emit("pulling-down")},_caculateTitleHeight:function(){this.titleHeight=this.$refs.title?(0,i.getRect)(this.$refs.title).height:0},_calculateHeight:function(){this.groupList=this.$el.getElementsByClassName("cube-index-list-group");var t=this.$el.getElementsByClassName("cube-index-list-anchor")[0];if(this.subTitleHeight=t?(0,i.getRect)(t).height:0,this.listHeight=[],this.groupList){var e=this.titleHeight;this.listHeight.push(e);for(var a=0;athis.listHeight.length-2&&(t=this.listHeight.length-2),this.$refs.scroll.scrollToElement(this.groupList[t],this.speed),this.scrollY=this.$refs.scroll.scroll.y}},watch:{data:function(){var t=this;this.$nextTick(function(){t._calculateHeight()})},title:function(t){var e=this;this.$nextTick(function(){e._caculateTitleHeight(),e._calculateHeight()})},diff:function(t){var e=t>0&&t-this.titleHeight)return void(this.currentIndex=0);for(var a=0;a=i&&-t0&&void 0!==arguments[0]?arguments[0]:"",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:null,l=n&&n.base64||"";return{name:t,size:e,url:l?"":c(n),base64:l,status:a,progress:i,file:n}}function c(t){return t&&u?u.createObjectURL(t):""}function l(t){if("function"==typeof t){for(var e=arguments.length,a=Array(e>1?e-1:0),i=1;i2&&void 0!==arguments[2]?arguments[2]:{},i=a.type,n=void 0===i?"Event":i,c=a.bubbles,l=void 0===c||c,u=a.cancelable,o=void 0===u||u,s=document.createEvent(n);s.initEvent(e,l,o),t.dispatchEvent(s)}Object.defineProperty(t,"__esModule",{value:!0}),t.hasClass=a,t.addClass=i,t.removeClass=n,t.getData=c,t.getRect=l,t.prefixStyle=u,t.getMatchedTarget=o,t.dispatchEvent=s;var r=function(){if(!e.inBrowser)return!1;var t=document.createElement("div").style,a={standard:"transform",webkit:"webkitTransform",Moz:"MozTransform",O:"OTransform",ms:"msTransform"};for(var i in a)if(void 0!==t[a[i]])return i;return!1}()})},tEcF:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("mkLW")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);e.default={name:"cube-radio-group",provide:function(){return{radioGroup:this}},props:{value:[String,Number],options:{type:Array,default:function(){return[]}},position:{type:String,default:"left"},horizontal:{type:Boolean,default:!1},hollowStyle:{type:Boolean,default:!1}},data:function(){return{radioValue:this.value}},watch:{value:function(t){this.radioValue=t},radioValue:function(t){this.$emit("input",t)}},computed:{_groupClass:function(){if(!this.horizontal)return"border-top-1px border-bottom-1px"}},components:{CubeRadio:i.default}},t.exports=e.default})},tJl4:function(t,e,a){var i,n,c;!function(a,l){n=[t,e],i=l,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a={STANDARD:"standard",CLASSIC:"classic",FRESH:"fresh"};e.default=a,t.exports=e.default})},tNeh:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("kww3"),a("VzLe"),a("JBFj"),a("kAHR"),a("t3q3"),a("C2tW"),a("j9ag")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n,c,l,u,o){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=s(a),d=s(i),v=s(n),p=s(c),f=s(l),h=s(u),x=s(o);v.default.install=function(t){t.component(r.default.name,r.default),t.component(d.default.name,d.default),t.component(v.default.name,v.default),x.default.install(t),(0,p.default)(t,r.default),(0,f.default)(t,d.default),(0,h.default)(t,v.default)},v.default.Picker=r.default,d.default.Picker=r.default,v.default.CascadePicker=d.default,e.default=v.default,t.exports=e.default})},tYAf:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("li",{staticClass:"cube-index-list-group"},[a("h2",{staticClass:"cube-index-list-anchor",domProps:{innerHTML:t._s(t.group.name)}}),t._v(" "),a("ul",[t._t("default",t._l(t.group.items,function(e,i){return a("cube-index-list-item",{key:i,attrs:{item:e},on:{select:t.selectItem}})}))],2)])},staticRenderFns:[]}},tspx:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("t7U9"),a("4BV0"),a("+rJ6")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var c=(0,a.prefixStyle)("transform"),l=(0,a.prefixStyle)("transitionProperty"),u=(0,a.prefixStyle)("transitionDuration"),o=(0,a.prefixStyle)("transitionTimingFunction");e.default={name:"cube-swipe-item",inject:["swipe"],props:{item:{type:Object,default:function(){return{}}},btns:{type:Array,default:function(){return[]}},index:{type:Number,index:-1},autoShrink:{type:Boolean,default:!1}},watch:{btns:function(){var t=this;this.$nextTick(function(){t.refresh()})}},created:function(){this.x=0,this.state=0,this.swipe.addItem(this)},mounted:function(){var t=this;this.scrollerStyle=this.$refs.swipeItem.style,this.$nextTick(function(){t.refresh()}),this.$on("scroll",this._handleBtns)},methods:{_initCachedBtns:function(){this.cachedBtns=[];for(var t=this.$refs.btns.length,e=0;e=0){a=!0;break}e=e.parentNode}return a},_calculateBtnsWidth:function(){for(var t=0,e=this.cachedBtns.length,a=0;a0&&void 0!==arguments[0]?arguments[0]:"transform";this.scrollerStyle[l]=t},_transitionTimingFunction:function(t){this.scrollerStyle[o]=t},_transitionTime:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;this.scrollerStyle[u]=t+"ms"},_getComputedPositionX:function(){var t=window.getComputedStyle(this.$refs.swipeItem,null);return t=t[c].split(")")[0].split(", "),+(t[12]||t[4])},_translateBtns:function(t,e,a){if(0!==this.btns.length)for(var i=this.$refs.btns.length,n=0,s=0,r=0;r0&&(this._initCachedBtns(),this._calculateBtnsWidth()),this.endTime=0},shrink:function(){var t=this;this.stop(),this.state=0,this.$nextTick(function(){t.scrollTo(0,600,i.easeOutQuart),t._translateBtns(600,i.easeOutQuart)})},grow:function(){this.state=1;var t=this.x300&&c<15)){this.movingDirectionX=a>0?-1:a<0?1:0;var u=this.x+a;u>0&&(u=0),u300&&(this.startTime=l,this.startX=this.x),this.$emit("scroll",this.x)}}}},onTouchEnd:function(){if(this.moved){if(-1===this.movingDirectionX)return void this.shrink();this.endTime=(0,n.getNow)();var t=this.endTime-this.startTime,e=Math.abs(this.x-this.startX);t<300&&e>15||this.x=0&&this.currentPageIndex!==t){var e=this.$refs.items[this.currentPageIndex];if(e){var a=e.scroll;1!==a.scale&&(a.scale=1,a.lastcale=1,a.refresh())}}this.currentPageIndex=t},slideChangeHandler:function(t){this.setPageIndex(t),this.slideScrollEndHandler(),this.$emit("change",t)},slideScrollStartHandler:function(){var t=this.$refs.slide.slide;this._scrolling&&!this._hasEnableSlide?t.disable():t.enable()},slideScrollEndHandler:function(){var t=this;this.$refs.items.forEach(function(e){t.scrollEndHandler(e.scroll)})},_scroll:function(t){var e=this.$refs.slide.slide;e.disable(),e.refresh(),t.enable()},_slide:function(t){this.$refs.slide.slide.enable(),t.disable()},beforeScrollHandler:function(){clearTimeout(this.enableSlideTid)},scrollEndHandler:function(t){var e=this;clearTimeout(this.enableSlideTid),this.dblZooming&&(this.dblZooming=!1,clearTimeout(this.clickTid)),this._hasEnableSlide=!1,this._scrolling=!1,t.enable(),this.enableSlideTid=setTimeout(function(){e.$refs.slide.slide.enable()})},checkBoundary:function(t,e){if(t.distX&&Math.abs(t.distX)>Math.abs(t.distY)){this._scrolling=!0;(t.distX>0?e.x>=t.minScrollX:e.x<=t.maxScrollX)?(this._hasEnableSlide=!0,this._slide(t)):this._hasEnableSlide||this._scroll(t)}else t.distY&&(this._scrolling=!0,this._scroll(t))},zoomStartHandler:function(t){this._scroll(t)},dblclickHandler:function(t,e){var a=this.$refs.items[t].scroll;this.dblZooming=!0,this.zoomTo(a,a.scale>1?1:2,e),a.disable()},itemClickHandler:function(){var t=this;clearTimeout(this.clickTid),this.clickTid=setTimeout(function(){!t.dblZooming&&t.hide()},this.scrollOptions.bounceTime)},zoomTo:function(t,e,a){t.zoomTo(e,a.pageX,a.pageY)}},components:{CubePopup:r.default,CubeSlide:d.default,CubeSlideItem:v.default,CubeScroll:p.default}},t.exports=e.default})},uGVW:function(t,e,a){function i(t){a("deRs")}var n=a("VU/8")(a("C/e8"),a("yADO"),i,null,null);t.exports=n.exports},uN5Q:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"upload-view-custom",title:"Upload"}},[a("template",{slot:"content"},[a("p",[t._v("Use slots: ")]),t._v(" "),a("div",{staticClass:"upload-view-custom-main"},[a("cube-upload",{ref:"upload",attrs:{action:t.action},on:{"files-added":t.addedHandler,"file-error":t.errHandler},model:{value:t.files,callback:function(e){t.files=e},expression:"files"}},[a("div",{staticClass:"clear-fix"},[t._l(t.files,function(t,e){return a("cube-upload-file",{key:e,attrs:{file:t}})}),t._v(" "),a("cube-upload-btn",{attrs:{multiple:!1}},[a("div",[a("i",[t._v("＋")]),t._v(" "),a("p",[t._v("Please click to upload ID card")])])])],2)])],1)])],2)},staticRenderFns:[]}},uYby:function(t,e,a){var i,n,c;!function(a,l){n=[t,e],i=l,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={},t.exports=e.default})},ulou:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("XPXN"),a("o/OE")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=n(a),l=n(i);e.default={components:{CubePage:c.default},data:function(){return{title:"Current City: BEIJING",cityData:l.default}},methods:{selectItem:function(t){console.log(t.name)},clickTitle:function(t){console.log(t)}}},t.exports=e.default})},umxa:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("XPXN"),a("O6S8"),a("Mr73")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=c(a),u=c(i),o=c(n);e.default={components:{CubePage:l.default,CubeButtonGroup:u.default,CubeView:o.default},methods:{goTo:function(t){this.$router.push("/swipe/"+t)}}},t.exports=e.default})},uqUP:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-slide-item"},[t._t("default",[a("a",{attrs:{href:t.item.url}},[a("img",{attrs:{src:t.item.image}})])])],2)},staticRenderFns:[]}},uwC9:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"index-list",title:"IndexList"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"view-wrapper"},[a("div",{staticClass:"index-list-wrapper custom"},[a("cube-index-list",{attrs:{data:t.singerData},scopedSlots:t._u([{key:"nav-item",fn:function(e){return a("span",{staticClass:"custom-nav-item"},[t._v(t._s(e.item))])}}])},t._l(t.singerData,function(e,i){return a("cube-index-list-group",{key:i,attrs:{group:e}},t._l(e.items,function(e,i){return a("cube-index-list-item",{key:i,attrs:{item:e},on:{select:t.selectItem}},[a("div",{staticClass:"custom-item"},[a("img",{directives:[{name:"lazy",rawName:"v-lazy",value:e.avatar,expression:"item.avatar"}],staticClass:"avatar"}),t._v(" "),a("span",{staticClass:"name"},[t._v(t._s(e.name))])])])}))}))],1)])])])},staticRenderFns:[]}},uzcz:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{ref:"swipeItem",staticClass:"cube-swipe-item",on:{transitionend:t.onTransitionEnd,touchstart:t.onTouchStart,touchmove:t.onTouchMove,touchend:t.onTouchEnd}},[t._t("default",[a("div",{staticClass:"cube-swipe-item-inner border-bottom-1px",on:{click:t.clickItem}},[a("span",[t._v(t._s(t.item.text))])])]),t._v(" "),a("ul",{staticClass:"cube-swipe-btns"},t._l(t.btns,function(e){return a("li",{ref:"btns",refInFor:!0,staticClass:"cube-swipe-btn",style:t.genBtnStyl(e),on:{click:function(a){a.preventDefault(),t.clickBtn(e)}}},[a("span",{staticClass:"text"},[t._v(t._s(e.text))])])}))],2)},staticRenderFns:[]}},v4hj:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("qqiS"),a("suVo"),a("4Kqh")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=c(a),u=c(i),o=c(n);u.default.install=function(t){t.component(l.default.name,l.default),t.component(u.default.name,u.default),(0,o.default)(t,u.default)},u.default.Loading=l.default,e.default=u.default,t.exports=e.default})},v4qp:function(t,e){},vEm4:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{staticClass:"option-demo",attrs:{type:"scroll-view",title:"Scroll"}},[a("div",{staticClass:"scroll-wrapper",attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"demo"},[a("div",{staticClass:"title"},[t._v("horizontal Demo")]),t._v(" "),a("cube-scroll",{ref:"scroll",staticClass:"horizontal-scroll-list-wrap",attrs:{data:t.items,direction:"horizontal"}},[a("ul",{staticClass:"list-wrapper"},t._l(t.items,function(e){return a("li",{staticClass:"list-item"},[t._v(t._s(e))])}))])],1)])])},staticRenderFns:[]}},vJ9C:function(t,e,a){function i(t){a("IuA7")}var n=a("VU/8")(a("wLKS"),a("FK47"),i,null,null);t.exports=n.exports},vLxS:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("XPXN"),a("O6S8"),a("Mr73")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=c(a),u=c(i),o=c(n);e.default={components:{CubePage:l.default,CubeButtonGroup:u.default,CubeView:o.default},methods:{goTo:function(t){this.$router.push("/tab-bar/tab/"+t)}}},t.exports=e.default})},vfhA:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"form-def",title:"Form 表单"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-form",{attrs:{model:t.model,schema:t.schema,"immediate-validate":!1,options:t.options},on:{validate:t.validateHandler,submit:t.submitHandler,reset:t.resetHandler}}),t._v(" "),a("json-view",{attrs:{title:"model",data:t.model}}),t._v(" "),a("json-view",{attrs:{title:"validity",data:t.validity}})],1)])},staticRenderFns:[]}},vhte:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("gLZT")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a){"use strict";function i(t,e){(0,n.default)(t,e,["select","cancel"],!0)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=i;var n=function(t){return t&&t.__esModule?t:{default:t}}(a);t.exports=e.default})},vpa7:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("Gu7T"),a("GQaK"),a("PzHl"),a("Z5VE"),a("d64j"),a("yIJW"),a("wih/"),a("4KJe")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n,c,l,u,o,s){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var d=r(a),v=r(i),p=r(n),f=r(c),h=r(l),x=r(u),y=r(o),m=r(s);e.default={name:"cube-picker",mixins:[f.default,h.default,x.default,y.default,m.default],props:{pending:{type:Boolean,default:!1}},data:function(){return{finalData:this.data.slice()}},created:function(){this._values=[],this._indexes=this.selectedIndex},methods:{confirm:function(){if(this._canConfirm()){this.hide();var t=!1,e=[],a=this.finalData.length,i=this._values.length;i!==a&&(t=!0,i>a&&(this._values.length=this._indexes.length=a));for(var n=0;nt){this.wheels.splice(t).forEach(function(t){t.destroy()})}},_canConfirm:function(){return!this.pending&&this.wheels.every(function(t){return!t.isInTransition})},_getFlexOrder:function(t){return t[0]?t[0][this.orderKey]:0}},beforeDestroy:function(){this.wheels&&this.wheels.forEach(function(t){t.destroy()}),this.wheels=null},components:{CubePopup:p.default}},t.exports=e.default})},w3NF:function(t,e){},wIkl:function(t,e,a){function i(t){a("EKZ3")}var n=a("VU/8")(a("hC+w"),a("0XpD"),i,null,null);t.exports=n.exports},wKxo:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{staticClass:"option-demo",attrs:{type:"scroll-view",title:"Scroll"}},[a("div",{staticClass:"scroll-wrapper",attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"demo"},[a("cube-scroll",{ref:"scroll",staticClass:"outer-horizontal-scroll",attrs:{data:t.items1,direction:"horizontal"}},[a("ul",{staticClass:"list-wrapper"},[t._l(t.items1,function(e){return a("li",{staticClass:"list-item"},[t._v(t._s(e))])}),t._v(" "),a("li",{staticClass:"list-item inner-horizontal-scroll"},[a("cube-scroll",{ref:"scroll",attrs:{data:t.items2,nestMode:"free",direction:"horizontal"}},[a("ul",{staticClass:"list-wrapper"},t._l(t.items2,function(e){return a("li",{staticClass:"list-item"},[t._v(t._s(e))])}))])],1),t._v(" "),t._l(t.items1,function(e){return a("li",{staticClass:"list-item"},[t._v(t._s(e))])})],2)])],1)])])},staticRenderFns:[]}},wLKS:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("woOf"),a("VKJd"),a("GQaK"),a("QMhb"),a("kVGr")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n,c,l){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var o=u(a),s=u(i),r=u(n),d=u(c),v=u(l),p={momentum:!1,click:!0,observeDOM:!1,bounce:!1};e.default={name:"cube-slide",mixins:[d.default,v.default],props:{data:{type:Array,default:function(){return[]}},initialIndex:{type:Number,default:0},loop:{type:Boolean,default:!0},threshold:{type:Number,default:.3},speed:{type:Number,default:400},autoPlay:{type:Boolean,default:!0},interval:{type:Number,default:4e3},showDots:{type:Boolean,default:!0},direction:{type:String,default:"horizontal"},allowVertical:{type:Boolean,default:void 0,deprecated:{replacedBy:"options"}},stopPropagation:{type:Boolean,default:void 0,deprecated:{replacedBy:"options"}},refreshResetCurrent:{type:Boolean,default:!0}},data:function(){return{dots:0,currentPageIndex:this.initialIndex||0}},created:function(){var t=this;this._dataWatchers=[],["data","loop","autoPlay","options.eventPassthrough","threshold","speed","allowVertical"].forEach(function(e){t._dataWatchers.push(t.$watch(e,function(){"data"===e&&t._destroy(),t.$nextTick(function(){t.refresh()})}))})},watch:{initialIndex:function(t){t!==this.currentPageIndex&&this._goToPage(t)}},methods:{clickItem:function(t,e){this.$emit("click",t,e)},refresh:function(){null!==this.slide&&(this._destroy(),clearTimeout(this._timer),this.slide&&this.refreshResetCurrent&&(this.currentPageIndex=0),this._updateSlideDom(),this.showDots&&this._initDots(),this.currentPageIndex>=this.dots.length&&(this.currentPageIndex=this.dots.length-1),this._initSlide(),this.autoPlay&&this._play())},_destroy:function(){this.slide&&this.slide.destroy()},_refresh:function(){this._updateSlideDom(!0),this.slide.refresh()},_updateSlideDom:function(t){this._setSlideStyle(t)},_setSlideStyle:function(t){this.children=this.$refs.slideGroup.children;for(var e="horizontal"===this.direction?"width":"height",a=0,i=this.$refs.slide["client"+(e[0].toUpperCase()+e.slice(1))],n=this.children.length,c=0;c1&&(a+=2*i),this.$refs.slideGroup.style[e]=a+"px"},_initSlide:function(){var t=this,e="horizontal"===this.direction&&this.allowVertical?"vertical":"",a=(0,o.default)({},p,{scrollX:"horizontal"===this.direction,scrollY:"vertical"===this.direction,eventPassthrough:e,snap:{loop:this.loop,threshold:this.threshold,speed:this.speed},stopPropagation:this.stopPropagation},this.options);this.slide=new r.default(this.$refs.slide,a),this.slide.on("scrollEnd",this._onScrollEnd),this._goToPage(this.currentPageIndex,0),this.options.listenScroll&&3===this.options.probeType&&this.slide.on("scroll",this._onScroll);var i=this.$refs.slide;i.removeEventListener("touchend",this._touchEndEvent,!1),this._touchEndEvent=function(){t.autoPlay&&t._play()},i.addEventListener("touchend",this._touchEndEvent,!1),this.slide.on("beforeScrollStart",function(){t.autoPlay&&clearTimeout(t._timer)})},_onScrollEnd:function(){var t=this.slide.getCurrentPage(),e=t.pageX,a=t.pageY,i="horizontal"===this.direction?e:a;this.currentPageIndex!==i&&(this.currentPageIndex=i,this.$emit("change",i)),this.$emit("scroll-end",i),this.autoPlay&&this._play()},_onScroll:function(t){this.$emit("scroll",t)},_initDots:function(){this.dots=new Array(this.children.length)},_play:function(){var t=this;clearTimeout(this._timer),this._timer=setTimeout(function(){t.slide.next()},this.interval)},_deactivated:function(){clearTimeout(this._timer),clearTimeout(this._resizeTimer),window.removeEventListener("resize",this._resizeHandler);var t=this.$refs.slide;t&&t.removeEventListener("touchend",this._touchEndEvent,!1)},_resizeHandler:function(){var t=this;this.slide&&(clearTimeout(this._resizeTimer),this._resizeTimer=setTimeout(function(){t.slide.isInTransition?t._onScrollEnd():t.autoPlay&&t._play(),t._refresh()},60))},_goToPage:function(t,e){"horizontal"===this.direction?this.slide&&this.slide.goToPage(t,0,e):"vertical"===this.direction&&this.slide&&this.slide.goToPage(0,t,e)}},mounted:function(){var t=this;this.$nextTick(function(){t.refresh()}),window.addEventListener("resize",this._resizeHandler)},activated:function(){this.autoPlay&&this._play(),window.addEventListener("resize",this._resizeHandler)},deactivated:function(){this._deactivated()},destroyed:function(){this._deactivated(),this._destroy(),this.slide=null,this._dataWatchers.forEach(function(t){t()}),this._dataWatchers=null},components:{CubeSlideItem:s.default}},t.exports=e.default})},wOxr:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("gLZT"),a("XRNA")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i){"use strict";function n(t,e){(0,c.default)(t,e,["select","cancel","change"]).before(function(t,e,a){a&&(0,i.tip)("TimePicker component can not be a singleton.")})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=n;var c=function(t){return t&&t.__esModule?t:{default:t}}(a);t.exports=e.default})},wT65:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("bh5B")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=function(t){return t&&t.__esModule?t:{default:t}}(a);i.default.install=function(t){t.component(i.default.name,i.default)},e.default=i.default,t.exports=e.default})},wYaX:function(t,e){},waH8:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("kww3"),a("Z5VE"),a("d64j"),a("yIJW"),a("wih/"),a("4KJe")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n,c,l,u){"use strict";function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var s=o(a),r=o(i),d=o(n),v=o(c),p=o(l),f=o(u);e.default={name:"cube-cascade-picker",mixins:[r.default,d.default,v.default,p.default,f.default],props:{async:{type:Boolean,default:!1}},data:function(){return{cascadeData:this.data.slice(),pickerSelectedIndex:this.selectedIndex.slice(),pickerData:[],pending:!1}},created:function(){this._updatePickerData()},methods:{setData:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];this.pending=!1,this.cascadeData=t.slice(),this.pickerSelectedIndex=e.slice(),this._updatePickerData()},_pickerSelect:function(t,e,a){this.$emit("select",t,e,a)},_pickerCancel:function(){this.$emit("cancel")},_pickerChange:function(t,e){e!==this.pickerSelectedIndex[t]&&(this.pickerSelectedIndex.splice(t,1,e),this.async?this.pending=t!==this.pickerData.length-1:this._updatePickerData(t+1)),this.$emit("change",t,e)},_updatePickerData:function(){for(var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,a=this.cascadeData,i=0;a;)i>=e&&function(){var n=[];a.forEach(function(e){n.push({value:e[t.valueKey],text:e[t.textKey],order:e[t.orderKey]})}),t.pickerData[i]=n,t.pickerSelectedIndex[i]=0===e?t.pickerSelectedIndex[i].5?t.items.unshift(h[1]):t.$refs.scroll.forceUpdate()},1e3)},onPullingUp:function(){var t=this;setTimeout(function(){if(Math.random()>.5){var e=h.slice(0,5);t.items=t.items.concat(e)}else t.$refs.scroll.forceUpdate()},1e3)},updatePullDownRefresh:function(t){this.pullDownRefresh=t},updatePullDownRefreshThreshold:function(t){this.pullDownRefreshThreshold=t},updatePullDownRefreshTxt:function(t){this.pullDownRefreshTxt=t},updatePullUpLoad:function(t){this.pullUpLoad=t},updatePullUpLoadThreshold:function(t){this.pullUpLoadThreshold=t},updatePullUpLoadMoreTxt:function(t){this.pullUpLoadMoreTxt=t},updatePullUpLoadNoMoreTxt:function(t){this.pullUpLoadNoMoreTxt=t},updateCustomPullDown:function(t){this.customPullDown=t},rebuildScroll:function(){var t=this;s.default.nextTick(function(){t.$refs.scroll.destroy(),t.$refs.scroll.initScroll()})}}},t.exports=e.default})},xUY6:function(t,e,a){function i(t){a("Bd0C")}var n=a("VU/8")(a("EF6b"),a("l43s"),i,null,null);t.exports=n.exports},"xV+0":function(t,e,a){var i,n,c;!function(a,l){n=[e],i=l,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.FOLLOWERS_DATA=[{name:"嵇智",avatar:"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAIBAQEBAQIBAQECAgICAgQDAgICAgUEBAMEBgUGBgYFBgYGBwkIBgcJBwYGCAsICQoKCgoKBggLDAsKDAkKCgr/2wBDAQICAgICAgUDAwUKBwYHCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgr/wAARCAAyADIDASIAAhEBAxEB/8QAHAAAAgIDAQEAAAAAAAAAAAAAAAgGBwMFCQIE/8QAMhAAAgIBAwMCBAYCAQUAAAAAAQIDBAUGERIAByEIEwkUIjEVFiMyQVFhcXIKQlKR0v/EABsBAAICAwEAAAAAAAAAAAAAAAYHAwUCBAgJ/8QAMxEAAQMCAwUGBQQDAAAAAAAAAQIDEQQhAAUxBhIiQVETNGFxgaEHQnKx0TM2c8GCkrP/2gAMAwEAAhEDEQA/AOib9v48PH3V0zHqzT96RKd+7jNOW8tJ78bB3aGH8NSpWjr12MvAyRiUyMwJlJbrnnqetkcTpbIY3HYuKnRpai5WYrNppXkje6eNeOUJ+osbJGG3A5Jwc+SenZ9OXc3DP6kcXFmtQ4pKmrdM0LVmpWkwdaSw8VZA5Za809qyxlqttzldVO6rJJx3Ky+rBML2r765TRvvwyRWswJpAlCNPelZpPfWYudgeBK+B+5h9nbpRfECkdpX6cq8Y9PToox01xLXjt8uLgXG4fD5kkEifQes4pzTuq4MdrG1Tp16mN+ZD2rtWOX3FhiiVCrseHI8XlKBV5fSygghCBOdejHQL+WsrN4S0ohf5jZFYJIImIYFSSOKEHYDn/Sgmge63cjSHbTv7a0dk9M6i0zncjjqtvFZG4oMVv3XlBG5OzIyhDuFKt9tyPBsjUWaGfyMeYytwMtmzVkniijMZXjFG5chj9X71+3nw39bhd5/srnOWU9PXVdOttp5JLalJISuLK3TpwmxEyLSLiVpVVJplOtrUCRFjyBk6WieUDW4NsZ8XpCjgdaHTctNIDakJqOZ+Xy3uMXAUljz2ICDfY+NvuPF96OxMOq0xwzUop2quTjFsK6qkI5NsCTsCo3ZvJA3G5/kdVBb7cZDXj6d1dRyMPGrY9udUycgmaRkY8DtvsVZBxBXj5H1fZurS9O2j9Kav1DVu6wwb2kpZFKcq5SQzqYBM+z8JS6seAUbbADz/fgLeYy911t558pINwlMmZ6lSRB87dOseTU9O0/Klx2hkJCTcWOthafvbTFZYXvFpfHYapj5M/WRoK0cbI4XdSqgbHd99/H89HWWq+arVo66VcABGgUC1X/VAA2+vx+7+/8APR1ZON5OHCIXr1T+MSOIow4RKtegxKI/UBpzStvQJxVXXtS3Li5YcNDlMHjIvdR7Mzxif5Gi68W9wlfZaNTGd+XLk3X0as7P90vUz3Mzut+5eeraSx0GesZLCW8rmjTnrwTKzPX24kujNK7cDsN/H2Hissx2ox2Cp6m7wdoe5KwwT6njo4fNagvi4sNawJHCi3DM5Ey+2yE2BCxYrzKcwOs1n4dPfDWHcbC6V7p+pXBUjl8ZLkK9nV9mERinIWiLpIrKkgDI+yndlKg+OQ39Ec02K+GOa5I26/XofeTukocWaYSU8QSSkkgAwYUSegIgxZzm22LdctpunLLEkBSR2pUJgbwTw31AIF4udcKfZqac9cfrJwi2u9Gaj0PoDDXqXcLUmogsEGEweLWPlbqCOWRSsh+leShvcsDw24CpL6g++Hd3UXcjO/ln1MauzGmWylw6ee/lJq8j49ZitZpoImEUUjRhCyJuFYH/AAeus/ro+FXF6aPh+5PFelzWeH7hZHu73pwmA1PqDAWxJ78ZimsR0UMZKRqbSRMw8K3uxDyQoHPX1z/Cj9Ynpm7izaKXtLZzUmIpRR5l9PzLc+WnkjEpgEcZL/QpA5KGUnfY9Du1OY5Mql3XHWxTJUEsp3+AuboLjjaVBKjvaSoaDkTGC6kSwinZW+CXVglalpAUASd1BOggXgdegw2fwpML66MZ2Rz792KzzYEacbUOhzqaeazkmljj5qyVwQ5rFJOY9xkJA3UMrgiT/Di9Yfqm7y+onU/p8tN+dKWLy1wVMziaUVWWJFsrG00Tp44su30kt9xtsRyHj4Mnqk+IEmGy3bXvxp2tPpLTtCulHI6501IMrWlG0cNUOxT3IRH7jcplcqI1USJuo6absb2k7Zen31AjUmgqljHZbW2o5JprcVpjE/NWleFdhtDX2DKFG3hlG5365k2hzbYnK83qmKqkQ9UOJkbiQQLCOKZQqOJRTe8mcXVfUbINNIDLaiv5ja5MiAQYSNOU+ZwuOb7sdx6+auV4NFV5US1IqSyc+TgMQCfq+56OrPyvaPTtzKWbkd+mqy2HdVN8jYFidtv46OhR1ukDih2fM8j+cALtNXB1UE6nDEagyj6a1B3J0jpCnhtPtVxr3cZlfw6cX8hVhtx8ZLEzyzT34WgeYCxBMrQbuGgRuI6inr0yq4jtb2N70DH27wv6fsads46nlI53sxxspcmwjFpUAaU+6m5PuAnfmQZbhcLmtQanw2XoSPTxGZ0mMdcyCH5SF7y0ZcfyDE8J7RkrF0lgDWUIMciPE0bLAvVxj/x34d3bvUWircV6bSfeY4mxYFQV+cd6rNK0ghT3UWJ5DBIF3ZSGXbjuEXoPbSkNVkS+W6QcMBL/AGLLih0PtofQ3w3vwm9L4TTvZbO9sCVt0KmrK2bp07Ck8Kl+uakKfUTuB8uWB/x/HS0fEdwOpcR6tspqS5Ot2rfo43Lmu6xgwRR4dYpOLMu/6kqkn/Q3O3jqffBq7yLqPudrfStnIQGSrpGpZix8NsSmOHHX5W5ePGzfO7DbcAqV38dbD4uscGktcYjLpDG34pp9akFQQIZJRVyEvhXYj7K8KlRuxUE/9pIVe0CH6zYNnfuUkTzsCUz74186ZFbRJWVEDhUbeF7efL2OFt7M6bsZq8w1HROKFkH5d6dZjK3BRxUkLsCoRl5EDcnYffzv62hD+dtPtT1Lnqy/mITVDXkB4SBSSSrI24+sg7lUDADwSN8GN13j8jSx8dbCZVqMkUZfKw49mgkJaT30MYHujYsn1lABv+7wxG90tqahnczRhwVom0t+CGHIAlIkJdVkflvsT+jI/wD4+VO/nfpMsM19GsVXZmCTBIBSRpAJBEjoZ8tAaMZfS0TKVI4zeD18B7x1trzWHUmqK0Wor8SxZBgt2UBkyDhTs58jjHtt/rx/XR1ptSYfVMOor8VbB5N41uyiN45ZirKHOxH+NujpzrzFkLIhH+qfxjNxynDhlCdemHD0RBDBqDtCIYVQDUNxQFUDYfN35Nv9e5DE/wDyiQ/dQRVvq+yOQw3w2O4EeIvTVVGuYmC1pTGARmWjB+nbyIwE/wCI2+3jo6Onfn/cn/XFsO5H6f6xXP8A0wWRyFv1vdxktX5pQO1GSQCSUtsvzdE8fP8AG5J2/s9dI/ikxRfmvQ1j219wRZVQ+3kA249xv/XR0dKPar9oveaf+iMWTvcKX6WvuMc5e6OZzFLuc+Kp5WzFVXH1wtaKdljACxbAKDt1MNf2LGD0dLqjCzvTyccKMmRqsY51PE+RIuzD/wB9HR0BbOfqOfxj7YpWO9/4J/vGxj7h6/Eaga5zAAA2Aycv/wBdHR0dMsaYMBpj/9k=",postTime:1,question:"你可以左右滑动内容区域",answers:445,followers:1366},{name:"嵇智",avatar:"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAIBAQEBAQIBAQECAgICAgQDAgICAgUEBAMEBgUGBgYFBgYGBwkIBgcJBwYGCAsICQoKCgoKBggLDAsKDAkKCgr/2wBDAQICAgICAgUDAwUKBwYHCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgr/wAARCAAyADIDASIAAhEBAxEB/8QAHAAAAgIDAQEAAAAAAAAAAAAAAAgGBwMFCQIE/8QAMhAAAgIBAwMCBAYCAQUAAAAAAQIDBAUGERIAByEIEwkUIjEVFiMyQVFhcXIKQlKR0v/EABsBAAICAwEAAAAAAAAAAAAAAAYHAwUCBAgJ/8QAMxEAAQMCAwUGBQQDAAAAAAAAAQIDEQQhAAUxBhIiQVETNGFxgaEHQnKx0TM2c8GCkrP/2gAMAwEAAhEDEQA/AOib9v48PH3V0zHqzT96RKd+7jNOW8tJ78bB3aGH8NSpWjr12MvAyRiUyMwJlJbrnnqetkcTpbIY3HYuKnRpai5WYrNppXkje6eNeOUJ+osbJGG3A5Jwc+SenZ9OXc3DP6kcXFmtQ4pKmrdM0LVmpWkwdaSw8VZA5Za809qyxlqttzldVO6rJJx3Ky+rBML2r765TRvvwyRWswJpAlCNPelZpPfWYudgeBK+B+5h9nbpRfECkdpX6cq8Y9PToox01xLXjt8uLgXG4fD5kkEifQes4pzTuq4MdrG1Tp16mN+ZD2rtWOX3FhiiVCrseHI8XlKBV5fSygghCBOdejHQL+WsrN4S0ohf5jZFYJIImIYFSSOKEHYDn/Sgmge63cjSHbTv7a0dk9M6i0zncjjqtvFZG4oMVv3XlBG5OzIyhDuFKt9tyPBsjUWaGfyMeYytwMtmzVkniijMZXjFG5chj9X71+3nw39bhd5/srnOWU9PXVdOttp5JLalJISuLK3TpwmxEyLSLiVpVVJplOtrUCRFjyBk6WieUDW4NsZ8XpCjgdaHTctNIDakJqOZ+Xy3uMXAUljz2ICDfY+NvuPF96OxMOq0xwzUop2quTjFsK6qkI5NsCTsCo3ZvJA3G5/kdVBb7cZDXj6d1dRyMPGrY9udUycgmaRkY8DtvsVZBxBXj5H1fZurS9O2j9Kav1DVu6wwb2kpZFKcq5SQzqYBM+z8JS6seAUbbADz/fgLeYy911t558pINwlMmZ6lSRB87dOseTU9O0/Klx2hkJCTcWOthafvbTFZYXvFpfHYapj5M/WRoK0cbI4XdSqgbHd99/H89HWWq+arVo66VcABGgUC1X/VAA2+vx+7+/8APR1ZON5OHCIXr1T+MSOIow4RKtegxKI/UBpzStvQJxVXXtS3Li5YcNDlMHjIvdR7Mzxif5Gi68W9wlfZaNTGd+XLk3X0as7P90vUz3Mzut+5eeraSx0GesZLCW8rmjTnrwTKzPX24kujNK7cDsN/H2Hissx2ox2Cp6m7wdoe5KwwT6njo4fNagvi4sNawJHCi3DM5Ey+2yE2BCxYrzKcwOs1n4dPfDWHcbC6V7p+pXBUjl8ZLkK9nV9mERinIWiLpIrKkgDI+yndlKg+OQ39Ec02K+GOa5I26/XofeTukocWaYSU8QSSkkgAwYUSegIgxZzm22LdctpunLLEkBSR2pUJgbwTw31AIF4udcKfZqac9cfrJwi2u9Gaj0PoDDXqXcLUmogsEGEweLWPlbqCOWRSsh+leShvcsDw24CpL6g++Hd3UXcjO/ln1MauzGmWylw6ee/lJq8j49ZitZpoImEUUjRhCyJuFYH/AAeus/ro+FXF6aPh+5PFelzWeH7hZHu73pwmA1PqDAWxJ78ZimsR0UMZKRqbSRMw8K3uxDyQoHPX1z/Cj9Ynpm7izaKXtLZzUmIpRR5l9PzLc+WnkjEpgEcZL/QpA5KGUnfY9Du1OY5Mql3XHWxTJUEsp3+AuboLjjaVBKjvaSoaDkTGC6kSwinZW+CXVglalpAUASd1BOggXgdegw2fwpML66MZ2Rz792KzzYEacbUOhzqaeazkmljj5qyVwQ5rFJOY9xkJA3UMrgiT/Di9Yfqm7y+onU/p8tN+dKWLy1wVMziaUVWWJFsrG00Tp44su30kt9xtsRyHj4Mnqk+IEmGy3bXvxp2tPpLTtCulHI6501IMrWlG0cNUOxT3IRH7jcplcqI1USJuo6absb2k7Zen31AjUmgqljHZbW2o5JprcVpjE/NWleFdhtDX2DKFG3hlG5365k2hzbYnK83qmKqkQ9UOJkbiQQLCOKZQqOJRTe8mcXVfUbINNIDLaiv5ja5MiAQYSNOU+ZwuOb7sdx6+auV4NFV5US1IqSyc+TgMQCfq+56OrPyvaPTtzKWbkd+mqy2HdVN8jYFidtv46OhR1ukDih2fM8j+cALtNXB1UE6nDEagyj6a1B3J0jpCnhtPtVxr3cZlfw6cX8hVhtx8ZLEzyzT34WgeYCxBMrQbuGgRuI6inr0yq4jtb2N70DH27wv6fsads46nlI53sxxspcmwjFpUAaU+6m5PuAnfmQZbhcLmtQanw2XoSPTxGZ0mMdcyCH5SF7y0ZcfyDE8J7RkrF0lgDWUIMciPE0bLAvVxj/x34d3bvUWircV6bSfeY4mxYFQV+cd6rNK0ghT3UWJ5DBIF3ZSGXbjuEXoPbSkNVkS+W6QcMBL/AGLLih0PtofQ3w3vwm9L4TTvZbO9sCVt0KmrK2bp07Ck8Kl+uakKfUTuB8uWB/x/HS0fEdwOpcR6tspqS5Ot2rfo43Lmu6xgwRR4dYpOLMu/6kqkn/Q3O3jqffBq7yLqPudrfStnIQGSrpGpZix8NsSmOHHX5W5ePGzfO7DbcAqV38dbD4uscGktcYjLpDG34pp9akFQQIZJRVyEvhXYj7K8KlRuxUE/9pIVe0CH6zYNnfuUkTzsCUz74186ZFbRJWVEDhUbeF7efL2OFt7M6bsZq8w1HROKFkH5d6dZjK3BRxUkLsCoRl5EDcnYffzv62hD+dtPtT1Lnqy/mITVDXkB4SBSSSrI24+sg7lUDADwSN8GN13j8jSx8dbCZVqMkUZfKw49mgkJaT30MYHujYsn1lABv+7wxG90tqahnczRhwVom0t+CGHIAlIkJdVkflvsT+jI/wD4+VO/nfpMsM19GsVXZmCTBIBSRpAJBEjoZ8tAaMZfS0TKVI4zeD18B7x1trzWHUmqK0Wor8SxZBgt2UBkyDhTs58jjHtt/rx/XR1ptSYfVMOor8VbB5N41uyiN45ZirKHOxH+NujpzrzFkLIhH+qfxjNxynDhlCdemHD0RBDBqDtCIYVQDUNxQFUDYfN35Nv9e5DE/wDyiQ/dQRVvq+yOQw3w2O4EeIvTVVGuYmC1pTGARmWjB+nbyIwE/wCI2+3jo6Onfn/cn/XFsO5H6f6xXP8A0wWRyFv1vdxktX5pQO1GSQCSUtsvzdE8fP8AG5J2/s9dI/ikxRfmvQ1j219wRZVQ+3kA249xv/XR0dKPar9oveaf+iMWTvcKX6WvuMc5e6OZzFLuc+Kp5WzFVXH1wtaKdljACxbAKDt1MNf2LGD0dLqjCzvTyccKMmRqsY51PE+RIuzD/wB9HR0BbOfqOfxj7YpWO9/4J/vGxj7h6/Eaga5zAAA2Aycv/wBdHR0dMsaYMBpj/9k=",postTime:2,question:"你可以左右滑动内容区域",answers:67,followers:18},{name:"嵇智",avatar:"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAIBAQEBAQIBAQECAgICAgQDAgICAgUEBAMEBgUGBgYFBgYGBwkIBgcJBwYGCAsICQoKCgoKBggLDAsKDAkKCgr/2wBDAQICAgICAgUDAwUKBwYHCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgr/wAARCAAyADIDASIAAhEBAxEB/8QAHAAAAgIDAQEAAAAAAAAAAAAAAAgGBwMFCQIE/8QAMhAAAgIBAwMCBAYCAQUAAAAAAQIDBAUGERIAByEIEwkUIjEVFiMyQVFhcXIKQlKR0v/EABsBAAICAwEAAAAAAAAAAAAAAAYHAwUCBAgJ/8QAMxEAAQMCAwUGBQQDAAAAAAAAAQIDEQQhAAUxBhIiQVETNGFxgaEHQnKx0TM2c8GCkrP/2gAMAwEAAhEDEQA/AOib9v48PH3V0zHqzT96RKd+7jNOW8tJ78bB3aGH8NSpWjr12MvAyRiUyMwJlJbrnnqetkcTpbIY3HYuKnRpai5WYrNppXkje6eNeOUJ+osbJGG3A5Jwc+SenZ9OXc3DP6kcXFmtQ4pKmrdM0LVmpWkwdaSw8VZA5Za809qyxlqttzldVO6rJJx3Ky+rBML2r765TRvvwyRWswJpAlCNPelZpPfWYudgeBK+B+5h9nbpRfECkdpX6cq8Y9PToox01xLXjt8uLgXG4fD5kkEifQes4pzTuq4MdrG1Tp16mN+ZD2rtWOX3FhiiVCrseHI8XlKBV5fSygghCBOdejHQL+WsrN4S0ohf5jZFYJIImIYFSSOKEHYDn/Sgmge63cjSHbTv7a0dk9M6i0zncjjqtvFZG4oMVv3XlBG5OzIyhDuFKt9tyPBsjUWaGfyMeYytwMtmzVkniijMZXjFG5chj9X71+3nw39bhd5/srnOWU9PXVdOttp5JLalJISuLK3TpwmxEyLSLiVpVVJplOtrUCRFjyBk6WieUDW4NsZ8XpCjgdaHTctNIDakJqOZ+Xy3uMXAUljz2ICDfY+NvuPF96OxMOq0xwzUop2quTjFsK6qkI5NsCTsCo3ZvJA3G5/kdVBb7cZDXj6d1dRyMPGrY9udUycgmaRkY8DtvsVZBxBXj5H1fZurS9O2j9Kav1DVu6wwb2kpZFKcq5SQzqYBM+z8JS6seAUbbADz/fgLeYy911t558pINwlMmZ6lSRB87dOseTU9O0/Klx2hkJCTcWOthafvbTFZYXvFpfHYapj5M/WRoK0cbI4XdSqgbHd99/H89HWWq+arVo66VcABGgUC1X/VAA2+vx+7+/8APR1ZON5OHCIXr1T+MSOIow4RKtegxKI/UBpzStvQJxVXXtS3Li5YcNDlMHjIvdR7Mzxif5Gi68W9wlfZaNTGd+XLk3X0as7P90vUz3Mzut+5eeraSx0GesZLCW8rmjTnrwTKzPX24kujNK7cDsN/H2Hissx2ox2Cp6m7wdoe5KwwT6njo4fNagvi4sNawJHCi3DM5Ey+2yE2BCxYrzKcwOs1n4dPfDWHcbC6V7p+pXBUjl8ZLkK9nV9mERinIWiLpIrKkgDI+yndlKg+OQ39Ec02K+GOa5I26/XofeTukocWaYSU8QSSkkgAwYUSegIgxZzm22LdctpunLLEkBSR2pUJgbwTw31AIF4udcKfZqac9cfrJwi2u9Gaj0PoDDXqXcLUmogsEGEweLWPlbqCOWRSsh+leShvcsDw24CpL6g++Hd3UXcjO/ln1MauzGmWylw6ee/lJq8j49ZitZpoImEUUjRhCyJuFYH/AAeus/ro+FXF6aPh+5PFelzWeH7hZHu73pwmA1PqDAWxJ78ZimsR0UMZKRqbSRMw8K3uxDyQoHPX1z/Cj9Ynpm7izaKXtLZzUmIpRR5l9PzLc+WnkjEpgEcZL/QpA5KGUnfY9Du1OY5Mql3XHWxTJUEsp3+AuboLjjaVBKjvaSoaDkTGC6kSwinZW+CXVglalpAUASd1BOggXgdegw2fwpML66MZ2Rz792KzzYEacbUOhzqaeazkmljj5qyVwQ5rFJOY9xkJA3UMrgiT/Di9Yfqm7y+onU/p8tN+dKWLy1wVMziaUVWWJFsrG00Tp44su30kt9xtsRyHj4Mnqk+IEmGy3bXvxp2tPpLTtCulHI6501IMrWlG0cNUOxT3IRH7jcplcqI1USJuo6absb2k7Zen31AjUmgqljHZbW2o5JprcVpjE/NWleFdhtDX2DKFG3hlG5365k2hzbYnK83qmKqkQ9UOJkbiQQLCOKZQqOJRTe8mcXVfUbINNIDLaiv5ja5MiAQYSNOU+ZwuOb7sdx6+auV4NFV5US1IqSyc+TgMQCfq+56OrPyvaPTtzKWbkd+mqy2HdVN8jYFidtv46OhR1ukDih2fM8j+cALtNXB1UE6nDEagyj6a1B3J0jpCnhtPtVxr3cZlfw6cX8hVhtx8ZLEzyzT34WgeYCxBMrQbuGgRuI6inr0yq4jtb2N70DH27wv6fsads46nlI53sxxspcmwjFpUAaU+6m5PuAnfmQZbhcLmtQanw2XoSPTxGZ0mMdcyCH5SF7y0ZcfyDE8J7RkrF0lgDWUIMciPE0bLAvVxj/x34d3bvUWircV6bSfeY4mxYFQV+cd6rNK0ghT3UWJ5DBIF3ZSGXbjuEXoPbSkNVkS+W6QcMBL/AGLLih0PtofQ3w3vwm9L4TTvZbO9sCVt0KmrK2bp07Ck8Kl+uakKfUTuB8uWB/x/HS0fEdwOpcR6tspqS5Ot2rfo43Lmu6xgwRR4dYpOLMu/6kqkn/Q3O3jqffBq7yLqPudrfStnIQGSrpGpZix8NsSmOHHX5W5ePGzfO7DbcAqV38dbD4uscGktcYjLpDG34pp9akFQQIZJRVyEvhXYj7K8KlRuxUE/9pIVe0CH6zYNnfuUkTzsCUz74186ZFbRJWVEDhUbeF7efL2OFt7M6bsZq8w1HROKFkH5d6dZjK3BRxUkLsCoRl5EDcnYffzv62hD+dtPtT1Lnqy/mITVDXkB4SBSSSrI24+sg7lUDADwSN8GN13j8jSx8dbCZVqMkUZfKw49mgkJaT30MYHujYsn1lABv+7wxG90tqahnczRhwVom0t+CGHIAlIkJdVkflvsT+jI/wD4+VO/nfpMsM19GsVXZmCTBIBSRpAJBEjoZ8tAaMZfS0TKVI4zeD18B7x1trzWHUmqK0Wor8SxZBgt2UBkyDhTs58jjHtt/rx/XR1ptSYfVMOor8VbB5N41uyiN45ZirKHOxH+NujpzrzFkLIhH+qfxjNxynDhlCdemHD0RBDBqDtCIYVQDUNxQFUDYfN35Nv9e5DE/wDyiQ/dQRVvq+yOQw3w2O4EeIvTVVGuYmC1pTGARmWjB+nbyIwE/wCI2+3jo6Onfn/cn/XFsO5H6f6xXP8A0wWRyFv1vdxktX5pQO1GSQCSUtsvzdE8fP8AG5J2/s9dI/ikxRfmvQ1j219wRZVQ+3kA249xv/XR0dKPar9oveaf+iMWTvcKX6WvuMc5e6OZzFLuc+Kp5WzFVXH1wtaKdljACxbAKDt1MNf2LGD0dLqjCzvTyccKMmRqsY51PE+RIuzD/wB9HR0BbOfqOfxj7YpWO9/4J/vGxj7h6/Eaga5zAAA2Aycv/wBdHR0dMsaYMBpj/9k=",postTime:3,question:"你可以左右滑动内容区域",answers:110,followers:1827},{name:"嵇智",avatar:"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAIBAQEBAQIBAQECAgICAgQDAgICAgUEBAMEBgUGBgYFBgYGBwkIBgcJBwYGCAsICQoKCgoKBggLDAsKDAkKCgr/2wBDAQICAgICAgUDAwUKBwYHCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgr/wAARCAAyADIDASIAAhEBAxEB/8QAHAAAAgIDAQEAAAAAAAAAAAAAAAgGBwMFCQIE/8QAMhAAAgIBAwMCBAYCAQUAAAAAAQIDBAUGERIAByEIEwkUIjEVFiMyQVFhcXIKQlKR0v/EABsBAAICAwEAAAAAAAAAAAAAAAYHAwUCBAgJ/8QAMxEAAQMCAwUGBQQDAAAAAAAAAQIDEQQhAAUxBhIiQVETNGFxgaEHQnKx0TM2c8GCkrP/2gAMAwEAAhEDEQA/AOib9v48PH3V0zHqzT96RKd+7jNOW8tJ78bB3aGH8NSpWjr12MvAyRiUyMwJlJbrnnqetkcTpbIY3HYuKnRpai5WYrNppXkje6eNeOUJ+osbJGG3A5Jwc+SenZ9OXc3DP6kcXFmtQ4pKmrdM0LVmpWkwdaSw8VZA5Za809qyxlqttzldVO6rJJx3Ky+rBML2r765TRvvwyRWswJpAlCNPelZpPfWYudgeBK+B+5h9nbpRfECkdpX6cq8Y9PToox01xLXjt8uLgXG4fD5kkEifQes4pzTuq4MdrG1Tp16mN+ZD2rtWOX3FhiiVCrseHI8XlKBV5fSygghCBOdejHQL+WsrN4S0ohf5jZFYJIImIYFSSOKEHYDn/Sgmge63cjSHbTv7a0dk9M6i0zncjjqtvFZG4oMVv3XlBG5OzIyhDuFKt9tyPBsjUWaGfyMeYytwMtmzVkniijMZXjFG5chj9X71+3nw39bhd5/srnOWU9PXVdOttp5JLalJISuLK3TpwmxEyLSLiVpVVJplOtrUCRFjyBk6WieUDW4NsZ8XpCjgdaHTctNIDakJqOZ+Xy3uMXAUljz2ICDfY+NvuPF96OxMOq0xwzUop2quTjFsK6qkI5NsCTsCo3ZvJA3G5/kdVBb7cZDXj6d1dRyMPGrY9udUycgmaRkY8DtvsVZBxBXj5H1fZurS9O2j9Kav1DVu6wwb2kpZFKcq5SQzqYBM+z8JS6seAUbbADz/fgLeYy911t558pINwlMmZ6lSRB87dOseTU9O0/Klx2hkJCTcWOthafvbTFZYXvFpfHYapj5M/WRoK0cbI4XdSqgbHd99/H89HWWq+arVo66VcABGgUC1X/VAA2+vx+7+/8APR1ZON5OHCIXr1T+MSOIow4RKtegxKI/UBpzStvQJxVXXtS3Li5YcNDlMHjIvdR7Mzxif5Gi68W9wlfZaNTGd+XLk3X0as7P90vUz3Mzut+5eeraSx0GesZLCW8rmjTnrwTKzPX24kujNK7cDsN/H2Hissx2ox2Cp6m7wdoe5KwwT6njo4fNagvi4sNawJHCi3DM5Ey+2yE2BCxYrzKcwOs1n4dPfDWHcbC6V7p+pXBUjl8ZLkK9nV9mERinIWiLpIrKkgDI+yndlKg+OQ39Ec02K+GOa5I26/XofeTukocWaYSU8QSSkkgAwYUSegIgxZzm22LdctpunLLEkBSR2pUJgbwTw31AIF4udcKfZqac9cfrJwi2u9Gaj0PoDDXqXcLUmogsEGEweLWPlbqCOWRSsh+leShvcsDw24CpL6g++Hd3UXcjO/ln1MauzGmWylw6ee/lJq8j49ZitZpoImEUUjRhCyJuFYH/AAeus/ro+FXF6aPh+5PFelzWeH7hZHu73pwmA1PqDAWxJ78ZimsR0UMZKRqbSRMw8K3uxDyQoHPX1z/Cj9Ynpm7izaKXtLZzUmIpRR5l9PzLc+WnkjEpgEcZL/QpA5KGUnfY9Du1OY5Mql3XHWxTJUEsp3+AuboLjjaVBKjvaSoaDkTGC6kSwinZW+CXVglalpAUASd1BOggXgdegw2fwpML66MZ2Rz792KzzYEacbUOhzqaeazkmljj5qyVwQ5rFJOY9xkJA3UMrgiT/Di9Yfqm7y+onU/p8tN+dKWLy1wVMziaUVWWJFsrG00Tp44su30kt9xtsRyHj4Mnqk+IEmGy3bXvxp2tPpLTtCulHI6501IMrWlG0cNUOxT3IRH7jcplcqI1USJuo6absb2k7Zen31AjUmgqljHZbW2o5JprcVpjE/NWleFdhtDX2DKFG3hlG5365k2hzbYnK83qmKqkQ9UOJkbiQQLCOKZQqOJRTe8mcXVfUbINNIDLaiv5ja5MiAQYSNOU+ZwuOb7sdx6+auV4NFV5US1IqSyc+TgMQCfq+56OrPyvaPTtzKWbkd+mqy2HdVN8jYFidtv46OhR1ukDih2fM8j+cALtNXB1UE6nDEagyj6a1B3J0jpCnhtPtVxr3cZlfw6cX8hVhtx8ZLEzyzT34WgeYCxBMrQbuGgRuI6inr0yq4jtb2N70DH27wv6fsads46nlI53sxxspcmwjFpUAaU+6m5PuAnfmQZbhcLmtQanw2XoSPTxGZ0mMdcyCH5SF7y0ZcfyDE8J7RkrF0lgDWUIMciPE0bLAvVxj/x34d3bvUWircV6bSfeY4mxYFQV+cd6rNK0ghT3UWJ5DBIF3ZSGXbjuEXoPbSkNVkS+W6QcMBL/AGLLih0PtofQ3w3vwm9L4TTvZbO9sCVt0KmrK2bp07Ck8Kl+uakKfUTuB8uWB/x/HS0fEdwOpcR6tspqS5Ot2rfo43Lmu6xgwRR4dYpOLMu/6kqkn/Q3O3jqffBq7yLqPudrfStnIQGSrpGpZix8NsSmOHHX5W5ePGzfO7DbcAqV38dbD4uscGktcYjLpDG34pp9akFQQIZJRVyEvhXYj7K8KlRuxUE/9pIVe0CH6zYNnfuUkTzsCUz74186ZFbRJWVEDhUbeF7efL2OFt7M6bsZq8w1HROKFkH5d6dZjK3BRxUkLsCoRl5EDcnYffzv62hD+dtPtT1Lnqy/mITVDXkB4SBSSSrI24+sg7lUDADwSN8GN13j8jSx8dbCZVqMkUZfKw49mgkJaT30MYHujYsn1lABv+7wxG90tqahnczRhwVom0t+CGHIAlIkJdVkflvsT+jI/wD4+VO/nfpMsM19GsVXZmCTBIBSRpAJBEjoZ8tAaMZfS0TKVI4zeD18B7x1trzWHUmqK0Wor8SxZBgt2UBkyDhTs58jjHtt/rx/XR1ptSYfVMOor8VbB5N41uyiN45ZirKHOxH+NujpzrzFkLIhH+qfxjNxynDhlCdemHD0RBDBqDtCIYVQDUNxQFUDYfN35Nv9e5DE/wDyiQ/dQRVvq+yOQw3w2O4EeIvTVVGuYmC1pTGARmWjB+nbyIwE/wCI2+3jo6Onfn/cn/XFsO5H6f6xXP8A0wWRyFv1vdxktX5pQO1GSQCSUtsvzdE8fP8AG5J2/s9dI/ikxRfmvQ1j219wRZVQ+3kA249xv/XR0dKPar9oveaf+iMWTvcKX6WvuMc5e6OZzFLuc+Kp5WzFVXH1wtaKdljACxbAKDt1MNf2LGD0dLqjCzvTyccKMmRqsY51PE+RIuzD/wB9HR0BbOfqOfxj7YpWO9/4J/vGxj7h6/Eaga5zAAA2Aycv/wBdHR0dMsaYMBpj/9k=",postTime:3,question:"你可以左右滑动内容区域",answers:8,followers:200},{name:"嵇智",avatar:"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAIBAQEBAQIBAQECAgICAgQDAgICAgUEBAMEBgUGBgYFBgYGBwkIBgcJBwYGCAsICQoKCgoKBggLDAsKDAkKCgr/2wBDAQICAgICAgUDAwUKBwYHCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgr/wAARCAAyADIDASIAAhEBAxEB/8QAHAAAAgIDAQEAAAAAAAAAAAAAAAgGBwMFCQIE/8QAMhAAAgIBAwMCBAYCAQUAAAAAAQIDBAUGERIAByEIEwkUIjEVFiMyQVFhcXIKQlKR0v/EABsBAAICAwEAAAAAAAAAAAAAAAYHAwUCBAgJ/8QAMxEAAQMCAwUGBQQDAAAAAAAAAQIDEQQhAAUxBhIiQVETNGFxgaEHQnKx0TM2c8GCkrP/2gAMAwEAAhEDEQA/AOib9v48PH3V0zHqzT96RKd+7jNOW8tJ78bB3aGH8NSpWjr12MvAyRiUyMwJlJbrnnqetkcTpbIY3HYuKnRpai5WYrNppXkje6eNeOUJ+osbJGG3A5Jwc+SenZ9OXc3DP6kcXFmtQ4pKmrdM0LVmpWkwdaSw8VZA5Za809qyxlqttzldVO6rJJx3Ky+rBML2r765TRvvwyRWswJpAlCNPelZpPfWYudgeBK+B+5h9nbpRfECkdpX6cq8Y9PToox01xLXjt8uLgXG4fD5kkEifQes4pzTuq4MdrG1Tp16mN+ZD2rtWOX3FhiiVCrseHI8XlKBV5fSygghCBOdejHQL+WsrN4S0ohf5jZFYJIImIYFSSOKEHYDn/Sgmge63cjSHbTv7a0dk9M6i0zncjjqtvFZG4oMVv3XlBG5OzIyhDuFKt9tyPBsjUWaGfyMeYytwMtmzVkniijMZXjFG5chj9X71+3nw39bhd5/srnOWU9PXVdOttp5JLalJISuLK3TpwmxEyLSLiVpVVJplOtrUCRFjyBk6WieUDW4NsZ8XpCjgdaHTctNIDakJqOZ+Xy3uMXAUljz2ICDfY+NvuPF96OxMOq0xwzUop2quTjFsK6qkI5NsCTsCo3ZvJA3G5/kdVBb7cZDXj6d1dRyMPGrY9udUycgmaRkY8DtvsVZBxBXj5H1fZurS9O2j9Kav1DVu6wwb2kpZFKcq5SQzqYBM+z8JS6seAUbbADz/fgLeYy911t558pINwlMmZ6lSRB87dOseTU9O0/Klx2hkJCTcWOthafvbTFZYXvFpfHYapj5M/WRoK0cbI4XdSqgbHd99/H89HWWq+arVo66VcABGgUC1X/VAA2+vx+7+/8APR1ZON5OHCIXr1T+MSOIow4RKtegxKI/UBpzStvQJxVXXtS3Li5YcNDlMHjIvdR7Mzxif5Gi68W9wlfZaNTGd+XLk3X0as7P90vUz3Mzut+5eeraSx0GesZLCW8rmjTnrwTKzPX24kujNK7cDsN/H2Hissx2ox2Cp6m7wdoe5KwwT6njo4fNagvi4sNawJHCi3DM5Ey+2yE2BCxYrzKcwOs1n4dPfDWHcbC6V7p+pXBUjl8ZLkK9nV9mERinIWiLpIrKkgDI+yndlKg+OQ39Ec02K+GOa5I26/XofeTukocWaYSU8QSSkkgAwYUSegIgxZzm22LdctpunLLEkBSR2pUJgbwTw31AIF4udcKfZqac9cfrJwi2u9Gaj0PoDDXqXcLUmogsEGEweLWPlbqCOWRSsh+leShvcsDw24CpL6g++Hd3UXcjO/ln1MauzGmWylw6ee/lJq8j49ZitZpoImEUUjRhCyJuFYH/AAeus/ro+FXF6aPh+5PFelzWeH7hZHu73pwmA1PqDAWxJ78ZimsR0UMZKRqbSRMw8K3uxDyQoHPX1z/Cj9Ynpm7izaKXtLZzUmIpRR5l9PzLc+WnkjEpgEcZL/QpA5KGUnfY9Du1OY5Mql3XHWxTJUEsp3+AuboLjjaVBKjvaSoaDkTGC6kSwinZW+CXVglalpAUASd1BOggXgdegw2fwpML66MZ2Rz792KzzYEacbUOhzqaeazkmljj5qyVwQ5rFJOY9xkJA3UMrgiT/Di9Yfqm7y+onU/p8tN+dKWLy1wVMziaUVWWJFsrG00Tp44su30kt9xtsRyHj4Mnqk+IEmGy3bXvxp2tPpLTtCulHI6501IMrWlG0cNUOxT3IRH7jcplcqI1USJuo6absb2k7Zen31AjUmgqljHZbW2o5JprcVpjE/NWleFdhtDX2DKFG3hlG5365k2hzbYnK83qmKqkQ9UOJkbiQQLCOKZQqOJRTe8mcXVfUbINNIDLaiv5ja5MiAQYSNOU+ZwuOb7sdx6+auV4NFV5US1IqSyc+TgMQCfq+56OrPyvaPTtzKWbkd+mqy2HdVN8jYFidtv46OhR1ukDih2fM8j+cALtNXB1UE6nDEagyj6a1B3J0jpCnhtPtVxr3cZlfw6cX8hVhtx8ZLEzyzT34WgeYCxBMrQbuGgRuI6inr0yq4jtb2N70DH27wv6fsads46nlI53sxxspcmwjFpUAaU+6m5PuAnfmQZbhcLmtQanw2XoSPTxGZ0mMdcyCH5SF7y0ZcfyDE8J7RkrF0lgDWUIMciPE0bLAvVxj/x34d3bvUWircV6bSfeY4mxYFQV+cd6rNK0ghT3UWJ5DBIF3ZSGXbjuEXoPbSkNVkS+W6QcMBL/AGLLih0PtofQ3w3vwm9L4TTvZbO9sCVt0KmrK2bp07Ck8Kl+uakKfUTuB8uWB/x/HS0fEdwOpcR6tspqS5Ot2rfo43Lmu6xgwRR4dYpOLMu/6kqkn/Q3O3jqffBq7yLqPudrfStnIQGSrpGpZix8NsSmOHHX5W5ePGzfO7DbcAqV38dbD4uscGktcYjLpDG34pp9akFQQIZJRVyEvhXYj7K8KlRuxUE/9pIVe0CH6zYNnfuUkTzsCUz74186ZFbRJWVEDhUbeF7efL2OFt7M6bsZq8w1HROKFkH5d6dZjK3BRxUkLsCoRl5EDcnYffzv62hD+dtPtT1Lnqy/mITVDXkB4SBSSSrI24+sg7lUDADwSN8GN13j8jSx8dbCZVqMkUZfKw49mgkJaT30MYHujYsn1lABv+7wxG90tqahnczRhwVom0t+CGHIAlIkJdVkflvsT+jI/wD4+VO/nfpMsM19GsVXZmCTBIBSRpAJBEjoZ8tAaMZfS0TKVI4zeD18B7x1trzWHUmqK0Wor8SxZBgt2UBkyDhTs58jjHtt/rx/XR1ptSYfVMOor8VbB5N41uyiN45ZirKHOxH+NujpzrzFkLIhH+qfxjNxynDhlCdemHD0RBDBqDtCIYVQDUNxQFUDYfN35Nv9e5DE/wDyiQ/dQRVvq+yOQw3w2O4EeIvTVVGuYmC1pTGARmWjB+nbyIwE/wCI2+3jo6Onfn/cn/XFsO5H6f6xXP8A0wWRyFv1vdxktX5pQO1GSQCSUtsvzdE8fP8AG5J2/s9dI/ikxRfmvQ1j219wRZVQ+3kA249xv/XR0dKPar9oveaf+iMWTvcKX6WvuMc5e6OZzFLuc+Kp5WzFVXH1wtaKdljACxbAKDt1MNf2LGD0dLqjCzvTyccKMmRqsY51PE+RIuzD/wB9HR0BbOfqOfxj7YpWO9/4J/vGxj7h6/Eaga5zAAA2Aycv/wBdHR0dMsaYMBpj/9k=",postTime:3,question:"你可以左右滑动内容区域",answers:7,followers:29}],t.RECOMMEND_DATA=[{question:"你可以左右滑动内容区域。",content:"你可以左右滑动内容区域。你可以左右滑动内容区域。你可以左右滑动内容区域。你可以左右滑动内容区域。你可以左右滑动内容区域。你可以左右滑动内容区域。你可以左右滑动内容区域。你可以左右滑动内容区域",answers:21,followers:2910},{question:"男生如何看待胖胖的女孩子？",content:"你可以左右滑动内容区域。你可以左右滑动内容区域。你可以左右滑动内容区域。你可以左右滑动内容区域。你可以左右滑动内容区域。你可以左右滑动内容区域。你可以左右滑动内容区域。你可以左右滑动内容区域。然后出现如下对话: 他这么认真但是我真的严肃不起来，甚至有点想笑，莫名戳中萌点 (๑^o^๑) ———————————————————跑题啦，跑题啦，但是忍不住想说一下",answers:398,followers:10009},{question:"你最喜欢的句子是？",content:"1.无论走到哪儿，都没有必要那么着急，这条路很长，你不用这么快走完，你也不用担心，害怕，不要被眼前暂时的幻想迷住了眼睛，只管放心下来，踏踏实实地大胆迈步走，心立得住，身体才不会倾倒。我告诉你我喜欢你，并不是一定要和你在一起，只是希望今后的你。",answers:88,followers:1726},{question:"如何看待《权力的游戏》中的「泰温·兰尼斯特」？",content:"让楼上那些吹捧泰温的去维斯特洛种几天地，就知道泰温大人有多伟大了。“俺开了……以前俺开了……以前俺开了家酒馆，大人，在榭尔，就在石桥旁边。大家都说俺酿的麦酒是颈泽以南最好的，大人，请您见谅。可是大人，现在全都没了。他们进来喝饱以后又把剩下…",answers:62,followers:3940}],t.HOT_DATA=[{sequence:"01",label:"置顶",question:"了不起的新时代：世界竞争中的中国奇迹"},{sequence:"02",label:"4017万热度",question:"男性怎样不算「幼稚」？"},{sequence:"03",label:"587万热度",question:"有哪些视频让你突然感到恋爱了？"},{sequence:"04",label:"530万热度",question:"相亲见到前女友是一种怎样的体验？"},{sequence:"05",label:"536万热度",question:"哪个瞬间你觉得你的宠物爱上了你？"},{sequence:"06",label:"380万热度",question:"如果把四大名著的故事连成一串，会怎么样？"},{sequence:"07",label:"317万热度",question:"唱歌跑调的原因到底是什么？"},{sequence:"08",label:"280万热度",question:"高考之后，人生转弯"}],t.ALL_HEROES=[{name:"天穹守望者",avatar:"http://dota2dbpic.uuu9.com/cb880d14-e6a2-4737-8fe7-dab43281e24144575.jpg"},{name:"上古巨神",avatar:"http://dota2dbpic.uuu9.com/73aa3fe9-be47-49e2-82b1-75d44d069c20Elder_Titan.png"},{name:"灰烬之灵",avatar:"http://dota2dbpic.uuu9.com/4c54e1ab-0c34-4f4a-8236-26e3ffa08274legion_commander_full.png"},{name:"地精撕裂者",avatar:"http://dota2dbpic.uuu9.com/d637e928-6289-4561-8c7d-b40d96c539d000.jpg"},{name:"双头龙",avatar:"http://dota2dbpic.uuu9.com/7148a12f-a0ed-4307-a46b-830d278a5a00thd.gif"},{name:"魅惑魔女",avatar:"http://dota2dbpic.uuu9.com/5bf5a558-74e5-49f5-91a1-6167cf8d00ffeh.gif"},{name:"先知",avatar:"http://dota2dbpic.uuu9.com/0878a84c-30cf-434c-84c1-4a2ccf3e52fcfur.gif"},{name:"地精修补匠",avatar:"http://dota2dbpic.uuu9.com/92a8eaa6-7141-4300-bca9-01d02f30e453tk.png"},{name:"暗影恶魔",avatar:"http://dota2dbpic.uuu9.com/5476d96a-cb17-45de-8f17-379d0a74ab92Eredar.gif"},{name:"暗影萨满",avatar:"http://dota2dbpic.uuu9.com/13098635-b43e-459f-88ac-0a9ec28fc9b4ss.gif"},{name:"祈求者",avatar:"http://dota2dbpic.uuu9.com/99ffd3b8-0691-4922-8467-2667bf83804bKael.gif"},{name:"黑暗贤者",avatar:"http://dota2dbpic.uuu9.com/57252321-1b37-495c-8ac1-f68306d5d48eDS.gif"},{name:"受折磨的灵魂",avatar:"http://dota2dbpic.uuu9.com/1c87b008-31d1-4000-92e5-18aa5486a641TS.gif"},{name:"蝙蝠骑士",avatar:"http://dota2dbpic.uuu9.com/ea3ed2fa-cbb4-44ac-a06b-a9029608c2b8batrider.jpg"},{name:"秀逗魔导士",avatar:"http://dota2dbpic.uuu9.com/4860461c-ae68-401a-809f-f4c7a0b63aedlina.gif"},{name:"宙斯",avatar:"http://dota2dbpic.uuu9.com/7be0f49d-6287-4278-9ff0-a42bbd7956cfzeus.gif"},{name:"赏金猎人",avatar:"http://dota2dbpic.uuu9.com/cf7f3664-7a7c-4d5e-94f5-98c0c2fd0deebh.gif"},{name:"复仇之魂",avatar:"http://dota2dbpic.uuu9.com/9608a806-4bf0-47a0-a4ba-20b491fa3121vs.gif"},{name:"圣堂刺客",avatar:"http://dota2dbpic.uuu9.com/25340f33-d595-46de-bc11-2453bb83de2bta.gif"},{name:"矮人直升机",avatar:"http://dota2dbpic.uuu9.com/cc02d678-beef-4cee-931e-815b04aa513bcopter.gif"},{name:"风暴之灵",avatar:"http://dota2dbpic.uuu9.com/c4e5c967-dbab-4a24-aa51-7e035dc683c2ST.gif"}],t.MELEE_HEROES=[{name:"齐天大圣",avatar:"http://dota2dbpic.uuu9.com/5f813eaa-e738-4ea5-a425-f260cd01334c3159302_mk105x60.jpg"},{name:"大地之灵",avatar:"http://dota2dbpic.uuu9.com/e037c631-cddd-41e1-899d-36db1a7d3df5legion_commander_full.png"},{name:"恐怖利刃",avatar:"http://dota2dbpic.uuu9.com/201fc99f-61af-4a07-a9cb-8ceaf6e0d3392.png"},{name:"上古巨神",avatar:"http://dota2dbpic.uuu9.com/73aa3fe9-be47-49e2-82b1-75d44d069c20Elder_Titan.png"},{name:"灰烬之灵",avatar:"http://dota2dbpic.uuu9.com/4c54e1ab-0c34-4f4a-8236-26e3ffa08274legion_commander_full.png"},{name:"巨牙海民",avatar:"http://dota2dbpic.uuu9.com/970edd19-f2bb-40b5-b9d9-8b2d31a3cf03Tusk.gif"},{name:"地精撕裂者",avatar:"http://dota2dbpic.uuu9.com/d637e928-6289-4561-8c7d-b40d96c539d000.jpg"},{name:"黑暗贤者",avatar:"http://dota2dbpic.uuu9.com/57252321-1b37-495c-8ac1-f68306d5d48eDS.gif"},{name:"赏金猎人",avatar:"http://dota2dbpic.uuu9.com/cf7f3664-7a7c-4d5e-94f5-98c0c2fd0deebh.gif"},{name:"熊战士",avatar:"http://dota2dbpic.uuu9.com/ab520d8b-2104-4a14-97d2-1254d2aef1dcuw.gif"},{name:"隐形刺客",avatar:"http://dota2dbpic.uuu9.com/79f3f7ad-e71b-4755-bc5a-44e509c47011sa.gif"},{name:"幻影长矛手",avatar:"http://dota2dbpic.uuu9.com/ce78281b-47a8-402e-97bf-645c2e8874b1lancer.gif"},{name:"娜迦海妖",avatar:"http://dota2dbpic.uuu9.com/2f2648ee-5570-48db-ae45-32565bd886f5naga.gif"},{name:"德鲁伊",avatar:"http://dota2dbpic.uuu9.com/88c02857-7c61-4488-8101-2ca5971e4748ld.gif"},{name:"主宰",avatar:"http://dota2dbpic.uuu9.com/b3ce2f49-daf9-452a-b516-fa8406d77fc4jugg.gif"},{name:"虚空假面",avatar:"http://dota2dbpic.uuu9.com/6add3463-d86a-43d8-ab96-b4211dcc3cacfv.jpg"},{name:"鱼人夜行者",avatar:"http://dota2dbpic.uuu9.com/739da86d-40e9-4e07-b48f-1a03a8a8a3e0sg.jpg"},{name:"地卜师",avatar:"http://dota2dbpic.uuu9.com/c86c22f9-5f71-4e2f-be85-591a685ec500meepo.jpg"},{name:"幽鬼",avatar:"http://dota2dbpic.uuu9.com/56d8d3f3-9c6b-429a-aace-226d5e7bd524tb.jpg"},{name:"幻影刺客",avatar:"http://dota2dbpic.uuu9.com/3fa185dd-95f5-4f9c-85aa-36b42b80e8bapa.jpg"},{name:"半人猛犸",avatar:"http://dota2dbpic.uuu9.com/3dcc13b7-cd12-46bc-8884-693aaa6ddc12123456.jpg"},{name:"司夜刺客",avatar:"http://dota2dbpic.uuu9.com/536d63ab-25a6-4b88-b052-2f20add0b32dNA.jpg"},{name:"不朽尸王",avatar:"http://dota2dbpic.uuu9.com/2946d072-dde3-4791-9385-d06f8bbd2d5aUndying.jpg"},{name:"育母蜘蛛",avatar:"http://dota2dbpic.uuu9.com/aeaa2836-ef80-4ec2-b3e0-a52a318887c1br.jpg"},{name:"混沌骑士",avatar:"http://dota2dbpic.uuu9.com/032f1369-e1cd-4279-8412-89666c21e1941234567.jpg"},{name:"血魔",avatar:"http://dota2dbpic.uuu9.com/530e6ca3-d04f-41b8-891d-b3ac021c9ee2bs.jpg"},{name:"狼人",avatar:"http://dota2dbpic.uuu9.com/9d8d4257-9f31-4bac-8054-e05e4ba573291234.jpg"},{name:"裂魂人",avatar:"http://dota2dbpic.uuu9.com/71821a46-b435-4845-8226-2f66853c5370123.png"},{name:"末日使者",avatar:"http://dota2dbpic.uuu9.com/28ecc276-5596-4fd6-ab3f-0a265afd8e77123456.png"},{name:"暗夜魔王",avatar:"http://dota2dbpic.uuu9.com/23f78a12-62cd-4b0a-9757-1be4fa94f9c5123456.png"},{name:"噬魂鬼",avatar:"http://dota2dbpic.uuu9.com/aa4f2d3d-c660-48b3-b931-74ce10fdfc721.jpg"},{name:"半人马战行者",avatar:"http://dota2dbpic.uuu9.com/65940f31-266e-4dec-b107-f40d4556fd000.jpg"},{name:"全能骑士",avatar:"http://dota2dbpic.uuu9.com/01ddcdb3-fb3d-412b-a6cf-e85bc473a35a00.jpg"},{name:"兽王",avatar:"http://dota2dbpic.uuu9.com/523a7780-04aa-4b55-bc69-f46d4f37fff900.jpg"},{name:"骷髅王",avatar:"http://dota2dbpic.uuu9.com/bd925caa-6b96-4a08-9748-a19e8fe7c927wraith_king_hphover.png"},{name:"潮汐猎人",avatar:"http://dota2dbpic.uuu9.com/508e0019-b6de-4ae2-8e00-b8428bb6d16btidehunter_full.png"},{name:"鱼人守卫",avatar:"http://dota2dbpic.uuu9.com/d1e5938a-b248-45f0-9123-d6cf0be97c6bslardar_full.png"},{name:"流浪剑客",avatar:"http://dota2dbpic.uuu9.com/2bb589ad-9fa2-4093-8ec9-c2fcd12d14dc00.jpg"},{name:"沙王",avatar:"http://dota2dbpic.uuu9.com/0ae7f51a-4cca-43cb-9a7f-5d6b5ba5401612345.png"},{name:"屠夫",avatar:"http://dota2dbpic.uuu9.com/b4e99c9b-91e5-431e-89ca-a9fe3171120cuntitled.jpg"},{name:"敌法师",avatar:"http://dota2dbpic.uuu9.com/310d3227-3e5f-4132-bc93-8afac9d0d123am.gif"},{name:"斧王",avatar:"http://dota2dbpic.uuu9.com/09e8f2f6-4fa7-4870-ac05-7fb7f44510fafuwang.png"}],t.REMOTE_HEROES=[{name:"神谕者",avatar:"http://dota2dbpic.uuu9.com/2b1dc7ac-2c86-43f2-b743-61f53421bef814111513531135518.jpg"},{name:"天穹守望者",avatar:"http://dota2dbpic.uuu9.com/cb880d14-e6a2-4737-8fe7-dab43281e24144575.jpg"},{name:"凤凰",avatar:"http://dota2dbpic.uuu9.com/17772b4c-76ff-4f49-84c2-66d8edb21b41phoenix.png"},{name:"炸弹人",avatar:"http://dota2dbpic.uuu9.com/255d33dc-f4ff-4ba3-87c9-0da0318676c82.png"},{name:"天怒法师",avatar:"http://dota2dbpic.uuu9.com/bc683519-2524-4323-b275-b11218259ae1Skywrath_Mage.png"},{name:"巨魔战将",avatar:"http://dota2dbpic.uuu9.com/79d96698-f2c0-4620-9f41-8cd6254b68caTroll.gif"},{name:"蛇发女妖",avatar:"http://dota2dbpic.uuu9.com/db974a46-f31f-4740-93d1-b3faa2aa4996med.gif"},{name:"双头龙",avatar:"http://dota2dbpic.uuu9.com/7148a12f-a0ed-4307-a46b-830d278a5a00thd.gif"},{name:"魅惑魔女",avatar:"http://dota2dbpic.uuu9.com/5bf5a558-74e5-49f5-91a1-6167cf8d00ffeh.gif"},{name:"先知",avatar:"http://dota2dbpic.uuu9.com/0878a84c-30cf-434c-84c1-4a2ccf3e52fcfur.gif"},{name:"死灵飞龙",avatar:"http://dota2dbpic.uuu9.com/f738ea36-5b29-4166-a9e7-fe69f8acf897vis.gif"},{name:"地精修补匠",avatar:"http://dota2dbpic.uuu9.com/92a8eaa6-7141-4300-bca9-01d02f30e453tk.png"},{name:"暗影恶魔",avatar:"http://dota2dbpic.uuu9.com/5476d96a-cb17-45de-8f17-379d0a74ab92Eredar.gif"},{name:"暗影萨满",avatar:"http://dota2dbpic.uuu9.com/13098635-b43e-459f-88ac-0a9ec28fc9b4ss.gif"},{name:"沉默术士",avatar:"http://dota2dbpic.uuu9.com/255b198c-2a79-4376-b08f-b3a1783604ae00.jpg"},{name:"祈求者",avatar:"http://dota2dbpic.uuu9.com/99ffd3b8-0691-4922-8467-2667bf83804bKael.gif"},{name:"光之守卫",avatar:"http://dota2dbpic.uuu9.com/bd53f004-dcc9-4110-88e8-01736209f2b6kotl.gif"},{name:"大魔导师",avatar:"http://dota2dbpic.uuu9.com/383f337c-3370-4d28-8443-081f5e95ce24gm.gif"},{name:"殁境神蚀者",avatar:"http://dota2dbpic.uuu9.com/e526c288-d109-4fe9-9729-69966a9c769aod.jpg"},{name:"受折磨的灵魂",avatar:"http://dota2dbpic.uuu9.com/1c87b008-31d1-4000-92e5-18aa5486a641TS.gif"}],t.SUPPORT_HEROES=[{name:"地狱领主",avatar:"http://dota2dbpic.uuu9.com/a0e68aea-de06-46f2-b841-70be213b68b7Abaddon.png"},{name:"凤凰",avatar:"http://dota2dbpic.uuu9.com/17772b4c-76ff-4f49-84c2-66d8edb21b41phoenix.png"},{name:"双头龙",avatar:"http://dota2dbpic.uuu9.com/7148a12f-a0ed-4307-a46b-830d278a5a00thd.gif"},{name:"食人魔魔法师",avatar:"http://dota2dbpic.uuu9.com/7e5bbdf7-5b84-4822-90a9-8af67e46ad1c00.jpg"},{name:"沉默术士",avatar:"http://dota2dbpic.uuu9.com/255b198c-2a79-4376-b08f-b3a1783604ae00.jpg"},{name:"圣骑士",avatar:"http://dota2dbpic.uuu9.com/ff1c3144-67cc-40e0-a08c-e86111eaca4000.jpg"},{name:"光之守卫",avatar:"http://dota2dbpic.uuu9.com/bd53f004-dcc9-4110-88e8-01736209f2b6kotl.gif"},{name:"黑暗贤者",avatar:"http://dota2dbpic.uuu9.com/57252321-1b37-495c-8ac1-f68306d5d48eDS.gif"},{name:"受折磨的灵魂",avatar:"http://dota2dbpic.uuu9.com/1c87b008-31d1-4000-92e5-18aa5486a641TS.gif"},{name:"极寒幽魂",avatar:"http://dota2dbpic.uuu9.com/90fc8779-b850-47b4-8339-c76be659c645aa.jpg"},{name:"暗影牧师",avatar:"http://dota2dbpic.uuu9.com/d14b7a6b-4931-4dc4-aa3e-17fc6cfc00b8sp.gif"},{name:"秀逗魔导士",avatar:"http://dota2dbpic.uuu9.com/4860461c-ae68-401a-809f-f4c7a0b63aedlina.gif"},{name:"宙斯",avatar:"http://dota2dbpic.uuu9.com/7be0f49d-6287-4278-9ff0-a42bbd7956cfzeus.gif"},{name:"复仇之魂",avatar:"http://dota2dbpic.uuu9.com/9608a806-4bf0-47a0-a4ba-20b491fa3121vs.gif"},{name:"矮人直升机",avatar:"http://dota2dbpic.uuu9.com/cc02d678-beef-4cee-931e-815b04aa513bcopter.gif"},{name:"水晶室女",avatar:"http://dota2dbpic.uuu9.com/0e06d8cf-5e9a-4c9c-b137-15fc301bee4ccm.gif"},{name:"术士",avatar:"http://dota2dbpic.uuu9.com/fbd48581-1c31-4077-8959-1ec0aae04eebwl.gif"},{name:"谜团",avatar:"http://dota2dbpic.uuu9.com/8761a23f-3238-43bf-bb03-5ecb892a4139Enigma.gif"},{name:"巫医",avatar:"http://dota2dbpic.uuu9.com/793a1a57-0fea-4395-aa86-5add327b337fwd.gif"}],t.MAGIC_HEROES=[{name:"神谕者",avatar:"http://dota2dbpic.uuu9.com/2b1dc7ac-2c86-43f2-b743-61f53421bef814111513531135518.jpg"},{name:"炸弹人",avatar:"http://dota2dbpic.uuu9.com/255d33dc-f4ff-4ba3-87c9-0da0318676c82.png"},{name:"双头龙",avatar:"http://dota2dbpic.uuu9.com/7148a12f-a0ed-4307-a46b-830d278a5a00thd.gif"},{name:"死灵飞龙",avatar:"http://dota2dbpic.uuu9.com/f738ea36-5b29-4166-a9e7-fe69f8acf897vis.gif"},{name:"地精修补匠",avatar:"http://dota2dbpic.uuu9.com/92a8eaa6-7141-4300-bca9-01d02f30e453tk.png"},{name:"暗影恶魔",avatar:"http://dota2dbpic.uuu9.com/5476d96a-cb17-45de-8f17-379d0a74ab92Eredar.gif"},{name:"暗影萨满",avatar:"http://dota2dbpic.uuu9.com/13098635-b43e-459f-88ac-0a9ec28fc9b4ss.gif"},{name:"祈求者",avatar:"http://dota2dbpic.uuu9.com/99ffd3b8-0691-4922-8467-2667bf83804bKael.gif"},{name:"黑暗贤者",avatar:"http://dota2dbpic.uuu9.com/57252321-1b37-495c-8ac1-f68306d5d48eDS.gif"},{name:"殁境神蚀者",avatar:"http://dota2dbpic.uuu9.com/e526c288-d109-4fe9-9729-69966a9c769aod.jpg"},{name:"受折磨的灵魂",avatar:"http://dota2dbpic.uuu9.com/1c87b008-31d1-4000-92e5-18aa5486a641TS.gif"},{name:"蝙蝠骑士",avatar:"http://dota2dbpic.uuu9.com/ea3ed2fa-cbb4-44ac-a06b-a9029608c2b8batrider.jpg"},{name:"极寒幽魂",avatar:"http://dota2dbpic.uuu9.com/90fc8779-b850-47b4-8339-c76be659c645aa.jpg"},{name:"暗影牧师",avatar:"http://dota2dbpic.uuu9.com/d14b7a6b-4931-4dc4-aa3e-17fc6cfc00b8sp.gif"},{name:"秀逗魔导士",avatar:"http://dota2dbpic.uuu9.com/4860461c-ae68-401a-809f-f4c7a0b63aedlina.gif"},{name:"宙斯",avatar:"http://dota2dbpic.uuu9.com/7be0f49d-6287-4278-9ff0-a42bbd7956cfzeus.gif"},{name:"风行者",avatar:"http://dota2dbpic.uuu9.com/8fe40b5e-58d2-491c-847d-6564e6a0a9b2WR.gif"},{name:"风暴之灵",avatar:"http://dota2dbpic.uuu9.com/c4e5c967-dbab-4a24-aa51-7e035dc683c2ST.gif"},{name:"仙女龙",avatar:"http://dota2dbpic.uuu9.com/3271d9a8-de10-4c25-9dff-52ca243c3654puck.gif"},{name:"遗忘法师",avatar:"http://dota2dbpic.uuu9.com/58a4b73c-882e-4e4d-9d5c-9499733f360dpugna.gif"},{name:"水晶室女",avatar:"http://dota2dbpic.uuu9.com/0e06d8cf-5e9a-4c9c-b137-15fc301bee4ccm.gif"}],t.JUNGLE_HEROES=[{name:"军团指挥官",avatar:"http://dota2dbpic.uuu9.com/14687119-de9d-4601-bb23-cc395cc5c93flegion_commander_full_.png"},{name:"魅惑魔女",avatar:"http://dota2dbpic.uuu9.com/5bf5a558-74e5-49f5-91a1-6167cf8d00ffeh.gif"},{name:"先知",avatar:"http://dota2dbpic.uuu9.com/0878a84c-30cf-434c-84c1-4a2ccf3e52fcfur.gif"},{name:"圣骑士",avatar:"http://dota2dbpic.uuu9.com/ff1c3144-67cc-40e0-a08c-e86111eaca4000.jpg"},{name:"黑暗贤者",avatar:"http://dota2dbpic.uuu9.com/57252321-1b37-495c-8ac1-f68306d5d48eDS.gif"},{name:"熊战士",avatar:"http://dota2dbpic.uuu9.com/ab520d8b-2104-4a14-97d2-1254d2aef1dcuw.gif"},{name:"幻影长矛手",avatar:"http://dota2dbpic.uuu9.com/ce78281b-47a8-402e-97bf-645c2e8874b1lancer.gif"},{name:"德鲁伊",avatar:"http://dota2dbpic.uuu9.com/88c02857-7c61-4488-8101-2ca5971e4748ld.gif"},{name:"狼人",avatar:"http://dota2dbpic.uuu9.com/9d8d4257-9f31-4bac-8054-e05e4ba573291234.jpg"},{name:"斧王",avatar:"http://dota2dbpic.uuu9.com/09e8f2f6-4fa7-4870-ac05-7fb7f44510fafuwang.png"}],t.GANK_HEROES=[{name:"天穹守望者",avatar:"http://dota2dbpic.uuu9.com/cb880d14-e6a2-4737-8fe7-dab43281e24144575.jpg"},{name:"上古巨神",avatar:"http://dota2dbpic.uuu9.com/73aa3fe9-be47-49e2-82b1-75d44d069c20Elder_Titan.png"},{name:"灰烬之灵",avatar:"http://dota2dbpic.uuu9.com/4c54e1ab-0c34-4f4a-8236-26e3ffa08274legion_commander_full.png"},{name:"地精撕裂者",avatar:"http://dota2dbpic.uuu9.com/d637e928-6289-4561-8c7d-b40d96c539d000.jpg"},{name:"双头龙",avatar:"http://dota2dbpic.uuu9.com/7148a12f-a0ed-4307-a46b-830d278a5a00thd.gif"},{name:"魅惑魔女",avatar:"http://dota2dbpic.uuu9.com/5bf5a558-74e5-49f5-91a1-6167cf8d00ffeh.gif"},{name:"先知",avatar:"http://dota2dbpic.uuu9.com/0878a84c-30cf-434c-84c1-4a2ccf3e52fcfur.gif"},{name:"地精修补匠",avatar:"http://dota2dbpic.uuu9.com/92a8eaa6-7141-4300-bca9-01d02f30e453tk.png"},{name:"暗影恶魔",avatar:"http://dota2dbpic.uuu9.com/5476d96a-cb17-45de-8f17-379d0a74ab92Eredar.gif"},{name:"暗影萨满",avatar:"http://dota2dbpic.uuu9.com/13098635-b43e-459f-88ac-0a9ec28fc9b4ss.gif"},{name:"祈求者",avatar:"http://dota2dbpic.uuu9.com/99ffd3b8-0691-4922-8467-2667bf83804bKael.gif"},{name:"黑暗贤者",avatar:"http://dota2dbpic.uuu9.com/57252321-1b37-495c-8ac1-f68306d5d48eDS.gif"},{name:"受折磨的灵魂",avatar:"http://dota2dbpic.uuu9.com/1c87b008-31d1-4000-92e5-18aa5486a641TS.gif"},{name:"蝙蝠骑士",avatar:"http://dota2dbpic.uuu9.com/ea3ed2fa-cbb4-44ac-a06b-a9029608c2b8batrider.jpg"},{name:"秀逗魔导士",avatar:"http://dota2dbpic.uuu9.com/4860461c-ae68-401a-809f-f4c7a0b63aedlina.gif"},{name:"宙斯",avatar:"http://dota2dbpic.uuu9.com/7be0f49d-6287-4278-9ff0-a42bbd7956cfzeus.gif"},{name:"赏金猎人",avatar:"http://dota2dbpic.uuu9.com/cf7f3664-7a7c-4d5e-94f5-98c0c2fd0deebh.gif"},{name:"复仇之魂",avatar:"http://dota2dbpic.uuu9.com/9608a806-4bf0-47a0-a4ba-20b491fa3121vs.gif"},{name:"圣堂刺客",avatar:"http://dota2dbpic.uuu9.com/25340f33-d595-46de-bc11-2453bb83de2bta.gif"},{name:"矮人直升机",avatar:"http://dota2dbpic.uuu9.com/cc02d678-beef-4cee-931e-815b04aa513bcopter.gif"},{name:"风暴之灵",avatar:"http://dota2dbpic.uuu9.com/c4e5c967-dbab-4a24-aa51-7e035dc683c2ST.gif"}],t.TANK_HEROES=[{name:"孽主",avatar:"http://dota2dbpic.uuu9.com/279b4723-3701-4b2f-96e2-d755935777b6abyssal_underlord_hphover.png"},{name:"地狱领主",avatar:"http://dota2dbpic.uuu9.com/a0e68aea-de06-46f2-b841-70be213b68b7Abaddon.png"},{name:"上古巨神",avatar:"http://dota2dbpic.uuu9.com/73aa3fe9-be47-49e2-82b1-75d44d069c20Elder_Titan.png"},{name:"地精撕裂者",avatar:"http://dota2dbpic.uuu9.com/d637e928-6289-4561-8c7d-b40d96c539d000.jpg"},{name:"死灵飞龙",avatar:"http://dota2dbpic.uuu9.com/f738ea36-5b29-4166-a9e7-fe69f8acf897vis.gif"},{name:"熊战士",avatar:"http://dota2dbpic.uuu9.com/ab520d8b-2104-4a14-97d2-1254d2aef1dcuw.gif"},{name:"变体精灵",avatar:"http://dota2dbpic.uuu9.com/6b7f1923-67e8-4a73-bc3e-b55c53bf96edmor.gif"},{name:"德鲁伊",avatar:"http://dota2dbpic.uuu9.com/88c02857-7c61-4488-8101-2ca5971e4748ld.gif"},{name:"半人马战行者",avatar:"http://dota2dbpic.uuu9.com/65940f31-266e-4dec-b107-f40d4556fd000.jpg"},{name:"树精卫士",avatar:"http://dota2dbpic.uuu9.com/7f9a431a-5edc-470a-b4a3-370f89e51a8a00.jpg"},{name:"酒仙",avatar:"http://dota2dbpic.uuu9.com/72c84158-dfc3-4ee4-8dff-eaf9f8707b850.jpg"},{name:"炼金术士",avatar:"http://dota2dbpic.uuu9.com/531e12b3-0677-4739-b505-f6143fba7b6c00.jpg"},{name:"全能骑士",avatar:"http://dota2dbpic.uuu9.com/01ddcdb3-fb3d-412b-a6cf-e85bc473a35a00.jpg"},{name:"龙骑士",avatar:"http://dota2dbpic.uuu9.com/4b7d218a-36e0-4ec6-8200-a6f5e5aad704000.jpg"},{name:"潮汐猎人",avatar:"http://dota2dbpic.uuu9.com/508e0019-b6de-4ae2-8e00-b8428bb6d16btidehunter_full.png"},{name:"山岭巨人",avatar:"http://dota2dbpic.uuu9.com/7da65f49-9894-4c0b-888b-00ce495cc909000.jpg"},{name:"屠夫",avatar:"http://dota2dbpic.uuu9.com/b4e99c9b-91e5-431e-89ca-a9fe3171120cuntitled.jpg"}],t.INVISIBLE_HEROES=[{name:"祈求者",avatar:"http://dota2dbpic.uuu9.com/99ffd3b8-0691-4922-8467-2667bf83804bKael.gif"},{name:"赏金猎人",avatar:"http://dota2dbpic.uuu9.com/cf7f3664-7a7c-4d5e-94f5-98c0c2fd0deebh.gif"},{name:"圣堂刺客",avatar:"http://dota2dbpic.uuu9.com/25340f33-d595-46de-bc11-2453bb83de2bta.gif"},{name:"隐形刺客",avatar:"http://dota2dbpic.uuu9.com/79f3f7ad-e71b-4755-bc5a-44e509c47011sa.gif"},{name:"月之公主",avatar:"http://dota2dbpic.uuu9.com/012f6fd5-6264-4a75-a7b5-087d04da9a57pom.gif"},{name:"幻影长矛手",avatar:"http://dota2dbpic.uuu9.com/ce78281b-47a8-402e-97bf-645c2e8874b1lancer.gif"},{name:"鱼人夜行者",avatar:"http://dota2dbpic.uuu9.com/739da86d-40e9-4e07-b48f-1a03a8a8a3e0sg.jpg"},{name:"编织者",avatar:"http://dota2dbpic.uuu9.com/e8c69923-7795-4b67-b473-608b501423abNW.jpg"},{name:"司夜刺客",avatar:"http://dota2dbpic.uuu9.com/536d63ab-25a6-4b88-b052-2f20add0b32dNA.jpg"},{name:"育母蜘蛛",avatar:"http://dota2dbpic.uuu9.com/aeaa2836-ef80-4ec2-b3e0-a52a318887c1br.jpg"},{name:"骷髅弓箭手",avatar:"http://dota2dbpic.uuu9.com/1579d1ab-1dd1-4d64-ac88-26e821e4f209bone.jpg"},{name:"沙王",avatar:"http://dota2dbpic.uuu9.com/0ae7f51a-4cca-43cb-9a7f-5d6b5ba5401612345.png"}],t.CARRY_HEROES=[{name:"齐天大圣",avatar:"http://dota2dbpic.uuu9.com/5f813eaa-e738-4ea5-a425-f260cd01334c3159302_mk105x60.jpg"},{name:"恐怖利刃",avatar:"http://dota2dbpic.uuu9.com/201fc99f-61af-4a07-a9cb-8ceaf6e0d3392.png"},{name:"天穹守望者",avatar:"http://dota2dbpic.uuu9.com/cb880d14-e6a2-4737-8fe7-dab43281e24144575.jpg"},{name:"军团指挥官",avatar:"http://dota2dbpic.uuu9.com/14687119-de9d-4601-bb23-cc395cc5c93flegion_commander_full_.png"},{name:"巨魔战将",avatar:"http://dota2dbpic.uuu9.com/79d96698-f2c0-4620-9f41-8cd6254b68caTroll.gif"},{name:"蛇发女妖",avatar:"http://dota2dbpic.uuu9.com/db974a46-f31f-4740-93d1-b3faa2aa4996med.gif"},{name:"死灵飞龙",avatar:"http://dota2dbpic.uuu9.com/f738ea36-5b29-4166-a9e7-fe69f8acf897vis.gif"},{name:"祈求者",avatar:"http://dota2dbpic.uuu9.com/99ffd3b8-0691-4922-8467-2667bf83804bKael.gif"},{name:"殁境神蚀者",avatar:"http://dota2dbpic.uuu9.com/e526c288-d109-4fe9-9729-69966a9c769aod.jpg"},{name:"赏金猎人",avatar:"http://dota2dbpic.uuu9.com/cf7f3664-7a7c-4d5e-94f5-98c0c2fd0deebh.gif"},{name:"熊战士",avatar:"http://dota2dbpic.uuu9.com/ab520d8b-2104-4a14-97d2-1254d2aef1dcuw.gif"},{name:"卓尔游侠",avatar:"http://dota2dbpic.uuu9.com/8317769a-4246-4a30-9404-3aacc87117dedr.gif"},{name:"隐形刺客",avatar:"http://dota2dbpic.uuu9.com/79f3f7ad-e71b-4755-bc5a-44e509c47011sa.gif"},{name:"幻影长矛手",avatar:"http://dota2dbpic.uuu9.com/ce78281b-47a8-402e-97bf-645c2e8874b1lancer.gif"},{name:"娜迦海妖",avatar:"http://dota2dbpic.uuu9.com/2f2648ee-5570-48db-ae45-32565bd886f5naga.gif"},{name:"变体精灵",avatar:"http://dota2dbpic.uuu9.com/6b7f1923-67e8-4a73-bc3e-b55c53bf96edmor.gif"},{name:"月之骑士",avatar:"http://dota2dbpic.uuu9.com/76659a60-4ed3-4afc-aaa8-2a39eff2c0b4luna.gif"},{name:"死亡先知",avatar:"http://dota2dbpic.uuu9.com/bfa5a815-e503-4c31-9027-0e21fab493f0qop.gif"},{name:"德鲁伊",avatar:"http://dota2dbpic.uuu9.com/88c02857-7c61-4488-8101-2ca5971e4748ld.gif"},{name:"主宰",avatar:"http://dota2dbpic.uuu9.com/b3ce2f49-daf9-452a-b516-fa8406d77fc4jugg.gif"},{name:"瘟疫法师",avatar:"http://dota2dbpic.uuu9.com/c5399443-a946-4fc8-9621-4484bfec859fNEC.gif"}],t.BLINK_HEROES=[{name:"齐天大圣",avatar:"http://dota2dbpic.uuu9.com/5f813eaa-e738-4ea5-a425-f260cd01334c3159302_mk105x60.jpg"},{name:"巨魔战将",avatar:"http://dota2dbpic.uuu9.com/79d96698-f2c0-4620-9f41-8cd6254b68caTroll.gif"},{name:"蛇发女妖",avatar:"http://dota2dbpic.uuu9.com/db974a46-f31f-4740-93d1-b3faa2aa4996med.gif"},{name:"月之骑士",avatar:"http://dota2dbpic.uuu9.com/76659a60-4ed3-4afc-aaa8-2a39eff2c0b4luna.gif"},{name:"死亡先知",avatar:"http://dota2dbpic.uuu9.com/bfa5a815-e503-4c31-9027-0e21fab493f0qop.gif"},{name:"德鲁伊",avatar:"http://dota2dbpic.uuu9.com/88c02857-7c61-4488-8101-2ca5971e4748ld.gif"},{name:"主宰",avatar:"http://dota2dbpic.uuu9.com/b3ce2f49-daf9-452a-b516-fa8406d77fc4jugg.gif"},{name:"瘟疫法师",avatar:"http://dota2dbpic.uuu9.com/c5399443-a946-4fc8-9621-4484bfec859fNEC.gif"},{name:"上古巨神",avatar:"http://dota2dbpic.uuu9.com/73aa3fe9-be47-49e2-82b1-75d44d069c20Elder_Titan.png"},{name:"地精撕裂者",avatar:"http://dota2dbpic.uuu9.com/d637e928-6289-4561-8c7d-b40d96c539d000.jpg"},{name:"死灵飞龙",avatar:"http://dota2dbpic.uuu9.com/f738ea36-5b29-4166-a9e7-fe69f8acf897vis.gif"},{name:"熊战士",avatar:"http://dota2dbpic.uuu9.com/ab520d8b-2104-4a14-97d2-1254d2aef1dcuw.gif"},{name:"变体精灵",avatar:"http://dota2dbpic.uuu9.com/6b7f1923-67e8-4a73-bc3e-b55c53bf96edmor.gif"},{name:"德鲁伊",avatar:"http://dota2dbpic.uuu9.com/88c02857-7c61-4488-8101-2ca5971e4748ld.gif"}],t.HIGH_DAMAGE_HEROES=[{name:"天穹守望者",avatar:"http://dota2dbpic.uuu9.com/cb880d14-e6a2-4737-8fe7-dab43281e24144575.jpg"},{name:"上古巨神",avatar:"http://dota2dbpic.uuu9.com/73aa3fe9-be47-49e2-82b1-75d44d069c20Elder_Titan.png"},{name:"灰烬之灵",avatar:"http://dota2dbpic.uuu9.com/4c54e1ab-0c34-4f4a-8236-26e3ffa08274legion_commander_full.png"},{name:"地精撕裂者",avatar:"http://dota2dbpic.uuu9.com/d637e928-6289-4561-8c7d-b40d96c539d000.jpg"},{name:"双头龙",avatar:"http://dota2dbpic.uuu9.com/7148a12f-a0ed-4307-a46b-830d278a5a00thd.gif"},{name:"魅惑魔女",avatar:"http://dota2dbpic.uuu9.com/5bf5a558-74e5-49f5-91a1-6167cf8d00ffeh.gif"},{name:"先知",avatar:"http://dota2dbpic.uuu9.com/0878a84c-30cf-434c-84c1-4a2ccf3e52fcfur.gif"},{name:"地精修补匠",avatar:"http://dota2dbpic.uuu9.com/92a8eaa6-7141-4300-bca9-01d02f30e453tk.png"},{name:"暗影恶魔",avatar:"http://dota2dbpic.uuu9.com/5476d96a-cb17-45de-8f17-379d0a74ab92Eredar.gif"},{name:"暗影萨满",avatar:"http://dota2dbpic.uuu9.com/13098635-b43e-459f-88ac-0a9ec28fc9b4ss.gif"},{name:"祈求者",avatar:"http://dota2dbpic.uuu9.com/99ffd3b8-0691-4922-8467-2667bf83804bKael.gif"},{name:"黑暗贤者",avatar:"http://dota2dbpic.uuu9.com/57252321-1b37-495c-8ac1-f68306d5d48eDS.gif"},{name:"受折磨的灵魂",avatar:"http://dota2dbpic.uuu9.com/1c87b008-31d1-4000-92e5-18aa5486a641TS.gif"},{name:"蝙蝠骑士",avatar:"http://dota2dbpic.uuu9.com/ea3ed2fa-cbb4-44ac-a06b-a9029608c2b8batrider.jpg"},{name:"秀逗魔导士",avatar:"http://dota2dbpic.uuu9.com/4860461c-ae68-401a-809f-f4c7a0b63aedlina.gif"}],t.INVOKE_HEROES=[{name:"恐怖利刃",avatar:"http://dota2dbpic.uuu9.com/201fc99f-61af-4a07-a9cb-8ceaf6e0d3392.png"},{name:"天穹守望者",avatar:"http://dota2dbpic.uuu9.com/cb880d14-e6a2-4737-8fe7-dab43281e24144575.jpg"},{name:"军团指挥官",avatar:"http://dota2dbpic.uuu9.com/14687119-de9d-4601-bb23-cc395cc5c93flegion_commander_full_.png"},{name:"巨魔战将",avatar:"http://dota2dbpic.uuu9.com/79d96698-f2c0-4620-9f41-8cd6254b68caTroll.gif"},{name:"蛇发女妖",avatar:"http://dota2dbpic.uuu9.com/db974a46-f31f-4740-93d1-b3faa2aa4996med.gif"},{name:"死灵飞龙",avatar:"http://dota2dbpic.uuu9.com/f738ea36-5b29-4166-a9e7-fe69f8acf897vis.gif"},{name:"祈求者",avatar:"http://dota2dbpic.uuu9.com/99ffd3b8-0691-4922-8467-2667bf83804bKael.gif"},{name:"殁境神蚀者",avatar:"http://dota2dbpic.uuu9.com/e526c288-d109-4fe9-9729-69966a9c769aod.jpg"},{name:"赏金猎人",avatar:"http://dota2dbpic.uuu9.com/cf7f3664-7a7c-4d5e-94f5-98c0c2fd0deebh.gif"},{name:"熊战士",avatar:"http://dota2dbpic.uuu9.com/ab520d8b-2104-4a14-97d2-1254d2aef1dcuw.gif"},{name:"卓尔游侠",avatar:"http://dota2dbpic.uuu9.com/8317769a-4246-4a30-9404-3aacc87117dedr.gif"},{name:"隐形刺客",avatar:"http://dota2dbpic.uuu9.com/79f3f7ad-e71b-4755-bc5a-44e509c47011sa.gif"},{name:"幻影长矛手",avatar:"http://dota2dbpic.uuu9.com/ce78281b-47a8-402e-97bf-645c2e8874b1lancer.gif"},{name:"娜迦海妖",avatar:"http://dota2dbpic.uuu9.com/2f2648ee-5570-48db-ae45-32565bd886f5naga.gif"},{name:"变体精灵",avatar:"http://dota2dbpic.uuu9.com/6b7f1923-67e8-4a73-bc3e-b55c53bf96edmor.gif"},{name:"月之骑士",avatar:"http://dota2dbpic.uuu9.com/76659a60-4ed3-4afc-aaa8-2a39eff2c0b4luna.gif"}],t.DIZZY_HEROES=[{name:"上古巨神",avatar:"http://dota2dbpic.uuu9.com/73aa3fe9-be47-49e2-82b1-75d44d069c20Elder_Titan.png"},{name:"地精撕裂者",avatar:"http://dota2dbpic.uuu9.com/d637e928-6289-4561-8c7d-b40d96c539d000.jpg"},{name:"死灵飞龙",avatar:"http://dota2dbpic.uuu9.com/f738ea36-5b29-4166-a9e7-fe69f8acf897vis.gif"},{name:"熊战士",avatar:"http://dota2dbpic.uuu9.com/ab520d8b-2104-4a14-97d2-1254d2aef1dcuw.gif"},{name:"变体精灵",avatar:"http://dota2dbpic.uuu9.com/6b7f1923-67e8-4a73-bc3e-b55c53bf96edmor.gif"},{name:"德鲁伊",avatar:"http://dota2dbpic.uuu9.com/88c02857-7c61-4488-8101-2ca5971e4748ld.gif"},{name:"半人马战行者",avatar:"http://dota2dbpic.uuu9.com/65940f31-266e-4dec-b107-f40d4556fd000.jpg"},{name:"树精卫士",avatar:"http://dota2dbpic.uuu9.com/7f9a431a-5edc-470a-b4a3-370f89e51a8a00.jpg"},{name:"酒仙",avatar:"http://dota2dbpic.uuu9.com/72c84158-dfc3-4ee4-8dff-eaf9f8707b850.jpg"},{name:"炼金术士",avatar:"http://dota2dbpic.uuu9.com/531e12b3-0677-4739-b505-f6143fba7b6c00.jpg"},{name:"全能骑士",avatar:"http://dota2dbpic.uuu9.com/01ddcdb3-fb3d-412b-a6cf-e85bc473a35a00.jpg"},{name:"龙骑士",avatar:"http://dota2dbpic.uuu9.com/4b7d218a-36e0-4ec6-8200-a6f5e5aad704000.jpg"},{name:"潮汐猎人",avatar:"http://dota2dbpic.uuu9.com/508e0019-b6de-4ae2-8e00-b8428bb6d16btidehunter_full.png"},{name:"山岭巨人",avatar:"http://dota2dbpic.uuu9.com/7da65f49-9894-4c0b-888b-00ce495cc909000.jpg"},{name:"屠夫",avatar:"http://dota2dbpic.uuu9.com/b4e99c9b-91e5-431e-89ca-a9fe3171120cuntitled.jpg"}],t.HEALER_HEROES=[{name:"↵地狱领主↵",avatar:"http://dota2dbpic.uuu9.com/a0e68aea-de06-46f2-b841-70be213b68b7Abaddon.png"},{name:"↵凤凰↵",avatar:"http://dota2dbpic.uuu9.com/17772b4c-76ff-4f49-84c2-66d8edb21b41phoenix.png"},{name:"↵魅惑魔女↵",avatar:"http://dota2dbpic.uuu9.com/5bf5a558-74e5-49f5-91a1-6167cf8d00ffeh.gif"},{name:"↵暗影牧师↵",avatar:"http://dota2dbpic.uuu9.com/d14b7a6b-4931-4dc4-aa3e-17fc6cfc00b8sp.gif"},{name:"↵术士↵",avatar:"http://dota2dbpic.uuu9.com/fbd48581-1c31-4077-8959-1ec0aae04eebwl.gif"},{name:"↵主宰↵",avatar:"http://dota2dbpic.uuu9.com/b3ce2f49-daf9-452a-b516-fa8406d77fc4jugg.gif"},{name:"↵瘟疫法师↵",avatar:"http://dota2dbpic.uuu9.com/c5399443-a946-4fc8-9621-4484bfec859fNEC.gif"},{name:"↵巫医↵",avatar:"http://dota2dbpic.uuu9.com/793a1a57-0fea-4395-aa86-5add327b337fwd.gif"},{name:"↵神灵武士↵",avatar:"http://dota2dbpic.uuu9.com/8aea3dbb-d148-4ce2-93dc-06c4aeef331800.jpg"},{name:"↵全能骑士↵",avatar:"http://dota2dbpic.uuu9.com/01ddcdb3-fb3d-412b-a6cf-e85bc473a35a00.jpg"}]})},xYoV:function(t,e,a){function i(t){a("7t+P")}var n=a("VU/8")(a("1peF"),a("sZn4"),i,null,null);t.exports=n.exports},xomh:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("bOdI"),a("Z5VE"),a("d64j")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=c(a),u=c(i),o=c(n);e.default={name:"cube-popup",mixins:[u.default,o.default],props:{type:{type:String,default:""},mask:{type:Boolean,default:!0},content:{type:String,default:""},center:{type:Boolean,default:!0},position:{type:String,default:""}},computed:{rootClass:function(){var t={"cube-popup_mask":this.mask};return this.type&&(t["cube-"+this.type]=!0),t},containerClass:function(){var t=this.center,e=this.position;return e?(0,l.default)({},"cube-popup-"+e,!0):t?{"cube-popup-center":!0}:void 0}},methods:{maskClick:function(t){this.$emit("mask-click",t),this.maskClosable&&this.hide()}}},t.exports=e.default})},xpS3:function(t,e){},xru3:function(t,e,a){function i(t){a("hTT9")}var n=a("VU/8")(a("7brH"),a("Y/GG"),i,null,null);t.exports=n.exports},"y7n+":function(t,e){},yADO:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{staticClass:"option-demo",attrs:{type:"toolbar",title:"Toolbar"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"options"},[a("div",{staticClass:"option-list"},[a("div",{staticClass:"group"},[a("switch-option",{staticClass:"item",attrs:{name:"More Actions",value:t.more},on:{"update:value":t.updateMore}})],1)])]),t._v(" "),a("cube-toolbar",{attrs:{actions:t.actions,"more-actions":t.more?t.moreActions:void 0},on:{click:t.clickHandler}})],1)])},staticRenderFns:[]}},yB4N:function(t,e,a){var i=a("VU/8")(a("RO5T"),a("Y/JC"),null,null,null);t.exports=i.exports},yD4L:function(t,e){},yE9A:function(t,e,a){function i(t){a("JG9D")}var n=a("VU/8")(a("XJZo"),a("T+4J"),i,null,null);t.exports=n.exports},yIJW:function(t,e,a){var i,n,c;!function(a,l){n=[t,e],i=l,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a={value:"value",text:"text",order:"order"};e.default={props:{data:{type:Array,default:function(){return[]}},selectedIndex:{type:Array,default:function(){return[]}},alias:{type:Object,default:function(){return{}}}},computed:{valueKey:function(){return this.alias.value||a.value},textKey:function(){return this.alias.text||a.text},orderKey:function(){return a.order},merge:function(){return[this.data,this.selectedIndex]}},watch:{merge:function(t){this.setData(t[0],t[1])}}},t.exports=e.default})},yb46:function(t,e,a){function i(t){a("O19e")}var n=a("VU/8")(a("tEcF"),a("Idn0"),i,null,null);t.exports=n.exports},yfBG:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{staticClass:"option-demo",attrs:{type:"textarea-view",title:"Textarea"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"textarea-wrapper"},[a("cube-textarea",{attrs:{disabled:t.disabled,maxlength:+t.maxlength||60,indicator:t.showIndicator?t.indicator:t.showIndicator,width:t.width||"300px"},model:{value:t.text,callback:function(e){t.text=e},expression:"text"}})],1),t._v(" "),a("div",{staticClass:"options"},[a("div",{staticClass:"title"},[t._v("Options")]),t._v(" "),a("div",{staticClass:"option-list"},[a("div",{staticClass:"group"},[a("switch-option",{staticClass:"item",attrs:{name:"disabled",value:t.disabled},on:{"update:value":t.updateDisabled}}),t._v(" "),a("input-option",{staticClass:"item sub",attrs:{name:"maxlength",value:t.maxlength},on:{"update:value":t.updateMaxlength}}),t._v(" "),a("input-option",{staticClass:"item sub",attrs:{name:"width",value:t.width},on:{"update:value":t.updateWidth}})],1),t._v(" "),a("div",{staticClass:"group"},[a("switch-option",{staticClass:"item",attrs:{name:"indicator",value:t.showIndicator},on:{"update:value":t.updateIndicator}}),t._v(" "),t.showIndicator?a("switch-option",{staticClass:"item",attrs:{name:"negative",value:t.indicator.negative},on:{"update:value":t.updateIndicatorNegative}}):t._e(),t._v(" "),t.showIndicator?a("switch-option",{staticClass:"item",attrs:{name:"remain",value:t.indicator.remain},on:{"update:value":t.updateIndicatorRemain}}):t._e()],1)])])])])},staticRenderFns:[]}},yjF1:function(t,e,a){function i(t){a("lWcp")}var n=a("VU/8")(a("jjfl"),a("TLh3"),i,null,null);t.exports=n.exports},ymMH:function(t,e){},yu2v:function(t,e){},z16Y:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("/ocq"),a("nb3f")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=n(a),l=n(i),u=new c.default({routes:l.default});e.default=u,t.exports=e.default})},zFE9:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"picker-view",title:"Picker",desc:""}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("cube-button-group",[a("cube-button",{on:{click:t.showPicker}},[t._v("Picker")]),t._v(" "),a("cube-button",{on:{click:t.showMutiPicker}},[t._v("Multi-column Picker")]),t._v(" "),a("cube-button",{on:{click:t.showAliasPicker}},[t._v("Use alias")]),t._v(" "),a("cube-button",{on:{click:t.showUpdatePropsPicker}},[t._v("Use $updateProps")]),t._v(" "),a("cube-button",{on:{click:t.showSubtitlePicker}},[t._v("Use subtitle")])],1)],1)])},staticRenderFns:[]}},zI96:function(t,e,a){function i(t){a("h20U")}var n=a("VU/8")(a("EzL5"),a("SWc7"),i,null,null);t.exports=n.exports},zQyI:function(t,e,a){var i,n,c;!function(l,u){n=[t,e,a("a/uE"),a("yjF1"),a("yE9A")],i=u,void 0!==(c="function"==typeof i?i.apply(e,n):i)&&(t.exports=c)}(0,function(t,e,a,i,n){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=c(a),u=c(i),o=c(n);o.default.install=function(t){t.component(l.default.name,l.default),t.component(u.default.name,u.default),t.component(o.default.name,o.default)},o.default.Button=l.default,o.default.Checkbox=u.default,e.default=o.default,t.exports=e.default})},zQzp:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"upload-view-compress",title:"Upload"}},[a("template",{slot:"content"},[a("p",[t._v("Compress&Base64 upload: ")]),t._v(" "),a("div",[a("cube-upload",{ref:"upload",attrs:{action:t.action,"simultaneous-uploads":1,"process-file":t.processFile},on:{"file-submitted":t.fileSubmitted}})],1)])],2)},staticRenderFns:[]}},zZ81:function(t,e,a){var i=a("VU/8")(a("LXLj"),a("vfhA"),null,null,null);t.exports=i.exports},zbfp:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{attrs:{type:"image-preview-def",title:"ImagePreview"}},[a("div",{attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"view-wrapper"},[a("cube-button-group",[a("cube-button",{on:{click:t.showImagePreview}},[t._v("Show ImagePreview")]),t._v(" "),a("cube-button",{on:{click:function(e){t.goTo("multi-images-preview")}}},[t._v("Show MultiImagePreview")]),t._v(" "),a("cube-button",{on:{click:t.showCustomImagePreview}},[t._v("Show Custom ImagePreview")])],1)],1),t._v(" "),a("cube-view")],1)])},staticRenderFns:[]}},zefs:function(t,e){},zf5d:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("cube-page",{staticClass:"option-demo",attrs:{type:"scroll-view",title:"Scroll"}},[a("div",{staticClass:"scroll-wrapper",attrs:{slot:"content"},slot:"content"},[a("div",{staticClass:"options"},[a("div",{staticClass:"title"},[t._v("Options")]),t._v(" "),a("div",{staticClass:"option-list"},[a("div",{staticClass:"group"},[a("switch-option",{staticClass:"item",attrs:{name:"Pull Down Refresh",value:t.pullDownRefresh},on:{"update:value":t.updatePullDownRefresh}}),t._v(" "),t.pullDownRefresh?a("input-option",{staticClass:"item sub first",attrs:{name:"threshold (≥ 40)",value:t.pullDownRefreshThreshold,"min-value":"40"},on:{"update:value":t.updatePullDownRefreshThreshold}}):t._e(),t._v(" "),t.pullDownRefresh?a("input-option",{staticClass:"item sub",attrs:{name:"txt",value:t.pullDownRefreshTxt},on:{"update:value":t.updatePullDownRefreshTxt}}):t._e(),t._v(" "),t.pullDownRefresh?a("switch-option",{staticClass:"item sub last",attrs:{name:"Custom Animation",value:t.customPullDown},on:{"update:value":t.updateCustomPullDown}}):t._e()],1),t._v(" "),a("div",{staticClass:"group"},[a("switch-option",{staticClass:"item",attrs:{name:"Pull Up Load",value:t.pullUpLoad},on:{"update:value":t.updatePullUpLoad}}),t._v(" "),t.pullUpLoad?a("input-option",{staticClass:"item sub first",attrs:{name:"threshold",value:t.pullUpLoadThreshold},on:{"update:value":t.updatePullUpLoadThreshold}}):t._e(),t._v(" "),t.pullUpLoad?a("input-option",{staticClass:"item sub",attrs:{name:"moreTxt",value:t.pullUpLoadMoreTxt},on:{"update:value":t.updatePullUpLoadMoreTxt}}):t._e(),t._v(" "),t.pullUpLoad?a("input-option",{staticClass:"item sub last",attrs:{name:"noMoreTxt",value:t.pullUpLoadNoMoreTxt},on:{"update:value":t.updatePullUpLoadNoMoreTxt}}):t._e()],1)])]),t._v(" "),a("div",{staticClass:"demo"},[a("div",{staticClass:"title"},[t._v("Demo")]),t._v(" "),a("div",{staticClass:"scroll-list-wrap"},[a("cube-scroll",{ref:"scroll",attrs:{data:t.items,options:t.options},on:{"pulling-down":t.onPullingDown,"pulling-up":t.onPullingUp},scopedSlots:t._u([{key:"pulldown",fn:function(e){return t.customPullDown?[e.pullDownRefresh?a("div",{staticClass:"cube-pulldown-wrapper",style:e.pullDownStyle},[a("div",{directives:[{name:"show",rawName:"v-show",value:e.beforePullDown,expression:"props.beforePullDown"}],staticClass:"before-trigger",style:{paddingTop:e.bubbleY+"px"}},[a("span",{class:{rotate:e.bubbleY>t.pullDownRefreshThreshold-40}},[t._v("↓")])]),t._v(" "),a("div",{directives:[{name:"show",rawName:"v-show",value:!e.beforePullDown,expression:"!props.beforePullDown"}],staticClass:"after-trigger"},[a("div",{directives:[{name:"show",rawName:"v-show",value:e.isPullingDown,expression:"props.isPullingDown"}],staticClass:"loading"},[a("cube-loading")],1),t._v(" "),a("div",{directives:[{name:"show",rawName:"v-show",value:!e.isPullingDown,expression:"!props.isPullingDown"}],staticClass:"text"},[a("span",{staticClass:"refresh-text"},[t._v("Refresh success")])])])]):t._e()]:void 0}}])},[a("ul",{staticClass:"foods-wrapper"},t._l(t.items,function(e){return a("li",{staticClass:"food-item border-1px"},[a("div",{staticClass:"icon"},[a("img",{attrs:{width:"57",height:"57",src:e.icon}})]),t._v(" "),a("div",{staticClass:"food-content"},[a("h2",{staticClass:"name"},[t._v(t._s(e.name))]),t._v(" "),a("p",{staticClass:"description"},[t._v(t._s(e.description))]),t._v(" "),a("div",{staticClass:"extra"},[a("span",{staticClass:"count"},[t._v("月售"+t._s(e.sellCount)+"份")]),a("span",[t._v("好评率"+t._s(e.rating)+"%")])]),t._v(" "),a("div",{staticClass:"price"},[a("span",{staticClass:"now"},[t._v("￥"+t._s(e.price))]),t._v(" "),a("span",{directives:[{name:"show",rawName:"v-show",value:e.oldPrice,expression:"food.oldPrice"}],staticClass:"old"},[t._v("￥"+t._s(e.oldPrice))])])])])}))])],1)])])])},staticRenderFns:[]}},"zi/F":function(t,e){},ziJF:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{ref:"group",staticClass:"cube-checkbox-group",class:t.groupClass,attrs:{"data-horz":t.horizontal}},[t._t("default",t._l(t.options,function(e,i){return a("cube-checkbox",{key:i,attrs:{option:e,shape:t.shape,position:t.position,"hollow-style":t.hollowStyle}})}))],2)},staticRenderFns:[]}},zuie:function(t,e,a){function i(t){a("OCZZ")}var n=a("VU/8")(a("QNIf"),a("3Xsx"),i,null,null);t.exports=n.exports}},["SrUm"]); \ No newline at end of file diff --git a/docs/example/js/app.898c8ee80167b95a8250.js b/docs/example/js/app.898c8ee80167b95a8250.js deleted file mode 100644 index 9f95bdb4e..000000000 --- a/docs/example/js/app.898c8ee80167b95a8250.js +++ /dev/null @@ -1 +0,0 @@ -webpackJsonp([0],[,function(t,e,i){function a(t){i(197)}var u=i(0)(i(198),i(199),a,null,null);t.exports=u.exports},,,,function(t,e,i){function a(t){i(194)}var u=i(0)(i(195),i(196),a,null,null);t.exports=u.exports},function(t,e,i){var a,u,l;!function(i,c){u=[t,e],a=c,void 0!==(l="function"==typeof a?a.apply(e,u):a)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={data:function(){return{isVisible:!1}},methods:{show:function(){this.isVisible=!0},hide:function(){this.isVisible=!1}}},t.exports=e.default})},function(t,e,i){var a,u,l;!function(c,v){u=[t,e,i(34),i(84)],a=v,void 0!==(l="function"==typeof a?a.apply(e,u):a)&&(t.exports=l)}(0,function(t,e,i,a){"use strict";function u(t,e,a,u){var c=l.default.apply(this,arguments),v=e.name,x=v.replace(/^cube-/i,""),n="$"+(0,i.camelize)(x),y="$"+(0,i.camelize)("create-"+x);return t.prototype[n]=c,t.prototype[y]=c.create,c}Object.defineProperty(e,"__esModule",{value:!0}),e.default=u;var l=function(t){return t&&t.__esModule?t:{default:t}}(a);t.exports=e.default})},,,,function(t,e,i){function a(t){i(80)}var u=i(0)(i(81),i(82),a,null,null);t.exports=u.exports},,,,,,,,,,,,,,,,,,,,function(t,e,i){function a(t){i(104)}var u=i(0)(i(105),i(106),a,null,null);t.exports=u.exports},,,function(t,e,i){var a,u,l;!function(i,c){u=[e],a=c,void 0!==(l="function"==typeof a?a.apply(e,u):a)&&(t.exports=l)}(0,function(t){"use strict";function e(t){return t=String(t),t.replace(i,function(t,e){return e?e.toUpperCase():""})}Object.defineProperty(t,"__esModule",{value:!0}),t.camelize=e;var i=/-(\w)/g})},,,,,,,function(t,e,i){var a,u,l;!function(i,c){u=[e],a=c,void 0!==(l="function"==typeof a?a.apply(e,u):a)&&(t.exports=l)}(0,function(t){"use strict";function e(t,e){return new RegExp("(^|\\s)"+e+"(\\s|$)").test(t.className)}function i(t,i){if(!e(t,i)){var a=t.className.split(" ");a.push(i),t.className=a.join(" ")}}function a(t,i){if(e(t,i)){var a=new RegExp("(^|\\s)"+i+"(\\s|$)","g");t.className=t.className.replace(a," ")}}function u(t,e){return t.getAttribute("data-"+e)}function l(t){return{top:t.offsetTop,left:t.offsetLeft,width:t.offsetWidth,height:t.offsetHeight}}Object.defineProperty(t,"__esModule",{value:!0}),t.hasClass=e,t.addClass=i,t.removeClass=a,t.getData=u,t.getRect=l})},function(t,e,i){function a(t){i(132)}var u=i(0)(i(133),i(159),a,null,null);t.exports=u.exports},,,,,,,,,,,,,,function(t,e,i){function a(t){i(162)}var u=i(0)(i(163),i(169),a,null,null);t.exports=u.exports},,function(t,e,i){var a,u,l;!function(c,v){u=[i(216),i(59),i(60),i(188),i(192),i(201),i(205),i(209),i(212),i(251),i(220),i(223),i(228),i(231),i(235),i(238),i(242),i(246)],a=v,void 0!==(l="function"==typeof a?a.apply(e,u):a)&&(t.exports=l)}(0,function(t,e,i,a,u,l,c,v,x,n,y,o,r,s,p,d,f,h){"use strict";function m(t){return t&&t.__esModule?t:{default:t}}var b=m(t),_=m(e),g=m(i),k=m(a),w=m(u),C=m(l),A=m(c),P=m(v),T=m(x),M=m(n),S=m(y),I=m(o),D=m(r),O=m(s),R=m(p),E=m(d),j=m(f),H=m(h);b.default.use(g.default),b.default.use(_.default);var B=[{path:"/button",component:w.default},{path:"/checkbox",component:C.default},{path:"/checkbox-group",component:A.default},{path:"/loading",component:P.default},{path:"/tip",component:T.default},{path:"/popup",component:M.default},{path:"/toast",component:S.default},{path:"/picker",component:I.default},{path:"/time-picker",component:D.default},{path:"/dialog",component:O.default},{path:"/action-sheet",component:R.default},{path:"/scroll",component:E.default},{path:"/slide",component:j.default},{path:"/index-list",component:H.default}],L=new _.default({routes:B});new b.default({router:L,render:function(t){return t(k.default)}}).$mount("#app")})},,function(t,e,i){var a,u,l;!function(c,v){u=[t,e,i(61)],a=v,void 0!==(l="function"==typeof a?a.apply(e,u):a)&&(t.exports=l)}(0,function(t,e,i){"use strict";function a(t){if(!a.installed){[i.Style,i.Button,i.TimePicker,i.Dialog,i.Tip,i.Toast,i.CheckboxGroup,i.Slide,i.IndexList,i.ActionSheet,i.Scroll,i.Popup].forEach(function(e){e.install(t)})}}Object.defineProperty(e,"__esModule",{value:!0});var u={version:"1.0.0",install:a,BScroll:i.BScroll,createAPI:i.createAPI};"undefined"!=typeof window&&window.Vue&&window.Vue.use(a),e.default=u,t.exports=e.default})},function(t,e,i){var a,u,l;!function(c,v){u=[e,i(62),i(65),i(70),i(79),i(97),i(103),i(179),i(113),i(119),i(128),i(161),i(176),i(177),i(178)],a=v,void 0!==(l="function"==typeof a?a.apply(e,u):a)&&(t.exports=l)}(0,function(t,e,i,a,u,l,c,v,x,n,y,o,r,s,p){"use strict";function d(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(t,"__esModule",{value:!0}),t.createAPI=t.BScroll=t.IndexList=t.Loading=t.SlideItem=t.Slide=t.CheckboxGroup=t.Checkbox=t.ActionSheet=t.Toast=t.Tip=t.Dialog=t.TimePicker=t.Picker=t.Popup=t.Scroll=t.Button=t.Style=void 0;var f=d(e),h=d(i),m=d(a),b=d(u),_=d(l),g=d(c),k=d(v),w=d(x),C=d(n),A=d(y),P=d(o),T=d(r),M=d(s),S=d(p),I=P.default.Picker,D=m.default.Checkbox,O=g.default.Loading,R=C.default.Item;t.Style=f.default,t.Button=h.default,t.Scroll=T.default,t.Popup=b.default,t.Picker=I,t.TimePicker=P.default,t.Dialog=_.default,t.Tip=k.default,t.Toast=g.default,t.ActionSheet=w.default,t.Checkbox=D,t.CheckboxGroup=m.default,t.Slide=C.default,t.SlideItem=R,t.Loading=O,t.IndexList=A.default,t.BScroll=M.default,t.createAPI=S.default})},function(t,e,i){var a,u,l;!function(c,v){u=[t,e,i(63)],a=v,void 0!==(l="function"==typeof a?a.apply(e,u):a)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={install:function(){}},t.exports=e.default})},function(t,e){},,function(t,e,i){var a,u,l;!function(c,v){u=[t,e,i(66)],a=v,void 0!==(l="function"==typeof a?a.apply(e,u):a)&&(t.exports=l)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=function(t){return t&&t.__esModule?t:{default:t}}(i);a.default.install=function(t){t.component(a.default.name,a.default)},e.default=a.default,t.exports=e.default})},function(t,e,i){function a(t){i(67)}var u=i(0)(i(68),i(69),a,null,null);t.exports=u.exports},function(t,e){},function(t,e,i){var a,u,l;!function(i,c){u=[t,e],a=c,void 0!==(l="function"==typeof a?a.apply(e,u):a)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-button",props:{icon:{type:String,default:""},active:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},inline:{type:Boolean,default:!1},primary:{type:Boolean,default:!1},outline:{type:Boolean,default:!1},light:{type:Boolean,default:!1},type:{type:String,default:"button"}},computed:{btnClass:function(){return{"cube-btn_active":this.active,"cube-btn_disabled":this.disabled,"cube-btn-inline":this.inline,"cube-btn-primary":this.primary,"cube-btn-outline":this.outline,"cube-btn-outline-primary":this.outline&&this.primary,"cube-btn-light":this.light}}},methods:{handleClick:function(t){if(this.disabled)return t.preventDefault(),void t.stopPropagation();this.$emit("click",t)}}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("button",{staticClass:"cube-btn",class:t.btnClass,attrs:{type:t.type},on:{click:t.handleClick}},[t.icon?i("i",{class:t.icon}):t._e(),t._v(" "),t._t("default")],2)},staticRenderFns:[]}},function(t,e,i){var a,u,l;!function(c,v){u=[t,e,i(71),i(75)],a=v,void 0!==(l="function"==typeof a?a.apply(e,u):a)&&(t.exports=l)}(0,function(t,e,i,a){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=u(i),c=u(a);c.default.install=function(t){t.component(l.default.name,l.default),t.component(c.default.name,c.default)},c.default.Checkbox=l.default,e.default=c.default,t.exports=e.default})},function(t,e,i){function a(t){i(72)}var u=i(0)(i(73),i(74),a,null,null);t.exports=u.exports},function(t,e){},function(t,e,i){var a,u,l;!function(i,c){u=[t,e],a=c,void 0!==(l="function"==typeof a?a.apply(e,u):a)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-checkbox",props:{value:{type:[Boolean,String],require:!0},label:{type:[Boolean,String]},disabled:{type:Boolean,default:!1},position:{type:String,default:"left"}},data:function(){var t=this.$parent,e=t.$data._checkboxGroup;return{isInGroup:e,isInHorizontalGroup:e&&t.$props.horizontal}},computed:{checkValue:{get:function(){return this.isInGroup?this.$parent.value.indexOf(this.label)>-1:Boolean(this.value)},set:function(t){var e=this.label&&t?this.label:t,i=t?"checked":"cancel-checked";this.$emit("input",e),this.isInGroup&&this.$parent.$emit(i,this.label||t,this)}},_containerClass:function(){if(this.isInHorizontalGroup)return"border-right-1px"},_wrapClass:function(){var t=this.isInHorizontalGroup;return{"cube-checkbox_checked":this.checkValue,"cube-checkbox_disabled":this.disabled,"border-bottom-1px":this.isInGroup&&!t}}}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"cube-checkbox",class:t._containerClass,attrs:{"data-pos":t.position}},[i("label",{staticClass:"cube-checkbox-wrap",class:t._wrapClass},[i("input",{directives:[{name:"model",rawName:"v-model",value:t.checkValue,expression:"checkValue"}],staticClass:"cube-checkbox-input",attrs:{type:"checkbox",disabled:t.disabled},domProps:{checked:Array.isArray(t.checkValue)?t._i(t.checkValue,null)>-1:t.checkValue},on:{change:function(e){var i=t.checkValue,a=e.target,u=!!a.checked;if(Array.isArray(i)){var l=t._i(i,null);a.checked?l<0&&(t.checkValue=i.concat([null])):l>-1&&(t.checkValue=i.slice(0,l).concat(i.slice(l+1)))}else t.checkValue=u}}}),t._v(" "),t._m(0),t._v(" "),i("span",{staticClass:"cube-checkbox-label"},[t._t("default",[t._v(t._s(t.label))])],2)])])},staticRenderFns:[function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("span",{staticClass:"cube-checkbox-ui cubeic-round-border-new"},[i("i",{staticClass:"cubeic-right"})])}]}},function(t,e,i){function a(t){i(76)}var u=i(0)(i(77),i(78),a,null,null);t.exports=u.exports},function(t,e){},function(t,e,i){var a,u,l;!function(i,c){u=[t,e],a=c,void 0!==(l="function"==typeof a?a.apply(e,u):a)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-checkbox-group",props:{value:{type:Array,require:!0},horizontal:{type:Boolean,default:!1}},data:function(){return{_value:[],_checkboxGroup:!0}},computed:{groupClass:function(){if(!this.horizontal)return"border-top-1px border-bottom-1px"}},watch:{value:{immediate:!0,handler:function(t,e){this._value=this.value.concat()}}},mounted:function(){this.$on("checked",function(t){this._value.push(t),this.$emit("input",this._value)}),this.$on("cancel-checked",function(t){var e=this._value.indexOf(t);this._value.splice(e,1),this.$emit("input",this._value)})}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("div",{ref:"group",staticClass:"cube-checkbox-group",class:t.groupClass,attrs:{"data-horz":t.horizontal}},[t._t("default")],2)},staticRenderFns:[]}},function(t,e,i){var a,u,l;!function(c,v){u=[t,e,i(11),i(83)],a=v,void 0!==(l="function"==typeof a?a.apply(e,u):a)&&(t.exports=l)}(0,function(t,e,i,a){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=u(i),c=u(a);l.default.install=function(t){t.component(l.default.name,l.default),(0,c.default)(t,l.default)},e.default=l.default,t.exports=e.default})},function(t,e){},function(t,e,i){var a,u,l;!function(c,v){u=[t,e,i(6)],a=v,void 0!==(l="function"==typeof a?a.apply(e,u):a)&&(t.exports=l)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=function(t){return t&&t.__esModule?t:{default:t}}(i);e.default={name:"cube-popup",mixins:[a.default],props:{type:{type:String,default:""},mask:{type:Boolean,default:!0},content:{type:String,default:""},center:{type:Boolean,default:!0}},computed:{typeClass:function(){return this.type?"cube-"+this.type:""}},methods:{maskClick:function(t){this.$emit("mask-click",t)}}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{directives:[{name:"show",rawName:"v-show",value:t.isVisible,expression:"isVisible"}],staticClass:"cube-popup",class:t.typeClass},[i("div",{directives:[{name:"show",rawName:"v-show",value:t.mask,expression:"mask"}],staticClass:"cube-popup-mask",on:{click:t.maskClick}},[t._t("mask")],2),t._v(" "),i("div",{staticClass:"cube-popup-container",class:{"cube-popup-center":t.center}},[t.$slots.default?i("div",{staticClass:"cube-popup-content"},[t._t("default")],2):i("div",{staticClass:"cube-popup-content",domProps:{innerHTML:t._s(t.content)}})])])},staticRenderFns:[]}},function(t,e,i){var a,u,l;!function(c,v){u=[t,e,i(7)],a=v,void 0!==(l="function"==typeof a?a.apply(e,u):a)&&(t.exports=l)}(0,function(t,e,i){"use strict";function a(t,e){(0,u.default)(t,e,["mask-click"])}Object.defineProperty(e,"__esModule",{value:!0}),e.default=a;var u=function(t){return t&&t.__esModule?t:{default:t}}(i);t.exports=e.default})},function(t,e,i){var a,u,l;!function(c,v){u=[t,e,i(85),i(86)],a=v,void 0!==(l="function"==typeof a?a.apply(e,u):a)&&(t.exports=l)}(0,function(t,e,i,a){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}function l(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],a=arguments.length>3&&void 0!==arguments[3]&&arguments[3],u=void 0,l=void 0,x={open:function(i,v){if(u)return l.updateRenderData(i),l.$forceUpdate(),u;var x=(0,c.default)(t,e,i,v),n=x.$parent,y=x.remove;return x.remove=function(){y&&y.call(this),n.destroy(),u=null,l=null},a&&(u=x,l=n),x},create:function(t,e){return x.open((0,v.default)(t,i),e)}};return x}Object.defineProperty(e,"__esModule",{value:!0}),e.default=l;var c=u(i),v=u(a);t.exports=e.default})},function(t,e,i){var a,u,l;!function(i,c){u=[t,e],a=c,void 0!==(l="function"==typeof a?a.apply(e,u):a)&&(t.exports=l)}(0,function(t,e){"use strict";function i(t,e,i,a){var u=void 0,l=new t({render:function(t){return t(e,u,a?[a(t)]:[])},methods:{init:function(){document.body.appendChild(this.$el)},destroy:function(){this.$destroy(),document.body.removeChild(this.$el)}}});return l.updateRenderData=function(t){u=t},l.updateRenderData(i),l.$mount(),l.init(),l.$children[0]}Object.defineProperty(e,"__esModule",{value:!0}),e.default=i,t.exports=e.default})},function(t,e,i){var a,u,l;!function(c,v){u=[t,e,i(35),i(34)],a=v,void 0!==(l="function"==typeof a?a.apply(e,u):a)&&(t.exports=l)}(0,function(t,e,i,a){"use strict";function u(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};e=l(e);var i=(0,c.default)({},t),a={};for(var u in e)if(e.hasOwnProperty(u)){var v=e[u];i[v]&&(a[u]=i[v],delete i[v])}return{props:i,on:a}}function l(t){var e={};return t.forEach(function(t){e[t]=(0,a.camelize)("on-"+t)}),e}Object.defineProperty(e,"__esModule",{value:!0}),e.default=u;var c=function(t){return t&&t.__esModule?t:{default:t}}(i);t.exports=e.default})},,,,,,,,,,,function(t,e,i){var a,u,l;!function(c,v){u=[t,e,i(98),i(102)],a=v,void 0!==(l="function"==typeof a?a.apply(e,u):a)&&(t.exports=l)}(0,function(t,e,i,a){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=u(i),c=u(a);l.default.install=function(t){t.component(l.default.name,l.default),(0,c.default)(t,l.default)},e.default=l.default,t.exports=e.default})},function(t,e,i){function a(t){i(99)}var u=i(0)(i(100),i(101),a,null,null);t.exports=u.exports},function(t,e){},function(t,e,i){var a,u,l;!function(c,v){u=[t,e,i(35),i(36),i(11),i(6)],a=v,void 0!==(l="function"==typeof a?a.apply(e,u):a)&&(t.exports=l)}(0,function(t,e,i,a,u,l){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var v=c(i),x=c(a),n=c(u),y=c(l),o={text:"确定",active:!0,href:"javascript:;"},r={text:"取消",active:!1,href:"javascript:;"},s=function(t,e){return"string"==typeof t&&(t={text:t}),(0,x.default)({},e,t)};e.default={name:"cube-dialog",mixins:[y.default],props:{type:{type:String,default:"alert"},icon:{type:String,default:""},title:{type:String,default:""},content:{type:String,default:""},showClose:{type:Boolean,default:!1},confirmBtn:{type:[Object,String],default:function(){return(0,v.default)({},o)}},cancelBtn:{type:[Object,String],default:function(){return(0,v.default)({},r)}}},data:function(){return{defHref:"javascript:;"}},computed:{_confirmBtn:function(){return s(this.confirmBtn,o)},_cancelBtn:function(){return s(this.cancelBtn,r)},isConfirm:function(){return"confirm"===this.type},containerClass:function(){return"cube-dialog-"+this.type}},methods:{confirm:function(t){this.hide(),this.$emit("confirm",t)},cancel:function(t){this.hide(),this.$emit("cancel",t)},close:function(t){this.hide(),this.$emit("close",t)}},components:{CubePopup:n.default}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("transition",{attrs:{name:"cube-dialog-fade"}},[i("cube-popup",{directives:[{name:"show",rawName:"v-show",value:t.isVisible,expression:"isVisible"}],attrs:{type:"dialog",mask:!0,center:!0}},[i("div",{staticClass:"cube-dialog-main"},[i("span",{directives:[{name:"show",rawName:"v-show",value:t.showClose,expression:"showClose"}],staticClass:"cube-dialog-close",on:{click:t.close}},[i("i",{staticClass:"cubeic-close"})]),t._v(" "),i("div",{class:t.containerClass},[t.icon?i("p",{staticClass:"cube-dialog-icon"},[i("i",{class:t.icon})]):t._e(),t._v(" "),t.title||t.$slots.title?i("h2",{staticClass:"cube-dialog-title"},[t._t("title",[i("p",{staticClass:"cube-dialog-title-def"},[t._v(t._s(t.title))])])],2):t._e(),t._v(" "),i("div",{staticClass:"cube-dialog-content"},[t._t("content",[i("div",{staticClass:"cube-dialog-content-def"},[i("p",{domProps:{innerHTML:t._s(t.content)}})])])],2),t._v(" "),i("div",{staticClass:"cube-dialog-btns",class:{"border-right-1px":t.isConfirm}},[t.isConfirm?i("a",{staticClass:"cube-dialog-btn border-top-1px",class:{"cube-dialog-btn_highlight":t._cancelBtn.active},attrs:{href:t._cancelBtn.href},on:{click:t.cancel}},[t._v(t._s(t._cancelBtn.text))]):t._e(),t._v(" "),i("a",{staticClass:"cube-dialog-btn border-top-1px",class:{"cube-dialog-btn_highlight":t._confirmBtn.active},attrs:{href:t._confirmBtn.href},on:{click:t.confirm}},[t._v(t._s(t._confirmBtn.text))])])])])])],1)},staticRenderFns:[]}},function(t,e,i){var a,u,l;!function(c,v){u=[t,e,i(7)],a=v,void 0!==(l="function"==typeof a?a.apply(e,u):a)&&(t.exports=l)}(0,function(t,e,i){"use strict";function a(t,e){var i=(0,u.default)(t,e,["confirm","cancel","close","btn-click","link-click"]);["alert","confirm"].forEach(function(t){i[t]=function(e,a){return e.type=t,i.create(e,a)}})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=a;var u=function(t){return t&&t.__esModule?t:{default:t}}(i);t.exports=e.default})},function(t,e,i){var a,u,l;!function(c,v){u=[t,e,i(31),i(108),i(112)],a=v,void 0!==(l="function"==typeof a?a.apply(e,u):a)&&(t.exports=l)}(0,function(t,e,i,a,u){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=l(i),v=l(a),x=l(u);v.default.install=function(t){t.component(c.default.name,c.default),t.component(v.default.name,v.default),(0,x.default)(t,v.default)},v.default.Loading=c.default,e.default=v.default,t.exports=e.default})},function(t,e){},function(t,e,i){var a,u,l;!function(i,c){u=[t,e],a=c,void 0!==(l="function"==typeof a?a.apply(e,u):a)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-loading",props:{size:{type:Number,default:24}},computed:{style:function(){var t=this.size+"px";return{width:t,height:t}}}},t.exports=e.default})},function(t,e,i){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"cube-loading"},[a("img",{ref:"loading",style:t.style,attrs:{src:i(107)}})])},staticRenderFns:[]}},function(t,e){t.exports="data:image/gif;base64,R0lGODlhZABkAKIEAN7e3rq6uv///5mZmQAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpBRjA4RUZDMDI3MjA2ODExODA4M0Y1OTQyMzVDRDM3MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCMzE0Rjk3NDdDRTgxMUUzOUJCRjk0NjAxMUE1NzRBMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCMzE0Rjk3MzdDRTgxMUUzOUJCRjk0NjAxMUE1NzRBMCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDVBMTZDQjczOTIwNjgxMTgwODNGNTk0MjM1Q0QzNzMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QUYwOEVGQzAyNzIwNjgxMTgwODNGNTk0MjM1Q0QzNzMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQFAAAEACwAAAAAZABkAAAD/0i63P4wykmrvTjrzbv/YCiOZGme6CasbOqObPvOXRzTeGbLeT/tK18KQLwABZeBUlghOgGVY0VJHTAlT2cUOK0ur4+s9sedeKngsBhK3lHO3zRjXZRIJfC4fEFv28xwew50bBB3EHlWgg2EEYcOiYtqYo5lD3mSk5QPjwyRmYNrhpYNmKChog6dCp+njKkNqwSmrq+wDG6QtD4BvRiNsX+lu296Hb3IARd9qjyegRZnH8nUTbfR0IDZG9TdFJsa0trEGd3eE08eVcWJihzm5ovt6x7w8WDz9CD25z35aCT4Vcvxz9gIgchwFJyBUOG8HvwckqNhT6K4K/1oXJST0P8HwFogQ4ocSbKkyVoFP8pJaRARS31MXsJ0KdNdzJo2L+FsqXFnzmE7r/j8CVRmmqDjXh7F2UXpSqMno0qdSrWq1ZNENWby4m/mzY0uJvYUa6JdV7NjW4XNZ1Ft2X9nH5ZIKYSuiIX44ILAu5StOr8RvGIQ/EwuB8OBuW4Aq9NtBseNCbOTXJjx4G14MDdVPJny5qyROS9gDJkmzxkTLZM95ZhcaVCQU6+WJ1v17D2lxb4WRLa3Zkmvff/mPZxV8VnH8x5fvfur5cqem3tMjvw5dJW4qd++HRe7ac/GRWcX/9176NNCwYcn//3qevXuz6OPn9g6/czw7xedrz9x//8KAAYo4IAEFthAAgAh+QQFAAAEACwLAAUAPwAjAAADxUi63P4QyAmrvfhNmrvP2/aNJBNyZdqdkvoFsMcCnmCTcB6AbGb/gpcuhpn5gLfOMFfsXZA/z5JoMT6hQeV0V3VWsEnt8mL9YkdbbsT7AGeF00rZ4U5t5ewGWJVenyB1fHEaeQt7Ln0Oc4aHiIMNiwqNjo8mIW2TCwObcGOQl3qZCpukA1KVCyJ0Zw6lrhl3I6IErrUYniRQELW2FzouQBW8vC7FDcPExsrIvcouzK/OxdCk0sbU1svI2drJ3NfR387V4hgJACH5BAUAAAQALBoABQA/ACMAAAPFSLrcHjC6Sau9L0LMu1ea9o0kE0pl6p2b6g3wynpATcL4wLEBV/+ATw63m2GAv9cwduEdkbbOkmlxXqBRzpRKsVawWe20afxiR1tdxTsBB9HbddnhTsW78wZYlcafKHV8YxNsDHsufRl/dIeIgw2FCo2OjyYhbZOUS4oohpkXAqEVd5CdnlAeoaoCFKQ0Zxirsq1DKaigsrO0XCRAsbm6LsIKwMDDwsXGxynJucsqzcHPI9Gq09DR1y7N2sjF3cPO4MfWHQkAIfkEBQAABAAsLgAFADEAMAAAA71Is0z+MMpJJ2s1a33v/qDTYWFJjYupSugQBvAKtR9sB7KI1ncs05qeLQfMCH2rIuWIVCknzJxiV2HiiFRoVPqEbLnZiFWqGy2P5HJHi053CV/3WjJOq1Pi+AbAz3jobR98gwAyehSEiYY9e4mKi02Ijo92kpOUlRCXk5kRm46dnp+EoZqjfaWmn6kSq6ytl6+Wg7IZtLW4ubq7vL2dAsDBwsPApcTHyL/Iy8GZzM/FdtDPztPHytbDodnCDgkAIfkEBQAABAAsOwAKACQAPwAAA69IujzOMMpJnB0062u1h1z3jeEzeqV5Zum6te6UYrFc1vaNR/De9D4FMDgLLoqngDLHSSqfkuHkSV3ympqqlunRbndeLy4sjpG/5jN1rLayz0a4kUCeL9B2BTTP7/v/gIERAISFhoeELoiLjCeMj4YjkJOJHpSTkpeLjpqIK52RgqKjpKUjAoECqqp+q66oea+vdrKyRrW2Qbi5O7u8OL6uusGsw8Fzx7S4fMt9sxEJACH5BAUAAAQALDsAGQAkAD8AAAOtSLrcziO+SV+8o2qL8f5d+GmhOHJldzZpuS6t+RKxOtO1dCv5DrU+VirokBGFmaNyyWw6n8yAdEqtSl/WrPak7VJH3vB1Iw6Dy1ku2rpaf6HwuHzuBMQBePwzz7cz+31LgIBHg4REhoc+iYo7jHyIj3oTApUCGpJ+DZaWG48PnJ2ehg6hoqONCqanqJOlq02rlbGyTLKXtrW5prSwu6G9vL/Aw6xHusW4yU/EOwkAIfkEBQAABAAsLgAtADEAMQAAA7lIutz+ZMhJq4Q4L8u7/k0nUmA5nlepoaf6sZ67wpb80pOt73zv/8CgcLgLEGWBZPIIUjqNTMzzGX1Mp1XGFZtVbLnZL7gqdnYJZWUPwAZo0lBbu/0p7+b0+laHz+vHCwKCgw59fn9LD4OEhYZCi4uNjkCQjA2GbJSVAg+Ybj+bnJ2YoJsYpD6hp6g8qqt9qaavsK2ys3i1lR+sNq4ZvDK+v7Q6wreZO8a3PcpdzVnP0JBnitPU1dcOCQAh+QQFAAAEACwaADoAPwAkAAADyEi63P4wkiGrvXhojbu3W0h9ZCmKZZqdqOo+7PnOTCzTs33jrh7yL99GIigKXIFkoCIcOYzGlFIJ0j2g0dKUWmVdsUXSltttMcBZBmDNdozJZecZ/WC33W8cOtyw2/F5L3tHDn53DW9Jgnt1hgAPiUsqgxCOj5CJk3SVjhGZJZSchp6fH4wRlhKlHaGifqqrFq2uf7CBF6cSqRWxRJu6nby3smAXu8JbrMUWx7ZTHlgYzc6SQIXB1jPT2Snb3CWj39qv4jRr5QwJACH5BAUAAAQALAsAOgA/ACQAAAPHSLrcJC7KSesUGNvNu8og5I3kE4Jlap2n6kZs+86xPKu1fZc5uuM9zS8VFE0ASIBrwBxccpZkMtVsSmob6bRUtTpiHO3W0/V+fVkx0hFoux1l80ytZLvbkbjzRq8z7ndwenN0EYBvgnEvfYaHAXmDKoyNhxJ6eyWFEo6PloqZmpSAE5egYhScFJEek5uOqqtpahWpsJ+yWha1tl0doRO7pLdRp7qvFsMVs8aVyGWsUhzBvJhDDdPWKtjZJdvcJM3fL+Hi450qCQAh+QQFAAAEACwFAC0AMQAxAAADukgq3P5MyUmrlTDryzvRoOONU2hG5HiaKblurfpCsTs3da7vfO//wKBwCAQQa4Bk8jhSOo1My/MZpUynVckVW91ymd7vMezMkpXmsyfADvDIo3Z75yXJ57pt6o7PUfd8bBUDhIVDgW6DhYRCiIkTi4tAjhaRhj+UipaYiBeWjD6dnp+hopWkPaanmzyZo6w6rq+RrYEjnwO1fLeosbu8sDm2wLS6giS4WavFypC9zQrJ0M6S09SX1s4SCQAh+QQFAAAEACwFABkAJAA/AAADrki6Ks4wytmcpRjb/bJfXPh5oThSZXlOqbpGrfmC8TZD9XUz+Q63vp8riOMQUZ2jcslsOp8MgHRKrUpf1qz2pO1SR97w1SMOg8tZLtq6Wn+h8Lh8Tj8F4oF83qnv35V+fkeBgUSEhTuHiDOKiy+NfT6QepKTGQOYAxOQHpmZEoofnp8RhyOjpBCCp6iYTK2aS7CxR7OvsLK4uai3rb2jv8BKtrvCxZ5Nvsm8TsYRCQAh+QQFAAAEACwFAAoAJAA/AAADrki63K4ivklnvKJqi+X+S3eBoOiRmnmilMqm7tvG8kPXjZrhzs1Dvl+Qp6MAjqii48gEkILN6AcalcIwj2p1g81qt7yv9icG18pWHJr5I6zbijI8/p0vzHa6M8/v+/+AGgGDhIWGgyyHioski46FII+SiBuTkpGWio2ZhyickIGhoqOkogOAA6mpfKqtp3Curm2xsT+0tTW3uC+6uyy9rTjAqsLDtr2wt3bKebI/CQA7"},function(t,e,i){function a(t){i(109)}var u=i(0)(i(110),i(111),a,null,null);t.exports=u.exports},function(t,e){},function(t,e,i){var a,u,l;!function(c,v){u=[t,e,i(31),i(11),i(6)],a=v,void 0!==(l="function"==typeof a?a.apply(e,u):a)&&(t.exports=l)}(0,function(t,e,i,a,u){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=l(i),v=l(a),x=l(u);e.default={name:"cube-toast",mixins:[x.default],props:{type:{type:String,default:"loading"},mask:{type:Boolean,default:!1},txt:{type:String,default:""},time:{type:Number,default:3e3}},computed:{iconClass:function(){var t={},e={correct:"cubeic-right",error:"cubeic-wrong",warn:"cubeic-warn"},i=e[this.type];return i&&(t[i]=!0),t},isLoading:function(){return"loading"===this.type}},methods:{show:function(){var t=this;this.isVisible=!0,this.clearTimer(),this.$nextTick(function(){0!==t.time&&(t.timer=setTimeout(function(){t.hide()},t.time))})},hide:function(){this.isVisible=!1,this.clearTimer()},clearTimer:function(){clearTimeout(this.timer),this.timer=null}},components:{CubePopup:v.default,CubeLoading:c.default}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("transition",{attrs:{name:"cube-toast-fade"}},[i("cube-popup",{directives:[{name:"show",rawName:"v-show",value:t.isVisible,expression:"isVisible"}],attrs:{type:"toast",mask:t.mask}},[i("i",{directives:[{name:"show",rawName:"v-show",value:!t.isLoading,expression:"!isLoading"}],staticClass:"cube-toast-icon",class:t.iconClass}),t._v(" "),i("cube-loading",{directives:[{name:"show",rawName:"v-show",value:t.isLoading,expression:"isLoading"}]}),t._v(" "),i("div",{directives:[{name:"show",rawName:"v-show",value:t.txt,expression:"txt"}],staticClass:"cube-toast-tip"},[t._v(t._s(t.txt))])],1)],1)},staticRenderFns:[]}},function(t,e,i){var a,u,l;!function(c,v){u=[t,e,i(7)],a=v,void 0!==(l="function"==typeof a?a.apply(e,u):a)&&(t.exports=l)}(0,function(t,e,i){"use strict";function a(t,e){var i=(0,u.default)(t,e,[],!0);["loading","correct","error","warn"].forEach(function(t){i[t]=function(e){return e.type=t,i.create(e)}})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=a;var u=function(t){return t&&t.__esModule?t:{default:t}}(i);t.exports=e.default})},function(t,e,i){var a,u,l;!function(c,v){u=[t,e,i(114),i(118)],a=v,void 0!==(l="function"==typeof a?a.apply(e,u):a)&&(t.exports=l)}(0,function(t,e,i,a){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=u(i),c=u(a);l.default.install=function(t){t.component(l.default.name,l.default),(0,c.default)(t,l.default)},e.default=l.default,t.exports=e.default})},function(t,e,i){function a(t){i(115)}var u=i(0)(i(116),i(117),a,null,null);t.exports=u.exports},function(t,e){},function(t,e,i){var a,u,l;!function(c,v){u=[t,e,i(11),i(6)],a=v,void 0!==(l="function"==typeof a?a.apply(e,u):a)&&(t.exports=l)}(0,function(t,e,i,a){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=u(i),c=u(a);e.default={name:"cube-action-sheet",mixins:[c.default],props:{data:{type:Array,default:function(){return[]}},active:{type:Number,default:-1},title:{type:String,default:" "},pickerStyle:{type:Boolean,default:!1}},methods:{noop:function(){},cancel:function(){this.hide(),this.$emit("cancel")},itemClick:function(t,e){this.hide(),this.$emit("select",t,e)}},components:{CubePopup:l.default}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("transition",{attrs:{name:"cube-action-sheet-fade"}},[i("cube-popup",{directives:[{name:"show",rawName:"v-show",value:t.isVisible,expression:"isVisible"}],class:{"cube-action-sheet_picker":t.pickerStyle},attrs:{type:"action-sheet",center:!1,mask:!0},on:{touchmove:function(e){e.preventDefault(),t.noop(e)},click:t.cancel}},[i("transition",{attrs:{name:"cube-action-sheet-move"}},[i("div",{directives:[{name:"show",rawName:"v-show",value:t.isVisible,expression:"isVisible"}],staticClass:"cube-action-sheet-panel",on:{click:function(e){e.stopPropagation(),t.noop(e)}}},[i("h1",{directives:[{name:"show",rawName:"v-show",value:t.pickerStyle||t.title,expression:"pickerStyle || title"}],staticClass:"cube-action-sheet-title border-bottom-1px"},[t._v(t._s(t.title))]),t._v(" "),i("div",{staticClass:"cube-action-sheet-content"},[i("ul",{staticClass:"cube-action-sheet-list"},t._l(t.data,function(e,a){return i("li",{staticClass:"cube-action-sheet-item border-bottom-1px",class:[e.class||"",a===t.active?"cube-action-sheet-item_active":""],attrs:{"data-align":e.align},domProps:{innerHTML:t._s(e.content)},on:{click:function(i){t.itemClick(e,a)}}})}))]),t._v(" "),i("div",{staticClass:"cube-action-sheet-space"}),t._v(" "),i("div",{staticClass:"cube-action-sheet-cancel",on:{click:t.cancel}},[i("span",[t._v("取消")])])])])],1)],1)},staticRenderFns:[]}},function(t,e,i){var a,u,l;!function(c,v){u=[t,e,i(7)],a=v,void 0!==(l="function"==typeof a?a.apply(e,u):a)&&(t.exports=l)}(0,function(t,e,i){"use strict";function a(t,e){(0,u.default)(t,e,["select","cancel"])}Object.defineProperty(e,"__esModule",{value:!0}),e.default=a;var u=function(t){return t&&t.__esModule?t:{default:t}}(i);t.exports=e.default})},function(t,e,i){var a,u,l;!function(c,v){u=[t,e,i(120),i(124)],a=v,void 0!==(l="function"==typeof a?a.apply(e,u):a)&&(t.exports=l)}(0,function(t,e,i,a){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=u(i),c=u(a);l.default.install=function(t){t.component(l.default.name,l.default),t.component(c.default.name,c.default)},l.default.Item=c.default,e.default=l.default,t.exports=e.default})},function(t,e,i){function a(t){i(121)}var u=i(0)(i(122),i(123),a,null,null);t.exports=u.exports},function(t,e){},function(t,e,i){var a,u,l;!function(c,v){u=[t,e,i(16)],a=v,void 0!==(l="function"==typeof a?a.apply(e,u):a)&&(t.exports=l)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=function(t){return t&&t.__esModule?t:{default:t}}(i);e.default={name:"cube-slide",props:{loop:{type:Boolean,default:!0},autoPlay:{type:Boolean,default:!0},interval:{type:Number,default:4e3},threshold:{type:Number,default:.3},speed:{type:Number,default:400}},data:function(){return{dots:0,currentPageIndex:0}},methods:{refresh:function(){this._setSlideWidth(!0),this.slide.refresh()},_setSlideWidth:function(t){this.children=this.$refs.slideGroup.children;for(var e=0,i=this.$refs.slide.clientWidth,a=0;a-50?"":this.data[this.currentIndex]?this.data[this.currentIndex].name:""},shortcutList:function(){return this.data.map(function(t){return t.name.substr(0,1)})}},methods:{refresh:function(){this.$refs.indexList.refresh()},selectItem:function(t){this.$emit("select",t)},scroll:function(t){this.scrollY=t.y},titleClick:function(){this.$emit("title-click",this.title)},onShortcutTouchStart:function(t){var e=(0,i.getData)(t.target,"index"),a=t.touches[0];this.touch.y1=a.pageY,this.touch.anchorIndex=e,this._scrollTo(e)},onShortcutTouchMove:function(t){var e=t.touches[0];this.touch.y2=e.pageY;var i=(this.touch.y2-this.touch.y1)/l|0,a=parseInt(this.touch.anchorIndex)+i;this._scrollTo(a)},addActiveCls:function(t){(0,i.addClass)(t.currentTarget,"cube-index-list-item_active")},removeActiveCls:function(t){(0,i.removeClass)(t.currentTarget,"cube-index-list-item_active")},_calculateHeight:function(){var t=this.$refs.listGroup;if(t){this.listHeight=[];var e=50;this.listHeight.push(e);for(var i=0;ithis.listHeight.length-2&&(t=this.listHeight.length-2),this.$refs.indexList.scrollToElement(this.$refs.listGroup[t],0),this.scrollY=this.$refs.indexList.scroll.y}},watch:{data:function(){var t=this;setTimeout(function(){t._calculateHeight()},20)},diff:function(t){var e=t>0&&t<40?t-40:0;this.fixedTop!==e&&(this.fixedTop=e,this.$refs.fixed.style.transform="translate3d(0,"+e+"px,0)")},scrollY:function(t){var e=this.listHeight;if(t>-50)return void(this.currentIndex=0);for(var i=0;i=a&&-t1?t:"0"+t}function v(t,e){return Math.ceil(t/e)*e}Object.defineProperty(e,"__esModule",{value:!0});var x=l(a),n=l(u);e.default={name:"cube-time-picker",mixins:[x.default],props:{title:{type:String,default:"选择时间"},delay:{type:Number,default:15},day:{type:Object,default:function(){return{len:3,filter:["今日"],format:"M月d日"}}},showNow:{type:Boolean,default:!0},minuteStep:{type:Number,default:10}},data:function(){return{selectedDayIndex:0,selectedHourIndex:0,selectedMinuteIndex:0,days:[],hours:[],minutes:[],minTime:0}},computed:{data:function(){return[this.days,this.hours,this.minutes]},selectedIndex:function(){return[this.selectedDayIndex,this.selectedHourIndex,this.selectedMinuteIndex]}},created:function(){this.selectedTimeStamp=null},methods:{show:function(){var t=this;this.$refs.picker.show(),this._updateMinTime(),this._initDays(),this.today=this.days[0].value,this.$nextTick(function(){t.selectedDayIndex=t.$refs.picker.refillColumn(0,t.days),t._handleHourAndMinute(!0),t._resetTime()})},hide:function(){this.$refs.picker.hide()},setTime:function(t){this.selectedTimeStamp=parseInt(t)},_resetTime:function(){var t=this;if(this.selectedTimeStamp){var e=new Date,a=e.getTime(),u=!1;this.selectedTimeStamp60-this.minuteStep&&24===(e+=1)&&(u=!0)),this.days[this.selectedDayIndex].value=0},outlineStyle:function(){return this.buttonStyle.indexOf("outline")>=0},primaryStyle:function(){return this.buttonStyle.indexOf("primary")>=0}},components:{CubeButtonGroup:l.default,CubePage:c.default}},t.exports=e.default})},function(t,e){},function(t,e,i){var a,u,l;!function(i,c){u=[t,e],a=c,void 0!==(l="function"==typeof a?a.apply(e,u):a)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{direction:{type:String,default:"column"}}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("div",{staticClass:"cube-btn-group",class:t.direction},[t._t("default")],2)},staticRenderFns:[]}},function(t,e){},function(t,e,i){var a,u,l;!function(i,c){u=[t,e],a=c,void 0!==(l="function"==typeof a?a.apply(e,u):a)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{title:{type:String,default:"",required:!0},type:{type:String,default:""},desc:{type:String,default:""},content:{type:String,default:""}},methods:{back:function(){this.$router.back()}}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"cube-page",class:t.type},[i("header",{staticClass:"header"},[i("h1",[t._v(t._s(t.title))]),t._v(" "),i("i",{staticClass:"cubeic-back",on:{click:t.back}})]),t._v(" "),i("div",{staticClass:"wrapper"},[i("section",{directives:[{name:"show",rawName:"v-show",value:t.desc,expression:"desc"}],staticClass:"desc"},[t._t("desc",[t._v(t._s(t.desc))])],2),t._v(" "),i("main",{staticClass:"content"},[t._t("content",[t._v(t._s(t.content))])],2)])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"button-view",title:"Button"}},[i("div",{attrs:{slot:"content"},slot:"content"},[i("form",{attrs:{action:"/"}},[i("cube-button-group",[i("cube-button",[t._v("Button")]),t._v(" "),i("cube-button",{attrs:{type:"submit"}},[t._v("Submit Button")])],1),t._v(" "),i("cube-button-group",[i("cube-button",{attrs:{active:!0}},[t._v("Active Button")]),t._v(" "),i("cube-button",{attrs:{disabled:!0}},[t._v("Disabled Button")])],1),t._v(" "),i("cube-button-group",[i("cube-button",{attrs:{icon:"cubeic-right"}},[t._v("Button With Icon")])],1),t._v(" "),i("cube-button-group",[i("cube-button",{attrs:{light:!0}},[t._v("Light Button")]),t._v(" "),i("cube-button",{attrs:{inline:!0}},[t._v("Inline Button")]),t._v(" "),i("cube-button",{attrs:{outline:!0}},[t._v("Outline Button")]),t._v(" "),i("cube-button",{attrs:{primary:!0}},[t._v("Primary Button")])],1),t._v(" "),i("div",[i("cube-checkbox-group",{attrs:{horizontal:!0},model:{value:t.buttonStyle,callback:function(e){t.buttonStyle=e},expression:"buttonStyle"}},[i("cube-checkbox",{attrs:{label:"inline"}},[t._v("Inline")]),t._v(" "),i("cube-checkbox",{attrs:{label:"outline"}},[t._v("Outline")]),t._v(" "),i("cube-checkbox",{attrs:{label:"primary"}},[t._v("Primary")])],1),t._v(" "),i("cube-button-group",[i("cube-button",{attrs:{inline:t.inlineStyle,outline:t.outlineStyle,primary:t.primaryStyle}},[t._v("Demo Button")])],1)],1)],1)])])},staticRenderFns:[]}},function(t,e,i){function a(t){i(202)}var u=i(0)(i(203),i(204),a,null,null);t.exports=u.exports},function(t,e){},function(t,e,i){var a,u,l;!function(c,v){u=[t,e,i(1)],a=v,void 0!==(l="function"==typeof a?a.apply(e,u):a)&&(t.exports=l)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=function(t){return t&&t.__esModule?t:{default:t}}(i);e.default={data:function(){return{checked:!0,checked2:!1}},components:{CubePage:a.default}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"checkbox-view",title:"Checkbox"}},[i("template",{slot:"content"},[i("cube-checkbox",{model:{value:t.checked,callback:function(e){t.checked=e},expression:"checked"}},[t._v("Checkbox")]),t._v(" "),i("p",[t._v("checked value: "+t._s(t.checked))]),t._v(" "),i("cube-checkbox",{attrs:{disabled:!0},model:{value:t.checked,callback:function(e){t.checked=e},expression:"checked"}},[t._v("Disabled Checkbox")]),t._v(" "),i("cube-checkbox",{attrs:{position:"right"},model:{value:t.checked,callback:function(e){t.checked=e},expression:"checked"}},[t._v("Position Checkbox")]),t._v(" "),i("cube-checkbox",{attrs:{label:"labelValue"},model:{value:t.checked2,callback:function(e){t.checked2=e},expression:"checked2"}},[t._v("Set label Checkbox")]),t._v(" "),i("p",[t._v("checked value (with label) : "+t._s(t.checked2))])],1)],2)},staticRenderFns:[]}},function(t,e,i){function a(t){i(206)}var u=i(0)(i(207),i(208),a,null,null);t.exports=u.exports},function(t,e){},function(t,e,i){var a,u,l;!function(c,v){u=[t,e,i(1)],a=v,void 0!==(l="function"==typeof a?a.apply(e,u):a)&&(t.exports=l)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=function(t){return t&&t.__esModule?t:{default:t}}(i);e.default={data:function(){return{checkList:["1","4"]}},components:{CubePage:a.default}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"checkbox-group-view",title:"CheckboxGroup"}},[i("template",{slot:"content"},[i("cube-checkbox-group",{model:{value:t.checkList,callback:function(e){t.checkList=e},expression:"checkList"}},[i("cube-checkbox",{attrs:{label:"1"}},[t._v("Checkbox 1")]),t._v(" "),i("cube-checkbox",{attrs:{label:"2"}},[t._v("Checkbox 2")]),t._v(" "),i("cube-checkbox",{attrs:{label:"3",disabled:!0}},[t._v("Disabled Checkbox")]),t._v(" "),i("cube-checkbox",{attrs:{label:"4",disabled:!0}},[t._v("Disabled & Checked Checkbox")])],1),t._v(" "),i("p",[t._v("checkList value : "+t._s(t.checkList))]),t._v(" "),i("cube-checkbox-group",{attrs:{horizontal:!0},model:{value:t.checkList,callback:function(e){t.checkList=e},expression:"checkList"}},[i("cube-checkbox",{attrs:{label:"1"}},[t._v("1")]),t._v(" "),i("cube-checkbox",{attrs:{label:"2"}},[t._v("2")]),t._v(" "),i("cube-checkbox",{attrs:{label:"3",disabled:!0}},[t._v("3")]),t._v(" "),i("cube-checkbox",{attrs:{label:"4",disabled:!0}},[t._v("4")])],1)],1)],2)},staticRenderFns:[]}},function(t,e,i){var a=i(0)(i(210),i(211),null,null,null);t.exports=a.exports},function(t,e,i){var a,u,l;!function(c,v){u=[t,e,i(1)],a=v,void 0!==(l="function"==typeof a?a.apply(e,u):a)&&(t.exports=l)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=function(t){return t&&t.__esModule?t:{default:t}}(i);e.default={components:{CubePage:a.default}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"loading-view",title:"Loading"}},[i("div",{attrs:{slot:"content"},slot:"content"},[i("cube-loading"),t._v(" "),i("cube-loading",{attrs:{size:28}}),t._v(" "),i("cube-loading",{attrs:{size:34}})],1)])},staticRenderFns:[]}},function(t,e,i){function a(t){i(213)}var u=i(0)(i(214),i(215),a,null,null);t.exports=u.exports},function(t,e){},function(t,e,i){var a,u,l;!function(c,v){u=[t,e,i(5),i(1)],a=v,void 0!==(l="function"==typeof a?a.apply(e,u):a)&&(t.exports=l)}(0,function(t,e,i,a){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=u(i),c=u(a);e.default={data:function(){return{direction:"",tipStyle:""}},methods:{showTip:function(t){switch(this.direction=t,this.$refs.tip2.show(),t){case"bottom":this.tipStyle="left: 96px; top: -50px;";break;case"top":this.tipStyle="left: 96px; top: 40px;";break;case"right":this.tipStyle="left: -2px; top: -5px;";break;case"left":this.tipStyle="left: 190px; top: -5px;"}},close:function(){console.log("click close button")},clickHandler:function(){console.log("click tip area")}},components:{CubeButtonGroup:l.default,CubePage:c.default}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"tip-view",title:"Tip"}},[i("div",{attrs:{slot:"content"},slot:"content"},[i("p",{staticClass:"tip-eg"},[i("cube-button",{attrs:{inline:!0,outline:!0,primary:!0},on:{click:function(e){t.$refs.tip.show()}}},[t._v("Show tip")]),t._v(" "),i("cube-tip",{ref:"tip",staticStyle:{left:"115px",top:"-50px"},attrs:{direction:"bottom"}},[t._v("Tip")])],1),t._v(" "),i("p",{staticClass:"tip-eg"},[i("cube-button",{attrs:{inline:!0,outline:!0,primary:!0},on:{click:function(e){t.showTip("bottom")}}},[t._v("cube-ui")]),t._v(" "),i("cube-tip",{ref:"tip2",style:t.tipStyle,attrs:{direction:t.direction},on:{close:t.close,click:t.clickHandler}},[i("div",[t._v("Awesome!")])])],1),t._v(" "),i("cube-button",{on:{click:function(e){t.showTip("bottom")}}},[t._v("top")]),t._v(" "),i("cube-button",{on:{click:function(e){t.showTip("top")}}},[t._v("bottom")]),t._v(" "),i("cube-button",{on:{click:function(e){t.showTip("right")}}},[t._v("left")]),t._v(" "),i("cube-button",{on:{click:function(e){t.showTip("left")}}},[t._v("right")])],1)])},staticRenderFns:[]}},,,,,function(t,e,i){var a=i(0)(i(221),i(222),null,null,null);t.exports=a.exports},function(t,e,i){var a,u,l;!function(c,v){u=[t,e,i(5),i(1)],a=v,void 0!==(l="function"==typeof a?a.apply(e,u):a)&&(t.exports=l)}(0,function(t,e,i,a){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=u(i),c=u(a);e.default={methods:{showToastTime:function(){this.toast=this.$createToast({time:1e3,txt:"Toast time 1s"}),this.toast.show()},showToastTime0:function(){var t=this;this.toast=this.$createToast({time:0,txt:"Toast time 0"}),this.toast.show(),setTimeout(function(){t.toast.hide()},2e3)},showToastMask:function(){this.toast=this.$createToast({txt:"Loading...",mask:!0}),this.toast.show()},showToastType:function(){this.toast=this.$createToast({txt:"Correct",type:"correct"}),this.toast.show()}},beforeDestroy:function(){this.toast&&this.toast.remove()&&(this.toast=null)},components:{CubeButtonGroup:l.default,CubePage:c.default}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"toast-view",title:"Toast"}},[i("div",{attrs:{slot:"content"},slot:"content"},[i("cube-button-group",[i("cube-button",{on:{click:t.showToastTime}},[t._v("Toast - time 1s")]),t._v(" "),i("cube-button",{on:{click:t.showToastTime0}},[t._v("Toast - time 0")]),t._v(" "),i("cube-button",{on:{click:t.showToastMask}},[t._v("Toast- with mask")]),t._v(" "),i("cube-button",{on:{click:t.showToastType}},[t._v("Toast - type")])],1)],1)])},staticRenderFns:[]}},function(t,e,i){var a=i(0)(i(224),i(227),null,null,null);t.exports=a.exports},function(t,e,i){var a,u,l;!function(c,v){u=[t,e,i(1),i(5),i(225),i(226)],a=v,void 0!==(l="function"==typeof a?a.apply(e,u):a)&&(t.exports=l)}(0,function(t,e,i,a,u,l){"use strict";function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var v=c(i),x=c(a);e.default={mounted:function(){var t=this;this.picker=this.$createPicker({title:"Picker-单列",data:[l.data1]}),this.mutiPicker=this.$createPicker({title:"Picker-多列",data:[l.data1,l.data2,l.data3]}),this.linkagePicker=this.$createPicker({title:"Picker-数据联动",data:this.linkageData,onChange:function(e,i){if(i!==t.tempIndex[e]){for(var a=2;a>e;a--)t.tempIndex.splice(a,1,0),t.linkagePicker.scrollTo(a,0);t.tempIndex.splice(e,1,i),t.linkagePicker.setData(t.linkageData,t.tempIndex)}},onSelect:function(t){console.log(t)}}),this.setDataPicker=this.$createPicker({title:"Picker-setData"})},data:function(){return{tempIndex:[0,0,0],index:0}},watch:{linkageData:function(){this.linkagePicker.refresh()}},computed:{linkageData:function(){var t=u.provinceList,e=u.cityList[t[this.tempIndex[0]].value];return[t,e,u.areaList[e[this.tempIndex[1]].value]]}},methods:{showTimePicker:function(){this.picker.show()},showTimePickerMuti:function(){this.mutiPicker.show()},showTimePickerLinkage:function(){this.linkagePicker.show()},showTimePickerSetData:function(){this.setDataPicker.setData([l.data1,l.data2,l.data3],[1,2,3]),this.setDataPicker.show()}},beforeDestroy:function(){var t=this;["picker","mutiPicker","linkagePicker","setDataPicker"].forEach(function(e){t[e]&&t[e].remove()&&(t[e]=null)})},components:{CubePage:v.default,CubeButtonGroup:x.default}},t.exports=e.default})},function(t,e,i){var a,u,l;!function(i,c){u=[e],a=c,void 0!==(l="function"==typeof a?a.apply(e,u):a)&&(t.exports=l)}(0,function(t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.provinceList=[{text:"北京市",value:"110000"},{text:"天津市",value:"120000"},{text:"河北省",value:"130000"},{text:"山西省",value:"140000"},{text:"内蒙古自治区",value:"150000"},{text:"辽宁省",value:"210000"},{text:"吉林省",value:"220000"},{text:"黑龙江省",value:"230000"},{text:"上海市",value:"310000"},{text:"江苏省",value:"320000"},{text:"浙江省",value:"330000"},{text:"安徽省",value:"340000"},{text:"福建省",value:"350000"},{text:"江西省",value:"360000"},{text:"山东省",value:"370000"},{text:"河南省",value:"410000"},{text:"湖北省",value:"420000"},{text:"湖南省",value:"430000"},{text:"广东省",value:"440000"},{text:"广西壮族自治区",value:"450000"},{text:"海南省",value:"460000"},{text:"重庆市",value:"500000"},{text:"四川省",value:"510000"},{text:"贵州省",value:"520000"},{text:"云南省",value:"530000"},{text:"西藏自治区",value:"540000"},{text:"陕西省",value:"610000"},{text:"甘肃省",value:"620000"},{text:"青海省",value:"630000"},{text:"宁夏回族自治区",value:"640000"},{text:"新疆维吾尔自治区",value:"650000"}],t.cityList={110000:[{province:"北京市",text:"北京市",value:"110100"}],120000:[{province:"天津市",text:"天津市",value:"120100"}],130000:[{province:"河北省",text:"石家庄市",value:"130100"},{province:"河北省",text:"唐山市",value:"130200"},{province:"河北省",text:"秦皇岛市",value:"130300"},{province:"河北省",text:"邯郸市",value:"130400"},{province:"河北省",text:"邢台市",value:"130500"},{province:"河北省",text:"保定市",value:"130600"},{province:"河北省",text:"张家口市",value:"130700"},{province:"河北省",text:"承德市",value:"130800"},{province:"河北省",text:"沧州市",value:"130900"},{province:"河北省",text:"廊坊市",value:"131000"},{province:"河北省",text:"衡水市",value:"131100"},{province:"河北省",text:"省直辖县级行政区划",value:"139000"}],140000:[{province:"山西省",text:"太原市",value:"140100"},{province:"山西省",text:"大同市",value:"140200"},{province:"山西省",text:"阳泉市",value:"140300"},{province:"山西省",text:"长治市",value:"140400"},{province:"山西省",text:"晋城市",value:"140500"},{province:"山西省",text:"朔州市",value:"140600"},{province:"山西省",text:"晋中市",value:"140700"},{province:"山西省",text:"运城市",value:"140800"},{province:"山西省",text:"忻州市",value:"140900"},{province:"山西省",text:"临汾市",value:"141000"},{province:"山西省",text:"吕梁市",value:"141100"}],150000:[{province:"内蒙古自治区",text:"呼和浩特市",value:"150100"},{province:"内蒙古自治区",text:"包头市",value:"150200"},{province:"内蒙古自治区",text:"乌海市",value:"150300"},{province:"内蒙古自治区",text:"赤峰市",value:"150400"},{province:"内蒙古自治区",text:"通辽市",value:"150500"},{province:"内蒙古自治区",text:"鄂尔多斯市",value:"150600"},{province:"内蒙古自治区",text:"呼伦贝尔市",value:"150700"},{province:"内蒙古自治区",text:"巴彦淖尔市",value:"150800"},{province:"内蒙古自治区",text:"乌兰察布市",value:"150900"},{province:"内蒙古自治区",text:"兴安盟",value:"152200"},{province:"内蒙古自治区",text:"锡林郭勒盟",value:"152500"},{province:"内蒙古自治区",text:"阿拉善盟",value:"152900"}],210000:[{province:"辽宁省",text:"沈阳市",value:"210100"},{province:"辽宁省",text:"大连市",value:"210200"},{province:"辽宁省",text:"鞍山市",value:"210300"},{province:"辽宁省",text:"抚顺市",value:"210400"},{province:"辽宁省",text:"本溪市",value:"210500"},{province:"辽宁省",text:"丹东市",value:"210600"},{province:"辽宁省",text:"锦州市",value:"210700"},{province:"辽宁省",text:"营口市",value:"210800"},{province:"辽宁省",text:"阜新市",value:"210900"},{province:"辽宁省",text:"辽阳市",value:"211000"},{province:"辽宁省",text:"盘锦市",value:"211100"},{province:"辽宁省",text:"铁岭市",value:"211200"},{province:"辽宁省",text:"朝阳市",value:"211300"},{province:"辽宁省",text:"葫芦岛市",value:"211400"}],220000:[{province:"吉林省",text:"长春市",value:"220100"},{province:"吉林省",text:"吉林市",value:"220200"},{province:"吉林省",text:"四平市",value:"220300"},{province:"吉林省",text:"辽源市",value:"220400"},{province:"吉林省",text:"通化市",value:"220500"},{province:"吉林省",text:"白山市",value:"220600"},{province:"吉林省",text:"松原市",value:"220700"},{province:"吉林省",text:"白城市",value:"220800"},{province:"吉林省",text:"延边朝鲜族自治州",value:"222400"}],230000:[{province:"黑龙江省",text:"哈尔滨市",value:"230100"},{province:"黑龙江省",text:"齐齐哈尔市",value:"230200"},{province:"黑龙江省",text:"鸡西市",value:"230300"},{province:"黑龙江省",text:"鹤岗市",value:"230400"},{province:"黑龙江省",text:"双鸭山市",value:"230500"},{province:"黑龙江省",text:"大庆市",value:"230600"},{province:"黑龙江省",text:"伊春市",value:"230700"},{province:"黑龙江省",text:"佳木斯市",value:"230800"},{province:"黑龙江省",text:"七台河市",value:"230900"},{province:"黑龙江省",text:"牡丹江市",value:"231000"},{province:"黑龙江省",text:"黑河市",value:"231100"},{province:"黑龙江省",text:"绥化市",value:"231200"},{province:"黑龙江省",text:"大兴安岭地区",value:"232700"}],310000:[{province:"上海市",text:"上海市",value:"310100"}],320000:[{province:"江苏省",text:"南京市",value:"320100"},{province:"江苏省",text:"无锡市",value:"320200"},{province:"江苏省",text:"徐州市",value:"320300"},{province:"江苏省",text:"常州市",value:"320400"},{province:"江苏省",text:"苏州市",value:"320500"},{province:"江苏省",text:"南通市",value:"320600"},{province:"江苏省",text:"连云港市",value:"320700"},{province:"江苏省",text:"淮安市",value:"320800"},{province:"江苏省",text:"盐城市",value:"320900"},{province:"江苏省",text:"扬州市",value:"321000"},{province:"江苏省",text:"镇江市",value:"321100"},{province:"江苏省",text:"泰州市",value:"321200"},{province:"江苏省",text:"宿迁市",value:"321300"}],330000:[{province:"浙江省",text:"杭州市",value:"330100"},{province:"浙江省",text:"宁波市",value:"330200"},{province:"浙江省",text:"温州市",value:"330300"},{province:"浙江省",text:"嘉兴市",value:"330400"},{province:"浙江省",text:"湖州市",value:"330500"},{province:"浙江省",text:"绍兴市",value:"330600"},{province:"浙江省",text:"金华市",value:"330700"},{province:"浙江省",text:"衢州市",value:"330800"},{province:"浙江省",text:"舟山市",value:"330900"},{province:"浙江省",text:"台州市",value:"331000"},{province:"浙江省",text:"丽水市",value:"331100"}],340000:[{province:"安徽省",text:"合肥市",value:"340100"},{province:"安徽省",text:"芜湖市",value:"340200"},{province:"安徽省",text:"蚌埠市",value:"340300"},{province:"安徽省",text:"淮南市",value:"340400"},{province:"安徽省",text:"马鞍山市",value:"340500"},{province:"安徽省",text:"淮北市",value:"340600"},{province:"安徽省",text:"铜陵市",value:"340700"},{province:"安徽省",text:"安庆市",value:"340800"},{province:"安徽省",text:"黄山市",value:"341000"},{province:"安徽省",text:"滁州市",value:"341100"},{province:"安徽省",text:"阜阳市",value:"341200"},{province:"安徽省",text:"宿州市",value:"341300"},{province:"安徽省",text:"六安市",value:"341500"},{province:"安徽省",text:"亳州市",value:"341600"},{province:"安徽省",text:"池州市",value:"341700"},{province:"安徽省",text:"宣城市",value:"341800"}],350000:[{province:"福建省",text:"福州市",value:"350100"},{province:"福建省",text:"厦门市",value:"350200"},{province:"福建省",text:"莆田市",value:"350300"},{province:"福建省",text:"三明市",value:"350400"},{province:"福建省",text:"泉州市",value:"350500"},{province:"福建省",text:"漳州市",value:"350600"},{province:"福建省",text:"南平市",value:"350700"},{province:"福建省",text:"龙岩市",value:"350800"},{province:"福建省",text:"宁德市",value:"350900"}],360000:[{province:"江西省",text:"南昌市",value:"360100"},{province:"江西省",text:"景德镇市",value:"360200"},{province:"江西省",text:"萍乡市",value:"360300"},{province:"江西省",text:"九江市",value:"360400"},{province:"江西省",text:"新余市",value:"360500"},{province:"江西省",text:"鹰潭市",value:"360600"},{province:"江西省",text:"赣州市",value:"360700"},{province:"江西省",text:"吉安市",value:"360800"},{province:"江西省",text:"宜春市",value:"360900"},{province:"江西省",text:"抚州市",value:"361000"},{province:"江西省",text:"上饶市",value:"361100"}],370000:[{province:"山东省",text:"济南市",value:"370100"},{province:"山东省",text:"青岛市",value:"370200"},{province:"山东省",text:"淄博市",value:"370300"},{province:"山东省",text:"枣庄市",value:"370400"},{province:"山东省",text:"东营市",value:"370500"},{province:"山东省",text:"烟台市",value:"370600"},{province:"山东省",text:"潍坊市",value:"370700"},{province:"山东省",text:"济宁市",value:"370800"},{province:"山东省",text:"泰安市",value:"370900"},{province:"山东省",text:"威海市",value:"371000"},{province:"山东省",text:"日照市",value:"371100"},{province:"山东省",text:"莱芜市",value:"371200"},{province:"山东省",text:"临沂市",value:"371300"},{province:"山东省",text:"德州市",value:"371400"},{province:"山东省",text:"聊城市",value:"371500"},{province:"山东省",text:"滨州市",value:"371600"},{province:"山东省",text:"菏泽市",value:"371700"}],410000:[{province:"河南省",text:"郑州市",value:"410100"},{province:"河南省",text:"开封市",value:"410200"},{province:"河南省",text:"洛阳市",value:"410300"},{province:"河南省",text:"平顶山市",value:"410400"},{province:"河南省",text:"安阳市",value:"410500"},{province:"河南省",text:"鹤壁市",value:"410600"},{province:"河南省",text:"新乡市",value:"410700"},{province:"河南省",text:"焦作市",value:"410800"},{province:"河南省",text:"濮阳市",value:"410900"},{province:"河南省",text:"许昌市",value:"411000"},{province:"河南省",text:"漯河市",value:"411100"},{province:"河南省",text:"三门峡市",value:"411200"},{province:"河南省",text:"南阳市",value:"411300"},{province:"河南省",text:"商丘市",value:"411400"},{province:"河南省",text:"信阳市",value:"411500"},{province:"河南省",text:"周口市",value:"411600"},{province:"河南省",text:"驻马店市",value:"411700"},{province:"河南省",text:"省直辖县级行政区划",value:"419000"}],420000:[{province:"湖北省",text:"武汉市",value:"420100"},{province:"湖北省",text:"黄石市",value:"420200"},{province:"湖北省",text:"十堰市",value:"420300"},{province:"湖北省",text:"宜昌市",value:"420500"},{province:"湖北省",text:"襄阳市",value:"420600"},{province:"湖北省",text:"鄂州市",value:"420700"},{province:"湖北省",text:"荆门市",value:"420800"},{province:"湖北省",text:"孝感市",value:"420900"},{province:"湖北省",text:"荆州市",value:"421000"},{province:"湖北省",text:"黄冈市",value:"421100"},{province:"湖北省",text:"咸宁市",value:"421200"},{province:"湖北省",text:"随州市",value:"421300"},{province:"湖北省",text:"恩施土家族苗族自治州",value:"422800"},{province:"湖北省",text:"省直辖县级行政区划",value:"429000"}],430000:[{province:"湖南省",text:"长沙市",value:"430100"},{province:"湖南省",text:"株洲市",value:"430200"},{province:"湖南省",text:"湘潭市",value:"430300"},{province:"湖南省",text:"衡阳市",value:"430400"},{province:"湖南省",text:"邵阳市",value:"430500"},{province:"湖南省",text:"岳阳市",value:"430600"},{province:"湖南省",text:"常德市",value:"430700"},{province:"湖南省",text:"张家界市",value:"430800"},{province:"湖南省",text:"益阳市",value:"430900"},{province:"湖南省",text:"郴州市",value:"431000"},{province:"湖南省",text:"永州市",value:"431100"},{province:"湖南省",text:"怀化市",value:"431200"},{province:"湖南省",text:"娄底市",value:"431300"},{province:"湖南省",text:"湘西土家族苗族自治州",value:"433100"}],440000:[{province:"广东省",text:"广州市",value:"440100"},{province:"广东省",text:"韶关市",value:"440200"},{province:"广东省",text:"深圳市",value:"440300"},{province:"广东省",text:"珠海市",value:"440400"},{province:"广东省",text:"汕头市",value:"440500"},{province:"广东省",text:"佛山市",value:"440600"},{province:"广东省",text:"江门市",value:"440700"},{province:"广东省",text:"湛江市",value:"440800"},{province:"广东省",text:"茂名市",value:"440900"},{province:"广东省",text:"肇庆市",value:"441200"},{province:"广东省",text:"惠州市",value:"441300"},{province:"广东省",text:"梅州市",value:"441400"},{province:"广东省",text:"汕尾市",value:"441500"},{province:"广东省",text:"河源市",value:"441600"},{province:"广东省",text:"阳江市",value:"441700"},{province:"广东省",text:"清远市",value:"441800"},{province:"广东省",text:"东莞市",value:"441900"},{province:"广东省",text:"中山市",value:"442000"},{province:"广东省",text:"潮州市",value:"445100"},{province:"广东省",text:"揭阳市",value:"445200"},{province:"广东省",text:"云浮市",value:"445300"}],450000:[{province:"广西壮族自治区",text:"南宁市",value:"450100"},{province:"广西壮族自治区",text:"柳州市",value:"450200"},{province:"广西壮族自治区",text:"桂林市",value:"450300"},{province:"广西壮族自治区",text:"梧州市",value:"450400"},{province:"广西壮族自治区",text:"北海市",value:"450500"},{province:"广西壮族自治区",text:"防城港市",value:"450600"},{province:"广西壮族自治区",text:"钦州市",value:"450700"},{province:"广西壮族自治区",text:"贵港市",value:"450800"},{province:"广西壮族自治区",text:"玉林市",value:"450900"},{province:"广西壮族自治区",text:"百色市",value:"451000"},{province:"广西壮族自治区",text:"贺州市",value:"451100"},{province:"广西壮族自治区",text:"河池市",value:"451200"},{province:"广西壮族自治区",text:"来宾市",value:"451300"},{province:"广西壮族自治区",text:"崇左市",value:"451400"}],460000:[{province:"海南省",text:"海口市",value:"460100"},{province:"海南省",text:"三亚市",value:"460200"},{province:"海南省",text:"三沙市",value:"460300"},{province:"海南省",text:"儋州市",value:"460400"},{province:"海南省",text:"省直辖县级行政区划",value:"469000"}],500000:[{province:"重庆市",text:"重庆市",value:"500100"},{province:"重庆市",text:"县",value:"500200"}],510000:[{province:"四川省",text:"成都市",value:"510100"},{province:"四川省",text:"自贡市",value:"510300"},{province:"四川省",text:"攀枝花市",value:"510400"},{province:"四川省",text:"泸州市",value:"510500"},{province:"四川省",text:"德阳市",value:"510600"},{province:"四川省",text:"绵阳市",value:"510700"},{province:"四川省",text:"广元市",value:"510800"},{province:"四川省",text:"遂宁市",value:"510900"},{province:"四川省",text:"内江市",value:"511000"},{province:"四川省",text:"乐山市",value:"511100"},{province:"四川省",text:"南充市",value:"511300"},{province:"四川省",text:"眉山市",value:"511400"},{province:"四川省",text:"宜宾市",value:"511500"},{province:"四川省",text:"广安市",value:"511600"},{province:"四川省",text:"达州市",value:"511700"},{province:"四川省",text:"雅安市",value:"511800"},{province:"四川省",text:"巴中市",value:"511900"},{province:"四川省",text:"资阳市",value:"512000"},{province:"四川省",text:"阿坝藏族羌族自治州",value:"513200"},{province:"四川省",text:"甘孜藏族自治州",value:"513300"},{province:"四川省",text:"凉山彝族自治州",value:"513400"}],520000:[{province:"贵州省",text:"贵阳市",value:"520100"},{province:"贵州省",text:"六盘水市",value:"520200"},{province:"贵州省",text:"遵义市",value:"520300"},{province:"贵州省",text:"安顺市",value:"520400"},{province:"贵州省",text:"毕节市",value:"520500"},{province:"贵州省",text:"铜仁市",value:"520600"},{province:"贵州省",text:"黔西南布依族苗族自治州",value:"522300"},{province:"贵州省",text:"黔东南苗族侗族自治州",value:"522600"},{province:"贵州省",text:"黔南布依族苗族自治州",value:"522700"}],530000:[{province:"云南省",text:"昆明市",value:"530100"},{province:"云南省",text:"曲靖市",value:"530300"},{province:"云南省",text:"玉溪市",value:"530400"},{province:"云南省",text:"保山市",value:"530500"},{province:"云南省",text:"昭通市",value:"530600"},{province:"云南省",text:"丽江市",value:"530700"},{province:"云南省",text:"普洱市",value:"530800"},{province:"云南省",text:"临沧市",value:"530900"},{province:"云南省",text:"楚雄彝族自治州",value:"532300"},{province:"云南省",text:"红河哈尼族彝族自治州",value:"532500"},{province:"云南省",text:"文山壮族苗族自治州",value:"532600"},{province:"云南省",text:"西双版纳傣族自治州",value:"532800"},{province:"云南省",text:"大理白族自治州",value:"532900"},{province:"云南省",text:"德宏傣族景颇族自治州",value:"533100"},{province:"云南省",text:"怒江傈僳族自治州",value:"533300"},{province:"云南省",text:"迪庆藏族自治州",value:"533400"}],540000:[{province:"西藏自治区",text:"拉萨市",value:"540100"},{province:"西藏自治区",text:"日喀则市",value:"540200"},{province:"西藏自治区",text:"昌都市",value:"540300"},{province:"西藏自治区",text:"林芝市",value:"540400"},{province:"西藏自治区",text:"山南市",value:"540500"},{province:"西藏自治区",text:"那曲地区",value:"542400"},{province:"西藏自治区",text:"阿里地区",value:"542500"}],610000:[{province:"陕西省",text:"西安市",value:"610100"},{province:"陕西省",text:"铜川市",value:"610200"},{province:"陕西省",text:"宝鸡市",value:"610300"},{province:"陕西省",text:"咸阳市",value:"610400"},{province:"陕西省",text:"渭南市",value:"610500"},{province:"陕西省",text:"延安市",value:"610600"},{province:"陕西省",text:"汉中市",value:"610700"},{province:"陕西省",text:"榆林市",value:"610800"},{province:"陕西省",text:"安康市",value:"610900"},{province:"陕西省",text:"商洛市",value:"611000"}],620000:[{province:"甘肃省",text:"兰州市",value:"620100"},{province:"甘肃省",text:"嘉峪关市",value:"620200"},{province:"甘肃省",text:"金昌市",value:"620300"},{province:"甘肃省",text:"白银市",value:"620400"},{province:"甘肃省",text:"天水市",value:"620500"},{province:"甘肃省",text:"武威市",value:"620600"},{province:"甘肃省",text:"张掖市",value:"620700"},{province:"甘肃省",text:"平凉市",value:"620800"},{province:"甘肃省",text:"酒泉市",value:"620900"},{province:"甘肃省",text:"庆阳市",value:"621000"},{province:"甘肃省",text:"定西市",value:"621100"},{province:"甘肃省",text:"陇南市",value:"621200"},{province:"甘肃省",text:"临夏回族自治州",value:"622900"},{province:"甘肃省",text:"甘南藏族自治州",value:"623000"}],630000:[{province:"青海省",text:"西宁市",value:"630100"},{province:"青海省",text:"海东市",value:"630200"},{province:"青海省",text:"海北藏族自治州",value:"632200"},{province:"青海省",text:"黄南藏族自治州",value:"632300"},{province:"青海省",text:"海南藏族自治州",value:"632500"},{province:"青海省",text:"果洛藏族自治州",value:"632600"},{province:"青海省",text:"玉树藏族自治州",value:"632700"},{province:"青海省",text:"海西蒙古族藏族自治州",value:"632800"}],640000:[{province:"宁夏回族自治区",text:"银川市",value:"640100"},{province:"宁夏回族自治区",text:"石嘴山市",value:"640200"},{province:"宁夏回族自治区",text:"吴忠市",value:"640300"},{province:"宁夏回族自治区",text:"固原市",value:"640400"},{province:"宁夏回族自治区",text:"中卫市",value:"640500"}],650000:[{province:"新疆维吾尔自治区",text:"乌鲁木齐市",value:"650100"},{province:"新疆维吾尔自治区",text:"克拉玛依市",value:"650200"},{province:"新疆维吾尔自治区",text:"吐鲁番市",value:"650400"},{province:"新疆维吾尔自治区",text:"哈密市",value:"650500"},{province:"新疆维吾尔自治区",text:"昌吉回族自治州",value:"652300"},{province:"新疆维吾尔自治区",text:"博尔塔拉蒙古自治州",value:"652700"},{province:"新疆维吾尔自治区",text:"巴音郭楞蒙古自治州",value:"652800"},{province:"新疆维吾尔自治区",text:"阿克苏地区",value:"652900"},{province:"新疆维吾尔自治区",text:"克孜勒苏柯尔克孜自治州",value:"653000"},{province:"新疆维吾尔自治区",text:"喀什地区",value:"653100"},{province:"新疆维吾尔自治区",text:"和田地区",value:"653200"},{province:"新疆维吾尔自治区",text:"伊犁哈萨克自治州",value:"654000"},{province:"新疆维吾尔自治区",text:"塔城地区",value:"654200"},{province:"新疆维吾尔自治区",text:"阿勒泰地区",value:"654300"},{province:"新疆维吾尔自治区",text:"自治区直辖县级行政区划",value:"659000"}]},t.areaList={110100:[{city:"市辖区",text:"东城区",value:"110101"},{city:"市辖区",text:"西城区",value:"110102"},{city:"市辖区",text:"朝阳区",value:"110105"},{city:"市辖区",text:"丰台区",value:"110106"},{city:"市辖区",text:"石景山区",value:"110107"},{city:"市辖区",text:"海淀区",value:"110108"},{city:"市辖区",text:"门头沟区",value:"110109"},{city:"市辖区",text:"房山区",value:"110111"},{city:"市辖区",text:"通州区",value:"110112"},{city:"市辖区",text:"顺义区",value:"110113"},{city:"市辖区",text:"昌平区",value:"110114"},{city:"市辖区",text:"大兴区",value:"110115"},{city:"市辖区",text:"怀柔区",value:"110116"},{city:"市辖区",text:"平谷区",value:"110117"},{city:"市辖区",text:"密云区",value:"110118"},{city:"市辖区",text:"延庆区",value:"110119"}],120100:[{city:"市辖区",text:"和平区",value:"120101"},{city:"市辖区",text:"河东区",value:"120102"},{city:"市辖区",text:"河西区",value:"120103"},{city:"市辖区",text:"南开区",value:"120104"},{city:"市辖区",text:"河北区",value:"120105"},{city:"市辖区",text:"红桥区",value:"120106"},{city:"市辖区",text:"东丽区",value:"120110"},{city:"市辖区",text:"西青区",value:"120111"},{city:"市辖区",text:"津南区",value:"120112"},{city:"市辖区",text:"北辰区",value:"120113"},{city:"市辖区",text:"武清区",value:"120114"},{city:"市辖区",text:"宝坻区",value:"120115"},{city:"市辖区",text:"滨海新区",value:"120116"},{city:"市辖区",text:"宁河区",value:"120117"},{city:"市辖区",text:"静海区",value:"120118"},{city:"市辖区",text:"蓟州区",value:"120119"}],130100:[{city:"石家庄市",text:"市辖区",value:"130101"},{city:"石家庄市",text:"长安区",value:"130102"},{city:"石家庄市",text:"桥西区",value:"130104"},{city:"石家庄市",text:"新华区",value:"130105"},{city:"石家庄市",text:"井陉矿区",value:"130107"},{city:"石家庄市",text:"裕华区",value:"130108"},{city:"石家庄市",text:"藁城区",value:"130109"},{city:"石家庄市",text:"鹿泉区",value:"130110"},{city:"石家庄市",text:"栾城区",value:"130111"},{city:"石家庄市",text:"井陉县",value:"130121"},{city:"石家庄市",text:"正定县",value:"130123"},{city:"石家庄市",text:"行唐县",value:"130125"},{city:"石家庄市",text:"灵寿县",value:"130126"},{city:"石家庄市",text:"高邑县",value:"130127"},{city:"石家庄市",text:"深泽县",value:"130128"},{city:"石家庄市",text:"赞皇县",value:"130129"},{city:"石家庄市",text:"无极县",value:"130130"},{city:"石家庄市",text:"平山县",value:"130131"},{city:"石家庄市",text:"元氏县",value:"130132"},{city:"石家庄市",text:"赵县",value:"130133"},{city:"石家庄市",text:"晋州市",value:"130183"},{city:"石家庄市",text:"新乐市",value:"130184"}],130200:[{city:"唐山市",text:"市辖区",value:"130201"},{city:"唐山市",text:"路南区",value:"130202"},{city:"唐山市",text:"路北区",value:"130203"},{city:"唐山市",text:"古冶区",value:"130204"},{city:"唐山市",text:"开平区",value:"130205"},{city:"唐山市",text:"丰南区",value:"130207"},{city:"唐山市",text:"丰润区",value:"130208"},{city:"唐山市",text:"曹妃甸区",value:"130209"},{city:"唐山市",text:"滦县",value:"130223"},{city:"唐山市",text:"滦南县",value:"130224"},{city:"唐山市",text:"乐亭县",value:"130225"},{city:"唐山市",text:"迁西县",value:"130227"},{city:"唐山市",text:"玉田县",value:"130229"},{city:"唐山市",text:"遵化市",value:"130281"},{city:"唐山市",text:"迁安市",value:"130283"}],130300:[{city:"秦皇岛市",text:"市辖区",value:"130301"},{city:"秦皇岛市",text:"海港区",value:"130302"},{city:"秦皇岛市",text:"山海关区",value:"130303"},{city:"秦皇岛市",text:"北戴河区",value:"130304"},{city:"秦皇岛市",text:"抚宁区",value:"130306"},{city:"秦皇岛市",text:"青龙满族自治县",value:"130321"},{city:"秦皇岛市",text:"昌黎县",value:"130322"},{city:"秦皇岛市",text:"卢龙县",value:"130324"}],130400:[{city:"邯郸市",text:"市辖区",value:"130401"},{city:"邯郸市",text:"邯山区",value:"130402"},{city:"邯郸市",text:"丛台区",value:"130403"},{city:"邯郸市",text:"复兴区",value:"130404"},{city:"邯郸市",text:"峰峰矿区",value:"130406"},{city:"邯郸市",text:"邯郸县",value:"130421"},{city:"邯郸市",text:"临漳县",value:"130423"},{city:"邯郸市",text:"成安县",value:"130424"},{city:"邯郸市",text:"大名县",value:"130425"},{city:"邯郸市",text:"涉县",value:"130426"},{city:"邯郸市",text:"磁县",value:"130427"},{city:"邯郸市",text:"肥乡县",value:"130428"},{city:"邯郸市",text:"永年县",value:"130429"},{city:"邯郸市",text:"邱县",value:"130430"},{city:"邯郸市",text:"鸡泽县",value:"130431"},{city:"邯郸市",text:"广平县",value:"130432"},{city:"邯郸市",text:"馆陶县",value:"130433"},{city:"邯郸市",text:"魏县",value:"130434"},{city:"邯郸市",text:"曲周县",value:"130435"},{city:"邯郸市",text:"武安市",value:"130481"}],130500:[{city:"邢台市",text:"市辖区",value:"130501"},{city:"邢台市",text:"桥东区",value:"130502"},{city:"邢台市",text:"桥西区",value:"130503"},{city:"邢台市",text:"邢台县",value:"130521"},{city:"邢台市",text:"临城县",value:"130522"},{city:"邢台市",text:"内丘县",value:"130523"},{city:"邢台市",text:"柏乡县",value:"130524"},{city:"邢台市",text:"隆尧县",value:"130525"},{city:"邢台市",text:"任县",value:"130526"},{city:"邢台市",text:"南和县",value:"130527"},{city:"邢台市",text:"宁晋县",value:"130528"},{city:"邢台市",text:"巨鹿县",value:"130529"},{city:"邢台市",text:"新河县",value:"130530"},{city:"邢台市",text:"广宗县",value:"130531"},{city:"邢台市",text:"平乡县",value:"130532"},{city:"邢台市",text:"威县",value:"130533"},{city:"邢台市",text:"清河县",value:"130534"},{city:"邢台市",text:"临西县",value:"130535"},{city:"邢台市",text:"南宫市",value:"130581"},{city:"邢台市",text:"沙河市",value:"130582"}],130600:[{city:"保定市",text:"市辖区",value:"130601"},{city:"保定市",text:"竞秀区",value:"130602"},{city:"保定市",text:"莲池区",value:"130606"},{city:"保定市",text:"满城区",value:"130607"},{city:"保定市",text:"清苑区",value:"130608"},{city:"保定市",text:"徐水区",value:"130609"},{city:"保定市",text:"涞水县",value:"130623"},{city:"保定市",text:"阜平县",value:"130624"},{city:"保定市",text:"定兴县",value:"130626"},{city:"保定市",text:"唐县",value:"130627"},{city:"保定市",text:"高阳县",value:"130628"},{city:"保定市",text:"容城县",value:"130629"},{city:"保定市",text:"涞源县",value:"130630"},{city:"保定市",text:"望都县",value:"130631"},{city:"保定市",text:"安新县",value:"130632"},{city:"保定市",text:"易县",value:"130633"},{city:"保定市",text:"曲阳县",value:"130634"},{city:"保定市",text:"蠡县",value:"130635"},{city:"保定市",text:"顺平县",value:"130636"},{city:"保定市",text:"博野县",value:"130637"},{city:"保定市",text:"雄县",value:"130638"},{city:"保定市",text:"涿州市",value:"130681"},{city:"保定市",text:"安国市",value:"130683"},{city:"保定市",text:"高碑店市",value:"130684"}],130700:[{city:"张家口市",text:"市辖区",value:"130701"},{city:"张家口市",text:"桥东区",value:"130702"},{city:"张家口市",text:"桥西区",value:"130703"},{city:"张家口市",text:"宣化区",value:"130705"},{city:"张家口市",text:"下花园区",value:"130706"},{city:"张家口市",text:"万全区",value:"130708"},{city:"张家口市",text:"崇礼区",value:"130709"},{city:"张家口市",text:"张北县",value:"130722"},{city:"张家口市",text:"康保县",value:"130723"},{city:"张家口市",text:"沽源县",value:"130724"},{city:"张家口市",text:"尚义县",value:"130725"},{city:"张家口市",text:"蔚县",value:"130726"},{city:"张家口市",text:"阳原县",value:"130727"},{city:"张家口市",text:"怀安县",value:"130728"},{city:"张家口市",text:"怀来县",value:"130730"},{city:"张家口市",text:"涿鹿县",value:"130731"},{city:"张家口市",text:"赤城县",value:"130732"}],130800:[{city:"承德市",text:"市辖区",value:"130801"},{city:"承德市",text:"双桥区",value:"130802"},{city:"承德市",text:"双滦区",value:"130803"},{city:"承德市",text:"鹰手营子矿区",value:"130804"},{city:"承德市",text:"承德县",value:"130821"},{city:"承德市",text:"兴隆县",value:"130822"},{city:"承德市",text:"平泉县",value:"130823"},{city:"承德市",text:"滦平县",value:"130824"},{city:"承德市",text:"隆化县",value:"130825"},{city:"承德市",text:"丰宁满族自治县",value:"130826"},{city:"承德市",text:"宽城满族自治县",value:"130827"},{city:"承德市",text:"围场满族蒙古族自治县",value:"130828"}],130900:[{city:"沧州市",text:"市辖区",value:"130901"},{city:"沧州市",text:"新华区",value:"130902"},{city:"沧州市",text:"运河区",value:"130903"},{city:"沧州市",text:"沧县",value:"130921"},{city:"沧州市",text:"青县",value:"130922"},{city:"沧州市",text:"东光县",value:"130923"},{city:"沧州市",text:"海兴县",value:"130924"},{city:"沧州市",text:"盐山县",value:"130925"},{city:"沧州市",text:"肃宁县",value:"130926"},{city:"沧州市",text:"南皮县",value:"130927"},{city:"沧州市",text:"吴桥县",value:"130928"},{city:"沧州市",text:"献县",value:"130929"},{city:"沧州市",text:"孟村回族自治县",value:"130930"},{city:"沧州市",text:"泊头市",value:"130981"},{city:"沧州市",text:"任丘市",value:"130982"},{city:"沧州市",text:"黄骅市",value:"130983"},{city:"沧州市",text:"河间市",value:"130984"}],131000:[{city:"廊坊市",text:"市辖区",value:"131001"},{city:"廊坊市",text:"安次区",value:"131002"},{city:"廊坊市",text:"广阳区",value:"131003"},{city:"廊坊市",text:"固安县",value:"131022"},{city:"廊坊市",text:"永清县",value:"131023"},{city:"廊坊市",text:"香河县",value:"131024"},{city:"廊坊市",text:"大城县",value:"131025"},{city:"廊坊市",text:"文安县",value:"131026"},{city:"廊坊市",text:"大厂回族自治县",value:"131028"},{city:"廊坊市",text:"霸州市",value:"131081"},{city:"廊坊市",text:"三河市",value:"131082"}],131100:[{city:"衡水市",text:"市辖区",value:"131101"},{city:"衡水市",text:"桃城区",value:"131102"},{city:"衡水市",text:"冀州区",value:"131103"},{city:"衡水市",text:"枣强县",value:"131121"},{city:"衡水市",text:"武邑县",value:"131122"},{city:"衡水市",text:"武强县",value:"131123"},{city:"衡水市",text:"饶阳县",value:"131124"},{city:"衡水市",text:"安平县",value:"131125"},{city:"衡水市",text:"故城县",value:"131126"},{city:"衡水市",text:"景县",value:"131127"},{city:"衡水市",text:"阜城县",value:"131128"},{city:"衡水市",text:"深州市",value:"131182"}],139000:[{city:"省直辖县级行政区划",text:"定州市",value:"139001"},{city:"省直辖县级行政区划",text:"辛集市",value:"139002"}],140100:[{city:"太原市",text:"市辖区",value:"140101"},{city:"太原市",text:"小店区",value:"140105"},{city:"太原市",text:"迎泽区",value:"140106"},{city:"太原市",text:"杏花岭区",value:"140107"},{city:"太原市",text:"尖草坪区",value:"140108"},{city:"太原市",text:"万柏林区",value:"140109"},{city:"太原市",text:"晋源区",value:"140110"},{city:"太原市",text:"清徐县",value:"140121"},{city:"太原市",text:"阳曲县",value:"140122"},{city:"太原市",text:"娄烦县",value:"140123"},{city:"太原市",text:"古交市",value:"140181"}],140200:[{city:"大同市",text:"市辖区",value:"140201"},{city:"大同市",text:"城区",value:"140202"},{city:"大同市",text:"矿区",value:"140203"},{city:"大同市",text:"南郊区",value:"140211"},{city:"大同市",text:"新荣区",value:"140212"},{city:"大同市",text:"阳高县",value:"140221"},{city:"大同市",text:"天镇县",value:"140222"},{city:"大同市",text:"广灵县",value:"140223"},{city:"大同市",text:"灵丘县",value:"140224"},{city:"大同市",text:"浑源县",value:"140225"},{city:"大同市",text:"左云县",value:"140226"},{city:"大同市",text:"大同县",value:"140227"}],140300:[{city:"阳泉市",text:"市辖区",value:"140301"},{city:"阳泉市",text:"城区",value:"140302"},{city:"阳泉市",text:"矿区",value:"140303"},{city:"阳泉市",text:"郊区",value:"140311"},{city:"阳泉市",text:"平定县",value:"140321"},{city:"阳泉市",text:"盂县",value:"140322"}],140400:[{city:"长治市",text:"市辖区",value:"140401"},{city:"长治市",text:"城区",value:"140402"},{city:"长治市",text:"郊区",value:"140411"},{city:"长治市",text:"长治县",value:"140421"},{city:"长治市",text:"襄垣县",value:"140423"},{city:"长治市",text:"屯留县",value:"140424"},{city:"长治市",text:"平顺县",value:"140425"},{city:"长治市",text:"黎城县",value:"140426"},{city:"长治市",text:"壶关县",value:"140427"},{city:"长治市",text:"长子县",value:"140428"},{city:"长治市",text:"武乡县",value:"140429"},{city:"长治市",text:"沁县",value:"140430"},{city:"长治市",text:"沁源县",value:"140431"},{city:"长治市",text:"潞城市",value:"140481"}],140500:[{city:"晋城市",text:"市辖区",value:"140501"},{city:"晋城市",text:"城区",value:"140502"},{city:"晋城市",text:"沁水县",value:"140521"},{city:"晋城市",text:"阳城县",value:"140522"},{city:"晋城市",text:"陵川县",value:"140524"},{city:"晋城市",text:"泽州县",value:"140525"},{city:"晋城市",text:"高平市",value:"140581"}],140600:[{city:"朔州市",text:"市辖区",value:"140601"},{city:"朔州市",text:"朔城区",value:"140602"},{city:"朔州市",text:"平鲁区",value:"140603"},{city:"朔州市",text:"山阴县",value:"140621"},{city:"朔州市",text:"应县",value:"140622"},{city:"朔州市",text:"右玉县",value:"140623"},{city:"朔州市",text:"怀仁县",value:"140624"}],140700:[{city:"晋中市",text:"市辖区",value:"140701"},{city:"晋中市",text:"榆次区",value:"140702"},{city:"晋中市",text:"榆社县",value:"140721"},{city:"晋中市",text:"左权县",value:"140722"},{city:"晋中市",text:"和顺县",value:"140723"},{city:"晋中市",text:"昔阳县",value:"140724"},{city:"晋中市",text:"寿阳县",value:"140725"},{city:"晋中市",text:"太谷县",value:"140726"},{city:"晋中市",text:"祁县",value:"140727"},{city:"晋中市",text:"平遥县",value:"140728"},{city:"晋中市",text:"灵石县",value:"140729"},{city:"晋中市",text:"介休市",value:"140781"}],140800:[{city:"运城市",text:"市辖区",value:"140801"},{city:"运城市",text:"盐湖区",value:"140802"},{city:"运城市",text:"临猗县",value:"140821"},{city:"运城市",text:"万荣县",value:"140822"},{city:"运城市",text:"闻喜县",value:"140823"},{city:"运城市",text:"稷山县",value:"140824"},{city:"运城市",text:"新绛县",value:"140825"},{city:"运城市",text:"绛县",value:"140826"},{city:"运城市",text:"垣曲县",value:"140827"},{city:"运城市",text:"夏县",value:"140828"},{city:"运城市",text:"平陆县",value:"140829"},{city:"运城市",text:"芮城县",value:"140830"},{city:"运城市",text:"永济市",value:"140881"},{city:"运城市",text:"河津市",value:"140882"}],140900:[{city:"忻州市",text:"市辖区",value:"140901"},{city:"忻州市",text:"忻府区",value:"140902"},{city:"忻州市",text:"定襄县",value:"140921"},{city:"忻州市",text:"五台县",value:"140922"},{city:"忻州市",text:"代县",value:"140923"},{city:"忻州市",text:"繁峙县",value:"140924"},{city:"忻州市",text:"宁武县",value:"140925"},{city:"忻州市",text:"静乐县",value:"140926"},{city:"忻州市",text:"神池县",value:"140927"},{city:"忻州市",text:"五寨县",value:"140928"},{city:"忻州市",text:"岢岚县",value:"140929"},{city:"忻州市",text:"河曲县",value:"140930"},{city:"忻州市",text:"保德县",value:"140931"},{city:"忻州市",text:"偏关县",value:"140932"},{city:"忻州市",text:"原平市",value:"140981"}],141000:[{city:"临汾市",text:"市辖区",value:"141001"},{city:"临汾市",text:"尧都区",value:"141002"},{city:"临汾市",text:"曲沃县",value:"141021"},{city:"临汾市",text:"翼城县",value:"141022"},{city:"临汾市",text:"襄汾县",value:"141023"},{city:"临汾市",text:"洪洞县",value:"141024"},{city:"临汾市",text:"古县",value:"141025"},{city:"临汾市",text:"安泽县",value:"141026"},{city:"临汾市",text:"浮山县",value:"141027"},{city:"临汾市",text:"吉县",value:"141028"},{city:"临汾市",text:"乡宁县",value:"141029"},{city:"临汾市",text:"大宁县",value:"141030"},{city:"临汾市",text:"隰县",value:"141031"},{city:"临汾市",text:"永和县",value:"141032"},{city:"临汾市",text:"蒲县",value:"141033"},{city:"临汾市",text:"汾西县",value:"141034"},{city:"临汾市",text:"侯马市",value:"141081"},{city:"临汾市",text:"霍州市",value:"141082"}],141100:[{city:"吕梁市",text:"市辖区",value:"141101"},{city:"吕梁市",text:"离石区",value:"141102"},{city:"吕梁市",text:"文水县",value:"141121"},{city:"吕梁市",text:"交城县",value:"141122"},{city:"吕梁市",text:"兴县",value:"141123"},{city:"吕梁市",text:"临县",value:"141124"},{city:"吕梁市",text:"柳林县",value:"141125"},{city:"吕梁市",text:"石楼县",value:"141126"},{city:"吕梁市",text:"岚县",value:"141127"},{city:"吕梁市",text:"方山县",value:"141128"},{city:"吕梁市",text:"中阳县",value:"141129"},{city:"吕梁市",text:"交口县",value:"141130"},{city:"吕梁市",text:"孝义市",value:"141181"},{city:"吕梁市",text:"汾阳市",value:"141182"}],150100:[{city:"呼和浩特市",text:"市辖区",value:"150101"},{city:"呼和浩特市",text:"新城区",value:"150102"},{city:"呼和浩特市",text:"回民区",value:"150103"},{city:"呼和浩特市",text:"玉泉区",value:"150104"},{city:"呼和浩特市",text:"赛罕区",value:"150105"},{city:"呼和浩特市",text:"土默特左旗",value:"150121"},{city:"呼和浩特市",text:"托克托县",value:"150122"},{city:"呼和浩特市",text:"和林格尔县",value:"150123"},{city:"呼和浩特市",text:"清水河县",value:"150124"},{city:"呼和浩特市",text:"武川县",value:"150125"}],150200:[{city:"包头市",text:"市辖区",value:"150201"},{city:"包头市",text:"东河区",value:"150202"},{city:"包头市",text:"昆都仑区",value:"150203"},{city:"包头市",text:"青山区",value:"150204"},{city:"包头市",text:"石拐区",value:"150205"},{city:"包头市",text:"白云鄂博矿区",value:"150206"},{city:"包头市",text:"九原区",value:"150207"},{city:"包头市",text:"土默特右旗",value:"150221"},{city:"包头市",text:"固阳县",value:"150222"},{city:"包头市",text:"达尔罕茂明安联合旗",value:"150223"}],150300:[{city:"乌海市",text:"市辖区",value:"150301"},{city:"乌海市",text:"海勃湾区",value:"150302"},{city:"乌海市",text:"海南区",value:"150303"},{city:"乌海市",text:"乌达区",value:"150304"}],150400:[{city:"赤峰市",text:"市辖区",value:"150401"},{city:"赤峰市",text:"红山区",value:"150402"},{city:"赤峰市",text:"元宝山区",value:"150403"},{city:"赤峰市",text:"松山区",value:"150404"},{city:"赤峰市",text:"阿鲁科尔沁旗",value:"150421"},{city:"赤峰市",text:"巴林左旗",value:"150422"},{city:"赤峰市",text:"巴林右旗",value:"150423"},{city:"赤峰市",text:"林西县",value:"150424"},{city:"赤峰市",text:"克什克腾旗",value:"150425"},{city:"赤峰市",text:"翁牛特旗",value:"150426"},{city:"赤峰市",text:"喀喇沁旗",value:"150428"},{city:"赤峰市",text:"宁城县",value:"150429"},{city:"赤峰市",text:"敖汉旗",value:"150430"}],150500:[{city:"通辽市",text:"市辖区",value:"150501"},{city:"通辽市",text:"科尔沁区",value:"150502"},{city:"通辽市",text:"科尔沁左翼中旗",value:"150521"},{city:"通辽市",text:"科尔沁左翼后旗",value:"150522"},{city:"通辽市",text:"开鲁县",value:"150523"},{city:"通辽市",text:"库伦旗",value:"150524"},{city:"通辽市",text:"奈曼旗",value:"150525"},{city:"通辽市",text:"扎鲁特旗",value:"150526"},{city:"通辽市",text:"霍林郭勒市",value:"150581"}],150600:[{city:"鄂尔多斯市",text:"市辖区",value:"150601"},{city:"鄂尔多斯市",text:"东胜区",value:"150602"},{city:"鄂尔多斯市",text:"康巴什区",value:"150603"},{city:"鄂尔多斯市",text:"达拉特旗",value:"150621"},{city:"鄂尔多斯市",text:"准格尔旗",value:"150622"},{city:"鄂尔多斯市",text:"鄂托克前旗",value:"150623"},{city:"鄂尔多斯市",text:"鄂托克旗",value:"150624"},{city:"鄂尔多斯市",text:"杭锦旗",value:"150625"},{city:"鄂尔多斯市",text:"乌审旗",value:"150626"},{city:"鄂尔多斯市",text:"伊金霍洛旗",value:"150627"}],150700:[{city:"呼伦贝尔市",text:"市辖区",value:"150701"},{city:"呼伦贝尔市",text:"海拉尔区",value:"150702"},{city:"呼伦贝尔市",text:"扎赉诺尔区",value:"150703"},{city:"呼伦贝尔市",text:"阿荣旗",value:"150721"},{city:"呼伦贝尔市",text:"莫力达瓦达斡尔族自治旗",value:"150722"},{city:"呼伦贝尔市",text:"鄂伦春自治旗",value:"150723"},{city:"呼伦贝尔市",text:"鄂温克族自治旗",value:"150724"},{city:"呼伦贝尔市",text:"陈巴尔虎旗",value:"150725"},{city:"呼伦贝尔市",text:"新巴尔虎左旗",value:"150726"},{city:"呼伦贝尔市",text:"新巴尔虎右旗",value:"150727"},{city:"呼伦贝尔市",text:"满洲里市",value:"150781"},{city:"呼伦贝尔市",text:"牙克石市",value:"150782"},{city:"呼伦贝尔市",text:"扎兰屯市",value:"150783"},{city:"呼伦贝尔市",text:"额尔古纳市",value:"150784"},{city:"呼伦贝尔市",text:"根河市",value:"150785"}],150800:[{city:"巴彦淖尔市",text:"市辖区",value:"150801"},{city:"巴彦淖尔市",text:"临河区",value:"150802"},{city:"巴彦淖尔市",text:"五原县",value:"150821"},{city:"巴彦淖尔市",text:"磴口县",value:"150822"},{city:"巴彦淖尔市",text:"乌拉特前旗",value:"150823"},{city:"巴彦淖尔市",text:"乌拉特中旗",value:"150824"},{city:"巴彦淖尔市",text:"乌拉特后旗",value:"150825"},{city:"巴彦淖尔市",text:"杭锦后旗",value:"150826"}],150900:[{city:"乌兰察布市",text:"市辖区",value:"150901"},{city:"乌兰察布市",text:"集宁区",value:"150902"},{city:"乌兰察布市",text:"卓资县",value:"150921"},{city:"乌兰察布市",text:"化德县",value:"150922"},{city:"乌兰察布市",text:"商都县",value:"150923"},{city:"乌兰察布市",text:"兴和县",value:"150924"},{city:"乌兰察布市",text:"凉城县",value:"150925"},{city:"乌兰察布市",text:"察哈尔右翼前旗",value:"150926"},{city:"乌兰察布市",text:"察哈尔右翼中旗",value:"150927"},{city:"乌兰察布市",text:"察哈尔右翼后旗",value:"150928"},{city:"乌兰察布市",text:"四子王旗",value:"150929"},{city:"乌兰察布市",text:"丰镇市",value:"150981"}],152200:[{city:"兴安盟",text:"乌兰浩特市",value:"152201"},{city:"兴安盟",text:"阿尔山市",value:"152202"},{city:"兴安盟",text:"科尔沁右翼前旗",value:"152221"},{city:"兴安盟",text:"科尔沁右翼中旗",value:"152222"},{city:"兴安盟",text:"扎赉特旗",value:"152223"},{city:"兴安盟",text:"突泉县",value:"152224"}],152500:[{city:"锡林郭勒盟",text:"二连浩特市",value:"152501"},{city:"锡林郭勒盟",text:"锡林浩特市",value:"152502"},{city:"锡林郭勒盟",text:"阿巴嘎旗",value:"152522"},{city:"锡林郭勒盟",text:"苏尼特左旗",value:"152523"},{city:"锡林郭勒盟",text:"苏尼特右旗",value:"152524"},{city:"锡林郭勒盟",text:"东乌珠穆沁旗",value:"152525"},{city:"锡林郭勒盟",text:"西乌珠穆沁旗",value:"152526"},{city:"锡林郭勒盟",text:"太仆寺旗",value:"152527"},{city:"锡林郭勒盟",text:"镶黄旗",value:"152528"},{city:"锡林郭勒盟",text:"正镶白旗",value:"152529"},{city:"锡林郭勒盟",text:"正蓝旗",value:"152530"},{city:"锡林郭勒盟",text:"多伦县",value:"152531"}],152900:[{city:"阿拉善盟",text:"阿拉善左旗",value:"152921"},{city:"阿拉善盟",text:"阿拉善右旗",value:"152922"},{city:"阿拉善盟",text:"额济纳旗",value:"152923"}],210100:[{city:"沈阳市",text:"市辖区",value:"210101"},{city:"沈阳市",text:"和平区",value:"210102"},{city:"沈阳市",text:"沈河区",value:"210103"},{city:"沈阳市",text:"大东区",value:"210104"},{city:"沈阳市",text:"皇姑区",value:"210105"},{city:"沈阳市",text:"铁西区",value:"210106"},{city:"沈阳市",text:"苏家屯区",value:"210111"},{city:"沈阳市",text:"浑南区",value:"210112"},{city:"沈阳市",text:"沈北新区",value:"210113"},{city:"沈阳市",text:"于洪区",value:"210114"},{city:"沈阳市",text:"辽中区",value:"210115"},{city:"沈阳市",text:"康平县",value:"210123"},{city:"沈阳市",text:"法库县",value:"210124"},{city:"沈阳市",text:"新民市",value:"210181"}],210200:[{city:"大连市",text:"市辖区",value:"210201"},{city:"大连市",text:"中山区",value:"210202"},{city:"大连市",text:"西岗区",value:"210203"},{city:"大连市",text:"沙河口区",value:"210204"},{city:"大连市",text:"甘井子区",value:"210211"},{city:"大连市",text:"旅顺口区",value:"210212"},{city:"大连市",text:"金州区",value:"210213"},{city:"大连市",text:"普兰店区",value:"210214"},{city:"大连市",text:"长海县",value:"210224"},{city:"大连市",text:"瓦房店市",value:"210281"},{city:"大连市",text:"庄河市",value:"210283"}],210300:[{city:"鞍山市",text:"市辖区",value:"210301"},{city:"鞍山市",text:"铁东区",value:"210302"},{city:"鞍山市",text:"铁西区",value:"210303"},{city:"鞍山市",text:"立山区",value:"210304"},{city:"鞍山市",text:"千山区",value:"210311"},{city:"鞍山市",text:"台安县",value:"210321"},{city:"鞍山市",text:"岫岩满族自治县",value:"210323"},{city:"鞍山市",text:"海城市",value:"210381"}],210400:[{city:"抚顺市",text:"市辖区",value:"210401"},{city:"抚顺市",text:"新抚区",value:"210402"},{city:"抚顺市",text:"东洲区",value:"210403"},{city:"抚顺市",text:"望花区",value:"210404"},{city:"抚顺市",text:"顺城区",value:"210411"},{city:"抚顺市",text:"抚顺县",value:"210421"},{city:"抚顺市",text:"新宾满族自治县",value:"210422"},{city:"抚顺市",text:"清原满族自治县",value:"210423"}],210500:[{city:"本溪市",text:"市辖区",value:"210501"},{city:"本溪市",text:"平山区",value:"210502"},{city:"本溪市",text:"溪湖区",value:"210503"},{city:"本溪市",text:"明山区",value:"210504"},{city:"本溪市",text:"南芬区",value:"210505"},{city:"本溪市",text:"本溪满族自治县",value:"210521"},{city:"本溪市",text:"桓仁满族自治县",value:"210522"}],210600:[{city:"丹东市",text:"市辖区",value:"210601"},{city:"丹东市",text:"元宝区",value:"210602"},{city:"丹东市",text:"振兴区",value:"210603"},{city:"丹东市",text:"振安区",value:"210604"},{city:"丹东市",text:"宽甸满族自治县",value:"210624"},{city:"丹东市",text:"东港市",value:"210681"},{city:"丹东市",text:"凤城市",value:"210682"}],210700:[{city:"锦州市",text:"市辖区",value:"210701"},{city:"锦州市",text:"古塔区",value:"210702"},{city:"锦州市",text:"凌河区",value:"210703"},{city:"锦州市",text:"太和区",value:"210711"},{city:"锦州市",text:"黑山县",value:"210726"},{city:"锦州市",text:"义县",value:"210727"},{city:"锦州市",text:"凌海市",value:"210781"},{city:"锦州市",text:"北镇市",value:"210782"}],210800:[{city:"营口市",text:"市辖区",value:"210801"},{city:"营口市",text:"站前区",value:"210802"},{city:"营口市",text:"西市区",value:"210803"},{city:"营口市",text:"鲅鱼圈区",value:"210804"},{city:"营口市",text:"老边区",value:"210811"},{city:"营口市",text:"盖州市",value:"210881"},{city:"营口市",text:"大石桥市",value:"210882"}],210900:[{city:"阜新市",text:"市辖区",value:"210901"},{city:"阜新市",text:"海州区",value:"210902"},{city:"阜新市",text:"新邱区",value:"210903"},{city:"阜新市",text:"太平区",value:"210904"},{city:"阜新市",text:"清河门区",value:"210905"},{city:"阜新市",text:"细河区",value:"210911"},{city:"阜新市",text:"阜新蒙古族自治县",value:"210921"},{city:"阜新市",text:"彰武县",value:"210922"}],211000:[{city:"辽阳市",text:"市辖区",value:"211001"},{city:"辽阳市",text:"白塔区",value:"211002"},{city:"辽阳市",text:"文圣区",value:"211003"},{city:"辽阳市",text:"宏伟区",value:"211004"},{city:"辽阳市",text:"弓长岭区",value:"211005"},{city:"辽阳市",text:"太子河区",value:"211011"},{city:"辽阳市",text:"辽阳县",value:"211021"},{city:"辽阳市",text:"灯塔市",value:"211081"}],211100:[{city:"盘锦市",text:"市辖区",value:"211101"},{city:"盘锦市",text:"双台子区",value:"211102"},{city:"盘锦市",text:"兴隆台区",value:"211103"},{city:"盘锦市",text:"大洼区",value:"211104"},{city:"盘锦市",text:"盘山县",value:"211122"}],211200:[{city:"铁岭市",text:"市辖区",value:"211201"},{city:"铁岭市",text:"银州区",value:"211202"},{city:"铁岭市",text:"清河区",value:"211204"},{city:"铁岭市",text:"铁岭县",value:"211221"},{city:"铁岭市",text:"西丰县",value:"211223"},{city:"铁岭市",text:"昌图县",value:"211224"},{city:"铁岭市",text:"调兵山市",value:"211281"},{city:"铁岭市",text:"开原市",value:"211282"}],211300:[{city:"朝阳市",text:"市辖区",value:"211301"},{city:"朝阳市",text:"双塔区",value:"211302"},{city:"朝阳市",text:"龙城区",value:"211303"},{city:"朝阳市",text:"朝阳县",value:"211321"},{city:"朝阳市",text:"建平县",value:"211322"},{city:"朝阳市",text:"喀喇沁左翼蒙古族自治县",value:"211324"},{city:"朝阳市",text:"北票市",value:"211381"},{city:"朝阳市",text:"凌源市",value:"211382"}],211400:[{city:"葫芦岛市",text:"市辖区",value:"211401"},{city:"葫芦岛市",text:"连山区",value:"211402"},{city:"葫芦岛市",text:"龙港区",value:"211403"},{city:"葫芦岛市",text:"南票区",value:"211404"},{city:"葫芦岛市",text:"绥中县",value:"211421"},{city:"葫芦岛市",text:"建昌县",value:"211422"},{city:"葫芦岛市",text:"兴城市",value:"211481"}],220100:[{city:"长春市",text:"市辖区",value:"220101"},{city:"长春市",text:"南关区",value:"220102"},{city:"长春市",text:"宽城区",value:"220103"},{city:"长春市",text:"朝阳区",value:"220104"},{city:"长春市",text:"二道区",value:"220105"},{city:"长春市",text:"绿园区",value:"220106"},{city:"长春市",text:"双阳区",value:"220112"},{city:"长春市",text:"九台区",value:"220113"},{city:"长春市",text:"农安县",value:"220122"},{city:"长春市",text:"榆树市",value:"220182"},{city:"长春市",text:"德惠市",value:"220183"}],220200:[{city:"吉林市",text:"市辖区",value:"220201"},{city:"吉林市",text:"昌邑区",value:"220202"},{city:"吉林市",text:"龙潭区",value:"220203"},{city:"吉林市",text:"船营区",value:"220204"},{city:"吉林市",text:"丰满区",value:"220211"},{city:"吉林市",text:"永吉县",value:"220221"},{city:"吉林市",text:"蛟河市",value:"220281"},{city:"吉林市",text:"桦甸市",value:"220282"},{city:"吉林市",text:"舒兰市",value:"220283"},{city:"吉林市",text:"磐石市",value:"220284"}],220300:[{city:"四平市",text:"市辖区",value:"220301"},{city:"四平市",text:"铁西区",value:"220302"},{city:"四平市",text:"铁东区",value:"220303"},{city:"四平市",text:"梨树县",value:"220322"},{city:"四平市",text:"伊通满族自治县",value:"220323"},{city:"四平市",text:"公主岭市",value:"220381"},{city:"四平市",text:"双辽市",value:"220382"}],220400:[{city:"辽源市",text:"市辖区",value:"220401"},{city:"辽源市",text:"龙山区",value:"220402"},{city:"辽源市",text:"西安区",value:"220403"},{city:"辽源市",text:"东丰县",value:"220421"},{city:"辽源市",text:"东辽县",value:"220422"}],220500:[{city:"通化市",text:"市辖区",value:"220501"},{city:"通化市",text:"东昌区",value:"220502"},{city:"通化市",text:"二道江区",value:"220503"},{city:"通化市",text:"通化县",value:"220521"},{city:"通化市",text:"辉南县",value:"220523"},{city:"通化市",text:"柳河县",value:"220524"},{city:"通化市",text:"梅河口市",value:"220581"},{city:"通化市",text:"集安市",value:"220582"}],220600:[{city:"白山市",text:"市辖区",value:"220601"},{city:"白山市",text:"浑江区",value:"220602"},{city:"白山市",text:"江源区",value:"220605"},{city:"白山市",text:"抚松县",value:"220621"},{city:"白山市",text:"靖宇县",value:"220622"},{city:"白山市",text:"长白朝鲜族自治县",value:"220623"},{city:"白山市",text:"临江市",value:"220681"}],220700:[{city:"松原市",text:"市辖区",value:"220701"},{city:"松原市",text:"宁江区",value:"220702"},{city:"松原市",text:"前郭尔罗斯蒙古族自治县",value:"220721"},{city:"松原市",text:"长岭县",value:"220722"},{city:"松原市",text:"乾安县",value:"220723"},{city:"松原市",text:"扶余市",value:"220781"}],220800:[{city:"白城市",text:"市辖区",value:"220801"},{city:"白城市",text:"洮北区",value:"220802"},{city:"白城市",text:"镇赉县",value:"220821"},{city:"白城市",text:"通榆县",value:"220822"},{city:"白城市",text:"洮南市",value:"220881"},{city:"白城市",text:"大安市",value:"220882"}],222400:[{city:"延边朝鲜族自治州",text:"延吉市",value:"222401"},{city:"延边朝鲜族自治州",text:"图们市",value:"222402"},{city:"延边朝鲜族自治州",text:"敦化市",value:"222403"},{city:"延边朝鲜族自治州",text:"珲春市",value:"222404"},{city:"延边朝鲜族自治州",text:"龙井市",value:"222405"},{city:"延边朝鲜族自治州",text:"和龙市",value:"222406"},{city:"延边朝鲜族自治州",text:"汪清县",value:"222424"},{city:"延边朝鲜族自治州",text:"安图县",value:"222426"}],230100:[{city:"哈尔滨市",text:"市辖区",value:"230101"},{city:"哈尔滨市",text:"道里区",value:"230102"},{city:"哈尔滨市",text:"南岗区",value:"230103"},{city:"哈尔滨市",text:"道外区",value:"230104"},{city:"哈尔滨市",text:"平房区",value:"230108"},{city:"哈尔滨市",text:"松北区",value:"230109"},{city:"哈尔滨市",text:"香坊区",value:"230110"},{city:"哈尔滨市",text:"呼兰区",value:"230111"},{city:"哈尔滨市",text:"阿城区",value:"230112"},{city:"哈尔滨市",text:"双城区",value:"230113"},{city:"哈尔滨市",text:"依兰县",value:"230123"},{city:"哈尔滨市",text:"方正县",value:"230124"},{city:"哈尔滨市",text:"宾县",value:"230125"},{city:"哈尔滨市",text:"巴彦县",value:"230126"},{city:"哈尔滨市",text:"木兰县",value:"230127"},{city:"哈尔滨市",text:"通河县",value:"230128"},{city:"哈尔滨市",text:"延寿县",value:"230129"},{city:"哈尔滨市",text:"尚志市",value:"230183"},{city:"哈尔滨市",text:"五常市",value:"230184"}],230200:[{city:"齐齐哈尔市",text:"市辖区",value:"230201"},{city:"齐齐哈尔市",text:"龙沙区",value:"230202"},{city:"齐齐哈尔市",text:"建华区",value:"230203"},{city:"齐齐哈尔市",text:"铁锋区",value:"230204"},{city:"齐齐哈尔市",text:"昂昂溪区",value:"230205"},{city:"齐齐哈尔市",text:"富拉尔基区",value:"230206"},{city:"齐齐哈尔市",text:"碾子山区",value:"230207"},{city:"齐齐哈尔市",text:"梅里斯达斡尔族区",value:"230208"},{city:"齐齐哈尔市",text:"龙江县",value:"230221"},{city:"齐齐哈尔市",text:"依安县",value:"230223"},{city:"齐齐哈尔市",text:"泰来县",value:"230224"},{city:"齐齐哈尔市",text:"甘南县",value:"230225"},{city:"齐齐哈尔市",text:"富裕县",value:"230227"},{city:"齐齐哈尔市",text:"克山县",value:"230229"},{city:"齐齐哈尔市",text:"克东县",value:"230230"},{city:"齐齐哈尔市",text:"拜泉县",value:"230231"},{city:"齐齐哈尔市",text:"讷河市",value:"230281"}],230300:[{city:"鸡西市",text:"市辖区",value:"230301"},{city:"鸡西市",text:"鸡冠区",value:"230302"},{city:"鸡西市",text:"恒山区",value:"230303"},{city:"鸡西市",text:"滴道区",value:"230304"},{city:"鸡西市",text:"梨树区",value:"230305"},{city:"鸡西市",text:"城子河区",value:"230306"},{city:"鸡西市",text:"麻山区",value:"230307"},{city:"鸡西市",text:"鸡东县",value:"230321"},{city:"鸡西市",text:"虎林市",value:"230381"},{city:"鸡西市",text:"密山市",value:"230382"}],230400:[{city:"鹤岗市",text:"市辖区",value:"230401"},{city:"鹤岗市",text:"向阳区",value:"230402"},{city:"鹤岗市",text:"工农区",value:"230403"},{city:"鹤岗市",text:"南山区",value:"230404"},{city:"鹤岗市",text:"兴安区",value:"230405"},{city:"鹤岗市",text:"东山区",value:"230406"},{city:"鹤岗市",text:"兴山区",value:"230407"},{city:"鹤岗市",text:"萝北县",value:"230421"},{city:"鹤岗市",text:"绥滨县",value:"230422"}],230500:[{city:"双鸭山市",text:"市辖区",value:"230501"},{city:"双鸭山市",text:"尖山区",value:"230502"},{city:"双鸭山市",text:"岭东区",value:"230503"},{city:"双鸭山市",text:"四方台区",value:"230505"},{city:"双鸭山市",text:"宝山区",value:"230506"},{city:"双鸭山市",text:"集贤县",value:"230521"},{city:"双鸭山市",text:"友谊县",value:"230522"},{city:"双鸭山市",text:"宝清县",value:"230523"},{city:"双鸭山市",text:"饶河县",value:"230524"}],230600:[{city:"大庆市",text:"市辖区",value:"230601"},{city:"大庆市",text:"萨尔图区",value:"230602"},{city:"大庆市",text:"龙凤区",value:"230603"},{city:"大庆市",text:"让胡路区",value:"230604"},{city:"大庆市",text:"红岗区",value:"230605"},{city:"大庆市",text:"大同区",value:"230606"},{city:"大庆市",text:"肇州县",value:"230621"},{city:"大庆市",text:"肇源县",value:"230622"},{city:"大庆市",text:"林甸县",value:"230623"},{city:"大庆市",text:"杜尔伯特蒙古族自治县",value:"230624"}],230700:[{city:"伊春市",text:"市辖区",value:"230701"},{city:"伊春市",text:"伊春区",value:"230702"},{city:"伊春市",text:"南岔区",value:"230703"},{city:"伊春市",text:"友好区",value:"230704"},{city:"伊春市",text:"西林区",value:"230705"},{city:"伊春市",text:"翠峦区",value:"230706"},{city:"伊春市",text:"新青区",value:"230707"},{city:"伊春市",text:"美溪区",value:"230708"},{city:"伊春市",text:"金山屯区",value:"230709"},{city:"伊春市",text:"五营区",value:"230710"},{city:"伊春市",text:"乌马河区",value:"230711"},{city:"伊春市",text:"汤旺河区",value:"230712"},{city:"伊春市",text:"带岭区",value:"230713"},{city:"伊春市",text:"乌伊岭区",value:"230714"},{city:"伊春市",text:"红星区",value:"230715"},{city:"伊春市",text:"上甘岭区",value:"230716"},{city:"伊春市",text:"嘉荫县",value:"230722"},{city:"伊春市",text:"铁力市",value:"230781"}],230800:[{city:"佳木斯市",text:"市辖区",value:"230801"},{city:"佳木斯市",text:"向阳区",value:"230803"},{city:"佳木斯市",text:"前进区",value:"230804"},{city:"佳木斯市",text:"东风区",value:"230805"},{city:"佳木斯市",text:"郊区",value:"230811"},{city:"佳木斯市",text:"桦南县",value:"230822"},{city:"佳木斯市",text:"桦川县",value:"230826"},{city:"佳木斯市",text:"汤原县",value:"230828"},{city:"佳木斯市",text:"同江市",value:"230881"},{city:"佳木斯市",text:"富锦市",value:"230882"},{city:"佳木斯市",text:"抚远市",value:"230883"}],230900:[{city:"七台河市",text:"市辖区",value:"230901"},{city:"七台河市",text:"新兴区",value:"230902"},{city:"七台河市",text:"桃山区",value:"230903"},{city:"七台河市",text:"茄子河区",value:"230904"},{city:"七台河市",text:"勃利县",value:"230921"}],231000:[{city:"牡丹江市",text:"市辖区",value:"231001"},{city:"牡丹江市",text:"东安区",value:"231002"},{city:"牡丹江市",text:"阳明区",value:"231003"},{city:"牡丹江市",text:"爱民区",value:"231004"},{city:"牡丹江市",text:"西安区",value:"231005"},{city:"牡丹江市",text:"林口县",value:"231025"},{city:"牡丹江市",text:"绥芬河市",value:"231081"},{city:"牡丹江市",text:"海林市",value:"231083"},{city:"牡丹江市",text:"宁安市",value:"231084"},{city:"牡丹江市",text:"穆棱市",value:"231085"},{city:"牡丹江市",text:"东宁市",value:"231086"}],231100:[{city:"黑河市",text:"市辖区",value:"231101"},{city:"黑河市",text:"爱辉区",value:"231102"},{city:"黑河市",text:"嫩江县",value:"231121"},{city:"黑河市",text:"逊克县",value:"231123"},{city:"黑河市",text:"孙吴县",value:"231124"},{city:"黑河市",text:"北安市",value:"231181"},{city:"黑河市",text:"五大连池市",value:"231182"}],231200:[{city:"绥化市",text:"市辖区",value:"231201"},{city:"绥化市",text:"北林区",value:"231202"},{city:"绥化市",text:"望奎县",value:"231221"},{city:"绥化市",text:"兰西县",value:"231222"},{city:"绥化市",text:"青冈县",value:"231223"},{city:"绥化市",text:"庆安县",value:"231224"},{city:"绥化市",text:"明水县",value:"231225"},{city:"绥化市",text:"绥棱县",value:"231226"},{city:"绥化市",text:"安达市",value:"231281"},{city:"绥化市",text:"肇东市",value:"231282"},{city:"绥化市",text:"海伦市",value:"231283"}],232700:[{city:"大兴安岭地区",text:"呼玛县",value:"232721"},{city:"大兴安岭地区",text:"塔河县",value:"232722"},{city:"大兴安岭地区",text:"漠河县",value:"232723"}],310100:[{city:"市辖区",text:"黄浦区",value:"310101"},{city:"市辖区",text:"徐汇区",value:"310104"},{city:"市辖区",text:"长宁区",value:"310105"},{city:"市辖区",text:"静安区",value:"310106"},{city:"市辖区",text:"普陀区",value:"310107"},{city:"市辖区",text:"虹口区",value:"310109"},{city:"市辖区",text:"杨浦区",value:"310110"},{city:"市辖区",text:"闵行区",value:"310112"},{city:"市辖区",text:"宝山区",value:"310113"},{city:"市辖区",text:"嘉定区",value:"310114"},{city:"市辖区",text:"浦东新区",value:"310115"},{city:"市辖区",text:"金山区",value:"310116"},{city:"市辖区",text:"松江区",value:"310117"},{city:"市辖区",text:"青浦区",value:"310118"},{city:"市辖区",text:"奉贤区",value:"310120"},{city:"市辖区",text:"崇明区",value:"310151"}],320100:[{city:"南京市",text:"市辖区",value:"320101"},{city:"南京市",text:"玄武区",value:"320102"},{city:"南京市",text:"秦淮区",value:"320104"},{city:"南京市",text:"建邺区",value:"320105"},{city:"南京市",text:"鼓楼区",value:"320106"},{city:"南京市",text:"浦口区",value:"320111"},{city:"南京市",text:"栖霞区",value:"320113"},{city:"南京市",text:"雨花台区",value:"320114"},{city:"南京市",text:"江宁区",value:"320115"},{city:"南京市",text:"六合区",value:"320116"},{city:"南京市",text:"溧水区",value:"320117"},{city:"南京市",text:"高淳区",value:"320118"}],320200:[{city:"无锡市",text:"市辖区",value:"320201"},{city:"无锡市",text:"锡山区",value:"320205"},{city:"无锡市",text:"惠山区",value:"320206"},{city:"无锡市",text:"滨湖区",value:"320211"},{city:"无锡市",text:"梁溪区",value:"320213"},{city:"无锡市",text:"新吴区",value:"320214"},{city:"无锡市",text:"江阴市",value:"320281"},{city:"无锡市",text:"宜兴市",value:"320282"}],320300:[{city:"徐州市",text:"市辖区",value:"320301"},{city:"徐州市",text:"鼓楼区",value:"320302"},{city:"徐州市",text:"云龙区",value:"320303"},{city:"徐州市",text:"贾汪区",value:"320305"},{city:"徐州市",text:"泉山区",value:"320311"},{city:"徐州市",text:"铜山区",value:"320312"},{city:"徐州市",text:"丰县",value:"320321"},{city:"徐州市",text:"沛县",value:"320322"},{city:"徐州市",text:"睢宁县",value:"320324"},{city:"徐州市",text:"新沂市",value:"320381"},{city:"徐州市",text:"邳州市",value:"320382"}],320400:[{city:"常州市",text:"市辖区",value:"320401"},{city:"常州市",text:"天宁区",value:"320402"},{city:"常州市",text:"钟楼区",value:"320404"},{city:"常州市",text:"新北区",value:"320411"},{city:"常州市",text:"武进区",value:"320412"},{city:"常州市",text:"金坛区",value:"320413"},{city:"常州市",text:"溧阳市",value:"320481"}],320500:[{city:"苏州市",text:"市辖区",value:"320501"},{city:"苏州市",text:"虎丘区",value:"320505"},{city:"苏州市",text:"吴中区",value:"320506"},{city:"苏州市",text:"相城区",value:"320507"},{city:"苏州市",text:"姑苏区",value:"320508"},{city:"苏州市",text:"吴江区",value:"320509"},{city:"苏州市",text:"常熟市",value:"320581"},{city:"苏州市",text:"张家港市",value:"320582"},{city:"苏州市",text:"昆山市",value:"320583"},{city:"苏州市",text:"太仓市",value:"320585"}],320600:[{city:"南通市",text:"市辖区",value:"320601"},{city:"南通市",text:"崇川区",value:"320602"},{city:"南通市",text:"港闸区",value:"320611"},{city:"南通市",text:"通州区",value:"320612"},{city:"南通市",text:"海安县",value:"320621"},{city:"南通市",text:"如东县",value:"320623"},{city:"南通市",text:"启东市",value:"320681"},{city:"南通市",text:"如皋市",value:"320682"},{city:"南通市",text:"海门市",value:"320684"}],320700:[{city:"连云港市",text:"市辖区",value:"320701"},{city:"连云港市",text:"连云区",value:"320703"},{city:"连云港市",text:"海州区",value:"320706"},{city:"连云港市",text:"赣榆区",value:"320707"},{city:"连云港市",text:"东海县",value:"320722"},{city:"连云港市",text:"灌云县",value:"320723"},{city:"连云港市",text:"灌南县",value:"320724"}],320800:[{city:"淮安市",text:"市辖区",value:"320801"},{city:"淮安市",text:"淮安区",value:"320803"},{city:"淮安市",text:"淮阴区",value:"320804"},{city:"淮安市",text:"清江浦区",value:"320812"},{city:"淮安市",text:"洪泽区",value:"320813"},{city:"淮安市",text:"涟水县",value:"320826"},{city:"淮安市",text:"盱眙县",value:"320830"},{city:"淮安市",text:"金湖县",value:"320831"}],320900:[{city:"盐城市",text:"市辖区",value:"320901"},{city:"盐城市",text:"亭湖区",value:"320902"},{city:"盐城市",text:"盐都区",value:"320903"},{city:"盐城市",text:"大丰区",value:"320904"},{city:"盐城市",text:"响水县",value:"320921"},{city:"盐城市",text:"滨海县",value:"320922"},{city:"盐城市",text:"阜宁县",value:"320923"},{city:"盐城市",text:"射阳县",value:"320924"},{city:"盐城市",text:"建湖县",value:"320925"},{city:"盐城市",text:"东台市",value:"320981"}],321000:[{city:"扬州市",text:"市辖区",value:"321001"},{city:"扬州市",text:"广陵区",value:"321002"},{city:"扬州市",text:"邗江区",value:"321003"},{city:"扬州市",text:"江都区",value:"321012"},{city:"扬州市",text:"宝应县",value:"321023"},{city:"扬州市",text:"仪征市",value:"321081"},{city:"扬州市",text:"高邮市",value:"321084"}],321100:[{city:"镇江市",text:"市辖区",value:"321101"},{city:"镇江市",text:"京口区",value:"321102"},{city:"镇江市",text:"润州区",value:"321111"},{city:"镇江市",text:"丹徒区",value:"321112"},{city:"镇江市",text:"丹阳市",value:"321181"},{city:"镇江市",text:"扬中市",value:"321182"},{city:"镇江市",text:"句容市",value:"321183"}],321200:[{city:"泰州市",text:"市辖区",value:"321201"},{city:"泰州市",text:"海陵区",value:"321202"},{city:"泰州市",text:"高港区",value:"321203"},{city:"泰州市",text:"姜堰区",value:"321204"},{city:"泰州市",text:"兴化市",value:"321281"},{city:"泰州市",text:"靖江市",value:"321282"},{city:"泰州市",text:"泰兴市",value:"321283"}],321300:[{city:"宿迁市",text:"市辖区",value:"321301"},{city:"宿迁市",text:"宿城区",value:"321302"},{city:"宿迁市",text:"宿豫区",value:"321311"},{city:"宿迁市",text:"沭阳县",value:"321322"},{city:"宿迁市",text:"泗阳县",value:"321323"},{city:"宿迁市",text:"泗洪县",value:"321324"}],330100:[{city:"杭州市",text:"市辖区",value:"330101"},{city:"杭州市",text:"上城区",value:"330102"},{city:"杭州市",text:"下城区",value:"330103"},{city:"杭州市",text:"江干区",value:"330104"},{city:"杭州市",text:"拱墅区",value:"330105"},{city:"杭州市",text:"西湖区",value:"330106"},{city:"杭州市",text:"滨江区",value:"330108"},{city:"杭州市",text:"萧山区",value:"330109"},{city:"杭州市",text:"余杭区",value:"330110"},{city:"杭州市",text:"富阳区",value:"330111"},{city:"杭州市",text:"桐庐县",value:"330122"},{city:"杭州市",text:"淳安县",value:"330127"},{city:"杭州市",text:"建德市",value:"330182"},{city:"杭州市",text:"临安市",value:"330185"}],330200:[{city:"宁波市",text:"市辖区",value:"330201"},{city:"宁波市",text:"海曙区",value:"330203"},{city:"宁波市",text:"江东区",value:"330204"},{city:"宁波市",text:"江北区",value:"330205"},{city:"宁波市",text:"北仑区",value:"330206"},{city:"宁波市",text:"镇海区",value:"330211"},{city:"宁波市",text:"鄞州区",value:"330212"},{city:"宁波市",text:"象山县",value:"330225"},{city:"宁波市",text:"宁海县",value:"330226"},{city:"宁波市",text:"余姚市",value:"330281"},{city:"宁波市",text:"慈溪市",value:"330282"},{city:"宁波市",text:"奉化市",value:"330283"}],330300:[{city:"温州市",text:"市辖区",value:"330301"},{city:"温州市",text:"鹿城区",value:"330302"},{city:"温州市",text:"龙湾区",value:"330303"},{city:"温州市",text:"瓯海区",value:"330304"},{city:"温州市",text:"洞头区",value:"330305"},{city:"温州市",text:"永嘉县",value:"330324"},{city:"温州市",text:"平阳县",value:"330326"},{city:"温州市",text:"苍南县",value:"330327"},{city:"温州市",text:"文成县",value:"330328"},{city:"温州市",text:"泰顺县",value:"330329"},{city:"温州市",text:"瑞安市",value:"330381"},{city:"温州市",text:"乐清市",value:"330382"}],330400:[{city:"嘉兴市",text:"市辖区",value:"330401"},{city:"嘉兴市",text:"南湖区",value:"330402"},{city:"嘉兴市",text:"秀洲区",value:"330411"},{city:"嘉兴市",text:"嘉善县",value:"330421"},{city:"嘉兴市",text:"海盐县",value:"330424"},{city:"嘉兴市",text:"海宁市",value:"330481"},{city:"嘉兴市",text:"平湖市",value:"330482"},{city:"嘉兴市",text:"桐乡市",value:"330483"}],330500:[{city:"湖州市",text:"市辖区",value:"330501"},{city:"湖州市",text:"吴兴区",value:"330502"},{city:"湖州市",text:"南浔区",value:"330503"},{city:"湖州市",text:"德清县",value:"330521"},{city:"湖州市",text:"长兴县",value:"330522"},{city:"湖州市",text:"安吉县",value:"330523"}],330600:[{city:"绍兴市",text:"市辖区",value:"330601"},{city:"绍兴市",text:"越城区",value:"330602"},{city:"绍兴市",text:"柯桥区",value:"330603"},{city:"绍兴市",text:"上虞区",value:"330604"},{city:"绍兴市",text:"新昌县",value:"330624"},{city:"绍兴市",text:"诸暨市",value:"330681"},{city:"绍兴市",text:"嵊州市",value:"330683"}],330700:[{city:"金华市",text:"市辖区",value:"330701"},{city:"金华市",text:"婺城区",value:"330702"},{city:"金华市",text:"金东区",value:"330703"},{city:"金华市",text:"武义县",value:"330723"},{city:"金华市",text:"浦江县",value:"330726"},{city:"金华市",text:"磐安县",value:"330727"},{city:"金华市",text:"兰溪市",value:"330781"},{city:"金华市",text:"义乌市",value:"330782"},{city:"金华市",text:"东阳市",value:"330783"},{city:"金华市",text:"永康市",value:"330784"}],330800:[{city:"衢州市",text:"市辖区",value:"330801"},{city:"衢州市",text:"柯城区",value:"330802"},{city:"衢州市",text:"衢江区",value:"330803"},{city:"衢州市",text:"常山县",value:"330822"},{city:"衢州市",text:"开化县",value:"330824"},{city:"衢州市",text:"龙游县",value:"330825"},{city:"衢州市",text:"江山市",value:"330881"}],330900:[{city:"舟山市",text:"市辖区",value:"330901"},{city:"舟山市",text:"定海区",value:"330902"},{city:"舟山市",text:"普陀区",value:"330903"},{city:"舟山市",text:"岱山县",value:"330921"},{city:"舟山市",text:"嵊泗县",value:"330922"}],331000:[{city:"台州市",text:"市辖区",value:"331001"},{city:"台州市",text:"椒江区",value:"331002"},{city:"台州市",text:"黄岩区",value:"331003"},{city:"台州市",text:"路桥区",value:"331004"},{city:"台州市",text:"玉环县",value:"331021"},{city:"台州市",text:"三门县",value:"331022"},{city:"台州市",text:"天台县",value:"331023"},{city:"台州市",text:"仙居县",value:"331024"},{city:"台州市",text:"温岭市",value:"331081"},{city:"台州市",text:"临海市",value:"331082"}],331100:[{city:"丽水市",text:"市辖区",value:"331101"},{city:"丽水市",text:"莲都区",value:"331102"},{city:"丽水市",text:"青田县",value:"331121"},{city:"丽水市",text:"缙云县",value:"331122"},{city:"丽水市",text:"遂昌县",value:"331123"},{city:"丽水市",text:"松阳县",value:"331124"},{city:"丽水市",text:"云和县",value:"331125"},{city:"丽水市",text:"庆元县",value:"331126"},{city:"丽水市",text:"景宁畲族自治县",value:"331127"},{city:"丽水市",text:"龙泉市",value:"331181"}],340100:[{city:"合肥市",text:"市辖区",value:"340101"},{city:"合肥市",text:"瑶海区",value:"340102"},{city:"合肥市",text:"庐阳区",value:"340103"},{city:"合肥市",text:"蜀山区",value:"340104"},{city:"合肥市",text:"包河区",value:"340111"},{city:"合肥市",text:"长丰县",value:"340121"},{city:"合肥市",text:"肥东县",value:"340122"},{city:"合肥市",text:"肥西县",value:"340123"},{city:"合肥市",text:"庐江县",value:"340124"},{city:"合肥市",text:"巢湖市",value:"340181"}],340200:[{city:"芜湖市",text:"市辖区",value:"340201"},{city:"芜湖市",text:"镜湖区",value:"340202"},{city:"芜湖市",text:"弋江区",value:"340203"},{city:"芜湖市",text:"鸠江区",value:"340207"},{city:"芜湖市",text:"三山区",value:"340208"},{city:"芜湖市",text:"芜湖县",value:"340221"},{city:"芜湖市",text:"繁昌县",value:"340222"},{city:"芜湖市",text:"南陵县",value:"340223"},{city:"芜湖市",text:"无为县",value:"340225"}],340300:[{city:"蚌埠市",text:"市辖区",value:"340301"},{city:"蚌埠市",text:"龙子湖区",value:"340302"},{city:"蚌埠市",text:"蚌山区",value:"340303"},{city:"蚌埠市",text:"禹会区",value:"340304"},{city:"蚌埠市",text:"淮上区",value:"340311"},{city:"蚌埠市",text:"怀远县",value:"340321"},{city:"蚌埠市",text:"五河县",value:"340322"},{city:"蚌埠市",text:"固镇县",value:"340323"}],340400:[{city:"淮南市",text:"市辖区",value:"340401"},{city:"淮南市",text:"大通区",value:"340402"},{city:"淮南市",text:"田家庵区",value:"340403"},{city:"淮南市",text:"谢家集区",value:"340404"},{city:"淮南市",text:"八公山区",value:"340405"},{city:"淮南市",text:"潘集区",value:"340406"},{city:"淮南市",text:"凤台县",value:"340421"},{city:"淮南市",text:"寿县",value:"340422"}],340500:[{city:"马鞍山市",text:"市辖区",value:"340501"},{city:"马鞍山市",text:"花山区",value:"340503"},{city:"马鞍山市",text:"雨山区",value:"340504"},{city:"马鞍山市",text:"博望区",value:"340506"},{city:"马鞍山市",text:"当涂县",value:"340521"},{city:"马鞍山市",text:"含山县",value:"340522"},{city:"马鞍山市",text:"和县",value:"340523"}],340600:[{city:"淮北市",text:"市辖区",value:"340601"},{city:"淮北市",text:"杜集区",value:"340602"},{city:"淮北市",text:"相山区",value:"340603"},{city:"淮北市",text:"烈山区",value:"340604"},{city:"淮北市",text:"濉溪县",value:"340621"}],340700:[{city:"铜陵市",text:"市辖区",value:"340701"},{city:"铜陵市",text:"铜官区",value:"340705"},{city:"铜陵市",text:"义安区",value:"340706"},{city:"铜陵市",text:"郊区",value:"340711"},{city:"铜陵市",text:"枞阳县",value:"340722"}],340800:[{city:"安庆市",text:"市辖区",value:"340801"},{city:"安庆市",text:"迎江区",value:"340802"},{city:"安庆市",text:"大观区",value:"340803"},{city:"安庆市",text:"宜秀区",value:"340811"},{city:"安庆市",text:"怀宁县",value:"340822"},{city:"安庆市",text:"潜山县",value:"340824"},{city:"安庆市",text:"太湖县",value:"340825"},{city:"安庆市",text:"宿松县",value:"340826"},{city:"安庆市",text:"望江县",value:"340827"},{city:"安庆市",text:"岳西县",value:"340828"},{city:"安庆市",text:"桐城市",value:"340881"}],341000:[{city:"黄山市",text:"市辖区",value:"341001"},{city:"黄山市",text:"屯溪区",value:"341002"},{city:"黄山市",text:"黄山区",value:"341003"},{city:"黄山市",text:"徽州区",value:"341004"},{city:"黄山市",text:"歙县",value:"341021"},{city:"黄山市",text:"休宁县",value:"341022"},{city:"黄山市",text:"黟县",value:"341023"},{city:"黄山市",text:"祁门县",value:"341024"}],341100:[{city:"滁州市",text:"市辖区",value:"341101"},{city:"滁州市",text:"琅琊区",value:"341102"},{city:"滁州市",text:"南谯区",value:"341103"},{city:"滁州市",text:"来安县",value:"341122"},{city:"滁州市",text:"全椒县",value:"341124"},{city:"滁州市",text:"定远县",value:"341125"},{city:"滁州市",text:"凤阳县",value:"341126"},{city:"滁州市",text:"天长市",value:"341181"},{city:"滁州市",text:"明光市",value:"341182"}],341200:[{city:"阜阳市",text:"市辖区",value:"341201"},{city:"阜阳市",text:"颍州区",value:"341202"},{city:"阜阳市",text:"颍东区",value:"341203"},{city:"阜阳市",text:"颍泉区",value:"341204"},{city:"阜阳市",text:"临泉县",value:"341221"},{city:"阜阳市",text:"太和县",value:"341222"},{city:"阜阳市",text:"阜南县",value:"341225"},{city:"阜阳市",text:"颍上县",value:"341226"},{city:"阜阳市",text:"界首市",value:"341282"}],341300:[{city:"宿州市",text:"市辖区",value:"341301"},{city:"宿州市",text:"埇桥区",value:"341302"},{city:"宿州市",text:"砀山县",value:"341321"},{city:"宿州市",text:"萧县",value:"341322"},{city:"宿州市",text:"灵璧县",value:"341323"},{city:"宿州市",text:"泗县",value:"341324"}],341500:[{city:"六安市",text:"市辖区",value:"341501"},{city:"六安市",text:"金安区",value:"341502"},{city:"六安市",text:"裕安区",value:"341503"},{city:"六安市",text:"叶集区",value:"341504"},{city:"六安市",text:"霍邱县",value:"341522"},{city:"六安市",text:"舒城县",value:"341523"},{city:"六安市",text:"金寨县",value:"341524"},{city:"六安市",text:"霍山县",value:"341525"}],341600:[{city:"亳州市",text:"市辖区",value:"341601"},{city:"亳州市",text:"谯城区",value:"341602"},{city:"亳州市",text:"涡阳县",value:"341621"},{city:"亳州市",text:"蒙城县",value:"341622"},{city:"亳州市",text:"利辛县",value:"341623"}],341700:[{city:"池州市",text:"市辖区",value:"341701"},{city:"池州市",text:"贵池区",value:"341702"},{city:"池州市",text:"东至县",value:"341721"},{city:"池州市",text:"石台县",value:"341722"},{city:"池州市",text:"青阳县",value:"341723"}],341800:[{city:"宣城市",text:"市辖区",value:"341801"},{city:"宣城市",text:"宣州区",value:"341802"},{city:"宣城市",text:"郎溪县",value:"341821"},{city:"宣城市",text:"广德县",value:"341822"},{city:"宣城市",text:"泾县",value:"341823"},{city:"宣城市",text:"绩溪县",value:"341824"},{city:"宣城市",text:"旌德县",value:"341825"},{city:"宣城市",text:"宁国市",value:"341881"}],350100:[{city:"福州市",text:"市辖区",value:"350101"},{city:"福州市",text:"鼓楼区",value:"350102"},{city:"福州市",text:"台江区",value:"350103"},{city:"福州市",text:"仓山区",value:"350104"},{city:"福州市",text:"马尾区",value:"350105"},{city:"福州市",text:"晋安区",value:"350111"},{city:"福州市",text:"闽侯县",value:"350121"},{city:"福州市",text:"连江县",value:"350122"},{city:"福州市",text:"罗源县",value:"350123"},{city:"福州市",text:"闽清县",value:"350124"},{city:"福州市",text:"永泰县",value:"350125"},{city:"福州市",text:"平潭县",value:"350128"},{city:"福州市",text:"福清市",value:"350181"},{city:"福州市",text:"长乐市",value:"350182"}],350200:[{city:"厦门市",text:"市辖区",value:"350201"},{city:"厦门市",text:"思明区",value:"350203"},{city:"厦门市",text:"海沧区",value:"350205"},{city:"厦门市",text:"湖里区",value:"350206"},{city:"厦门市",text:"集美区",value:"350211"},{city:"厦门市",text:"同安区",value:"350212"},{city:"厦门市",text:"翔安区",value:"350213"}],350300:[{city:"莆田市",text:"市辖区",value:"350301"},{city:"莆田市",text:"城厢区",value:"350302"},{city:"莆田市",text:"涵江区",value:"350303"},{city:"莆田市",text:"荔城区",value:"350304"},{city:"莆田市",text:"秀屿区",value:"350305"},{city:"莆田市",text:"仙游县",value:"350322"}],350400:[{city:"三明市",text:"市辖区",value:"350401"},{city:"三明市",text:"梅列区",value:"350402"},{city:"三明市",text:"三元区",value:"350403"},{city:"三明市",text:"明溪县",value:"350421"},{city:"三明市",text:"清流县",value:"350423"},{city:"三明市",text:"宁化县",value:"350424"},{city:"三明市",text:"大田县",value:"350425"},{city:"三明市",text:"尤溪县",value:"350426"},{city:"三明市",text:"沙县",value:"350427"},{city:"三明市",text:"将乐县",value:"350428"},{city:"三明市",text:"泰宁县",value:"350429"},{city:"三明市",text:"建宁县",value:"350430"},{city:"三明市",text:"永安市",value:"350481"}],350500:[{city:"泉州市",text:"市辖区",value:"350501"},{city:"泉州市",text:"鲤城区",value:"350502"},{city:"泉州市",text:"丰泽区",value:"350503"},{city:"泉州市",text:"洛江区",value:"350504"},{city:"泉州市",text:"泉港区",value:"350505"},{city:"泉州市",text:"惠安县",value:"350521"},{city:"泉州市",text:"安溪县",value:"350524"},{city:"泉州市",text:"永春县",value:"350525"},{city:"泉州市",text:"德化县",value:"350526"},{city:"泉州市",text:"金门县",value:"350527"},{city:"泉州市",text:"石狮市",value:"350581"},{city:"泉州市",text:"晋江市",value:"350582"},{city:"泉州市",text:"南安市",value:"350583"}],350600:[{city:"漳州市",text:"市辖区",value:"350601"},{city:"漳州市",text:"芗城区",value:"350602"},{city:"漳州市",text:"龙文区",value:"350603"},{city:"漳州市",text:"云霄县",value:"350622"},{city:"漳州市",text:"漳浦县",value:"350623"},{city:"漳州市",text:"诏安县",value:"350624"},{city:"漳州市",text:"长泰县",value:"350625"},{city:"漳州市",text:"东山县",value:"350626"},{city:"漳州市",text:"南靖县",value:"350627"},{city:"漳州市",text:"平和县",value:"350628"},{city:"漳州市",text:"华安县",value:"350629"},{city:"漳州市",text:"龙海市",value:"350681"}],350700:[{city:"南平市",text:"市辖区",value:"350701"},{city:"南平市",text:"延平区",value:"350702"},{city:"南平市",text:"建阳区",value:"350703"},{city:"南平市",text:"顺昌县",value:"350721"},{city:"南平市",text:"浦城县",value:"350722"},{city:"南平市",text:"光泽县",value:"350723"},{city:"南平市",text:"松溪县",value:"350724"},{city:"南平市",text:"政和县",value:"350725"},{city:"南平市",text:"邵武市",value:"350781"},{city:"南平市",text:"武夷山市",value:"350782"},{city:"南平市",text:"建瓯市",value:"350783"}],350800:[{city:"龙岩市",text:"市辖区",value:"350801"},{city:"龙岩市",text:"新罗区",value:"350802"},{city:"龙岩市",text:"永定区",value:"350803"},{city:"龙岩市",text:"长汀县",value:"350821"},{city:"龙岩市",text:"上杭县",value:"350823"},{city:"龙岩市",text:"武平县",value:"350824"},{city:"龙岩市",text:"连城县",value:"350825"},{city:"龙岩市",text:"漳平市",value:"350881"}],350900:[{city:"宁德市",text:"市辖区",value:"350901"},{city:"宁德市",text:"蕉城区",value:"350902"},{city:"宁德市",text:"霞浦县",value:"350921"},{city:"宁德市",text:"古田县",value:"350922"},{city:"宁德市",text:"屏南县",value:"350923"},{city:"宁德市",text:"寿宁县",value:"350924"},{city:"宁德市",text:"周宁县",value:"350925"},{city:"宁德市",text:"柘荣县",value:"350926"},{city:"宁德市",text:"福安市",value:"350981"},{city:"宁德市",text:"福鼎市",value:"350982"}],360100:[{city:"南昌市",text:"市辖区",value:"360101"},{city:"南昌市",text:"东湖区",value:"360102"},{city:"南昌市",text:"西湖区",value:"360103"},{city:"南昌市",text:"青云谱区",value:"360104"},{city:"南昌市",text:"湾里区",value:"360105"},{city:"南昌市",text:"青山湖区",value:"360111"},{city:"南昌市",text:"新建区",value:"360112"},{city:"南昌市",text:"南昌县",value:"360121"},{city:"南昌市",text:"安义县",value:"360123"},{city:"南昌市",text:"进贤县",value:"360124"}],360200:[{city:"景德镇市",text:"市辖区",value:"360201"},{city:"景德镇市",text:"昌江区",value:"360202"},{city:"景德镇市",text:"珠山区",value:"360203"},{city:"景德镇市",text:"浮梁县",value:"360222"},{city:"景德镇市",text:"乐平市",value:"360281"}],360300:[{city:"萍乡市",text:"市辖区",value:"360301"},{city:"萍乡市",text:"安源区",value:"360302"},{city:"萍乡市",text:"湘东区",value:"360313"},{city:"萍乡市",text:"莲花县",value:"360321"},{city:"萍乡市",text:"上栗县",value:"360322"},{city:"萍乡市",text:"芦溪县",value:"360323"}],360400:[{city:"九江市",text:"市辖区",value:"360401"},{city:"九江市",text:"濂溪区",value:"360402"},{city:"九江市",text:"浔阳区",value:"360403"},{city:"九江市",text:"九江县",value:"360421"},{city:"九江市",text:"武宁县",value:"360423"},{city:"九江市",text:"修水县",value:"360424"},{city:"九江市",text:"永修县",value:"360425"},{city:"九江市",text:"德安县",value:"360426"},{city:"九江市",text:"都昌县",value:"360428"},{city:"九江市",text:"湖口县",value:"360429"},{city:"九江市",text:"彭泽县",value:"360430"},{city:"九江市",text:"瑞昌市",value:"360481"},{city:"九江市",text:"共青城市",value:"360482"},{city:"九江市",text:"庐山市",value:"360483"}],360500:[{city:"新余市",text:"市辖区",value:"360501"},{city:"新余市",text:"渝水区",value:"360502"},{city:"新余市",text:"分宜县",value:"360521"}],360600:[{city:"鹰潭市",text:"市辖区",value:"360601"},{city:"鹰潭市",text:"月湖区",value:"360602"},{city:"鹰潭市",text:"余江县",value:"360622"},{city:"鹰潭市",text:"贵溪市",value:"360681"}],360700:[{city:"赣州市",text:"市辖区",value:"360701"},{city:"赣州市",text:"章贡区",value:"360702"},{city:"赣州市",text:"南康区",value:"360703"},{city:"赣州市",text:"赣县",value:"360721"},{city:"赣州市",text:"信丰县",value:"360722"},{city:"赣州市",text:"大余县",value:"360723"},{city:"赣州市",text:"上犹县",value:"360724"},{city:"赣州市",text:"崇义县",value:"360725"},{city:"赣州市",text:"安远县",value:"360726"},{city:"赣州市",text:"龙南县",value:"360727"},{city:"赣州市",text:"定南县",value:"360728"},{city:"赣州市",text:"全南县",value:"360729"},{city:"赣州市",text:"宁都县",value:"360730"},{city:"赣州市",text:"于都县",value:"360731"},{city:"赣州市",text:"兴国县",value:"360732"},{city:"赣州市",text:"会昌县",value:"360733"},{city:"赣州市",text:"寻乌县",value:"360734"},{city:"赣州市",text:"石城县",value:"360735"},{city:"赣州市",text:"瑞金市",value:"360781"}],360800:[{city:"吉安市",text:"市辖区",value:"360801"},{city:"吉安市",text:"吉州区",value:"360802"},{city:"吉安市",text:"青原区",value:"360803"},{city:"吉安市",text:"吉安县",value:"360821"},{city:"吉安市",text:"吉水县",value:"360822"},{city:"吉安市",text:"峡江县",value:"360823"},{city:"吉安市",text:"新干县",value:"360824"},{city:"吉安市",text:"永丰县",value:"360825"},{city:"吉安市",text:"泰和县",value:"360826"},{city:"吉安市",text:"遂川县",value:"360827"},{city:"吉安市",text:"万安县",value:"360828"},{city:"吉安市",text:"安福县",value:"360829"},{city:"吉安市",text:"永新县",value:"360830"},{city:"吉安市",text:"井冈山市",value:"360881"}],360900:[{city:"宜春市",text:"市辖区",value:"360901"},{city:"宜春市",text:"袁州区",value:"360902"},{city:"宜春市",text:"奉新县",value:"360921"},{city:"宜春市",text:"万载县",value:"360922"},{city:"宜春市",text:"上高县",value:"360923"},{city:"宜春市",text:"宜丰县",value:"360924"},{city:"宜春市",text:"靖安县",value:"360925"},{city:"宜春市",text:"铜鼓县",value:"360926"},{city:"宜春市",text:"丰城市",value:"360981"},{city:"宜春市",text:"樟树市",value:"360982"},{city:"宜春市",text:"高安市",value:"360983"}],361000:[{city:"抚州市",text:"市辖区",value:"361001"},{city:"抚州市",text:"临川区",value:"361002"},{city:"抚州市",text:"南城县",value:"361021"},{city:"抚州市",text:"黎川县",value:"361022"},{city:"抚州市",text:"南丰县",value:"361023"},{city:"抚州市",text:"崇仁县",value:"361024"},{city:"抚州市",text:"乐安县",value:"361025"},{city:"抚州市",text:"宜黄县",value:"361026"},{city:"抚州市",text:"金溪县",value:"361027"},{city:"抚州市",text:"资溪县",value:"361028"},{city:"抚州市",text:"东乡县",value:"361029"},{city:"抚州市",text:"广昌县",value:"361030"}],361100:[{city:"上饶市",text:"市辖区",value:"361101"},{city:"上饶市",text:"信州区",value:"361102"},{city:"上饶市",text:"广丰区",value:"361103"},{city:"上饶市",text:"上饶县",value:"361121"},{city:"上饶市",text:"玉山县",value:"361123"},{city:"上饶市",text:"铅山县",value:"361124"},{city:"上饶市",text:"横峰县",value:"361125"},{city:"上饶市",text:"弋阳县",value:"361126"},{city:"上饶市",text:"余干县",value:"361127"},{city:"上饶市",text:"鄱阳县",value:"361128"},{city:"上饶市",text:"万年县",value:"361129"},{city:"上饶市",text:"婺源县",value:"361130"},{city:"上饶市",text:"德兴市",value:"361181"}],370100:[{city:"济南市",text:"市辖区",value:"370101"},{city:"济南市",text:"历下区",value:"370102"},{city:"济南市",text:"市中区",value:"370103"},{city:"济南市",text:"槐荫区",value:"370104"},{city:"济南市",text:"天桥区",value:"370105"},{city:"济南市",text:"历城区",value:"370112"},{city:"济南市",text:"长清区",value:"370113"},{city:"济南市",text:"平阴县",value:"370124"},{city:"济南市",text:"济阳县",value:"370125"},{city:"济南市",text:"商河县",value:"370126"},{city:"济南市",text:"章丘市",value:"370181"}],370200:[{city:"青岛市",text:"市辖区",value:"370201"},{city:"青岛市",text:"市南区",value:"370202"},{city:"青岛市",text:"市北区",value:"370203"},{city:"青岛市",text:"黄岛区",value:"370211"},{city:"青岛市",text:"崂山区",value:"370212"},{city:"青岛市",text:"李沧区",value:"370213"},{city:"青岛市",text:"城阳区",value:"370214"},{city:"青岛市",text:"胶州市",value:"370281"},{city:"青岛市",text:"即墨市",value:"370282"},{city:"青岛市",text:"平度市",value:"370283"},{city:"青岛市",text:"莱西市",value:"370285"}],370300:[{city:"淄博市",text:"市辖区",value:"370301"},{city:"淄博市",text:"淄川区",value:"370302"},{city:"淄博市",text:"张店区",value:"370303"},{city:"淄博市",text:"博山区",value:"370304"},{city:"淄博市",text:"临淄区",value:"370305"},{city:"淄博市",text:"周村区",value:"370306"},{city:"淄博市",text:"桓台县",value:"370321"},{city:"淄博市",text:"高青县",value:"370322"},{city:"淄博市",text:"沂源县",value:"370323"}],370400:[{city:"枣庄市",text:"市辖区",value:"370401"},{city:"枣庄市",text:"市中区",value:"370402"},{city:"枣庄市",text:"薛城区",value:"370403"},{city:"枣庄市",text:"峄城区",value:"370404"},{city:"枣庄市",text:"台儿庄区",value:"370405"},{city:"枣庄市",text:"山亭区",value:"370406"},{city:"枣庄市",text:"滕州市",value:"370481"}],370500:[{city:"东营市",text:"市辖区",value:"370501"},{city:"东营市",text:"东营区",value:"370502"},{city:"东营市",text:"河口区",value:"370503"},{city:"东营市",text:"垦利区",value:"370505"},{city:"东营市",text:"利津县",value:"370522"},{city:"东营市",text:"广饶县",value:"370523"}],370600:[{city:"烟台市",text:"市辖区",value:"370601"},{city:"烟台市",text:"芝罘区",value:"370602"},{city:"烟台市",text:"福山区",value:"370611"},{city:"烟台市",text:"牟平区",value:"370612"},{city:"烟台市",text:"莱山区",value:"370613"},{city:"烟台市",text:"长岛县",value:"370634"},{city:"烟台市",text:"龙口市",value:"370681"},{city:"烟台市",text:"莱阳市",value:"370682"},{city:"烟台市",text:"莱州市",value:"370683"},{city:"烟台市",text:"蓬莱市",value:"370684"},{city:"烟台市",text:"招远市",value:"370685"},{city:"烟台市",text:"栖霞市",value:"370686"},{city:"烟台市",text:"海阳市",value:"370687"}],370700:[{city:"潍坊市",text:"市辖区",value:"370701"},{city:"潍坊市",text:"潍城区",value:"370702"},{city:"潍坊市",text:"寒亭区",value:"370703"},{city:"潍坊市",text:"坊子区",value:"370704"},{city:"潍坊市",text:"奎文区",value:"370705"},{city:"潍坊市",text:"临朐县",value:"370724"},{city:"潍坊市",text:"昌乐县",value:"370725"},{city:"潍坊市",text:"青州市",value:"370781"},{city:"潍坊市",text:"诸城市",value:"370782"},{city:"潍坊市",text:"寿光市",value:"370783"},{city:"潍坊市",text:"安丘市",value:"370784"},{city:"潍坊市",text:"高密市",value:"370785"},{city:"潍坊市",text:"昌邑市",value:"370786"}],370800:[{city:"济宁市",text:"市辖区",value:"370801"},{city:"济宁市",text:"任城区",value:"370811"},{city:"济宁市",text:"兖州区",value:"370812"},{city:"济宁市",text:"微山县",value:"370826"},{city:"济宁市",text:"鱼台县",value:"370827"},{city:"济宁市",text:"金乡县",value:"370828"},{city:"济宁市",text:"嘉祥县",value:"370829"},{city:"济宁市",text:"汶上县",value:"370830"},{city:"济宁市",text:"泗水县",value:"370831"},{city:"济宁市",text:"梁山县",value:"370832"},{city:"济宁市",text:"曲阜市",value:"370881"},{city:"济宁市",text:"邹城市",value:"370883"}],370900:[{city:"泰安市",text:"市辖区",value:"370901"},{city:"泰安市",text:"泰山区",value:"370902"},{city:"泰安市",text:"岱岳区",value:"370911"},{city:"泰安市",text:"宁阳县",value:"370921"},{city:"泰安市",text:"东平县",value:"370923"},{city:"泰安市",text:"新泰市",value:"370982"},{city:"泰安市",text:"肥城市",value:"370983"}],371000:[{city:"威海市",text:"市辖区",value:"371001"},{city:"威海市",text:"环翠区",value:"371002"},{city:"威海市",text:"文登区",value:"371003"},{city:"威海市",text:"荣成市",value:"371082"},{city:"威海市",text:"乳山市",value:"371083"}],371100:[{city:"日照市",text:"市辖区",value:"371101"},{city:"日照市",text:"东港区",value:"371102"},{city:"日照市",text:"岚山区",value:"371103"},{city:"日照市",text:"五莲县",value:"371121"},{city:"日照市",text:"莒县",value:"371122"}],371200:[{city:"莱芜市",text:"市辖区",value:"371201"},{city:"莱芜市",text:"莱城区",value:"371202"},{city:"莱芜市",text:"钢城区",value:"371203"}],371300:[{city:"临沂市",text:"市辖区",value:"371301"},{city:"临沂市",text:"兰山区",value:"371302"},{city:"临沂市",text:"罗庄区",value:"371311"},{city:"临沂市",text:"河东区",value:"371312"},{city:"临沂市",text:"沂南县",value:"371321"},{city:"临沂市",text:"郯城县",value:"371322"},{city:"临沂市",text:"沂水县",value:"371323"},{city:"临沂市",text:"兰陵县",value:"371324"},{city:"临沂市",text:"费县",value:"371325"},{city:"临沂市",text:"平邑县",value:"371326"},{city:"临沂市",text:"莒南县",value:"371327"},{city:"临沂市",text:"蒙阴县",value:"371328"},{city:"临沂市",text:"临沭县",value:"371329"}],371400:[{city:"德州市",text:"市辖区",value:"371401"},{city:"德州市",text:"德城区",value:"371402"},{city:"德州市",text:"陵城区",value:"371403"},{city:"德州市",text:"宁津县",value:"371422"},{city:"德州市",text:"庆云县",value:"371423"},{city:"德州市",text:"临邑县",value:"371424"},{city:"德州市",text:"齐河县",value:"371425"},{city:"德州市",text:"平原县",value:"371426"},{city:"德州市",text:"夏津县",value:"371427"},{city:"德州市",text:"武城县",value:"371428"},{city:"德州市",text:"乐陵市",value:"371481"},{city:"德州市",text:"禹城市",value:"371482"}],371500:[{city:"聊城市",text:"市辖区",value:"371501"},{city:"聊城市",text:"东昌府区",value:"371502"},{city:"聊城市",text:"阳谷县",value:"371521"},{city:"聊城市",text:"莘县",value:"371522"},{city:"聊城市",text:"茌平县",value:"371523"},{city:"聊城市",text:"东阿县",value:"371524"},{city:"聊城市",text:"冠县",value:"371525"},{city:"聊城市",text:"高唐县",value:"371526"},{city:"聊城市",text:"临清市",value:"371581"}],371600:[{city:"滨州市",text:"市辖区",value:"371601"},{city:"滨州市",text:"滨城区",value:"371602"},{city:"滨州市",text:"沾化区",value:"371603"},{city:"滨州市",text:"惠民县",value:"371621"},{city:"滨州市",text:"阳信县",value:"371622"},{city:"滨州市",text:"无棣县",value:"371623"},{city:"滨州市",text:"博兴县",value:"371625"},{city:"滨州市",text:"邹平县",value:"371626"}],371700:[{city:"菏泽市",text:"市辖区",value:"371701"},{city:"菏泽市",text:"牡丹区",value:"371702"},{city:"菏泽市",text:"定陶区",value:"371703"},{city:"菏泽市",text:"曹县",value:"371721"},{city:"菏泽市",text:"单县",value:"371722"},{city:"菏泽市",text:"成武县",value:"371723"},{city:"菏泽市",text:"巨野县",value:"371724"},{city:"菏泽市",text:"郓城县",value:"371725"},{city:"菏泽市",text:"鄄城县",value:"371726"},{city:"菏泽市",text:"东明县",value:"371728"}],410100:[{city:"郑州市",text:"市辖区",value:"410101"},{city:"郑州市",text:"中原区",value:"410102"},{city:"郑州市",text:"二七区",value:"410103"},{city:"郑州市",text:"管城回族区",value:"410104"},{city:"郑州市",text:"金水区",value:"410105"},{city:"郑州市",text:"上街区",value:"410106"},{city:"郑州市",text:"惠济区",value:"410108"},{city:"郑州市",text:"中牟县",value:"410122"},{city:"郑州市",text:"巩义市",value:"410181"},{city:"郑州市",text:"荥阳市",value:"410182"},{city:"郑州市",text:"新密市",value:"410183"},{city:"郑州市",text:"新郑市",value:"410184"},{city:"郑州市",text:"登封市",value:"410185"}],410200:[{city:"开封市",text:"市辖区",value:"410201"},{city:"开封市",text:"龙亭区",value:"410202"},{city:"开封市",text:"顺河回族区",value:"410203"},{city:"开封市",text:"鼓楼区",value:"410204"},{city:"开封市",text:"禹王台区",value:"410205"},{city:"开封市",text:"金明区",value:"410211"},{city:"开封市",text:"祥符区",value:"410212"},{city:"开封市",text:"杞县",value:"410221"},{city:"开封市",text:"通许县",value:"410222"},{city:"开封市",text:"尉氏县",value:"410223"},{city:"开封市",text:"兰考县",value:"410225"}],410300:[{city:"洛阳市",text:"市辖区",value:"410301"},{city:"洛阳市",text:"老城区",value:"410302"},{city:"洛阳市",text:"西工区",value:"410303"},{city:"洛阳市",text:"瀍河回族区",value:"410304"},{city:"洛阳市",text:"涧西区",value:"410305"},{city:"洛阳市",text:"吉利区",value:"410306"},{city:"洛阳市",text:"洛龙区",value:"410311"},{city:"洛阳市",text:"孟津县",value:"410322"},{city:"洛阳市",text:"新安县",value:"410323"},{city:"洛阳市",text:"栾川县",value:"410324"},{city:"洛阳市",text:"嵩县",value:"410325"},{city:"洛阳市",text:"汝阳县",value:"410326"},{city:"洛阳市",text:"宜阳县",value:"410327"},{city:"洛阳市",text:"洛宁县",value:"410328"},{city:"洛阳市",text:"伊川县",value:"410329"},{city:"洛阳市",text:"偃师市",value:"410381"}],410400:[{city:"平顶山市",text:"市辖区",value:"410401"},{city:"平顶山市",text:"新华区",value:"410402"},{city:"平顶山市",text:"卫东区",value:"410403"},{city:"平顶山市",text:"石龙区",value:"410404"},{city:"平顶山市",text:"湛河区",value:"410411"},{city:"平顶山市",text:"宝丰县",value:"410421"},{city:"平顶山市",text:"叶县",value:"410422"},{city:"平顶山市",text:"鲁山县",value:"410423"},{city:"平顶山市",text:"郏县",value:"410425"},{city:"平顶山市",text:"舞钢市",value:"410481"},{city:"平顶山市",text:"汝州市",value:"410482"}],410500:[{city:"安阳市",text:"市辖区",value:"410501"},{city:"安阳市",text:"文峰区",value:"410502"},{city:"安阳市",text:"北关区",value:"410503"},{city:"安阳市",text:"殷都区",value:"410505"},{city:"安阳市",text:"龙安区",value:"410506"},{city:"安阳市",text:"安阳县",value:"410522"},{city:"安阳市",text:"汤阴县",value:"410523"},{city:"安阳市",text:"滑县",value:"410526"},{city:"安阳市",text:"内黄县",value:"410527"},{city:"安阳市",text:"林州市",value:"410581"}],410600:[{city:"鹤壁市",text:"市辖区",value:"410601"},{city:"鹤壁市",text:"鹤山区",value:"410602"},{city:"鹤壁市",text:"山城区",value:"410603"},{city:"鹤壁市",text:"淇滨区",value:"410611"},{city:"鹤壁市",text:"浚县",value:"410621"},{city:"鹤壁市",text:"淇县",value:"410622"}],410700:[{city:"新乡市",text:"市辖区",value:"410701"},{city:"新乡市",text:"红旗区",value:"410702"},{city:"新乡市",text:"卫滨区",value:"410703"},{city:"新乡市",text:"凤泉区",value:"410704"},{city:"新乡市",text:"牧野区",value:"410711"},{city:"新乡市",text:"新乡县",value:"410721"},{city:"新乡市",text:"获嘉县",value:"410724"},{city:"新乡市",text:"原阳县",value:"410725"},{city:"新乡市",text:"延津县",value:"410726"},{city:"新乡市",text:"封丘县",value:"410727"},{city:"新乡市",text:"长垣县",value:"410728"},{city:"新乡市",text:"卫辉市",value:"410781"},{city:"新乡市",text:"辉县市",value:"410782"}],410800:[{city:"焦作市",text:"市辖区",value:"410801"},{city:"焦作市",text:"解放区",value:"410802"},{city:"焦作市",text:"中站区",value:"410803"},{city:"焦作市",text:"马村区",value:"410804"},{city:"焦作市",text:"山阳区",value:"410811"},{city:"焦作市",text:"修武县",value:"410821"},{city:"焦作市",text:"博爱县",value:"410822"},{city:"焦作市",text:"武陟县",value:"410823"},{city:"焦作市",text:"温县",value:"410825"},{city:"焦作市",text:"沁阳市",value:"410882"},{city:"焦作市",text:"孟州市",value:"410883"}],410900:[{city:"濮阳市",text:"市辖区",value:"410901"},{city:"濮阳市",text:"华龙区",value:"410902"},{city:"濮阳市",text:"清丰县",value:"410922"},{city:"濮阳市",text:"南乐县",value:"410923"},{city:"濮阳市",text:"范县",value:"410926"},{city:"濮阳市",text:"台前县",value:"410927"},{city:"濮阳市",text:"濮阳县",value:"410928"}],411000:[{city:"许昌市",text:"市辖区",value:"411001"},{city:"许昌市",text:"魏都区",value:"411002"},{city:"许昌市",text:"许昌县",value:"411023"},{city:"许昌市",text:"鄢陵县",value:"411024"},{city:"许昌市",text:"襄城县",value:"411025"},{city:"许昌市",text:"禹州市",value:"411081"},{city:"许昌市",text:"长葛市",value:"411082"}],411100:[{city:"漯河市",text:"市辖区",value:"411101"},{city:"漯河市",text:"源汇区",value:"411102"},{city:"漯河市",text:"郾城区",value:"411103"},{city:"漯河市",text:"召陵区",value:"411104"},{city:"漯河市",text:"舞阳县",value:"411121"},{city:"漯河市",text:"临颍县",value:"411122"}],411200:[{city:"三门峡市",text:"市辖区",value:"411201"},{city:"三门峡市",text:"湖滨区",value:"411202"},{city:"三门峡市",text:"陕州区",value:"411203"},{city:"三门峡市",text:"渑池县",value:"411221"},{city:"三门峡市",text:"卢氏县",value:"411224"},{city:"三门峡市",text:"义马市",value:"411281"},{city:"三门峡市",text:"灵宝市",value:"411282"}],411300:[{city:"南阳市",text:"市辖区",value:"411301"},{city:"南阳市",text:"宛城区",value:"411302"},{city:"南阳市",text:"卧龙区",value:"411303"},{city:"南阳市",text:"南召县",value:"411321"},{city:"南阳市",text:"方城县",value:"411322"},{city:"南阳市",text:"西峡县",value:"411323"},{city:"南阳市",text:"镇平县",value:"411324"},{city:"南阳市",text:"内乡县",value:"411325"},{city:"南阳市",text:"淅川县",value:"411326"},{city:"南阳市",text:"社旗县",value:"411327"},{city:"南阳市",text:"唐河县",value:"411328"},{city:"南阳市",text:"新野县",value:"411329"},{city:"南阳市",text:"桐柏县",value:"411330"},{city:"南阳市",text:"邓州市",value:"411381"}],411400:[{city:"商丘市",text:"市辖区",value:"411401"},{city:"商丘市",text:"梁园区",value:"411402"},{city:"商丘市",text:"睢阳区",value:"411403"},{city:"商丘市",text:"民权县",value:"411421"},{city:"商丘市",text:"睢县",value:"411422"},{city:"商丘市",text:"宁陵县",value:"411423"},{city:"商丘市",text:"柘城县",value:"411424"},{city:"商丘市",text:"虞城县",value:"411425"},{city:"商丘市",text:"夏邑县",value:"411426"},{city:"商丘市",text:"永城市",value:"411481"}],411500:[{city:"信阳市",text:"市辖区",value:"411501"},{city:"信阳市",text:"浉河区",value:"411502"},{city:"信阳市",text:"平桥区",value:"411503"},{city:"信阳市",text:"罗山县",value:"411521"},{city:"信阳市",text:"光山县",value:"411522"},{city:"信阳市",text:"新县",value:"411523"},{city:"信阳市",text:"商城县",value:"411524"},{city:"信阳市",text:"固始县",value:"411525"},{city:"信阳市",text:"潢川县",value:"411526"},{city:"信阳市",text:"淮滨县",value:"411527"},{city:"信阳市",text:"息县",value:"411528"}],411600:[{city:"周口市",text:"市辖区",value:"411601"},{city:"周口市",text:"川汇区",value:"411602"},{city:"周口市",text:"扶沟县",value:"411621"},{city:"周口市",text:"西华县",value:"411622"},{city:"周口市",text:"商水县",value:"411623"},{city:"周口市",text:"沈丘县",value:"411624"},{city:"周口市",text:"郸城县",value:"411625"},{city:"周口市",text:"淮阳县",value:"411626"},{city:"周口市",text:"太康县",value:"411627"},{city:"周口市",text:"鹿邑县",value:"411628"},{city:"周口市",text:"项城市",value:"411681"}],411700:[{city:"驻马店市",text:"市辖区",value:"411701"},{city:"驻马店市",text:"驿城区",value:"411702"},{city:"驻马店市",text:"西平县",value:"411721"},{city:"驻马店市",text:"上蔡县",value:"411722"},{city:"驻马店市",text:"平舆县",value:"411723"},{city:"驻马店市",text:"正阳县",value:"411724"},{city:"驻马店市",text:"确山县",value:"411725"},{city:"驻马店市",text:"泌阳县",value:"411726"},{city:"驻马店市",text:"汝南县",value:"411727"},{city:"驻马店市",text:"遂平县",value:"411728"},{city:"驻马店市",text:"新蔡县",value:"411729"}],419000:[{city:"省直辖县级行政区划",text:"济源市",value:"419001"}],420100:[{city:"武汉市",text:"市辖区",value:"420101"},{city:"武汉市",text:"江岸区",value:"420102"},{city:"武汉市",text:"江汉区",value:"420103"},{city:"武汉市",text:"硚口区",value:"420104"},{city:"武汉市",text:"汉阳区",value:"420105"},{city:"武汉市",text:"武昌区",value:"420106"},{city:"武汉市",text:"青山区",value:"420107"},{city:"武汉市",text:"洪山区",value:"420111"},{city:"武汉市",text:"东西湖区",value:"420112"},{city:"武汉市",text:"汉南区",value:"420113"},{city:"武汉市",text:"蔡甸区",value:"420114"},{city:"武汉市",text:"江夏区",value:"420115"},{city:"武汉市",text:"黄陂区",value:"420116"},{city:"武汉市",text:"新洲区",value:"420117"}],420200:[{city:"黄石市",text:"市辖区",value:"420201"},{city:"黄石市",text:"黄石港区",value:"420202"},{city:"黄石市",text:"西塞山区",value:"420203"},{city:"黄石市",text:"下陆区",value:"420204"},{city:"黄石市",text:"铁山区",value:"420205"},{city:"黄石市",text:"阳新县",value:"420222"},{city:"黄石市",text:"大冶市",value:"420281"}],420300:[{city:"十堰市",text:"市辖区",value:"420301"},{city:"十堰市",text:"茅箭区",value:"420302"},{city:"十堰市",text:"张湾区",value:"420303"},{city:"十堰市",text:"郧阳区",value:"420304"},{city:"十堰市",text:"郧西县",value:"420322"},{city:"十堰市",text:"竹山县",value:"420323"},{city:"十堰市",text:"竹溪县",value:"420324"},{city:"十堰市",text:"房县",value:"420325"},{city:"十堰市",text:"丹江口市",value:"420381"}],420500:[{city:"宜昌市",text:"市辖区",value:"420501"},{city:"宜昌市",text:"西陵区",value:"420502"},{city:"宜昌市",text:"伍家岗区",value:"420503"},{city:"宜昌市",text:"点军区",value:"420504"},{city:"宜昌市",text:"猇亭区",value:"420505"},{city:"宜昌市",text:"夷陵区",value:"420506"},{city:"宜昌市",text:"远安县",value:"420525"},{city:"宜昌市",text:"兴山县",value:"420526"},{city:"宜昌市",text:"秭归县",value:"420527"},{city:"宜昌市",text:"长阳土家族自治县",value:"420528"},{city:"宜昌市",text:"五峰土家族自治县",value:"420529"},{city:"宜昌市",text:"宜都市",value:"420581"},{city:"宜昌市",text:"当阳市",value:"420582"},{city:"宜昌市",text:"枝江市",value:"420583"}],420600:[{city:"襄阳市",text:"市辖区",value:"420601"},{city:"襄阳市",text:"襄城区",value:"420602"},{city:"襄阳市",text:"樊城区",value:"420606"},{city:"襄阳市",text:"襄州区",value:"420607"},{city:"襄阳市",text:"南漳县",value:"420624"},{city:"襄阳市",text:"谷城县",value:"420625"},{city:"襄阳市",text:"保康县",value:"420626"},{city:"襄阳市",text:"老河口市",value:"420682"},{city:"襄阳市",text:"枣阳市",value:"420683"},{city:"襄阳市",text:"宜城市",value:"420684"}],420700:[{city:"鄂州市",text:"市辖区",value:"420701"},{city:"鄂州市",text:"梁子湖区",value:"420702"},{city:"鄂州市",text:"华容区",value:"420703"},{city:"鄂州市",text:"鄂城区",value:"420704"}],420800:[{city:"荆门市",text:"市辖区",value:"420801"},{city:"荆门市",text:"东宝区",value:"420802"},{city:"荆门市",text:"掇刀区",value:"420804"},{city:"荆门市",text:"京山县",value:"420821"},{city:"荆门市",text:"沙洋县",value:"420822"},{city:"荆门市",text:"钟祥市",value:"420881"}],420900:[{city:"孝感市",text:"市辖区",value:"420901"},{city:"孝感市",text:"孝南区",value:"420902"},{city:"孝感市",text:"孝昌县",value:"420921"},{city:"孝感市",text:"大悟县",value:"420922"},{city:"孝感市",text:"云梦县",value:"420923"},{city:"孝感市",text:"应城市",value:"420981"},{city:"孝感市",text:"安陆市",value:"420982"},{city:"孝感市",text:"汉川市",value:"420984"}],421000:[{city:"荆州市",text:"市辖区",value:"421001"},{city:"荆州市",text:"沙市区",value:"421002"},{city:"荆州市",text:"荆州区",value:"421003"},{city:"荆州市",text:"公安县",value:"421022"},{city:"荆州市",text:"监利县",value:"421023"},{city:"荆州市",text:"江陵县",value:"421024"},{city:"荆州市",text:"石首市",value:"421081"},{city:"荆州市",text:"洪湖市",value:"421083"},{city:"荆州市",text:"松滋市",value:"421087"}],421100:[{city:"黄冈市",text:"市辖区",value:"421101"},{city:"黄冈市",text:"黄州区",value:"421102"},{city:"黄冈市",text:"团风县",value:"421121"},{city:"黄冈市",text:"红安县",value:"421122"},{city:"黄冈市",text:"罗田县",value:"421123"},{city:"黄冈市",text:"英山县",value:"421124"},{city:"黄冈市",text:"浠水县",value:"421125"},{city:"黄冈市",text:"蕲春县",value:"421126"},{city:"黄冈市",text:"黄梅县",value:"421127"},{city:"黄冈市",text:"麻城市",value:"421181"},{city:"黄冈市",text:"武穴市",value:"421182"}],421200:[{city:"咸宁市",text:"市辖区",value:"421201"},{city:"咸宁市",text:"咸安区",value:"421202"},{city:"咸宁市",text:"嘉鱼县",value:"421221"},{city:"咸宁市",text:"通城县",value:"421222"},{city:"咸宁市",text:"崇阳县",value:"421223"},{city:"咸宁市",text:"通山县",value:"421224"},{city:"咸宁市",text:"赤壁市",value:"421281"}],421300:[{city:"随州市",text:"市辖区",value:"421301"},{city:"随州市",text:"曾都区",value:"421303"},{city:"随州市",text:"随县",value:"421321"},{city:"随州市",text:"广水市",value:"421381"}],422800:[{city:"恩施土家族苗族自治州",text:"恩施市",value:"422801"},{city:"恩施土家族苗族自治州",text:"利川市",value:"422802"},{city:"恩施土家族苗族自治州",text:"建始县",value:"422822"},{city:"恩施土家族苗族自治州",text:"巴东县",value:"422823"},{city:"恩施土家族苗族自治州",text:"宣恩县",value:"422825"},{city:"恩施土家族苗族自治州",text:"咸丰县",value:"422826"},{city:"恩施土家族苗族自治州",text:"来凤县",value:"422827"},{city:"恩施土家族苗族自治州",text:"鹤峰县",value:"422828"}],429000:[{city:"省直辖县级行政区划",text:"仙桃市",value:"429004"},{city:"省直辖县级行政区划",text:"潜江市",value:"429005"},{city:"省直辖县级行政区划",text:"天门市",value:"429006"},{city:"省直辖县级行政区划",text:"神农架林区",value:"429021"}],430100:[{city:"长沙市",text:"市辖区",value:"430101"},{city:"长沙市",text:"芙蓉区",value:"430102"},{city:"长沙市",text:"天心区",value:"430103"},{city:"长沙市",text:"岳麓区",value:"430104"},{city:"长沙市",text:"开福区",value:"430105"},{city:"长沙市",text:"雨花区",value:"430111"},{city:"长沙市",text:"望城区",value:"430112"},{city:"长沙市",text:"长沙县",value:"430121"},{city:"长沙市",text:"宁乡县",value:"430124"},{city:"长沙市",text:"浏阳市",value:"430181"}],430200:[{city:"株洲市",text:"市辖区",value:"430201"},{city:"株洲市",text:"荷塘区",value:"430202"},{city:"株洲市",text:"芦淞区",value:"430203"},{city:"株洲市",text:"石峰区",value:"430204"},{city:"株洲市",text:"天元区",value:"430211"},{city:"株洲市",text:"株洲县",value:"430221"},{city:"株洲市",text:"攸县",value:"430223"},{city:"株洲市",text:"茶陵县",value:"430224"},{city:"株洲市",text:"炎陵县",value:"430225"},{city:"株洲市",text:"醴陵市",value:"430281"}],430300:[{city:"湘潭市",text:"市辖区",value:"430301"},{city:"湘潭市",text:"雨湖区",value:"430302"},{city:"湘潭市",text:"岳塘区",value:"430304"},{city:"湘潭市",text:"湘潭县",value:"430321"},{city:"湘潭市",text:"湘乡市",value:"430381"},{city:"湘潭市",text:"韶山市",value:"430382"}],430400:[{city:"衡阳市",text:"市辖区",value:"430401"},{city:"衡阳市",text:"珠晖区",value:"430405"},{city:"衡阳市",text:"雁峰区",value:"430406"},{city:"衡阳市",text:"石鼓区",value:"430407"},{city:"衡阳市",text:"蒸湘区",value:"430408"},{city:"衡阳市",text:"南岳区",value:"430412"},{city:"衡阳市",text:"衡阳县",value:"430421"},{city:"衡阳市",text:"衡南县",value:"430422"},{city:"衡阳市",text:"衡山县",value:"430423"},{city:"衡阳市",text:"衡东县",value:"430424"},{city:"衡阳市",text:"祁东县",value:"430426"},{city:"衡阳市",text:"耒阳市",value:"430481"},{city:"衡阳市",text:"常宁市",value:"430482"}],430500:[{city:"邵阳市",text:"市辖区",value:"430501"},{city:"邵阳市",text:"双清区",value:"430502"},{city:"邵阳市",text:"大祥区",value:"430503"},{city:"邵阳市",text:"北塔区",value:"430511"},{city:"邵阳市",text:"邵东县",value:"430521"},{city:"邵阳市",text:"新邵县",value:"430522"},{city:"邵阳市",text:"邵阳县",value:"430523"},{city:"邵阳市",text:"隆回县",value:"430524"},{city:"邵阳市",text:"洞口县",value:"430525"},{city:"邵阳市",text:"绥宁县",value:"430527"},{city:"邵阳市",text:"新宁县",value:"430528"},{city:"邵阳市",text:"城步苗族自治县",value:"430529"},{city:"邵阳市",text:"武冈市",value:"430581"}],430600:[{city:"岳阳市",text:"市辖区",value:"430601"},{city:"岳阳市",text:"岳阳楼区",value:"430602"},{city:"岳阳市",text:"云溪区",value:"430603"},{city:"岳阳市",text:"君山区",value:"430611"},{city:"岳阳市",text:"岳阳县",value:"430621"},{city:"岳阳市",text:"华容县",value:"430623"},{city:"岳阳市",text:"湘阴县",value:"430624"},{city:"岳阳市",text:"平江县",value:"430626"},{city:"岳阳市",text:"汨罗市",value:"430681"},{city:"岳阳市",text:"临湘市",value:"430682"}],430700:[{city:"常德市",text:"市辖区",value:"430701"},{city:"常德市",text:"武陵区",value:"430702"},{city:"常德市",text:"鼎城区",value:"430703"},{city:"常德市",text:"安乡县",value:"430721"},{city:"常德市",text:"汉寿县",value:"430722"},{city:"常德市",text:"澧县",value:"430723"},{city:"常德市",text:"临澧县",value:"430724"},{city:"常德市",text:"桃源县",value:"430725"},{city:"常德市",text:"石门县",value:"430726"},{city:"常德市",text:"津市市",value:"430781"}],430800:[{city:"张家界市",text:"市辖区",value:"430801"},{city:"张家界市",text:"永定区",value:"430802"},{city:"张家界市",text:"武陵源区",value:"430811"},{city:"张家界市",text:"慈利县",value:"430821"},{city:"张家界市",text:"桑植县",value:"430822"}],430900:[{city:"益阳市",text:"市辖区",value:"430901"},{city:"益阳市",text:"资阳区",value:"430902"},{city:"益阳市",text:"赫山区",value:"430903"},{city:"益阳市",text:"南县",value:"430921"},{city:"益阳市",text:"桃江县",value:"430922"},{city:"益阳市",text:"安化县",value:"430923"},{city:"益阳市",text:"沅江市",value:"430981"}],431000:[{city:"郴州市",text:"市辖区",value:"431001"},{city:"郴州市",text:"北湖区",value:"431002"},{city:"郴州市",text:"苏仙区",value:"431003"},{city:"郴州市",text:"桂阳县",value:"431021"},{city:"郴州市",text:"宜章县",value:"431022"},{city:"郴州市",text:"永兴县",value:"431023"},{city:"郴州市",text:"嘉禾县",value:"431024"},{city:"郴州市",text:"临武县",value:"431025"},{city:"郴州市",text:"汝城县",value:"431026"},{city:"郴州市",text:"桂东县",value:"431027"},{city:"郴州市",text:"安仁县",value:"431028"},{city:"郴州市",text:"资兴市",value:"431081"}],431100:[{city:"永州市",text:"市辖区",value:"431101"},{city:"永州市",text:"零陵区",value:"431102"},{city:"永州市",text:"冷水滩区",value:"431103"},{city:"永州市",text:"祁阳县",value:"431121"},{city:"永州市",text:"东安县",value:"431122"},{city:"永州市",text:"双牌县",value:"431123"},{city:"永州市",text:"道县",value:"431124"},{city:"永州市",text:"江永县",value:"431125"},{city:"永州市",text:"宁远县",value:"431126"},{city:"永州市",text:"蓝山县",value:"431127"},{city:"永州市",text:"新田县",value:"431128"},{city:"永州市",text:"江华瑶族自治县",value:"431129"}],431200:[{city:"怀化市",text:"市辖区",value:"431201"},{city:"怀化市",text:"鹤城区",value:"431202"},{city:"怀化市",text:"中方县",value:"431221"},{city:"怀化市",text:"沅陵县",value:"431222"},{city:"怀化市",text:"辰溪县",value:"431223"},{city:"怀化市",text:"溆浦县",value:"431224"},{city:"怀化市",text:"会同县",value:"431225"},{city:"怀化市",text:"麻阳苗族自治县",value:"431226"},{city:"怀化市",text:"新晃侗族自治县",value:"431227"},{city:"怀化市",text:"芷江侗族自治县",value:"431228"},{city:"怀化市",text:"靖州苗族侗族自治县",value:"431229"},{city:"怀化市",text:"通道侗族自治县",value:"431230"},{city:"怀化市",text:"洪江市",value:"431281"}],431300:[{city:"娄底市",text:"市辖区",value:"431301"},{city:"娄底市",text:"娄星区",value:"431302"},{city:"娄底市",text:"双峰县",value:"431321"},{city:"娄底市",text:"新化县",value:"431322"},{city:"娄底市",text:"冷水江市",value:"431381"},{city:"娄底市",text:"涟源市",value:"431382"}],433100:[{city:"湘西土家族苗族自治州",text:"吉首市",value:"433101"},{city:"湘西土家族苗族自治州",text:"泸溪县",value:"433122"},{city:"湘西土家族苗族自治州",text:"凤凰县",value:"433123"},{city:"湘西土家族苗族自治州",text:"花垣县",value:"433124"},{city:"湘西土家族苗族自治州",text:"保靖县",value:"433125"},{city:"湘西土家族苗族自治州",text:"古丈县",value:"433126"},{city:"湘西土家族苗族自治州",text:"永顺县",value:"433127"},{city:"湘西土家族苗族自治州",text:"龙山县",value:"433130"}],440100:[{city:"广州市",text:"市辖区",value:"440101"},{city:"广州市",text:"荔湾区",value:"440103"},{city:"广州市",text:"越秀区",value:"440104"},{city:"广州市",text:"海珠区",value:"440105"},{city:"广州市",text:"天河区",value:"440106"},{city:"广州市",text:"白云区",value:"440111"},{city:"广州市",text:"黄埔区",value:"440112"},{city:"广州市",text:"番禺区",value:"440113"},{city:"广州市",text:"花都区",value:"440114"},{city:"广州市",text:"南沙区",value:"440115"},{city:"广州市",text:"从化区",value:"440117"},{city:"广州市",text:"增城区",value:"440118"}],440200:[{city:"韶关市",text:"市辖区",value:"440201"},{city:"韶关市",text:"武江区",value:"440203"},{city:"韶关市",text:"浈江区",value:"440204"},{city:"韶关市",text:"曲江区",value:"440205"},{city:"韶关市",text:"始兴县",value:"440222"},{city:"韶关市",text:"仁化县",value:"440224"},{city:"韶关市",text:"翁源县",value:"440229"},{city:"韶关市",text:"乳源瑶族自治县",value:"440232"},{city:"韶关市",text:"新丰县",value:"440233"},{city:"韶关市",text:"乐昌市",value:"440281"},{city:"韶关市",text:"南雄市",value:"440282"}],440300:[{city:"深圳市",text:"市辖区",value:"440301"},{city:"深圳市",text:"罗湖区",value:"440303"},{city:"深圳市",text:"福田区",value:"440304"},{city:"深圳市",text:"南山区",value:"440305"},{city:"深圳市",text:"宝安区",value:"440306"},{city:"深圳市",text:"龙岗区",value:"440307"},{city:"深圳市",text:"盐田区",value:"440308"}],440400:[{city:"珠海市",text:"市辖区",value:"440401"},{city:"珠海市",text:"香洲区",value:"440402"},{city:"珠海市",text:"斗门区",value:"440403"},{city:"珠海市",text:"金湾区",value:"440404"}],440500:[{city:"汕头市",text:"市辖区",value:"440501"},{city:"汕头市",text:"龙湖区",value:"440507"},{city:"汕头市",text:"金平区",value:"440511"},{city:"汕头市",text:"濠江区",value:"440512"},{city:"汕头市",text:"潮阳区",value:"440513"},{city:"汕头市",text:"潮南区",value:"440514"},{city:"汕头市",text:"澄海区",value:"440515"},{city:"汕头市",text:"南澳县",value:"440523"}],440600:[{city:"佛山市",text:"市辖区",value:"440601"},{city:"佛山市",text:"禅城区",value:"440604"},{city:"佛山市",text:"南海区",value:"440605"},{city:"佛山市",text:"顺德区",value:"440606"},{city:"佛山市",text:"三水区",value:"440607"},{city:"佛山市",text:"高明区",value:"440608"}],440700:[{city:"江门市",text:"市辖区",value:"440701"},{city:"江门市",text:"蓬江区",value:"440703"},{city:"江门市",text:"江海区",value:"440704"},{city:"江门市",text:"新会区",value:"440705"},{city:"江门市",text:"台山市",value:"440781"},{city:"江门市",text:"开平市",value:"440783"},{city:"江门市",text:"鹤山市",value:"440784"},{city:"江门市",text:"恩平市",value:"440785"}],440800:[{city:"湛江市",text:"市辖区",value:"440801"},{city:"湛江市",text:"赤坎区",value:"440802"},{city:"湛江市",text:"霞山区",value:"440803"},{city:"湛江市",text:"坡头区",value:"440804"},{city:"湛江市",text:"麻章区",value:"440811"},{city:"湛江市",text:"遂溪县",value:"440823"},{city:"湛江市",text:"徐闻县",value:"440825"},{city:"湛江市",text:"廉江市",value:"440881"},{city:"湛江市",text:"雷州市",value:"440882"},{city:"湛江市",text:"吴川市",value:"440883"}],440900:[{city:"茂名市",text:"市辖区",value:"440901"},{city:"茂名市",text:"茂南区",value:"440902"},{city:"茂名市",text:"电白区",value:"440904"},{city:"茂名市",text:"高州市",value:"440981"},{city:"茂名市",text:"化州市",value:"440982"},{city:"茂名市",text:"信宜市",value:"440983"}],441200:[{city:"肇庆市",text:"市辖区",value:"441201"},{city:"肇庆市",text:"端州区",value:"441202"},{city:"肇庆市",text:"鼎湖区",value:"441203"},{city:"肇庆市",text:"高要区",value:"441204"},{city:"肇庆市",text:"广宁县",value:"441223"},{city:"肇庆市",text:"怀集县",value:"441224"},{city:"肇庆市",text:"封开县",value:"441225"},{city:"肇庆市",text:"德庆县",value:"441226"},{city:"肇庆市",text:"四会市",value:"441284"}],441300:[{city:"惠州市",text:"市辖区",value:"441301"},{city:"惠州市",text:"惠城区",value:"441302"},{city:"惠州市",text:"惠阳区",value:"441303"},{city:"惠州市",text:"博罗县",value:"441322"},{city:"惠州市",text:"惠东县",value:"441323"},{city:"惠州市",text:"龙门县",value:"441324"}],441400:[{city:"梅州市",text:"市辖区",value:"441401"},{city:"梅州市",text:"梅江区",value:"441402"},{city:"梅州市",text:"梅县区",value:"441403"},{city:"梅州市",text:"大埔县",value:"441422"},{city:"梅州市",text:"丰顺县",value:"441423"},{city:"梅州市",text:"五华县",value:"441424"},{city:"梅州市",text:"平远县",value:"441426"},{city:"梅州市",text:"蕉岭县",value:"441427"},{city:"梅州市",text:"兴宁市",value:"441481"}],441500:[{city:"汕尾市",text:"市辖区",value:"441501"},{city:"汕尾市",text:"城区",value:"441502"},{city:"汕尾市",text:"海丰县",value:"441521"},{city:"汕尾市",text:"陆河县",value:"441523"},{city:"汕尾市",text:"陆丰市",value:"441581"}],441600:[{city:"河源市",text:"市辖区",value:"441601"},{city:"河源市",text:"源城区",value:"441602"},{city:"河源市",text:"紫金县",value:"441621"},{city:"河源市",text:"龙川县",value:"441622"},{city:"河源市",text:"连平县",value:"441623"},{city:"河源市",text:"和平县",value:"441624"},{city:"河源市",text:"东源县",value:"441625"}],441700:[{city:"阳江市",text:"市辖区",value:"441701"},{city:"阳江市",text:"江城区",value:"441702"},{city:"阳江市",text:"阳东区",value:"441704"},{city:"阳江市",text:"阳西县",value:"441721"},{city:"阳江市",text:"阳春市",value:"441781"}],441800:[{city:"清远市",text:"市辖区",value:"441801"},{city:"清远市",text:"清城区",value:"441802"},{city:"清远市",text:"清新区",value:"441803"},{city:"清远市",text:"佛冈县",value:"441821"},{city:"清远市",text:"阳山县",value:"441823"},{city:"清远市",text:"连山壮族瑶族自治县",value:"441825"},{city:"清远市",text:"连南瑶族自治县",value:"441826"},{city:"清远市",text:"英德市",value:"441881"},{city:"清远市",text:"连州市",value:"441882"}],441900:[],442000:[],445100:[{city:"潮州市",text:"市辖区",value:"445101"},{city:"潮州市",text:"湘桥区",value:"445102"},{city:"潮州市",text:"潮安区",value:"445103"},{city:"潮州市",text:"饶平县",value:"445122"}],445200:[{city:"揭阳市",text:"市辖区",value:"445201"},{city:"揭阳市",text:"榕城区",value:"445202"},{city:"揭阳市",text:"揭东区",value:"445203"},{city:"揭阳市",text:"揭西县",value:"445222"},{city:"揭阳市",text:"惠来县",value:"445224"},{city:"揭阳市",text:"普宁市",value:"445281"}],445300:[{city:"云浮市",text:"市辖区",value:"445301"},{city:"云浮市",text:"云城区",value:"445302"},{city:"云浮市",text:"云安区",value:"445303"},{city:"云浮市",text:"新兴县",value:"445321"},{city:"云浮市",text:"郁南县",value:"445322"},{city:"云浮市",text:"罗定市",value:"445381"}],450100:[{city:"南宁市",text:"市辖区",value:"450101"},{city:"南宁市",text:"兴宁区",value:"450102"},{city:"南宁市",text:"青秀区",value:"450103"},{city:"南宁市",text:"江南区",value:"450105"},{city:"南宁市",text:"西乡塘区",value:"450107"},{city:"南宁市",text:"良庆区",value:"450108"},{city:"南宁市",text:"邕宁区",value:"450109"},{city:"南宁市",text:"武鸣区",value:"450110"},{city:"南宁市",text:"隆安县",value:"450123"},{city:"南宁市",text:"马山县",value:"450124"},{city:"南宁市",text:"上林县",value:"450125"},{city:"南宁市",text:"宾阳县",value:"450126"},{city:"南宁市",text:"横县",value:"450127"}],450200:[{city:"柳州市",text:"市辖区",value:"450201"},{city:"柳州市",text:"城中区",value:"450202"},{city:"柳州市",text:"鱼峰区",value:"450203"},{city:"柳州市",text:"柳南区",value:"450204"},{city:"柳州市",text:"柳北区",value:"450205"},{city:"柳州市",text:"柳江区",value:"450206"},{city:"柳州市",text:"柳城县",value:"450222"},{city:"柳州市",text:"鹿寨县",value:"450223"},{city:"柳州市",text:"融安县",value:"450224"},{city:"柳州市",text:"融水苗族自治县",value:"450225"},{city:"柳州市",text:"三江侗族自治县",value:"450226"}],450300:[{city:"桂林市",text:"市辖区",value:"450301"},{city:"桂林市",text:"秀峰区",value:"450302"},{city:"桂林市",text:"叠彩区",value:"450303"},{city:"桂林市",text:"象山区",value:"450304"},{city:"桂林市",text:"七星区",value:"450305"},{city:"桂林市",text:"雁山区",value:"450311"},{city:"桂林市",text:"临桂区",value:"450312"},{city:"桂林市",text:"阳朔县",value:"450321"},{city:"桂林市",text:"灵川县",value:"450323"},{city:"桂林市",text:"全州县",value:"450324"},{city:"桂林市",text:"兴安县",value:"450325"},{city:"桂林市",text:"永福县",value:"450326"},{city:"桂林市",text:"灌阳县",value:"450327"},{city:"桂林市",text:"龙胜各族自治县",value:"450328"},{city:"桂林市",text:"资源县",value:"450329"},{city:"桂林市",text:"平乐县",value:"450330"},{city:"桂林市",text:"荔浦县",value:"450331"},{city:"桂林市",text:"恭城瑶族自治县",value:"450332"}],450400:[{city:"梧州市",text:"市辖区",value:"450401"},{city:"梧州市",text:"万秀区",value:"450403"},{city:"梧州市",text:"长洲区",value:"450405"},{city:"梧州市",text:"龙圩区",value:"450406"},{city:"梧州市",text:"苍梧县",value:"450421"},{city:"梧州市",text:"藤县",value:"450422"},{city:"梧州市",text:"蒙山县",value:"450423"},{city:"梧州市",text:"岑溪市",value:"450481"}],450500:[{city:"北海市",text:"市辖区",value:"450501"},{city:"北海市",text:"海城区",value:"450502"},{city:"北海市",text:"银海区",value:"450503"},{city:"北海市",text:"铁山港区",value:"450512"},{city:"北海市",text:"合浦县",value:"450521"}],450600:[{city:"防城港市",text:"市辖区",value:"450601"},{city:"防城港市",text:"港口区",value:"450602"},{city:"防城港市",text:"防城区",value:"450603"},{city:"防城港市",text:"上思县",value:"450621"},{city:"防城港市",text:"东兴市",value:"450681"}],450700:[{city:"钦州市",text:"市辖区",value:"450701"},{city:"钦州市",text:"钦南区",value:"450702"},{city:"钦州市",text:"钦北区",value:"450703"},{city:"钦州市",text:"灵山县",value:"450721"},{city:"钦州市",text:"浦北县",value:"450722"}],450800:[{city:"贵港市",text:"市辖区",value:"450801"},{city:"贵港市",text:"港北区",value:"450802"},{city:"贵港市",text:"港南区",value:"450803"},{city:"贵港市",text:"覃塘区",value:"450804"},{city:"贵港市",text:"平南县",value:"450821"},{city:"贵港市",text:"桂平市",value:"450881"}],450900:[{city:"玉林市",text:"市辖区",value:"450901"},{city:"玉林市",text:"玉州区",value:"450902"},{city:"玉林市",text:"福绵区",value:"450903"},{city:"玉林市",text:"容县",value:"450921"},{city:"玉林市",text:"陆川县",value:"450922"},{city:"玉林市",text:"博白县",value:"450923"},{city:"玉林市",text:"兴业县",value:"450924"},{city:"玉林市",text:"北流市",value:"450981"}],451000:[{city:"百色市",text:"市辖区",value:"451001"},{city:"百色市",text:"右江区",value:"451002"},{city:"百色市",text:"田阳县",value:"451021"},{city:"百色市",text:"田东县",value:"451022"},{city:"百色市",text:"平果县",value:"451023"},{city:"百色市",text:"德保县",value:"451024"},{city:"百色市",text:"那坡县",value:"451026"},{city:"百色市",text:"凌云县",value:"451027"},{city:"百色市",text:"乐业县",value:"451028"},{city:"百色市",text:"田林县",value:"451029"},{city:"百色市",text:"西林县",value:"451030"},{city:"百色市",text:"隆林各族自治县",value:"451031"},{city:"百色市",text:"靖西市",value:"451081"}],451100:[{city:"贺州市",text:"市辖区",value:"451101"},{city:"贺州市",text:"八步区",value:"451102"},{city:"贺州市",text:"平桂区",value:"451103"},{city:"贺州市",text:"昭平县",value:"451121"},{city:"贺州市",text:"钟山县",value:"451122"},{city:"贺州市",text:"富川瑶族自治县",value:"451123"}],451200:[{city:"河池市",text:"市辖区",value:"451201"},{city:"河池市",text:"金城江区",value:"451202"},{city:"河池市",text:"南丹县",value:"451221"},{city:"河池市",text:"天峨县",value:"451222"},{city:"河池市",text:"凤山县",value:"451223"},{city:"河池市",text:"东兰县",value:"451224"},{city:"河池市",text:"罗城仫佬族自治县",value:"451225"},{city:"河池市",text:"环江毛南族自治县",value:"451226"},{city:"河池市",text:"巴马瑶族自治县",value:"451227"},{city:"河池市",text:"都安瑶族自治县",value:"451228"},{city:"河池市",text:"大化瑶族自治县",value:"451229"},{city:"河池市",text:"宜州市",value:"451281"}],451300:[{city:"来宾市",text:"市辖区",value:"451301"},{city:"来宾市",text:"兴宾区",value:"451302"},{city:"来宾市",text:"忻城县",value:"451321"},{city:"来宾市",text:"象州县",value:"451322"},{city:"来宾市",text:"武宣县",value:"451323"},{city:"来宾市",text:"金秀瑶族自治县",value:"451324"},{city:"来宾市",text:"合山市",value:"451381"}],451400:[{city:"崇左市",text:"市辖区",value:"451401"},{city:"崇左市",text:"江州区",value:"451402"},{city:"崇左市",text:"扶绥县",value:"451421"},{city:"崇左市",text:"宁明县",value:"451422"},{city:"崇左市",text:"龙州县",value:"451423"},{city:"崇左市",text:"大新县",value:"451424"},{city:"崇左市",text:"天等县",value:"451425"},{city:"崇左市",text:"凭祥市",value:"451481"}],460100:[{city:"海口市",text:"市辖区",value:"460101"},{city:"海口市",text:"秀英区",value:"460105"},{city:"海口市",text:"龙华区",value:"460106"},{city:"海口市",text:"琼山区",value:"460107"},{city:"海口市",text:"美兰区",value:"460108"}],460200:[{city:"三亚市",text:"市辖区",value:"460201"},{city:"三亚市",text:"海棠区",value:"460202"},{city:"三亚市",text:"吉阳区",value:"460203"},{city:"三亚市",text:"天涯区",value:"460204"},{city:"三亚市",text:"崖州区",value:"460205"}],460300:[],460400:[],469000:[{city:"省直辖县级行政区划",text:"五指山市",value:"469001"},{city:"省直辖县级行政区划",text:"琼海市",value:"469002"},{city:"省直辖县级行政区划",text:"文昌市",value:"469005"},{city:"省直辖县级行政区划",text:"万宁市",value:"469006"},{city:"省直辖县级行政区划",text:"东方市",value:"469007"},{city:"省直辖县级行政区划",text:"定安县",value:"469021"},{city:"省直辖县级行政区划",text:"屯昌县",value:"469022"},{city:"省直辖县级行政区划",text:"澄迈县",value:"469023"},{city:"省直辖县级行政区划",text:"临高县",value:"469024"},{city:"省直辖县级行政区划",text:"白沙黎族自治县",value:"469025"},{city:"省直辖县级行政区划",text:"昌江黎族自治县",value:"469026"},{city:"省直辖县级行政区划",text:"乐东黎族自治县",value:"469027"},{city:"省直辖县级行政区划",text:"陵水黎族自治县",value:"469028"},{city:"省直辖县级行政区划",text:"保亭黎族苗族自治县",value:"469029"},{city:"省直辖县级行政区划",text:"琼中黎族苗族自治县",value:"469030"}],500100:[{city:"市辖区",text:"万州区",value:"500101"},{city:"市辖区",text:"涪陵区",value:"500102"},{city:"市辖区",text:"渝中区",value:"500103"},{city:"市辖区",text:"大渡口区",value:"500104"},{city:"市辖区",text:"江北区",value:"500105"},{city:"市辖区",text:"沙坪坝区",value:"500106"},{city:"市辖区",text:"九龙坡区",value:"500107"},{city:"市辖区",text:"南岸区",value:"500108"},{city:"市辖区",text:"北碚区",value:"500109"},{city:"市辖区",text:"綦江区",value:"500110"},{city:"市辖区",text:"大足区",value:"500111"},{city:"市辖区",text:"渝北区",value:"500112"},{city:"市辖区",text:"巴南区",value:"500113"},{city:"市辖区",text:"黔江区",value:"500114"},{city:"市辖区",text:"长寿区",value:"500115"},{city:"市辖区",text:"江津区",value:"500116"},{city:"市辖区",text:"合川区",value:"500117"},{city:"市辖区",text:"永川区",value:"500118"},{city:"市辖区",text:"南川区",value:"500119"},{city:"市辖区",text:"璧山区",value:"500120"},{city:"市辖区",text:"铜梁区",value:"500151"},{city:"市辖区",text:"潼南区",value:"500152"},{city:"市辖区",text:"荣昌区",value:"500153"},{city:"市辖区",text:"开州区",value:"500154"}],500200:[{city:"县",text:"梁平县",value:"500228"},{city:"县",text:"城口县",value:"500229"},{city:"县",text:"丰都县",value:"500230"},{city:"县",text:"垫江县",value:"500231"},{city:"县",text:"武隆县",value:"500232"},{city:"县",text:"忠县",value:"500233"},{city:"县",text:"云阳县",value:"500235"},{city:"县",text:"奉节县",value:"500236"},{city:"县",text:"巫山县",value:"500237"},{city:"县",text:"巫溪县",value:"500238"},{city:"县",text:"石柱土家族自治县",value:"500240"},{city:"县",text:"秀山土家族苗族自治县",value:"500241"},{city:"县",text:"酉阳土家族苗族自治县",value:"500242"},{city:"县",text:"彭水苗族土家族自治县",value:"500243"}],510100:[{city:"成都市",text:"市辖区",value:"510101"},{city:"成都市",text:"锦江区",value:"510104"},{city:"成都市",text:"青羊区",value:"510105"},{city:"成都市",text:"金牛区",value:"510106"},{city:"成都市",text:"武侯区",value:"510107"},{city:"成都市",text:"成华区",value:"510108"},{city:"成都市",text:"龙泉驿区",value:"510112"},{city:"成都市",text:"青白江区",value:"510113"},{city:"成都市",text:"新都区",value:"510114"},{city:"成都市",text:"温江区",value:"510115"},{city:"成都市",text:"双流区",value:"510116"},{city:"成都市",text:"金堂县",value:"510121"},{city:"成都市",text:"郫县",value:"510124"},{city:"成都市",text:"大邑县",value:"510129"},{city:"成都市",text:"蒲江县",value:"510131"},{city:"成都市",text:"新津县",value:"510132"},{city:"成都市",text:"都江堰市",value:"510181"},{city:"成都市",text:"彭州市",value:"510182"},{city:"成都市",text:"邛崃市",value:"510183"},{city:"成都市",text:"崇州市",value:"510184"},{city:"成都市",text:"简阳市",value:"510185"}],510300:[{city:"自贡市",text:"市辖区",value:"510301"},{city:"自贡市",text:"自流井区",value:"510302"},{city:"自贡市",text:"贡井区",value:"510303"},{city:"自贡市",text:"大安区",value:"510304"},{city:"自贡市",text:"沿滩区",value:"510311"},{city:"自贡市",text:"荣县",value:"510321"},{city:"自贡市",text:"富顺县",value:"510322"}],510400:[{city:"攀枝花市",text:"市辖区",value:"510401"},{city:"攀枝花市",text:"东区",value:"510402"},{city:"攀枝花市",text:"西区",value:"510403"},{city:"攀枝花市",text:"仁和区",value:"510411"},{city:"攀枝花市",text:"米易县",value:"510421"},{city:"攀枝花市",text:"盐边县",value:"510422"}],510500:[{city:"泸州市",text:"市辖区",value:"510501"},{city:"泸州市",text:"江阳区",value:"510502"},{city:"泸州市",text:"纳溪区",value:"510503"},{city:"泸州市",text:"龙马潭区",value:"510504"},{city:"泸州市",text:"泸县",value:"510521"},{city:"泸州市",text:"合江县",value:"510522"},{city:"泸州市",text:"叙永县",value:"510524"},{city:"泸州市",text:"古蔺县",value:"510525"}],510600:[{city:"德阳市",text:"市辖区",value:"510601"},{city:"德阳市",text:"旌阳区",value:"510603"},{city:"德阳市",text:"中江县",value:"510623"},{city:"德阳市",text:"罗江县",value:"510626"},{city:"德阳市",text:"广汉市",value:"510681"},{city:"德阳市",text:"什邡市",value:"510682"},{city:"德阳市",text:"绵竹市",value:"510683"}],510700:[{city:"绵阳市",text:"市辖区",value:"510701"},{city:"绵阳市",text:"涪城区",value:"510703"},{city:"绵阳市",text:"游仙区",value:"510704"},{city:"绵阳市",text:"安州区",value:"510705"},{city:"绵阳市",text:"三台县",value:"510722"},{city:"绵阳市",text:"盐亭县",value:"510723"},{city:"绵阳市",text:"梓潼县",value:"510725"},{city:"绵阳市",text:"北川羌族自治县",value:"510726"},{city:"绵阳市",text:"平武县",value:"510727"},{city:"绵阳市",text:"江油市",value:"510781"}],510800:[{city:"广元市",text:"市辖区",value:"510801"},{city:"广元市",text:"利州区",value:"510802"},{city:"广元市",text:"昭化区",value:"510811"},{city:"广元市",text:"朝天区",value:"510812"},{city:"广元市",text:"旺苍县",value:"510821"},{city:"广元市",text:"青川县",value:"510822"},{city:"广元市",text:"剑阁县",value:"510823"},{city:"广元市",text:"苍溪县",value:"510824"}],510900:[{city:"遂宁市",text:"市辖区",value:"510901"},{city:"遂宁市",text:"船山区",value:"510903"},{city:"遂宁市",text:"安居区",value:"510904"},{city:"遂宁市",text:"蓬溪县",value:"510921"},{city:"遂宁市",text:"射洪县",value:"510922"},{city:"遂宁市",text:"大英县",value:"510923"}],511000:[{city:"内江市",text:"市辖区",value:"511001"},{city:"内江市",text:"市中区",value:"511002"},{city:"内江市",text:"东兴区",value:"511011"},{city:"内江市",text:"威远县",value:"511024"},{city:"内江市",text:"资中县",value:"511025"},{city:"内江市",text:"隆昌县",value:"511028"}],511100:[{city:"乐山市",text:"市辖区",value:"511101"},{city:"乐山市",text:"市中区",value:"511102"},{city:"乐山市",text:"沙湾区",value:"511111"},{city:"乐山市",text:"五通桥区",value:"511112"},{city:"乐山市",text:"金口河区",value:"511113"},{city:"乐山市",text:"犍为县",value:"511123"},{city:"乐山市",text:"井研县",value:"511124"},{city:"乐山市",text:"夹江县",value:"511126"},{city:"乐山市",text:"沐川县",value:"511129"},{city:"乐山市",text:"峨边彝族自治县",value:"511132"},{city:"乐山市",text:"马边彝族自治县",value:"511133"},{city:"乐山市",text:"峨眉山市",value:"511181"}],511300:[{city:"南充市",text:"市辖区",value:"511301"},{city:"南充市",text:"顺庆区",value:"511302"},{city:"南充市",text:"高坪区",value:"511303"},{city:"南充市",text:"嘉陵区",value:"511304"},{city:"南充市",text:"南部县",value:"511321"},{city:"南充市",text:"营山县",value:"511322"},{city:"南充市",text:"蓬安县",value:"511323"},{city:"南充市",text:"仪陇县",value:"511324"},{city:"南充市",text:"西充县",value:"511325"},{city:"南充市",text:"阆中市",value:"511381"}],511400:[{city:"眉山市",text:"市辖区",value:"511401"},{city:"眉山市",text:"东坡区",value:"511402"},{city:"眉山市",text:"彭山区",value:"511403"},{city:"眉山市",text:"仁寿县",value:"511421"},{city:"眉山市",text:"洪雅县",value:"511423"},{city:"眉山市",text:"丹棱县",value:"511424"},{city:"眉山市",text:"青神县",value:"511425"}],511500:[{city:"宜宾市",text:"市辖区",value:"511501"},{city:"宜宾市",text:"翠屏区",value:"511502"},{city:"宜宾市",text:"南溪区",value:"511503"},{city:"宜宾市",text:"宜宾县",value:"511521"},{city:"宜宾市",text:"江安县",value:"511523"},{city:"宜宾市",text:"长宁县",value:"511524"},{city:"宜宾市",text:"高县",value:"511525"},{city:"宜宾市",text:"珙县",value:"511526"},{city:"宜宾市",text:"筠连县",value:"511527"},{city:"宜宾市",text:"兴文县",value:"511528"},{city:"宜宾市",text:"屏山县",value:"511529"}],511600:[{city:"广安市",text:"市辖区",value:"511601"},{city:"广安市",text:"广安区",value:"511602"},{city:"广安市",text:"前锋区",value:"511603"},{city:"广安市",text:"岳池县",value:"511621"},{city:"广安市",text:"武胜县",value:"511622"},{city:"广安市",text:"邻水县",value:"511623"},{city:"广安市",text:"华蓥市",value:"511681"}],511700:[{city:"达州市",text:"市辖区",value:"511701"},{city:"达州市",text:"通川区",value:"511702"},{city:"达州市",text:"达川区",value:"511703"},{city:"达州市",text:"宣汉县",value:"511722"},{city:"达州市",text:"开江县",value:"511723"},{city:"达州市",text:"大竹县",value:"511724"},{city:"达州市",text:"渠县",value:"511725"},{city:"达州市",text:"万源市",value:"511781"}],511800:[{city:"雅安市",text:"市辖区",value:"511801"},{city:"雅安市",text:"雨城区",value:"511802"},{city:"雅安市",text:"名山区",value:"511803"},{city:"雅安市",text:"荥经县",value:"511822"},{city:"雅安市",text:"汉源县",value:"511823"},{city:"雅安市",text:"石棉县",value:"511824"},{city:"雅安市",text:"天全县",value:"511825"},{city:"雅安市",text:"芦山县",value:"511826"},{city:"雅安市",text:"宝兴县",value:"511827"}],511900:[{city:"巴中市",text:"市辖区",value:"511901"},{city:"巴中市",text:"巴州区",value:"511902"},{city:"巴中市",text:"恩阳区",value:"511903"},{city:"巴中市",text:"通江县",value:"511921"},{city:"巴中市",text:"南江县",value:"511922"},{city:"巴中市",text:"平昌县",value:"511923"}],512000:[{city:"资阳市",text:"市辖区",value:"512001"},{city:"资阳市",text:"雁江区",value:"512002"},{city:"资阳市",text:"安岳县",value:"512021"},{city:"资阳市",text:"乐至县",value:"512022"}],513200:[{city:"阿坝藏族羌族自治州",text:"马尔康市",value:"513201"},{city:"阿坝藏族羌族自治州",text:"汶川县",value:"513221"},{city:"阿坝藏族羌族自治州",text:"理县",value:"513222"},{city:"阿坝藏族羌族自治州",text:"茂县",value:"513223"},{city:"阿坝藏族羌族自治州",text:"松潘县",value:"513224"},{city:"阿坝藏族羌族自治州",text:"九寨沟县",value:"513225"},{city:"阿坝藏族羌族自治州",text:"金川县",value:"513226"},{city:"阿坝藏族羌族自治州",text:"小金县",value:"513227"},{city:"阿坝藏族羌族自治州",text:"黑水县",value:"513228"},{city:"阿坝藏族羌族自治州",text:"壤塘县",value:"513230"},{city:"阿坝藏族羌族自治州",text:"阿坝县",value:"513231"},{city:"阿坝藏族羌族自治州",text:"若尔盖县",value:"513232"},{city:"阿坝藏族羌族自治州",text:"红原县",value:"513233"}],513300:[{city:"甘孜藏族自治州",text:"康定市",value:"513301"},{city:"甘孜藏族自治州",text:"泸定县",value:"513322"},{city:"甘孜藏族自治州",text:"丹巴县",value:"513323"},{city:"甘孜藏族自治州",text:"九龙县",value:"513324"},{city:"甘孜藏族自治州",text:"雅江县",value:"513325"},{city:"甘孜藏族自治州",text:"道孚县",value:"513326"},{city:"甘孜藏族自治州",text:"炉霍县",value:"513327"},{city:"甘孜藏族自治州",text:"甘孜县",value:"513328"},{city:"甘孜藏族自治州",text:"新龙县",value:"513329"},{city:"甘孜藏族自治州",text:"德格县",value:"513330"},{city:"甘孜藏族自治州",text:"白玉县",value:"513331"},{city:"甘孜藏族自治州",text:"石渠县",value:"513332"},{city:"甘孜藏族自治州",text:"色达县",value:"513333"},{city:"甘孜藏族自治州",text:"理塘县",value:"513334"},{city:"甘孜藏族自治州",text:"巴塘县",value:"513335"},{city:"甘孜藏族自治州",text:"乡城县",value:"513336"},{city:"甘孜藏族自治州",text:"稻城县",value:"513337"},{city:"甘孜藏族自治州",text:"得荣县",value:"513338"}],513400:[{city:"凉山彝族自治州",text:"西昌市",value:"513401"},{city:"凉山彝族自治州",text:"木里藏族自治县",value:"513422"},{city:"凉山彝族自治州",text:"盐源县",value:"513423"},{city:"凉山彝族自治州",text:"德昌县",value:"513424"},{city:"凉山彝族自治州",text:"会理县",value:"513425"},{city:"凉山彝族自治州",text:"会东县",value:"513426"},{city:"凉山彝族自治州",text:"宁南县",value:"513427"},{city:"凉山彝族自治州",text:"普格县",value:"513428"},{city:"凉山彝族自治州",text:"布拖县",value:"513429"},{city:"凉山彝族自治州",text:"金阳县",value:"513430"},{city:"凉山彝族自治州",text:"昭觉县",value:"513431"},{city:"凉山彝族自治州",text:"喜德县",value:"513432"},{city:"凉山彝族自治州",text:"冕宁县",value:"513433"},{city:"凉山彝族自治州",text:"越西县",value:"513434"},{city:"凉山彝族自治州",text:"甘洛县",value:"513435"},{city:"凉山彝族自治州",text:"美姑县",value:"513436"},{city:"凉山彝族自治州",text:"雷波县",value:"513437"}],520100:[{city:"贵阳市",text:"市辖区",value:"520101"},{city:"贵阳市",text:"南明区",value:"520102"},{city:"贵阳市",text:"云岩区",value:"520103"},{city:"贵阳市",text:"花溪区",value:"520111"},{city:"贵阳市",text:"乌当区",value:"520112"},{city:"贵阳市",text:"白云区",value:"520113"},{city:"贵阳市",text:"观山湖区",value:"520115"},{city:"贵阳市",text:"开阳县",value:"520121"},{city:"贵阳市",text:"息烽县",value:"520122"},{city:"贵阳市",text:"修文县",value:"520123"},{city:"贵阳市",text:"清镇市",value:"520181"}],520200:[{city:"六盘水市",text:"钟山区",value:"520201"},{city:"六盘水市",text:"六枝特区",value:"520203"},{city:"六盘水市",text:"水城县",value:"520221"},{city:"六盘水市",text:"盘县",value:"520222"}],520300:[{city:"遵义市",text:"市辖区",value:"520301"},{city:"遵义市",text:"红花岗区",value:"520302"},{city:"遵义市",text:"汇川区",value:"520303"},{city:"遵义市",text:"播州区",value:"520304"},{city:"遵义市",text:"桐梓县",value:"520322"},{city:"遵义市",text:"绥阳县",value:"520323"},{city:"遵义市",text:"正安县",value:"520324"},{city:"遵义市",text:"道真仡佬族苗族自治县",value:"520325"},{city:"遵义市",text:"务川仡佬族苗族自治县",value:"520326"},{city:"遵义市",text:"凤冈县",value:"520327"},{city:"遵义市",text:"湄潭县",value:"520328"},{city:"遵义市",text:"余庆县",value:"520329"},{city:"遵义市",text:"习水县",value:"520330"},{city:"遵义市",text:"赤水市",value:"520381"},{city:"遵义市",text:"仁怀市",value:"520382"}],520400:[{city:"安顺市",text:"市辖区",value:"520401"},{city:"安顺市",text:"西秀区",value:"520402"},{city:"安顺市",text:"平坝区",value:"520403"},{city:"安顺市",text:"普定县",value:"520422"},{city:"安顺市",text:"镇宁布依族苗族自治县",value:"520423"},{city:"安顺市",text:"关岭布依族苗族自治县",value:"520424"},{city:"安顺市",text:"紫云苗族布依族自治县",value:"520425"}],520500:[{city:"毕节市",text:"市辖区",value:"520501"},{city:"毕节市",text:"七星关区",value:"520502"},{city:"毕节市",text:"大方县",value:"520521"},{city:"毕节市",text:"黔西县",value:"520522"},{city:"毕节市",text:"金沙县",value:"520523"},{city:"毕节市",text:"织金县",value:"520524"},{city:"毕节市",text:"纳雍县",value:"520525"},{city:"毕节市",text:"威宁彝族回族苗族自治县",value:"520526"},{city:"毕节市",text:"赫章县",value:"520527"}],520600:[{city:"铜仁市",text:"市辖区",value:"520601"},{city:"铜仁市",text:"碧江区",value:"520602"},{city:"铜仁市",text:"万山区",value:"520603"},{city:"铜仁市",text:"江口县",value:"520621"},{city:"铜仁市",text:"玉屏侗族自治县",value:"520622"},{city:"铜仁市",text:"石阡县",value:"520623"},{city:"铜仁市",text:"思南县",value:"520624"},{city:"铜仁市",text:"印江土家族苗族自治县",value:"520625"},{city:"铜仁市",text:"德江县",value:"520626"},{city:"铜仁市",text:"沿河土家族自治县",value:"520627"},{city:"铜仁市",text:"松桃苗族自治县",value:"520628"}],522300:[{city:"黔西南布依族苗族自治州",text:"兴义市",value:"522301"},{city:"黔西南布依族苗族自治州",text:"兴仁县",value:"522322"},{city:"黔西南布依族苗族自治州",text:"普安县",value:"522323"},{city:"黔西南布依族苗族自治州",text:"晴隆县",value:"522324"},{city:"黔西南布依族苗族自治州",text:"贞丰县",value:"522325"},{city:"黔西南布依族苗族自治州",text:"望谟县",value:"522326"},{city:"黔西南布依族苗族自治州",text:"册亨县",value:"522327"},{city:"黔西南布依族苗族自治州",text:"安龙县",value:"522328"}],522600:[{city:"黔东南苗族侗族自治州",text:"凯里市",value:"522601"},{city:"黔东南苗族侗族自治州",text:"黄平县",value:"522622"},{city:"黔东南苗族侗族自治州",text:"施秉县",value:"522623"},{city:"黔东南苗族侗族自治州",text:"三穗县",value:"522624"},{city:"黔东南苗族侗族自治州",text:"镇远县",value:"522625"},{city:"黔东南苗族侗族自治州",text:"岑巩县",value:"522626"},{city:"黔东南苗族侗族自治州",text:"天柱县",value:"522627"},{city:"黔东南苗族侗族自治州",text:"锦屏县",value:"522628"},{city:"黔东南苗族侗族自治州",text:"剑河县",value:"522629"},{city:"黔东南苗族侗族自治州",text:"台江县",value:"522630"},{city:"黔东南苗族侗族自治州",text:"黎平县",value:"522631"},{city:"黔东南苗族侗族自治州",text:"榕江县",value:"522632"},{city:"黔东南苗族侗族自治州",text:"从江县",value:"522633"},{city:"黔东南苗族侗族自治州",text:"雷山县",value:"522634"},{city:"黔东南苗族侗族自治州",text:"麻江县",value:"522635"},{city:"黔东南苗族侗族自治州",text:"丹寨县",value:"522636"}],522700:[{city:"黔南布依族苗族自治州",text:"都匀市",value:"522701"},{city:"黔南布依族苗族自治州",text:"福泉市",value:"522702"},{city:"黔南布依族苗族自治州",text:"荔波县",value:"522722"},{city:"黔南布依族苗族自治州",text:"贵定县",value:"522723"},{city:"黔南布依族苗族自治州",text:"瓮安县",value:"522725"},{city:"黔南布依族苗族自治州",text:"独山县",value:"522726"},{city:"黔南布依族苗族自治州",text:"平塘县",value:"522727"},{city:"黔南布依族苗族自治州",text:"罗甸县",value:"522728"},{city:"黔南布依族苗族自治州",text:"长顺县",value:"522729"},{city:"黔南布依族苗族自治州",text:"龙里县",value:"522730"},{city:"黔南布依族苗族自治州",text:"惠水县",value:"522731"},{city:"黔南布依族苗族自治州",text:"三都水族自治县",value:"522732"}],530100:[{city:"昆明市",text:"市辖区",value:"530101"},{city:"昆明市",text:"五华区",value:"530102"},{city:"昆明市",text:"盘龙区",value:"530103"},{city:"昆明市",text:"官渡区",value:"530111"},{city:"昆明市",text:"西山区",value:"530112"},{city:"昆明市",text:"东川区",value:"530113"},{city:"昆明市",text:"呈贡区",value:"530114"},{city:"昆明市",text:"晋宁县",value:"530122"},{city:"昆明市",text:"富民县",value:"530124"},{city:"昆明市",text:"宜良县",value:"530125"},{city:"昆明市",text:"石林彝族自治县",value:"530126"},{city:"昆明市",text:"嵩明县",value:"530127"},{city:"昆明市",text:"禄劝彝族苗族自治县",value:"530128"},{city:"昆明市",text:"寻甸回族彝族自治县",value:"530129"},{city:"昆明市",text:"安宁市",value:"530181"}],530300:[{city:"曲靖市",text:"市辖区",value:"530301"},{city:"曲靖市",text:"麒麟区",value:"530302"},{city:"曲靖市",text:"沾益区",value:"530303"},{city:"曲靖市",text:"马龙县",value:"530321"},{city:"曲靖市",text:"陆良县",value:"530322"},{city:"曲靖市",text:"师宗县",value:"530323"},{city:"曲靖市",text:"罗平县",value:"530324"},{city:"曲靖市",text:"富源县",value:"530325"},{city:"曲靖市",text:"会泽县",value:"530326"},{city:"曲靖市",text:"宣威市",value:"530381"}],530400:[{city:"玉溪市",text:"市辖区",value:"530401"},{city:"玉溪市",text:"红塔区",value:"530402"},{city:"玉溪市",text:"江川区",value:"530403"},{city:"玉溪市",text:"澄江县",value:"530422"},{city:"玉溪市",text:"通海县",value:"530423"},{city:"玉溪市",text:"华宁县",value:"530424"},{city:"玉溪市",text:"易门县",value:"530425"},{city:"玉溪市",text:"峨山彝族自治县",value:"530426"},{city:"玉溪市",text:"新平彝族傣族自治县",value:"530427"},{city:"玉溪市",text:"元江哈尼族彝族傣族自治县",value:"530428"}],530500:[{city:"保山市",text:"市辖区",value:"530501"},{city:"保山市",text:"隆阳区",value:"530502"},{city:"保山市",text:"施甸县",value:"530521"},{city:"保山市",text:"龙陵县",value:"530523"},{city:"保山市",text:"昌宁县",value:"530524"},{city:"保山市",text:"腾冲市",value:"530581"}],530600:[{city:"昭通市",text:"市辖区",value:"530601"},{city:"昭通市",text:"昭阳区",value:"530602"},{city:"昭通市",text:"鲁甸县",value:"530621"},{city:"昭通市",text:"巧家县",value:"530622"},{city:"昭通市",text:"盐津县",value:"530623"},{city:"昭通市",text:"大关县",value:"530624"},{city:"昭通市",text:"永善县",value:"530625"},{city:"昭通市",text:"绥江县",value:"530626"},{city:"昭通市",text:"镇雄县",value:"530627"},{city:"昭通市",text:"彝良县",value:"530628"},{city:"昭通市",text:"威信县",value:"530629"},{city:"昭通市",text:"水富县",value:"530630"}],530700:[{city:"丽江市",text:"市辖区",value:"530701"},{city:"丽江市",text:"古城区",value:"530702"},{city:"丽江市",text:"玉龙纳西族自治县",value:"530721"},{city:"丽江市",text:"永胜县",value:"530722"},{city:"丽江市",text:"华坪县",value:"530723"},{city:"丽江市",text:"宁蒗彝族自治县",value:"530724"}],530800:[{city:"普洱市",text:"市辖区",value:"530801"},{city:"普洱市",text:"思茅区",value:"530802"},{city:"普洱市",text:"宁洱哈尼族彝族自治县",value:"530821"},{city:"普洱市",text:"墨江哈尼族自治县",value:"530822"},{city:"普洱市",text:"景东彝族自治县",value:"530823"},{city:"普洱市",text:"景谷傣族彝族自治县",value:"530824"},{city:"普洱市",text:"镇沅彝族哈尼族拉祜族自治县",value:"530825"},{city:"普洱市",text:"江城哈尼族彝族自治县",value:"530826"},{city:"普洱市",text:"孟连傣族拉祜族佤族自治县",value:"530827"},{city:"普洱市",text:"澜沧拉祜族自治县",value:"530828"},{city:"普洱市",text:"西盟佤族自治县",value:"530829"}],530900:[{city:"临沧市",text:"市辖区",value:"530901"},{city:"临沧市",text:"临翔区",value:"530902"},{city:"临沧市",text:"凤庆县",value:"530921"},{city:"临沧市",text:"云县",value:"530922"},{city:"临沧市",text:"永德县",value:"530923"},{city:"临沧市",text:"镇康县",value:"530924"},{city:"临沧市",text:"双江拉祜族佤族布朗族傣族自治县",value:"530925"},{city:"临沧市",text:"耿马傣族佤族自治县",value:"530926"},{city:"临沧市",text:"沧源佤族自治县",value:"530927"}],532300:[{city:"楚雄彝族自治州",text:"楚雄市",value:"532301"},{city:"楚雄彝族自治州",text:"双柏县",value:"532322"},{city:"楚雄彝族自治州",text:"牟定县",value:"532323"},{city:"楚雄彝族自治州",text:"南华县",value:"532324"},{city:"楚雄彝族自治州",text:"姚安县",value:"532325"},{city:"楚雄彝族自治州",text:"大姚县",value:"532326"},{city:"楚雄彝族自治州",text:"永仁县",value:"532327"},{city:"楚雄彝族自治州",text:"元谋县",value:"532328"},{city:"楚雄彝族自治州",text:"武定县",value:"532329"},{city:"楚雄彝族自治州",text:"禄丰县",value:"532331"}],532500:[{city:"红河哈尼族彝族自治州",text:"个旧市",value:"532501"},{city:"红河哈尼族彝族自治州",text:"开远市",value:"532502"},{city:"红河哈尼族彝族自治州",text:"蒙自市",value:"532503"},{city:"红河哈尼族彝族自治州",text:"弥勒市",value:"532504"},{city:"红河哈尼族彝族自治州",text:"屏边苗族自治县",value:"532523"},{city:"红河哈尼族彝族自治州",text:"建水县",value:"532524"},{city:"红河哈尼族彝族自治州",text:"石屏县",value:"532525"},{city:"红河哈尼族彝族自治州",text:"泸西县",value:"532527"},{city:"红河哈尼族彝族自治州",text:"元阳县",value:"532528"},{city:"红河哈尼族彝族自治州",text:"红河县",value:"532529"},{city:"红河哈尼族彝族自治州",text:"金平苗族瑶族傣族自治县",value:"532530"},{city:"红河哈尼族彝族自治州",text:"绿春县",value:"532531"},{city:"红河哈尼族彝族自治州",text:"河口瑶族自治县",value:"532532"}],532600:[{city:"文山壮族苗族自治州",text:"文山市",value:"532601"},{city:"文山壮族苗族自治州",text:"砚山县",value:"532622"},{city:"文山壮族苗族自治州",text:"西畴县",value:"532623"},{city:"文山壮族苗族自治州",text:"麻栗坡县",value:"532624"},{city:"文山壮族苗族自治州",text:"马关县",value:"532625"},{city:"文山壮族苗族自治州",text:"丘北县",value:"532626"},{city:"文山壮族苗族自治州",text:"广南县",value:"532627"},{city:"文山壮族苗族自治州",text:"富宁县",value:"532628"}],532800:[{city:"西双版纳傣族自治州",text:"景洪市",value:"532801"},{city:"西双版纳傣族自治州",text:"勐海县",value:"532822"},{city:"西双版纳傣族自治州",text:"勐腊县",value:"532823"}],532900:[{city:"大理白族自治州",text:"大理市",value:"532901"},{city:"大理白族自治州",text:"漾濞彝族自治县",value:"532922"},{city:"大理白族自治州",text:"祥云县",value:"532923"},{city:"大理白族自治州",text:"宾川县",value:"532924"},{city:"大理白族自治州",text:"弥渡县",value:"532925"},{city:"大理白族自治州",text:"南涧彝族自治县",value:"532926"},{city:"大理白族自治州",text:"巍山彝族回族自治县",value:"532927"},{city:"大理白族自治州",text:"永平县",value:"532928"},{city:"大理白族自治州",text:"云龙县",value:"532929"},{city:"大理白族自治州",text:"洱源县",value:"532930"},{city:"大理白族自治州",text:"剑川县",value:"532931"},{city:"大理白族自治州",text:"鹤庆县",value:"532932"}],533100:[{city:"德宏傣族景颇族自治州",text:"瑞丽市",value:"533102"},{city:"德宏傣族景颇族自治州",text:"芒市",value:"533103"},{city:"德宏傣族景颇族自治州",text:"梁河县",value:"533122"},{city:"德宏傣族景颇族自治州",text:"盈江县",value:"533123"},{city:"德宏傣族景颇族自治州",text:"陇川县",value:"533124"}],533300:[{city:"怒江傈僳族自治州",text:"泸水市",value:"533301"},{city:"怒江傈僳族自治州",text:"福贡县",value:"533323"},{city:"怒江傈僳族自治州",text:"贡山独龙族怒族自治县",value:"533324"},{city:"怒江傈僳族自治州",text:"兰坪白族普米族自治县",value:"533325"}],533400:[{city:"迪庆藏族自治州",text:"香格里拉市",value:"533401"},{city:"迪庆藏族自治州",text:"德钦县",value:"533422"},{city:"迪庆藏族自治州",text:"维西傈僳族自治县",value:"533423"}],540100:[{city:"拉萨市",text:"市辖区",value:"540101"},{city:"拉萨市",text:"城关区",value:"540102"},{city:"拉萨市",text:"堆龙德庆区",value:"540103"},{city:"拉萨市",text:"林周县",value:"540121"},{city:"拉萨市",text:"当雄县",value:"540122"},{city:"拉萨市",text:"尼木县",value:"540123"},{city:"拉萨市",text:"曲水县",value:"540124"},{city:"拉萨市",text:"达孜县",value:"540126"},{city:"拉萨市",text:"墨竹工卡县",value:"540127"}],540200:[{city:"日喀则市",text:"桑珠孜区",value:"540202"},{city:"日喀则市",text:"南木林县",value:"540221"},{city:"日喀则市",text:"江孜县",value:"540222"},{city:"日喀则市",text:"定日县",value:"540223"},{city:"日喀则市",text:"萨迦县",value:"540224"},{city:"日喀则市",text:"拉孜县",value:"540225"},{city:"日喀则市",text:"昂仁县",value:"540226"},{city:"日喀则市",text:"谢通门县",value:"540227"},{city:"日喀则市",text:"白朗县",value:"540228"},{city:"日喀则市",text:"仁布县",value:"540229"},{city:"日喀则市",text:"康马县",value:"540230"},{city:"日喀则市",text:"定结县",value:"540231"},{city:"日喀则市",text:"仲巴县",value:"540232"},{city:"日喀则市",text:"亚东县",value:"540233"},{city:"日喀则市",text:"吉隆县",value:"540234"},{city:"日喀则市",text:"聂拉木县",value:"540235"},{city:"日喀则市",text:"萨嘎县",value:"540236"},{city:"日喀则市",text:"岗巴县",value:"540237"}],540300:[{city:"昌都市",text:"卡若区",value:"540302"},{city:"昌都市",text:"江达县",value:"540321"},{city:"昌都市",text:"贡觉县",value:"540322"},{city:"昌都市",text:"类乌齐县",value:"540323"},{city:"昌都市",text:"丁青县",value:"540324"},{city:"昌都市",text:"察雅县",value:"540325"},{city:"昌都市",text:"八宿县",value:"540326"},{city:"昌都市",text:"左贡县",value:"540327"},{city:"昌都市",text:"芒康县",value:"540328"},{city:"昌都市",text:"洛隆县",value:"540329"},{city:"昌都市",text:"边坝县",value:"540330"}],540400:[{city:"林芝市",text:"巴宜区",value:"540402"},{city:"林芝市",text:"工布江达县",value:"540421"},{city:"林芝市",text:"米林县",value:"540422"},{city:"林芝市",text:"墨脱县",value:"540423"},{city:"林芝市",text:"波密县",value:"540424"},{city:"林芝市",text:"察隅县",value:"540425"},{city:"林芝市",text:"朗县",value:"540426"}],540500:[{city:"山南市",text:"市辖区",value:"540501"},{city:"山南市",text:"乃东区",value:"540502"},{city:"山南市",text:"扎囊县",value:"540521"},{city:"山南市",text:"贡嘎县",value:"540522"},{city:"山南市",text:"桑日县",value:"540523"},{city:"山南市",text:"琼结县",value:"540524"},{city:"山南市",text:"曲松县",value:"540525"},{city:"山南市",text:"措美县",value:"540526"},{city:"山南市",text:"洛扎县",value:"540527"},{city:"山南市",text:"加查县",value:"540528"},{city:"山南市",text:"隆子县",value:"540529"},{city:"山南市",text:"错那县",value:"540530"},{city:"山南市",text:"浪卡子县",value:"540531"}],542400:[{city:"那曲地区",text:"那曲县",value:"542421"},{city:"那曲地区",text:"嘉黎县",value:"542422"},{city:"那曲地区",text:"比如县",value:"542423"},{city:"那曲地区",text:"聂荣县",value:"542424"},{city:"那曲地区",text:"安多县",value:"542425"},{city:"那曲地区",text:"申扎县",value:"542426"},{city:"那曲地区",text:"索县",value:"542427"},{city:"那曲地区",text:"班戈县",value:"542428"},{city:"那曲地区",text:"巴青县",value:"542429"},{city:"那曲地区",text:"尼玛县",value:"542430"},{city:"那曲地区",text:"双湖县",value:"542431"}],542500:[{city:"阿里地区",text:"普兰县",value:"542521"},{city:"阿里地区",text:"札达县",value:"542522"},{city:"阿里地区",text:"噶尔县",value:"542523"},{city:"阿里地区",text:"日土县",value:"542524"},{city:"阿里地区",text:"革吉县",value:"542525"},{city:"阿里地区",text:"改则县",value:"542526"},{city:"阿里地区",text:"措勤县",value:"542527"}],610100:[{city:"西安市",text:"市辖区",value:"610101"},{city:"西安市",text:"新城区",value:"610102"},{city:"西安市",text:"碑林区",value:"610103"},{city:"西安市",text:"莲湖区",value:"610104"},{city:"西安市",text:"灞桥区",value:"610111"},{city:"西安市",text:"未央区",value:"610112"},{city:"西安市",text:"雁塔区",value:"610113"},{city:"西安市",text:"阎良区",value:"610114"},{city:"西安市",text:"临潼区",value:"610115"},{city:"西安市",text:"长安区",value:"610116"},{city:"西安市",text:"高陵区",value:"610117"},{city:"西安市",text:"蓝田县",value:"610122"},{city:"西安市",text:"周至县",value:"610124"},{city:"西安市",text:"户县",value:"610125"}],610200:[{city:"铜川市",text:"市辖区",value:"610201"},{city:"铜川市",text:"王益区",value:"610202"},{city:"铜川市",text:"印台区",value:"610203"},{city:"铜川市",text:"耀州区",value:"610204"},{city:"铜川市",text:"宜君县",value:"610222"}],610300:[{city:"宝鸡市",text:"市辖区",value:"610301"},{city:"宝鸡市",text:"渭滨区",value:"610302"},{city:"宝鸡市",text:"金台区",value:"610303"},{city:"宝鸡市",text:"陈仓区",value:"610304"},{city:"宝鸡市",text:"凤翔县",value:"610322"},{city:"宝鸡市",text:"岐山县",value:"610323"},{city:"宝鸡市",text:"扶风县",value:"610324"},{city:"宝鸡市",text:"眉县",value:"610326"},{city:"宝鸡市",text:"陇县",value:"610327"},{city:"宝鸡市",text:"千阳县",value:"610328"},{city:"宝鸡市",text:"麟游县",value:"610329"},{city:"宝鸡市",text:"凤县",value:"610330"},{city:"宝鸡市",text:"太白县",value:"610331"}],610400:[{city:"咸阳市",text:"市辖区",value:"610401"},{city:"咸阳市",text:"秦都区",value:"610402"},{city:"咸阳市",text:"杨陵区",value:"610403"},{city:"咸阳市",text:"渭城区",value:"610404"},{city:"咸阳市",text:"三原县",value:"610422"},{city:"咸阳市",text:"泾阳县",value:"610423"},{city:"咸阳市",text:"乾县",value:"610424"},{city:"咸阳市",text:"礼泉县",value:"610425"},{city:"咸阳市",text:"永寿县",value:"610426"},{city:"咸阳市",text:"彬县",value:"610427"},{city:"咸阳市",text:"长武县",value:"610428"},{city:"咸阳市",text:"旬邑县",value:"610429"},{city:"咸阳市",text:"淳化县",value:"610430"},{city:"咸阳市",text:"武功县",value:"610431"},{city:"咸阳市",text:"兴平市",value:"610481"}],610500:[{city:"渭南市",text:"市辖区",value:"610501"},{city:"渭南市",text:"临渭区",value:"610502"},{city:"渭南市",text:"华州区",value:"610503"},{city:"渭南市",text:"潼关县",value:"610522"},{city:"渭南市",text:"大荔县",value:"610523"},{city:"渭南市",text:"合阳县",value:"610524"},{city:"渭南市",text:"澄城县",value:"610525"},{city:"渭南市",text:"蒲城县",value:"610526"},{city:"渭南市",text:"白水县",value:"610527"},{city:"渭南市",text:"富平县",value:"610528"},{city:"渭南市",text:"韩城市",value:"610581"},{city:"渭南市",text:"华阴市",value:"610582"}],610600:[{city:"延安市",text:"市辖区",value:"610601"},{city:"延安市",text:"宝塔区",value:"610602"},{city:"延安市",text:"安塞区",value:"610603"},{city:"延安市",text:"延长县",value:"610621"},{city:"延安市",text:"延川县",value:"610622"},{city:"延安市",text:"子长县",value:"610623"},{city:"延安市",text:"志丹县",value:"610625"},{city:"延安市",text:"吴起县",value:"610626"},{city:"延安市",text:"甘泉县",value:"610627"},{city:"延安市",text:"富县",value:"610628"},{city:"延安市",text:"洛川县",value:"610629"},{city:"延安市",text:"宜川县",value:"610630"},{city:"延安市",text:"黄龙县",value:"610631"},{city:"延安市",text:"黄陵县",value:"610632"}],610700:[{city:"汉中市",text:"市辖区",value:"610701"},{city:"汉中市",text:"汉台区",value:"610702"},{city:"汉中市",text:"南郑县",value:"610721"},{city:"汉中市",text:"城固县",value:"610722"},{city:"汉中市",text:"洋县",value:"610723"},{city:"汉中市",text:"西乡县",value:"610724"},{city:"汉中市",text:"勉县",value:"610725"},{city:"汉中市",text:"宁强县",value:"610726"},{city:"汉中市",text:"略阳县",value:"610727"},{city:"汉中市",text:"镇巴县",value:"610728"},{city:"汉中市",text:"留坝县",value:"610729"},{city:"汉中市",text:"佛坪县",value:"610730"}],610800:[{city:"榆林市",text:"市辖区",value:"610801"},{city:"榆林市",text:"榆阳区",value:"610802"},{city:"榆林市",text:"横山区",value:"610803"},{city:"榆林市",text:"神木县",value:"610821"},{city:"榆林市",text:"府谷县",value:"610822"},{city:"榆林市",text:"靖边县",value:"610824"},{city:"榆林市",text:"定边县",value:"610825"},{city:"榆林市",text:"绥德县",value:"610826"},{city:"榆林市",text:"米脂县",value:"610827"},{city:"榆林市",text:"佳县",value:"610828"},{city:"榆林市",text:"吴堡县",value:"610829"},{city:"榆林市",text:"清涧县",value:"610830"},{city:"榆林市",text:"子洲县",value:"610831"}],610900:[{city:"安康市",text:"市辖区",value:"610901"},{city:"安康市",text:"汉滨区",value:"610902"},{city:"安康市",text:"汉阴县",value:"610921"},{city:"安康市",text:"石泉县",value:"610922"},{city:"安康市",text:"宁陕县",value:"610923"},{city:"安康市",text:"紫阳县",value:"610924"},{city:"安康市",text:"岚皋县",value:"610925"},{city:"安康市",text:"平利县",value:"610926"},{city:"安康市",text:"镇坪县",value:"610927"},{city:"安康市",text:"旬阳县",value:"610928"},{city:"安康市",text:"白河县",value:"610929"}],611000:[{city:"商洛市",text:"市辖区",value:"611001"},{city:"商洛市",text:"商州区",value:"611002"},{city:"商洛市",text:"洛南县",value:"611021"},{city:"商洛市",text:"丹凤县",value:"611022"},{city:"商洛市",text:"商南县",value:"611023"},{city:"商洛市",text:"山阳县",value:"611024"},{city:"商洛市",text:"镇安县",value:"611025"},{city:"商洛市",text:"柞水县",value:"611026"}],620100:[{city:"兰州市",text:"市辖区",value:"620101"},{city:"兰州市",text:"城关区",value:"620102"},{city:"兰州市",text:"七里河区",value:"620103"},{city:"兰州市",text:"西固区",value:"620104"},{city:"兰州市",text:"安宁区",value:"620105"},{city:"兰州市",text:"红古区",value:"620111"},{city:"兰州市",text:"永登县",value:"620121"},{city:"兰州市",text:"皋兰县",value:"620122"},{city:"兰州市",text:"榆中县",value:"620123"}],620200:[{city:"嘉峪关市",text:"市辖区",value:"620201"}],620300:[{city:"金昌市",text:"市辖区",value:"620301"},{city:"金昌市",text:"金川区",value:"620302"},{city:"金昌市",text:"永昌县",value:"620321"}],620400:[{city:"白银市",text:"市辖区",value:"620401"},{city:"白银市",text:"白银区",value:"620402"},{city:"白银市",text:"平川区",value:"620403"},{city:"白银市",text:"靖远县",value:"620421"},{city:"白银市",text:"会宁县",value:"620422"},{city:"白银市",text:"景泰县",value:"620423"}],620500:[{city:"天水市",text:"市辖区",value:"620501"},{city:"天水市",text:"秦州区",value:"620502"},{city:"天水市",text:"麦积区",value:"620503"},{city:"天水市",text:"清水县",value:"620521"},{city:"天水市",text:"秦安县",value:"620522"},{city:"天水市",text:"甘谷县",value:"620523"},{city:"天水市",text:"武山县",value:"620524"},{city:"天水市",text:"张家川回族自治县",value:"620525"}],620600:[{city:"武威市",text:"市辖区",value:"620601"},{city:"武威市",text:"凉州区",value:"620602"},{city:"武威市",text:"民勤县",value:"620621"},{city:"武威市",text:"古浪县",value:"620622"},{city:"武威市",text:"天祝藏族自治县",value:"620623"}],620700:[{city:"张掖市",text:"市辖区",value:"620701"},{city:"张掖市",text:"甘州区",value:"620702"},{city:"张掖市",text:"肃南裕固族自治县",value:"620721"},{city:"张掖市",text:"民乐县",value:"620722"},{city:"张掖市",text:"临泽县",value:"620723"},{city:"张掖市",text:"高台县",value:"620724"},{city:"张掖市",text:"山丹县",value:"620725"}],620800:[{city:"平凉市",text:"市辖区",value:"620801"},{city:"平凉市",text:"崆峒区",value:"620802"},{city:"平凉市",text:"泾川县",value:"620821"},{city:"平凉市",text:"灵台县",value:"620822"},{city:"平凉市",text:"崇信县",value:"620823"},{city:"平凉市",text:"华亭县",value:"620824"},{city:"平凉市",text:"庄浪县",value:"620825"},{city:"平凉市",text:"静宁县",value:"620826"}],620900:[{city:"酒泉市",text:"市辖区",value:"620901"},{city:"酒泉市",text:"肃州区",value:"620902"},{city:"酒泉市",text:"金塔县",value:"620921"},{city:"酒泉市",text:"瓜州县",value:"620922"},{city:"酒泉市",text:"肃北蒙古族自治县",value:"620923"},{city:"酒泉市",text:"阿克塞哈萨克族自治县",value:"620924"},{city:"酒泉市",text:"玉门市",value:"620981"},{city:"酒泉市",text:"敦煌市",value:"620982"}],621000:[{city:"庆阳市",text:"市辖区",value:"621001"},{city:"庆阳市",text:"西峰区",value:"621002"},{city:"庆阳市",text:"庆城县",value:"621021"},{city:"庆阳市",text:"环县",value:"621022"},{city:"庆阳市",text:"华池县",value:"621023"},{city:"庆阳市",text:"合水县",value:"621024"},{city:"庆阳市",text:"正宁县",value:"621025"},{city:"庆阳市",text:"宁县",value:"621026"},{city:"庆阳市",text:"镇原县",value:"621027"}],621100:[{city:"定西市",text:"市辖区",value:"621101"},{city:"定西市",text:"安定区",value:"621102"},{city:"定西市",text:"通渭县",value:"621121"},{city:"定西市",text:"陇西县",value:"621122"},{city:"定西市",text:"渭源县",value:"621123"},{city:"定西市",text:"临洮县",value:"621124"},{city:"定西市",text:"漳县",value:"621125"},{city:"定西市",text:"岷县",value:"621126"}],621200:[{city:"陇南市",text:"市辖区",value:"621201"},{city:"陇南市",text:"武都区",value:"621202"},{city:"陇南市",text:"成县",value:"621221"},{city:"陇南市",text:"文县",value:"621222"},{city:"陇南市",text:"宕昌县",value:"621223"},{city:"陇南市",text:"康县",value:"621224"},{city:"陇南市",text:"西和县",value:"621225"},{city:"陇南市",text:"礼县",value:"621226"},{city:"陇南市",text:"徽县",value:"621227"},{city:"陇南市",text:"两当县",value:"621228"}],622900:[{city:"临夏回族自治州",text:"临夏市",value:"622901"},{city:"临夏回族自治州",text:"临夏县",value:"622921"},{city:"临夏回族自治州",text:"康乐县",value:"622922"},{city:"临夏回族自治州",text:"永靖县",value:"622923"},{city:"临夏回族自治州",text:"广河县",value:"622924"},{city:"临夏回族自治州",text:"和政县",value:"622925"},{city:"临夏回族自治州",text:"东乡族自治县",value:"622926"},{city:"临夏回族自治州",text:"积石山保安族东乡族撒拉族自治县",value:"622927"}],623000:[{city:"甘南藏族自治州",text:"合作市",value:"623001"},{city:"甘南藏族自治州",text:"临潭县",value:"623021"},{city:"甘南藏族自治州",text:"卓尼县",value:"623022"},{city:"甘南藏族自治州",text:"舟曲县",value:"623023"},{city:"甘南藏族自治州",text:"迭部县",value:"623024"},{city:"甘南藏族自治州",text:"玛曲县",value:"623025"},{city:"甘南藏族自治州",text:"碌曲县",value:"623026"},{city:"甘南藏族自治州",text:"夏河县",value:"623027"}],630100:[{city:"西宁市",text:"市辖区",value:"630101"},{city:"西宁市",text:"城东区",value:"630102"},{city:"西宁市",text:"城中区",value:"630103"},{city:"西宁市",text:"城西区",value:"630104"},{city:"西宁市",text:"城北区",value:"630105"},{city:"西宁市",text:"大通回族土族自治县",value:"630121"},{city:"西宁市",text:"湟中县",value:"630122"},{city:"西宁市",text:"湟源县",value:"630123"}],630200:[{city:"海东市",text:"乐都区",value:"630202"},{city:"海东市",text:"平安区",value:"630203"},{city:"海东市",text:"民和回族土族自治县",value:"630222"},{city:"海东市",text:"互助土族自治县",value:"630223"},{city:"海东市",text:"化隆回族自治县",value:"630224"},{city:"海东市",text:"循化撒拉族自治县",value:"630225"}],632200:[{city:"海北藏族自治州",text:"门源回族自治县",value:"632221"},{city:"海北藏族自治州",text:"祁连县",value:"632222"},{city:"海北藏族自治州",text:"海晏县",value:"632223"},{city:"海北藏族自治州",text:"刚察县",value:"632224"}],632300:[{city:"黄南藏族自治州",text:"同仁县",value:"632321"},{city:"黄南藏族自治州",text:"尖扎县",value:"632322"},{city:"黄南藏族自治州",text:"泽库县",value:"632323"},{city:"黄南藏族自治州",text:"河南蒙古族自治县",value:"632324"}],632500:[{city:"海南藏族自治州",text:"共和县",value:"632521"},{city:"海南藏族自治州",text:"同德县",value:"632522"},{city:"海南藏族自治州",text:"贵德县",value:"632523"},{city:"海南藏族自治州",text:"兴海县",value:"632524"},{city:"海南藏族自治州",text:"贵南县",value:"632525"}],632600:[{city:"果洛藏族自治州",text:"玛沁县",value:"632621"},{city:"果洛藏族自治州",text:"班玛县",value:"632622"},{city:"果洛藏族自治州",text:"甘德县",value:"632623"},{city:"果洛藏族自治州",text:"达日县",value:"632624"},{city:"果洛藏族自治州",text:"久治县",value:"632625"},{city:"果洛藏族自治州",text:"玛多县",value:"632626"}],632700:[{city:"玉树藏族自治州",text:"玉树市",value:"632701"},{city:"玉树藏族自治州",text:"杂多县",value:"632722"},{city:"玉树藏族自治州",text:"称多县",value:"632723"},{city:"玉树藏族自治州",text:"治多县",value:"632724"},{city:"玉树藏族自治州",text:"囊谦县",value:"632725"},{city:"玉树藏族自治州",text:"曲麻莱县",value:"632726"}],632800:[{city:"海西蒙古族藏族自治州",text:"格尔木市",value:"632801"},{city:"海西蒙古族藏族自治州",text:"德令哈市",value:"632802"},{city:"海西蒙古族藏族自治州",text:"乌兰县",value:"632821"},{city:"海西蒙古族藏族自治州",text:"都兰县",value:"632822"},{city:"海西蒙古族藏族自治州",text:"天峻县",value:"632823"}],640100:[{city:"银川市",text:"市辖区",value:"640101"},{city:"银川市",text:"兴庆区",value:"640104"},{city:"银川市",text:"西夏区",value:"640105"},{city:"银川市",text:"金凤区",value:"640106"},{city:"银川市",text:"永宁县",value:"640121"},{city:"银川市",text:"贺兰县",value:"640122"},{city:"银川市",text:"灵武市",value:"640181"}],640200:[{city:"石嘴山市",text:"市辖区",value:"640201"},{city:"石嘴山市",text:"大武口区",value:"640202"},{city:"石嘴山市",text:"惠农区",value:"640205"},{city:"石嘴山市",text:"平罗县",value:"640221"}],640300:[{city:"吴忠市",text:"市辖区",value:"640301"},{city:"吴忠市",text:"利通区",value:"640302"},{city:"吴忠市",text:"红寺堡区",value:"640303"},{city:"吴忠市",text:"盐池县",value:"640323"},{city:"吴忠市",text:"同心县",value:"640324"},{city:"吴忠市",text:"青铜峡市",value:"640381"}],640400:[{city:"固原市",text:"市辖区",value:"640401"},{city:"固原市",text:"原州区",value:"640402"},{city:"固原市",text:"西吉县",value:"640422"},{city:"固原市",text:"隆德县",value:"640423"},{city:"固原市",text:"泾源县",value:"640424"},{city:"固原市",text:"彭阳县",value:"640425"}],640500:[{city:"中卫市",text:"市辖区",value:"640501"},{city:"中卫市",text:"沙坡头区",value:"640502"},{city:"中卫市",text:"中宁县",value:"640521"},{city:"中卫市",text:"海原县",value:"640522"}],650100:[{city:"乌鲁木齐市",text:"市辖区",value:"650101"},{city:"乌鲁木齐市",text:"天山区",value:"650102"},{city:"乌鲁木齐市",text:"沙依巴克区",value:"650103"},{city:"乌鲁木齐市",text:"新市区",value:"650104"},{city:"乌鲁木齐市",text:"水磨沟区",value:"650105"},{city:"乌鲁木齐市",text:"头屯河区",value:"650106"},{city:"乌鲁木齐市",text:"达坂城区",value:"650107"},{city:"乌鲁木齐市",text:"米东区",value:"650109"},{city:"乌鲁木齐市",text:"乌鲁木齐县",value:"650121"}],650200:[{city:"克拉玛依市",text:"市辖区",value:"650201"},{city:"克拉玛依市",text:"独山子区",value:"650202"},{city:"克拉玛依市",text:"克拉玛依区",value:"650203"},{city:"克拉玛依市",text:"白碱滩区",value:"650204"},{city:"克拉玛依市",text:"乌尔禾区",value:"650205"}],650400:[{city:"吐鲁番市",text:"高昌区",value:"650402"},{city:"吐鲁番市",text:"鄯善县",value:"650421"},{city:"吐鲁番市",text:"托克逊县",value:"650422"}],650500:[{city:"哈密市",text:"伊州区",value:"650502"},{city:"哈密市",text:"巴里坤哈萨克自治县",value:"650521"},{city:"哈密市",text:"伊吾县",value:"650522"}],652300:[{city:"昌吉回族自治州",text:"昌吉市",value:"652301"},{city:"昌吉回族自治州",text:"阜康市",value:"652302"},{city:"昌吉回族自治州",text:"呼图壁县",value:"652323"},{city:"昌吉回族自治州",text:"玛纳斯县",value:"652324"},{city:"昌吉回族自治州",text:"奇台县",value:"652325"},{city:"昌吉回族自治州",text:"吉木萨尔县",value:"652327"},{city:"昌吉回族自治州",text:"木垒哈萨克自治县",value:"652328"}],652700:[{city:"博尔塔拉蒙古自治州",text:"博乐市",value:"652701"},{city:"博尔塔拉蒙古自治州",text:"阿拉山口市",value:"652702"},{city:"博尔塔拉蒙古自治州",text:"精河县",value:"652722"},{city:"博尔塔拉蒙古自治州",text:"温泉县",value:"652723"}],652800:[{city:"巴音郭楞蒙古自治州",text:"库尔勒市",value:"652801"},{city:"巴音郭楞蒙古自治州",text:"轮台县",value:"652822"},{city:"巴音郭楞蒙古自治州",text:"尉犁县",value:"652823"},{city:"巴音郭楞蒙古自治州",text:"若羌县",value:"652824"},{city:"巴音郭楞蒙古自治州",text:"且末县",value:"652825"},{city:"巴音郭楞蒙古自治州",text:"焉耆回族自治县",value:"652826"},{city:"巴音郭楞蒙古自治州",text:"和静县",value:"652827"},{city:"巴音郭楞蒙古自治州",text:"和硕县",value:"652828"},{city:"巴音郭楞蒙古自治州",text:"博湖县",value:"652829"}],652900:[{city:"阿克苏地区",text:"阿克苏市",value:"652901"},{city:"阿克苏地区",text:"温宿县",value:"652922"},{city:"阿克苏地区",text:"库车县",value:"652923"},{city:"阿克苏地区",text:"沙雅县",value:"652924"},{city:"阿克苏地区",text:"新和县",value:"652925"},{city:"阿克苏地区",text:"拜城县",value:"652926"},{city:"阿克苏地区",text:"乌什县",value:"652927"},{city:"阿克苏地区",text:"阿瓦提县",value:"652928"},{city:"阿克苏地区",text:"柯坪县",value:"652929"}],653000:[{city:"克孜勒苏柯尔克孜自治州",text:"阿图什市",value:"653001"},{city:"克孜勒苏柯尔克孜自治州",text:"阿克陶县",value:"653022"},{city:"克孜勒苏柯尔克孜自治州",text:"阿合奇县",value:"653023"},{city:"克孜勒苏柯尔克孜自治州",text:"乌恰县",value:"653024"}],653100:[{city:"喀什地区",text:"喀什市",value:"653101"},{city:"喀什地区",text:"疏附县",value:"653121"},{city:"喀什地区",text:"疏勒县",value:"653122"},{city:"喀什地区",text:"英吉沙县",value:"653123"},{city:"喀什地区",text:"泽普县",value:"653124"},{city:"喀什地区",text:"莎车县",value:"653125"},{city:"喀什地区",text:"叶城县",value:"653126"},{city:"喀什地区",text:"麦盖提县",value:"653127"},{city:"喀什地区",text:"岳普湖县",value:"653128"},{city:"喀什地区",text:"伽师县",value:"653129"},{city:"喀什地区",text:"巴楚县",value:"653130"},{city:"喀什地区",text:"塔什库尔干塔吉克自治县",value:"653131"}],653200:[{city:"和田地区",text:"和田市",value:"653201"},{city:"和田地区",text:"和田县",value:"653221"},{city:"和田地区",text:"墨玉县",value:"653222"},{city:"和田地区",text:"皮山县",value:"653223"},{city:"和田地区",text:"洛浦县",value:"653224"},{city:"和田地区",text:"策勒县",value:"653225"},{city:"和田地区",text:"于田县",value:"653226"},{city:"和田地区",text:"民丰县",value:"653227"}],654000:[{city:"伊犁哈萨克自治州",text:"伊宁市",value:"654002"},{city:"伊犁哈萨克自治州",text:"奎屯市",value:"654003"},{city:"伊犁哈萨克自治州",text:"霍尔果斯市",value:"654004"},{city:"伊犁哈萨克自治州",text:"伊宁县",value:"654021"},{city:"伊犁哈萨克自治州",text:"察布查尔锡伯自治县",value:"654022"},{city:"伊犁哈萨克自治州",text:"霍城县",value:"654023"},{city:"伊犁哈萨克自治州",text:"巩留县",value:"654024"},{city:"伊犁哈萨克自治州",text:"新源县",value:"654025"},{city:"伊犁哈萨克自治州",text:"昭苏县",value:"654026"},{city:"伊犁哈萨克自治州",text:"特克斯县",value:"654027"},{city:"伊犁哈萨克自治州",text:"尼勒克县",value:"654028"}],654200:[{city:"塔城地区",text:"塔城市",value:"654201"},{city:"塔城地区",text:"乌苏市",value:"654202"},{city:"塔城地区",text:"额敏县",value:"654221"},{city:"塔城地区",text:"沙湾县",value:"654223"},{city:"塔城地区",text:"托里县",value:"654224"},{city:"塔城地区",text:"裕民县",value:"654225"},{city:"塔城地区",text:"和布克赛尔蒙古自治县",value:"654226"}],654300:[{city:"阿勒泰地区",text:"阿勒泰市",value:"654301"},{city:"阿勒泰地区",text:"布尔津县",value:"654321"},{city:"阿勒泰地区",text:"富蕴县",value:"654322"},{city:"阿勒泰地区",text:"福海县",value:"654323"},{city:"阿勒泰地区",text:"哈巴河县",value:"654324"},{city:"阿勒泰地区",text:"青河县",value:"654325"},{city:"阿勒泰地区",text:"吉木乃县",value:"654326"}],659000:[{city:"自治区直辖县级行政区划",text:"石河子市",value:"659001"},{city:"自治区直辖县级行政区划",text:"阿拉尔市",value:"659002"},{city:"自治区直辖县级行政区划",text:"图木舒克市",value:"659003"},{city:"自治区直辖县级行政区划",text:"五家渠市",value:"659004"},{city:"自治区直辖县级行政区划",text:"铁门关市",value:"659006"}]}})},function(t,e,i){var a,u,l;!function(i,c){u=[e],a=c,void 0!==(l="function"==typeof a?a.apply(e,u):a)&&(t.exports=l)}(0,function(t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var e=[{text:"剧毒",value:"剧毒"},{text:"蚂蚁",value:"蚂蚁"},{text:"幽鬼",value:"幽鬼"},{text:"主宰",value:"主宰"},{text:"卡尔",value:"卡尔"},{text:"宙斯",value:"宙斯"},{text:"巫医",value:"巫医"},{text:"巫妖",value:"巫妖"},{text:"神谕者",value:"神谕者"},{text:"撼地神牛",value:"神谕者"},{text:"蓝胖子",value:"蓝胖子"},{text:"水晶室女",value:"水晶室女"},{text:"莉娜",value:"莉娜"},{text:"斯拉克",value:"斯拉克"},{text:"斯拉达",value:"斯拉达"}],i=[{text:"输出",value:"输出"},{text:"控制",value:"控制"},{text:"核心",value:"核心"},{text:"爆发",value:"爆发"},{text:"辅助",value:"辅助"},{text:"打野",value:"打野"},{text:"逃生",value:"逃生"},{text:"先手",value:"先手"}],a=[{text:"梅肯",value:"梅肯"},{text:"秘法鞋",value:"秘法鞋"},{text:"假腿",value:"假腿"},{text:"飞鞋",value:"飞鞋"},{text:"辉耀",value:"辉耀"},{text:"金箍棒",value:"金箍棒"}];t.data1=e,t.data2=i,t.data3=a})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"picker-view",title:"Picker（选择器）",desc:""}},[i("div",{attrs:{slot:"content"},slot:"content"},[i("cube-button-group",[i("cube-button",{on:{click:t.showTimePicker}},[t._v("Picker")]),t._v(" "),i("cube-button",{on:{click:t.showTimePickerMuti}},[t._v("Picker - multiple Columns")]),t._v(" "),i("cube-button",{on:{click:t.showTimePickerLinkage}},[t._v("Picker - linkage")]),t._v(" "),i("cube-button",{on:{click:t.showTimePickerSetData}},[t._v("Picker - setData")])],1)],1)])},staticRenderFns:[]}},function(t,e,i){var a=i(0)(i(229),i(230),null,null,null);t.exports=a.exports},function(t,e,i){var a,u,l;!function(c,v){u=[t,e,i(1),i(5)],a=v,void 0!==(l="function"==typeof a?a.apply(e,u):a)&&(t.exports=l)}(0,function(t,e,i,a){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=u(i),c=u(a);e.default={methods:{selectTime:function(){this.timePicker=this.$createTimePicker({showNow:!0,minuteStep:5,delay:15}),this.timePicker.show()},selectTimeDay:function(){this.timePicker=this.$createTimePicker({showNow:!0,minuteStep:10,delay:10,day:{len:5,filter:["今天","明天"],format:"M月d日"},onSelect:function(t,e){console.log(t,e)}}),this.timePicker.show()},selectTimeSetTime:function(){var t=(new Date).valueOf()+36e5;this.timePicker=this.$createTimePicker({showNow:!0,minuteStep:10,delay:15,day:{len:5,filter:["今天","明天","后天"],format:"M月d日"}}),this.timePicker.setTime(t),this.timePicker.show()}},beforeDestroy:function(){this.timePicker&&this.timePicker.remove()&&(this.timePicker=null)},components:{CubePage:l.default,CubeButtonGroup:c.default}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"time-picker-view",title:"TimePicker（时间选择器）"}},[i("div",{attrs:{slot:"content"},slot:"content"},[i("cube-button-group",[i("cube-button",{on:{click:t.selectTime}},[t._v("TimePicker")]),t._v(" "),i("cube-button",{on:{click:t.selectTimeDay}},[t._v("TimePicker - day options")]),t._v(" "),i("cube-button",{on:{click:t.selectTimeSetTime}},[t._v("TimePicker - setTime(next hour)")])],1)],1)])},staticRenderFns:[]}},function(t,e,i){function a(t){i(232)}var u=i(0)(i(233),i(234),a,null,null);t.exports=u.exports},function(t,e){},function(t,e,i){var a,u,l;!function(c,v){u=[t,e,i(5),i(1)],a=v,void 0!==(l="function"==typeof a?a.apply(e,u):a)&&(t.exports=l)}(0,function(t,e,i,a){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=u(i),c=u(a);e.default={methods:{showAlert:function(){this.dialog=this.$createDialog({type:"alert",title:"我是标题",content:"我是内容",icon:"cubeic-alert"}),this.dialog.show()},showBtn:function(){this.dialog=this.$createDialog({type:"confirm",icon:"cubeic-alert",title:"我是标题",content:"我是内容",confirmBtn:{text:"确定按钮",active:!0,href:"javascript:;"},cancelBtn:{text:"取消按钮",active:!1,href:"javascript:;"}}),this.dialog.show()},showClose:function(){var t=this;this.dialog=this.$createDialog({type:"alert",icon:"cubeic-alert",showClose:!0,title:"标题",onClose:function(){t.$createToast({type:"warn",time:1e3,txt:"点击关闭按钮"}).show()}}),this.dialog.show()},showSlot:function(){this.dialog=this.$createDialog({type:"alert",confirmBtn:{text:"我知道了",active:!0}},function(t){return[t("div",{class:{"my-title":!0},slot:"title"},[t("div",{class:{"my-title-img":!0}}),t("p","附近车少,优选出租车将来接您")]),t("p",{class:{"my-content":!0},slot:"content"},"价格仍按快车计算")]}),this.dialog.show()}},beforeDestroy:function(){this.dialog&&this.dialog.remove()&&(this.dialog=null)},components:{CubeButtonGroup:l.default,CubePage:c.default}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"dialog-view",title:"Dialog"}},[i("div",{attrs:{slot:"content"},slot:"content"},[i("cube-button-group",[i("cube-button",{on:{click:t.showAlert}},[t._v("Dialog - type")]),t._v(" "),i("cube-button",{on:{click:t.showBtn}},[t._v("Dialog - btn")]),t._v(" "),i("cube-button",{on:{click:t.showClose}},[t._v("Dialog - show close")]),t._v(" "),i("cube-button",{on:{click:t.showSlot}},[t._v("Dialog - slot")])],1)],1)])},staticRenderFns:[]}},function(t,e,i){var a=i(0)(i(236),i(237),null,null,null);t.exports=a.exports},function(t,e,i){var a,u,l;!function(c,v){u=[t,e,i(1),i(5)],a=v,void 0!==(l="function"==typeof a?a.apply(e,u):a)&&(t.exports=l)}(0,function(t,e,i,a){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=u(i),c=u(a);e.default={methods:{showDefault:function(){var t=this;this.actionSheet=this.$createActionSheet({title:"我是标题~~~",data:[{content:"舒适型",class:"cube-foo"},{content:"七座商务",align:"left"},{content:"豪华型",align:"right"}],onSelect:function(e,i){t.$createToast({txt:"Clicked "+e.content,type:"correct",time:1e3}).show()}}),this.actionSheet.show()},showActive:function(){this.actionSheet=this.$createActionSheet({title:"我是标题~~~",active:0,data:[{content:"舒适型"},{content:"七座商务"},{content:"豪华型"}]}),this.actionSheet.show()},showPickerStyle:function(){this.actionSheet=this.$createActionSheet({title:"我是标题~~~",pickerStyle:!0,data:[{content:"舒适型"},{content:"七座商务"},{content:"豪华型"}]}),this.actionSheet.show()}},beforeDestroy:function(){this.actionSheet&&this.actionSheet.remove()&&(this.actionSheet=null)},components:{CubePage:l.default,CubeButtonGroup:c.default}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"action-sheet-view",title:"ActionSheet（操作列表）"}},[i("div",{attrs:{slot:"content"},slot:"content"},[i("cube-button-group",[i("cube-button",{on:{click:t.showDefault}},[t._v("ActionSheet")]),t._v(" "),i("cube-button",{on:{click:t.showActive}},[t._v("ActionSheet - active")]),t._v(" "),i("cube-button",{on:{click:t.showPickerStyle}},[t._v("ActionSheet - picker style")])],1)],1)])},staticRenderFns:[]}},function(t,e,i){function a(t){i(239)}var u=i(0)(i(240),i(241),a,null,null);t.exports=u.exports},function(t,e){},function(t,e,i){var a,u,l;!function(c,v){u=[t,e,i(1)],a=v,void 0!==(l="function"==typeof a?a.apply(e,u):a)&&(t.exports=l)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=function(t){return t&&t.__esModule?t:{default:t}}(i),u=["I am line 1","I am line 2","I am line 3","I am line 4","I am line 5","I am line 6","I am line 7","I am line 8","I am line 9","I am line 10","I am line 11","I am line 12","I am line 13","I am line 14","I am line 15"];e.default={data:function(){return{items:u,itemIndex:u.length,scrollbar:{fade:!0},pullDownRefresh:{threshold:90,stop:40,txt:"Refresh success"},pullUpLoad:{threshold:0,txt:{more:"Load more",noMore:"No more data"}}}},components:{CubePage:a.default},methods:{onPullingDown:function(){var t=this;setTimeout(function(){Math.random()>.5?t.items.unshift("I am new data: "+ +new Date):t.$refs.scroll.forceUpdate()},1e3)},onPullingUp:function(){var t=this;setTimeout(function(){if(Math.random()>.5){var e=["I am line "+ ++t.itemIndex,"I am line "+ ++t.itemIndex,"I am line "+ ++t.itemIndex,"I am line "+ ++t.itemIndex,"I am line "+ ++t.itemIndex];t.items=t.items.concat(e)}else t.$refs.scroll.forceUpdate()},1e3)}}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"scroll-view",title:"Scroll"}},[i("div",{staticClass:"scroll-wrapper",attrs:{slot:"content"},slot:"content"},[i("cube-scroll",{ref:"scroll",attrs:{data:t.items,scrollbar:t.scrollbar,"pull-down-refresh":t.pullDownRefresh,"pull-up-load":t.pullUpLoad},on:{"pulling-down":t.onPullingDown,"pulling-up":t.onPullingUp},scopedSlots:t._u([{key:"pulldown",fn:function(e){return[e.pullDownRefresh?i("div",{staticClass:"cube-pulldown-wrapper",style:e.pullDownStyle},[e.beforePullDown?i("div",{staticClass:"before-trigger",style:{paddingTop:e.bubbleY+"px"}},[i("span",{class:{rotate:e.bubbleY>40}},[t._v("↓")])]):i("div",{staticClass:"after-trigger"},[e.isPullingDown?i("div",{staticClass:"loading"},[i("cube-loading")],1):i("div",[i("span",[t._v("Refresh success")])])])]):t._e()]}}])})],1)])},staticRenderFns:[]}},function(t,e,i){function a(t){i(243)}var u=i(0)(i(244),i(245),a,null,null);t.exports=u.exports},function(t,e){},function(t,e,i){var a,u,l;!function(c,v){u=[t,e,i(1)],a=v,void 0!==(l="function"==typeof a?a.apply(e,u):a)&&(t.exports=l)}(0,function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=function(t){return t&&t.__esModule?t:{default:t}}(i);e.default={data:function(){return{items:[{url:"http://www.didichuxing.com/",image:"//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide01.png"},{url:"http://www.didichuxing.com/",image:"//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide02.png"},{url:"http://www.didichuxing.com/",image:"//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide03.png"}]}},methods:{changePage:function(t){console.log("当前轮播图序号为:"+t)},clickHandler:function(t,e){console.log(t,e)}},components:{CubePage:a.default}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"slide-view",title:"Slide"}},[i("div",{attrs:{slot:"content"},slot:"content"},[i("div",{ref:"slideWrapper",staticClass:"slide-container"},[i("cube-slide",{on:{change:t.changePage}},t._l(t.items,function(e,a){return i("cube-slide-item",{key:a,nativeOn:{click:function(i){t.clickHandler(e,a)}}},[i("a",{attrs:{href:e.url}},[i("img",{attrs:{src:e.image}})])])}))],1)])])},staticRenderFns:[]}},function(t,e,i){function a(t){i(247)}var u=i(0)(i(248),i(250),a,null,null);t.exports=u.exports},function(t,e){},function(t,e,i){var a,u,l;!function(c,v){u=[t,e,i(1),i(249)],a=v,void 0!==(l="function"==typeof a?a.apply(e,u):a)&&(t.exports=l)}(0,function(t,e,i,a){"use strict";function u(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var l=u(i),c=u(a);e.default={components:{CubePage:l.default},data:function(){return{title:"Current City: BEIJING",cityData:c.default}},methods:{selectItem:function(t){console.log(t.name)},clickTitle:function(t){console.log(t)}}},t.exports=e.default})},function(t,e){t.exports=[{name:"★Hot City",items:[{name:"BEIJING",value:1},{name:"SHANGHAI",value:2}]},{name:"A",items:[{name:"ANSHAN",value:3},{name:"ANQING",value:4}]},{name:"B",items:[{name:"BEIJING",value:1},{name:"BAYINGUOLENGZHOU,",value:5},{name:"BOERTALAZHOU",value:6}]},{name:"C",items:[{name:"CHENGDU",value:7}]},{name:"E",items:[{name:"EERDUOSI",value:8},{name:"EZHOU",value:9},{name:"ENSHIZHOU",value:10}]},{name:"F",items:[{name:"FUZHOU",value:11},{name:"FOSHAN",value:12},{name:"FANGCHENGGANG",value:13}]},{name:"G",items:[{name:"GUANGZHOU",value:14},{name:"GUIYANG",value:15}]},{name:"H",items:[{name:"HANGZHOU",value:16},{name:"HETIANDIQU",value:17}]},{name:"Z",items:[{name:"ZHENGZHOU",value:18},{name:"ZHANGJIAKOU",value:19},{name:"ZHANGJIAJIE",value:20},{name:"ZHUHAI",value:21},{name:"ZHONGSHAN",value:22},{name:"ZIGONG",value:23},{name:"ZIYANG",value:24},{name:"ZHAOZHUANG",value:25},{name:"ZHOUSHAN",value:26},{name:"ZUNYI",value:27},{name:"ZIBO",value:28},{name:"ZHUZHOU",value:29},{name:"ZHONGWEI",value:30}]}]},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"index-list",title:"IndexList"}},[i("div",{attrs:{slot:"content"},slot:"content"},[i("div",{staticClass:"split"}),t._v(" "),i("div",{staticClass:"view-wrapper"},[i("div",{staticClass:"index-list-wrapper"},[i("cube-index-list",{attrs:{data:t.cityData,title:t.title},on:{select:t.selectItem,"title-click":t.clickTitle}})],1)])])])},staticRenderFns:[]}},function(t,e,i){function a(t){i(252)}var u=i(0)(i(253),i(258),a,null,null);t.exports=u.exports},function(t,e){},function(t,e,i){var a,u,l;!function(c,v){u=[t,e,i(5),i(1),i(254)],a=v,void 0!==(l="function"==typeof a?a.apply(e,u):a)&&(t.exports=l)}(0,function(t,e,i,a,u){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var c=l(i),v=l(a),x=l(u);e.default={data:function(){return{type:"popup-dialog",mask:!0}},methods:{showPopup:function(t){var e=this.$refs[t];e.show(),setTimeout(function(){e.hide()},1e3)}},components:{CubeButtonGroup:c.default,CubePage:v.default,CubeExtendPopup:x.default}},t.exports=e.default})},function(t,e,i){function a(t){i(255)}var u=i(0)(i(256),i(257),a,null,null);t.exports=u.exports},function(t,e){},function(t,e,i){var a,u,l;!function(i,c){u=[t,e],a=c,void 0!==(l="function"==typeof a?a.apply(e,u):a)&&(t.exports=l)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"cube-extend-popup",props:{content:{type:String}},methods:{show:function(){this.$refs.popup.show()},hide:function(){this.$refs.popup.hide(),this.$emit("hide")}}},t.exports=e.default})},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-popup",{ref:"popup",attrs:{type:"extend-popup"}},[i("div",{staticClass:"cube-extend-popup-content",on:{click:t.hide}},[t._t("default",[t._v(t._s(t.content))])],2)])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("cube-page",{attrs:{type:"popup-view",title:"popup"}},[i("template",{slot:"content"},[i("div",[i("cube-popup",{ref:"myPopup",attrs:{type:"my-popup"}},[t._v("My Popup Content 1")]),t._v(" "),i("cube-button",{on:{click:function(e){t.showPopup("myPopup")}}},[t._v("Show Popup")])],1),t._v(" "),i("div",[i("cube-popup",{ref:"myPopup2",attrs:{type:"my-popup",mask:!1}},[t._v("My Popup Content 2")]),t._v(" "),i("cube-button",{on:{click:function(e){t.showPopup("myPopup2")}}},[t._v("Show Popup - no mask")])],1),t._v(" "),i("div",[i("cube-popup",{ref:"myPopup3",attrs:{type:"my-popup",mask:!1,content:"My Popup Content 3"}}),t._v(" "),i("cube-button",{on:{click:function(e){t.showPopup("myPopup3")}}},[t._v("Show Popup - with content")])],1),t._v(" "),i("div",[i("cube-popup",{ref:"myPopup4",attrs:{type:"my-popup",center:!1}},[t._v("My Popup Content 4")]),t._v(" "),i("cube-button",{on:{click:function(e){t.showPopup("myPopup4")}}},[t._v("Show Popup - bottom")])],1),t._v(" "),i("div",[i("cube-extend-popup",{ref:"extendPopup",attrs:{content:"lala"}}),t._v(" "),i("cube-button",{on:{click:function(e){t.$refs.extendPopup.show()}}},[t._v("Show Extend Popup")])],1)])],2)},staticRenderFns:[]}}],[58]); \ No newline at end of file diff --git a/docs/example/js/manifest.346dd10710fe9c0348bf.js b/docs/example/js/manifest.346dd10710fe9c0348bf.js new file mode 100644 index 000000000..8bc5d9467 --- /dev/null +++ b/docs/example/js/manifest.346dd10710fe9c0348bf.js @@ -0,0 +1 @@ +!function(r){function n(e){if(o[e])return o[e].exports;var t=o[e]={i:e,l:!1,exports:{}};return r[e].call(t.exports,t,t.exports,n),t.l=!0,t.exports}var e=window.webpackJsonp;window.webpackJsonp=function(o,u,c){for(var f,i,p,a=0,l=[];a=0&&Math.floor(e)===e&&isFinite(t)}function f(t){return null==t?"":"object"==typeof t?JSON.stringify(t,null,2):String(t)}function p(t){var e=parseFloat(t);return isNaN(e)?t:e}function d(t,e){for(var n=Object.create(null),i=t.split(","),r=0;r-1)return t.splice(n,1)}}function m(t,e){return _i.call(t,e)}function g(t){var e=Object.create(null);return function(n){return e[n]||(e[n]=t(n))}}function y(t,e){function n(n){var i=arguments.length;return i?i>1?t.apply(e,arguments):t.call(e,n):t.call(e)}return n._length=t.length,n}function b(t,e){return t.bind(e)}function _(t,e){e=e||0;for(var n=t.length-e,i=new Array(n);n--;)i[n]=t[n+e];return i}function w(t,e){for(var n in e)t[n]=e[n];return t}function x(t){for(var e={},n=0;n-1)if(o&&!m(r,"default"))s=!1;else if(""===s||s===Ti(t)){var c=nt(String,r.type);(c<0||a0&&(s=bt(s,(e||"")+"_"+n),yt(s[0])&&yt(u)&&(l[c]=j(u.text+s[0].text),s.shift()),l.push.apply(l,s)):a(s)?yt(u)?l[c]=j(u.text+s):""!==s&&l.push(j(s)):yt(s)&&yt(u)?l[c]=j(u.text+s.text):(o(t._isVList)&&r(s.tag)&&i(s.key)&&r(e)&&(s.key="__vlist"+e+"_"+n+"__"),l.push(s)));return l}function _t(t,e){return(t.__esModule||Ki&&"Module"===t[Symbol.toStringTag])&&(t=t.default),c(t)?e.extend(t):t}function wt(t,e,n,i,r){var o=ir();return o.asyncFactory=t,o.asyncMeta={data:e,context:n,children:i,tag:r},o}function xt(t,e,n){if(o(t.error)&&r(t.errorComp))return t.errorComp;if(r(t.resolved))return t.resolved;if(o(t.loading)&&r(t.loadingComp))return t.loadingComp;if(!r(t.contexts)){var s=t.contexts=[n],a=!0,u=function(){for(var t=0,e=s.length;tCr&&Sr[n].id>t.id;)n--;Sr.splice(n+1,0,t)}else Sr.push(t);kr||(kr=!0,ct(Yt))}}function Ut(t,e,n){Pr.get=function(){return this[e][n]},Pr.set=function(t){this[e][n]=t},Object.defineProperty(t,n,Pr)}function Wt(t){t._watchers=[];var e=t.$options;e.props&&qt(t,e.props),e.methods&&Zt(t,e.methods),e.data?Vt(t):N(t._data={},!0),e.computed&&Kt(t,e.computed),e.watch&&e.watch!==Hi&&te(t,e.watch)}function qt(t,e){var n=t.$options.propsData||{},i=t._props={},r=t.$options._propKeys=[];!t.$parent||D(!1);for(var o in e)!function(o){r.push(o);var s=J(o,e,n,t);X(i,o,s),o in t||Ut(t,"_props",o)}(o);D(!0)}function Vt(t){var e=t.$options.data;e=t._data="function"==typeof e?Qt(e,t):e||{},u(e)||(e={});for(var n=Object.keys(e),i=t.$options.props,r=(t.$options.methods,n.length);r--;){var o=n[r];i&&m(i,o)||O(o)||Ut(t,"_data",o)}N(e,!0)}function Qt(t,e){P();try{return t.call(e,e)}catch(t){return it(t,e,"data()"),{}}finally{L()}}function Kt(t,e){var n=t._computedWatchers=Object.create(null),i=Vi();for(var r in e){var o=e[r],s="function"==typeof o?o:o.get;i||(n[r]=new Mr(t,s||S,S,Lr)),r in t||Gt(t,r,o)}}function Gt(t,e,n){var i=!Vi();"function"==typeof n?(Pr.get=i?Jt(e):n,Pr.set=S):(Pr.get=n.get?i&&!1!==n.cache?Jt(e):n.get:S,Pr.set=n.set?n.set:S),Object.defineProperty(t,e,Pr)}function Jt(t){return function(){var e=this._computedWatchers&&this._computedWatchers[t];if(e)return e.dirty&&e.evaluate(),Zi.target&&e.depend(),e.value}}function Zt(t,e){t.$options.props;for(var n in e)t[n]=null==e[n]?S:ki(e[n],t)}function te(t,e){for(var n in e){var i=e[n];if(Array.isArray(i))for(var r=0;r=0||n.indexOf(t[r])<0)&&i.push(t[r]);return i}return t}function Ie(t){this._init(t)}function De(t){t.use=function(t){var e=this._installedPlugins||(this._installedPlugins=[]);if(e.indexOf(t)>-1)return this;var n=_(arguments,1);return n.unshift(this),"function"==typeof t.install?t.install.apply(t,n):"function"==typeof t&&t.apply(null,n),e.push(t),this}}function Re(t){t.mixin=function(t){return this.options=K(this.options,t),this}}function $e(t){t.cid=0;var e=1;t.extend=function(t){t=t||{};var n=this,i=n.cid,r=t._Ctor||(t._Ctor={});if(r[i])return r[i];var o=t.name||n.options.name,s=function(t){this._init(t)};return s.prototype=Object.create(n.prototype),s.prototype.constructor=s,s.cid=e++,s.options=K(n.options,t),s.super=n,s.options.props&&Ne(s),s.options.computed&&Xe(s),s.extend=n.extend,s.mixin=n.mixin,s.use=n.use,Mi.forEach(function(t){s[t]=n[t]}),o&&(s.options.components[o]=s),s.superOptions=n.options,s.extendOptions=t,s.sealedOptions=w({},s.options),r[i]=s,s}}function Ne(t){var e=t.options.props;for(var n in e)Ut(t.prototype,"_props",n)}function Xe(t){var e=t.options.computed;for(var n in e)Gt(t.prototype,n,e[n])}function Ye(t){Mi.forEach(function(e){t[e]=function(t,n){return n?("component"===e&&u(n)&&(n.name=n.name||t,n=this.options._base.extend(n)),"directive"===e&&"function"==typeof n&&(n={bind:n,update:n}),this.options[e+"s"][t]=n,n):this.options[e+"s"][t]}})}function ze(t){return t&&(t.Ctor.options.name||t.tag)}function Be(t,e){return Array.isArray(t)?t.indexOf(e)>-1:"string"==typeof t?t.split(",").indexOf(e)>-1:!!l(t)&&t.test(e)}function He(t,e){var n=t.cache,i=t.keys,r=t._vnode;for(var o in n){var s=n[o];if(s){var a=ze(s.componentOptions);a&&!e(a)&&Fe(n,o,i,r)}}}function Fe(t,e,n,i){var r=t[e];!r||i&&r.tag===i.tag||r.componentInstance.$destroy(),t[e]=null,v(n,e)}function Ue(t){for(var e=t.data,n=t,i=t;r(i.componentInstance);)(i=i.componentInstance._vnode)&&i.data&&(e=We(i.data,e));for(;r(n=n.parent);)n&&n.data&&(e=We(e,n.data));return qe(e.staticClass,e.class)}function We(t,e){return{staticClass:Ve(t.staticClass,e.staticClass),class:r(t.class)?[t.class,e.class]:e.class}}function qe(t,e){return r(t)||r(e)?Ve(t,Qe(e)):""}function Ve(t,e){return t?e?t+" "+e:t:e||""}function Qe(t){return Array.isArray(t)?Ke(t):c(t)?Ge(t):"string"==typeof t?t:""}function Ke(t){for(var e,n="",i=0,o=t.length;i-1?no[t]=e.constructor===window.HTMLUnknownElement||e.constructor===window.HTMLElement:no[t]=/HTMLUnknownElement/.test(e.toString())}function tn(t){if("string"==typeof t){var e=document.querySelector(t);return e||document.createElement("div")}return t}function en(t,e){var n=document.createElement(t);return"select"!==t?n:(e.data&&e.data.attrs&&void 0!==e.data.attrs.multiple&&n.setAttribute("multiple","multiple"),n)}function nn(t,e){return document.createElementNS(Jr[t],e)}function rn(t){return document.createTextNode(t)}function on(t){return document.createComment(t)}function sn(t,e,n){t.insertBefore(e,n)}function an(t,e){t.removeChild(e)}function cn(t,e){t.appendChild(e)}function un(t){return t.parentNode}function ln(t){return t.nextSibling}function hn(t){return t.tagName}function fn(t,e){t.textContent=e}function pn(t,e){t.setAttribute(e,"")}function dn(t,e){var n=t.data.ref;if(r(n)){var i=t.context,o=t.componentInstance||t.elm,s=i.$refs;e?Array.isArray(s[n])?v(s[n],o):s[n]===o&&(s[n]=void 0):t.data.refInFor?Array.isArray(s[n])?s[n].indexOf(o)<0&&s[n].push(o):s[n]=[o]:s[n]=o}}function vn(t,e){return t.key===e.key&&(t.tag===e.tag&&t.isComment===e.isComment&&r(t.data)===r(e.data)&&mn(t,e)||o(t.isAsyncPlaceholder)&&t.asyncFactory===e.asyncFactory&&i(e.asyncFactory.error))}function mn(t,e){if("input"!==t.tag)return!0;var n,i=r(n=t.data)&&r(n=n.attrs)&&n.type,o=r(n=e.data)&&r(n=n.attrs)&&n.type;return i===o||io(i)&&io(o)}function gn(t,e,n){var i,o,s={};for(i=e;i<=n;++i)o=t[i].key,r(o)&&(s[o]=i);return s}function yn(t,e){(t.data.directives||e.data.directives)&&bn(t,e)}function bn(t,e){var n,i,r,o=t===so,s=e===so,a=_n(t.data.directives,t.context),c=_n(e.data.directives,e.context),u=[],l=[];for(n in c)i=a[n],r=c[n],i?(r.oldValue=i.value,xn(r,"update",e,t),r.def&&r.def.componentUpdated&&l.push(r)):(xn(r,"bind",e,t),r.def&&r.def.inserted&&u.push(r));if(u.length){var h=function(){for(var n=0;n-1?Tn(t,e,n):qr(e)?Gr(n)?t.removeAttribute(e):(n="allowfullscreen"===e&&"EMBED"===t.tagName?"true":e,t.setAttribute(e,n)):Wr(e)?t.setAttribute(e,Gr(n)||"false"===n?"false":"true"):Qr(e)?Gr(n)?t.removeAttributeNS(Vr,Kr(e)):t.setAttributeNS(Vr,e,n):Tn(t,e,n)}function Tn(t,e,n){if(Gr(n))t.removeAttribute(e);else{if(Xi&&!Yi&&"TEXTAREA"===t.tagName&&"placeholder"===e&&!t.__ieph){var i=function(e){e.stopImmediatePropagation(),t.removeEventListener("input",i)};t.addEventListener("input",i),t.__ieph=!0}t.setAttribute(e,n)}}function kn(t,e){var n=e.elm,o=e.data,s=t.data;if(!(i(o.staticClass)&&i(o.class)&&(i(s)||i(s.staticClass)&&i(s.class)))){var a=Ue(e),c=n._transitionClasses;r(c)&&(a=Ve(a,Qe(c))),a!==n._prevClass&&(n.setAttribute("class",a),n._prevClass=a)}}function On(t){if(r(t[po])){var e=Xi?"change":"input";t[e]=[].concat(t[po],t[e]||[]),delete t[po]}r(t[vo])&&(t.change=[].concat(t[vo],t.change||[]),delete t[vo])}function Cn(t,e,n){var i=zr;return function r(){null!==t.apply(null,arguments)&&Mn(e,r,n,i)}}function An(t,e,n,i,r){e=at(e),n&&(e=Cn(e,t,i)),zr.addEventListener(t,e,Fi?{capture:i,passive:r}:i)}function Mn(t,e,n,i){(i||zr).removeEventListener(t,e._withTask||e,n)}function Pn(t,e){if(!i(t.data.on)||!i(e.data.on)){var n=e.data.on||{},r=t.data.on||{};zr=e.elm,On(n),ft(n,r,An,Mn,e.context),zr=void 0}}function Ln(t,e){if(!i(t.data.domProps)||!i(e.data.domProps)){var n,o,s=e.elm,a=t.data.domProps||{},c=e.data.domProps||{};r(c.__ob__)&&(c=e.data.domProps=w({},c));for(n in a)i(c[n])&&(s[n]="");for(n in c){if(o=c[n],"textContent"===n||"innerHTML"===n){if(e.children&&(e.children.length=0),o===a[n])continue;1===s.childNodes.length&&s.removeChild(s.childNodes[0])}if("value"===n){s._value=o;var u=i(o)?"":String(o);jn(s,u)&&(s.value=u)}else s[n]=o}}}function jn(t,e){return!t.composing&&("OPTION"===t.tagName||In(t,e)||Dn(t,e))}function In(t,e){var n=!0;try{n=document.activeElement!==t}catch(t){}return n&&t.value!==e}function Dn(t,e){var n=t.value,i=t._vModifiers;if(r(i)){if(i.lazy)return!1;if(i.number)return p(n)!==p(e);if(i.trim)return n.trim()!==e.trim()}return n!==e}function Rn(t){var e=$n(t.style);return t.staticStyle?w(t.staticStyle,e):e}function $n(t){return Array.isArray(t)?x(t):"string"==typeof t?yo(t):t}function Nn(t,e){var n,i={};if(e)for(var r=t;r.componentInstance;)(r=r.componentInstance._vnode)&&r.data&&(n=Rn(r.data))&&w(i,n);(n=Rn(t.data))&&w(i,n);for(var o=t;o=o.parent;)o.data&&(n=Rn(o.data))&&w(i,n);return i}function Xn(t,e){var n=e.data,o=t.data;if(!(i(n.staticStyle)&&i(n.style)&&i(o.staticStyle)&&i(o.style))){var s,a,c=e.elm,u=o.staticStyle,l=o.normalizedStyle||o.style||{},h=u||l,f=$n(e.data.style)||{};e.data.normalizedStyle=r(f.__ob__)?w({},f):f;var p=Nn(e,!0);for(a in h)i(p[a])&&wo(c,a,"");for(a in p)(s=p[a])!==h[a]&&wo(c,a,null==s?"":s)}}function Yn(t,e){if(e&&(e=e.trim()))if(t.classList)e.indexOf(" ")>-1?e.split(/\s+/).forEach(function(e){return t.classList.add(e)}):t.classList.add(e);else{var n=" "+(t.getAttribute("class")||"")+" ";n.indexOf(" "+e+" ")<0&&t.setAttribute("class",(n+e).trim())}}function zn(t,e){if(e&&(e=e.trim()))if(t.classList)e.indexOf(" ")>-1?e.split(/\s+/).forEach(function(e){return t.classList.remove(e)}):t.classList.remove(e),t.classList.length||t.removeAttribute("class");else{for(var n=" "+(t.getAttribute("class")||"")+" ",i=" "+e+" ";n.indexOf(i)>=0;)n=n.replace(i," ");n=n.trim(),n?t.setAttribute("class",n):t.removeAttribute("class")}}function Bn(t){if(t){if("object"==typeof t){var e={};return!1!==t.css&&w(e,To(t.name||"v")),w(e,t),e}return"string"==typeof t?To(t):void 0}}function Hn(t){jo(function(){jo(t)})}function Fn(t,e){var n=t._transitionClasses||(t._transitionClasses=[]);n.indexOf(e)<0&&(n.push(e),Yn(t,e))}function Un(t,e){t._transitionClasses&&v(t._transitionClasses,e),zn(t,e)}function Wn(t,e,n){var i=qn(t,e),r=i.type,o=i.timeout,s=i.propCount;if(!r)return n();var a=r===Oo?Mo:Lo,c=0,u=function(){t.removeEventListener(a,l),n()},l=function(e){e.target===t&&++c>=s&&u()};setTimeout(function(){c0&&(n=Oo,l=s,h=o.length):e===Co?u>0&&(n=Co,l=u,h=c.length):(l=Math.max(s,u),n=l>0?s>u?Oo:Co:null,h=n?n===Oo?o.length:c.length:0),{type:n,timeout:l,propCount:h,hasTransform:n===Oo&&Io.test(i[Ao+"Property"])}}function Vn(t,e){for(;t.length1}function ti(t,e){!0!==e.data.show&&Kn(e)}function ei(t,e,n){ni(t,e,n),(Xi||zi)&&setTimeout(function(){ni(t,e,n)},0)}function ni(t,e,n){var i=e.value,r=t.multiple;if(!r||Array.isArray(i)){for(var o,s,a=0,c=t.options.length;a-1,s.selected!==o&&(s.selected=o);else if(E(ri(s),i))return void(t.selectedIndex!==a&&(t.selectedIndex=a));r||(t.selectedIndex=-1)}}function ii(t,e){return e.every(function(e){return!E(e,t)})}function ri(t){return"_value"in t?t._value:t.value}function oi(t){t.target.composing=!0}function si(t){t.target.composing&&(t.target.composing=!1,ai(t.target,"input"))}function ai(t,e){var n=document.createEvent("HTMLEvents");n.initEvent(e,!0,!0),t.dispatchEvent(n)}function ci(t){return!t.componentInstance||t.data&&t.data.transition?t:ci(t.componentInstance._vnode)}function ui(t){var e=t&&t.componentOptions;return e&&e.Ctor.options.abstract?ui(Et(e.children)):t}function li(t){var e={},n=t.$options;for(var i in n.propsData)e[i]=t[i];var r=n._parentListeners;for(var o in r)e[xi(o)]=r[o];return e}function hi(t,e){if(/\d-keep-alive$/.test(e.tag))return t("keep-alive",{props:e.componentOptions.propsData})}function fi(t){for(;t=t.parent;)if(t.data.transition)return!0}function pi(t,e){return e.key===t.key&&e.tag===t.tag}function di(t){t.elm._moveCb&&t.elm._moveCb(),t.elm._enterCb&&t.elm._enterCb()}function vi(t){t.data.newPos=t.elm.getBoundingClientRect()}function mi(t){var e=t.data.pos,n=t.data.newPos,i=e.left-n.left,r=e.top-n.top;if(i||r){t.data.moved=!0;var o=t.elm.style;o.transform=o.WebkitTransform="translate("+i+"px,"+r+"px)",o.transitionDuration="0s"}}/*! + * Vue.js v2.5.17 + * (c) 2014-2018 Evan You + * Released under the MIT License. + */ +var gi=Object.freeze({}),yi=Object.prototype.toString,bi=(d("slot,component",!0),d("key,ref,slot,slot-scope,is")),_i=Object.prototype.hasOwnProperty,wi=/-(\w)/g,xi=g(function(t){return t.replace(wi,function(t,e){return e?e.toUpperCase():""})}),Si=g(function(t){return t.charAt(0).toUpperCase()+t.slice(1)}),Ei=/\B([A-Z])/g,Ti=g(function(t){return t.replace(Ei,"-$1").toLowerCase()}),ki=Function.prototype.bind?b:y,Oi=function(t,e,n){return!1},Ci=function(t){return t},Ai="data-server-rendered",Mi=["component","directive","filter"],Pi=["beforeCreate","created","beforeMount","mounted","beforeUpdate","updated","beforeDestroy","destroyed","activated","deactivated","errorCaptured"],Li={optionMergeStrategies:Object.create(null),silent:!1,productionTip:!1,devtools:!1,performance:!1,errorHandler:null,warnHandler:null,ignoredElements:[],keyCodes:Object.create(null),isReservedTag:Oi,isReservedAttr:Oi,isUnknownElement:Oi,getTagNamespace:S,parsePlatformTagName:Ci,mustUseProp:Oi,_lifecycleHooks:Pi},ji=/[^\w.$]/,Ii="__proto__"in{},Di="undefined"!=typeof window,Ri="undefined"!=typeof WXEnvironment&&!!WXEnvironment.platform,$i=Ri&&WXEnvironment.platform.toLowerCase(),Ni=Di&&window.navigator.userAgent.toLowerCase(),Xi=Ni&&/msie|trident/.test(Ni),Yi=Ni&&Ni.indexOf("msie 9.0")>0,zi=Ni&&Ni.indexOf("edge/")>0,Bi=(Ni&&Ni.indexOf("android"),Ni&&/iphone|ipad|ipod|ios/.test(Ni)||"ios"===$i),Hi=(Ni&&/chrome\/\d+/.test(Ni),{}.watch),Fi=!1;if(Di)try{var Ui={};Object.defineProperty(Ui,"passive",{get:function(){Fi=!0}}),window.addEventListener("test-passive",null,Ui)}catch(t){}var Wi,qi,Vi=function(){return void 0===Wi&&(Wi=!Di&&!Ri&&void 0!==t&&"server"===t.process.env.VUE_ENV),Wi},Qi=Di&&window.__VUE_DEVTOOLS_GLOBAL_HOOK__,Ki="undefined"!=typeof Symbol&&M(Symbol)&&"undefined"!=typeof Reflect&&M(Reflect.ownKeys);qi="undefined"!=typeof Set&&M(Set)?Set:function(){function t(){this.set=Object.create(null)}return t.prototype.has=function(t){return!0===this.set[t]},t.prototype.add=function(t){this.set[t]=!0},t.prototype.clear=function(){this.set=Object.create(null)},t}();var Gi=S,Ji=0,Zi=function(){this.id=Ji++,this.subs=[]};Zi.prototype.addSub=function(t){this.subs.push(t)},Zi.prototype.removeSub=function(t){v(this.subs,t)},Zi.prototype.depend=function(){Zi.target&&Zi.target.addDep(this)},Zi.prototype.notify=function(){for(var t=this.subs.slice(),e=0,n=t.length;e1?_(n):n;for(var i=_(arguments,1),r=0,o=n.length;rparseInt(this.max)&&Fe(c,u[0],u,this._vnode)),e.data.keepAlive=!0}return e||t&&t[0]}},Yr={KeepAlive:Xr};!function(t){var e={};e.get=function(){return Li},Object.defineProperty(t,"config",e),t.util={warn:Gi,extend:w,mergeOptions:K,defineReactive:X},t.set=Y,t.delete=z,t.nextTick=ct,t.options=Object.create(null),Mi.forEach(function(e){t.options[e+"s"]=Object.create(null)}),t.options._base=t,w(t.options.components,Yr),De(t),Re(t),$e(t),Ye(t)}(Ie),Object.defineProperty(Ie.prototype,"$isServer",{get:Vi}),Object.defineProperty(Ie.prototype,"$ssrContext",{get:function(){return this.$vnode&&this.$vnode.ssrContext}}),Object.defineProperty(Ie,"FunctionalRenderContext",{value:ge}),Ie.version="2.5.17";var zr,Br,Hr=d("style,class"),Fr=d("input,textarea,option,select,progress"),Ur=function(t,e,n){return"value"===n&&Fr(t)&&"button"!==e||"selected"===n&&"option"===t||"checked"===n&&"input"===t||"muted"===n&&"video"===t},Wr=d("contenteditable,draggable,spellcheck"),qr=d("allowfullscreen,async,autofocus,autoplay,checked,compact,controls,declare,default,defaultchecked,defaultmuted,defaultselected,defer,disabled,enabled,formnovalidate,hidden,indeterminate,inert,ismap,itemscope,loop,multiple,muted,nohref,noresize,noshade,novalidate,nowrap,open,pauseonexit,readonly,required,reversed,scoped,seamless,selected,sortable,translate,truespeed,typemustmatch,visible"),Vr="http://www.w3.org/1999/xlink",Qr=function(t){return":"===t.charAt(5)&&"xlink"===t.slice(0,5)},Kr=function(t){return Qr(t)?t.slice(6,t.length):""},Gr=function(t){return null==t||!1===t},Jr={svg:"http://www.w3.org/2000/svg",math:"http://www.w3.org/1998/Math/MathML"},Zr=d("html,body,base,head,link,meta,style,title,address,article,aside,footer,header,h1,h2,h3,h4,h5,h6,hgroup,nav,section,div,dd,dl,dt,figcaption,figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,rtc,ruby,s,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,output,progress,select,textarea,details,dialog,menu,menuitem,summary,content,element,shadow,template,blockquote,iframe,tfoot"),to=d("svg,animate,circle,clippath,cursor,defs,desc,ellipse,filter,font-face,foreignObject,g,glyph,image,line,marker,mask,missing-glyph,path,pattern,polygon,polyline,rect,switch,symbol,text,textpath,tspan,use,view",!0),eo=function(t){return Zr(t)||to(t)},no=Object.create(null),io=d("text,number,password,search,email,tel,url"),ro=Object.freeze({createElement:en,createElementNS:nn,createTextNode:rn,createComment:on,insertBefore:sn,removeChild:an,appendChild:cn,parentNode:un,nextSibling:ln,tagName:hn,setTextContent:fn,setStyleScope:pn}),oo={create:function(t,e){dn(e)},update:function(t,e){t.data.ref!==e.data.ref&&(dn(t,!0),dn(e))},destroy:function(t){dn(t,!0)}},so=new er("",{},[]),ao=["create","activate","update","remove","destroy"],co={create:yn,update:yn,destroy:function(t){yn(t,so)}},uo=Object.create(null),lo=[oo,co],ho={create:Sn,update:Sn},fo={create:kn,update:kn},po="__r",vo="__c",mo={create:Pn,update:Pn},go={create:Ln,update:Ln},yo=g(function(t){var e={},n=/;(?![^(]*\))/g,i=/:(.+)/;return t.split(n).forEach(function(t){if(t){var n=t.split(i);n.length>1&&(e[n[0].trim()]=n[1].trim())}}),e}),bo=/^--/,_o=/\s*!important$/,wo=function(t,e,n){if(bo.test(e))t.style.setProperty(e,n);else if(_o.test(n))t.style.setProperty(e,n.replace(_o,""),"important");else{var i=So(e);if(Array.isArray(n))for(var r=0,o=n.length;rd?(h=i(n[g+1])?null:n[g+1].elm,y(t,h,n,p,g,o)):p>g&&_(t,e,f,d)}function S(t,e,n,i){for(var o=n;o-1}function o(t,e){switch(typeof e){case"undefined":return;case"object":return e;case"function":return e(t);case"boolean":return e?t.params:void 0}}function s(t,e){for(var n in e)t[n]=e[n];return t}function a(t,e,n){void 0===e&&(e={});var i,r=n||c;try{i=r(t||"")}catch(t){i={}}for(var o in e)i[o]=e[o];return i}function c(t){var e={};return(t=t.trim().replace(/^(\?|#|&)/,""))?(t.split("&").forEach(function(t){var n=t.replace(/\+/g," ").split("="),i=Yt(n.shift()),r=n.length>0?Yt(n.join("=")):null;void 0===e[i]?e[i]=r:Array.isArray(e[i])?e[i].push(r):e[i]=[e[i],r]}),e):e}function u(t){var e=t?Object.keys(t).map(function(e){var n=t[e];if(void 0===n)return"";if(null===n)return Xt(e);if(Array.isArray(n)){var i=[];return n.forEach(function(t){void 0!==t&&(null===t?i.push(Xt(e)):i.push(Xt(e)+"="+Xt(t)))}),i.join("&")}return Xt(e)+"="+Xt(n)}).filter(function(t){return t.length>0}).join("&"):null;return e?"?"+e:""}function l(t,e,n,i){var r=i&&i.options.stringifyQuery,o=e.query||{};try{o=h(o)}catch(t){}var s={name:e.name||t&&t.name,meta:t&&t.meta||{},path:e.path||"/",hash:e.hash||"",query:o,params:e.params||{},fullPath:p(e,r),matched:t?f(t):[]};return n&&(s.redirectedFrom=p(n,r)),Object.freeze(s)}function h(t){if(Array.isArray(t))return t.map(h);if(t&&"object"==typeof t){var e={};for(var n in t)e[n]=h(t[n]);return e}return t}function f(t){for(var e=[];t;)e.unshift(t),t=t.parent;return e}function p(t,e){var n=t.path,i=t.query;void 0===i&&(i={});var r=t.hash;void 0===r&&(r="");var o=e||u;return(n||"/")+o(i)+r}function d(t,e){return e===Bt?t===e:!!e&&(t.path&&e.path?t.path.replace(zt,"")===e.path.replace(zt,"")&&t.hash===e.hash&&v(t.query,e.query):!(!t.name||!e.name)&&(t.name===e.name&&t.hash===e.hash&&v(t.query,e.query)&&v(t.params,e.params)))}function v(t,e){if(void 0===t&&(t={}),void 0===e&&(e={}),!t||!e)return t===e;var n=Object.keys(t),i=Object.keys(e);return n.length===i.length&&n.every(function(n){var i=t[n],r=e[n];return"object"==typeof i&&"object"==typeof r?v(i,r):String(i)===String(r)})}function m(t,e){return 0===t.path.replace(zt,"/").indexOf(e.path.replace(zt,"/"))&&(!e.hash||t.hash===e.hash)&&g(t.query,e.query)}function g(t,e){for(var n in e)if(!(n in t))return!1;return!0}function y(t){if(!(t.metaKey||t.altKey||t.ctrlKey||t.shiftKey||t.defaultPrevented||void 0!==t.button&&0!==t.button)){if(t.currentTarget&&t.currentTarget.getAttribute){if(/\b_blank\b/i.test(t.currentTarget.getAttribute("target")))return}return t.preventDefault&&t.preventDefault(),!0}}function b(t){if(t)for(var e,n=0;n=0&&(e=t.slice(i),t=t.slice(0,i));var r=t.indexOf("?");return r>=0&&(n=t.slice(r+1),t=t.slice(0,r)),{path:t,query:n,hash:e}}function S(t){return t.replace(/\/\//g,"/")}function E(t,e){for(var n,i=[],r=0,o=0,s="",a=e&&e.delimiter||"/";null!=(n=Zt.exec(t));){var c=n[0],u=n[1],l=n.index;if(s+=t.slice(o,l),o=l+c.length,u)s+=u[1];else{var h=t[o],f=n[2],p=n[3],d=n[4],v=n[5],m=n[6],g=n[7];s&&(i.push(s),s="");var y=null!=f&&null!=h&&h!==f,b="+"===m||"*"===m,_="?"===m||"*"===m,w=n[2]||a,x=d||v;i.push({name:p||r++,prefix:f||"",delimiter:w,optional:_,repeat:b,partial:y,asterisk:!!g,pattern:x?M(x):g?".*":"[^"+A(w)+"]+?"})}}return o-1&&(r.params[f]=n.params[f]);if(a)return r.path=N(a.path,r.params,'named route "'+o+'"'),s(a,r,i)}else if(r.path){r.params={};for(var p=0;p=t.length?n():t[r]?e(t[r],function(){i(r+1)}):i(r+1)};i(0)}function lt(t){return function(e,n,i){var o=!1,s=0,a=null;ht(t,function(t,e,n,c){if("function"==typeof t&&void 0===t.cid){o=!0,s++;var u,l=dt(function(e){pt(e)&&(e=e.default),t.resolved="function"==typeof e?e:It.extend(e),n.components[c]=e,--s<=0&&i()}),h=dt(function(t){var e="Failed to resolve async component "+c+": "+t;a||(a=r(t)?t:new Error(e),i(a))});try{u=t(l,h)}catch(t){h(t)}if(u)if("function"==typeof u.then)u.then(l,h);else{var f=u.component;f&&"function"==typeof f.then&&f.then(l,h)}}}),o||i()}}function ht(t,e){return ft(t.map(function(t){return Object.keys(t.components).map(function(n){return e(t.components[n],t.instances[n],t,n)})}))}function ft(t){return Array.prototype.concat.apply([],t)}function pt(t){return t.__esModule||oe&&"Module"===t[Symbol.toStringTag]}function dt(t){var e=!1;return function(){for(var n=[],i=arguments.length;i--;)n[i]=arguments[i];if(!e)return e=!0,t.apply(this,n)}}function vt(t){if(!t)if(Wt){var e=document.querySelector("base");t=e&&e.getAttribute("href")||"/",t=t.replace(/^https?:\/\/[^\/]+/,"")}else t="/";return"/"!==t.charAt(0)&&(t="/"+t),t.replace(/\/$/,"")}function mt(t,e){var n,i=Math.max(t.length,e.length);for(n=0;n=0?e.slice(0,n):e)+"#"+t}function Mt(t){ne?at(At(t)):window.location.hash=t}function Pt(t){ne?ct(At(t)):window.location.replace(At(t))}function Lt(t,e){return t.push(e),function(){var n=t.indexOf(e);n>-1&&t.splice(n,1)}}function jt(t,e,n){var i="hash"===n?"#"+e:e;return t?S(t+"/"+i):i}Object.defineProperty(e,"__esModule",{value:!0});var It,Dt={name:"router-view",functional:!0,props:{name:{type:String,default:"default"}},render:function(t,e){var n=e.props,i=e.children,r=e.parent,a=e.data;a.routerView=!0;for(var c=r.$createElement,u=n.name,l=r.$route,h=r._routerViewCache||(r._routerViewCache={}),f=0,p=!1;r&&r._routerRoot!==r;)r.$vnode&&r.$vnode.data.routerView&&f++,r._inactive&&(p=!0),r=r.$parent;if(a.routerViewDepth=f,p)return c(h[u],a,i);var d=l.matched[f];if(!d)return h[u]=null,c();var v=h[u]=d.components[u];a.registerRouteInstance=function(t,e){var n=d.instances[u];(e&&n!==t||!e&&n===t)&&(d.instances[u]=e)},(a.hook||(a.hook={})).prepatch=function(t,e){d.instances[u]=e.componentInstance};var m=a.props=o(l,d.props&&d.props[u]);if(m){m=a.props=s({},m);var g=a.attrs=a.attrs||{};for(var y in m)v.props&&y in v.props||(g[y]=m[y],delete m[y])}return c(v,a,i)}},Rt=/[!'()*]/g,$t=function(t){return"%"+t.charCodeAt(0).toString(16)},Nt=/%2C/g,Xt=function(t){return encodeURIComponent(t).replace(Rt,$t).replace(Nt,",")},Yt=decodeURIComponent,zt=/\/?$/,Bt=l(null,{path:"/"}),Ht=[String,Object],Ft=[String,Array],Ut={name:"router-link",props:{to:{type:Ht,required:!0},tag:{type:String,default:"a"},exact:Boolean,append:Boolean,replace:Boolean,activeClass:String,exactActiveClass:String,event:{type:Ft,default:"click"}},render:function(t){var e=this,n=this.$router,i=this.$route,r=n.resolve(this.to,i,this.append),o=r.location,s=r.route,a=r.href,c={},u=n.options.linkActiveClass,h=n.options.linkExactActiveClass,f=null==u?"router-link-active":u,p=null==h?"router-link-exact-active":h,v=null==this.activeClass?f:this.activeClass,g=null==this.exactActiveClass?p:this.exactActiveClass,_=o.path?l(null,o,null,n):s;c[g]=d(i,_),c[v]=this.exact?c[g]:m(i,_);var w=function(t){y(t)&&(e.replace?n.replace(o):n.push(o))},x={click:y};Array.isArray(this.event)?this.event.forEach(function(t){x[t]=w}):x[this.event]=w;var S={class:c};if("a"===this.tag)S.on=x,S.attrs={href:a};else{var E=b(this.$slots.default);if(E){E.isStatic=!1;var T=It.util.extend;(E.data=T({},E.data)).on=x;(E.data.attrs=T({},E.data.attrs)).href=a}else S.on=x}return t(this.tag,S,this.$slots.default)}},Wt="undefined"!=typeof window,qt=Array.isArray||function(t){return"[object Array]"==Object.prototype.toString.call(t)},Vt=$,Qt=E,Kt=T,Gt=C,Jt=R,Zt=new RegExp(["(\\\\.)","([\\/.])?(?:(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?|(\\*))"].join("|"),"g");Vt.parse=Qt,Vt.compile=Kt,Vt.tokensToFunction=Gt,Vt.tokensToRegExp=Jt;var te=Object.create(null),ee=Object.create(null),ne=Wt&&function(){var t=window.navigator.userAgent;return(-1===t.indexOf("Android 2.")&&-1===t.indexOf("Android 4.0")||-1===t.indexOf("Mobile Safari")||-1!==t.indexOf("Chrome")||-1!==t.indexOf("Windows Phone"))&&(window.history&&"pushState"in window.history)}(),ie=Wt&&window.performance&&window.performance.now?window.performance:Date,re=rt(),oe="function"==typeof Symbol&&"symbol"==typeof Symbol.toStringTag,se=function(t,e){this.router=t,this.base=vt(e),this.current=Bt,this.pending=null,this.ready=!1,this.readyCbs=[],this.readyErrorCbs=[],this.errorCbs=[]};se.prototype.listen=function(t){this.cb=t},se.prototype.onReady=function(t,e){this.ready?t():(this.readyCbs.push(t),e&&this.readyErrorCbs.push(e))},se.prototype.onError=function(t){this.errorCbs.push(t)},se.prototype.transitionTo=function(t,e,n){var i=this,r=this.router.match(t,this.current);this.confirmTransition(r,function(){i.updateRoute(r),e&&e(r),i.ensureURL(),i.ready||(i.ready=!0,i.readyCbs.forEach(function(t){t(r)}))},function(t){n&&n(t),t&&!i.ready&&(i.ready=!0,i.readyErrorCbs.forEach(function(e){e(t)}))})},se.prototype.confirmTransition=function(t,e,n){var o=this,s=this.current,a=function(t){r(t)&&(o.errorCbs.length?o.errorCbs.forEach(function(e){e(t)}):(i(!1,"uncaught error during route navigation:"),console.error(t))),n&&n(t)};if(d(t,s)&&t.matched.length===s.matched.length)return this.ensureURL(),a();var c=mt(this.current.matched,t.matched),u=c.updated,l=c.deactivated,h=c.activated,f=[].concat(bt(l),this.router.beforeHooks,_t(u),h.map(function(t){return t.beforeEnter}),lt(h));this.pending=t;var p=function(e,n){if(o.pending!==t)return a();try{e(t,s,function(t){!1===t||r(t)?(o.ensureURL(!0),a(t)):"string"==typeof t||"object"==typeof t&&("string"==typeof t.path||"string"==typeof t.name)?(a(),"object"==typeof t&&t.replace?o.replace(t):o.push(t)):n(t)})}catch(t){a(t)}};ut(f,p,function(){var n=[];ut(xt(h,n,function(){return o.current===t}).concat(o.router.resolveHooks),p,function(){if(o.pending!==t)return a();o.pending=null,e(t),o.router.app&&o.router.app.$nextTick(function(){n.forEach(function(t){t()})})})})},se.prototype.updateRoute=function(t){var e=this.current;this.current=t,this.cb&&this.cb(t),this.router.afterHooks.forEach(function(n){n&&n(t,e)})};var ae=function(t){function e(e,n){var i=this;t.call(this,e,n);var r=e.options.scrollBehavior;r&&V();var o=Tt(this.base);window.addEventListener("popstate",function(t){var n=i.current,s=Tt(i.base);i.current===Bt&&s===o||i.transitionTo(s,function(t){r&&Q(e,t,n,!0)})})}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.prototype.go=function(t){window.history.go(t)},e.prototype.push=function(t,e,n){var i=this,r=this,o=r.current;this.transitionTo(t,function(t){at(S(i.base+t.fullPath)),Q(i.router,t,o,!1),e&&e(t)},n)},e.prototype.replace=function(t,e,n){var i=this,r=this,o=r.current;this.transitionTo(t,function(t){ct(S(i.base+t.fullPath)),Q(i.router,t,o,!1),e&&e(t)},n)},e.prototype.ensureURL=function(t){if(Tt(this.base)!==this.current.fullPath){var e=S(this.base+this.current.fullPath);t?at(e):ct(e)}},e.prototype.getCurrentLocation=function(){return Tt(this.base)},e}(se),ce=function(t){function e(e,n,i){t.call(this,e,n),i&&kt(this.base)||Ot()}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.prototype.setupListeners=function(){var t=this,e=this.router,n=e.options.scrollBehavior,i=ne&&n;i&&V(),window.addEventListener(ne?"popstate":"hashchange",function(){var e=t.current;Ot()&&t.transitionTo(Ct(),function(n){i&&Q(t.router,n,e,!0),ne||Pt(n.fullPath)})})},e.prototype.push=function(t,e,n){var i=this,r=this,o=r.current;this.transitionTo(t,function(t){Mt(t.fullPath),Q(i.router,t,o,!1),e&&e(t)},n)},e.prototype.replace=function(t,e,n){var i=this,r=this,o=r.current;this.transitionTo(t,function(t){Pt(t.fullPath),Q(i.router,t,o,!1),e&&e(t)},n)},e.prototype.go=function(t){window.history.go(t)},e.prototype.ensureURL=function(t){var e=this.current.fullPath;Ct()!==e&&(t?Mt(e):Pt(e))},e.prototype.getCurrentLocation=function(){return Ct()},e}(se),ue=function(t){function e(e,n){t.call(this,e,n),this.stack=[],this.index=-1}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.prototype.push=function(t,e,n){var i=this;this.transitionTo(t,function(t){i.stack=i.stack.slice(0,i.index+1).concat(t),i.index++,e&&e(t)},n)},e.prototype.replace=function(t,e,n){var i=this;this.transitionTo(t,function(t){i.stack=i.stack.slice(0,i.index).concat(t),e&&e(t)},n)},e.prototype.go=function(t){var e=this,n=this.index+t;if(!(n<0||n>=this.stack.length)){var i=this.stack[n];this.confirmTransition(i,function(){e.index=n,e.updateRoute(i)})}},e.prototype.getCurrentLocation=function(){var t=this.stack[this.stack.length-1];return t?t.fullPath:"/"},e.prototype.ensureURL=function(){},e}(se),le=function(t){void 0===t&&(t={}),this.app=null,this.apps=[],this.options=t,this.beforeHooks=[],this.resolveHooks=[],this.afterHooks=[],this.matcher=U(t.routes||[],this);var e=t.mode||"hash";switch(this.fallback="history"===e&&!ne&&!1!==t.fallback,this.fallback&&(e="hash"),Wt||(e="abstract"),this.mode=e,e){case"history":this.history=new ae(this,t.base);break;case"hash":this.history=new ce(this,t.base,this.fallback);break;case"abstract":this.history=new ue(this,t.base)}},he={currentRoute:{configurable:!0}};le.prototype.match=function(t,e,n){return this.matcher.match(t,e,n)},he.currentRoute.get=function(){return this.history&&this.history.current},le.prototype.init=function(t){var e=this;if(this.apps.push(t),!this.app){this.app=t;var n=this.history;if(n instanceof ae)n.transitionTo(n.getCurrentLocation());else if(n instanceof ce){var i=function(){n.setupListeners()};n.transitionTo(n.getCurrentLocation(),i,i)}n.listen(function(t){e.apps.forEach(function(e){e._route=t})})}},le.prototype.beforeEach=function(t){return Lt(this.beforeHooks,t)},le.prototype.beforeResolve=function(t){return Lt(this.resolveHooks,t)},le.prototype.afterEach=function(t){return Lt(this.afterHooks,t)},le.prototype.onReady=function(t,e){this.history.onReady(t,e)},le.prototype.onError=function(t){this.history.onError(t)},le.prototype.push=function(t,e,n){this.history.push(t,e,n)},le.prototype.replace=function(t,e,n){this.history.replace(t,e,n)},le.prototype.go=function(t){this.history.go(t)},le.prototype.back=function(){this.go(-1)},le.prototype.forward=function(){this.go(1)},le.prototype.getMatchedComponents=function(t){var e=t?t.matched?t:this.resolve(t).route:this.currentRoute;return e?[].concat.apply([],e.matched.map(function(t){return Object.keys(t.components).map(function(e){return t.components[e]})})):[]},le.prototype.resolve=function(t,e,n){var i=H(t,e||this.history.current,n,this),r=this.match(i,e),o=r.redirectedFrom||r.fullPath;return{location:i,route:r,href:jt(this.history.base,o,this.mode),normalizedTo:i,resolved:r}},le.prototype.addRoutes=function(t){this.matcher.addRoutes(t),this.history.current!==Bt&&this.history.transitionTo(this.history.getCurrentLocation())},Object.defineProperties(le.prototype,he),le.install=_,le.version="2.8.1",Wt&&window.Vue&&window.Vue.use(le),e.default=le},"06OY":function(t,e,n){var i=n("3Eo+")("meta"),r=n("EqjI"),o=n("D2L2"),s=n("evD5").f,a=0,c=Object.isExtensible||function(){return!0},u=!n("S82l")(function(){return c(Object.preventExtensions({}))}),l=function(t){s(t,i,{value:{i:"O"+ ++a,w:{}}})},h=function(t,e){if(!r(t))return"symbol"==typeof t?t:("string"==typeof t?"S":"P")+t;if(!o(t,i)){if(!c(t))return"F";if(!e)return"E";l(t)}return t[i].i},f=function(t,e){if(!o(t,i)){if(!c(t))return!0;if(!e)return!1;l(t)}return t[i].w},p=function(t){return u&&d.NEED&&c(t)&&!o(t,i)&&l(t),t},d=t.exports={KEY:i,NEED:!1,fastKey:h,getWeak:f,onFreeze:p}},"162o":function(t,e,n){(function(t){function i(t,e){this._id=t,this._clearFn=e}var r=void 0!==t&&t||"undefined"!=typeof self&&self||window,o=Function.prototype.apply;e.setTimeout=function(){return new i(o.call(setTimeout,r,arguments),clearTimeout)},e.setInterval=function(){return new i(o.call(setInterval,r,arguments),clearInterval)},e.clearTimeout=e.clearInterval=function(t){t&&t.close()},i.prototype.unref=i.prototype.ref=function(){},i.prototype.close=function(){this._clearFn.call(r,this._id)},e.enroll=function(t,e){clearTimeout(t._idleTimeoutId),t._idleTimeout=e},e.unenroll=function(t){clearTimeout(t._idleTimeoutId),t._idleTimeout=-1},e._unrefActive=e.active=function(t){clearTimeout(t._idleTimeoutId);var e=t._idleTimeout;e>=0&&(t._idleTimeoutId=setTimeout(function(){t._onTimeout&&t._onTimeout()},e))},n("mypn"),e.setImmediate="undefined"!=typeof self&&self.setImmediate||void 0!==t&&t.setImmediate||this&&this.setImmediate,e.clearImmediate="undefined"!=typeof self&&self.clearImmediate||void 0!==t&&t.clearImmediate||this&&this.clearImmediate}).call(e,n("DuR2"))},"1kS7":function(t,e){e.f=Object.getOwnPropertySymbols},"2KxR":function(t,e){t.exports=function(t,e,n,i){if(!(t instanceof e)||void 0!==i&&i in t)throw TypeError(n+": incorrect invocation!");return t}},"3Eo+":function(t,e){var n=0,i=Math.random();t.exports=function(t){return"Symbol(".concat(void 0===t?"":t,")_",(++n+i).toString(36))}},"3fs2":function(t,e,n){var i=n("RY/4"),r=n("dSzd")("iterator"),o=n("/bQp");t.exports=n("FeBl").getIteratorMethod=function(t){if(void 0!=t)return t[r]||t["@@iterator"]||o[i(t)]}},"4mcu":function(t,e){t.exports=function(){}},"52gC":function(t,e){t.exports=function(t){if(void 0==t)throw TypeError("Can't call method on "+t);return t}},"5PlU":function(t,e,n){var i=n("RY/4"),r=n("dSzd")("iterator"),o=n("/bQp");t.exports=n("FeBl").isIterable=function(t){var e=Object(t);return void 0!==e[r]||"@@iterator"in e||o.hasOwnProperty(i(e))}},"5QVw":function(t,e,n){t.exports={default:n("BwfY"),__esModule:!0}},"5zde":function(t,e,n){n("zQR9"),n("qyJz"),t.exports=n("FeBl").Array.from},"70Rd":function(t,e,n){!function(t){"object"==typeof window&&window||"object"==typeof self&&self;t(e)}(function(t){function e(t){return t.replace(/&/g,"&").replace(//g,">")}function n(t){return t.nodeName.toLowerCase()}function i(t,e){var n=t&&t.exec(e);return n&&0===n.index}function r(t){return k.test(t)}function o(t){var e,n,i,o,s=t.className+" ";if(s+=t.parentNode?t.parentNode.className:"",n=O.exec(s))return w(n[1])?n[1]:"no-highlight";for(s=s.split(/\s+/),e=0,i=s.length;e"}function a(t){l+=""}function c(t){("start"===t.event?s:a)(t.node)}for(var u=0,l="",h=[];t.length||i.length;){var f=o();if(l+=e(r.substring(u,f[0].offset)),u=f[0].offset,f===t){h.reverse().forEach(a);do{c(f.splice(0,1)[0]),f=o()}while(f===t&&f.length&&f[0].offset===u);h.reverse().forEach(s)}else"start"===f[0].event?h.push(f[0].node):h.pop(),c(f.splice(0,1)[0])}return l+e(r.substr(u))}function u(t){return t.variants&&!t.cached_variants&&(t.cached_variants=t.variants.map(function(e){return s(t,{variants:null},e)})),t.cached_variants||t.endsWithParent&&[s(t)]||[t]}function l(t){function e(t){return t&&t.source||t}function n(n,i){return new RegExp(e(n),"m"+(t.case_insensitive?"i":"")+(i?"g":""))}function i(r,o){if(!r.compiled){if(r.compiled=!0,r.keywords=r.keywords||r.beginKeywords,r.keywords){var s={},a=function(e,n){t.case_insensitive&&(n=n.toLowerCase()),n.split(" ").forEach(function(t){var n=t.split("|");s[n[0]]=[e,n[1]?Number(n[1]):1]})};"string"==typeof r.keywords?a("keyword",r.keywords):S(r.keywords).forEach(function(t){a(t,r.keywords[t])}),r.keywords=s}r.lexemesRe=n(r.lexemes||/\w+/,!0),o&&(r.beginKeywords&&(r.begin="\\b("+r.beginKeywords.split(" ").join("|")+")\\b"),r.begin||(r.begin=/\B|\b/),r.beginRe=n(r.begin),r.end||r.endsWithParent||(r.end=/\B|\b/),r.end&&(r.endRe=n(r.end)),r.terminator_end=e(r.end)||"",r.endsWithParent&&o.terminator_end&&(r.terminator_end+=(r.end?"|":"")+o.terminator_end)),r.illegal&&(r.illegalRe=n(r.illegal)),null==r.relevance&&(r.relevance=1),r.contains||(r.contains=[]),r.contains=Array.prototype.concat.apply([],r.contains.map(function(t){return u("self"===t?r:t)})),r.contains.forEach(function(t){i(t,r)}),r.starts&&i(r.starts,o);var c=r.contains.map(function(t){return t.beginKeywords?"\\.?("+t.begin+")\\.?":t.begin}).concat([r.terminator_end,r.illegal]).map(e).filter(Boolean);r.terminators=c.length?n(c.join("|"),!0):{exec:function(){return null}}}}i(t)}function h(t,n,r,o){function s(t,e){var n,r;for(n=0,r=e.contains.length;n')+e+s}function d(){var t,n,i,r;if(!x.keywords)return e(k);for(r="",n=0,x.lexemesRe.lastIndex=0,i=x.lexemesRe.exec(k);i;)r+=e(k.substring(n,i.index)),t=u(x,i),t?(O+=t[1],r+=p(t[0],e(i[0]))):r+=e(i[0]),n=x.lexemesRe.lastIndex,i=x.lexemesRe.exec(k);return r+e(k.substr(n))}function v(){var t="string"==typeof x.subLanguage;if(t&&!E[x.subLanguage])return e(k);var n=t?h(x.subLanguage,k,!0,S[x.subLanguage]):f(k,x.subLanguage.length?x.subLanguage:void 0);return x.relevance>0&&(O+=n.relevance),t&&(S[x.subLanguage]=n.top),p(n.language,n.value,!1,!0)}function m(){T+=null!=x.subLanguage?v():d(),k=""}function g(t){T+=t.className?p(t.className,"",!0):"",x=Object.create(t,{parent:{value:x}})}function y(t,e){if(k+=t,null==e)return m(),0;var n=s(e,x);if(n)return n.skip?k+=e:(n.excludeBegin&&(k+=e),m(),n.returnBegin||n.excludeBegin||(k=e)),g(n,e),n.returnBegin?0:e.length;var i=a(x,e);if(i){var r=x;r.skip?k+=e:(r.returnEnd||r.excludeEnd||(k+=e),m(),r.excludeEnd&&(k=e));do{x.className&&(T+=A),x.skip||(O+=x.relevance),x=x.parent}while(x!==i.parent);return i.starts&&g(i.starts,""),r.returnEnd?0:e.length}if(c(e,x))throw new Error('Illegal lexeme "'+e+'" for mode "'+(x.className||"")+'"');return k+=e,e.length||1}var b=w(t);if(!b)throw new Error('Unknown language: "'+t+'"');l(b);var _,x=o||b,S={},T="";for(_=x;_!==b;_=_.parent)_.className&&(T=p(_.className,"",!0)+T);var k="",O=0;try{for(var C,P,L=0;;){if(x.terminators.lastIndex=L,!(C=x.terminators.exec(n)))break;P=y(n.substring(L,C.index),C[0]),L=C.index+P}for(y(n.substr(L)),_=x;_.parent;_=_.parent)_.className&&(T+=A);return{relevance:O,value:T,language:t,top:x}}catch(t){if(t.message&&-1!==t.message.indexOf("Illegal"))return{relevance:0,value:e(n)};throw t}}function f(t,n){n=n||M.languages||S(E);var i={relevance:0,value:e(t)},r=i;return n.filter(w).forEach(function(e){var n=h(e,t,!1);n.language=e,n.relevance>r.relevance&&(r=n),n.relevance>i.relevance&&(r=i,i=n)}),r.language&&(i.second_best=r),i}function p(t){return M.tabReplace||M.useBR?t.replace(C,function(t,e){return M.useBR&&"\n"===t?"
":M.tabReplace?e.replace(/\t/g,M.tabReplace):""}):t}function d(t,e,n){var i=e?T[e]:n,r=[t.trim()];return t.match(/\bhljs\b/)||r.push("hljs"),-1===t.indexOf(i)&&r.push(i),r.join(" ").trim()}function v(t){var e,n,i,s,u,l=o(t);r(l)||(M.useBR?(e=document.createElementNS("http://www.w3.org/1999/xhtml","div"),e.innerHTML=t.innerHTML.replace(/\n/g,"").replace(//g,"\n")):e=t,u=e.textContent,i=l?h(l,u,!0):f(u),n=a(e),n.length&&(s=document.createElementNS("http://www.w3.org/1999/xhtml","div"),s.innerHTML=i.value,i.value=c(n,a(s),u)),i.value=p(i.value),t.innerHTML=i.value,t.className=d(t.className,l,i.language),t.result={language:i.language,re:i.relevance},i.second_best&&(t.second_best={language:i.second_best.language,re:i.second_best.relevance}))}function m(t){M=s(M,t)}function g(){if(!g.called){g.called=!0;var t=document.querySelectorAll("pre code");x.forEach.call(t,v)}}function y(){addEventListener("DOMContentLoaded",g,!1),addEventListener("load",g,!1)}function b(e,n){var i=E[e]=n(t);i.aliases&&i.aliases.forEach(function(t){T[t]=e})}function _(){return S(E)}function w(t){return t=(t||"").toLowerCase(),E[t]||E[T[t]]}var x=[],S=Object.keys,E={},T={},k=/^(no-?highlight|plain|text)$/i,O=/\blang(?:uage)?-([\w-]+)\b/i,C=/((^(<[^>]+>|\t|)+|(?:\n)))/gm,A="",M={classPrefix:"hljs-",tabReplace:null,useBR:!1,languages:void 0};return t.highlight=h,t.highlightAuto=f,t.fixMarkup=p,t.highlightBlock=v,t.configure=m,t.initHighlighting=g,t.initHighlightingOnLoad=y,t.registerLanguage=b,t.listLanguages=_,t.getLanguage=w,t.inherit=s,t.IDENT_RE="[a-zA-Z]\\w*",t.UNDERSCORE_IDENT_RE="[a-zA-Z_]\\w*",t.NUMBER_RE="\\b\\d+(\\.\\d+)?",t.C_NUMBER_RE="(-?)(\\b0[xX][a-fA-F0-9]+|(\\b\\d+(\\.\\d*)?|\\.\\d+)([eE][-+]?\\d+)?)",t.BINARY_NUMBER_RE="\\b(0b[01]+)",t.RE_STARTERS_RE="!|!=|!==|%|%=|&|&&|&=|\\*|\\*=|\\+|\\+=|,|-|-=|/=|/|:|;|<<|<<=|<=|<|===|==|=|>>>=|>>=|>=|>>>|>>|>|\\?|\\[|\\{|\\(|\\^|\\^=|\\||\\|=|\\|\\||~",t.BACKSLASH_ESCAPE={begin:"\\\\[\\s\\S]",relevance:0},t.APOS_STRING_MODE={className:"string",begin:"'",end:"'",illegal:"\\n",contains:[t.BACKSLASH_ESCAPE]},t.QUOTE_STRING_MODE={className:"string",begin:'"',end:'"',illegal:"\\n",contains:[t.BACKSLASH_ESCAPE]},t.PHRASAL_WORDS_MODE={begin:/\b(a|an|the|are|I'm|isn't|don't|doesn't|won't|but|just|should|pretty|simply|enough|gonna|going|wtf|so|such|will|you|your|they|like|more)\b/},t.COMMENT=function(e,n,i){var r=t.inherit({className:"comment",begin:e,end:n,contains:[]},i||{});return r.contains.push(t.PHRASAL_WORDS_MODE),r.contains.push({className:"doctag",begin:"(?:TODO|FIXME|NOTE|BUG|XXX):",relevance:0}),r},t.C_LINE_COMMENT_MODE=t.COMMENT("//","$"),t.C_BLOCK_COMMENT_MODE=t.COMMENT("/\\*","\\*/"),t.HASH_COMMENT_MODE=t.COMMENT("#","$"),t.NUMBER_MODE={className:"number",begin:t.NUMBER_RE,relevance:0},t.C_NUMBER_MODE={className:"number",begin:t.C_NUMBER_RE,relevance:0},t.BINARY_NUMBER_MODE={className:"number",begin:t.BINARY_NUMBER_RE,relevance:0},t.CSS_NUMBER_MODE={className:"number",begin:t.NUMBER_RE+"(%|em|ex|ch|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|px|deg|grad|rad|turn|s|ms|Hz|kHz|dpi|dpcm|dppx)?",relevance:0},t.REGEXP_MODE={className:"regexp",begin:/\//,end:/\/[gimuy]*/,illegal:/\n/,contains:[t.BACKSLASH_ESCAPE,{begin:/\[/,end:/\]/,relevance:0,contains:[t.BACKSLASH_ESCAPE]}]},t.TITLE_MODE={className:"title",begin:t.IDENT_RE,relevance:0},t.UNDERSCORE_TITLE_MODE={className:"title",begin:t.UNDERSCORE_IDENT_RE,relevance:0},t.METHOD_GUARD={begin:"\\.\\s*"+t.UNDERSCORE_IDENT_RE,relevance:0},t})},"77Pl":function(t,e,n){var i=n("EqjI");t.exports=function(t){if(!i(t))throw TypeError(t+" is not an object!");return t}},"7KvD":function(t,e){var n=t.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=n)},"7UMu":function(t,e,n){var i=n("R9M2");t.exports=Array.isArray||function(t){return"Array"==i(t)}},"82Mu":function(t,e,n){var i=n("7KvD"),r=n("L42u").set,o=i.MutationObserver||i.WebKitMutationObserver,s=i.process,a=i.Promise,c="process"==n("R9M2")(s);t.exports=function(){var t,e,n,u=function(){var i,r;for(c&&(i=s.domain)&&i.exit();t;){r=t.fn,t=t.next;try{r()}catch(i){throw t?n():e=void 0,i}}e=void 0,i&&i.enter()};if(c)n=function(){s.nextTick(u)};else if(!o||i.navigator&&i.navigator.standalone)if(a&&a.resolve){var l=a.resolve(void 0);n=function(){l.then(u)}}else n=function(){r.call(i,u)};else{var h=!0,f=document.createTextNode("");new o(u).observe(f,{characterData:!0}),n=function(){f.data=h=!h}}return function(i){var r={fn:i,next:void 0};e&&(e.next=r),t||(t=r,n()),e=r}}},"880/":function(t,e,n){t.exports=n("hJx8")},"8j/s":function(t,e,n){"use strict";function i(t){return(t+"").replace(y,function(t,e){return e?e.toUpperCase():""})}function r(t,e){return(t+"").replace(new RegExp("[.\\\\+*?\\[\\^\\]$(){}=!<>|:\\"+(e||"")+"-]","g"),"\\$&")}function o(t){return"boolean"==typeof t}function s(t){return void 0===t}function a(t){return"string"==typeof t}function c(t){return"function"==typeof t}function u(t){console.error("[vue-create-api warn]: "+t)}function l(t,e){if(!t)throw new Error("[vue-create-api error]: "+e)}function h(t,e,n,i,r){var o=void 0,s=void 0,a=new t(g({},r,{render:function(t){var n=s&&s(t);return n&&!Array.isArray(n)&&(n=[n]),t(e,g({},o),n||[])},methods:{init:function(){document.body.appendChild(this.$el)},destroy:function(){this.$destroy(),document.body.removeChild(this.$el)}}}));a.updateRenderData=function(t,e){o=t,s=e},a.updateRenderData(n,i),a.$mount(),a.init();var c=a.$children[0];return c.$updateProps=function(t){g(o.props,t),a.$forceUpdate()},c}function f(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};e=p(e);var n=g({},t),i={};for(var r in e)if(e.hasOwnProperty(r)){var o=e[r];n[o]&&(i[r]=n[o],delete n[o])}return{props:n,on:i}}function p(t){var e={};return t.forEach(function(t){e[t]=i("on-"+t)}),e}function d(t){function e(e,n,i,r){v.forEach(function(t){t(e,n,r)});var o=i.parent?i.parent._uid:-1,s=d[o]?d[o]:{},a=s.comp,c=s.ins;if(r&&a&&c)return c.updateRenderData(e,n),c.$forceUpdate(),a;var u=h(p,t,e,n,i),l=u.$parent,f=u.remove;u.remove=function(){if(r){if(!d[o])return;d[o]=null}f&&f.call(this),l.destroy()};var m=u.show;u.show=function(){return m&&m.call(this),this};var g=u.hide;return u.hide=function(){return g&&g.call(this),this},r&&(d[o]={comp:u,ins:l}),u}function n(t,e,n,i){var r=e.props.$props;if(r){delete e.props.$props;var o=[],s=[];if(Object.keys(r).forEach(function(n){var i=r[n];a(i)&&i in t?(e.props[n]=t[i],o.push(n),s.push(i)):e.props[n]=i}),n){var c=t.$watch(function(){var e={};return o.forEach(function(n,i){e[n]=t[s[i]]}),e},i);t.__unwatchFns__.push(c)}}}function i(t,e){var n=t.props.$events;n&&(delete t.props.$events,Object.keys(n).forEach(function(i){var r=n[i];"string"==typeof r&&(r=e[r]),t.on[i]=r}))}function r(t){var e=t.props;Object.keys(e).forEach(function(n){"$"===n.charAt(0)&&(t[n.slice(1)]=e[n],delete e[n])})}function o(t){t.__unwatchFns__&&(t.__unwatchFns__.forEach(function(t){t()}),t.__unwatchFns__=null)}var u=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],l=arguments.length>2&&void 0!==arguments[2]&&arguments[2],p=this,d={},v=[];return{before:function(t){v.push(t)},create:function(t,a,h){function p(){o(d),y.remove(),y=null}!c(a)&&s(h)&&(h=a,a=null),s(h)&&(h=l);var d=this,v=!!d.$on,m={};v&&(m.parent=d,d.__unwatchFns__||(d.__unwatchFns__=[]));var g=f(t,u),y=null;return n(d,g,v,function(t){y&&y.$updateProps(t)}),i(g,d),r(g),y=e(g,a,m,h),v&&d.$on(b,p),y}}}function v(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(_)return void u("[vue-create-api] already installed. Vue.use(CreateAPI) should be called only once.");_=!0;var n=e.componentPrefix,i=void 0===n?"":n,r=e.apiPrefix,s=void 0===r?"$create-":r;t.createAPI=function(e,n,r){o(n)&&(r=n,n=[]);var a=d.call(this,e,n,r),c=m(e,{componentPrefix:i,apiPrefix:s});return t.prototype[c]=e.$create=a.create,a}}function m(t,e){var n=e.componentPrefix,o=e.apiPrefix,s=t.name;l(s,"Component must have name while using create-api!");var a=new RegExp("^"+r(n),"i");return""+i(""+o+s.replace(a,""))}Object.defineProperty(e,"__esModule",{value:!0});/** + * vue-create-api v0.2.0 + * (c) 2018 ustbhuangyi + * @license MIT + */ +var g=Object.assign||function(t){for(var e=1;eo;)!function(e){var n,o,s,a=r?e.ok:e.fail,c=e.resolve,u=e.reject,l=e.domain;try{a?(r||(2==t._h&&R(t),t._h=1),!0===a?n=i:(l&&l.enter(),n=a(i),l&&(l.exit(),s=!0)),n===e.promise?u(S("Promise-chain cycle")):(o=L(n))?o.call(n,c,u):c(n)):u(i)}catch(t){l&&!s&&l.exit(),u(t)}}(n[o++]);t._c=[],t._n=!1,e&&!t._h&&I(t)})}},I=function(t){g.call(c,function(){var e,n,i,r=t._v,o=D(t);if(o&&(e=_(function(){C?E.emit("unhandledRejection",r,t):(n=c.onunhandledrejection)?n({promise:t,reason:r}):(i=c.console)&&i.error&&i.error("Unhandled promise rejection",r)}),t._h=C||D(t)?2:1),t._a=void 0,o&&e.e)throw e.v})},D=function(t){return 1!==t._h&&0===(t._a||t._c).length},R=function(t){g.call(c,function(){var e;C?E.emit("rejectionHandled",t):(e=c.onrejectionhandled)&&e({promise:t,reason:t._v})})},$=function(t){var e=this;e._d||(e._d=!0,e=e._w||e,e._v=t,e._s=2,e._a||(e._a=e._c.slice()),j(e,!0))},N=function(t){var e,n=this;if(!n._d){n._d=!0,n=n._w||n;try{if(n===t)throw S("Promise can't be resolved itself");(e=L(t))?y(function(){var i={_w:n,_d:!1};try{e.call(t,u(N,i,1),u($,i,1))}catch(t){$.call(i,t)}}):(n._v=t,n._s=1,j(n,!1))}catch(t){$.call({_w:n,_d:!1},t)}}};P||(O=function(t){d(this,O,"Promise","_h"),p(t),i.call(this);try{t(u(N,this,1),u($,this,1))}catch(t){$.call(this,t)}},i=function(t){this._c=[],this._a=void 0,this._s=0,this._d=!1,this._v=void 0,this._h=0,this._n=!1},i.prototype=n("xH/j")(O.prototype,{then:function(t,e){var n=M(m(this,O));return n.ok="function"!=typeof t||t,n.fail="function"==typeof e&&e,n.domain=C?E.domain:void 0,this._c.push(n),this._a&&this._a.push(n),this._s&&j(this,!1),n.promise},catch:function(t){return this.then(void 0,t)}}),o=function(){var t=new i;this.promise=t,this.resolve=u(N,t,1),this.reject=u($,t,1)},b.f=M=function(t){return t===O||t===s?new o(t):r(t)}),h(h.G+h.W+h.F*!P,{Promise:O}),n("e6n0")(O,"Promise"),n("bRrM")("Promise"),s=n("FeBl").Promise,h(h.S+h.F*!P,"Promise",{reject:function(t){var e=M(this);return(0,e.reject)(t),e.promise}}),h(h.S+h.F*(a||!P),"Promise",{resolve:function(t){return x(a&&this===s?O:this,t)}}),h(h.S+h.F*!(P&&n("dY0y")(function(t){O.all(t).catch(A)})),"Promise",{all:function(t){var e=this,n=M(e),i=n.resolve,r=n.reject,o=_(function(){var n=[],o=0,s=1;v(t,!1,function(t){var a=o++,c=!1;n.push(void 0),s++,e.resolve(t).then(function(t){c||(c=!0,n[a]=t,--s||i(n))},r)}),--s||i(n)});return o.e&&r(o.v),n.promise},race:function(t){var e=this,n=M(e),i=n.reject,r=_(function(){v(t,!1,function(t){e.resolve(t).then(n.resolve,i)})});return r.e&&i(r.v),n.promise}})},Cdx3:function(t,e,n){var i=n("sB3e"),r=n("lktj");n("uqUo")("keys",function(){return function(t){return r(i(t))}})},D2L2:function(t,e){var n={}.hasOwnProperty;t.exports=function(t,e){return n.call(t,e)}},Dd8w:function(t,e,n){"use strict";e.__esModule=!0;var i=n("woOf"),r=function(t){return t&&t.__esModule?t:{default:t}}(i);e.default=r.default||function(t){for(var e=1;e1?e-1:0),i=1;i1&&void 0!==arguments[1]?arguments[1]:"click",i=void 0;"mouseup"===t.type||"mousecancel"===t.type?i=t:"touchend"!==t.type&&"touchcancel"!==t.type||(i=t.changedTouches[0]);var o={};i&&(o.screenX=i.screenX||0,o.screenY=i.screenY||0,o.clientX=i.clientX||0,o.clientY=i.clientY||0);var s=void 0,a=!0,c=!0;if("undefined"!=typeof MouseEvent)try{s=new MouseEvent(n,r({bubbles:a,cancelable:c},o))}catch(t){e()}else e();s.forwardedTouchEvent=!0,s._constructed=!0,t.target.dispatchEvent(s)}function m(t){v(t,"dblclick")}function g(t,e){e.firstChild?y(t,e.firstChild):e.appendChild(t)}function y(t,e){e.parentNode.insertBefore(t,e)}function b(t,e){t.removeChild(e)}function _(t,e,n,i,r,o,s){var a=t-e,c=Math.abs(a)/n,u=s.deceleration,l=s.itemHeight,h=s.swipeBounceTime,f=s.wheel,p=s.swipeTime,d=p,v=f?4:15,m=t+c/u*(a<0?-1:1);return f&&l&&(m=Math.round(m/l)*l),mr&&(m=o?Math.min(r+o/4,r+o/v*c):r,d=h),{destination:Math.round(m),duration:d}}function w(){}function x(t){console.error("[BScroll warn]: "+t)}function S(t,e){if(!t)throw new Error("[BScroll] "+e)}function E(t){var e=document.createElement("div"),n=document.createElement("div");return e.style.cssText="position:absolute;z-index:9999;pointerEvents:none",n.style.cssText="box-sizing:border-box;position:absolute;background:rgba(0,0,0,0.5);border:1px solid rgba(255,255,255,0.9);border-radius:3px;",n.className="bscroll-indicator","horizontal"===t?(e.style.cssText+=";height:7px;left:2px;right:2px;bottom:0",n.style.height="100%",e.className="bscroll-horizontal-scrollbar"):(e.style.cssText+=";width:7px;bottom:2px;top:2px;right:1px",n.style.width="100%",e.className="bscroll-vertical-scrollbar"),e.style.cssText+=";overflow:hidden",e.appendChild(n),e}function T(t,e){this.wrapper=e.el,this.wrapperStyle=this.wrapper.style,this.indicator=this.wrapper.children[0],this.indicatorStyle=this.indicator.style,this.scroller=t,this.direction=e.direction,e.fade?(this.visible=0,this.wrapperStyle.opacity="0"):this.visible=1,this.sizeRatioX=1,this.sizeRatioY=1,this.maxPosX=0,this.maxPosY=0,this.x=0,this.y=0,e.interactive&&this._addDOMEvents()}function k(t){if(t&&t.classList)return t.classList.contains("tombstone")}function O(t,e){var n=this;this.options=e,S("function"==typeof this.options.createTombstone,"Infinite scroll need createTombstone Function to create tombstone"),S("function"==typeof this.options.fetch,"Infinite scroll need fetch Function to fetch new data."),S("function"==typeof this.options.render,"Infinite scroll need render Function to render each item."),this.firstAttachedItem=0,this.lastAttachedItem=0,this.anchorScrollTop=0,this.anchorItem={index:0,offset:0},this.tombstoneHeight=0,this.tombstoneWidth=0,this.tombstones=[],this.items=[],this.loadedItems=0,this.requestInProgress=!1,this.hasMore=!0,this.scroller=t,this.wrapperEl=this.scroller.wrapper,this.scrollerEl=this.scroller.scroller,this.scroller.on("scroll",function(){n.onScroll()}),this.scroller.on("resize",function(){n.onResize()}),this.onResize()}function C(t,e){this.wrapper="string"==typeof t?document.querySelector(t):t,this.wrapper||x("Can not resolve the wrapper DOM."),this.scroller=this.wrapper.children[0],this.scroller||x("The wrapper need at least one child element to be scroller."),this.scrollerStyle=this.scroller.style,this._init(t,e)}Object.defineProperty(e,"__esModule",{value:!0});/*! + * better-normal-scroll v1.12.6 + * (c) 2016-2018 ustbhuangyi + * Released under the MIT License. + */ +var A=function(){function t(t,e){var n=[],i=!0,r=!1,o=void 0;try{for(var s,a=t[Symbol.iterator]();!(i=(s=a.next()).done)&&(n.push(s.value),!e||n.length!==e);i=!0);}catch(t){r=!0,o=t}finally{try{!i&&a.return&&a.return()}finally{if(r)throw o}}return n}return function(e,n){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return t(e,n);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),M=function(t){if(Array.isArray(t)){for(var e=0,n=Array(t.length);e0,D=P&&document.createElement("div").style,R=function(){if(!P)return!1;var t={webkit:"webkitTransform",Moz:"MozTransform",O:"OTransform",ms:"msTransform",standard:"transform"};for(var e in t)if(void 0!==D[t[e]])return e;return!1}(),$=a("transform"),N=P&&a("perspective")in D,X=P&&("ontouchstart"in window||j),Y=!1!==$,z=P&&a("transition")in D,B={transform:$,transitionTimingFunction:a("transitionTimingFunction"),transitionDuration:a("transitionDuration"),transitionDelay:a("transitionDelay"),transformOrigin:a("transformOrigin"),transitionEnd:a("transitionEnd")},H=1,F={touchstart:H,touchmove:H,touchend:H,mousedown:2,mousemove:2,mouseup:2},U={startX:0,startY:0,scrollX:!1,scrollY:!0,freeScroll:!1,directionLockThreshold:5,eventPassthrough:"",click:!1,tap:!1,bounce:!0,bounceTime:800,momentum:!0,momentumLimitTime:300,momentumLimitDistance:15,swipeTime:2500,swipeBounceTime:500,deceleration:.0015,flickLimitTime:200,flickLimitDistance:100,resizePolling:60,probeType:0,preventDefault:!0,preventDefaultException:{tagName:/^(INPUT|TEXTAREA|BUTTON|SELECT)$/},HWCompositing:!0,useTransition:!0,useTransform:!0,bindToWrapper:!1,disableMouse:X,disableTouch:!X,observeDOM:!0,autoBlur:!0,wheel:!1,snap:!1,scrollbar:!1,pullDownRefresh:!1,pullUpLoad:!1,mouseWheel:!1,stopPropagation:!1,zoom:!1,infinity:!1,dblclick:!1},W={swipe:{style:"cubic-bezier(0.23, 1, 0.32, 1)",fn:function(t){return 1+--t*t*t*t*t}},swipeBounce:{style:"cubic-bezier(0.25, 0.46, 0.45, 0.94)",fn:function(t){return t*(2-t)}},bounce:{style:"cubic-bezier(0.165, 0.84, 0.44, 1)",fn:function(t){return 1- --t*t*t*t}}},q=function(){return P?window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||function(t){return window.setTimeout(t,(t.interval||100/60)/2)}:w}(),V=function(){return P?window.cancelAnimationFrame||window.webkitCancelAnimationFrame||window.mozCancelAnimationFrame||window.oCancelAnimationFrame||function(t){window.clearTimeout(t)}:w}(),Q=1,K=-1,G=1,J=-1,Z=1,tt=3;T.prototype.handleEvent=function(t){switch(t.type){case"touchstart":case"mousedown":this._start(t);break;case"touchmove":case"mousemove":this._move(t);break;case"touchend":case"mouseup":case"touchcancel":case"mousecancel":this._end(t)}},T.prototype.refresh=function(){this._shouldShow()&&(this.transitionTime(),this._calculate(),this.updatePosition())},T.prototype.fade=function(t,e){var n=this;if(!e||this.visible){var i=t?250:500;t=t?"1":"0",this.wrapperStyle[B.transitionDuration]=i+"ms",clearTimeout(this.fadeTimeout),this.fadeTimeout=setTimeout(function(){n.wrapperStyle.opacity=t,n.visible=+t},0)}},T.prototype.updatePosition=function(){if("vertical"===this.direction){var t=Math.round(this.sizeRatioY*this.scroller.y);if(t<0){this.transitionTime(500);var e=Math.max(this.indicatorHeight+3*t,8);this.indicatorStyle.height=e+"px",t=0}else if(t>this.maxPosY){this.transitionTime(500);var n=Math.max(this.indicatorHeight-3*(t-this.maxPosY),8);this.indicatorStyle.height=n+"px",t=this.maxPosY+this.indicatorHeight-n}else this.indicatorStyle.height=this.indicatorHeight+"px";this.y=t,this.scroller.options.useTransform?this.indicatorStyle[B.transform]="translateY("+t+"px)"+this.scroller.translateZ:this.indicatorStyle.top=t+"px"}else{var i=Math.round(this.sizeRatioX*this.scroller.x);if(i<0){this.transitionTime(500);var r=Math.max(this.indicatorWidth+3*i,8);this.indicatorStyle.width=r+"px",i=0}else if(i>this.maxPosX){this.transitionTime(500);var o=Math.max(this.indicatorWidth-3*(i-this.maxPosX),8);this.indicatorStyle.width=o+"px",i=this.maxPosX+this.indicatorWidth-o}else this.indicatorStyle.width=this.indicatorWidth+"px";this.x=i,this.scroller.options.useTransform?this.indicatorStyle[B.transform]="translateX("+i+"px)"+this.scroller.translateZ:this.indicatorStyle.left=i+"px"}},T.prototype.transitionTime=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;this.indicatorStyle[B.transitionDuration]=t+"ms"},T.prototype.transitionTimingFunction=function(t){this.indicatorStyle[B.transitionTimingFunction]=t},T.prototype.destroy=function(){this._removeDOMEvents(),this.wrapper.parentNode.removeChild(this.wrapper)},T.prototype._start=function(t){var e=t.touches?t.touches[0]:t;t.preventDefault(),t.stopPropagation(),this.transitionTime(),this.initiated=!0,this.moved=!1,this.lastPointX=e.pageX,this.lastPointY=e.pageY,this.startTime=i(),this._handleMoveEvents(c),this.scroller.trigger("beforeScrollStart")},T.prototype._move=function(t){var e=t.touches?t.touches[0]:t;t.preventDefault(),t.stopPropagation(),this.moved||this.scroller.trigger("scrollStart"),this.moved=!0;var n=e.pageX-this.lastPointX;this.lastPointX=e.pageX;var i=e.pageY-this.lastPointY;this.lastPointY=e.pageY;var r=this.x+n,o=this.y+i;this._pos(r,o)},T.prototype._end=function(t){if(this.initiated){this.initiated=!1,t.preventDefault(),t.stopPropagation(),this._handleMoveEvents(u);var e=this.scroller.options.snap;if(e){var n=e.speed,i=e.easing,r=void 0===i?W.bounce:i,o=this.scroller._nearestSnap(this.scroller.x,this.scroller.y),s=n||Math.max(Math.max(Math.min(Math.abs(this.scroller.x-o.x),1e3),Math.min(Math.abs(this.scroller.y-o.y),1e3)),300);this.scroller.x===o.x&&this.scroller.y===o.y||(this.scroller.directionX=0,this.scroller.directionY=0,this.scroller.currentPage=o,this.scroller.scrollTo(o.x,o.y,s,r))}this.moved&&this.scroller.trigger("scrollEnd",{x:this.scroller.x,y:this.scroller.y})}},T.prototype._pos=function(t,e){t<0?t=0:t>this.maxPosX&&(t=this.maxPosX),e<0?e=0:e>this.maxPosY&&(e=this.maxPosY),t=Math.round(t/this.sizeRatioX),e=Math.round(e/this.sizeRatioY),this.scroller.scrollTo(t,e),this.scroller.trigger("scroll",{x:this.scroller.x,y:this.scroller.y})},T.prototype._shouldShow=function(){return"vertical"===this.direction&&this.scroller.hasVerticalScroll||"horizontal"===this.direction&&this.scroller.hasHorizontalScroll?(this.wrapper.style.display="",!0):(this.wrapper.style.display="none",!1)},T.prototype._calculate=function(){if("vertical"===this.direction){var t=this.wrapper.clientHeight;this.indicatorHeight=Math.max(Math.round(t*t/(this.scroller.scrollerHeight||t||1)),8),this.indicatorStyle.height=this.indicatorHeight+"px",this.maxPosY=t-this.indicatorHeight,this.sizeRatioY=this.maxPosY/this.scroller.maxScrollY}else{var e=this.wrapper.clientWidth;this.indicatorWidth=Math.max(Math.round(e*e/(this.scroller.scrollerWidth||e||1)),8),this.indicatorStyle.width=this.indicatorWidth+"px",this.maxPosX=e-this.indicatorWidth,this.sizeRatioX=this.maxPosX/this.scroller.maxScrollX}},T.prototype._addDOMEvents=function(){var t=c;this._handleDOMEvents(t)},T.prototype._removeDOMEvents=function(){var t=u;this._handleDOMEvents(t),this._handleMoveEvents(t)},T.prototype._handleMoveEvents=function(t){this.scroller.options.disableTouch||t(window,"touchmove",this),this.scroller.options.disableMouse||t(window,"mousemove",this)},T.prototype._handleDOMEvents=function(t){this.scroller.options.disableTouch||(t(this.indicator,"touchstart",this),t(window,"touchend",this)),this.scroller.options.disableMouse||(t(this.indicator,"mousedown",this),t(window,"mouseup",this))};var et=2e3;O.prototype.onScroll=function(){var t=-this.scroller.y,e=t-this.anchorScrollTop;this.anchorItem=0===t?{index:0,offset:0}:this._calculateAnchoredItem(this.anchorItem,e),this.anchorScrollTop=t;var n=this._calculateAnchoredItem(this.anchorItem,this.wrapperEl.offsetHeight),i=this.anchorItem.index,r=n.index;e<0?(i-=30,r+=10):(i-=10,r+=30),this.fill(i,r),this.maybeRequestContent()},O.prototype.onResize=function(){var t=this.options.createTombstone();t.style.position="absolute",this.scrollerEl.appendChild(t),t.style.display="",this.tombstoneHeight=t.offsetHeight,this.tombstoneWidth=t.offsetWidth,this.scrollerEl.removeChild(t);for(var e=0;ethis.firstAttachedItem;)e-=this.items[n-1].height||this.tombstoneHeight,n--;return e},O.prototype._setupAnimations=function(t,e){var n=this;for(var i in t){var r=t[i];this.items[i].node.style.transform="translateY("+(this.anchorScrollTop+r[1])+"px) scale("+this.tombstoneWidth/this.items[i].width+", "+this.tombstoneHeight/this.items[i].height+")",this.items[i].node.offsetTop,r[0].offsetTop,this.items[i].node.style.transition="transform 200ms"}for(var o=this.firstAttachedItem;o0&&this.items[n-1].height;)e+=this.items[n-1].height,n--;i=Math.max(-n,Math.ceil(Math.min(e,0)/this.tombstoneHeight))}else{for(;e>0&&n=this.items.length||!this.items[n].height)&&(i=Math.floor(Math.max(e,0)/this.tombstoneHeight))}return n+=i,e-=i*this.tombstoneHeight,{index:n,offset:e}},function(t){t.prototype._init=function(t,e){this._handleOptions(e),this._events={},this.x=0,this.y=0,this.directionX=0,this.directionY=0,this.setScale(1),this._addDOMEvents(),this._initExtFeatures(),this._watchTransition(),this.options.observeDOM&&this._initDOMObserver(),this.options.autoBlur&&this._handleAutoBlur(),this.refresh(),this.options.snap||this.scrollTo(this.options.startX,this.options.startY),this.enable()},t.prototype.setScale=function(t){this.lastScale=o(this.scale)?t:this.scale,this.scale=t},t.prototype._handleOptions=function(t){this.options=r({},U,t),this.translateZ=this.options.HWCompositing&&N?" translateZ(0)":"",this.options.useTransition=this.options.useTransition&&z,this.options.useTransform=this.options.useTransform&&Y,this.options.preventDefault=!this.options.eventPassthrough&&this.options.preventDefault,this.options.scrollX="horizontal"!==this.options.eventPassthrough&&this.options.scrollX,this.options.scrollY="vertical"!==this.options.eventPassthrough&&this.options.scrollY,this.options.freeScroll=this.options.freeScroll&&!this.options.eventPassthrough,this.options.directionLockThreshold=this.options.eventPassthrough?0:this.options.directionLockThreshold,!0===this.options.tap&&(this.options.tap="tap")},t.prototype._addDOMEvents=function(){var t=c;this._handleDOMEvents(t)},t.prototype._removeDOMEvents=function(){var t=u;this._handleDOMEvents(t)},t.prototype._handleDOMEvents=function(t){var e=this.options.bindToWrapper?this.wrapper:window;t(window,"orientationchange",this),t(window,"resize",this),this.options.click&&t(this.wrapper,"click",this,!0),this.options.disableMouse||(t(this.wrapper,"mousedown",this),t(e,"mousemove",this),t(e,"mousecancel",this),t(e,"mouseup",this)),X&&!this.options.disableTouch&&(t(this.wrapper,"touchstart",this),t(e,"touchmove",this),t(e,"touchcancel",this),t(e,"touchend",this)),t(this.scroller,B.transitionEnd,this)},t.prototype._initExtFeatures=function(){this.options.snap&&this._initSnap(),this.options.scrollbar&&this._initScrollbar(),this.options.pullUpLoad&&this._initPullUp(),this.options.pullDownRefresh&&this._initPullDown(),this.options.wheel&&this._initWheel(),this.options.mouseWheel&&this._initMouseWheel(),this.options.zoom&&this._initZoom(),this.options.infinity&&this._initInfinite()},t.prototype._watchTransition=function(){if("function"==typeof Object.defineProperty){var t=this,e=!1,n=this.useTransition?"isInTransition":"isAnimating";Object.defineProperty(this,n,{get:function(){return e},set:function(n){e=n;for(var i=t.scroller.children.length?t.scroller.children:[t.scroller],r=e&&!t.pulling?"none":"auto",o=0;othis.minScrollX||this.xthis.minScrollY||this.y1&&this._zoomStart(t);break;case"touchmove":case"mousemove":this.options.zoom&&t.touches&&t.touches.length>1?this._zoom(t):this._move(t);break;case"touchend":case"mouseup":case"touchcancel":case"mousecancel":this.scaled?this._zoomEnd(t):this._end(t);break;case"orientationchange":case"resize":this._resize();break;case"transitionend":case"webkitTransitionEnd":case"oTransitionEnd":case"MSTransitionEnd":this._transitionEnd(t);break;case"click":this.enabled&&!t._constructed&&(p(t.target,this.options.preventDefaultException)||(t.preventDefault(),t.stopPropagation()));break;case"wheel":case"DOMMouseScroll":case"mousewheel":this._onMouseWheel(t)}},t.prototype.refresh=function(){var t="static"===window.getComputedStyle(this.wrapper,null).position,e=f(this.wrapper);this.wrapperWidth=e.width,this.wrapperHeight=e.height;var n=f(this.scroller);this.scrollerWidth=Math.round(n.width*this.scale),this.scrollerHeight=Math.round(n.height*this.scale),this.relativeX=n.left,this.relativeY=n.top,t&&(this.relativeX-=e.left,this.relativeY-=e.top),this.minScrollX=0,this.minScrollY=0;var i=this.options.wheel;i?(this.items=this.scroller.children,this.options.itemHeight=this.itemHeight=this.items.length?this.scrollerHeight/this.items.length:0,void 0===this.selectedIndex&&(this.selectedIndex=i.selectedIndex||0),this.options.startY=-this.selectedIndex*this.itemHeight,this.maxScrollX=0,this.maxScrollY=-this.itemHeight*(this.items.length-1)):(this.maxScrollX=this.wrapperWidth-this.scrollerWidth,this.options.infinity||(this.maxScrollY=this.wrapperHeight-this.scrollerHeight),this.maxScrollX<0?(this.maxScrollX-=this.relativeX,this.minScrollX=-this.relativeX):this.scale>1&&(this.maxScrollX=this.maxScrollX/2-this.relativeX,this.minScrollX=this.maxScrollX),this.maxScrollY<0?(this.maxScrollY-=this.relativeY,this.minScrollY=-this.relativeY):this.scale>1&&(this.maxScrollY=this.maxScrollY/2-this.relativeY,this.minScrollY=this.maxScrollY)),this.hasHorizontalScroll=this.options.scrollX&&this.maxScrollXthis.options.momentumLimitTime&&ss+this.options.directionLockThreshold?this.directionLocked="h":s>=o+this.options.directionLockThreshold?this.directionLocked="v":this.directionLocked="n"),"h"===this.directionLocked){if("vertical"===this.options.eventPassthrough)t.preventDefault();else if("horizontal"===this.options.eventPassthrough)return void(this.initiated=!1);r=0}else if("v"===this.directionLocked){if("horizontal"===this.options.eventPassthrough)t.preventDefault();else if("vertical"===this.options.eventPassthrough)return void(this.initiated=!1);n=0}n=this.hasHorizontalScroll?n:0,r=this.hasVerticalScroll?r:0,this.movingDirectionX=n>0?J:n<0?G:0,this.movingDirectionY=r>0?K:r<0?Q:0;var c=this.x+n,u=this.y+r,l=!1,h=!1,f=!1,p=!1,d=this.options.bounce;!1!==d&&(l=void 0===d.top||d.top,h=void 0===d.bottom||d.bottom,f=void 0===d.left||d.left,p=void 0===d.right||d.right),(c>this.minScrollX||cthis.minScrollX&&f||cthis.minScrollX?this.minScrollX:this.maxScrollX),(u>this.minScrollY||uthis.minScrollY&&l||uthis.minScrollY?this.minScrollY:this.maxScrollY),this.moved||(this.moved=!0,this.trigger("scrollStart")),this._translate(c,u),a-this.startTime>this.options.momentumLimitTime&&(this.startTime=a,this.startX=this.x,this.startY=this.y,this.options.probeType===Z&&this.trigger("scroll",{x:this.x,y:this.y})),this.options.probeType>Z&&this.trigger("scroll",{x:this.x,y:this.y});var v=document.documentElement.scrollLeft||window.pageXOffset||document.body.scrollLeft,m=document.documentElement.scrollTop||window.pageYOffset||document.body.scrollTop,g=this.pointX-v,y=this.pointY-m;(g>document.documentElement.clientWidth-this.options.momentumLimitDistance||gdocument.documentElement.clientHeight-this.options.momentumLimitDistance)&&this._end(t)}}},t.prototype._end=function(t){if(this.enabled&&!this.destroyed&&F[t.type]===this.initiated){this.initiated=!1,this.options.preventDefault&&!p(t.target,this.options.preventDefaultException)&&t.preventDefault(),this.options.stopPropagation&&t.stopPropagation(),this.trigger("touchEnd",{x:this.x,y:this.y}),this.isInTransition=!1;var e=Math.round(this.x),n=Math.round(this.y),r=e-this.absStartX,o=n-this.absStartY;if(this.directionX=r>0?J:r<0?G:0,this.directionY=o>0?K:o<0?Q:0,!this.options.pullDownRefresh||!this._checkPullDown()){if(this._checkClick(t))return void this.trigger("scrollCancel");if(!this.resetPosition(this.options.bounceTime,W.bounce)){this._translate(e,n),this.endTime=i();var s=this.endTime-this.startTime,a=Math.abs(e-this.startX),c=Math.abs(n-this.startY);if(this._events.flick&&sthis.options.momentumLimitDistance||a>this.options.momentumLimitDistance)){var l=!1,h=!1,f=!1,d=!1,v=this.options.bounce;!1!==v&&(l=void 0===v.top||v.top,h=void 0===v.bottom||v.bottom,f=void 0===v.left||v.left,d=void 0===v.right||v.right);var m=this.directionX===J&&f||this.directionX===G&&d?this.wrapperWidth:0,g=this.directionY===K&&l||this.directionY===Q&&h?this.wrapperHeight:0,y=this.hasHorizontalScroll?_(this.x,this.startX,s,this.maxScrollX,this.minScrollX,m,this.options):{destination:e,duration:0},b=this.hasVerticalScroll?_(this.y,this.startY,s,this.maxScrollY,this.minScrollY,g,this.options):{destination:n,duration:0};e=y.destination,n=b.destination,u=Math.max(y.duration,b.duration),this.isInTransition=!0}else this.options.wheel&&(n=Math.round(n/this.itemHeight)*this.itemHeight,u=this.options.wheel.adjustTime||400);var w=W.swipe;if(this.options.snap){var x=this._nearestSnap(e,n);this.currentPage=x,u=this.options.snapSpeed||Math.max(Math.max(Math.min(Math.abs(e-x.x),1e3),Math.min(Math.abs(n-x.y),1e3)),300),e=x.x,n=x.y,this.directionX=0,this.directionY=0,w=this.options.snap.easing||W.bounce}if(e!==this.x||n!==this.y)return(e>this.minScrollX||ethis.minScrollY||n0&&void 0!==arguments[0]?arguments[0]:0;if(this.scrollerStyle[B.transitionDuration]=t+"ms",this.options.wheel)for(var e=0;e=f)return s.isAnimating=!1,s._translate(t,e,l),s.trigger("scroll",{x:s.x,y:s.y}),void(s.pulling||s.resetPosition(s.options.bounceTime)||s.trigger("scrollEnd",{x:s.x,y:s.y}));p=(p-h)/n;var d=r(p),v=(t-a)*d+a,m=(e-c)*d+c,g=(l-u)*d+u;s._translate(v,m,g),s.isAnimating&&(s.animateTimer=q(o)),s.options.probeType===tt&&s.trigger("scroll",{x:s.x,y:s.y})}var s=this,a=this.x,c=this.y,u=this.lastScale,l=this.scale,h=i(),f=h+n;this.isAnimating=!0,V(this.animateTimer),o()},t.prototype.scrollBy=function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:W.bounce;t=this.x+t,e=this.y+e,this.scrollTo(t,e,n,i)},t.prototype.scrollTo=function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:W.bounce;this.isInTransition=this.options.useTransition&&n>0&&(t!==this.x||e!==this.y),!n||this.options.useTransition?(this._transitionTimingFunction(i.style),this._transitionTime(n),this._translate(t,e),n&&this.options.probeType===tt&&this._startProbe(),n||t===this.x&&e===this.y||(this.trigger("scroll",{x:t,y:e}),this._reflow=document.body.offsetHeight,this.resetPosition(this.options.bounceTime,W.bounce)||this.trigger("scrollEnd",{x:t,y:e})),this.options.wheel&&(e>this.minScrollY?this.selectedIndex=0:ethis.minScrollX?this.minScrollX:o.leftthis.minScrollY?this.minScrollY:o.top0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:W.bounce,n=this.x,i=Math.round(n);!this.hasHorizontalScroll||i>this.minScrollX?n=this.minScrollX:ithis.minScrollY?r=this.minScrollY:o2&&void 0!==arguments[2]?arguments[2]:this;this._events[t]||(this._events[t]=[]),this._events[t].push([e,n])},t.prototype.once=function(t,e){function n(){this.off(t,n),e.apply(i,arguments)}var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this;n.fn=e,this.on(t,n)},t.prototype.off=function(t,e){var n=this._events[t];if(n)for(var i=n.length;i--;)(n[i][0]===e||n[i][0]&&n[i][0].fn===e)&&(n[i][0]=void 0)},t.prototype.trigger=function(t){var e=this._events[t];if(e)for(var n=e.length,i=[].concat(M(e)),r=0;r1?(g(n[n.length-1].cloneNode(!0),this.scroller),this.scroller.appendChild(n[1].cloneNode(!0))):e.loop=!1}var i=e.el;"string"==typeof i&&(i=this.scroller.querySelectorAll(i)),this.on("refresh",function(){if(t.pages=[],t.wrapperWidth&&t.wrapperHeight&&t.scrollerWidth&&t.scrollerHeight){var n=e.stepX||t.wrapperWidth,r=e.stepY||t.wrapperHeight,o=0,s=void 0,a=void 0,c=void 0,u=0,l=void 0,h=0,p=void 0,d=void 0;if(i)for(l=i.length,p=-1;ut.maxScrollX&&h++;else for(a=Math.round(n/2),c=Math.round(r/2);o>-t.scrollerWidth;){for(t.pages[u]=[],l=0,s=0;s>-t.scrollerHeight;)t.pages[u][l]={x:Math.max(o,t.maxScrollX),y:Math.max(s,t.maxScrollY),width:n,height:r,cx:o-a,cy:s-c},s-=r,l++;o-=n,u++}t._checkSnapLoop();var v=e._loopX?1:0,m=e._loopY?1:0;t._goToPage(t.currentPage.pageX||v,t.currentPage.pageY||m,0);var g=e.threshold;g%1==0?(t.snapThresholdX=g,t.snapThresholdY=g):(t.snapThresholdX=Math.round(t.pages[t.currentPage.pageX][t.currentPage.pageY].width*g),t.snapThresholdY=Math.round(t.pages[t.currentPage.pageX][t.currentPage.pageY].height*g))}}),this.on("scrollEnd",function(){e.loop&&(e._loopX?(0===t.currentPage.pageX&&t._goToPage(t.pages.length-2,t.currentPage.pageY,0),t.currentPage.pageX===t.pages.length-1&&t._goToPage(1,t.currentPage.pageY,0)):(0===t.currentPage.pageY&&t._goToPage(t.currentPage.pageX,t.pages[0].length-2,0),t.currentPage.pageY===t.pages[0].length-1&&t._goToPage(t.currentPage.pageX,1,0)))}),!1!==e.listenFlick&&this.on("flick",function(){var n=e.speed||Math.max(Math.max(Math.min(Math.abs(t.x-t.startX),1e3),Math.min(Math.abs(t.y-t.startY),1e3)),300);t._goToPage(t.currentPage.pageX+t.directionX,t.currentPage.pageY+t.directionY,n)}),this.on("destroy",function(){if(e.loop){var n=t.scroller.children;n.length>2&&(b(t.scroller,n[n.length-1]),b(t.scroller,n[0]))}})},t.prototype._checkSnapLoop=function(){var t=this.options.snap;t.loop&&this.pages&&this.pages.length&&(this.pages.length>1&&(t._loopX=!0),this.pages[0]&&this.pages[0].length>1&&(t._loopY=!0),t._loopX&&t._loopY&&x("Loop does not support two direction at the same time."))},t.prototype._nearestSnap=function(t,e){if(!this.pages.length)return{x:0,y:0,pageX:0,pageY:0};var n=0;if(Math.abs(t-this.absStartX)<=this.snapThresholdX&&Math.abs(e-this.absStartY)<=this.snapThresholdY)return this.currentPage;t>this.minScrollX?t=this.minScrollX:tthis.minScrollY?e=this.minScrollY:e=this.pages[n][0].cx){t=this.pages[n][0].x;break}i=this.pages[n].length;for(var r=0;r=this.pages[0][r].cy){e=this.pages[0][r].y;break}return n===this.currentPage.pageX&&(n+=this.directionX,n<0?n=0:n>=this.pages.length&&(n=this.pages.length-1),t=this.pages[n][0].x),r===this.currentPage.pageY&&(r+=this.directionY,r<0?r=0:r>=this.pages[0].length&&(r=this.pages[0].length-1),e=this.pages[0][r].y),{x:t,y:e,pageX:n,pageY:r}},t.prototype._goToPage=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments[2],i=arguments[3],r=this.options.snap;if(r&&this.pages&&this.pages.length&&(i=i||r.easing||W.bounce,t>=this.pages.length?t=this.pages.length-1:t<0&&(t=0),this.pages[t])){e>=this.pages[t].length?e=this.pages[t].length-1:e<0&&(e=0);var o=this.pages[t][e].x,s=this.pages[t][e].y;n=void 0===n?r.speed||Math.max(Math.max(Math.min(Math.abs(o-this.x),1e3),Math.min(Math.abs(s-this.y),1e3)),300):n,this.currentPage={x:o,y:s,pageX:t,pageY:e},this.scrollTo(o,s,n,i)}},t.prototype.goToPage=function(t,e,n,i){var r=this.options.snap;if(r&&this.pages&&this.pages.length){if(r.loop){var o=void 0;r._loopX?(o=this.pages.length-2,t>=o?t=o-1:t<0&&(t=0),t+=1):(o=this.pages[0].length-2,e>=o?e=o-1:e<0&&(e=0),e+=1)}this._goToPage(t,e,n,i)}},t.prototype.next=function(t,e){if(this.options.snap){var n=this.currentPage.pageX,i=this.currentPage.pageY;n++,n>=this.pages.length&&this.hasVerticalScroll&&(n=0,i++),this._goToPage(n,i,t,e)}},t.prototype.prev=function(t,e){if(this.options.snap){var n=this.currentPage.pageX,i=this.currentPage.pageY;n--,n<0&&this.hasVerticalScroll&&(n=0,i--),this._goToPage(n,i,t,e)}},t.prototype.getCurrentPage=function(){var t=this.options.snap;return t?t.loop?t._loopX?r({},this.currentPage,{pageX:this.currentPage.pageX-1}):r({},this.currentPage,{pageY:this.currentPage.pageY-1}):this.currentPage:null}}(C),function(t){t.prototype.wheelTo=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;this.options.wheel&&(this.y=-t*this.itemHeight,this.scrollTo(0,this.y))},t.prototype.getSelectedIndex=function(){return this.options.wheel&&this.selectedIndex},t.prototype._initWheel=function(){var t=this.options.wheel;t.wheelWrapperClass||(t.wheelWrapperClass="wheel-scroll"),t.wheelItemClass||(t.wheelItemClass="wheel-item"),void 0===t.selectedIndex&&(t.selectedIndex=0,x("wheel option selectedIndex is required!"))}}(C),function(t){t.prototype._initScrollbar=function(){var t=this,e=this.options.scrollbar,n=e.fade,i=void 0===n||n,r=e.interactive,o=void 0!==r&&r;this.indicators=[];var s=void 0;this.options.scrollX&&(s={el:E("horizontal"),direction:"horizontal",fade:i,interactive:o},this._insertScrollBar(s.el),this.indicators.push(new T(this,s))),this.options.scrollY&&(s={el:E("vertical"),direction:"vertical",fade:i,interactive:o},this._insertScrollBar(s.el),this.indicators.push(new T(this,s))),this.on("refresh",function(){for(var e=0;e0&&void 0!==arguments[0])||arguments[0];this.options.pullDownRefresh=t,this._initPullDown()},t.prototype.closePullDown=function(){this.options.pullDownRefresh=!1}}(C),function(t){t.prototype._initPullUp=function(){this.options.probeType=tt,this.pullupWatching=!1,this._watchPullUp()},t.prototype._watchPullUp=function(){this.pullupWatching||(this.pullupWatching=!0,this.on("scroll",this._checkToEnd))},t.prototype._checkToEnd=function(t){var e=this,n=this.options.pullUpLoad.threshold,i=void 0===n?0:n;this.movingDirectionY===Q&&t.y<=this.maxScrollY+i&&(this.once("scrollEnd",function(){e.pullupWatching=!1}),this.trigger("pullingUp"),this.off("scroll",this._checkToEnd))},t.prototype.finishPullUp=function(){var t=this;this.pullupWatching?this.once("scrollEnd",function(){t._watchPullUp()}):this._watchPullUp()},t.prototype.openPullUp=function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.options.pullUpLoad=t,this._initPullUp()},t.prototype.closePullUp=function(){this.options.pullUpLoad=!1,this.pullupWatching&&(this.pullupWatching=!1,this.off("scroll",this._checkToEnd))}}(C),function(t){t.prototype._initMouseWheel=function(){var t=this;this._handleMouseWheelEvent(c),this.on("destroy",function(){clearTimeout(t.mouseWheelTimer),clearTimeout(t.mouseWheelEndTimer),t._handleMouseWheelEvent(u)}),this.firstWheelOpreation=!0},t.prototype._handleMouseWheelEvent=function(t){t(this.wrapper,"wheel",this),t(this.wrapper,"mousewheel",this),t(this.wrapper,"DOMMouseScroll",this)},t.prototype._onMouseWheel=function(t){var e=this;if(this.enabled){t.preventDefault(),this.options.stopPropagation&&t.stopPropagation(),this.firstWheelOpreation&&this.trigger("scrollStart"),this.firstWheelOpreation=!1;var n=this.options.mouseWheel,i=n.speed,r=void 0===i?20:i,o=n.invert,s=void 0!==o&&o,a=n.easeTime,c=void 0===a?300:a;clearTimeout(this.mouseWheelTimer),this.mouseWheelTimer=setTimeout(function(){e.options.snap||c||e.trigger("scrollEnd",{x:e.x,y:e.y}),e.firstWheelOpreation=!0},400);var u=void 0,l=void 0;switch(!0){case"deltaX"in t:1===t.deltaMode?(u=-t.deltaX*r,l=-t.deltaY*r):(u=-t.deltaX,l=-t.deltaY);break;case"wheelDeltaX"in t:u=t.wheelDeltaX/120*r,l=t.wheelDeltaY/120*r;break;case"wheelDelta"in t:u=l=t.wheelDelta/120*r;break;case"detail"in t:u=l=-t.detail/3*r;break;default:return}var h=s?-1:1;u*=h,l*=h,this.hasVerticalScroll||(u=l,l=0);var f=void 0,p=void 0;if(this.options.snap)return f=this.currentPage.pageX,p=this.currentPage.pageY,u>0?f--:u<0&&f++,l>0?p--:l<0&&p++,void this._goToPage(f,p);f=this.x+Math.round(this.hasHorizontalScroll?u:0),p=this.y+Math.round(this.hasVerticalScroll?l:0),this.movingDirectionX=this.directionX=u>0?-1:u<0?1:0,this.movingDirectionY=this.directionY=l>0?-1:l<0?1:0,f>this.minScrollX?f=this.minScrollX:fthis.minScrollY?p=this.minScrollY:pthis.minScrollX?o=this.minScrollX:othis.minScrollY?s=this.minScrollY:sf&&(a=2*f*Math.pow(.5,f/a));var p=a/this.startScale,d=this.startX-(this.originX-this.relativeX)*(p-1),v=this.startY-(this.originY-this.relativeY)*(p-1);this.setScale(a),this.scrollTo(d,v,0)}},t.prototype._zoomEnd=function(t){if(this.enabled&&!this.destroyed&&F[t.type]===this.initiated){this.options.preventDefault&&t.preventDefault(),this.options.stopPropagation&&t.stopPropagation(),this.isInTransition=!1,this.isAnimating=!1,this.initiated=0;var e=this.options.zoom,n=e.min,i=void 0===n?1:n,r=e.max,o=void 0===r?4:r,s=this.scale>o?o:this.scalec;)i(a,n=e[c++])&&(~o(u,n)||u.push(n));return u}},Kh4W:function(t,e,n){e.f=n("dSzd")},L42u:function(t,e,n){var i,r,o,s=n("+ZMJ"),a=n("knuC"),c=n("RPLV"),u=n("ON07"),l=n("7KvD"),h=l.process,f=l.setImmediate,p=l.clearImmediate,d=l.MessageChannel,v=l.Dispatch,m=0,g={},y=function(){var t=+this;if(g.hasOwnProperty(t)){var e=g[t];delete g[t],e()}},b=function(t){y.call(t.data)};f&&p||(f=function(t){for(var e=[],n=1;arguments.length>n;)e.push(arguments[n++]);return g[++m]=function(){a("function"==typeof t?t:Function(t),e)},i(m),m},p=function(t){delete g[t]},"process"==n("R9M2")(h)?i=function(t){h.nextTick(s(y,t,1))}:v&&v.now?i=function(t){v.now(s(y,t,1))}:d?(r=new d,o=r.port2,r.port1.onmessage=b,i=s(o.postMessage,o,1)):l.addEventListener&&"function"==typeof postMessage&&!l.importScripts?(i=function(t){l.postMessage(t+"","*")},l.addEventListener("message",b,!1)):i="onreadystatechange"in u("script")?function(t){c.appendChild(u("script")).onreadystatechange=function(){c.removeChild(this),y.call(t)}}:function(t){setTimeout(s(y,t,1),0)}),t.exports={set:f,clear:p}},LKZe:function(t,e,n){var i=n("NpIQ"),r=n("X8DO"),o=n("TcQ7"),s=n("MmMw"),a=n("D2L2"),c=n("SfB7"),u=Object.getOwnPropertyDescriptor;e.f=n("+E39")?u:function(t,e){if(t=o(t),e=s(e,!0),c)try{return u(t,e)}catch(t){}if(a(t,e))return r(!i.f.call(t,e),t[e])}},M6a0:function(t,e){},MU5D:function(t,e,n){var i=n("R9M2");t.exports=Object("z").propertyIsEnumerable(0)?Object:function(t){return"String"==i(t)?t.split(""):Object(t)}},Mhyx:function(t,e,n){var i=n("/bQp"),r=n("dSzd")("iterator"),o=Array.prototype;t.exports=function(t){return void 0!==t&&(i.Array===t||o[r]===t)}},MmMw:function(t,e,n){var i=n("EqjI");t.exports=function(t,e){if(!i(t))return t;var n,r;if(e&&"function"==typeof(n=t.toString)&&!i(r=n.call(t)))return r;if("function"==typeof(n=t.valueOf)&&!i(r=n.call(t)))return r;if(!e&&"function"==typeof(n=t.toString)&&!i(r=n.call(t)))return r;throw TypeError("Can't convert object to primitive value")}},"NWt+":function(t,e,n){var i=n("+ZMJ"),r=n("msXi"),o=n("Mhyx"),s=n("77Pl"),a=n("QRG4"),c=n("3fs2"),u={},l={},e=t.exports=function(t,e,n,h,f){var p,d,v,m,g=f?function(){return t}:c(t),y=i(n,h,e?2:1),b=0;if("function"!=typeof g)throw TypeError(t+" is not iterable!");if(o(g)){for(p=a(t.length);p>b;b++)if((m=e?y(s(d=t[b])[0],d[1]):y(t[b]))===u||m===l)return m}else for(v=g.call(t);!(d=v.next()).done;)if((m=r(v,y,d.value,e))===u||m===l)return m};e.BREAK=u,e.RETURN=l},NpIQ:function(t,e){e.f={}.propertyIsEnumerable},O4g8:function(t,e){t.exports=!0},ON07:function(t,e,n){var i=n("EqjI"),r=n("7KvD").document,o=i(r)&&i(r.createElement);t.exports=function(t){return o?r.createElement(t):{}}},OYls:function(t,e,n){n("crlp")("asyncIterator")},PzxK:function(t,e,n){var i=n("D2L2"),r=n("sB3e"),o=n("ax3d")("IE_PROTO"),s=Object.prototype;t.exports=Object.getPrototypeOf||function(t){return t=r(t),i(t,o)?t[o]:"function"==typeof t.constructor&&t instanceof t.constructor?t.constructor.prototype:t instanceof Object?s:null}},QRG4:function(t,e,n){var i=n("UuGF"),r=Math.min;t.exports=function(t){return t>0?r(i(t),9007199254740991):0}},"QWe/":function(t,e,n){n("crlp")("observable")},R4wc:function(t,e,n){var i=n("kM2E");i(i.S+i.F,"Object",{assign:n("To3L")})},R9M2:function(t,e){var n={}.toString;t.exports=function(t){return n.call(t).slice(8,-1)}},RPLV:function(t,e,n){var i=n("7KvD").document;t.exports=i&&i.documentElement},"RY/4":function(t,e,n){var i=n("R9M2"),r=n("dSzd")("toStringTag"),o="Arguments"==i(function(){return arguments}()),s=function(t,e){try{return t[e]}catch(t){}};t.exports=function(t){var e,n,a;return void 0===t?"Undefined":null===t?"Null":"string"==typeof(n=s(e=Object(t),r))?n:o?i(e):"Object"==(a=i(e))&&"function"==typeof e.callee?"Arguments":a}},Rrel:function(t,e,n){var i=n("TcQ7"),r=n("n0T6").f,o={}.toString,s="object"==typeof window&&window&&Object.getOwnPropertyNames?Object.getOwnPropertyNames(window):[],a=function(t){try{return r(t)}catch(t){return s.slice()}};t.exports.f=function(t){return s&&"[object Window]"==o.call(t)?a(t):r(i(t))}},S82l:function(t,e){t.exports=function(t){try{return!!t()}catch(t){return!0}}},SfB7:function(t,e,n){t.exports=!n("+E39")&&!n("S82l")(function(){return 7!=Object.defineProperty(n("ON07")("div"),"a",{get:function(){return 7}}).a})},TcQ7:function(t,e,n){var i=n("MU5D"),r=n("52gC");t.exports=function(t){return i(r(t))}},To3L:function(t,e,n){"use strict";var i=n("lktj"),r=n("1kS7"),o=n("NpIQ"),s=n("sB3e"),a=n("MU5D"),c=Object.assign;t.exports=!c||n("S82l")(function(){var t={},e={},n=Symbol(),i="abcdefghijklmnopqrst";return t[n]=7,i.split("").forEach(function(t){e[t]=t}),7!=c({},t)[n]||Object.keys(c({},e)).join("")!=i})?function(t,e){for(var n=s(t),c=arguments.length,u=1,l=r.f,h=o.f;c>u;)for(var f,p=a(arguments[u++]),d=l?i(p).concat(l(p)):i(p),v=d.length,m=0;v>m;)h.call(p,f=d[m++])&&(n[f]=p[f]);return n}:c},U5ju:function(t,e,n){n("M6a0"),n("zQR9"),n("+tPU"),n("CXw9"),n("EqBC"),n("jKW+"),t.exports=n("FeBl").Promise},UuGF:function(t,e){var n=Math.ceil,i=Math.floor;t.exports=function(t){return isNaN(t=+t)?0:(t>0?i:n)(t)}},V3tA:function(t,e,n){n("R4wc"),t.exports=n("FeBl").Object.assign},"VU/8":function(t,e){t.exports=function(t,e,n,i,r){var o,s=t=t||{},a=typeof t.default;"object"!==a&&"function"!==a||(o=t,s=t.default);var c="function"==typeof s?s.options:s;e&&(c.render=e.render,c.staticRenderFns=e.staticRenderFns),i&&(c._scopeId=i);var u;if(r?(u=function(t){t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,t||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),n&&n.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(r)},c._ssrRegister=u):n&&(u=n),u){var l=c.functional,h=l?c.render:c.beforeCreate;l?c.render=function(t,e){return u.call(e),h(t,e)}:c.beforeCreate=h?[].concat(h,u):[u]}return{esModule:o,exports:s,options:c}}},W2nU:function(t,e){function n(){throw new Error("setTimeout has not been defined")}function i(){throw new Error("clearTimeout has not been defined")}function r(t){if(l===setTimeout)return setTimeout(t,0);if((l===n||!l)&&setTimeout)return l=setTimeout,setTimeout(t,0);try{return l(t,0)}catch(e){try{return l.call(null,t,0)}catch(e){return l.call(this,t,0)}}}function o(t){if(h===clearTimeout)return clearTimeout(t);if((h===i||!h)&&clearTimeout)return h=clearTimeout,clearTimeout(t);try{return h(t)}catch(e){try{return h.call(null,t)}catch(e){return h.call(this,t)}}}function s(){v&&p&&(v=!1,p.length?d=p.concat(d):m=-1,d.length&&a())}function a(){if(!v){var t=r(s);v=!0;for(var e=d.length;e;){for(p=d,d=[];++m1)for(var n=1;nu;)c.call(t,s=a[u++])&&e.push(s);return e}},Xd32:function(t,e,n){n("+tPU"),n("zQR9"),t.exports=n("5PlU")},Yobk:function(t,e,n){var i=n("77Pl"),r=n("qio6"),o=n("xnc9"),s=n("ax3d")("IE_PROTO"),a=function(){},c=function(){var t,e=n("ON07")("iframe"),i=o.length;for(e.style.display="none",n("RPLV").appendChild(e),e.src="javascript:",t=e.contentWindow.document,t.open(),t.write(" \ No newline at end of file +cube-ui Document
\ No newline at end of file diff --git a/docs/js/0.7d66ed660a53f9204a70.js b/docs/js/0.7d66ed660a53f9204a70.js deleted file mode 100644 index 097aae025..000000000 --- a/docs/js/0.7d66ed660a53f9204a70.js +++ /dev/null @@ -1 +0,0 @@ -webpackJsonp([0],{442:function(t,e,n){function o(t){n(489)}var r=n(11)(n(491),n(492),o,null,null);t.exports=r.exports},489:function(t,e,n){var o=n(490);"string"==typeof o&&(o=[[t.i,o,""]]),o.locals&&(t.exports=o.locals);n(440)("e0abb45c",o,!0)},490:function(t,e,n){e=t.exports=n(439)(!1),e.push([t.i,"",""])},491:function(t,e,n){var o,r,u;!function(s,c){r=[t,e,n(140)],o=c,void 0!==(u="function"==typeof o?o.apply(e,r):o)&&(t.exports=u)}(0,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=function(t){return t&&t.__esModule?t:{default:t}}(n);e.default={components:{Viewport:o.default}},t.exports=e.default})},492:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("viewport",{attrs:{lang:"zh-CN"}})},staticRenderFns:[]}}}); \ No newline at end of file diff --git a/docs/js/0.d5ce8696d7817c1ad3a3.js b/docs/js/0.d5ce8696d7817c1ad3a3.js new file mode 100644 index 000000000..ce6ceb4b0 --- /dev/null +++ b/docs/js/0.d5ce8696d7817c1ad3a3.js @@ -0,0 +1 @@ +webpackJsonp([0],{GAIS:function(t,e,n){var o=n("rzlu");"string"==typeof o&&(o=[[t.i,o,""]]),o.locals&&(t.exports=o.locals);n("rjj0")("62f333c5",o,!0,{})},RUos:function(t,e,n){function o(t){n("GAIS")}var r=n("VU/8")(n("ZNNx"),n("VI4S"),o,null,null);t.exports=r.exports},VI4S:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("viewport",{attrs:{lang:"zh-CN"}})},staticRenderFns:[]}},ZNNx:function(t,e,n){var o,r,u;!function(s,c){r=[t,e,n("YKRY")],o=c,void 0!==(u="function"==typeof o?o.apply(e,r):o)&&(t.exports=u)}(0,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=function(t){return t&&t.__esModule?t:{default:t}}(n);e.default={components:{Viewport:o.default}},t.exports=e.default})},rzlu:function(t,e,n){e=t.exports=n("FZ+f")(!1),e.push([t.i,"",""])}}); \ No newline at end of file diff --git a/docs/js/1.34b5857f194e5f1acfb6.js b/docs/js/1.34b5857f194e5f1acfb6.js new file mode 100644 index 000000000..564ea1df0 --- /dev/null +++ b/docs/js/1.34b5857f194e5f1acfb6.js @@ -0,0 +1 @@ +webpackJsonp([1],{"+GB6":function(t,e,n){function o(t){n("1E72")}var r=n("VU/8")(n("ICiJ"),n("8iZ+"),o,null,null);t.exports=r.exports},"1E72":function(t,e,n){var o=n("H+bZ");"string"==typeof o&&(o=[[t.i,o,""]]),o.locals&&(t.exports=o.locals);n("rjj0")("2688a24f",o,!0,{})},"8iZ+":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("viewport",{attrs:{lang:"en-US"}})},staticRenderFns:[]}},"H+bZ":function(t,e,n){e=t.exports=n("FZ+f")(!1),e.push([t.i,"",""])},ICiJ:function(t,e,n){var o,r,i;!function(u,s){r=[t,e,n("YKRY")],o=s,void 0!==(i="function"==typeof o?o.apply(e,r):o)&&(t.exports=i)}(0,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=function(t){return t&&t.__esModule?t:{default:t}}(n);e.default={components:{Viewport:o.default}},t.exports=e.default})}}); \ No newline at end of file diff --git a/docs/js/1.9a6df7d97475d84c1d25.js b/docs/js/1.9a6df7d97475d84c1d25.js deleted file mode 100644 index 82d03d6b1..000000000 --- a/docs/js/1.9a6df7d97475d84c1d25.js +++ /dev/null @@ -1 +0,0 @@ -webpackJsonp([1],{441:function(e,t,n){function o(e){n(485)}var r=n(11)(n(487),n(488),o,null,null);e.exports=r.exports},485:function(e,t,n){var o=n(486);"string"==typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);n(440)("4e79e8f8",o,!0)},486:function(e,t,n){t=e.exports=n(439)(!1),t.push([e.i,"",""])},487:function(e,t,n){var o,r,u;!function(s,i){r=[e,t,n(140)],o=i,void 0!==(u="function"==typeof o?o.apply(t,r):o)&&(e.exports=u)}(0,function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=function(e){return e&&e.__esModule?e:{default:e}}(n);t.default={components:{Viewport:o.default}},e.exports=t.default})},488:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement;return(e._self._c||t)("viewport",{attrs:{lang:"en-US"}})},staticRenderFns:[]}}}); \ No newline at end of file diff --git a/docs/js/10.84084e46884fe61384e4.js b/docs/js/10.84084e46884fe61384e4.js deleted file mode 100644 index 9bcf9a994..000000000 --- a/docs/js/10.84084e46884fe61384e4.js +++ /dev/null @@ -1 +0,0 @@ -webpackJsonp([10],{476:function(s,t,a){s.exports=a(559)},559:function(s,t,a){var v=a(11)(null,a(560),null,null,null);s.exports=v.exports},560:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement;s._self._c;return s._m(0)},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",[s._v("Popup 弹层")]),s._v(" "),a("p",[s._v("底层弹层组件，主要用于基于此组件实现上层组件封装，只提供了基础功能：指定类型、是否有背景层、显示内容（HTML）以及是否居中。")]),s._v(" "),a("p",[s._v("内置所有的弹层类组件都是基于此组件实现，包括："),a("a",{attrs:{href:"#/zh-CN/docs/toast"}},[s._v("Toast")]),s._v("、"),a("a",{attrs:{href:"#/zh-CN/docs/picker"}},[s._v("Picker")]),s._v("、"),a("a",{attrs:{href:"#/zh-CN/docs/time-picker"}},[s._v("TimePicker")]),s._v("、"),a("a",{attrs:{href:"#/zh-CN/docs/dialog"}},[s._v("Dialog")]),s._v("、"),a("a",{attrs:{href:"#/zh-CN/docs/action-sheet"}},[s._v("ActionSheet")]),s._v("。")]),s._v(" "),a("h3",[s._v("示例")]),s._v(" "),a("p",[s._v("组件")]),s._v(" "),a("ul",[a("li",[s._v("基本用法"),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-popup")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"my-popup"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"myPopup"')]),s._v(">")]),s._v("\n My Popup Content 1\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"showPopup('myPopup')\"")]),s._v(">")]),s._v("\n Show Popup\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v("\n指定类型 "),a("code",{pre:!0},[s._v("type")]),s._v("，这样方便根据类型做 class 控制，如示例，会在根元素上会增加 "),a("code",{pre:!0},[s._v("cube-my-popup")]),s._v(" 的 class"),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showPopup(refId) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" component = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs[refId]\n component.show()\n setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n component.hide()\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n }\n }\n}\n")])]),s._v("\n组件默认是隐藏的，需要调用组件实例的 "),a("code",{pre:!0},[s._v("show()")]),s._v(" 方法才会显示，调用组件实例的 "),a("code",{pre:!0},[s._v("hide()")]),s._v(" 方法隐藏，这里的 "),a("code",{pre:!0},[s._v("showPopup()")]),s._v(" 就是做的这件事情（首先显示，1 秒钟后隐藏）")]),s._v(" "),a("li",[s._v("不要背景层"),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-popup")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"my-popup"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":mask")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"false"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"myPopup2"')]),s._v(">")]),s._v("\n My Popup Content 2\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"showPopup('myPopup2')\"")]),s._v(">")]),s._v("\n Show Popup - no mask\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v("\n设置 "),a("code",{pre:!0},[s._v("mask")]),s._v(" 为 "),a("code",{pre:!0},[s._v("false")]),s._v("，即不显示背景层")]),s._v(" "),a("li",[s._v("显示内容 HTML"),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-popup")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"my-popup"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":mask")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"false"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"My Popup Content 3"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"myPopup3"')]),s._v(" />")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"showPopup('myPopup3')\"")]),s._v(">")]),s._v("\n Show Popup - with content\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v("\n只需要传入 "),a("code",{pre:!0},[s._v("content")]),s._v("，内容是一段 HTML 片段")]),s._v(" "),a("li",[s._v("置底"),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-popup")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"my-popup"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":center")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"false"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"myPopup4"')]),s._v(">")]),s._v("\n My Popup Content 4\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"showPopup('myPopup4')\"")]),s._v(">")]),s._v("\n Show Popup - bottom\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v("\n考虑移动端场景，大部分时候弹层类都是居中或置底的（置底的时候是在水平方向铺满的），所以如果设置了 "),a("code",{pre:!0},[s._v("center")]),s._v(" 为 "),a("code",{pre:!0},[s._v("false")]),s._v(" 的话，就是置底的效果")]),s._v(" "),a("li",[s._v("上层封装"),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-popup")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"extend-popup"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"popup"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"cube-extend-popup-content"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"hide"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("slot")]),s._v(">")]),s._v("{{content}}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("script")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"text/ecmascript-6"')]),s._v(">")]),a("span",{attrs:{class:"javascript"}},[s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" COMPONENT_NAME = "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-extend-popup'")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v(": COMPONENT_NAME,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("props")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("String")]),s._v("\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n show() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.popup.show()\n },\n hide() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.popup.hide()\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$emit("),a("span",{attrs:{class:"hljs-string"}},[s._v("'hide'")]),s._v(")\n }\n }\n }\n")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("style")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("lang")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"stylus"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rel")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"stylesheet/stylus"')]),s._v(">")]),a("span",{attrs:{class:"css"}},[s._v("\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-extend-popup")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-extend-popup-content")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("padding")]),s._v(": 20"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("px")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-selector-id"}},[s._v("#fff")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("background-color")]),s._v(": "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("rgba")]),s._v("(0, 0, 0, "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".8")]),s._v(")\n")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v("\n这样就实现了一个上层封装的 CubeExtendPopup 组件，自带了一些样式，支持传入内容还有默认插槽，点击内容可隐藏。你可以这样使用（需要全局注册或者局部注册到使用的组件中）："),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-extend-popup")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"lala"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"extendPopup"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"$refs.extendPopup.show()"')]),s._v(">")]),s._v("\n Show Extend Popup\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])])]),s._v(" "),a("h3",[s._v("Props 配置")]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("可选值")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("type")]),s._v(" "),a("td",[s._v("弹层类型")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("''")])]),s._v(" "),a("tr",[a("td",[s._v("mask")]),s._v(" "),a("td",[s._v("是否显示背景层")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("true")])]),s._v(" "),a("tr",[a("td",[s._v("content")]),s._v(" "),a("td",[s._v("内容，HTML 字符串，在无插槽的时候有效")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("''")])]),s._v(" "),a("tr",[a("td",[s._v("center")]),s._v(" "),a("td",[s._v("是否水平垂直居中的")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("true")])])])]),s._v(" "),a("h3",[s._v("事件")]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("事件名")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("参数")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("mask-click")]),s._v(" "),a("td",[s._v("背景层点击")]),s._v(" "),a("td",[s._v("点击事件对象")])])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/10.96da8d597fad20262c6a.js b/docs/js/10.96da8d597fad20262c6a.js new file mode 100644 index 000000000..66e088573 --- /dev/null +++ b/docs/js/10.96da8d597fad20262c6a.js @@ -0,0 +1 @@ +webpackJsonp([10],{"2y7F":function(s,a,t){s.exports=t("jfD8")},WwjC:function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[t("h2",{attrs:{id:"TabBar"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-TabBar-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" TabBar")]),s._v(" "),s._m(0),s._v(" "),t("p",[s._v("选项卡。")]),s._v(" "),t("h3",{attrs:{id:"示例"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 示例")]),s._v(" "),s._m(1),s._v(" "),t("h3",{attrs:{id:"CubeTabBar"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-CubeTabBar-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CubeTabBar")]),s._v(" "),t("p",[s._v("支持默认的点击高亮效果，又支持下划线跟随的效果，并且支持自定义的插槽，实现icon与label搭配的类似于app底部选项卡的样式。")]),s._v(" "),s._m(2),s._v(" "),t("h3",{attrs:{id:"CubeTabBar&CubeTabPanels"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-CubeTabBar&CubeTabPanels-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CubeTabBar & CubeTabPanels")]),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),s._m(5),s._v(" "),s._m(6),s._v(" "),t("h3",{attrs:{id:"Props配置"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props 配置")]),s._v(" "),s._m(7),s._v(" "),t("h3",{attrs:{id:"插槽"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-插槽-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 插槽")]),s._v(" "),s._m(8),s._v(" "),t("h3",{attrs:{id:"事件"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-事件-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 事件")]),s._v(" "),s._m(9),s._v(" "),t("h3",{attrs:{id:"实例方法"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-实例方法-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 实例方法")]),s._v(" "),s._m(10)])},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("blockquote",[t("p",[s._v("1.10.0 新增")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("如下示例相关代码在"),t("a",{attrs:{href:"https://github.com/didi/cube-ui/tree/master/example/pages/tab-bar"}},[s._v("这里")]),s._v("。")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ul",[t("li",[t("p",[s._v("默认样式")]),s._v(" "),t("p",[s._v("传入如下 "),t("code",{pre:!0},[s._v("tabs")]),s._v(" 的数据结构便能初始化 "),t("code",{pre:!0},[s._v("cube-tab-bar")]),s._v("，必须使用 "),t("code",{pre:!0},[s._v("v-model")]),s._v(" 指令来选中对应的 tab， v-model 的参数的值必须与某一项 tab 的 label 属性对应（1.12.5 版本后是和 value 属性对应），icon 属性是用做于 class 选择器，一般是用字体图标样式，"),t("code",{pre:!0},[s._v("cube-tab-bar")]),s._v(" 在不同的时机派发 "),t("code",{pre:!0},[s._v("click")]),s._v(" 与 "),t("code",{pre:!0},[s._v("change")]),s._v(" 事件，参数则是每次选中的 tab 对应的 label 值（1.12.5 版本后是 value 值）。")]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-html"}},[t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-tab-bar")]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"selectedLabelDefault"')]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"tabs"')]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"clickHandler"')]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("@change")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"changeHandler"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-js"}},[t("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data () {\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("selectedLabelDefault")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Vip'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("tabs")]),s._v(": [{\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Home'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-home'")]),s._v("\n }, {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Like'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-like'")]),s._v("\n }, {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Vip'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-vip'")]),s._v("\n }, {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Me'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-person'")]),s._v("\n }]\n }\n }，\n methods: {\n clickHandler (label) {\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// if you clicked home tab, then print 'Home'")]),s._v("\n "),t("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log(label)\n },\n changeHandler (label) {\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// if you clicked different tab, this methods can be emitted")]),s._v("\n }\n }\n}\n")])])]),s._v(" "),t("li",[t("p",[s._v("自定义插槽")]),s._v(" "),t("p",[s._v("实际上我们更常见的需求是图标搭配文字效果，因此 "),t("code",{pre:!0},[s._v("cube-tab-bar")]),s._v(" 组件也支持了插槽的使用方式，\n注意必须搭配 "),t("code",{pre:!0},[s._v("cube-tab")]),s._v(" 组件作为第一层级的子组件，来包裹你自定义插槽。")]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-html"}},[t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-tab-bar")]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"selectedLabelSlots"')]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("show-slider")]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("inline")]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"clickHandler"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-tab")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"(item, index) in tabs"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":label")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item.label"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item.label"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("\x3c!-- name为icon的插槽 --\x3e")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("i")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"icon"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item.icon"')]),s._v(">")]),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("\x3c!-- 默认插槽 --\x3e")]),s._v("\n {{item.label}}\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-js"}},[t("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data () {\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("selectedLabelSlots")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Like'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("tabs")]),s._v(": [{\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Home'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-home'")]),s._v("\n }, {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Like'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-like'")]),s._v("\n }, {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Vip'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-vip'")]),s._v("\n }, {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Me'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-person'")]),s._v("\n }]\n }\n }，\n methods: {\n clickHandler (label) {\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// if you clicked home tab, then print 'Home'")]),s._v("\n "),t("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log(label)\n }\n }\n}\n")])]),s._v(" "),t("p",[s._v("同时还支持一些配置项， "),t("code",{pre:!0},[s._v("showSlider")]),s._v(" 控制是否开启下划线跟随的效果，"),t("code",{pre:!0},[s._v("inline")]),s._v(" 来决定icon与label是否处于一行，"),t("code",{pre:!0},[s._v("useTransition")]),s._v(" 控制下划线是否使用transition过渡，如示例代码所示。")])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("往往我们的需求是随着 tab 的切换显示不同的容器，这个时候需要搭配 "),t("code",{pre:!0},[s._v("cube-tab-panels")]),s._v(" 组件。"),t("code",{pre:!0},[s._v("cube-tab-panels")]),s._v(" 必须嵌套 "),t("code",{pre:!0},[s._v("cube-tab-panel")]),s._v("，传入 "),t("code",{pre:!0},[s._v("cube-tab")]),s._v(" 与 "),t("code",{pre:!0},[s._v("cube-tab-panel")]),s._v(" 的label值必须一致（1.12.5 版本后和 value 值一致），因为需要建立一个 tab 对应一个 panel 的关系。他们通过相同的 "),t("code",{pre:!0},[s._v("v-model")]),s._v(" 联动。查看效果可点击右边的 "),t("code",{pre:!0},[s._v("tab-basic")]),s._v(" 示例。")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-html"}},[t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-tab-bar")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"selectedLabel"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("show-slider")]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-tab")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"(item, index) in tabs"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":icon")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item.icon"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":label")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item.label"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item.label"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-tab-panels")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"selectedLabel"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-tab-panel")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"(item, index) in tabs"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":label")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item.label"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item.label"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"tab-panel-li"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"(hero, index) in item.heroes"')]),s._v(">")]),s._v("\n {{hero}}\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-js"}},[t("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data () {\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("selectedLabel")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'天辉'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("tabs")]),s._v(": [{\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'天辉'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-like'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("heroes")]),s._v(": ["),t("span",{attrs:{class:"hljs-string"}},[s._v("'敌法师'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'卓尔游侠'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'主宰'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'米拉娜'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'变体精灵'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'幻影长矛手'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'复仇之魂'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'力丸'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'矮人狙击手'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'圣堂刺客'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'露娜'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'赏金猎人'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'熊战士'")]),s._v("]\n }, {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'夜魇'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-star'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("heroes")]),s._v(": ["),t("span",{attrs:{class:"hljs-string"}},[s._v("'血魔'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'影魔'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'剃刀'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'剧毒术士'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'虚空假面'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'幻影刺客'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'冥界亚龙'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'克林克兹'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'育母蜘蛛'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'编织者'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'幽鬼'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'司夜刺客'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'米波'")]),s._v("]\n }]\n }\n }\n}\n")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("事实上，"),t("code",{pre:!0},[s._v("cube-tab-bar")]),s._v(" 还能搭配许多其他cube-ui的组件(cube-slide ，cube-scroll)来做出类似原生 app 布局的效果。可点击右边的 "),t("code",{pre:!0},[s._v("ScrollTab Demo")]),s._v(" 与 "),t("code",{pre:!0},[s._v("tab-composite")]),s._v(" 示例来查看效果")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ul",[t("li",[t("p",[s._v("CubeTabBar")]),s._v(" "),t("table",[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("示例")]),s._v(" "),t("th",[s._v("默认值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("value")]),s._v(" "),t("td",[s._v("使用 v-model，初始化时选中对应的 tab")]),s._v(" "),t("td",[s._v("String/Number")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("data")]),s._v(" "),t("td",[s._v("用于 "),t("code",{pre:!0},[s._v("cube-tab-bar")]),s._v(" 渲染的数据，当需要使用内置的默认插槽，此参数必传，数组的每一项是一个 Object 类型，包括 "),t("code",{pre:!0},[s._v("label")]),s._v("、"),t("code",{pre:!0},[s._v("icon")]),s._v(" 和 "),t("code",{pre:!0},[s._v("value")]),s._v("（默认值等于 "),t("code",{pre:!0},[s._v("label")]),s._v("）"),t("sup",[s._v("1.12.5+")]),s._v("，如果使用自定义插槽，可不传此值")]),s._v(" "),t("td",[s._v("Array")]),s._v(" "),t("td",[s._v("[{label: 1, value: 1, icon: 'cubeic-like'}， {label: 2, value: 2, icon: 'cubeic-like'}]")]),s._v(" "),t("td",[s._v("[]")])]),s._v(" "),t("tr",[t("td",[s._v("showSlider")]),s._v(" "),t("td",[s._v("是否开启下划线跟随效果")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td",[s._v("true/false")]),s._v(" "),t("td",[s._v("false")])]),s._v(" "),t("tr",[t("td",[s._v("inline")]),s._v(" "),t("td",[s._v("文字与图标是否显示在一行")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td",[s._v("true/false")]),s._v(" "),t("td",[s._v("false")])]),s._v(" "),t("tr",[t("td",[s._v("useTransition")]),s._v(" "),t("td",[s._v("是否开启 transition 过渡")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td",[s._v("true/false")]),s._v(" "),t("td",[s._v("true")])])])])]),s._v(" "),t("li",[t("p",[s._v("CubeTab")]),s._v(" "),t("table",[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("是否必传")]),s._v(" "),t("th",[s._v("默认值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("label")]),s._v(" "),t("td",[s._v("1.12.5 版本前作为哪个 tab 的值作为选中值，1.12.5 版本后主要用作展示")]),s._v(" "),t("td",[s._v("String/Number")]),s._v(" "),t("td",[s._v("是")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("value")]),s._v(" "),t("td",[s._v("用于判断哪个 tab 的值作为选中值"),t("sup",[s._v("1.12.5+")])]),s._v(" "),t("td",[s._v("String/Number")]),s._v(" "),t("td",[s._v("否")]),s._v(" "),t("td",[t("code",{pre:!0},[s._v("label")]),s._v(" 的值")])])])])]),s._v(" "),t("li",[t("p",[s._v("CubeTabPanels")]),s._v(" "),t("table",[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("示例")]),s._v(" "),t("th",[s._v("默认值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("value")]),s._v(" "),t("td",[s._v("使用 v-model，初始化时显示对应的 panels")]),s._v(" "),t("td",[s._v("String/Number")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("data")]),s._v(" "),t("td",[s._v("用于 "),t("code",{pre:!0},[s._v("cube-tab-panels")]),s._v(" 渲染的数据，当需要使用内置的默认插槽，此参数必传，数组的每一项是一个 Object 类型，包括 "),t("code",{pre:!0},[s._v("label")]),s._v(" 和 "),t("code",{pre:!0},[s._v("value")]),t("sup",[s._v("1.12.5+")]),s._v("，如果使用自定义插槽，可不传此值")]),s._v(" "),t("td",[s._v("Array")]),s._v(" "),t("td",[s._v("[{label: 1, value: 1}, {label: 2, value: 2}]")]),s._v(" "),t("td",[s._v("[]")])])])])]),s._v(" "),t("li",[t("p",[s._v("CubeTabPanel")]),s._v(" "),t("table",[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("是否必传")]),s._v(" "),t("th",[s._v("默认值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("label")]),s._v(" "),t("td",[s._v("用于显示 panel")]),s._v(" "),t("td",[s._v("String/Number")]),s._v(" "),t("td",[s._v("是")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("value")]),s._v(" "),t("td",[s._v("panel 的 key 值，决定了选中的值"),t("sup",[s._v("1.12.5+")])]),s._v(" "),t("td",[s._v("String/Number")]),s._v(" "),t("td",[s._v("是")]),s._v(" "),t("td",[t("code",{pre:!0},[s._v("value")]),s._v(" 的值")])])])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ul",[t("li",[t("p",[s._v("CubeTab")]),s._v(" "),t("table",[t("thead",[t("tr",[t("th",[s._v("名称")]),s._v(" "),t("th",[s._v("说明")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("default")]),s._v(" "),t("td",[t("code",{pre:!0},[s._v("cube-tab")]),s._v(" 渲染的文案")])]),s._v(" "),t("tr",[t("td",[s._v("icon")]),s._v(" "),t("td",[s._v("一般是用来添加 icon 图标")])])])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ul",[t("li",[t("p",[s._v("CubeTabBar")]),s._v(" "),t("table",[t("thead",[t("tr",[t("th",[s._v("事件名")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("参数1")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("click")]),s._v(" "),t("td",[s._v("当 tab 被点击时派发")]),s._v(" "),t("td",[s._v("点中的tab的label/value"),t("sup",[s._v("1.12.5+")]),s._v("值")])]),s._v(" "),t("tr",[t("td",[s._v("change")]),s._v(" "),t("td",[s._v("当点击不同的 tab 时派发")]),s._v(" "),t("td",[s._v("点中的tab的label/value"),t("sup",[s._v("1.12.5+")]),s._v("值")])])])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ul",[t("li",[t("p",[s._v("CubeTabBar")]),s._v(" "),t("p",[s._v("当该实例的 "),t("code",{pre:!0},[s._v("showSlider")]),s._v(" 属性设置为true，该方法才有效。")]),s._v(" "),t("table",[t("thead",[t("tr",[t("th",[s._v("方法名")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("参数类型")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("setSliderTransform")]),s._v(" "),t("td",[s._v("改变 "),t("code",{pre:!0},[s._v("cube-tab-bar")]),s._v(" 组件的下划线的 transformX，如果传 Number，会转成像素，也可以传带有单位的 String")]),s._v(" "),t("td",[s._v("Number/String")])])])])])])}]}},jfD8:function(s,a,t){var v=t("VU/8")(null,t("WwjC"),null,null,null);s.exports=v.exports}}); \ No newline at end of file diff --git a/docs/js/11.00cde17fac40aefbb39c.js b/docs/js/11.00cde17fac40aefbb39c.js deleted file mode 100644 index 97a31efa2..000000000 --- a/docs/js/11.00cde17fac40aefbb39c.js +++ /dev/null @@ -1 +0,0 @@ -webpackJsonp([11],{475:function(s,t,a){s.exports=a(557)},557:function(s,t,a){var v=a(11)(null,a(558),null,null,null);s.exports=v.exports},558:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement;s._self._c;return s._m(0)},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",[s._v("Picker组件")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("Picker")]),s._v("组件支持多列选择器及数据联动。")]),s._v(" "),a("h3",[s._v("示例")]),s._v(" "),a("ul",[a("li",[a("p",[s._v("基本用法")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showPicker"')]),s._v(">")]),s._v("Picker"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" col1Data = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'剧毒'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("}, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'蚂蚁'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'幽鬼'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(" }]\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n mounted () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".picker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createPicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker选择器-单列'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": [col1Data]\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showPicker () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".picker.show()\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("多列选择器")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showPicker"')]),s._v(">")]),s._v("Picker - multiple Columns"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" col1Data = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'剧毒'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("}, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'蚂蚁'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'幽鬼'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v(" }]\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" col2Data = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'梅肯'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'s'")]),s._v("}, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'秘法鞋'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'ss'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'假腿'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'sss'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'飞鞋'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'ssss'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'辉耀'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'sssss'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'金箍棒'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'ssssss'")]),s._v(" }]\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n mounted () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".picker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createPicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker选择器-多列'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": [col1Data, col2Data]\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showPicker () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".picker.show()\n }\n }\n}\n")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("data")]),s._v("字段接收一个数组，其长度决定了"),a("code",{pre:!0},[s._v("picker")]),s._v("的列数。")])]),s._v(" "),a("li",[a("p",[s._v("联动选择器")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showPicker"')]),s._v(">")]),s._v("Picker - linkage"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" { provinceList, cityList, areaList } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'../data/area'")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("tempIndex")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("]\n }\n },\n mounted () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".picker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createPicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker-数据联动'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".linkageData,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onChange")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("i, newIndex")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (newIndex !== "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".tempIndex[i]) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("for")]),s._v(" ("),a("span",{attrs:{class:"hljs-keyword"}},[s._v("let")]),s._v(" j = "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v("; j > i; j--) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".tempIndex.splice(j, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(")\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".picker.scrollTo(j, "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(")\n }\n\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".tempIndex.splice(i, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", newIndex)\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".picker.setData("),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".linkageData, "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".tempIndex)\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("selectedVal")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log(selectedVal)\n }\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("watch")]),s._v(": {\n linkageData() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".picker.refresh()\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("computed")]),s._v(": {\n linkageData() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" provinces = provinceList\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" cities = cityList[provinces["),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".tempIndex["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("]].value]\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" areas = areaList[cities["),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".tempIndex["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("]].value]\n\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" [provinces, cities, areas]\n }\n }\n methods: {\n showPicker () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".picker.show()\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("通过监听每个滚轴触发的"),a("code",{pre:!0},[s._v("change")]),s._v("事件，然后调用"),a("code",{pre:!0},[s._v("setData")]),s._v("方法去动态设置相关联的滚轴的值来完成联动选择的功能。")])]),s._v(" "),a("li",[a("p",[s._v("实例方法 "),a("code",{pre:!0},[s._v("setData")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showPicker"')]),s._v(">")]),s._v("Picker - setData"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" col1Data = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'剧毒'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'剧毒'")]),s._v("}, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'蚂蚁'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'蚂蚁'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'幽鬼'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'幽鬼'")]),s._v(" }]\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" col2Data = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'梅肯'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'梅肯'")]),s._v("}, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'秘法鞋'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'秘法鞋'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'假腿'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'假腿'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'飞鞋'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'飞鞋'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'辉耀'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'辉耀'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'金箍棒'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'金箍棒'")]),s._v(" }]\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" col3Data = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'输出'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'输出'")]),s._v("}, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'控制'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'控制'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'核心'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'核心'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'爆发'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'爆发'")]),s._v("}, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'辅助'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'辅助'")]),s._v(" }]\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n mounted () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".picker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createPicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker-setData'")]),s._v("\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showPicker () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".picker.setData([col1Data, col2Data, col3Data], ["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v("])\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".picker.show()\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("实例方法"),a("code",{pre:!0},[s._v("setData")]),s._v("可接受2个参数，都为数组类型。第一个参数为滚轴需要显示的数据，第二个参数为选中值的索引。")])])]),s._v(" "),a("h3",[s._v("Props 配置")]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("默认值")]),s._v(" "),a("th",[s._v("示例")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("title")]),s._v(" "),a("td",[s._v("标题")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("''")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("data")]),s._v(" "),a("td",[s._v("传入picker数据，数组的长度决定了picker的列数")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("[]")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("cancelTxt")]),s._v(" "),a("td",[s._v("picker左侧按钮文案")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'取消'")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("confirmTxt")]),s._v(" "),a("td",[s._v("picker右侧按钮文案")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'确定'")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("selectIndex")]),s._v(" "),a("td",[s._v("被选中的索引值，拉起picker后显示这个索引值对应的内容")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("[]")]),s._v(" "),a("td",[s._v("[1]")])])])]),s._v(" "),a("ul",[a("li",[a("code",{pre:!0},[s._v("data")]),s._v("子配置项")])]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("默认值")]),s._v(" "),a("th",[s._v("示例")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("text")]),s._v(" "),a("td",[s._v("picker每一列展示的文案")]),s._v(" "),a("td",[s._v("String/Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("value")]),s._v(" "),a("td",[s._v("picker每一列展示的每项文案对应的值")]),s._v(" "),a("td",[s._v("String/Number/Boolean")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])])])]),s._v(" "),a("h3",[s._v("事件")]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("事件名")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("参数1")]),s._v(" "),a("th",[s._v("参数2")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("select")]),s._v(" "),a("td",[s._v("点击确认按钮触发此事件")]),s._v(" "),a("td",[s._v("selectedVal: 当前选中项每一列的值，Array类型")]),s._v(" "),a("td",[s._v("selectedIndex: 当前选中项每一列的索引，Array类型")])]),s._v(" "),a("tr",[a("td",[s._v("change")]),s._v(" "),a("td",[s._v("滚轴滚动后触发此事件")]),s._v(" "),a("td",[s._v("index: 当前滚动列次序，Number类型")]),s._v(" "),a("td",[s._v("selectedIndex: 当前列选中项的索引，Number类型")])]),s._v(" "),a("tr",[a("td",[s._v("value-change")]),s._v(" "),a("td",[s._v("所确认的值变化时触发此事件")]),s._v(" "),a("td",[s._v("selectedVal: 当前确认项每一列的值，Array类型")]),s._v(" "),a("td",[s._v("selectedIndex: 当前确认项每一列的索引，Array类型")])]),s._v(" "),a("tr",[a("td",[s._v("cancel")]),s._v(" "),a("td",[s._v("点击取消按钮触发此事件")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])])])]),s._v(" "),a("h3",[s._v("实例方法")]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("方法名")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("参数1")]),s._v(" "),a("th",[s._v("参数2")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("setData")]),s._v(" "),a("td",[s._v("设置picker可选项")]),s._v(" "),a("td",[s._v("picker每列可选项的文案和值，Array类型")]),s._v(" "),a("td",[s._v("picker每列选中的索引，Array类型")])])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/11.fca8be0d3e957f0d81cc.js b/docs/js/11.fca8be0d3e957f0d81cc.js new file mode 100644 index 000000000..894351f0d --- /dev/null +++ b/docs/js/11.fca8be0d3e957f0d81cc.js @@ -0,0 +1 @@ +webpackJsonp([11],{cnTv:function(t,s){t.exports={render:function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("section",[a("h2",{attrs:{id:"Switch滑动开关"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Switch滑动开关-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Switch 滑动开关")]),t._v(" "),t._m(0),t._v(" "),a("p",[t._v("滑动开关，用于切换 on/off 状态。")]),t._v(" "),a("h3",{attrs:{id:"示例"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 示例")]),t._v(" "),t._m(1),t._v(" "),a("h3",{attrs:{id:"Props配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Props 配置")]),t._v(" "),t._m(2)])},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("blockquote",[a("p",[t._v("1.4.0 新增")])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("p",[t._v("基本用法")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-switch")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"value"')]),t._v(">")]),t._v("\n Switch\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("value")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n }\n }\n}\n")])]),t._v(" "),a("p",[a("code",{pre:!0},[t._v("value")]),t._v("值"),a("code",{pre:!0},[t._v("true")]),t._v("对应着 on 状态（开） ，"),a("code",{pre:!0},[t._v("value")]),t._v("值"),a("code",{pre:!0},[t._v("false")]),t._v("对应着 off 状态（关）。")])]),t._v(" "),a("li",[a("p",[t._v("禁用状态")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-switch")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"value"')]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":disabled")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"true"')]),t._v(">")]),t._v("\n Disbled Switch\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("参数")]),t._v(" "),a("th",[t._v("说明")]),t._v(" "),a("th",[t._v("类型")]),t._v(" "),a("th",[t._v("可选值")]),t._v(" "),a("th",[t._v("默认值")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("v-model")]),t._v(" "),a("td",[t._v("开关状态，双向数据绑定")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("disabled")]),t._v(" "),a("td",[t._v("是否禁用")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])])])])}]}},hpvZ:function(t,s,a){t.exports=a("nl7T")},nl7T:function(t,s,a){var e=a("VU/8")(null,a("cnTv"),null,null,null);t.exports=e.exports}}); \ No newline at end of file diff --git a/docs/js/12.09dd0315a4b4abb37d1c.js b/docs/js/12.09dd0315a4b4abb37d1c.js deleted file mode 100644 index f4909155d..000000000 --- a/docs/js/12.09dd0315a4b4abb37d1c.js +++ /dev/null @@ -1 +0,0 @@ -webpackJsonp([12],{474:function(s,a,t){s.exports=t(555)},555:function(s,a,t){var _=t(11)(null,t(556),null,null,null);s.exports=_.exports},556:function(s,a){s.exports={render:function(){var s=this,a=s.$createElement;s._self._c;return s._m(0)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[t("h2",[s._v("Loading")]),s._v(" "),t("p",[s._v("加载，提供了可自定义大小的加载动画。")]),s._v(" "),t("h3",[s._v("示例")]),s._v(" "),t("ul",[t("li",[t("p",[s._v("图标大小")]),s._v(" "),t("p",[s._v("默认大小为"),t("code",{pre:!0},[s._v("24px")]),s._v("，可通过"),t("code",{pre:!0},[s._v("size")]),s._v("属性配置")]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-html"}},[t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-loading")]),s._v(">")]),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-loading")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":size")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"28"')]),s._v(">")]),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-loading")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":size")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"34"')]),s._v(">")]),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])])]),s._v(" "),t("h3",[s._v("Props 配置")]),s._v(" "),t("table",[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("size")]),s._v(" "),t("td",[s._v("加载图标的大小，单位px")]),s._v(" "),t("td",[s._v("Number")]),s._v(" "),t("td",[s._v("24")])])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/12.599c6a91b0e604847757.js b/docs/js/12.599c6a91b0e604847757.js new file mode 100644 index 000000000..f82aea47d --- /dev/null +++ b/docs/js/12.599c6a91b0e604847757.js @@ -0,0 +1 @@ +webpackJsonp([12],{SLxX:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Swipe滑块组件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Swipe滑块组件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Swipe 滑块组件")]),s._v(" "),s._m(0),s._v(" "),a("p",[s._v("滑块组件，提供类似微信列表左滑功能，可以方便地对列表项做一些功能操作。")]),s._v(" "),a("h3",{attrs:{id:"示例"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 示例")]),s._v(" "),s._m(1),s._v(" "),s._m(2),s._v(" "),a("h3",{attrs:{id:"Props配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props 配置")]),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),s._m(5),s._v(" "),s._m(6),s._v(" "),a("h3",{attrs:{id:"事件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-事件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 事件")]),s._v(" "),s._m(7),s._v(" "),s._m(8),s._v(" "),s._m(9),s._v(" "),s._m(10),s._v(" "),s._m(11),s._v(" "),a("h3",{attrs:{id:"实例方法"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-实例方法-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 实例方法")]),s._v(" "),s._m(12),s._v(" "),s._m(13)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("1.5.0 新增")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("code",{pre:!0},[s._v("Swipe")]),s._v(" 组件的示例相关代码在"),a("a",{attrs:{href:"https://github.com/didi/cube-ui/tree/master/example/pages/swipe"}},[s._v("这里")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("基本使用")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("Swipe")]),s._v(" 组件常见的场景是搭配 "),a("code",{pre:!0},[s._v("Scroll")]),s._v(" 组件使用，既可以纵向滚动，又可以横向左滑出一些按钮对列表项做操作，当然，"),a("code",{pre:!0},[s._v("Swipe")]),s._v(" 组件也可以单独使用。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"swipe-wrapper"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-swipe")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@item-click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onItemClick"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@btn-click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onBtnClick"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"swipeData"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("swipeData")]),s._v(": [{\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("item")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'测试1'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("btns")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'clear'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'不再关注'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#c8c7cd'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'delete'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'删除'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#ff3a32'")]),s._v("\n }\n ]\n }, {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("item")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'测试2'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("btns")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'clear'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'不再关注'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#c8c7cd'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'delete'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'删除'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#ff3a32'")]),s._v("\n }\n ]\n }, {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("item")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'测试3'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("btns")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'clear'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'不再关注'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#c8c7cd'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'delete'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'删除'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#ff3a32'")]),s._v("\n }\n ]\n }]\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n onItemClick(item) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'click item:'")]),s._v(", item)\n },\n onBtnClick(btn, index) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (btn.action === "),a("span",{attrs:{class:"hljs-string"}},[s._v("'delete'")]),s._v(") {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createActionSheet({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'确认要删除吗'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("active")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": [\n {"),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'删除'")]),s._v("}\n ],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".swipeData.splice(index, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(")\n }\n }).show()\n }\n }\n }\n}\n")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("Swipe")]),s._v(" 组件如果使用默认插槽，则需要传递示例所示的数据结构。")])]),s._v(" "),a("li",[a("p",[s._v("自定义插槽")]),s._v(" "),a("p",[s._v("实际上我们更常见的需求是需要自定义列表的内容展示，因此 "),a("code",{pre:!0},[s._v("Swipe")]),s._v(" 组件也支持了插槽的使用方式。")]),s._v(" "),a("p",[s._v("默认插槽可以搭配 "),a("code",{pre:!0},[s._v("cube-swipe-item")]),s._v(" 组件实现列表的循环。自定义插槽非常灵活，但它也需要自己手动去写一些逻辑，比如如果你想要在列表删除的时候自定义动画，需要使用 "),a("code",{pre:!0},[s._v("transition-group")]),s._v("，需要手动去管理每个激活的 "),a("code",{pre:!0},[s._v("swipe-item")]),s._v(" 的收缩，如示例代码所示。")]),s._v(" "),a("ul",[a("li",[a("p",[s._v("1.11 之后")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"swipe-wrapper"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-swipe")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("transition-group")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"swipe"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("tag")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"ul"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"swipe-item-wrapper"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(data,index) in swipeData"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data.item.id"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-swipe-item")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"swipeItem"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":btns")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data.btns"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":index")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"index"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@btn-click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onBtnClick"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onItemClick(data.item, index)"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item-inner"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"icon"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("img")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("width")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"60"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("height")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"60"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":src")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data.item.imgurl"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"text"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("h2")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item-name"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-html")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data.item.name"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("p")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item-desc"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-html")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data.item.desc"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("swipeData")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("item")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("id")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'3646653877'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'还不是因为你长得不好看'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("desc")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'伤感：歌词再狠，也抵不过现实伤人'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("imgurl")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'http://p.qpic.cn/music_cover/MhQ4bJBPt3Yt5icXyBGNhyPJnE9O51CqaN72iaDgvFmDKaia12UFhU5uQ/600?n=1'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("btns")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'clear'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'不再关注'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#c8c7cd'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'delete'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'删除'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#ff3a32'")]),s._v("\n }\n ]\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("item")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("id")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'1789676645'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'秋水浮萍任飘渺'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("desc")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'『武侠配乐』快意恩仇江湖情'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("imgurl")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'http://p.qpic.cn/music_cover/8KfvDey9cibtZ5xkWxRic6vhXgdPic3wnB7reibI4pdPQBCP8u57uqcjsQ/600?n=1'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("btns")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'clear'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'不再关注'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#c8c7cd'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'delete'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'删除'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#ff3a32'")]),s._v("\n }\n ]\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("item")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("id")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'3649034125'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'念葳蕊'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("desc")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'江海迦：热恋后哼一首歌为自己悲悯的歌'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("imgurl")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'http://p.qpic.cn/music_cover/jXFicBvicUcfIWSoCNT1OrbAoHG2fqqnrJVnGV4iaLCapWUpCKqbmAicJg/600?n=1'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("btns")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'clear'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'不再关注'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#c8c7cd'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'delete'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'删除'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#ff3a32'")]),s._v("\n }\n ]\n },\n ]\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n onItemClick(item) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'click item:'")]),s._v(", item)\n },\n onBtnClick(btn, index) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (btn.action === "),a("span",{attrs:{class:"hljs-string"}},[s._v("'delete'")]),s._v(") {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createActionSheet({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'确认要删除吗'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("active")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": [\n {"),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'删除'")]),s._v("}\n ],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".swipeData.splice(index, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(")\n }\n }).show()\n } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("else")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.swipeItem[index].shrink()\n }\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("1.11 之前")]),s._v(" "),a("p",[s._v("需要自己手工处理 CubeSwipeItem 的 "),a("code",{pre:!0},[s._v("active")]),s._v(" 事件逻辑 "),a("code",{pre:!0},[s._v("onItemActive")]),s._v(" 中。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"swipe-wrapper"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-swipe")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("transition-group")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"swipe"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("tag")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"ul"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"swipe-item-wrapper"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(data,index) in swipeData"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data.item.id"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-swipe-item")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"swipeItem"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":btns")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data.btns"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":index")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"index"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@btn-click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onBtnClick"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@active")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onItemActive"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onItemClick(data.item, index)"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item-inner"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"icon"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("img")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("width")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"60"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("height")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"60"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":src")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data.item.imgurl"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"text"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("h2")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item-name"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-html")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data.item.name"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("p")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item-desc"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-html")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data.item.desc"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("swipeData")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("item")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("id")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'3646653877'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'还不是因为你长得不好看'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("desc")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'伤感：歌词再狠，也抵不过现实伤人'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("imgurl")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'http://p.qpic.cn/music_cover/MhQ4bJBPt3Yt5icXyBGNhyPJnE9O51CqaN72iaDgvFmDKaia12UFhU5uQ/600?n=1'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("btns")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'clear'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'不再关注'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#c8c7cd'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'delete'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'删除'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#ff3a32'")]),s._v("\n }\n ]\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("item")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("id")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'1789676645'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'秋水浮萍任飘渺'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("desc")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'『武侠配乐』快意恩仇江湖情'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("imgurl")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'http://p.qpic.cn/music_cover/8KfvDey9cibtZ5xkWxRic6vhXgdPic3wnB7reibI4pdPQBCP8u57uqcjsQ/600?n=1'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("btns")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'clear'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'不再关注'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#c8c7cd'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'delete'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'删除'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#ff3a32'")]),s._v("\n }\n ]\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("item")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("id")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'3649034125'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'念葳蕊'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("desc")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'江海迦：热恋后哼一首歌为自己悲悯的歌'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("imgurl")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'http://p.qpic.cn/music_cover/jXFicBvicUcfIWSoCNT1OrbAoHG2fqqnrJVnGV4iaLCapWUpCKqbmAicJg/600?n=1'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("btns")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'clear'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'不再关注'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#c8c7cd'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'delete'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'删除'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#ff3a32'")]),s._v("\n }\n ]\n },\n ]\n }\n },\n created() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".activeIndex = "),a("span",{attrs:{class:"hljs-number"}},[s._v("-1")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n onItemClick(item) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'click item:'")]),s._v(", item)\n },\n onBtnClick(btn, index) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (btn.action === "),a("span",{attrs:{class:"hljs-string"}},[s._v("'delete'")]),s._v(") {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createActionSheet({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'确认要删除吗'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("active")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": [\n {"),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'删除'")]),s._v("}\n ],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".swipeData.splice(index, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(")\n }\n }).show()\n } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("else")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.swipeItem[index].shrink()\n }\n },\n onItemActive(index) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (index === "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".activeIndex) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v("\n }\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" ("),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".activeIndex !== "),a("span",{attrs:{class:"hljs-number"}},[s._v("-1")]),s._v(") {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" activeItem = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.swipeItem["),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".activeIndex]\n activeItem.shrink()\n }\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".activeIndex = index\n }\n }\n}\n")])])])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("cube-swipe")]),s._v(" 配置")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("可选值")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("data")]),s._v(" "),a("td",[s._v("用于 "),a("code",{pre:!0},[s._v("swipe")]),s._v(" 列表渲染的数据，当需要使用内置的默认插槽，此参数必传，数组的每一项是一个 Object 类型，包括 "),a("code",{pre:!0},[s._v("item")]),s._v(" 和 "),a("code",{pre:!0},[s._v("btns")]),s._v("，这俩参数见 "),a("code",{pre:!0},[s._v("cube-swipe-item")]),s._v(" 的描述。如果使用自定义插槽，可不传此值。")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("[]")])]),s._v(" "),a("tr",[a("td",[s._v("autoShrink")]),s._v(" "),a("td",[s._v("用于当点击滑块的按钮后，是否需要自动收缩滑块，如果使用自定义插槽，则直接给 "),a("code",{pre:!0},[s._v("cube-swipe-item")]),s._v(" 传递此值即可。")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("false")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("cube-swipe-item")]),s._v(" 配置")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("可选值")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("item")]),s._v(" "),a("td",[s._v("用于 "),a("code",{pre:!0},[s._v("swipe-item")]),s._v(" 列表项渲染的数据，当需要使用内置的默认插槽，此参数必传，且需要有 "),a("code",{pre:!0},[s._v("value")]),s._v(" 和 "),a("code",{pre:!0},[s._v("text")]),s._v(" 2 个字段，分别表示数据项的值和显示的文案，但如果使用自定义插槽，可不传此值。")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("{}")])]),s._v(" "),a("tr",[a("td",[s._v("btns")]),s._v(" "),a("td",[s._v("用于 "),a("code",{pre:!0},[s._v("swipe-item")]),s._v(" 列表项渲染按钮数组，数组的每一项是一个 Object 类型，至少要包含 "),a("code",{pre:!0},[s._v("text")]),s._v(" 和 "),a("code",{pre:!0},[s._v("color")]),s._v(" 2 个字段，分别表示按钮的文案和颜色。")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("[]")])]),s._v(" "),a("tr",[a("td",[s._v("index")]),s._v(" "),a("td",[s._v("表示当前的 "),a("code",{pre:!0},[s._v("swpie-item")]),s._v(" 在整个列表中的索引值，必传。")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-1")])]),s._v(" "),a("tr",[a("td",[s._v("autoShrink")]),s._v(" "),a("td",[s._v("用于当点击滑块的按钮后，是否需要自动收缩滑块。")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("false")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("cube-swipe")]),s._v(" 事件")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("当使用自定义插槽时，直接监听 "),a("code",{pre:!0},[s._v("cube-swipe-item")]),s._v(" 上的事件即可。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("事件名")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("参数1")]),s._v(" "),a("th",[s._v("参数2")]),s._v(" "),a("th",[s._v("参数3")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("item-click")]),s._v(" "),a("td",[s._v("当列表项目被点击时派发")]),s._v(" "),a("td",[s._v("点击的列表项")]),s._v(" "),a("td",[s._v("点击项在列表中的索引")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("btn-click")]),s._v(" "),a("td",[s._v("当按钮被点击时派发")]),s._v(" "),a("td",[s._v("点击的按钮")]),s._v(" "),a("td",[s._v("点击按钮在列表中的索引")]),s._v(" "),a("td",[s._v("列表项"),a("sup",[s._v("1.9.7")])])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("cube-swipe-item")]),s._v(" 事件")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("事件名")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("参数1")]),s._v(" "),a("th",[s._v("参数2")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("item-click")]),s._v(" "),a("td",[s._v("当列表项目被点击时派发")]),s._v(" "),a("td",[s._v("点击的列表项")]),s._v(" "),a("td",[s._v("点击项在列表中的索引")])]),s._v(" "),a("tr",[a("td",[s._v("btn-click")]),s._v(" "),a("td",[s._v("当按钮被点击时派发")]),s._v(" "),a("td",[s._v("点击的按钮")]),s._v(" "),a("td",[s._v("点击按钮在列表中的索引")])]),s._v(" "),a("tr",[a("td",[s._v("active")]),s._v(" "),a("td",[s._v("当开始滑动某个列表项目时派发")]),s._v(" "),a("td",[s._v("激活项在列表中的索引")]),s._v(" "),a("td",[s._v("-")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("cube-swipe-item")]),s._v(" 实例方法")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("方法名")]),s._v(" "),a("th",[s._v("说明")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("shrink")]),s._v(" "),a("td",[s._v("收缩该滑块项")])])])])}]}},YVHs:function(s,t,a){s.exports=a("wCYs")},wCYs:function(s,t,a){var n=a("VU/8")(null,a("SLxX"),null,null,null);s.exports=n.exports}}); \ No newline at end of file diff --git a/docs/js/13.238568fdec73355962fb.js b/docs/js/13.238568fdec73355962fb.js new file mode 100644 index 000000000..8d1972cea --- /dev/null +++ b/docs/js/13.238568fdec73355962fb.js @@ -0,0 +1 @@ +webpackJsonp([13],{Ci88:function(t,s){t.exports={render:function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("section",[a("h2",{attrs:{id:"style模块"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-style模块-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" style 模块")]),t._v(" "),a("p",[t._v("style 模块主要包含就是样式部分，包含内置 icon、基础的 reset 以及基础通用样式。")]),t._v(" "),a("h3",{attrs:{id:"内置icon"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-内置icon-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 内置 icon")]),t._v(" "),t._m(0),t._v(" "),t._m(1),t._v(" "),a("p",[t._v("内置 icon 有 65 个：")]),t._v(" "),t._m(2),t._v(" "),a("h3",{attrs:{id:"reset.css"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-reset.css-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" reset.css")]),t._v(" "),t._m(3),t._v(" "),t._m(4),t._v(" "),a("h3",{attrs:{id:"base.css"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-base.css-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" base.css")]),t._v(" "),t._m(5),t._v(" "),t._m(6)])},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("图标是利用 "),a("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face"}},[t._v("font-face")]),t._v(" 规则自定义字体 "),a("code",{pre:!0},[t._v('"cube-icon"')]),t._v(" 实现的。")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("使用的时候只需要加入对应的类名即可，例如 alert 图标，可以这样用："),a("code",{pre:!0},[t._v('')]),t._v("。")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),a("th",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),a("th",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),a("th",{staticStyle:{"text-align":"center"}},[t._v("-")])])]),t._v(" "),a("tbody",[a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-eye-invisible"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-eye-visible"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-person"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-select"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-pulldown"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-pullup"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-back"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-arrow"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-more"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-close"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-warn"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-question"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-right"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-wrong"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-add"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-remove"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-info"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-share"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-no-wifi"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-wifi"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-sad"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-smile"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-game"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-email"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-hot"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-notification"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-delete"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-vip"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-mute"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-volume"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-good"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-bad"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-mobile-phone"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-aim"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-navigation"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-safe-pay"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-tag"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-lock"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-unlock"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-edit"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-scan"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-qr-code"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-calendar"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-time"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-red-packet"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-star"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-setting"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-home"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-credit-card"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-mall"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-microphone"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-search"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-danger"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-alert"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-picture"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-message"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-phone"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-location"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-like"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-camera"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-square-right"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-square-border"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-round-border"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-ok"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-important"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}}),t._v(" "),a("td",{staticStyle:{"text-align":"center"}}),t._v(" "),a("td",{staticStyle:{"text-align":"center"}})])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("源码地址："),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/src/common/stylus/reset.styl"}},[t._v("reset")]),t._v("，使用的就是 Eric Meyer's Reset CSS。")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-stylus"}},[a("span",{attrs:{class:"hljs-comment"}},[t._v("/**\n * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)\n * http://cssreset.com\n */")]),t._v("\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("html")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("body")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("div")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("span")]),t._v(", applet, "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("object")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("iframe")]),t._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("h1")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("h2")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("h3")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("h4")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("h5")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("h6")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("p")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("blockquote")]),t._v(", pre,\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("a")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("abbr")]),t._v(", acronym, "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("address")]),t._v(", big, "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("cite")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("code")]),t._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("del")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("dfn")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("em")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("img")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("ins")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("kbd")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("q")]),t._v(", s, "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("samp")]),t._v(",\nsmall, strike, "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("strong")]),t._v(", sub, "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("sup")]),t._v(", tt, "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("var")]),t._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("b")]),t._v(", u, "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("i")]),t._v(", center,\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("dl")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("dt")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("dd")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("ol")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("ul")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("li")]),t._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("fieldset")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("form")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("label")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("legend")]),t._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("table")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("caption")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("tbody")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("tfoot")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("thead")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("tr")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("th")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("td")]),t._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("article")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("aside")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("canvas")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("details")]),t._v(", embed,\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("figure")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("figcaption")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("footer")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("header")]),t._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("menu")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("nav")]),t._v(", output, ruby, "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("section")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("summary")]),t._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("time")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("mark")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("audio")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("video")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("input")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("margin")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("padding")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("border")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("font-size")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("100%")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("font-weight")]),t._v(": normal\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("vertical-align")]),t._v(": baseline\n\n"),a("span",{attrs:{class:"hljs-comment"}},[t._v("/* HTML5 display-role reset for older browsers */")]),t._v("\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("article")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("aside")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("details")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("figcaption")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("figure")]),t._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("footer")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("header")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("menu")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("nav")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("section")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("display")]),t._v(": block\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("body")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("line-height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1")]),t._v("\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("blockquote")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("q")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("quotes")]),t._v(": none\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("blockquote")]),t._v(":before, "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("blockquote")]),t._v(":after,\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("q")]),t._v(":before, "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("q")]),t._v(":after\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("content")]),t._v(": none\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("table")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("border-collapse")]),t._v(": collapse\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("border-spacing")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n\n"),a("span",{attrs:{class:"hljs-comment"}},[t._v("/* custom */")]),t._v("\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("a")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("color")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("#7e8c8d")]),t._v("\n -webkit-"),a("span",{attrs:{class:"hljs-attribute"}},[t._v("backface-visibility")]),t._v(": hidden\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("text-decoration")]),t._v(": none\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("li")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("list-style")]),t._v(": none\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("body")]),t._v("\n -webkit-text-size-adjust: "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("none")]),t._v("\n -webkit-tap-highlight-"),a("span",{attrs:{class:"hljs-attribute"}},[t._v("color")]),t._v(": rgba("),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(", "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(", "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(", "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(")\n")])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("源码地址："),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/src/common/stylus/base.styl"}},[t._v("base")]),t._v("，主要包含的就是 "),a("code",{pre:!0},[t._v("html")]),t._v(", "),a("code",{pre:!0},[t._v("body")]),t._v(" 元素的 "),a("code",{pre:!0},[t._v("font-family")]),t._v(", "),a("code",{pre:!0},[t._v("line-height")]),t._v(" 等的设定，修正浮动影响的 "),a("code",{pre:!0},[t._v(".clear-fix")]),t._v("，以及上下左右四个边框的绝对 1px 边框的 class："),a("code",{pre:!0},[t._v(".border-top-1px")]),t._v(", "),a("code",{pre:!0},[t._v(".border-right-1px")]),t._v(", "),a("code",{pre:!0},[t._v(".border-bottom-1px")]),t._v(", "),a("code",{pre:!0},[t._v(".border-left-1px")]),t._v("。")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-stylus"}},[t._v("@require "),a("span",{attrs:{class:"hljs-string"}},[t._v('"./variable.styl"')]),t._v("\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("body")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("html")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("line-height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("font-family")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'PingFang SC'")]),t._v(", "),a("span",{attrs:{class:"hljs-string"}},[t._v("'STHeitiSC-Light'")]),t._v(", "),a("span",{attrs:{class:"hljs-string"}},[t._v("'Helvetica-Light'")]),t._v(", arial, sans-serif, "),a("span",{attrs:{class:"hljs-string"}},[t._v("'Droid Sans Fallback'")]),t._v("\n user-select: "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("none")]),t._v("\n -webkit-tap-highlight-"),a("span",{attrs:{class:"hljs-attribute"}},[t._v("color")]),t._v(": transparent\n\n"),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".clear-fix")]),t._v("\n &::after\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v('""')]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("display")]),t._v(": table\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("clear")]),t._v(": both\n\n"),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-top-1px")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-right-1px")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-bottom-1px")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-left-1px")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("position")]),t._v(": relative\n &::before, &::after\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v('""')]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("display")]),t._v(": block\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("position")]),t._v(": absolute\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform-origin")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(" "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n\n"),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-top-1px")]),t._v("\n &::before\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("border-top")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1px")]),t._v(" solid "),a("span",{attrs:{class:"hljs-variable"}},[t._v("$color")]),t._v("-row-line\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("left")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("top")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("width")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("100%")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform-origin")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(" top\n\n"),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-right-1px")]),t._v("\n &::after\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("border-right")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1px")]),t._v(" solid "),a("span",{attrs:{class:"hljs-variable"}},[t._v("$color")]),t._v("-col-line\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("top")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("right")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("100%")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform-origin")]),t._v(": right "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n\n"),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-bottom-1px")]),t._v("\n &::after\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("border-bottom")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1px")]),t._v(" solid "),a("span",{attrs:{class:"hljs-variable"}},[t._v("$color")]),t._v("-row-line\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("left")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("bottom")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("width")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("100%")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform-origin")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(" bottom\n\n"),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-left-1px")]),t._v("\n &::before\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("border-left")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1px")]),t._v(" solid "),a("span",{attrs:{class:"hljs-variable"}},[t._v("$color")]),t._v("-col-line\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("top")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("left")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("100%")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform-origin")]),t._v(": left "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n\n@media (min-resolution: "),a("span",{attrs:{class:"hljs-number"}},[t._v("2dppx")]),t._v(")\n "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-top-1px")]),t._v("\n &::before\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("width")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("200%")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform")]),t._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[t._v("5")]),t._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(")\n "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-right-1px")]),t._v("\n &::after\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("200%")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform")]),t._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[t._v("5")]),t._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(")\n "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-bottom-1px")]),t._v("\n &::after\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("width")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("200%")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform")]),t._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[t._v("5")]),t._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(")\n "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-left-1px")]),t._v("\n &::before\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("200%")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform")]),t._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[t._v("5")]),t._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(")\n\n@media (min-resolution: "),a("span",{attrs:{class:"hljs-number"}},[t._v("3dppx")]),t._v(")\n "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-top-1px")]),t._v("\n &::before\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("width")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("300%")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform")]),t._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[t._v("333")]),t._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(")\n "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-right-1px")]),t._v("\n &::after\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("300%")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform")]),t._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[t._v("333")]),t._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(")\n "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-bottom-1px")]),t._v("\n &::after\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("width")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("300%")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform")]),t._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[t._v("333")]),t._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(")\n "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-left-1px")]),t._v("\n &::before\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("300%")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform")]),t._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[t._v("333")]),t._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(")\n")])])}]}},"eaw/":function(t,s,a){var e=a("VU/8")(null,a("Ci88"),null,null,null);t.exports=e.exports},rDWR:function(t,s,a){t.exports=a("eaw/")}}); \ No newline at end of file diff --git a/docs/js/13.8d04e22c00408c003430.js b/docs/js/13.8d04e22c00408c003430.js deleted file mode 100644 index 219da50df..000000000 --- a/docs/js/13.8d04e22c00408c003430.js +++ /dev/null @@ -1 +0,0 @@ -webpackJsonp([13],{473:function(s,t,a){s.exports=a(553)},553:function(s,t,a){var v=a(11)(null,a(554),null,null,null);s.exports=v.exports},554:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement;s._self._c;return s._m(0)},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",[s._v("介绍")]),s._v(" "),a("p",[s._v("cube-ui 是基于 Vue.js 实现的精致移动端组件库。")]),s._v(" "),a("h3",[s._v("特性")]),s._v(" "),a("ul",[a("li",[a("p",[a("strong",[s._v("质量可靠")])]),s._v(" "),a("p",[s._v("由滴滴内部组件库精简提炼而来，经历了业务一年多的考验，并且每个组件都有充分单元测试，为后续集成提供保障。")])]),s._v(" "),a("li",[a("p",[a("strong",[s._v("体验极致")])]),s._v(" "),a("p",[s._v("以迅速响应、动画流畅、接近原生为目标，在交互体验方面追求极致。")])]),s._v(" "),a("li",[a("p",[a("strong",[s._v("标准规范")])]),s._v(" "),a("p",[s._v("遵循统一的设计交互标准，高度还原设计效果；接口标准化，统一规范使用方式，开发更加简单高效。")])]),s._v(" "),a("li",[a("p",[a("strong",[s._v("扩展性强")])]),s._v(" "),a("p",[s._v("支持按需引入和"),a("a",{attrs:{href:"#/zh-CN/docs/post-compile"}},[s._v("后编译")]),s._v("，轻量灵活；扩展性强，可以方便地基于现有组件实现二次开发。")])])]),s._v(" "),a("h3",[s._v("组件")]),s._v(" "),a("h4",[s._v("基础")]),s._v(" "),a("ul",[a("li",[a("a",{attrs:{href:"#/zh-CN/docs/button"}},[s._v("Button 按钮")])]),s._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/checkbox"}},[s._v("Checkbox 复选框")])]),s._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/checkbox-group"}},[s._v("CheckboxGroup 复选框组")])]),s._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/loading"}},[s._v("Loading 加载中")])]),s._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/tip"}},[s._v("Tip 提示")])])]),s._v(" "),a("h4",[s._v("弹层")]),s._v(" "),a("ul",[a("li",[a("a",{attrs:{href:"#/zh-CN/docs/popup"}},[s._v("Popup")])]),s._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/toast"}},[s._v("Toast 提醒")])]),s._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/picker"}},[s._v("Picker 选择器")])]),s._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/time-picker"}},[s._v("TimePicker 时间选择器")])]),s._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/dialog"}},[s._v("Dialog 弹框")])]),s._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/action-sheet"}},[s._v("ActionSheet 操作菜单")])])]),s._v(" "),a("p",[s._v("所有的弹层类组件可以通过组件调用和 API 调用，来看示例（"),a("code",{pre:!0},[s._v("Toast")]),s._v(" 为例）：")]),s._v(" "),a("p",[s._v("组件调用：")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showToast"')]),s._v(">")]),s._v("show toast"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-toast")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"toast"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":txt")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"toastTxt"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("script")]),s._v(">")]),a("span",{attrs:{class:"javascript"}},[s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("toastTxt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'toast content'")]),s._v("\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showToast() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.toast.show()\n }\n }\n }\n")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("p",[s._v("API 调用：")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showToast"')]),s._v(">")]),s._v("show toast"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("script")]),s._v(">")]),a("span",{attrs:{class:"javascript"}},[s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("toastTxt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'toast content'")]),s._v("\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showToast() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".toastTxt\n }).show()\n }\n }\n }\n")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("p",[s._v("两种方式都可以，但是我们推荐后者，通过 "),a("code",{pre:!0},[s._v("$createXxYy")]),s._v(" API 来调用；通过 API 调用的话，这个弹框是附加到 "),a("code",{pre:!0},[s._v("body")]),s._v(" 元素下的，这样的好处是可以不受外层样式的影响，因为组件调用的话，很容易受到外层 "),a("code",{pre:!0},[s._v("transform")]),s._v(", "),a("code",{pre:!0},[s._v("overflow")]),s._v(" 等样式的影响。")]),s._v(" "),a("p",[s._v("注意这个 API 的名字的组合就是："),a("code",{pre:!0},[s._v("$create")]),s._v(" + "),a("code",{pre:!0},[s._v("${组件名字}")]),s._v("，例如 "),a("code",{pre:!0},[s._v("ActionSheet")]),s._v(" 组件的话，API 名字就是 "),a("code",{pre:!0},[s._v("$createActionSheet")]),s._v("。")]),s._v(" "),a("h4",[s._v("滚动")]),s._v(" "),a("ul",[a("li",[a("a",{attrs:{href:"#/zh-CN/docs/scroll"}},[s._v("Scroll 滚动")])]),s._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/slide"}},[s._v("Slide 幻灯片")])]),s._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/index-list"}},[s._v("IndexList 索引列表")])])]),s._v(" "),a("p",[s._v("滚动类组件都是基于 "),a("a",{attrs:{href:"https://github.com/ustbhuangyi/better-scroll"}},[s._v("better-scroll")]),s._v(" 实现，而 "),a("code",{pre:!0},[s._v("Scroll")]),s._v(" 组件就是对 better-scroll 的封装。")]),s._v(" "),a("h3",[s._v("模块")]),s._v(" "),a("p",[s._v("除了组件之外，cube-ui 还有一些特殊的模块。")]),s._v(" "),a("h4",[s._v("style")]),s._v(" "),a("p",[s._v("样式部分，如果你是在按需引入使用的场景下，那么建议在入口文件处也要引入这个模块，因为它包含基础的 reset、基础通用样式以及内置 icon。")]),s._v(" "),a("p",[s._v("详见 "),a("a",{attrs:{href:"#/zh-CN/docs/style"}},[s._v("style 模块")]),s._v("。")]),s._v(" "),a("h4",[s._v("create-api")]),s._v(" "),a("p",[s._v("有些时候，开发者可能也需要自己封装的组件支持 API 式调用，此时可以通过引入 create-api 模块或者通过全局的 "),a("code",{pre:!0},[s._v("Cube.createAPI")]),s._v(" 接口来达到封装目的。")]),s._v(" "),a("p",[s._v("详见 "),a("a",{attrs:{href:"#/zh-CN/docs/create-api"}},[s._v("create-api 模块")]),s._v("。")]),s._v(" "),a("h4",[s._v("better-scroll")]),s._v(" "),a("p",[a("a",{attrs:{href:"https://github.com/ustbhuangyi/better-scroll"}},[s._v("better-scroll")]),s._v(" 是组件库依赖的一个库，为了避免重复引入问题，我们暴露出了这个模块。")]),s._v(" "),a("p",[s._v("详见 "),a("a",{attrs:{href:"#/zh-CN/docs/better-scroll"}},[s._v("better-scroll 模块")]),s._v("。")])])}]}}}); \ No newline at end of file diff --git a/docs/js/14.8169734f6fff551b413b.js b/docs/js/14.8169734f6fff551b413b.js deleted file mode 100644 index 72753951f..000000000 --- a/docs/js/14.8169734f6fff551b413b.js +++ /dev/null @@ -1 +0,0 @@ -webpackJsonp([14],{472:function(s,t,a){s.exports=a(551)},551:function(s,t,a){var n=a(11)(null,a(552),null,null,null);s.exports=n.exports},552:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement;s._self._c;return s._m(0)},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",[s._v("安装")]),s._v(" "),a("h3",[s._v("NPM")]),s._v(" "),a("p",[s._v("推荐使用 NPM 安装"),a("code",{pre:!0},[s._v("cube-ui")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-shell"}},[a("span",{attrs:{class:"hljs-meta"}},[s._v("$")]),a("span",{attrs:{class:"bash"}},[s._v(" npm install cube-ui")]),s._v("\n")])]),s._v(" "),a("h3",[s._v("CDN")]),s._v(" "),a("p",[s._v("也可通过 unpkg.com 获取资源，用标签引入 js 和 css 文件使用。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("script")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("src")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"https://unpkg.com/cube-ui/lib/cube.min.js"')]),s._v(">")]),a("span",{attrs:{class:"undefined"}}),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("link")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rel")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"stylesheet"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("href")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"https://unpkg.com/cube-ui/lib/cube.min.css"')]),s._v(">")]),s._v("\n")])]),s._v(" "),a("h3",[s._v("版本日志")]),s._v(" "),a("p",[s._v("版本的更新日志见 "),a("a",{attrs:{href:"https://github.com/didi/cube-ui/releases"}},[s._v("GitHub")])])])}]}}}); \ No newline at end of file diff --git a/docs/js/14.c3cc516b23ecc8d821aa.js b/docs/js/14.c3cc516b23ecc8d821aa.js new file mode 100644 index 000000000..b4f3c3b9a --- /dev/null +++ b/docs/js/14.c3cc516b23ecc8d821aa.js @@ -0,0 +1 @@ +webpackJsonp([14],{"3wyd":function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[t("h2",{attrs:{id:"Sticky组件"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-Sticky组件-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Sticky 组件")]),s._v(" "),s._m(0),s._v(" "),t("p",[s._v("吸附组件，当滚动位置到达目标元素位置后，目标元素就会自动吸附。")]),s._v(" "),t("h3",{attrs:{id:"示例"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 示例")]),s._v(" "),s._m(1),s._v(" "),t("h3",{attrs:{id:"Props"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-Props-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props")]),s._v(" "),t("h4",{attrs:{id:"CubeSticky"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-CubeSticky-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CubeSticky")]),s._v(" "),s._m(2),s._v(" "),t("h4",{attrs:{id:"CubeStickyEle"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-CubeStickyEle-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CubeStickyEle")]),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),t("h3",{attrs:{id:"插槽"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-插槽-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 插槽")]),s._v(" "),s._m(5),s._v(" "),t("h3",{attrs:{id:"事件"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-事件-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 事件")]),s._v(" "),s._m(6),s._v(" "),t("h3",{attrs:{id:"实例方法"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-实例方法-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 实例方法")]),s._v(" "),s._m(7)])},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("blockquote",[t("p",[s._v("1.10.0 新增")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ul",[t("li",[t("p",[s._v("综合使用 - Scroll")]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-html"}},[t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":pos")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"scrollY"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":scroll-events")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"scrollEvents"')]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("@scroll")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"scrollHandler"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("title"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("ele-key")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"11"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"sticky-header"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("111"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item in items"')]),s._v(">")]),s._v("{{item}}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("ele-key")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"22"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"sticky-header"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("222"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("222"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item in items2"')]),s._v(">")]),s._v("{{item}}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("ele-key")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"33"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"sticky-header"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("333"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item in items3"')]),s._v(">")]),s._v("{{item}}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"fixed"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("slot-scope")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"props"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"sticky-header"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("{{props.current}}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-js"}},[t("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" _data = [\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'😀 😁 😂 🤣 😃 😄 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🙂 🤗 🤩 🤔 🤨 😐 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'😔 😕 🙃 🤑 😲 ☹️ '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🐣 🐣 🐣 🐣 🐣 🐣 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🐥 🐥 🐥 🐥 🐥 🐥 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🤓 🤓 🤓 🤓 🤓 🤓 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🦔 🦔 🦔 🦔 🦔 🦔 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🙈 🙈 🙈 🙈 🙈 🙈 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🚖 🚖 🚖 🚖 🚖 🚖 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 '")]),s._v("\n]\n"),t("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("scrollEvents")]),s._v(": ["),t("span",{attrs:{class:"hljs-string"}},[s._v("'scroll'")]),s._v("],\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("scrollY")]),s._v(": "),t("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("items")]),s._v(": _data.concat(),\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("items2")]),s._v(": _data.concat(),\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("items3")]),s._v(": _data.concat()\n }\n },\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n scrollHandler({ y }) {\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".scrollY = -y\n }\n }\n}\n")])]),s._v(" "),t("p",[t("code",{pre:!0},[s._v("cube-sticky")]),s._v(" 需要和 "),t("code",{pre:!0},[s._v("cube-sticky-ele")]),s._v(" 组件配合使用。")]),s._v(" "),t("p",[t("code",{pre:!0},[s._v("cube-sticky")]),s._v(" 组件依赖 "),t("code",{pre:!0},[s._v("pos")]),s._v(" Prop 来指定当前实时位置，由于 Scroll 组件中派发的 "),t("code",{pre:!0},[s._v("y")]),s._v(" 为负值，所以我们需要将其转换为滚动位置，直接取 "),t("code",{pre:!0},[s._v("-y")]),s._v(" 即可。")]),s._v(" "),t("p",[t("code",{pre:!0},[s._v("cube-sticky-ele")]),s._v(" 组件的 "),t("code",{pre:!0},[s._v("ele-key")]),s._v(" Prop 是可选的，用于指定当前吸附元素的 key 值，默认为当前组件的索引值，即在 "),t("code",{pre:!0},[s._v("cube-sticky")]),s._v(" 组件中的第几个 "),t("code",{pre:!0},[s._v("cube-sticky-ele")]),s._v("。")]),s._v(" "),t("p",[s._v("我们还可以利用 "),t("code",{pre:!0},[s._v("cube-sticky")]),s._v(" 组件的 "),t("code",{pre:!0},[s._v("fixed")]),s._v(" 插槽实现自定义吸附效果，如果没有插槽的话，内部默认会将吸附的 "),t("code",{pre:!0},[s._v("cube-sticky-ele")]),s._v(" 的内容显示出来。")])]),s._v(" "),t("li",[t("p",[s._v("综合使用 - Native Scroll")]),s._v(" "),t("p",[s._v("利用原生滚动实现效果。")]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-html"}},[t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":pos")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"scrollY"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":check-top")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"checkTop"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"scroll-ele"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("@scroll")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"scrollHandler"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("title"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"sticky-header"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("111"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item in items"')]),s._v(">")]),s._v("{{item}}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"sticky-header"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("222"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("222"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item in items2"')]),s._v(">")]),s._v("{{item}}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"sticky-header"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("333"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item in items3"')]),s._v(">")]),s._v("{{item}}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-js"}},[t("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" _data = [\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'😀 😁 😂 🤣 😃 😄 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🙂 🤗 🤩 🤔 🤨 😐 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'😔 😕 🙃 🤑 😲 ☹️ '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🐣 🐣 🐣 🐣 🐣 🐣 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🐥 🐥 🐥 🐥 🐥 🐥 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🤓 🤓 🤓 🤓 🤓 🤓 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🦔 🦔 🦔 🦔 🦔 🦔 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🙈 🙈 🙈 🙈 🙈 🙈 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🚖 🚖 🚖 🚖 🚖 🚖 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 '")]),s._v("\n]\n\n"),t("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("scrollY")]),s._v(": "),t("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("checkTop")]),s._v(": "),t("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("items")]),s._v(": _data.concat(),\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("items2")]),s._v(": _data.concat(),\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("items3")]),s._v(": _data.concat()\n }\n },\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n scrollHandler(e) {\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".scrollY = e.currentTarget.scrollTop\n }\n }\n}\n")])]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-stylus"}},[t("span",{attrs:{class:"hljs-selector-class"}},[s._v(".scroll-ele")]),s._v("\n "),t("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),t("span",{attrs:{class:"hljs-number"}},[s._v("100%")]),s._v("\n "),t("span",{attrs:{class:"hljs-attribute"}},[s._v("overflow")]),s._v(": auto\n -webkit-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("overflow")]),s._v("-scrolling: touch\n "),t("span",{attrs:{class:"hljs-attribute"}},[s._v("background-color")]),s._v(": "),t("span",{attrs:{class:"hljs-number"}},[s._v("#fff")]),s._v("\n")])]),s._v(" "),t("p",[s._v("这个示例展示的就是利用原生滚动实现吸附效果的。")]),s._v(" "),t("p",[t("code",{pre:!0},[s._v("check-top")]),s._v(" Prop 则是用来控制检查条件的，默认为 "),t("code",{pre:!0},[s._v("true")]),s._v("，意味着当 "),t("code",{pre:!0},[s._v("cube-sticky-ele")]),s._v(" 元素的顶部达到 "),t("code",{pre:!0},[s._v("cube-sticky")]),s._v(" 的顶部的时候就会被吸附；这个例子中我们设置为了 "),t("code",{pre:!0},[s._v("false")]),s._v("，意味着当 "),t("code",{pre:!0},[s._v("cube-sticky-ele")]),s._v(" 的底部达到 "),t("code",{pre:!0},[s._v("cube-sticky")]),s._v(" 的顶部的时候会被吸附。")])]),s._v(" "),t("li",[t("p",[s._v("模拟微信效果 - WeChat")]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-html"}},[t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky")]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":pos")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"scrollY"')]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":check-top")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"checkTop"')]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("fixed-show-ani")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"sticky-fixed-show"')]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("@diff-change")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"diffChange"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":scroll-events")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"scrollEvents"')]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("@scroll")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"scrollHandler"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("img")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("src")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"https://ss3.bdstatic.com/iPoZeXSm1A5BphGlnYG/skin/6.jpg"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"sticky-header"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("111"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item in items"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"border-top-1px"')]),s._v(">")]),s._v("{{item}}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item in items2"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"border-top-1px"')]),s._v(">")]),s._v("{{item}}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item in items3"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"border-top-1px"')]),s._v(">")]),s._v("{{item}}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"sticky-header"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"fixed"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"stickyHeader"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("header"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-js"}},[t("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" _data = [\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'😀 😁 😂 🤣 😃 😄 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🙂 🤗 🤩 🤔 🤨 😐 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'😔 😕 🙃 🤑 😲 ☹️ '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🐣 🐣 🐣 🐣 🐣 🐣 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🐥 🐥 🐥 🐥 🐥 🐥 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🤓 🤓 🤓 🤓 🤓 🤓 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🦔 🦔 🦔 🦔 🦔 🦔 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🙈 🙈 🙈 🙈 🙈 🙈 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🚖 🚖 🚖 🚖 🚖 🚖 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 '")]),s._v("\n]\n\n"),t("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("scrollEvents")]),s._v(": ["),t("span",{attrs:{class:"hljs-string"}},[s._v("'scroll'")]),s._v("],\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("scrollY")]),s._v(": "),t("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("checkTop")]),s._v(": "),t("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("items")]),s._v(": _data.concat(),\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("items2")]),s._v(": _data.concat(),\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("items3")]),s._v(": _data.concat()\n }\n },\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n scrollHandler({ y }) {\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".scrollY = -y\n },\n diffChange() {\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("let")]),s._v(" opacity = "),t("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (height) {\n opacity = diff / height\n }\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.stickyHeader.style.opacity = opacity\n }\n }\n}\n")])]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-stylus"}},[t("span",{attrs:{class:"hljs-selector-class"}},[s._v(".sticky-fixed-show-enter")]),s._v(", "),t("span",{attrs:{class:"hljs-selector-class"}},[s._v(".sticky-fixed-show-leave-active")]),s._v("\n "),t("span",{attrs:{class:"hljs-attribute"}},[s._v("transform")]),s._v(": translate("),t("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", -"),t("span",{attrs:{class:"hljs-number"}},[s._v("100%")]),s._v(")\n"),t("span",{attrs:{class:"hljs-selector-class"}},[s._v(".sticky-fixed-show-enter-active")]),s._v(", "),t("span",{attrs:{class:"hljs-selector-class"}},[s._v(".sticky-fixed-show-leave-active")]),s._v("\n "),t("span",{attrs:{class:"hljs-attribute"}},[s._v("transition")]),s._v(": all ."),t("span",{attrs:{class:"hljs-number"}},[s._v("5s")]),s._v(" ease-in-out\n")])]),s._v(" "),t("p",[s._v("可以通过 "),t("code",{pre:!0},[s._v("fixed-show-ani")]),s._v(" 指定当元素吸附时出现的 "),t("code",{pre:!0},[s._v("transition")]),s._v(" 名字，我们这里指定 "),t("code",{pre:!0},[s._v("sticky-fixed-show")]),s._v("，所以相对应的我们在样式中加了对应的动画控制效果。")]),s._v(" "),t("p",[s._v("同时可以通过 "),t("code",{pre:!0},[s._v("diff-change")]),s._v(" 事件得到当前 sticky 元素滚动的差值，一般我们可以和当前 sticky 元素的高做除法得到相对百分比，可以精细控制出现的具体细节。")])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("可选值")]),s._v(" "),t("th",[s._v("默认值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("pos")]),s._v(" "),t("td",[s._v("必须，滚动位置")]),s._v(" "),t("td",[s._v("Number")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("checkTop")]),s._v(" "),t("td",[s._v("是否检测顶部位置，如果为 false，则检查 sticky-ele 元素的底部边界")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td",[s._v("true/false")]),s._v(" "),t("td",[s._v("true")])]),s._v(" "),t("tr",[t("td",[s._v("fixedShowAni")]),s._v(" "),t("td",[s._v("元素吸附时指定 transition 的 name 值")]),s._v(" "),t("td",[s._v("String")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("如果 checkTop 为 true，则为 ''，如果为 false，则为 'cube-sticky-fixed-fade'")])]),s._v(" "),t("tr",[t("td",[s._v("offset")]),s._v(" "),t("td",[s._v("偏移值，传入的 pos 的值会加上这个值修正")]),s._v(" "),t("td",[s._v("Number")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("0")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("可选值")]),s._v(" "),t("th",[s._v("默认值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("eleKey")]),s._v(" "),t("td",[s._v("吸顶元素的 key 值")]),s._v(" "),t("td",[s._v("Number/String")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("-")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("当 "),t("code",{pre:!0},[s._v("eleKey")]),s._v(" 不存在时，CubeSticky 组件会获取当前 CubeStickyEle 组件的次序索引作为吸附元素的标示。")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",[t("thead",[t("tr",[t("th",[s._v("名字")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("作用域参数")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("default")]),s._v(" "),t("td",[s._v("默认内容")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("fixed")]),s._v(" "),t("td",[s._v("元素吸附时内容如何展示")]),s._v(" "),t("td",[s._v("current: 当前吸附元素的 key 值"),t("br"),s._v("index: 吸附元素索引值（非响应式的）")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",[t("thead",[t("tr",[t("th",[s._v("事件名")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("参数1")]),s._v(" "),t("th",[s._v("参数2")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("change")]),s._v(" "),t("td",[s._v("吸附的元素发生改变时触发")]),s._v(" "),t("td",[s._v("current - 吸附的元素的 key 值，如果没有的话，则为 ''")]),s._v(" "),t("td",[s._v("index - 吸附元素的索引值，没有的话，则为 -1（非响应式的）")])]),s._v(" "),t("tr",[t("td",[s._v("diff-change")]),s._v(" "),t("td",[s._v("sticky 元素滚动的差值改变时触发")]),s._v(" "),t("td",[s._v("diff - 差值，最小 0")]),s._v(" "),t("td",[s._v("height: 当前 sticky 元素的高度")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",[t("thead",[t("tr",[t("th",[s._v("方法名")]),s._v(" "),t("th",[s._v("说明")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("refresh")]),s._v(" "),t("td",[s._v("刷新，当内容发生变化时可用于重新计算高度和位置")])])])])}]}},dgnj:function(s,a,t){var l=t("VU/8")(null,t("3wyd"),null,null,null);s.exports=l.exports},"ula/":function(s,a,t){s.exports=t("dgnj")}}); \ No newline at end of file diff --git a/docs/js/15.48763c57b0fcc68592cd.js b/docs/js/15.48763c57b0fcc68592cd.js deleted file mode 100644 index ba43b2d71..000000000 --- a/docs/js/15.48763c57b0fcc68592cd.js +++ /dev/null @@ -1 +0,0 @@ -webpackJsonp([15],{471:function(s,t,a){s.exports=a(549)},549:function(s,t,a){var v=a(11)(null,a(550),null,null,null);s.exports=v.exports},550:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement;s._self._c;return s._m(0)},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",[s._v("IndexList")]),s._v(" "),a("p",[s._v("索引列表，提供了列表索引的功能，也是一个基于"),a("code",{pre:!0},[s._v("better-scroll")]),s._v("进行封装的组件。")]),s._v(" "),a("h3",[s._v("示例")]),s._v(" "),a("ul",[a("li",[a("p",[s._v("基本使用")]),s._v(" "),a("p",[s._v("构造如示例中 "),a("code",{pre:!0},[s._v("cityData")]),s._v(" 这样结构的数据，传入 "),a("code",{pre:!0},[s._v("cube-index-list")]),s._v(" 组件的 "),a("code",{pre:!0},[s._v("data")]),s._v(" 属性。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-index-list")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"cityData"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":title")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"title"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@select")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selectItem"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@title-click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"clickTitle"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" cityData = [\n {\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"name"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"★Hot City"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"items"')]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"name"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"BEIJING"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"value"')]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"name"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"SHANGHAI"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"value"')]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v("\n }\n ]\n },\n {\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"name"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"A"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"items"')]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"name"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"ANSHAN"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"value"')]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"name"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"ANQING"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"value"')]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("4")]),s._v("\n }\n ]\n }\n]\n\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Current City: BEIJING'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("cityData")]),s._v(": cityData\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n selectItem(item) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log(item.name)\n },\n clickTitle(title) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log(title)\n }\n }\n}\n")])])])]),s._v(" "),a("h3",[s._v("Props 配置")]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("title")]),s._v(" "),a("td",[s._v("标题")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("data")]),s._v(" "),a("td",[s._v("需要展示的数据")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("[]")])])])]),s._v(" "),a("ul",[a("li",[a("code",{pre:!0},[s._v("data")]),s._v(" 子配置项")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("data")]),s._v(" 是数组，表示的是一组数据，每一项配置：")]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("name")]),s._v(" "),a("td",[s._v("组名")]),s._v(" "),a("td",[s._v("String")])]),s._v(" "),a("tr",[a("td",[s._v("items")]),s._v(" "),a("td",[s._v("当前组下的数据项")]),s._v(" "),a("td",[s._v("Array")])])])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("items")]),s._v(" 数组中的每一项必须是对象，且包含 "),a("code",{pre:!0},[s._v("name")]),s._v(" 属性用于显示内容；例如 "),a("code",{pre:!0},[s._v("items")]),s._v(": "),a("code",{pre:!0},[s._v("[{name: 'xx', ...}, ...]")])]),s._v(" "),a("h3",[s._v("事件")]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("事件名")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("参数")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("select")]),s._v(" "),a("td",[s._v("点击 IndexList 的某一项后触发")]),s._v(" "),a("td",[s._v("该选项的数据")])]),s._v(" "),a("tr",[a("td",[s._v("title-click")]),s._v(" "),a("td",[s._v("点击 title 后触发(title 必须设置后才有效)")]),s._v(" "),a("td",[s._v("title属性值")])])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/15.f8a45a0f1c77686ee9c1.js b/docs/js/15.f8a45a0f1c77686ee9c1.js new file mode 100644 index 000000000..b5ab75f5f --- /dev/null +++ b/docs/js/15.f8a45a0f1c77686ee9c1.js @@ -0,0 +1 @@ +webpackJsonp([15],{"7yxM":function(s,t,a){s.exports=a("OqL0")},OqL0:function(s,t,a){var v=a("VU/8")(null,a("e594"),null,null,null);s.exports=v.exports},e594:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Slide"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Slide-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Slide")]),s._v(" "),s._m(0),s._v(" "),a("h3",{attrs:{id:"示例"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 示例")]),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"Props配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props 配置")]),s._v(" "),s._m(2),s._v(" "),a("h3",{attrs:{id:"插槽"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-插槽-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 插槽")]),s._v(" "),s._m(3),s._v(" "),a("h3",{attrs:{id:"事件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-事件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 事件")]),s._v(" "),s._m(4),s._v(" "),a("h3",{attrs:{id:"实例方法"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-实例方法-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 实例方法")]),s._v(" "),s._m(5)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("轮播图，提供了常见的"),a("code",{pre:!0},[s._v("轮播")]),s._v("及 "),a("code",{pre:!0},[s._v("swipe")]),s._v(" 的功能，也是一个基于 "),a("code",{pre:!0},[s._v("better-scroll")]),s._v(" 进行封装的组件。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("基本使用")]),s._v(" "),a("p",[s._v("考虑到 "),a("code",{pre:!0},[s._v("cube-slide")]),s._v(" 最常用的场景，每个轮播页是一个可跳转链接的图片，所以我们提供的最简便的用法是，通过 "),a("code",{pre:!0},[s._v("data")]),s._v(" 属性传入一个包含图片和跳转链接信息的数组，我们会默认将其渲染成一组超链接图片的轮播图。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"items"')]),s._v("/>")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("items")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'http://www.didichuxing.com/'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("image")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide01.png'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'http://www.didichuxing.com/'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("image")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide02.png'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'http://www.didichuxing.com/'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("image")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide03.png'")]),s._v("\n }\n ]\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("自定义内容")]),s._v(" "),a("p",[s._v("当然我们也支持自定义内容，使用默认插槽和 "),a("code",{pre:!0},[s._v("cube-slide-item")]),s._v(" 就可以自定义每个轮播页的结构。其中，"),a("code",{pre:!0},[s._v("cube-slide")]),s._v(" 元素即整个轮播图组件，"),a("code",{pre:!0},[s._v("cube-slide-item")]),s._v(" 元素则是每一个轮播的页面，其 slot 为该页的内容。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"slide"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"items"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@change")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"changePage"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide-item")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(item, index) in items"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"index"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click.native")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"clickHandler(item, index)"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("a")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":href")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item.url"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("img")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":src")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item.image"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("items")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'http://www.didichuxing.com/'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("image")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide01.png'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'http://www.didichuxing.com/'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("image")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide02.png'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'http://www.didichuxing.com/'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("image")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide03.png'")]),s._v("\n }\n ]\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n changePage(current) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'当前轮播图序号为:'")]),s._v(" + current)\n },\n clickHandler(item, index) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log(item, index)\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("虽然你使用了自定义内容以后，我们不会用 "),a("code",{pre:!0},[s._v("data")]),s._v(" 生成默认内容，但依然建议你将数据传入 "),a("code",{pre:!0},[s._v("data")]),s._v(" 属性，因为只有这样，我们组件内部才能帮你自动进行数据监听和重新渲染，否则你可能会需要自己调用 refresh 方法重新渲染，比如这样 "),a("code",{pre:!0},[s._v("this.$refs.slide.refresh()")]),s._v("。")])]),s._v(" "),a("li",[a("p",[s._v("初始索引")]),s._v(" "),a("p",[s._v("初始化时展示的位置索引值，默认为 0。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":initial-index")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"1"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("循环播放")]),s._v(" "),a("p",[s._v("默认开启循环播放，可通过 loop 属性配置。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":loop")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"false"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("自动播放")]),s._v(" "),a("p",[s._v("默认开启自动播放，可通过 auto-play 属性配置。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":auto-play")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"false"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("自动播放的时间间隔")]),s._v(" "),a("p",[s._v("当开启了自动播放时，还可通过 interval 属性配置时间间隔。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":interval")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"4000"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("切换页面的滑动阈值")]),s._v(" "),a("p",[s._v("可通过 "),a("code",{pre:!0},[s._v("threshold")]),s._v(" 属性配置切换页面的滑动阈值，既当滑动的距离超过了页面宽度 × "),a("code",{pre:!0},[s._v("threshold")]),s._v("时，切换页面。默认值为0.3。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":threshold")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"0.4"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("切换页面的速度")]),s._v(" "),a("p",[s._v("默认切换动画耗时为400ms，可通过 "),a("code",{pre:!0},[s._v("speed")]),s._v(" 属性配置。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":speed")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"200"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("允许纵向滚动")]),s._v(" "),a("p",[s._v("默认在 Slide 区域的时候，竖向是不能滚动的，如果想要竖向可以滚动，可以设置 "),a("code",{pre:!0},[s._v("allowVertical")]),s._v(" 为 "),a("code",{pre:!0},[s._v("true")]),s._v("。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":allow-vertical")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("修改 dots 内容")]),s._v(" "),a("p",[s._v("默认是点，可通过插槽修改。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"dots"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("slot-scope")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"my-dot"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"{active: props.current === index}"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(item, index) in props.dots"')]),s._v(">")]),s._v("{{index + 1}}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("p",[s._v("作用域插槽提供了所需的当前索引值 "),a("code",{pre:!0},[s._v("current")]),s._v(" 以及长度 "),a("code",{pre:!0},[s._v("dots")]),s._v("。")])]),s._v(" "),a("li",[a("p",[s._v("实时派发滚动的距离"),a("sup",[s._v("1.10.0")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"options"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@scroll")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("listenScroll")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("probeType")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v("\n }\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n scroll ({x, y}) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log(x, y)\n }\n }\n }\n")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("可选值")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("data")]),s._v(" "),a("td",[s._v("用于 side-item 列表渲染的数据，当需要使用内置的默认内容，或者让组件自动监听数据变化重新渲染时，此参数必传")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("[]")])]),s._v(" "),a("tr",[a("td",[s._v("initialIndex")]),s._v(" "),a("td",[s._v("初始索引值")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("0")])]),s._v(" "),a("tr",[a("td",[s._v("loop")]),s._v(" "),a("td",[s._v("是否循环播放")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("true")])]),s._v(" "),a("tr",[a("td",[s._v("showDots")]),s._v(" "),a("td",[s._v("是否显示轮播指示点")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("true")])]),s._v(" "),a("tr",[a("td",[s._v("autoPlay")]),s._v(" "),a("td",[s._v("是否自动播放")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("true")])]),s._v(" "),a("tr",[a("td",[s._v("interval")]),s._v(" "),a("td",[s._v("播放间隔")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("4000")])]),s._v(" "),a("tr",[a("td",[s._v("direction")]),s._v(" "),a("td",[s._v("轮播方向")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("horizontal/vertical")]),s._v(" "),a("td",[s._v("horizontal")])]),s._v(" "),a("tr",[a("td",[s._v("options"),a("sup",[s._v("1.9.0")])]),s._v(" "),a("td",[s._v("better-scroll 配置项，具体请参考"),a("a",{attrs:{href:"https://ustbhuangyi.github.io/better-scroll/doc/zh-hans/options.html"}},[s._v("BS 官方文档")])]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("{"),a("br"),s._v(" momentum: false,"),a("br"),s._v(" click: true,"),a("br"),s._v(" observeDOM: false"),a("br"),s._v("}")])]),s._v(" "),a("tr",[a("td",[s._v("threshold")]),s._v(" "),a("td",[s._v("切换页面的滑动阈值")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("(0, 1)")]),s._v(" "),a("td",[s._v("0.3")])]),s._v(" "),a("tr",[a("td",[s._v("speed")]),s._v(" "),a("td",[s._v("切换页面的速度")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("400")])]),s._v(" "),a("tr",[a("td",[s._v("allowVertical")]),s._v(" "),a("td",[s._v("是否允许竖向滚动。"),a("code",{pre:!0},[s._v("即将废弃")]),s._v("，推荐使用 "),a("code",{pre:!0},[s._v("options")]),s._v(" 属性")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("stopPropagation")]),s._v(" "),a("td",[s._v("是否阻止事件冒泡，可用于解决嵌套同方向slide时会遇到的事件冒泡问题。"),a("code",{pre:!0},[s._v("即将废弃")]),s._v("，推荐使用 "),a("code",{pre:!0},[s._v("options")]),s._v(" 属性")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("refreshResetCurrent"),a("sup",[s._v("1.10.10")])]),s._v(" "),a("td",[s._v("当刷新时是否重置索引")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("true")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("名字")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("作用域参数")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("default")]),s._v(" "),a("td",[s._v("默认内容，由 cube-slide-item 构成")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("dots")]),s._v(" "),a("td",[s._v("dots 内容")]),s._v(" "),a("td",[s._v("dots: 轮播项长度 "),a("br"),s._v(" current: 当前索引")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("事件名")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("参数")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("change")]),s._v(" "),a("td",[s._v("Slide 页面切换时触发")]),s._v(" "),a("td",[s._v("当前页面的索引值")])]),s._v(" "),a("tr",[a("td",[s._v("scroll"),a("sup",[s._v("1.10.0")])]),s._v(" "),a("td",[s._v("滚动中实时派发")]),s._v(" "),a("td",[s._v("Object {x, y} -滚动位置的坐标值")])]),s._v(" "),a("tr",[a("td",[s._v("scroll-end"),a("sup",[s._v("1.9.0")])]),s._v(" "),a("td",[s._v("在滚动结束时触发")]),s._v(" "),a("td",[s._v("当前页面的索引值")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("方法名")]),s._v(" "),a("th",[s._v("说明")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("refresh")]),s._v(" "),a("td",[s._v("当轮播图内容删减的时候，可以调用此方法进行更新，重新渲染")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/16.78165cfb75f794ed1b74.js b/docs/js/16.78165cfb75f794ed1b74.js deleted file mode 100644 index df112fe98..000000000 --- a/docs/js/16.78165cfb75f794ed1b74.js +++ /dev/null @@ -1 +0,0 @@ -webpackJsonp([16],{470:function(t,s,a){t.exports=a(547)},547:function(t,s,a){var v=a(11)(null,a(548),null,null,null);t.exports=v.exports},548:function(t,s){t.exports={render:function(){var t=this,s=t.$createElement;t._self._c;return t._m(0)},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("section",[a("h2",[t._v("Dialog")]),t._v(" "),a("p",[a("code",{pre:!0},[t._v("Dialog")]),t._v("模态框组件，提供了多种样式及交互形式。")]),t._v(" "),a("h3",[t._v("示例")]),t._v(" "),a("ul",[a("li",[a("p",[t._v("类型设置")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showAlert"')]),t._v(">")]),t._v("Dialog - type"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showAlert() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'alert'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'我是标题'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'我是内容'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("icon")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'cubeic-alert'")]),t._v("\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[a("code",{pre:!0},[t._v("type")]),t._v(" 可选的值为 "),a("code",{pre:!0},[t._v("alert")]),t._v(" (对应为提示框)、"),a("code",{pre:!0},[t._v("confirm")]),t._v(" (对应为确认框)。")])]),t._v(" "),a("li",[a("p",[t._v("按钮设置")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showBtn"')]),t._v(">")]),t._v("Dialog - btn"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showBtn() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'confirm'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("icon")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'cubeic-alert'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'我是标题'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'我是内容'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("confirmBtn")]),t._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("text")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'确定按钮'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("active")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("href")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'javascript:;'")]),t._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("cancelBtn")]),t._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("text")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'取消按钮'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("active")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("false")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("href")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'javascript:;'")]),t._v("\n }\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[t._v("按钮设置可接受 "),a("code",{pre:!0},[t._v("String")]),t._v(" 或 "),a("code",{pre:!0},[t._v("Object")]),t._v(" 类型数据，当传入 "),a("code",{pre:!0},[t._v("Object")]),t._v(" 类型的数据时，可通过 "),a("code",{pre:!0},[t._v("text")]),t._v(" 字段来设置按钮文案内容、"),a("code",{pre:!0},[t._v("active")]),t._v(" 字段来设置按钮文案是否高亮、"),a("code",{pre:!0},[t._v("href")]),t._v(" 字段为按钮的跳转链接。")])]),t._v(" "),a("li",[a("p",[t._v("关闭按钮")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showClose"')]),t._v(">")]),t._v("Dialog - show close"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showClose() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'alert'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("icon")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'cubeic-alert'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("showClose")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'标题'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onClose")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[t._v("()")]),t._v(" =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'warn'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'点击关闭按钮'")]),t._v("\n }).show()\n }\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[a("code",{pre:!0},[t._v("showClose")]),t._v(" 字段决定是否需要显示关闭按钮，同时点击关闭按钮会触发 "),a("code",{pre:!0},[t._v("close")]),t._v(" 事件，如果传入了 "),a("code",{pre:!0},[t._v("onClose")]),t._v(" 则会被调用。")])]),t._v(" "),a("li",[a("p",[t._v("插槽")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showSlot"')]),t._v(">")]),t._v("Dialog - slot"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showSlot() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'alert'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("confirmBtn")]),t._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("text")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'我知道了'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("active")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n }\n }, (createElement) => {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" [\n createElement("),a("span",{attrs:{class:"hljs-string"}},[t._v("'div'")]),t._v(", {\n "),a("span",{attrs:{class:"hljs-string"}},[t._v("'class'")]),t._v(": {\n "),a("span",{attrs:{class:"hljs-string"}},[t._v("'my-title'")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("slot")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'title'")]),t._v("\n }, [\n createElement("),a("span",{attrs:{class:"hljs-string"}},[t._v("'div'")]),t._v(", {\n "),a("span",{attrs:{class:"hljs-string"}},[t._v("'class'")]),t._v(": {\n "),a("span",{attrs:{class:"hljs-string"}},[t._v("'my-title-img'")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n }\n }),\n createElement("),a("span",{attrs:{class:"hljs-string"}},[t._v("'p'")]),t._v(", "),a("span",{attrs:{class:"hljs-string"}},[t._v("'附近车少,优选出租车将来接您'")]),t._v(")\n ]),\n createElement("),a("span",{attrs:{class:"hljs-string"}},[t._v("'p'")]),t._v(", {\n "),a("span",{attrs:{class:"hljs-string"}},[t._v("'class'")]),t._v(": {\n "),a("span",{attrs:{class:"hljs-string"}},[t._v("'my-content'")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("slot")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'content'")]),t._v("\n }, "),a("span",{attrs:{class:"hljs-string"}},[t._v("'价格仍按快车计算'")]),t._v(")\n ]\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[a("code",{pre:!0},[t._v("$createDialog")]),t._v(" 的第二个参数是 "),a("a",{attrs:{href:"https://vuejs.org/v2/guide/render-function.html"}},[t._v("render 函数")]),t._v("，一般用于处理插槽的场景；Dialog 组件提供了 2 个具名的插槽 "),a("code",{pre:!0},[t._v("title")]),t._v(" 和 "),a("code",{pre:!0},[t._v("content")]),t._v("，分别用来分发标题和内容。")])])]),t._v(" "),a("h3",[t._v("Props 配置")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("参数")]),t._v(" "),a("th",[t._v("说明")]),t._v(" "),a("th",[t._v("类型")]),t._v(" "),a("th",[t._v("可选值")]),t._v(" "),a("th",[t._v("默认值")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("type")]),t._v(" "),a("td",[t._v("类型")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("提示框 alert / 确认框 confirm")]),t._v(" "),a("td",[t._v("alert")])]),t._v(" "),a("tr",[a("td",[t._v("icon")]),t._v(" "),a("td",[t._v("图标的 class 名")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[a("a",{attrs:{href:"#/style"}},[t._v("参照 style 模块下的内置 icon 部分")])]),t._v(" "),a("td",[t._v("''")])]),t._v(" "),a("tr",[a("td",[t._v("title")]),t._v(" "),a("td",[t._v("标题")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("''")])]),t._v(" "),a("tr",[a("td",[t._v("content")]),t._v(" "),a("td",[t._v("正文")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("''")])]),t._v(" "),a("tr",[a("td",[t._v("showClose")]),t._v(" "),a("td",[t._v("是否显示关闭按钮")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("confirmBtn")]),t._v(" "),a("td",[t._v("确认按钮参数配置")]),t._v(" "),a("td",[t._v("Object/String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("{ text: '确定', active: true, href: 'javascript:;' }")])]),t._v(" "),a("tr",[a("td",[t._v("cancelBtn")]),t._v(" "),a("td",[t._v("取消按钮参数配置")]),t._v(" "),a("td",[t._v("Object/String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("{ text: '取消', active: false, href: 'javascript:;' }")])])])]),t._v(" "),a("ul",[a("li",[a("code",{pre:!0},[t._v("confirmBtn")]),t._v(" 子配置项")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("参数")]),t._v(" "),a("th",[t._v("说明")]),t._v(" "),a("th",[t._v("类型")]),t._v(" "),a("th",[t._v("可选值")]),t._v(" "),a("th",[t._v("默认值")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("text")]),t._v(" "),a("td",[t._v("按钮文案")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("'确认'")])]),t._v(" "),a("tr",[a("td",[t._v("active")]),t._v(" "),a("td",[t._v("是否高亮")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("true")])]),t._v(" "),a("tr",[a("td",[t._v("href")]),t._v(" "),a("td",[t._v("点击按钮后的跳转链接")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("'javascript:;'")])])])]),t._v(" "),a("ul",[a("li",[a("code",{pre:!0},[t._v("cancelBtn")]),t._v(" 子配置项")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("参数")]),t._v(" "),a("th",[t._v("说明")]),t._v(" "),a("th",[t._v("类型")]),t._v(" "),a("th",[t._v("可选值")]),t._v(" "),a("th",[t._v("默认值")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("text")]),t._v(" "),a("td",[t._v("按钮文案")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("'取消'")])]),t._v(" "),a("tr",[a("td",[t._v("active")]),t._v(" "),a("td",[t._v("是否高亮")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("href")]),t._v(" "),a("td",[t._v("点击按钮后的跳转链接")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("'javascript:;'")])])])]),t._v(" "),a("h3",[t._v("插槽")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("名字")]),t._v(" "),a("th",[t._v("说明")]),t._v(" "),a("th",[t._v("作用域参数")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("title")]),t._v(" "),a("td",[t._v("标题")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("content")]),t._v(" "),a("td",[t._v("内容")]),t._v(" "),a("td",[t._v("-")])])])]),t._v(" "),a("h3",[t._v("事件")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("事件名")]),t._v(" "),a("th",[t._v("说明")]),t._v(" "),a("th",[t._v("参数")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("confirm")]),t._v(" "),a("td",[t._v("点击确认按钮后触发")]),t._v(" "),a("td",[t._v("事件对象 e")])]),t._v(" "),a("tr",[a("td",[t._v("cancel")]),t._v(" "),a("td",[t._v("点击取消按钮后触发")]),t._v(" "),a("td",[t._v("事件对象 e")])]),t._v(" "),a("tr",[a("td",[t._v("close")]),t._v(" "),a("td",[t._v("点击关闭按钮后触发")]),t._v(" "),a("td",[t._v("事件对象 e")])])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/16.83d41e7b1a92ce761e7d.js b/docs/js/16.83d41e7b1a92ce761e7d.js new file mode 100644 index 000000000..ef6a1647d --- /dev/null +++ b/docs/js/16.83d41e7b1a92ce761e7d.js @@ -0,0 +1 @@ +webpackJsonp([16],{"+gXa":function(t,e,s){t.exports=s("dd41")},"RZy/":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("section",[s("h2",{attrs:{id:"单例模式"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-单例模式-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 单例模式")]),t._v(" "),s("p",[t._v("通过 API 调用组件的时候，需要涉及到组件的单例、多例模式。")]),t._v(" "),t._m(0),t._v(" "),s("p",[t._v("在 cube-ui 中涉及到 API 调用的组件都是弹层类，经常使用的如下：")]),t._v(" "),t._m(1),t._v(" "),t._m(2),t._v(" "),t._m(3),t._v(" "),t._m(4),t._v(" "),s("p",[t._v("在一般情况下，默认行为即可满足需求，除非特殊场景。")]),t._v(" "),t._m(5)])},staticRenderFns:[function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("ul",[s("li",[s("p",[t._v("1.11 版本之后")]),t._v(" "),s("p",[t._v("单例是相对于某一个组件上下文的，如果说组件是单例的，在同一个组件内多次实例化的时候，只有一个实例，对应的视图层也只存在一份；如果说组件是多例的，那么每次实例化的时候都会产生一个新的实例，且对应的视图也是有多份的，它们之间互不影响。")])]),t._v(" "),s("li",[s("p",[t._v("1.11 版本之前")]),t._v(" "),s("p",[t._v("如果说组件是单例的，在多次实例化的时候，只有一个实例，对应的视图层也只存在一份；如果说组件是多例的，那么每次实例化的时候都会产生一个新的实例，且对应的视图也是有多份的，它们之间互不影响。")])])])},function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("ul",[s("li",[s("a",{attrs:{href:"#/zh-CN/docs/toast"}},[t._v("Toast 提醒")])]),t._v(" "),s("li",[s("a",{attrs:{href:"#/zh-CN/docs/picker"}},[t._v("Picker 选择器")])]),t._v(" "),s("li",[s("a",{attrs:{href:"#/zh-CN/docs/time-picker"}},[t._v("TimePicker 时间选择器")])]),t._v(" "),s("li",[s("a",{attrs:{href:"#/zh-CN/docs/dialog"}},[t._v("Dialog 弹框")])]),t._v(" "),s("li",[s("a",{attrs:{href:"#/zh-CN/docs/action-sheet"}},[t._v("ActionSheet 操作菜单")])])])},function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("p",[t._v("所有的 API 调用都是使用 "),s("a",{attrs:{href:"#/zh-CN/docs/create-api"}},[t._v("create-api")]),t._v(" 模块暴露出的 "),s("code",{pre:!0},[t._v("createAPI")]),t._v(" 函数实现，在定义的时候就决定了该组件是否是单例的，详见 "),s("a",{attrs:{href:"#/zh-CN/docs/create-api"}},[t._v("create-api")]),t._v(" 文档。")])},function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("p",[t._v("默认情况下，Toast、Dialog 以及 ActionSheet 是单例的，而 Picker 和 TimePicker 是多例的，因为其场景往往比较复杂，有很多额外的数据处理操作，所以是多例的。如果你想在实例化的时候改变默认行为，可以通过设定 "),s("code",{pre:!0},[t._v("$createX")]),t._v(" 的参数中去修改，例如把 Dialog 改为多例的：")])},function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("pre",{pre:!0},[s("code",{attrs:{"v-pre":"",class:"language-js"}},[s("span",{attrs:{class:"hljs-keyword"}},[t._v("const")]),t._v(" dialog = "),s("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createDialog({\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),s("span",{attrs:{class:"hljs-string"}},[t._v("'confirm'")]),t._v(",\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),s("span",{attrs:{class:"hljs-string"}},[t._v("'title'")]),t._v(",\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),s("span",{attrs:{class:"hljs-string"}},[t._v("'content'")]),t._v("\n}, "),s("span",{attrs:{class:"hljs-literal"}},[t._v("false")]),t._v(")\ndialog.show()\n")])])},function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("p",[s("strong",[t._v("注：")]),t._v(" 限于 Picker 和 TimePicker 的场景，不支持单例模式。")])}]}},dd41:function(t,e,s){var a=s("VU/8")(null,s("RZy/"),null,null,null);t.exports=a.exports}}); \ No newline at end of file diff --git a/docs/js/17.9a9c58e809228fd059af.js b/docs/js/17.9a9c58e809228fd059af.js deleted file mode 100644 index 55d7275b2..000000000 --- a/docs/js/17.9a9c58e809228fd059af.js +++ /dev/null @@ -1 +0,0 @@ -webpackJsonp([17],{469:function(s,t,n){s.exports=n(545)},545:function(s,t,n){var e=n(11)(null,n(546),null,null,null);s.exports=e.exports},546:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement;s._self._c;return s._m(0)},staticRenderFns:[function(){var s=this,t=s.$createElement,n=s._self._c||t;return n("section",[n("h2",[s._v("create-api 模块")]),s._v(" "),n("p",[s._v("该模块默认暴露出一个 "),n("code",{pre:!0},[s._v("createAPI")]),s._v(" 函数，可以实现以 API 的形式调用自定义组件。")]),s._v(" "),n("h3",[s._v("createAPI(Vue, Component, [events, single])")]),s._v(" "),n("ul",[n("li",[n("p",[s._v("参数：")]),s._v(" "),n("ul",[n("li",[n("code",{pre:!0},[s._v("{Function} Vue")]),s._v(" Vue 函数")]),s._v(" "),n("li",[n("code",{pre:!0},[s._v("{Function | Object} Component")]),s._v(" Vue 组件，组件必须有 name")]),s._v(" "),n("li",[n("code",{pre:!0},[s._v("{Array} [events]")]),s._v(" 组件实例 emit 的事件名集合")]),s._v(" "),n("li",[n("code",{pre:!0},[s._v("{Boolean} [single]")]),s._v(" 是否为单例")])])]),s._v(" "),n("li",[n("p",[s._v("用法：")]),s._v(" "),n("ul",[n("li",[s._v("该方法在 Vue 的 prototype 上增加一个名为 "),n("code",{pre:!0},[s._v("$create{camelize(Component.name)}")]),s._v(" 的方法，这样就可以在其他组件中直接通过 "),n("code",{pre:!0},[s._v("const instance = this.$createAaBb(config, [renderFn])")]),s._v(" 这样来实例化组件了，而且这个实例化组件的元素是被附加到 "),n("code",{pre:!0},[s._v("body")]),s._v(" 元素下的；关于 "),n("code",{pre:!0},[s._v("$createAaBb")]),s._v(" 的参数：\n"),n("ul",[n("li",[n("code",{pre:!0},[s._v("{Object} config")]),s._v(" 组件配置参数，默认所有的值都会当做 props 传给组件，但是要排除 "),n("code",{pre:!0},[s._v("events")]),s._v(" 中的事件（默认会做转换，例如："),n("code",{pre:!0},[s._v("events")]),s._v(" 的值为 "),n("code",{pre:!0},[s._v("['click']")]),s._v("，那么 "),n("code",{pre:!0},[s._v("config")]),s._v(" 中的 "),n("code",{pre:!0},[s._v("onClick")]),s._v(" 就是作为 "),n("code",{pre:!0},[s._v("click")]),s._v(" 事件的回调函数，而不是作为 props 传递给组件）。")]),s._v(" "),n("li",[n("code",{pre:!0},[s._v("{Function} [renderFn]")]),s._v(" 是可选的参数，用于生成子 VNode 节点，一般场景是处理 slot。")])])]),s._v(" "),n("li",[s._v("注意调用后的返回值 "),n("code",{pre:!0},[s._v("instance")]),s._v(" 就是组件实例，这个实例会被"),n("strong",[s._v("附加")]),s._v("或者"),n("strong",[s._v("代理")]),s._v(" "),n("code",{pre:!0},[s._v("remove")]),s._v(" 方法，如果调用了，该实例就会被销毁且会从 "),n("code",{pre:!0},[s._v("body")]),s._v(" 下移除。")])])]),s._v(" "),n("li",[n("p",[s._v("示例：")]),s._v(" "),n("pre",{pre:!0},[n("code",{attrs:{"v-pre":"",class:"language-js"}},[n("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" Vue form "),n("span",{attrs:{class:"hljs-string"}},[s._v("'vue'")]),s._v("\n"),n("span",{attrs:{class:"hljs-comment"}},[s._v("// 得到 createAPI")]),s._v("\n"),n("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" { createAPI } "),n("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),n("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n"),n("span",{attrs:{class:"hljs-comment"}},[s._v("// or import Cube from 'cube-ui'")]),s._v("\n"),n("span",{attrs:{class:"hljs-comment"}},[s._v("// const { createAPI } = Cube")]),s._v("\n"),n("span",{attrs:{class:"hljs-comment"}},[s._v("// 需要提供 API 方式实例化的组件")]),s._v("\n"),n("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" MyComponent = Vue.extend({\n "),n("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v(": "),n("span",{attrs:{class:"hljs-string"}},[s._v("'hello'")]),s._v(",\n "),n("span",{attrs:{class:"hljs-attr"}},[s._v("props")]),s._v(": {\n "),n("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": {\n "),n("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),n("span",{attrs:{class:"hljs-built_in"}},[s._v("String")]),s._v(",\n "),n("span",{attrs:{class:"hljs-attr"}},[s._v("default")]),s._v(": "),n("span",{attrs:{class:"hljs-string"}},[s._v("'Hello'")]),s._v("\n }\n },\n "),n("span",{attrs:{class:"hljs-attr"}},[s._v("template")]),s._v(": "),n("span",{attrs:{class:"hljs-string"}},[s._v('\'
{{content}}
\'')]),s._v(",\n "),n("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n clickHandler(e) {\n "),n("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$emit("),n("span",{attrs:{class:"hljs-string"}},[s._v("'click'")]),s._v(", e)\n }\n }\n})\n"),n("span",{attrs:{class:"hljs-comment"}},[s._v("// 调用")]),s._v("\ncreateAPI(Vue, MyComponent, ["),n("span",{attrs:{class:"hljs-string"}},[s._v("'click'")]),s._v("], "),n("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(")\n"),n("span",{attrs:{class:"hljs-comment"}},[s._v("// 在其他组件中使用")]),s._v("\n"),n("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" Vue({\n "),n("span",{attrs:{class:"hljs-attr"}},[s._v("el")]),s._v(": "),n("span",{attrs:{class:"hljs-string"}},[s._v("'#app'")]),s._v(",\n "),n("span",{attrs:{class:"hljs-attr"}},[s._v("template")]),s._v(": "),n("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n "),n("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showHello() {\n "),n("span",{attrs:{class:"hljs-comment"}},[s._v("// 直接调用")]),s._v("\n "),n("span",{attrs:{class:"hljs-comment"}},[s._v("// 传入配置对象，默认传入的所有对象全都当做 props 传入组件")]),s._v("\n "),n("span",{attrs:{class:"hljs-comment"}},[s._v("// 除了在调用 createAPI 的时候传入了 events，这里对应的就是")]),s._v("\n "),n("span",{attrs:{class:"hljs-comment"}},[s._v("// on{event name} 会被当做事件回调处理")]),s._v("\n "),n("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" instance = "),n("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createHello({\n "),n("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),n("span",{attrs:{class:"hljs-string"}},[s._v("'My Hello Content'")]),s._v(",\n onClick(e) {\n "),n("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),n("span",{attrs:{class:"hljs-string"}},[s._v("'Hello component clicked.'")]),s._v(")\n }\n }, "),n("span",{attrs:{class:"hljs-comment"}},[s._v("/* renderFn */")]),s._v(" (createElement) => {\n "),n("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" [\n createElement("),n("span",{attrs:{class:"hljs-string"}},[s._v("'p'")]),s._v(", {\n "),n("span",{attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v(": "),n("span",{attrs:{class:"hljs-string"}},[s._v("'other'")]),s._v("\n }, "),n("span",{attrs:{class:"hljs-string"}},[s._v("'other content'")]),s._v(")\n ]\n })\n "),n("span",{attrs:{class:"hljs-comment"}},[s._v("// 通过 Vue 组件的 $on 也是可以监听的，看使用场景")]),s._v("\n instance.$on("),n("span",{attrs:{class:"hljs-string"}},[s._v("'click'")]),s._v(", (e) => {\n "),n("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),n("span",{attrs:{class:"hljs-string"}},[s._v("'on click'")]),s._v(", e)\n })\n "),n("span",{attrs:{class:"hljs-comment"}},[s._v("// 移除销毁")]),s._v("\n instance.remove()\n }\n }\n})\n")])]),s._v(" "),n("p",[s._v("示例中就是创建了一个需要 API 调用的组件 "),n("code",{pre:!0},[s._v("MyComponent")]),s._v("，名字为 "),n("code",{pre:!0},[s._v("hello")]),s._v("，然后在其他组件中去使用，重点就是 "),n("code",{pre:!0},[s._v("showHello()")]),s._v(" 方法做的事情：调用 "),n("code",{pre:!0},[s._v("this.$createHello(config, renderFn)")]),s._v(" 实现组件的实例化。")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/17.9eb9d6f95850e8c53330.js b/docs/js/17.9eb9d6f95850e8c53330.js new file mode 100644 index 000000000..00a509680 --- /dev/null +++ b/docs/js/17.9eb9d6f95850e8c53330.js @@ -0,0 +1 @@ +webpackJsonp([17],{Arul:function(t,s,v){var a=v("VU/8")(null,v("pVIV"),null,null,null);t.exports=a.exports},eM4Z:function(t,s,v){t.exports=v("Arul")},pVIV:function(t,s){t.exports={render:function(){var t=this,s=t.$createElement,v=t._self._c||s;return v("section",[v("h2",{attrs:{id:"Select"}},[v("a",{staticClass:"anchor",attrs:{href:"#cube-Select-anchor","aria-hidden":"true"}},[v("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[v("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Select")]),t._v(" "),t._m(0),t._v(" "),v("p",[t._v("Select 组件，用于单项选择。")]),t._v(" "),t._m(1),t._v(" "),v("h3",{attrs:{id:"示例"}},[v("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[v("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[v("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 示例")]),t._v(" "),t._m(2),t._v(" "),v("h3",{attrs:{id:"Props配置"}},[v("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[v("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[v("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Props 配置")]),t._v(" "),t._m(3),t._v(" "),t._m(4),t._v(" "),t._m(5),t._v(" "),v("p",[t._v("你可以将每个选项定义成一个对象，其中 text 为选项文案，value为选项的值，若没有将该选项定义为对象，比如 2014，则我们内部会把它转化成 { value: 2014, text: 2014 }")]),t._v(" "),v("h3",{attrs:{id:"事件"}},[v("a",{staticClass:"anchor",attrs:{href:"#cube-事件-anchor","aria-hidden":"true"}},[v("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[v("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 事件")]),t._v(" "),t._m(6)])},staticRenderFns:[function(){var t=this,s=t.$createElement,v=t._self._c||s;return v("blockquote",[v("p",[t._v("1.5.0 新增")])])},function(){var t=this,s=t.$createElement,v=t._self._c||s;return v("p",[v("strong",[t._v("注：")]),t._v(" 由于此组件依赖 "),v("a",{attrs:{href:"#/zh-CN/docs/picker"}},[t._v("Picker")]),t._v(" 组件，而 Picker 组件是基于 create-api 实现，所以在使用之前，请确保自己了解过 "),v("a",{attrs:{href:"#/zh-CN/docs/create-api"}},[t._v("create-api")]),t._v("。")])},function(){var t=this,s=t.$createElement,v=t._self._c||s;return v("ul",[v("li",[v("p",[t._v("基本用法")]),t._v(" "),v("p",[t._v("对于 Select 选择组件，你需要传入 options 定义各个选项，选择的结果则绑定在 v-model 上。")]),t._v(" "),v("pre",{pre:!0},[v("code",{attrs:{"v-pre":"",class:"language-html"}},[v("span",{attrs:{class:"hljs-tag"}},[t._v("<"),v("span",{attrs:{class:"hljs-name"}},[t._v("cube-select")]),t._v("\n "),v("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),v("span",{attrs:{class:"hljs-string"}},[t._v('"value"')]),t._v("\n "),v("span",{attrs:{class:"hljs-attr"}},[t._v(":options")]),t._v("="),v("span",{attrs:{class:"hljs-string"}},[t._v('"options"')]),t._v(">")]),t._v("\n"),v("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),v("pre",{pre:!0},[v("code",{attrs:{"v-pre":"",class:"language-js"}},[v("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),v("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n data() {\n "),v("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" {\n "),v("span",{attrs:{class:"hljs-attr"}},[t._v("options")]),t._v(": ["),v("span",{attrs:{class:"hljs-number"}},[t._v("2013")]),t._v(", "),v("span",{attrs:{class:"hljs-number"}},[t._v("2014")]),t._v(", "),v("span",{attrs:{class:"hljs-number"}},[t._v("2015")]),t._v(", "),v("span",{attrs:{class:"hljs-number"}},[t._v("2016")]),t._v(", "),v("span",{attrs:{class:"hljs-number"}},[t._v("2017")]),t._v(", "),v("span",{attrs:{class:"hljs-number"}},[t._v("2018")]),t._v("],\n "),v("span",{attrs:{class:"hljs-attr"}},[t._v("value")]),t._v(": "),v("span",{attrs:{class:"hljs-number"}},[t._v("2016")]),t._v("\n }\n }\n}\n")])])]),t._v(" "),v("li",[v("p",[t._v("配置和事件")]),t._v(" "),v("p",[t._v("Select 支持选择器标题（title）、占位符（placeholder）、自动弹出选择器（autoPop）、禁用（disabled）的配置。并且在选择时，如果选择的值改变了，会派发 change 事件。")]),t._v(" "),v("pre",{pre:!0},[v("code",{attrs:{"v-pre":"",class:"language-html"}},[v("span",{attrs:{class:"hljs-tag"}},[t._v("<"),v("span",{attrs:{class:"hljs-name"}},[t._v("cube-select")]),t._v("\n "),v("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),v("span",{attrs:{class:"hljs-string"}},[t._v('"value"')]),t._v("\n "),v("span",{attrs:{class:"hljs-attr"}},[t._v(":title")]),t._v("="),v("span",{attrs:{class:"hljs-string"}},[t._v('"title"')]),t._v("\n "),v("span",{attrs:{class:"hljs-attr"}},[t._v(":options")]),t._v("="),v("span",{attrs:{class:"hljs-string"}},[t._v('"options"')]),t._v("\n "),v("span",{attrs:{class:"hljs-attr"}},[t._v(":placeholder")]),t._v("="),v("span",{attrs:{class:"hljs-string"}},[t._v('"placeholder"')]),t._v("\n "),v("span",{attrs:{class:"hljs-attr"}},[t._v(":auto-pop")]),t._v("="),v("span",{attrs:{class:"hljs-string"}},[t._v('"autoPop"')]),t._v("\n "),v("span",{attrs:{class:"hljs-attr"}},[t._v(":disabled")]),t._v("="),v("span",{attrs:{class:"hljs-string"}},[t._v('"disabled"')]),t._v("\n "),v("span",{attrs:{class:"hljs-attr"}},[t._v("@change")]),t._v("="),v("span",{attrs:{class:"hljs-string"}},[t._v('"change"')]),t._v(">")]),t._v("\n"),v("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),v("pre",{pre:!0},[v("code",{attrs:{"v-pre":"",class:"language-js"}},[v("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),v("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n data() {\n "),v("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" {\n "),v("span",{attrs:{class:"hljs-attr"}},[t._v("options")]),t._v(": ["),v("span",{attrs:{class:"hljs-number"}},[t._v("2013")]),t._v(", "),v("span",{attrs:{class:"hljs-number"}},[t._v("2014")]),t._v(", "),v("span",{attrs:{class:"hljs-number"}},[t._v("2015")]),t._v(", "),v("span",{attrs:{class:"hljs-number"}},[t._v("2016")]),t._v(", "),v("span",{attrs:{class:"hljs-number"}},[t._v("2017")]),t._v(", "),v("span",{attrs:{class:"hljs-number"}},[t._v("2018")]),t._v("],\n "),v("span",{attrs:{class:"hljs-attr"}},[t._v("value")]),t._v(": "),v("span",{attrs:{class:"hljs-number"}},[t._v("2016")]),t._v(",\n "),v("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),v("span",{attrs:{class:"hljs-string"}},[t._v("'入职时间'")]),t._v(",\n "),v("span",{attrs:{class:"hljs-attr"}},[t._v("placeholder")]),t._v(": "),v("span",{attrs:{class:"hljs-string"}},[t._v("'请选择入职时间'")]),t._v(",\n "),v("span",{attrs:{class:"hljs-attr"}},[t._v("autoPop")]),t._v(": "),v("span",{attrs:{class:"hljs-literal"}},[t._v("false")]),t._v(",\n "),v("span",{attrs:{class:"hljs-attr"}},[t._v("disabled")]),t._v(": "),v("span",{attrs:{class:"hljs-literal"}},[t._v("false")]),t._v("\n }\n },\n "),v("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n change(value, index, text) {\n "),v("span",{attrs:{class:"hljs-built_in"}},[t._v("console")]),t._v(".log("),v("span",{attrs:{class:"hljs-string"}},[t._v("'change'")]),t._v(", value, index, text)\n }\n }\n}\n")])]),t._v(" "),v("p",[t._v("需要注意的一点是，change 事件在你直接赋值修改 value 的值时，不会触发，只会在选择导致的修改时触发。如果你只是想监听 value 的改变，请直接监听 value。")])])])},function(){var t=this,s=t.$createElement,v=t._self._c||s;return v("table",[v("thead",[v("tr",[v("th",[t._v("参数")]),t._v(" "),v("th",[t._v("说明")]),t._v(" "),v("th",[t._v("类型")]),t._v(" "),v("th",[t._v("可选值")]),t._v(" "),v("th",[t._v("默认值")])])]),t._v(" "),v("tbody",[v("tr",[v("td",[t._v("options")]),t._v(" "),v("td",[t._v("选项")]),t._v(" "),v("td",[t._v("Array")]),t._v(" "),v("td",[t._v("-")]),t._v(" "),v("td",[t._v("[]")])]),t._v(" "),v("tr",[v("td",[t._v("v-model")]),t._v(" "),v("td",[t._v("选中的值")]),t._v(" "),v("td",[t._v("Any")]),t._v(" "),v("td",[t._v("-")]),t._v(" "),v("td",[t._v("-")])]),t._v(" "),v("tr",[v("td",[t._v("placeholder")]),t._v(" "),v("td",[t._v("占位文案")]),t._v(" "),v("td",[t._v("String")]),t._v(" "),v("td",[t._v("-")]),t._v(" "),v("td",[t._v("'请选择'")])]),t._v(" "),v("tr",[v("td",[t._v("autoPop")]),t._v(" "),v("td",[t._v("是否自动弹出选择器")]),t._v(" "),v("td",[t._v("Boolean")]),t._v(" "),v("td",[t._v("true/false")]),t._v(" "),v("td",[t._v("false")])]),t._v(" "),v("tr",[v("td",[t._v("disabled")]),t._v(" "),v("td",[t._v("是否禁用")]),t._v(" "),v("td",[t._v("Boolean")]),t._v(" "),v("td",[t._v("true/false")]),t._v(" "),v("td",[t._v("false")])]),t._v(" "),v("tr",[v("td",[t._v("title")]),t._v(" "),v("td",[t._v("选择器的标题")]),t._v(" "),v("td",[t._v("String")]),t._v(" "),v("td",[t._v("-")]),t._v(" "),v("td",[t._v("'请选择'")])]),t._v(" "),v("tr",[v("td",[t._v("cancelTxt")]),t._v(" "),v("td",[t._v("选择器的取消按钮文案")]),t._v(" "),v("td",[t._v("String")]),t._v(" "),v("td",[t._v("-")]),t._v(" "),v("td",[t._v("'取消'")])]),t._v(" "),v("tr",[v("td",[t._v("confirmTxt")]),t._v(" "),v("td",[t._v("选择器的确认按钮文案")]),t._v(" "),v("td",[t._v("String")]),t._v(" "),v("td",[t._v("-")]),t._v(" "),v("td",[t._v("'确认'")])])])])},function(){var t=this,s=t.$createElement,v=t._self._c||s;return v("ul",[v("li",[v("code",{pre:!0},[t._v("options")]),t._v(" 子配置项")])])},function(){var t=this,s=t.$createElement,v=t._self._c||s;return v("table",[v("thead",[v("tr",[v("th",[t._v("参数")]),t._v(" "),v("th",[t._v("说明")]),t._v(" "),v("th",[t._v("类型")]),t._v(" "),v("th",[t._v("可选值")]),t._v(" "),v("th",[t._v("示例")])])]),t._v(" "),v("tbody",[v("tr",[v("td",[t._v("value")]),t._v(" "),v("td",[t._v("该选项的值")]),t._v(" "),v("td",[t._v("Any")]),t._v(" "),v("td",[t._v("-")]),t._v(" "),v("td",[t._v("-")])]),t._v(" "),v("tr",[v("td",[t._v("text")]),t._v(" "),v("td",[t._v("该选项的文案")]),t._v(" "),v("td",[t._v("String")]),t._v(" "),v("td",[t._v("-")]),t._v(" "),v("td",[t._v("-")])])])])},function(){var t=this,s=t.$createElement,v=t._self._c||s;return v("table",[v("thead",[v("tr",[v("th",[t._v("事件名")]),t._v(" "),v("th",[t._v("说明")]),t._v(" "),v("th",[t._v("参数1")]),t._v(" "),v("th",[t._v("参数2")]),t._v(" "),v("th",[t._v("参数3")])])]),t._v(" "),v("tbody",[v("tr",[v("td",[t._v("change")]),t._v(" "),v("td",[t._v("在选择时，如果选择的值改变了派发")]),t._v(" "),v("td",[t._v("选中项的值")]),t._v(" "),v("td",[t._v("选中项的索引")]),t._v(" "),v("td",[t._v("选中项的文案")])]),t._v(" "),v("tr",[v("td",[t._v("picker-show")]),t._v(" "),v("td",[t._v("使用的 Picker 显示的时候派发")]),t._v(" "),v("td",[t._v("-")]),t._v(" "),v("td",[t._v("-")]),t._v(" "),v("td",[t._v("-")])]),t._v(" "),v("tr",[v("td",[t._v("picker-hide")]),t._v(" "),v("td",[t._v("使用的 Picker 隐藏的时候派发（确定或取消都会派发）")]),t._v(" "),v("td",[t._v("-")]),t._v(" "),v("td",[t._v("-")]),t._v(" "),v("td",[t._v("-")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/18.45eae544aac2e76ac3b8.js b/docs/js/18.45eae544aac2e76ac3b8.js deleted file mode 100644 index 944f3507b..000000000 --- a/docs/js/18.45eae544aac2e76ac3b8.js +++ /dev/null @@ -1 +0,0 @@ -webpackJsonp([18],{468:function(s,t,v){s.exports=v(543)},543:function(s,t,v){var _=v(11)(null,v(544),null,null,null);s.exports=_.exports},544:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement;s._self._c;return s._m(0)},staticRenderFns:[function(){var s=this,t=s.$createElement,v=s._self._c||t;return v("section",[v("h2",[s._v("Checkbox 复选框")]),s._v(" "),v("p",[s._v("复选框，可设置其状态、传入特殊 class 以及复选框图标位置。")]),s._v(" "),v("h3",[s._v("示例")]),s._v(" "),v("ul",[v("li",[s._v("基本用法"),v("pre",{pre:!0},[v("code",{attrs:{"v-pre":"",class:"language-html"}},[v("span",{attrs:{class:"hljs-tag"}},[s._v("<"),v("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),v("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),v("span",{attrs:{class:"hljs-string"}},[s._v('"checked"')]),s._v(">")]),s._v("\n Checkbox\n"),v("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v("\n如果选中了，则 "),v("code",{pre:!0},[s._v("checked")]),s._v(" 的值就为 "),v("code",{pre:!0},[s._v("true")]),s._v("。")]),s._v(" "),v("li",[s._v("禁用状态"),v("pre",{pre:!0},[v("code",{attrs:{"v-pre":"",class:"language-html"}},[v("span",{attrs:{class:"hljs-tag"}},[s._v("<"),v("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),v("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),v("span",{attrs:{class:"hljs-string"}},[s._v('"checked"')]),s._v(" "),v("span",{attrs:{class:"hljs-attr"}},[s._v(":disabled")]),s._v("="),v("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v(">")]),s._v("\n Disabled Checkbox\n"),v("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v("\n设置 "),v("code",{pre:!0},[s._v("disabled")]),s._v(" 为 "),v("code",{pre:!0},[s._v("true")]),s._v(" 即为禁用状态")]),s._v(" "),v("li",[s._v("复选框图标位置"),v("pre",{pre:!0},[v("code",{attrs:{"v-pre":"",class:"language-html"}},[v("span",{attrs:{class:"hljs-tag"}},[s._v("<"),v("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),v("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),v("span",{attrs:{class:"hljs-string"}},[s._v('"checked"')]),s._v(" "),v("span",{attrs:{class:"hljs-attr"}},[s._v("position")]),s._v("="),v("span",{attrs:{class:"hljs-string"}},[s._v('"right"')]),s._v(">")]),s._v("\n Position Checkbox\n"),v("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v("\n设置 "),v("code",{pre:!0},[s._v("position")]),s._v(" 为 "),v("code",{pre:!0},[s._v("'right'")]),s._v(" 则复选框图标位置在右边")]),s._v(" "),v("li",[s._v("改变 model 的值"),v("pre",{pre:!0},[v("code",{attrs:{"v-pre":"",class:"language-html"}},[v("span",{attrs:{class:"hljs-tag"}},[s._v("<"),v("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),v("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),v("span",{attrs:{class:"hljs-string"}},[s._v('"checked"')]),s._v(" "),v("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v("="),v("span",{attrs:{class:"hljs-string"}},[s._v('"labelValue"')]),s._v(">")]),s._v("\n Set label Checkbox\n"),v("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v("\n设置 "),v("code",{pre:!0},[s._v("label")]),s._v("，当复选框选中的时候，"),v("code",{pre:!0},[s._v("checked")]),s._v(" 的值就是 "),v("code",{pre:!0},[s._v("'labelValue'")]),s._v("，当未选中的时候，"),v("code",{pre:!0},[s._v("checked")]),s._v(" 的值就是 "),v("code",{pre:!0},[s._v("false")]),s._v("；所以其实在单个复选框的场景下，最好不要设置 "),v("code",{pre:!0},[s._v("label")]),s._v("。")])]),s._v(" "),v("h3",[s._v("Props 配置")]),s._v(" "),v("table",[v("thead",[v("tr",[v("th",[s._v("参数")]),s._v(" "),v("th",[s._v("说明")]),s._v(" "),v("th",[s._v("类型")]),s._v(" "),v("th",[s._v("可选值")]),s._v(" "),v("th",[s._v("默认值")])])]),s._v(" "),v("tbody",[v("tr",[v("td",[s._v("disabled")]),s._v(" "),v("td",[s._v("是否被禁用")]),s._v(" "),v("td",[s._v("Boolean")]),s._v(" "),v("td",[s._v("true/false")]),s._v(" "),v("td",[s._v("false")])]),s._v(" "),v("tr",[v("td",[s._v("position")]),s._v(" "),v("td",[s._v("位置")]),s._v(" "),v("td",[s._v("String")]),s._v(" "),v("td",[s._v("left/right")]),s._v(" "),v("td",[s._v("left")])]),s._v(" "),v("tr",[v("td",[s._v("label")]),s._v(" "),v("td",[s._v("如果选中的话，则是把该值映射到 v-model 上")]),s._v(" "),v("td",[s._v("Boolean/String")]),s._v(" "),v("td",[s._v("-")]),s._v(" "),v("td",[s._v("''")])])])]),s._v(" "),v("h3",[s._v("事件")]),s._v(" "),v("table",[v("thead",[v("tr",[v("th",[s._v("事件名")]),s._v(" "),v("th",[s._v("说明")]),s._v(" "),v("th",[s._v("参数")])])]),s._v(" "),v("tbody",[v("tr",[v("td",[s._v("input")]),s._v(" "),v("td",[s._v("选中状态发生改变时触发")]),s._v(" "),v("td",[s._v("设置的 label 的值或者是否选中的布尔值")])])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/18.8582310842dae1c00da6.js b/docs/js/18.8582310842dae1c00da6.js new file mode 100644 index 000000000..9cfbe3ba1 --- /dev/null +++ b/docs/js/18.8582310842dae1c00da6.js @@ -0,0 +1 @@ +webpackJsonp([18],{UCq8:function(s,t,a){s.exports=a("spOv")},spOv:function(s,t,a){var v=a("VU/8")(null,a("t9AN"),null,null,null);s.exports=v.exports},t9AN:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"SegmentPicker组件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-SegmentPicker组件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" SegmentPicker 组件")]),s._v(" "),s._m(0),s._v(" "),a("p",[s._v("段选择器，用于实现多段的选择，比如选择时间段：2010年9月1日 - 2014年6月30日。")]),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"示例"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 示例")]),s._v(" "),s._m(2),s._v(" "),a("h3",{attrs:{id:"Props配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props 配置")]),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),s._m(5),s._v(" "),a("h3",{attrs:{id:"事件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-事件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 事件")]),s._v(" "),s._m(6),s._v(" "),a("h3",{attrs:{id:"实例方法"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-实例方法-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 实例方法")]),s._v(" "),s._m(7)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("1.7.0 新增")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("strong",[s._v("注：")]),s._v(" 由于此组件基于 create-api 实现，所以在使用之前，请确保自己了解过 "),a("a",{attrs:{href:"#/zh-CN/docs/create-api"}},[s._v("create-api")]),s._v("。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("基本用法")]),s._v(" "),a("p",[s._v("通过 "),a("code",{pre:!0},[s._v("data")]),s._v(" 属性定义每个节点选择器的类型和属性，"),a("code",{pre:!0},[s._v("is")]),s._v(" 代表该选择器是用哪种 Picker 组件，既可以是 Cube UI 的 Picker 类组件，也可以是你自己定义的 Picker 组件。比如下面是我们用两个 DatePicker 组件来做时间段选择。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showDateSegmentPicker"')]),s._v(">")]),s._v("StartDate - EndDate"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" dateSegmentData = [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("is")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-date-picker'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'入学时间'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("min")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2000")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("max")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2030")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("11")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("31")]),s._v(")\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("is")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-date-picker'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'毕业时间'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("min")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2000")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("max")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2030")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("11")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("31")]),s._v(")\n }\n]\n\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n mounted () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".dateSegmentPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createSegmentPicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": dateSegmentData,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("selectedDates, selectedVals, selectedTexts")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Selected Items:
- 入学时间: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedTexts["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("].join("),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(")}")]),s._v("
- 毕业时间: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedTexts["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("].join("),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(")}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onNext")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("i, selectedDate, selectedValue, selectedText")]),s._v(") =>")]),s._v(" {\n dateSegmentData["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("].min = selectedDate\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (i === "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(") {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".dateSegmentPicker.$updateProps({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": dateSegmentData\n })\n }\n }\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showDateSegmentPicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".dateSegmentPicker.show()\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("并且为了实现两个选择器之间的联动，我们可以在 next 下一步的事件处理函数中，根据第一个的选择，更新第二个选择器，比如这里是，将结束时间的最小值 = 所选的开始时间。")])]),s._v(" "),a("li",[a("p",[s._v("快递 - 寄件地址 - 收件地址")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showCitySegmentPicker"')]),s._v(">")]),s._v("Express - From - To"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" { provinceList, cityList, areaList } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'example/data/area'")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" cityData = provinceList\ncityData.forEach("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("province")]),s._v(" =>")]),s._v(" {\n province.children = cityList[province.value]\n province.children.forEach("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("city")]),s._v(" =>")]),s._v(" {\n city.children = areaList[city.value]\n })\n})\n\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n mounted () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".citySegmentPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createSegmentPicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": [{\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'选择快递'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": [expressData],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selectedIndex")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("]\n }, {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("is")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-cascade-picker'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'寄件地址'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": cityData,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selectedIndex")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("cancelTxt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'返回'")]),s._v("\n }, {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("is")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-cascade-picker'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'收件地址'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": cityData,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selectedIndex")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("]\n }],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("cancelTxt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Cancel'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("confirmTxt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Confirm'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("nextTxt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Next'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("prevTxt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Prev'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("selectedVals, selectedIndexs, selectedTexts")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Selected Items:
- 所选快递: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedTexts["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("].join("),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(")}")]),s._v("
- 寄件地址: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedTexts["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("].join("),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(")}")]),s._v("
- 收件地址: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedTexts["),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v("].join("),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(")}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n }\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showCitySegmentPicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".citySegmentPicker.show()\n }\n }\n}\n")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("默认值")]),s._v(" "),a("th",[s._v("示例")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("data")]),s._v(" "),a("td",[s._v("定义各个选择器的组件名和属性")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("[]")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("nextTxt")]),s._v(" "),a("td",[s._v("下一步按钮文案")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'下一步'")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("prevTxt")]),s._v(" "),a("td",[s._v("上一步按钮文案")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'下一步'")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("title")]),s._v(" "),a("td",[s._v("标题")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("''")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("subtitle"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("副标题")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("''")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("cancelTxt")]),s._v(" "),a("td",[s._v("取消按钮文案")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'取消'")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("confirmTxt")]),s._v(" "),a("td",[s._v("确定按钮文案")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'确定'")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("swipeTime"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("快速滑动选择器滚轮时，惯性滚动动画的时长，单位：ms")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("2500")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("visible"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("显示状态，是否可见。"),a("code",{pre:!0},[s._v("v-model")]),s._v("绑定值")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("maskClosable"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("点击蒙层是否隐藏")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("true")])]),s._v(" "),a("tr",[a("td",[s._v("zIndex"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("样式 z-index 的值")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("100")]),s._v(" "),a("td",[s._v("-")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("data")]),s._v(" 子配置项")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("默认值")]),s._v(" "),a("th",[s._v("示例")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("is")]),s._v(" "),a("td",[s._v("该节点选择器的组件名")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("cube-picker")]),s._v(" "),a("td",[s._v("cube-date-picker")])]),s._v(" "),a("tr",[a("td",[s._v("其它")]),s._v(" "),a("td",[s._v("该节点选择器的属性")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("事件名")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("参数1")]),s._v(" "),a("th",[s._v("参数2")]),s._v(" "),a("th",[s._v("参数3")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("select")]),s._v(" "),a("td",[s._v("点击确认按钮触发此事件")]),s._v(" "),a("td",[s._v("各个选择器的 select 事件的参数1，Array 类型")]),s._v(" "),a("td",[s._v("各个选择器的 select 事件的参数2，Array 类型")]),s._v(" "),a("td",[s._v("各个选择器的 select 事件的参数3，Array 类型")])]),s._v(" "),a("tr",[a("td",[s._v("cancel")]),s._v(" "),a("td",[s._v("点击取消按钮触发此事件")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("next")]),s._v(" "),a("td",[s._v("点击下一步按钮触发此事件")]),s._v(" "),a("td",[s._v("当前 picker 的索引，Number类型")]),s._v(" "),a("td",[s._v("其余参数为，当前 picker select 时间的参数")]),s._v(" "),a("td",[s._v("···")])]),s._v(" "),a("tr",[a("td",[s._v("prev")]),s._v(" "),a("td",[s._v("点击上一步按钮触发此事件")]),s._v(" "),a("td",[s._v("当前 picker 的索引，Number类型")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("change")]),s._v(" "),a("td",[s._v("滚轴滚动后触发此事件")]),s._v(" "),a("td",[s._v("pickerIndex: 当前滚动 picker 的索引，Number类型")]),s._v(" "),a("td",[s._v("index: 当前滚动列索引，Number类型")]),s._v(" "),a("td",[s._v("selectedIndex: 当前列选中项的索引，Number类型")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("方法名")]),s._v(" "),a("th",[s._v("说明")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("show")]),s._v(" "),a("td",[s._v("显示")])]),s._v(" "),a("tr",[a("td",[s._v("hide")]),s._v(" "),a("td",[s._v("隐藏")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/19.849b922a3a64b6ad18e4.js b/docs/js/19.849b922a3a64b6ad18e4.js deleted file mode 100644 index ca425744f..000000000 --- a/docs/js/19.849b922a3a64b6ad18e4.js +++ /dev/null @@ -1 +0,0 @@ -webpackJsonp([19],{467:function(s,a,t){s.exports=t(541)},541:function(s,a,t){var v=t(11)(null,t(542),null,null,null);s.exports=v.exports},542:function(s,a){s.exports={render:function(){var s=this,a=s.$createElement;s._self._c;return s._m(0)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[t("h2",[s._v("CheckboxGroup 复选框组")]),s._v(" "),t("p",[s._v("复选框组就是一组复选框，主要用来选择一组可选项；有垂直和水平两种样式。")]),s._v(" "),t("h3",[s._v("示例")]),s._v(" "),t("ul",[t("li",[t("p",[s._v("垂直排列")]),s._v(" "),t("p",[s._v("默认就是垂直排列样式")]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-html"}},[t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox-group")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"checkList"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"1"')]),s._v(">")]),s._v("\n Checkbox 1\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"2"')]),s._v(">")]),s._v("\n Checkbox 2\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"3"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":disabled")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v(">")]),s._v("\n Disabled Checkbox\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"4"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":disabled")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v(">")]),s._v("\n Disabled & Checked Checkbox\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),t("p",[t("code",{pre:!0},[s._v("checkList")]),s._v(" 的值是一个数组，代表的是选中的复选框 "),t("code",{pre:!0},[s._v("label")]),s._v(" 的值的集合。")])]),s._v(" "),t("li",[t("p",[s._v("水平排列")]),s._v(" "),t("p",[s._v("可通过设置 "),t("code",{pre:!0},[s._v("horizontal")]),s._v(" 改变样式为水平排列")]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-html"}},[t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox-group")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"checkList"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":horizontal")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"1"')]),s._v(">")]),s._v("1"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"2"')]),s._v(">")]),s._v("2"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"3"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":disabled")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v(">")]),s._v("3"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"4"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":disabled")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v(">")]),s._v("4"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])])]),s._v(" "),t("h3",[s._v("Props 配置")]),s._v(" "),t("table",[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("可选值")]),s._v(" "),t("th",[s._v("默认值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("horizontal")]),s._v(" "),t("td",[s._v("是否水平排列")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td",[s._v("true/false")]),s._v(" "),t("td",[s._v("false")])])])]),s._v(" "),t("h3",[s._v("事件")]),s._v(" "),t("table",[t("thead",[t("tr",[t("th",[s._v("事件名")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("参数")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("input")]),s._v(" "),t("td",[s._v("组内可选项选中状态发生改变时触发")]),s._v(" "),t("td",[s._v("选中的复选框的值的集合，类型数组")])])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/19.a058e2f60771e771ea74.js b/docs/js/19.a058e2f60771e771ea74.js new file mode 100644 index 000000000..5b062f7d6 --- /dev/null +++ b/docs/js/19.a058e2f60771e771ea74.js @@ -0,0 +1 @@ +webpackJsonp([19],{"/Z59":function(s,t,a){var l=a("VU/8")(null,a("UPjJ"),null,null,null);s.exports=l.exports},UPjJ:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Scroll"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Scroll-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Scroll")]),s._v(" "),s._m(0),s._v(" "),a("h3",{attrs:{id:"滚动原理"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-滚动原理-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 滚动原理")]),s._v(" "),a("p",[s._v("由于 better-scroll 的滚动原理为：在滚动方向上，第一个子元素的长度超过了容器的长度。")]),s._v(" "),s._m(1),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),a("h3",{attrs:{id:"示例"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 示例")]),s._v(" "),a("p",[s._v("7 个示例代码快速了解如何使用 Scroll 组件。")]),s._v(" "),s._m(5),s._v(" "),a("h3",{attrs:{id:"Props配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props 配置")]),s._v(" "),s._m(6),s._v(" "),s._m(7),s._v(" "),s._m(8),s._v(" "),s._m(9),s._v(" "),s._m(10),s._v(" "),s._m(11),s._v(" "),s._m(12),s._v(" "),s._m(13),s._v(" "),a("h3",{attrs:{id:"插槽"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-插槽-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 插槽")]),s._v(" "),s._m(14),s._v(" "),a("h3",{attrs:{id:"事件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-事件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 事件")]),s._v(" "),s._m(15),s._v(" "),a("h3",{attrs:{id:"方法"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-方法-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 方法")]),s._v(" "),s._m(16),s._v(" "),a("h3",{attrs:{id:"内部属性"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-内部属性-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 内部属性")]),s._v(" "),s._m(17)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("滚动列表，提供了优质的原生滚动体验，便捷的配置项和事件，是一个基于"),a("code",{pre:!0},[s._v("better-scroll")]),s._v("进行封装的组件。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("那么对于 Scroll 组件，其实就是内容元素"),a("code",{pre:!0},[s._v(".cube-scroll-content")]),s._v("在滚动方向上的长度必须大于容器元素 "),a("code",{pre:!0},[s._v(".cube-scroll-wrapper")]),s._v("。根据滚动方向的不同，有以下两种情况：")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("1）纵向滚动："),a("strong",[s._v("内容元素的高度必须大于容器元素")]),s._v("。由于容器元素的高度默认会被子元素的高度撑开，所以为了满足我们的滚动前提，你需要给 Scroll 组件的 "),a("code",{pre:!0},[s._v(".cube-scroll-wrapper")]),s._v("元素一个非弹性高度。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("2）横向滚动："),a("strong",[s._v("内容元素的宽度必须大于容器元素")]),s._v("。由于在默认情况下，子元素的宽度不会超过容器元素，所以需要给 Scroll 组件的 "),a("code",{pre:!0},[s._v(".cube-scroll-content")]),s._v(" 元素设置大于 "),a("code",{pre:!0},[s._v(".cube-scroll-wrapper")]),s._v(" 的宽度。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("注意：任何时候如果出现无法滚动的情况，都应该首先查看内容元素"),a("code",{pre:!0},[s._v(".cube-scroll-content")]),s._v("的元素高度/宽度是否大于容器元素"),a("code",{pre:!0},[s._v(".cube-scroll-wrapper")]),s._v("的高度/宽度。这是内容能够滚动的前提条件。"),a("strong",[s._v("如果内容存在图片的情况，可能会出现 DOM 元素渲染时图片还未下载，因此内容元素的高度小于预期，出现滚动不正常的情况。此时你应该在图片加载完成后，比如 onload 事件回调中，手动调用 Scroll 组件的 "),a("code",{pre:!0},[s._v("refresh()")]),s._v(" 方法，它会重新计算滚动距离。")]),s._v(" Scroll 相关常见问题可以查看 "),a("a",{attrs:{href:"https://github.com/cube-ui/question-answer/issues?utf8=%E2%9C%93&q=is%3Aissue+is%3Aopen+scroll"}},[s._v("Cube-UI/Question-Answer")]),s._v(".")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[a("strong",[s._v("1. 基本使用 - Default")])]),s._v(" "),a("p",[s._v("通过设置 "),a("code",{pre:!0},[s._v("data")]),s._v(" 属性为一个数组，即可生成能够在容器内优雅滚动的列表。完整示例代码在"),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/example/pages/scroll/default.vue"}},[s._v("这里")]),s._v("。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll-list-wrap"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"items"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"options"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-stylus"}},[a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".scroll-list-wrap")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("350px")]),s._v("\n")])]),s._v(" "),a("blockquote",[a("p",[a("strong",[s._v("注意")]),s._v("：由上面的滚动原理可知，这里给滚动容器提供一个固定高度是必须的，同时只有在滚动内容的高度大于容器高度时才可滚动。")])]),s._v(" "),a("p",[s._v("在"),a("code",{pre:!0},[s._v("options")]),s._v("中可以设置滚动条是否可见以及初始滚动位置"),a("code",{pre:!0},[s._v("startY/startX")]),s._v("。")]),s._v(" "),a("p",[s._v("Scroll 组件提供了一个"),a("code",{pre:!0},[s._v("scrollTo()")]),s._v("方法，可以手动控制列表滚动位置。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[s._v("scrollTo() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.scroll.scrollTo(\n "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".scrollToY,\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".scrollToTime,\n ease["),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".scrollToEasing]\n )\n},\n")])]),s._v(" "),a("p",[s._v("实际上这是一个非常有用的方法，如当我们想要实现“点击不同锚点，列表滚动到相应位置展现不同内容”时，可以使用"),a("code",{pre:!0},[s._v("scrollTo()")]),s._v("方法。")])]),s._v(" "),a("li",[a("p",[a("strong",[s._v("2. 横向滚动 - Horizontal")])]),s._v(" "),a("p",[s._v("Scroll 组件支持横向滚动，只需指定"),a("code",{pre:!0},[s._v('direction="horizontal"')]),s._v("，同时需要添加相应样式如下。完整示例代码在"),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/example/pages/scroll/horizontal.vue"}},[s._v("这里")]),s._v("。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"items"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("direction")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"horizontal"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"horizontal-scroll-list-wrap"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"list-wrapper"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item in items"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"list-item"')]),s._v(">")]),s._v("{{ item }}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-stylus"}},[a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".horizontal-scroll-list-wrap")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("border")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1px")]),s._v(" solid rgba("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0.1")]),s._v(")\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("border-radius")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("5px")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-scroll-content")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("display")]),s._v(": inline-block\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".list-wrapper")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("padding")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(" "),a("span",{attrs:{class:"hljs-number"}},[s._v("10px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("line-height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("60px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("white-space")]),s._v(": nowrap\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".list-item")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("display")]),s._v(": inline-block\n")])]),s._v(" "),a("blockquote",[a("p",[a("strong",[s._v("注意")]),s._v("：1. 由上面的滚动原理可知，这里的 CSS 样式设置是必须的，只有在滚动内容的宽度大于容器宽度时才可滚动。2. 有时候我们希望横向滚动使用"),a("code",{pre:!0},[s._v("Scroll")]),s._v("组件来模拟，纵向保留浏览器原生滚动，或者相反的情况。这时你需要传递 better-scroll 配置项 "),a("a",{attrs:{href:"http://ustbhuangyi.github.io/better-scroll/doc/zh-hans/options.html#eventpassthrough"}},[s._v("eventPassthrough")]),s._v("。")])]),s._v(" "),a("p",[s._v("这里对样式的设定做简要的解释，为"),a("code",{pre:!0},[s._v("list-item")]),s._v("元素添加"),a("code",{pre:!0},[s._v("display: inline-block")]),s._v("是希望元素能够不换行，单行显示。"),a("code",{pre:!0},[s._v("list-wrapper")]),s._v("添加"),a("code",{pre:!0},[s._v("white-space: nowrap")]),s._v("是希望遇到父元素边界，依然不换行。另外，关键是"),a("code",{pre:!0},[s._v("cube-scroll-content")]),s._v("元素添加"),a("code",{pre:!0},[s._v("display: inline-block")]),s._v("样式，此时"),a("code",{pre:!0},[s._v("cube-scroll-content")]),s._v("元素的宽度为能够包裹子孙元素的最小宽度，即为连续内联"),a("code",{pre:!0},[s._v("list-item")]),s._v("元素的宽度之和子元素的最大宽度。具有同样性质的样式还有，浮动元素和绝对定位元素，在不设置具体宽度时，其宽度为包裹子孙元素的最小宽度。")])]),s._v(" "),a("li",[a("p",[a("strong",[s._v("3. 自定义内容和上拉刷新下拉加载 - Customized")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("Scroll")]),s._v("组件支持通过插槽自定义列表内容和样式。完整示例代码在"),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/example/pages/scroll/config.vue"}},[s._v("这里")]),s._v("。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll-list-wrap"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"items"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"options"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@pulling-down")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onPullingDown"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@pulling-up")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onPullingUp"')]),s._v(">")]),s._v("\n ... // 自定义内容\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("p",[s._v("Scroll 组件还支持下拉刷新和上拉加载的能力。默认无下拉刷新/上拉加载，可通过"),a("code",{pre:!0},[s._v("options")]),s._v("传递配置项"),a("code",{pre:!0},[s._v("pullDownRefresh")]),s._v("和"),a("code",{pre:!0},[s._v("pullUpLoad")]),s._v("开启相应功能。开启后，下拉时，Scroll 组件会展示默认下拉动画以及派发"),a("code",{pre:!0},[s._v("pulling-down")]),s._v("事件，你可以监听"),a("code",{pre:!0},[s._v("pulling-down")]),s._v("事件更新数据。同理，开启上拉加载后，可通过"),a("code",{pre:!0},[s._v("pulling-up")]),s._v("事件更新数据。")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("pullDownRefresh")]),s._v("的相关配置有：下拉阈值（threshold）, 回弹位置（stop）, 更新成功文案（txt）和文案显示时间（stopTime）。"),a("code",{pre:!0},[s._v("pullDownRefresh")]),s._v("和"),a("code",{pre:!0},[s._v("pullUpLoad")]),s._v("对象的所有配置项和含义见 "),a("a",{attrs:{href:"#/zh-CN/docs/scroll#cube-Props%E9%85%8D%E7%BD%AE-anchor"}},[s._v("Props 配置")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[s._v("... "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 省略非核心代码")]),s._v("\ncomputed: {\n options() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("pullDownRefresh")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".pullDownRefreshObj,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("pullUpLoad")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".pullUpLoadObj,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("scrollbar")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n },\n ...\n},\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n onPullingDown() {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 模拟更新数据")]),s._v("\n setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" ("),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Math")]),s._v(".random() > "),a("span",{attrs:{class:"hljs-number"}},[s._v("0.5")]),s._v(") {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 如果有新数据")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".items.unshift(_foods["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("])\n } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("else")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 如果没有新数据")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.scroll.forceUpdate()\n }\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n },\n onPullingUp() {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 模拟更新数据")]),s._v("\n setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" ("),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Math")]),s._v(".random() > "),a("span",{attrs:{class:"hljs-number"}},[s._v("0.5")]),s._v(") {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 如果有新数据")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("let")]),s._v(" newPage = _foods.slice("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v(")\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".items = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".items.concat(newPage)\n } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("else")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 如果没有新数据")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.scroll.forceUpdate()\n }\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n },\n ...\n}\n")])]),s._v(" "),a("blockquote",[a("p",[a("strong",[s._v("注意")]),s._v("：如果请求结果没有数据更新，则必须调用 Scroll 组件的"),a("code",{pre:!0},[s._v("forceUpdate()")]),s._v("方法结束此次下拉刷新/上拉加载，这样 Scroll 组件才会开始监听下一次下拉刷新/上拉加载操作。在上例中数据更新时，没有调用"),a("code",{pre:!0},[s._v("forceUpdate()")]),s._v("方法，原因为："),a("strong",[s._v("如果你向"),a("code",{pre:!0},[s._v("Scroll")]),s._v("组件传递了"),a("code",{pre:!0},[s._v("data")]),s._v("属性，那么当"),a("code",{pre:!0},[s._v("Scroll")]),s._v("组件监听到"),a("code",{pre:!0},[s._v("data")]),s._v("有更新时会自行调用"),a("code",{pre:!0},[s._v("forceUpate(true)")]),s._v("方法")]),s._v("，因此推荐传递"),a("code",{pre:!0},[s._v("data")]),s._v("属性。")])])]),s._v(" "),a("li",[a("p",[a("strong",[s._v("4. 自定义下拉刷新动画 - 仿京东 App 首页")])]),s._v(" "),a("p",[s._v("如果你不喜欢内置的下拉刷新和上拉加载动画，还可以用"),a("a",{attrs:{href:"https://cn.vuejs.org/v2/guide/components.html#%E4%BD%9C%E7%94%A8%E5%9F%9F%E6%8F%92%E6%A7%BD"}},[s._v("作用域插槽")]),s._v("做自定义动画。Scroll 组件的作用域插槽暴露出的变量非常完善，可以满足绝大多数场景下自定义下拉/上拉动画的需求。下面的例子模仿了京东 App 首页的下拉刷新动画。完整示例代码在"),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/example/pages/scroll/jd.vue"}},[s._v("这里")]),s._v("。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":scroll-events")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"['scroll']\"")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scrollOptions"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@scroll")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onScrollHandle"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@pulling-down")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onPullingDown"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("img")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("src")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"http://om0jxp12h.bkt.clouddn.com/jd_content.JPG"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"pulldown"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("slot-scope")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-if")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props.pullDownRefresh"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"cube-pulldown-wrapper"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":style")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"pullDownStyle"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"pulldown-content"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("img")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("src")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"http://om0jxp12h.bkt.clouddn.com/pulldow-img.jpg"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-if")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props.beforePullDown"')]),s._v(">")]),s._v("{{ pullDownTip }}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-else")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-if")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props.isPullingDown"')]),s._v(">")]),s._v("正在更新..."),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-else")]),s._v(">")]),s._v("更新成功"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[s._v("data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("pullDownRefresh")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("threshold")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("60")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("stop")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("40")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'更新成功'")]),s._v("\n }\n },\n ...\n }\n},\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("computed")]),s._v(": {\n pullDownTip() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" ("),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".pullDownY <= "),a("span",{attrs:{class:"hljs-number"}},[s._v("60")]),s._v(") {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'下拉刷新...'")]),s._v("\n } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("else")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" ("),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".pullDownY <= "),a("span",{attrs:{class:"hljs-number"}},[s._v("90")]),s._v(") {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'继续下拉有惊喜...'")]),s._v("\n } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("else")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'松手得惊喜！'")]),s._v("\n }\n },\n headerStyle() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Math")]),s._v(".min("),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Math")]),s._v(".max("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(" - "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".pullDownY / "),a("span",{attrs:{class:"hljs-number"}},[s._v("40")]),s._v("))\n }\n},\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n onScrollHandle(pos) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".pullDownY = pos.y\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (pos.y > "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(") {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".pullDownStyle = "),a("span",{attrs:{class:"hljs-string"}},[s._v("`top:"),a("span",{attrs:{class:"hljs-subst"}},[s._v("${pos.y}")]),s._v("px`")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".triggerSurpriseFlag = "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" ("),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".pullDownY > "),a("span",{attrs:{class:"hljs-number"}},[s._v("90")]),s._v(") {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".triggerSurpriseFlag = "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n }\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.topHeader.style.opacity = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".headerStyle\n },\n onPullingDown() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" ("),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".triggerSurpriseFlag) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".triggerSurprise = "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.scroll.forceUpdate()\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v("\n }\n setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.scroll.forceUpdate()\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n },\n ...\n}\n")])]),s._v(" "),a("p",[s._v("通过作用域插槽提供的作用域参数，如："),a("code",{pre:!0},[s._v("beforePulldown")]),s._v("和"),a("code",{pre:!0},[s._v("isPullingDown")]),s._v("，你可以根据状态的变化来控制动画流程，其他作用域参数及其含义详见下面的"),a("a",{attrs:{href:"#/zh-CN/docs/scroll#cube-%E6%8F%92%E6%A7%BD-anchor"}},[s._v("插槽")]),s._v("。在一个完整的下拉刷新过程中，"),a("code",{pre:!0},[s._v("beforePullDown")]),s._v("和"),a("code",{pre:!0},[s._v("isPullingDown")]),s._v("的状态变化如下：")]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("流程")]),s._v(" "),a("th",[s._v("beforePulldown")]),s._v(" "),a("th",[s._v("isPullingDown")]),s._v(" "),a("th",[s._v("备注")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("1. 未触发下拉刷新")]),s._v(" "),a("td",[s._v("true")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("展示继续下拉引导图案")])]),s._v(" "),a("tr",[a("td",[s._v("2. 触发下拉刷新")]),s._v(" "),a("td",[s._v("false")]),s._v(" "),a("td",[s._v("true")]),s._v(" "),a("td",[s._v("异步请求数据，显示 loading")])]),s._v(" "),a("tr",[a("td",[s._v("3. 获取数据成功")]),s._v(" "),a("td",[s._v("false")]),s._v(" "),a("td",[s._v("false")]),s._v(" "),a("td",[s._v("调用 "),a("code",{pre:!0},[s._v("forceUpdate(true)")]),s._v(", 显示成功文案, 延迟 stopTime 时间进入步骤 4")])]),s._v(" "),a("tr",[a("td",[s._v("4. 下拉刷新完成")]),s._v(" "),a("td",[s._v("true")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])])])])]),s._v(" "),a("li",[a("p",[a("strong",[s._v("5. 高级使用 - 仿头条 App 首页")])]),s._v(" "),a("p",[s._v("Scroll 组件能够满足绝大多数移动端应用的滚动需求。本例中通过横向和纵向的两个 Scroll 组件快速实现了模仿头条 App 首页的滚动体验。完整的示例代码在"),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/example/pages/scroll/toutiao.vue"}},[s._v("这里")]),s._v("。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"nav-scroll-list-wrap"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"navScroll"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("direction")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"horizontal"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"nav-wrapper"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(item, index) in navTxts"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"index"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"nav-item"')]),s._v(">")]),s._v("{{ item }}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"more-wrapper"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"more"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"content-scroll-wrapper"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"content-scroll-list-wrap"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scrollWrapper"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"contentScroll"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"content"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"options"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@pulling-down")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onPullingDown"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@pulling-up")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onPullingUp"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"imgs-wrapper"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(item, index) in content"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"index"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"imgs-item"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("img")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":src")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item.url"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"pulldown"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("slot-scope")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-if")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props.pullDownRefresh"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"cube-pulldown-wrapper"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":style")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props.pullDownStyle"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-if")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props.beforePullDown"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"before-trigger"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":style")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"{paddingTop: props.bubbleY + 'px'}\"")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"{rotate: props.bubbleY > options.pullDownRefresh.threshold - 60}"')]),s._v(">")]),s._v("↓"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"after-trigger"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-else")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-show")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props.isPullingDown"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"loading"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-loading")]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("transition")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"success"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-show")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"!props.isPullingDown"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"text-wrapper"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"refresh-text"')]),s._v(">")]),s._v("今日头条推荐引擎有x条更新"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("p",[s._v("和“仿京东 APP”示例不同的是，在下拉刷新的自定义动画中，使用了"),a("code",{pre:!0},[s._v("pulldown")]),s._v("作用域插槽中的"),a("code",{pre:!0},[s._v("pullDownStyle")]),s._v("和"),a("code",{pre:!0},[s._v("bubbleY")]),s._v("更方便的实现下拉动画。")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("pullDownStyle")]),s._v("用来控制下拉内容的位置，值为字符串"),a("code",{pre:!0},[s._v("top: n px")]),s._v("（n 代表数值）。Scroll 组件是通过绝对定位的"),a("code",{pre:!0},[s._v("top")]),s._v("值来控制下拉内容位置的。初始状态"),a("code",{pre:!0},[s._v("top")]),s._v("值为负值，大小刚好为下拉内容的高度，因此下拉内容被隐藏到滚动区域上方，当下拉过程中，Scroll 组件会逐渐增大"),a("code",{pre:!0},[s._v("top")]),s._v("值，实时更新下拉内容的位置。"),a("code",{pre:!0},[s._v("top")]),s._v("最大值为0，即当下拉内容完全显示后"),a("code",{pre:!0},[s._v("top")]),s._v("值不再增加。即 "),a("code",{pre:!0},[s._v("pullY - height <= top <= 0")]),s._v("。（pullY 为下拉距离，height 为下拉内容高度）")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("bubbleY")]),s._v("用来辅助实现自定义动画。在默认动画中，"),a("code",{pre:!0},[s._v("bubbleY")]),s._v("用来控制气泡尾巴长度；在头条例子中，用来控制箭头的"),a("code",{pre:!0},[s._v("padding-top")]),s._v("值，间接控制箭头位置。"),a("code",{pre:!0},[s._v("bubbleY")]),s._v("的最小值为 0，下拉过程中，当下拉距离大于下拉内容高度后，"),a("code",{pre:!0},[s._v("bubbleY")]),s._v("开始增大。即 "),a("code",{pre:!0},[s._v("0 <= bubbleY <= pullY - height")]),s._v("。")]),s._v(" "),a("blockquote",[a("p",[s._v("在本例中，"),a("code",{pre:!0},[s._v("pullDownRefresh")]),s._v("配置项没有传入"),a("code",{pre:!0},[s._v("stop")]),s._v("值，但是下拉后依然能够回弹到正确位置，原因是 Scroll 组件初始化时会将 "),a("code",{pre:!0},[s._v("beforePullDown === false && isPullingDown === true")]),s._v(" 时下拉内容高度作为 "),a("code",{pre:!0},[s._v("stop")]),s._v(" 默认值。")])])]),s._v(" "),a("li",[a("p",[a("strong",[s._v("6. 嵌套纵向滚动 - Vertical Scrolls")]),a("sup",[s._v("1.12.0")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("Scroll")]),s._v("组件还支持嵌套的场景(目前只支持两层嵌套)。当遇到嵌套场景时，你需要给内层"),a("code",{pre:!0},[s._v("scroll")]),s._v("组件设置 Prop nestMode，可选值有 'native' 和 'free'。当设置为 'native' 时，嵌套"),a("code",{pre:!0},[s._v("Scroll")]),s._v("与浏览器原生嵌套场景的滚动行为相同。下面是"),a("code",{pre:!0},[s._v("Scroll")]),s._v("组件实现纵向嵌套滚动的例子。完整的示例代码在这里"),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/example/pages/scroll/vertical-scrolls.vue"}},[s._v("这里")]),s._v("。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll1"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll-list-outer-wrap"')]),s._v(">")]),s._v("\n ...\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll2"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll-list-inner-wrap"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("nest-mode")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"native"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"cube-scroll-list"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"cube-scroll-item border-bottom-1px"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(item, index) in items2"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"index"')]),s._v(">")]),s._v("{{item}}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n ...\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[a("strong",[s._v("7. 嵌套横向滚动 - Horizontal Scrolls")]),a("sup",[s._v("1.12.0")])]),s._v(" "),a("p",[s._v("你还可以实现横向的嵌套滚动。这里同时设置"),a("code",{pre:!0},[s._v("nestMode")]),s._v("为"),a("code",{pre:!0},[s._v("free")]),s._v("，与"),a("code",{pre:!0},[s._v("native")]),s._v("模式不同的是，"),a("code",{pre:!0},[s._v("free")]),s._v("模式下，内层滚动过程中只要触发边界，便会开启外层滚动。而"),a("code",{pre:!0},[s._v("native")]),s._v("模式下，只在开始滚动时判断是否到达边界，与浏览器原生的嵌套滚动保持一致。完整的示例代码在"),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/example/pages/scroll/horizontal-scrolls.vue"}},[s._v("这里")]),s._v("。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"items1"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("direction")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"horizontal"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"outer-horizontal-scroll"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"list-wrapper"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item in items1"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"list-item"')]),s._v(">")]),s._v("{{ item }}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"list-item inner-horizontal-scroll"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"items2"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("direction")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"horizontal"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("nest-mode")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"free"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"list-wrapper"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item in items2"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"list-item"')]),s._v(">")]),s._v("{{ item }}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item in items1"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"list-item"')]),s._v(">")]),s._v("{{ item }}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("可选值")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("data")]),s._v(" "),a("td",[s._v("用于列表渲染的数据")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("[]")])]),s._v(" "),a("tr",[a("td",[s._v("direction")]),s._v(" "),a("td",[s._v("滚动方向")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'vertical', 'horizontal'")]),s._v(" "),a("td",[s._v("'vertical'")])]),s._v(" "),a("tr",[a("td",[s._v("options")]),s._v(" "),a("td",[s._v("better-scroll 配置项，具体请参考"),a("a",{attrs:{href:"https://ustbhuangyi.github.io/better-scroll/doc/zh-hans/options.html"}},[s._v("BS 官方文档")])]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("{"),a("br"),s._v(" observeDOM: true,"),a("br"),s._v(" click: true,"),a("br"),s._v(" probeType: 1,"),a("br"),s._v(" scrollbar: false,"),a("br"),s._v(" pullDownRefresh: false,"),a("br"),s._v(" pullUpLoad: false"),a("br"),s._v("}")])]),s._v(" "),a("tr",[a("td",[s._v("scrollEvents"),a("sup",[s._v("1.9.0")])]),s._v(" "),a("td",[s._v("配置需要派发的 scroll 事件")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("可包含子项：'scroll', 'before-scroll-start', 'scroll-end'")]),s._v(" "),a("td",[s._v("[]")])]),s._v(" "),a("tr",[a("td",[s._v("listenScroll")]),s._v(" "),a("td",[s._v("是否派发 scroll 事件。"),a("code",{pre:!0},[s._v("即将废弃")]),s._v("，推荐使用 "),a("code",{pre:!0},[s._v("scroll-events")]),s._v(" 属性")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("listenBeforeScroll")]),s._v(" "),a("td",[s._v("是否派发 before-scroll-start 事件。"),a("code",{pre:!0},[s._v("即将废弃")]),s._v("，推荐使用 "),a("code",{pre:!0},[s._v("scroll-events")]),s._v(" 属性")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("refreshDelay")]),s._v(" "),a("td",[s._v("data属性的数据更新后，scroll 的刷新延时")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("20")])]),s._v(" "),a("tr",[a("td",[s._v("nestMode"),a("sup",[s._v("1.12.0")])]),s._v(" "),a("td",[s._v("嵌套滚动模式，默认是"),a("code",{pre:!0},[s._v("none")]),s._v("，即不做嵌套处理。"),a("code",{pre:!0},[s._v("native")]),s._v("只在开始滚动时判断是否到达边界并开启外层滚动，与浏览器原生的嵌套滚动保持一致。"),a("code",{pre:!0},[s._v("free")]),s._v("模式下，内层滚动过程中只要触发边界，便会开启外层滚动。")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'none', 'native', 'free'")]),s._v(" "),a("td",[s._v("'none'")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("code",{pre:!0},[s._v("options")]),s._v("中 better-scroll 的几个常用配置项，"),a("code",{pre:!0},[s._v("scrollbar")]),s._v("、"),a("code",{pre:!0},[s._v("pullDownRefresh")]),s._v("、"),a("code",{pre:!0},[s._v("pullUpLoad")]),s._v("这三个配置即可设为 "),a("code",{pre:!0},[s._v("Boolean")]),s._v("（"),a("code",{pre:!0},[s._v("false")]),s._v(" 关闭该功能，"),a("code",{pre:!0},[s._v("true")]),s._v(" 开启该功能，并使用默认子配置），也可设为"),a("code",{pre:!0},[s._v("Object")]),s._v("，开启该功能并具体定制其子配置项。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("scrollbar")]),s._v(" 子配置项")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("可选值")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("fade")]),s._v(" "),a("td",[s._v("是否淡入淡出")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("pullDownRefresh")]),s._v(" 子配置项")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("可选值")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("threshold")]),s._v(" "),a("td",[s._v("下拉刷新动作的下拉距离阈值")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("90")])]),s._v(" "),a("tr",[a("td",[s._v("stop")]),s._v(" "),a("td",[s._v("回弹停留的位置")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("组件会自动计算回弹时显示的元素高度作为默认值")])]),s._v(" "),a("tr",[a("td",[s._v("stopTime")]),s._v(" "),a("td",[s._v("刷新成功的文案显示时间")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("600")])]),s._v(" "),a("tr",[a("td",[s._v("txt")]),s._v(" "),a("td",[s._v("刷新成功的文案")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("'Refresh success'")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("pullUpLoad")]),s._v(" 子配置项")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("可选值")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("threshold")]),s._v(" "),a("td",[s._v("上拉刷新动作的上拉距离阈值")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("0")])]),s._v(" "),a("tr",[a("td",[s._v("txt")]),s._v(" "),a("td",[s._v("上拉加载的相关文案")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("{ more: '', noMore: '' }")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("名字")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("作用域参数")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("default")]),s._v(" "),a("td",[s._v("基于"),a("code",{pre:!0},[s._v("data")]),s._v("属性渲染的列表")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("pulldown")]),s._v(" "),a("td",[s._v("位于列表上方，会在下拉刷新时显示")]),s._v(" "),a("td",[s._v("pullDownRefresh: 是否开启了下拉刷新功能 "),a("br"),s._v(" pullDownStyle: 移入移出的样式 "),a("br"),s._v(" beforePullDown: 是否正在做下拉操作 "),a("br"),s._v(" isPullingDown: 是否正在拉取数据 "),a("br"),s._v(" bubbleY: 当前下拉的距离 - 50")])]),s._v(" "),a("tr",[a("td",[s._v("pullup")]),s._v(" "),a("td",[s._v("位于列表下方，会在上拉加载时显示")]),s._v(" "),a("td",[s._v("pullUpLoad: 是否开启了上拉加载功能 "),a("br"),s._v(" isPullUpLoad: 是否正在加载数据")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("事件名")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("参数")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("click")]),s._v(" "),a("td",[s._v("点击列表项时触发")]),s._v(" "),a("td",[s._v("item - 该列表项的数据")])]),s._v(" "),a("tr",[a("td",[s._v("scroll")]),s._v(" "),a("td",[s._v("当 "),a("code",{pre:!0},[s._v("scroll-events")]),s._v(" 包含 "),a("code",{pre:!0},[s._v("scroll")]),s._v(" 时，根据 probeType 的值决定派发时机")]),s._v(" "),a("td",[s._v("Object {x, y} - 实时滚动位置的坐标")])]),s._v(" "),a("tr",[a("td",[s._v("before-scroll-start")]),s._v(" "),a("td",[s._v("当 "),a("code",{pre:!0},[s._v("scroll-events")]),s._v(" 包含 "),a("code",{pre:!0},[s._v("before-scroll-start")]),s._v(" 时，在滚动开始之前触发")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("scroll-end"),a("sup",[s._v("1.9.0")])]),s._v(" "),a("td",[s._v("当 "),a("code",{pre:!0},[s._v("scroll-events")]),s._v(" 包含 "),a("code",{pre:!0},[s._v("scroll-end")]),s._v(" 时，在滚动结束时触发")]),s._v(" "),a("td",[s._v("Object {x, y} - 实时滚动位置的坐标")])]),s._v(" "),a("tr",[a("td",[s._v("pulling-down")]),s._v(" "),a("td",[s._v("当 pullDownRefresh 属性为 true 时，在下拉超过阈值时触发")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("pulling-up")]),s._v(" "),a("td",[s._v("当 pullUpLoad 属性为 true 时，在上拉超过阈值时触发")]),s._v(" "),a("td",[s._v("-")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("方法名")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("参数")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("scrollTo")]),s._v(" "),a("td",[s._v("滚动到指定位置")]),s._v(" "),a("td",[s._v("x: 横向位置"),a("br"),s._v(" y: 纵向位置"),a("br"),s._v(" time: 过渡动画时间"),a("br"),s._v(" ease: 动画曲线")])]),s._v(" "),a("tr",[a("td",[s._v("forceUpdate")]),s._v(" "),a("td",[s._v("标记上拉下拉结束，强制重新计算可滚动距离")]),s._v(" "),a("td",[s._v("dirty: 是否有数据更新，默认为 false。true 表示有数据更新重新计算可滚动距离，上拉文案显示"),a("code",{pre:!0},[s._v("pullUpLoad.text.more")]),s._v("值，false 表示没有数据更新，无需重新计算, 上拉文案显示"),a("code",{pre:!0},[s._v("pullUpLoad.text.nomore")]),s._v("值")])]),s._v(" "),a("tr",[a("td",[s._v("disable")]),s._v(" "),a("td",[s._v("禁用滚动")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("enable")]),s._v(" "),a("td",[s._v("启用滚动，默认是开启滚动的。")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("resetPullUpTxt")]),s._v(" "),a("td",[s._v("当从无更多切换到有更多时，重置上拉文本内容")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("refresh")]),s._v(" "),a("td",[s._v("刷新，重新计算高度且刷新 BetterScroll 实例")]),s._v(" "),a("td",[s._v("-")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("属性名")]),s._v(" "),a("th",[s._v("说明")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("scroll")]),s._v(" "),a("td",[s._v("可以通过该属性获得内部实现滚动核心的 BScoll 实例，从而获得更多 BScoll 的底层能力，如监听"),a("code",{pre:!0},[s._v("touchEnd")]),s._v("事件，获得滚动中的中间状态等，具体可查看"),a("a",{attrs:{href:"http://ustbhuangyi.github.io/better-scroll/doc/zh-hans/"}},[s._v(" better-scroll 文档")])])])])])}]}},kegs:function(s,t,a){s.exports=a("/Z59")}}); \ No newline at end of file diff --git a/docs/js/2.3e50a03b0be017a6977f.js b/docs/js/2.3e50a03b0be017a6977f.js new file mode 100644 index 000000000..085ba7f18 --- /dev/null +++ b/docs/js/2.3e50a03b0be017a6977f.js @@ -0,0 +1 @@ +webpackJsonp([2],{L6bT:function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[t("h2",{attrs:{id:"Validator"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-Validator-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Validator")]),s._v(" "),s._m(0),s._v(" "),t("p",[s._v("校验器，用于对表单进行验证，并提示相应的错误信息。")]),s._v(" "),t("h3",{attrs:{id:"示例"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 示例")]),s._v(" "),s._m(1),s._v(" "),t("h3",{attrs:{id:"Props"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-Props-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props")]),s._v(" "),s._m(2),s._v(" "),t("h3",{attrs:{id:"Slot"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-Slot-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Slot")]),s._v(" "),s._m(3),s._v(" "),t("h3",{attrs:{id:"事件"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-事件-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 事件")]),s._v(" "),s._m(4),s._v(" "),t("h3",{attrs:{id:"实例方法"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-实例方法-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 实例方法")]),s._v(" "),s._m(5),s._v(" "),t("h3",{attrs:{id:"规则"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-规则-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 规则")]),s._v(" "),s._m(6),s._v(" "),t("h3",{attrs:{id:"添加默认提示信息"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-添加默认提示信息-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 添加默认提示信息")]),s._v(" "),t("p",[s._v("首先我们看一下内置的默认提示信息是怎样的，如果你需要修改，可以通过 addMessage 修改相应子属性。")]),s._v(" "),s._m(7),s._v(" "),s._m(8),s._v(" "),s._m(9),s._v(" "),s._m(10),s._v(" "),t("p",[s._v("如上，组件内部解析默认的消息是类似于 Vue filter 的机制。")]),s._v(" "),s._m(11),s._v(" "),s._m(12),s._v(" "),s._m(13),s._v(" "),s._m(14),s._v(" "),s._m(15),s._v(" "),t("p",[s._v("通过 Validator.addHelper 方法注册的工具函数实际上是在 Locale.helpers 的命名空间下，你也可以导入 Locale 模块并且通过 Locale.addHelper 注册工具函数，两者都是指向同一块内存地址。")]),s._v(" "),t("h3",{attrs:{id:"添加类型"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-添加类型-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 添加类型")]),s._v(" "),s._m(16),s._v(" "),s._m(17),s._v(" "),s._m(18),s._v(" "),s._m(19)])},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("blockquote",[t("p",[s._v("1.5.0 新增")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ul",[t("li",[t("p",[s._v("基本用法")]),s._v(" "),t("p",[s._v("Validator 作为一个独立的组件，通过 model 属性绑定它需要检验的数据；rules 定义验证规则，在 rules 规则中，可以配置 type、required 等内置规则，也可以用 pattern 添加校验的正则表达式，或 custom 自定义验证函数，具体细节可见后面的规则；针对各类规则，我们有比较完善的默认提示文案，具体可见后面的默认提示文案；同时，你也可以用 messages 属性用于自定义提示信息。")]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-html"}},[t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-input")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"text"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("placeholder")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"E-mail"')]),s._v(">")]),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-validator")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"valid"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"text"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":rules")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"rules"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":messages")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"messages"')]),s._v(">")]),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-js"}},[t("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("valid")]),s._v(": "),t("span",{attrs:{class:"hljs-literal"}},[s._v("undefined")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),t("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'email'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("pattern")]),s._v(": "),t("span",{attrs:{class:"hljs-regexp"}},[s._v("/didi.com$/")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("custom")]),s._v(": "),t("span",{attrs:{class:"hljs-function"}},[s._v("("),t("span",{attrs:{class:"hljs-params"}},[s._v("val")]),s._v(") =>")]),s._v(" {\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" val.length >= "),t("span",{attrs:{class:"hljs-number"}},[s._v("12")]),s._v("\n }\n },\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("messages")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("pattern")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'The E-mail suffix need to be didi.com.'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("custom")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'The E-mail need contain at least 12 characters.'")]),s._v("\n },\n }\n }\n}\n")])])]),s._v(" "),t("li",[t("p",[s._v("给表单添加警告样式")]),s._v(" "),t("p",[s._v("如果想给表单组件添加警告样式，可以通过把表单组件作为默认插槽，插在 Validator 组件内。因为当未通过验证时，Validator 组件会有一个样式类，cube-validator_warn，给这个类下的表单元素增加样式即可。")]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-html"}},[t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-validator")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"text"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":rules")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"rules"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"valid"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-input")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"text"')]),s._v(">")]),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-js"}},[t("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("valid")]),s._v(": "),t("span",{attrs:{class:"hljs-literal"}},[s._v("undefined")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),t("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'email'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("min")]),s._v(": "),t("span",{attrs:{class:"hljs-number"}},[s._v("6")]),s._v("\n }\n }\n }\n}\n")])]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-css"}},[s._v("// "),t("span",{attrs:{class:"hljs-selector-tag"}},[s._v("add")]),s._v(" "),t("span",{attrs:{class:"hljs-selector-tag"}},[s._v("warning")]),s._v(" "),t("span",{attrs:{class:"hljs-selector-tag"}},[s._v("style")]),s._v(" "),t("span",{attrs:{class:"hljs-selector-tag"}},[s._v("to")]),s._v(" "),t("span",{attrs:{class:"hljs-selector-tag"}},[s._v("input")]),s._v("\n"),t("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-validator_warn")]),s._v("\n "),t("span",{attrs:{class:"hljs-selector-tag"}},[s._v("input")]),s._v("\n "),t("span",{attrs:{class:"hljs-selector-tag"}},[s._v("border")]),s._v(": "),t("span",{attrs:{class:"hljs-selector-tag"}},[s._v("solid")]),s._v(" 1"),t("span",{attrs:{class:"hljs-selector-tag"}},[s._v("px")]),s._v(" "),t("span",{attrs:{class:"hljs-selector-tag"}},[s._v("yellow")]),s._v("\n")])])]),s._v(" "),t("li",[t("p",[s._v("自定义提示插槽")]),s._v(" "),t("p",[s._v("用 messages 属性只能配置提示信息文案，但当你想加图标等自定义提示时，可以使用 message 插槽。这是一个作用域插槽，提供的作用域参数基本上能够满足所有的灵活定制需求，参数包括了：dirty，待检验的数据是否有修改过；message，首条没通过的规则的提示信息；result，对象，内含每条规则的校验结果和提示信息，如{ required: { valid: false, invalid: true, message: '必填' } }。")]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-html"}},[t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-validator")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"valid"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"text"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":rules")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"rules"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":messages")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"messages"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-input")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"text"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("placeholder")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"component name"')]),s._v(">")]),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"message"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"custom-msg"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("slot-scope")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"props"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-if")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"(props.dirty || props.validated) && !valid"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("i")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"dd-cubeic-important"')]),s._v(">")]),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v(" {{ props.message }}\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"(item, index) in Object.values(props.result)"')]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"index"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-if")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item.inValid"')]),s._v(">")]),s._v("\n {{ item.message + ' ' }}\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-js"}},[t("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("valid")]),s._v(": "),t("span",{attrs:{class:"hljs-literal"}},[s._v("undefined")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'string'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("pattern")]),s._v(": "),t("span",{attrs:{class:"hljs-regexp"}},[s._v("/^cube-/")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("min")]),s._v(": "),t("span",{attrs:{class:"hljs-number"}},[s._v("8")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("max")]),s._v(": "),t("span",{attrs:{class:"hljs-number"}},[s._v("10")]),s._v("\n },\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("messages")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("pattern")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'The component name need start with \"cube-\"'")]),s._v("\n },\n }\n }\n}\n")])]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-css"}},[t("span",{attrs:{class:"hljs-selector-class"}},[s._v(".custom-msg")]),s._v("\n "),t("span",{attrs:{class:"hljs-selector-tag"}},[s._v("color")]),s._v(": "),t("span",{attrs:{class:"hljs-selector-tag"}},[s._v("orange")]),s._v("\n")])])]),s._v(" "),t("li",[t("p",[s._v("异步校验"),t("sup",[s._v("1.8.0+")])]),s._v(" "),t("p",[s._v("支持校验规则是异步的情况，约定如果校验规则函数的返回值是一个函数（"),t("strong",[s._v("该函数接收一个 "),t("code",{pre:!0},[s._v("resolve")]),s._v(" 回调，如果调用传入 "),t("code",{pre:!0},[s._v("true")]),s._v(" 则代表校验成功，否则都视为失败")]),s._v("）或者是一个 Promise 对象（"),t("strong",[t("code",{pre:!0},[s._v("resolve")]),s._v(" 的值是 "),t("code",{pre:!0},[s._v("true")]),s._v(" 的话就是校验成功，否则都视为失败")]),s._v("）那么就是异步校验，同时在校验的过程中会派发 "),t("code",{pre:!0},[s._v("validating")]),s._v(" 事件，在校验后派发 "),t("code",{pre:!0},[s._v("validated")]),s._v(" 事件。")]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-html"}},[t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"validator-item"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("p")]),s._v(">")]),s._v("Async validate: "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-validator")]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"valid"')]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"captcha"')]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":rules")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"rules"')]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":messages")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"messages"')]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":immediate")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"immediate"')]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("@validating")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"validatingHandler"')]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("@validated")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"validatedHandler"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-input")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"captcha"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("placeholder")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"Please input captcha"')]),s._v(">")]),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-js"}},[t("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("valid")]),s._v(": "),t("span",{attrs:{class:"hljs-literal"}},[s._v("undefined")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("captcha")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'number'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),t("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("len")]),s._v(": "),t("span",{attrs:{class:"hljs-number"}},[s._v("6")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("captchaCheck")]),s._v(": "),t("span",{attrs:{class:"hljs-function"}},[s._v("("),t("span",{attrs:{class:"hljs-params"}},[s._v("val")]),s._v(") =>")]),s._v(" {\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" "),t("span",{attrs:{class:"hljs-function"}},[s._v("("),t("span",{attrs:{class:"hljs-params"}},[s._v("resolve")]),s._v(") =>")]),s._v(" {\n setTimeout("),t("span",{attrs:{class:"hljs-function"}},[t("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n resolve(val === "),t("span",{attrs:{class:"hljs-string"}},[s._v("'123456'")]),s._v(")\n }, "),t("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n }\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("/** or return promise:\n return new Promise((resolve) => {\n setTimeout(() => {\n resolve(val === '123456')\n }, 1000)\n })\n **/")]),s._v("\n }\n },\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("messages")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("captchaCheck")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Please input \"123456\"'")]),s._v("\n }\n }\n },\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n validatingHandler() {\n "),t("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),t("span",{attrs:{class:"hljs-string"}},[s._v("'validating'")]),s._v(")\n },\n validatedHandler() {\n "),t("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),t("span",{attrs:{class:"hljs-string"}},[s._v("'validated'")]),s._v(")\n }\n }\n}\n")])]),s._v(" "),t("p",[s._v("上述的 "),t("code",{pre:!0},[s._v("captchaCheck")]),s._v(" 就是一个异步校验规则，校验过程需花费 1 秒。")])]),s._v(" "),t("li",[t("p",[s._v("提交")]),s._v(" "),t("p",[s._v("虽然提交不属于 Validator 组件，但它往往与校验结果相关联着。所以这里说一下我们对提交的一种最佳实践，可供参考。重点在于对同时存在多个校验任务，以及提交时无论是否填写过表单都要进行校验，这两个需求的处理。")]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-html"}},[t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-input")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"text0"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("placeholder")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"Required"')]),s._v("/>")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-validator")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"validator0"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"result[0]"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"text0"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":rules")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"rules0"')]),s._v("/>")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-input")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"text1"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("placeholder")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"E-mail"')]),s._v("/>")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-validator")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"validator1"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"result[1]"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"text1"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":rules")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"rules1"')]),s._v("/>")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-input")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"text2"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("placeholder")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"TEL"')]),s._v("/>")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-validator")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"validator2"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"result[2]"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"text2"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":rules")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"rules2"')]),s._v("/>")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"submit"')]),s._v(">")]),s._v("Submit"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-js"}},[t("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("result")]),s._v(": ["),t("span",{attrs:{class:"hljs-literal"}},[s._v("undefined")]),s._v(", "),t("span",{attrs:{class:"hljs-literal"}},[s._v("undefined")]),s._v(", "),t("span",{attrs:{class:"hljs-literal"}},[s._v("undefined")]),s._v("],\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("text0")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("rules0")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),t("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n },\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("text1")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("rules1")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'email'")]),s._v(",\n },\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("text2")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("rules2")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'tel'")]),s._v(",\n },\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("trigger")]),s._v(": "),t("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v("\n }\n },\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n submit() {\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" p1 = "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.validator0.validate()\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" p2 = "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.validator1.validate()\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" p3 = "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.validator2.validate()\n "),t("span",{attrs:{class:"hljs-built_in"}},[s._v("Promise")]),s._v(".all([p1, p2, p3]).then("),t("span",{attrs:{class:"hljs-function"}},[t("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" ("),t("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".result.every("),t("span",{attrs:{class:"hljs-function"}},[t("span",{attrs:{class:"hljs-params"}},[s._v("item")]),s._v(" =>")]),s._v(" item)) {\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Submited'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),t("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n })\n }\n }\n}\n")])]),s._v(" "),t("p",[s._v("对于有多个校验同时通过才可提交的情况，为了不用一个一个去取校验结果变量，可以把这组校验结果存在一个数组，在提交时，遍历这个数组即可。")]),s._v(" "),t("p",[s._v("通过调用 Validator 实例的 "),t("code",{pre:!0},[s._v("validate")]),s._v(" 方法可以去校验处理，从 1.8.0 版本后支持回调参数且如果浏览器支持 Promise 那么返回值就是 Promise 对象。")])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("可选值")]),s._v(" "),t("th",[s._v("默认值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("model")]),s._v(" "),t("td",[s._v("必传，指定需要校验的数据")]),s._v(" "),t("td",[s._v("Any")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("v-model")]),s._v(" "),t("td",[s._v("校验结果，是否通过验证")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td",[s._v("true/false")]),s._v(" "),t("td",[s._v("true")])]),s._v(" "),t("tr",[t("td",[s._v("rules")]),s._v(" "),t("td",[s._v("校验规则，具体见后面的内置规则和创建规则")]),s._v(" "),t("td",[s._v("Object")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("{}")])]),s._v(" "),t("tr",[t("td",[s._v("messages")]),s._v(" "),t("td",[s._v("自定义提示信息")]),s._v(" "),t("td",[s._v("Object")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("{}")])]),s._v(" "),t("tr",[t("td",[s._v("immediate")]),s._v(" "),t("td",[s._v("初始时是否立即校验")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td",[s._v("true/false")]),s._v(" "),t("td",[s._v("false")])]),s._v(" "),t("tr",[t("td",[s._v("disabled"),t("sup",[s._v("1.7.0+")])]),s._v(" "),t("td",[s._v("是否禁用")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td",[s._v("true/false")]),s._v(" "),t("td",[s._v("false")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",[t("thead",[t("tr",[t("th",[s._v("名字")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("作用域参数")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("default")]),s._v(" "),t("td",[s._v("表单组件")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("message")]),s._v(" "),t("td",[s._v("错误提示")]),s._v(" "),t("td",[s._v("dirty: 待检验的数据是否有修改过 "),t("br"),s._v(" validating: 是否正在校验 "),t("br"),s._v(" validated: 是否校验过 "),t("br"),s._v(" message: 首条没通过的规则的提示信息 "),t("br"),s._v(" result: 对象，内含每条规则的校验结果和提示信息，如{ required: { valid: false, invalid: true, message: '必填' } }")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",[t("thead",[t("tr",[t("th",[s._v("事件名")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("参数")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("validating")]),s._v(" "),t("td",[s._v("正在校验（只在异步场景下触发）")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("validated")]),s._v(" "),t("td",[s._v("校验完成（只在异步场景下触发）")]),s._v(" "),t("td",[s._v("valid: 校验是否成功")])]),s._v(" "),t("tr",[t("td",[s._v("msg-click")]),s._v(" "),t("td",[s._v("错误消息点击")]),s._v(" "),t("td",[s._v("-")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",[t("thead",[t("tr",[t("th",[s._v("方法名")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("返回值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("validate(cb)")]),s._v(" "),t("td",[s._v("校验")]),s._v(" "),t("td",[s._v("cb: 校验完成后回调函数，主要用于异步校验场景，调用参数为 valid 的值")]),s._v(" "),t("td",[s._v("如果支持 Promise 返回值为 Promise 对象（只有 resolved 状态，值为 valid），否则返回值为 undefined")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ul",[t("li",[t("p",[s._v("已有规则")]),s._v(" "),t("p",[s._v("目前已有的内置规则，有 required、type、min、max、len、notWhitespace、pattern、custom。")]),s._v(" "),t("table",[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("可选值")]),s._v(" "),t("th",[s._v("示例")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("required")]),s._v(" "),t("td",[s._v("必填")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td",[s._v("true/false")]),s._v(" "),t("td",[s._v("true")])]),s._v(" "),t("tr",[t("td",[s._v("type")]),s._v(" "),t("td",[s._v("类型")]),s._v(" "),t("td",[s._v("String")]),s._v(" "),t("td",[s._v("'string', 'number', 'array', 'date', 'email', 'tel', 'url'")]),s._v(" "),t("td",[s._v("'tel'")])]),s._v(" "),t("tr",[t("td",[s._v("min")]),s._v(" "),t("td",[s._v("当类型为 number 或 date 时，表示待校验的数据必须大于等于 min；其它类型，表示待校验数据的长度必须大于等于 min")]),s._v(" "),t("td",[s._v("Number")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("6")])]),s._v(" "),t("tr",[t("td",[s._v("max")]),s._v(" "),t("td",[s._v("当类型为 number 或 date 时，表示待校验的数据必须小于等于 max；其它类型，表示待校验数据的长度必须小于等于 max")]),s._v(" "),t("td",[s._v("Number")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("8")])]),s._v(" "),t("tr",[t("td",[s._v("len")]),s._v(" "),t("td",[s._v("当类型为 number 或 date 时，表示待校验的数据必须等于 len；其它类型，表示待校验数据的长度必须等于 len")]),s._v(" "),t("td",[s._v("Number")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("7")])]),s._v(" "),t("tr",[t("td",[s._v("notWhitespace")]),s._v(" "),t("td",[s._v("不允许全是空白符")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td",[s._v("true/false")]),s._v(" "),t("td",[s._v("true")])]),s._v(" "),t("tr",[t("td",[s._v("pattern")]),s._v(" "),t("td",[s._v("正则匹配")]),s._v(" "),t("td",[s._v("RegExp")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("/1$/")])]),s._v(" "),t("tr",[t("td",[s._v("custom")]),s._v(" "),t("td",[s._v("自定义验证函数，当返回值严格等于 true 时，代表验证通过。")]),s._v(" "),t("td",[s._v("Function")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("val => val.length === 7")])])])])]),s._v(" "),t("li",[t("p",[s._v("添加规则")]),s._v(" "),t("p",[s._v("除了已有的内置规则，你还可以使用 Validator 的 addRule 方法，添加自定义的公共规则，以及 addMessage 方法添加相应的默认提示信息。")]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-js"}},[t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" Vue "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'vue'")]),s._v("\n"),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" { Validator } "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// need use Validator")]),s._v("\nVue.use(Validator)\nValidator.addRule("),t("span",{attrs:{class:"hljs-string"}},[s._v("'odd'")]),s._v(", (val, config, type) => !config || "),t("span",{attrs:{class:"hljs-built_in"}},[s._v("Number")]),s._v("(val) % "),t("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(" === "),t("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(")\nValidator.addMessage("),t("span",{attrs:{class:"hljs-string"}},[s._v("'odd'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Please input odd.'")]),s._v(")\n")])]),s._v(" "),t("p",[s._v("接下来你就可以在 rules 的配置中使用 odd 规则了：")]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-html"}},[t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-validator")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"valid"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"text"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":rules")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"rules"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-input")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"text3"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("placeholder")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"odd"')]),s._v(">")]),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-js"}},[t("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'100'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("valid")]),s._v(": "),t("span",{attrs:{class:"hljs-literal"}},[s._v("undefined")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'number'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("odd")]),s._v(": "),t("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n }\n }\n}\n")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ul",[t("li",[s._v("内置的默认提示信息")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-js"}},[t("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" messages = {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'此为必填项'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("string")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请输入字符'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("number")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请输入数字'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("array")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'数据类型应为数组'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("date")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请选择有效日期'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("email")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请输入有效邮箱'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("tel")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请输入有效的手机号码'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请输入有效网址'")]),s._v("\n },\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("min")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("string")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'至少输入 {{config}} 位字符'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("number")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'不得小于 {{config}}'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("array")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请选择至少 {{config}} 项'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("date")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请选择 {{config | toLocaleDateString(\"yyyy年MM月dd日\")}} 之后的时间'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("email")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'至少输入 {{config}} 位字符'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("tel")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'至少输入 {{config}} 位字符'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'至少输入 {{config}} 位字符'")]),s._v("\n },\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("max")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("string")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请勿超过 {{config}} 位字符'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("number")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请勿大于 {{config}}'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("array")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'最多选择 {{config}} 项'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("date")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请选择 {{config | toLocaleDateString(\"yyyy年MM月dd日\")}} 之前的时间'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("email")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请勿超过 {{config}} 位字符'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("tel")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请勿超过 {{config}} 位字符'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请勿超过 {{config}} 位字符'")]),s._v("\n },\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("len")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("string")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请输入 {{config}} 位字符'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("number")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'长度应等于 {{config}}'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("array")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请选择 {{config}} 项'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("date")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请选择 {{config | toLocaleDateString(\"yyyy年MM月dd日\")}} 之前的时间'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("email")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请输入 {{config}} 位字符'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("tel")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请输入 {{config}} 位字符'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请输入 {{config}} 位字符'")]),s._v("\n },\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("pattern")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'格式错误'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("custom")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'未通过校验'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("notWhitespace")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'空白内容无效'")]),s._v("\n}\n")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ul",[t("li",[s._v("修改已有提示信息")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-js"}},[t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" Vue "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'vue'")]),s._v("\n"),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" { Validator } "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// need use Validator")]),s._v("\nVue.use(Validator)\n\nValidator.addMessage("),t("span",{attrs:{class:"hljs-string"}},[s._v("'required'")]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v("'必填'")]),s._v(")\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// 覆盖 min.date 的提示消息")]),s._v("\nValidator.addMessage("),t("span",{attrs:{class:"hljs-string"}},[s._v("'min'")]),s._v(", {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("date")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v('\'请选择 {{config | toLocaleDateString("yyyy年MM月dd日") | tips("请重新输入")}} 之后的时间\'')]),s._v("\n})\nValidator.addHelper("),t("span",{attrs:{class:"hljs-string"}},[s._v("'tips'")]),s._v(", "),t("span",{attrs:{class:"hljs-function"}},[t("span",{attrs:{class:"hljs-keyword"}},[s._v("function")]),s._v("("),t("span",{attrs:{class:"hljs-params"}},[s._v("result, arg1")]),s._v(") ")]),s._v("{\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// 必须要返回提示消息")]),s._v("\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("`"),t("span",{attrs:{class:"hljs-subst"}},[s._v("${result}")]),s._v(", "),t("span",{attrs:{class:"hljs-subst"}},[s._v("${arg1}")]),s._v("`")]),s._v("\n})\n")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ul",[t("li",[s._v("config")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("比如你配置的规则是：{type: 'date', min: '2018-10-10'}，那么对于 "),t("code",{pre:!0},[s._v("min")]),s._v(" 下面的 "),t("code",{pre:!0},[s._v("date")]),s._v(" 的消息模板中的 "),t("code",{pre:!0},[s._v("config")]),s._v(" 字段的值就是 '2018-10-10', 因为校验的是一个 "),t("code",{pre:!0},[s._v("date")]),s._v(" 类型，"),t("code",{pre:!0},[s._v("min")]),s._v(" 对应的字段可以是一个 "),t("code",{pre:!0},[s._v("timestamp")]),s._v(" (日期时间戳)或者类似于日期格式的字符串 "),t("code",{pre:!0},[s._v("yyyy-MM-dd mm:ss")]),s._v(" 或者 "),t("code",{pre:!0},[s._v("yyyy/MM/dd mm:ss")]),s._v("。")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ul",[t("li",[s._v("toLocaleDateString")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("内置的helper函数，第一个参数是你配置的 config 值，第二个参数是你期望的日期格式， 如上则为 "),t("code",{pre:!0},[s._v("'yyyy年MM月dd日'")]),s._v(", 接受类似于 "),t("code",{pre:!0},[s._v("yyyy-MM-dd mm:ss")]),s._v(" 格式，你也可以通过如下的方式注册你自己的helper函数。")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-js"}},[s._v("Validator.addHelper("),t("span",{attrs:{class:"hljs-string"}},[s._v("'fnName'")]),s._v(", (result, arg1) => {\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// result -> 上一个helper函数返回的值或者 config 值，如上例则是'2018-10-10'")]),s._v("\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// arg1 -> 你在消息模板传入的字符串, 如上例则是'请重新输入'")]),s._v("\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("let")]),s._v(" ret\n\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// 实现自己的逻辑")]),s._v("\n ret = result + arg1\n\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// 必须返回处理过后的消息")]),s._v("\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" ret\n})\n")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ul",[t("li",[s._v("添加新的类型")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-js"}},[t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" { Validator } "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n\nValidator.addType("),t("span",{attrs:{class:"hljs-string"}},[s._v("'yourType'")]),s._v(", (val) => {\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("typeof")]),s._v(" val === "),t("span",{attrs:{class:"hljs-string"}},[s._v("'string'")]),s._v(" && "),t("span",{attrs:{class:"hljs-regexp"}},[s._v("/^[a-z0-9_-]+/i")]),s._v(".test(val)\n})\n")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ul",[t("li",[s._v("修改已有类型")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-js"}},[t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" { Validator } "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n\nValidator.addType("),t("span",{attrs:{class:"hljs-string"}},[s._v("'email'")]),s._v(", (val) => {\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("typeof")]),s._v(" val === "),t("span",{attrs:{class:"hljs-string"}},[s._v("'string'")]),s._v(" && "),t("span",{attrs:{class:"hljs-regexp"}},[s._v("/^[a-z0-9_-]+@[a-z0-9_-]+(\\.[a-z0-9_-]+)$/i")]),s._v(".test(val)\n})\n")])])}]}},OsmJ:function(s,a,t){s.exports=t("mXmL")},mXmL:function(s,a,t){var v=t("VU/8")(null,t("L6bT"),null,null,null);s.exports=v.exports}}); \ No newline at end of file diff --git a/docs/js/2.5646afd1164b78b33fc1.js b/docs/js/2.5646afd1164b78b33fc1.js deleted file mode 100644 index 3990c399a..000000000 --- a/docs/js/2.5646afd1164b78b33fc1.js +++ /dev/null @@ -1 +0,0 @@ -webpackJsonp([2],{484:function(s,t,a){s.exports=a(575)},575:function(s,t,a){var v=a(11)(null,a(576),null,null,null);s.exports=v.exports},576:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement;s._self._c;return s._m(0)},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",[s._v("Toast")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("Toast")]),s._v("组件主要用于非模态信息提醒，无需用户交互。")]),s._v(" "),a("h3",[s._v("示例")]),s._v(" "),a("ul",[a("li",[a("p",[s._v("显示时间设置")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showToastTime"')]),s._v(">")]),s._v("Toast - time 1s"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showToastTime0"')]),s._v(">")]),s._v("Toast - time 0"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showToastTime() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" toast = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Toast time 1s'")]),s._v("\n })\n toast.show()\n },\n showToastTime0() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" toast = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Toast time 0'")]),s._v("\n })\n toast.show()\n setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n toast.hide()\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("2000")]),s._v(")\n }\n }\n}\n")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("time")]),s._v(" 字段决定了 Toast 显示的时间，如果设置为 "),a("code",{pre:!0},[s._v("0")]),s._v("，则不会消失，需要手动调用组件的 "),a("code",{pre:!0},[s._v("hide")]),s._v(" 方法。")])]),s._v(" "),a("li",[a("p",[s._v("显示遮罩")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showToastMask"')]),s._v(">")]),s._v("Toast- with mask"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showToastMask () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" toast = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Loading...'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("mask")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n })\n toast.show()\n }\n }\n}\n")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("mask")]),s._v(" 设置为 "),a("code",{pre:!0},[s._v("true")]),s._v(" 时会显示遮罩。")])]),s._v(" "),a("li",[a("p",[s._v("类型设置")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showToastType"')]),s._v(">")]),s._v("Toast - type"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showToastType() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" toast = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v("\n })\n toast.show()\n }\n }\n}\n")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("type")]),s._v(" 字段决定了 Toast 的显示图标类型，具体对应关系，参见下方的 Props 配置。")])])]),s._v(" "),a("h3",[s._v("Props 配置")]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("可选值")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("type")]),s._v(" "),a("td",[s._v("类型(对应不同的 icon)")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("loading/correct/error/warn")]),s._v(" "),a("td",[s._v("loading")])]),s._v(" "),a("tr",[a("td",[s._v("mask")]),s._v(" "),a("td",[s._v("遮罩")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("txt")]),s._v(" "),a("td",[s._v("提示信息")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("''")])]),s._v(" "),a("tr",[a("td",[s._v("time")]),s._v(" "),a("td",[s._v("显示时间")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("3000")])])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/20.32b5f56ad8727fdf2c25.js b/docs/js/20.32b5f56ad8727fdf2c25.js new file mode 100644 index 000000000..8a7f5f449 --- /dev/null +++ b/docs/js/20.32b5f56ad8727fdf2c25.js @@ -0,0 +1 @@ +webpackJsonp([20],{BVMP:function(s,a,t){var v=t("VU/8")(null,t("trBo"),null,null,null);s.exports=v.exports},"iP+r":function(s,a,t){s.exports=t("BVMP")},trBo:function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[t("h2",{attrs:{id:"ScrollNav组件"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-ScrollNav组件-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" ScrollNav 组件")]),s._v(" "),s._m(0),s._v(" "),t("p",[s._v("滚动导航组件。")]),s._v(" "),t("h3",{attrs:{id:"示例"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 示例")]),s._v(" "),s._m(1),s._v(" "),t("h3",{attrs:{id:"Props"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-Props-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props")]),s._v(" "),t("h4",{attrs:{id:"CubeScrollNav"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-CubeScrollNav-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CubeScrollNav")]),s._v(" "),s._m(2),s._v(" "),t("h4",{attrs:{id:"CubeScrollNavPanel"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-CubeScrollNavPanel-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CubeScrollNavPanel")]),s._v(" "),s._m(3),s._v(" "),t("h3",{attrs:{id:"插槽"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-插槽-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 插槽")]),s._v(" "),s._m(4),s._v(" "),t("h3",{attrs:{id:"事件"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-事件-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 事件")]),s._v(" "),s._m(5),s._v(" "),t("h3",{attrs:{id:"实例方法"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-实例方法-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 实例方法")]),s._v(" "),s._m(6)])},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("blockquote",[t("p",[s._v("1.10.0 新增")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ul",[t("li",[t("p",[s._v("基本使用 - Default")]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-html"}},[t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll-nav")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("@change")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"changeHandler"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll-nav-panel")]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item in data"')]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item.name"')]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":label")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item.name"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"food in item.foods"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("img")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":src")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"food.icon"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("p")]),s._v(">")]),s._v("{{food.name}}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-js"}},[t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" goodsData "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'example/data/goods-list.json'")]),s._v("\n\n"),t("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" goods = goodsData.goods\n\n"),t("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": goods\n }\n },\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n changeHandler(label) {\n "),t("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),t("span",{attrs:{class:"hljs-string"}},[s._v("'changed to:'")]),s._v(", label)\n }\n }\n}\n")])]),s._v(" "),t("p",[t("code",{pre:!0},[s._v("goods")]),s._v(" 的结构类似于这样：")]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-js"}},[t("span",{attrs:{class:"hljs-string"}},[s._v('"goods"')]),s._v(": [\n {\n "),t("span",{attrs:{class:"hljs-string"}},[s._v('"name"')]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v('"热销榜"')]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v('"type"')]),s._v(": "),t("span",{attrs:{class:"hljs-number"}},[s._v("-1")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v('"foods"')]),s._v(": [\n {\n "),t("span",{attrs:{class:"hljs-string"}},[s._v('"name"')]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v('"皮蛋瘦肉粥"')]),s._v(",\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n "),t("span",{attrs:{class:"hljs-string"}},[s._v('"icon"')]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v('"http://fuss10.elemecdn.com/c/cd/c12745ed8a5171e13b427dbc39401jpeg.jpeg?imageView2/1/w/114/h/114"')]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v('"image"')]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v('"http://fuss10.elemecdn.com/c/cd/c12745ed8a5171e13b427dbc39401jpeg.jpeg?imageView2/1/w/750/h/750"')]),s._v("\n },\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n ]\n },\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n]\n")])]),s._v(" "),t("p",[t("code",{pre:!0},[s._v("cube-scroll-nav")]),s._v(" 需要和 "),t("code",{pre:!0},[s._v("cube-scroll-nav-panel")]),s._v(" 组件配合使用，"),t("code",{pre:!0},[s._v("cube-scroll-nav-panel")]),s._v(" 就是每一个需要导航定位到的面板组件。")]),s._v(" "),t("p",[t("code",{pre:!0},[s._v("cube-scroll-nav-panel")]),s._v(" 组件需要一个必须的 Prop："),t("code",{pre:!0},[s._v("label")]),s._v("，唯一标示 key 值。")]),s._v(" "),t("p",[s._v("当导航 active 项发生变化的时候就会触发 "),t("code",{pre:!0},[s._v("change")]),s._v(" 事件。")])]),s._v(" "),t("li",[t("p",[s._v("侧边式 - Side Style")]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-html"}},[t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll-nav")]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":side")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"data"')]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":current")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"current"')]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("@change")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"changeHandler"')]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("@sticky-change")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"stickyChangeHandler"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"prepend-header"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"prepend"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("11"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("22"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("333"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll-nav-panel")]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item in data"')]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item.name"')]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":label")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item.name"')]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":title")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item.name"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"food in item.foods"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("img")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":src")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"food.icon"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("p")]),s._v(">")]),s._v("{{food.name}}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-js"}},[t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" goodsData "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'example/data/goods-list.json'")]),s._v("\n\n"),t("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" goods = goodsData.goods\n\n"),t("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("components")]),s._v(": {\n CubePage\n },\n data() {\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": goods,\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("current")]),s._v(": goods["),t("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v("].name\n }\n },\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n changeHandler(label) {\n "),t("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),t("span",{attrs:{class:"hljs-string"}},[s._v("'changed to:'")]),s._v(", label)\n },\n stickyChangeHandler(current) {\n "),t("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),t("span",{attrs:{class:"hljs-string"}},[s._v("'sticky-change'")]),s._v(", current)\n }\n }\n}\n")])]),s._v(" "),t("p",[t("code",{pre:!0},[s._v("side")]),s._v(" 设置为 "),t("code",{pre:!0},[s._v("true")]),s._v(" 代表是一个侧边样式效果；")]),s._v(" "),t("p",[t("code",{pre:!0},[s._v("data")]),s._v(" 则是默认传入的数据，这个数据会被传入内部使用的 "),t("code",{pre:!0},[s._v("cube-scroll")]),s._v(" 组件，当 "),t("code",{pre:!0},[s._v("data")]),s._v(" 发生变化时，scroll 组件会自动刷新；")]),s._v(" "),t("p",[t("code",{pre:!0},[s._v("current")]),s._v(" 是导航默认值，如果有值则会默认滚动到相对应的面板 Panel 的位置。")]),s._v(" "),t("p",[t("code",{pre:!0},[s._v("sticky-change")]),s._v(" 就是当前导航条的吸附状态发生改变的时候触发，参数可能的值目前只有两个，一个是 "),t("code",{pre:!0},[s._v("''")]),s._v(" 一个是 "),t("code",{pre:!0},[s._v("'cube-scroll-nav-bar'")]),s._v("。")]),s._v(" "),t("p",[s._v("此外，这里还在 "),t("code",{pre:!0},[s._v("cube-scroll-nav-panel")]),s._v(" 之前插入了一些内容，利用 "),t("code",{pre:!0},[s._v("prepend")]),s._v(" 插槽实现。")])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("可选值")]),s._v(" "),t("th",[s._v("默认值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("data")]),s._v(" "),t("td",[s._v("数据源，可选")]),s._v(" "),t("td",[s._v("Array")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("side")]),s._v(" "),t("td",[s._v("是否是侧边样式")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td",[s._v("true/false")]),s._v(" "),t("td",[s._v("false")])]),s._v(" "),t("tr",[t("td",[s._v("current")]),s._v(" "),t("td",[s._v("当前导航 active 项的 key 值")]),s._v(" "),t("td",[s._v("String/Number")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("''")])]),s._v(" "),t("tr",[t("td",[s._v("speed")]),s._v(" "),t("td",[s._v("点击导航切换到指定位置的速度")]),s._v(" "),t("td",[s._v("Number")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("300")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("可选值")]),s._v(" "),t("th",[s._v("默认值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("label")]),s._v(" "),t("td",[s._v("必须，面板的唯一标示的值")]),s._v(" "),t("td",[s._v("String/Number")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("title")]),s._v(" "),t("td",[s._v("面板标题内容，可以是 HTML 字符串")]),s._v(" "),t("td",[s._v("String/Number")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("默认等于 label")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",[t("thead",[t("tr",[t("th",[s._v("名字")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("作用域参数")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("default")]),s._v(" "),t("td",[s._v("默认面板内容")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("prepend")]),s._v(" "),t("td",[s._v("前置内容，在导航之前")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("bar")]),s._v(" "),t("td",[s._v("导航内容，如果需要自定义导航结构的话使用，里边放置 cube-scroll-nav-bar 组件")]),s._v(" "),t("td",[s._v("labels: 所有面板的 label 值集合"),t("br"),s._v("txts: 所有面板的 title 值集合"),t("br"),s._v("current: 当前导航 active 项的 key 值")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",[t("thead",[t("tr",[t("th",[s._v("事件名")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("参数")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("change")]),s._v(" "),t("td",[s._v("当导航 active 项发生变化的时候")]),s._v(" "),t("td",[s._v("active - 当前 active 的 key 值")])]),s._v(" "),t("tr",[t("td",[s._v("sticky-change")]),s._v(" "),t("td",[s._v("当前导航条的吸附状态发生改变的时候触发")]),s._v(" "),t("td",[s._v("current - 如果未吸附，则值为 '' 否则为 'cube-scroll-nav-bar'")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",[t("thead",[t("tr",[t("th",[s._v("方法名")]),s._v(" "),t("th",[s._v("说明")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("refresh")]),s._v(" "),t("td",[s._v("刷新，当内容或高度发生变化时可用于重新计算整体内容、位置")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/20.8b6532a72648f5d4d454.js b/docs/js/20.8b6532a72648f5d4d454.js deleted file mode 100644 index 77f556fb8..000000000 --- a/docs/js/20.8b6532a72648f5d4d454.js +++ /dev/null @@ -1 +0,0 @@ -webpackJsonp([20],{466:function(t,s,v){t.exports=v(539)},539:function(t,s,v){var a=v(11)(null,v(540),null,null,null);t.exports=a.exports},540:function(t,s){t.exports={render:function(){var t=this,s=t.$createElement;t._self._c;return t._m(0)},staticRenderFns:[function(){var t=this,s=t.$createElement,v=t._self._c||s;return v("section",[v("h2",[t._v("Button")]),t._v(" "),v("p",[t._v("按钮，提供了各种类型、样子、状态以及图标。")]),t._v(" "),v("h3",[t._v("示例")]),t._v(" "),v("ul",[v("li",[v("p",[t._v("按钮类型")]),t._v(" "),v("p",[t._v("默认类型为 "),v("code",{pre:!0},[t._v("button")]),t._v("，还可设置为 "),v("code",{pre:!0},[t._v("submit")]),t._v(" 用于表单中")]),t._v(" "),v("pre",{pre:!0},[v("code",{attrs:{"v-pre":"",class:"language-html"}},[v("span",{attrs:{class:"hljs-tag"}},[t._v("<"),v("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(">")]),t._v("Button"),v("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),v("span",{attrs:{class:"hljs-tag"}},[t._v("<"),v("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),v("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v("="),v("span",{attrs:{class:"hljs-string"}},[t._v('"submit"')]),t._v(">")]),t._v("Submit Button"),v("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])])]),t._v(" "),v("li",[v("p",[t._v("按钮状态")]),t._v(" "),v("p",[t._v("默认正常，可设置激活、禁用状态")]),t._v(" "),v("pre",{pre:!0},[v("code",{attrs:{"v-pre":"",class:"language-html"}},[v("span",{attrs:{class:"hljs-tag"}},[t._v("<"),v("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),v("span",{attrs:{class:"hljs-attr"}},[t._v(":active")]),t._v("="),v("span",{attrs:{class:"hljs-string"}},[t._v('"true"')]),t._v(">")]),t._v("Active Button"),v("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),v("span",{attrs:{class:"hljs-tag"}},[t._v("<"),v("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),v("span",{attrs:{class:"hljs-attr"}},[t._v(":disabled")]),t._v("="),v("span",{attrs:{class:"hljs-string"}},[t._v('"true"')]),t._v(">")]),t._v("Disabled Button"),v("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])])]),t._v(" "),v("li",[v("p",[t._v("图标")]),t._v(" "),v("p",[t._v("可设置 icon 的 class")]),t._v(" "),v("pre",{pre:!0},[v("code",{attrs:{"v-pre":"",class:"language-html"}},[v("span",{attrs:{class:"hljs-tag"}},[t._v("<"),v("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),v("span",{attrs:{class:"hljs-attr"}},[t._v("icon")]),t._v("="),v("span",{attrs:{class:"hljs-string"}},[t._v('"cubeic-right"')]),t._v(">")]),t._v("Button With Icon"),v("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])])]),t._v(" "),v("li",[v("p",[t._v("样子")]),t._v(" "),v("p",[t._v("可以通过设置 "),v("code",{pre:!0},[t._v("light")]),t._v("、"),v("code",{pre:!0},[t._v("inline")]),t._v("、"),v("code",{pre:!0},[t._v("outline")]),t._v("、"),v("code",{pre:!0},[t._v("primary")]),t._v(" 属性来改变按钮样子")]),t._v(" "),v("pre",{pre:!0},[v("code",{attrs:{"v-pre":"",class:"language-html"}},[v("span",{attrs:{class:"hljs-tag"}},[t._v("<"),v("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),v("span",{attrs:{class:"hljs-attr"}},[t._v(":light")]),t._v("="),v("span",{attrs:{class:"hljs-string"}},[t._v('"true"')]),t._v(">")]),t._v("Light Button"),v("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),v("span",{attrs:{class:"hljs-tag"}},[t._v("<"),v("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),v("span",{attrs:{class:"hljs-attr"}},[t._v(":inline")]),t._v("="),v("span",{attrs:{class:"hljs-string"}},[t._v('"true"')]),t._v(">")]),t._v("Inline Button"),v("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),v("span",{attrs:{class:"hljs-tag"}},[t._v("<"),v("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),v("span",{attrs:{class:"hljs-attr"}},[t._v(":outline")]),t._v("="),v("span",{attrs:{class:"hljs-string"}},[t._v('"true"')]),t._v(">")]),t._v("Outline Button"),v("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),v("span",{attrs:{class:"hljs-tag"}},[t._v("<"),v("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),v("span",{attrs:{class:"hljs-attr"}},[t._v(":primary")]),t._v("="),v("span",{attrs:{class:"hljs-string"}},[t._v('"true"')]),t._v(">")]),t._v("Primary Button"),v("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])])])]),t._v(" "),v("h3",[t._v("Props 配置")]),t._v(" "),v("table",[v("thead",[v("tr",[v("th",[t._v("参数")]),t._v(" "),v("th",[t._v("说明")]),t._v(" "),v("th",[t._v("类型")]),t._v(" "),v("th",[t._v("可选值")]),t._v(" "),v("th",[t._v("默认值")])])]),t._v(" "),v("tbody",[v("tr",[v("td",[t._v("type")]),t._v(" "),v("td",[t._v("按钮类型")]),t._v(" "),v("td",[t._v("String")]),t._v(" "),v("td",[t._v("button/submit")]),t._v(" "),v("td",[t._v("button")])]),t._v(" "),v("tr",[v("td",[t._v("active")]),t._v(" "),v("td",[t._v("激活状态")]),t._v(" "),v("td",[t._v("Boolean")]),t._v(" "),v("td",[t._v("true/false")]),t._v(" "),v("td",[t._v("false")])]),t._v(" "),v("tr",[v("td",[t._v("disabled")]),t._v(" "),v("td",[t._v("禁用状态")]),t._v(" "),v("td",[t._v("Boolean")]),t._v(" "),v("td",[t._v("true/false")]),t._v(" "),v("td",[t._v("false")])]),t._v(" "),v("tr",[v("td",[t._v("icon")]),t._v(" "),v("td",[t._v("图表 Icon")]),t._v(" "),v("td",[t._v("String")]),t._v(" "),v("td",[t._v("icon 的 class 值")]),t._v(" "),v("td",[t._v("-")])]),t._v(" "),v("tr",[v("td",[t._v("light")]),t._v(" "),v("td",[t._v("亮色")]),t._v(" "),v("td",[t._v("Boolean")]),t._v(" "),v("td",[t._v("true/false")]),t._v(" "),v("td",[t._v("false")])]),t._v(" "),v("tr",[v("td",[t._v("inline")]),t._v(" "),v("td",[t._v("是否内联")]),t._v(" "),v("td",[t._v("Boolean")]),t._v(" "),v("td",[t._v("true/false")]),t._v(" "),v("td",[t._v("false")])]),t._v(" "),v("tr",[v("td",[t._v("outline")]),t._v(" "),v("td",[t._v("外边框")]),t._v(" "),v("td",[t._v("Boolean")]),t._v(" "),v("td",[t._v("true/false")]),t._v(" "),v("td",[t._v("false")])]),t._v(" "),v("tr",[v("td",[t._v("primary")]),t._v(" "),v("td",[t._v("主要的")]),t._v(" "),v("td",[t._v("Boolean")]),t._v(" "),v("td",[t._v("true/false")]),t._v(" "),v("td",[t._v("false")])])])]),t._v(" "),v("h3",[t._v("事件")]),t._v(" "),v("table",[v("thead",[v("tr",[v("th",[t._v("事件名")]),t._v(" "),v("th",[t._v("说明")]),t._v(" "),v("th",[t._v("参数")])])]),t._v(" "),v("tbody",[v("tr",[v("td",[t._v("click")]),t._v(" "),v("td",[t._v("点击按钮后触发此事件，如果禁用状态，则不触发")]),t._v(" "),v("td",[t._v("e - 事件对象")])])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/21.5a95626f892944ce441b.js b/docs/js/21.5a95626f892944ce441b.js new file mode 100644 index 000000000..675b6a82e --- /dev/null +++ b/docs/js/21.5a95626f892944ce441b.js @@ -0,0 +1 @@ +webpackJsonp([21],{FDKz:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"ScrollNavBar组件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-ScrollNavBar组件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" ScrollNavBar 组件")]),s._v(" "),s._m(0),s._v(" "),a("p",[s._v("滚动导航条组件，效果类似于滴滴打车业务线切换。")]),s._v(" "),a("h3",{attrs:{id:"示例"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 示例")]),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"Props"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props")]),s._v(" "),s._m(2),s._v(" "),a("h3",{attrs:{id:"插槽"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-插槽-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 插槽")]),s._v(" "),s._m(3),s._v(" "),a("h3",{attrs:{id:"事件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-事件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 事件")]),s._v(" "),s._m(4),s._v(" "),a("h3",{attrs:{id:"实例方法"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-实例方法-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 实例方法")]),s._v(" "),s._m(5)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("1.10.0 新增")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("横向，默认")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll-nav-bar")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":current")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"current"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":labels")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"labels"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@change")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"changeHandler"')]),s._v(" />")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("current")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'快车'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("labels")]),s._v(": [\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'快车'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'小巴'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'专车'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'顺风车'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'代驾'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'公交'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'自驾租车'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'豪华车'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'二手车'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'出租车'")]),s._v("\n ]\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n changeHandler(cur) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".current = cur\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("可以通过 "),a("code",{pre:!0},[s._v("current")]),s._v(" 指定 active 的 key 值，"),a("code",{pre:!0},[s._v("labels")]),s._v(" 则是所有的 key 值的集合；当 active 的值发生变化后，会触发 "),a("code",{pre:!0},[s._v("change")]),s._v(" 事件。")])]),s._v(" "),a("li",[a("p",[s._v("竖向")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"side-container"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll-nav-bar")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("direction")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"vertical"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":current")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"current"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":labels")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"labels"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":txts")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"txts"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@change")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"changeHandler"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("i")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("slot-scope")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props"')]),s._v(">")]),s._v("{{props.txt}}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("current")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'快车'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("labels")]),s._v(": [\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'快车'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'小巴'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'专车'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'顺风车'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'代驾'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'公交'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'自驾租车'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'豪华车'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'二手车'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'出租车'")]),s._v("\n ],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txts")]),s._v(": [\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'1快车'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'2小巴'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'3专车'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'4顺风车'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'5代驾'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'6公交'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'7自驾租车'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'8豪华车'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'9二手车'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'10出租车'")]),s._v("\n ]\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n changeHandler(cur) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".current = cur\n }\n }\n}\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-stylus"}},[a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".side-container")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("300px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("margin-top")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("20px")]),s._v("\n")])]),s._v(" "),a("p",[s._v("这是一个竖向的示例，"),a("code",{pre:!0},[s._v("direction")]),s._v(" 设置为 "),a("code",{pre:!0},[s._v("vertical")]),s._v(" 代表是一个竖向导航条样式；这里还使用了 "),a("code",{pre:!0},[s._v("txts")]),s._v(" Prop 用于指定展示文案，顺序是和 "),a("code",{pre:!0},[s._v("labels")]),s._v(" 一一对应的，如果没传入 "),a("code",{pre:!0},[s._v("txts")]),s._v("，则默认 "),a("code",{pre:!0},[s._v("txts")]),s._v(" 就等于 "),a("code",{pre:!0},[s._v("labels")]),s._v("。")]),s._v(" "),a("p",[s._v("该示例中还展示了默认作用域插槽的使用，"),a("code",{pre:!0},[s._v("props.txt")]),s._v(" 就是当前项的 txt 的值。")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("可选值")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("direction")]),s._v(" "),a("td",[s._v("方向，默认横向，horizontal")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("horizontal/vertical")]),s._v(" "),a("td",[s._v("horizontal")])]),s._v(" "),a("tr",[a("td",[s._v("labels")]),s._v(" "),a("td",[s._v("所有的 key 值集合")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("[]")])]),s._v(" "),a("tr",[a("td",[s._v("txts")]),s._v(" "),a("td",[s._v("显示所有文案集合，和 labels 一一对应，每项可以是 HTML 字符串")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("默认等于 labes")])]),s._v(" "),a("tr",[a("td",[s._v("current")]),s._v(" "),a("td",[s._v("当前 active 的 key 值")]),s._v(" "),a("td",[s._v("String/Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("''")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("名字")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("作用域参数")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("default")]),s._v(" "),a("td",[s._v("默认内容")]),s._v(" "),a("td",[s._v("txt: 当前项文案 txt 的值"),a("br"),s._v("index: 当前索引值"),a("br"),s._v("active: 当前 active 的 key 值"),a("br"),s._v("label: 当前项 label 值，即 key 值")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("事件名")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("参数")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("change")]),s._v(" "),a("td",[s._v("当 active 项发生改变的时候触发")]),s._v(" "),a("td",[s._v("active - 当前 active 的 key 值")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("方法名")]),s._v(" "),a("th",[s._v("说明")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("refresh")]),s._v(" "),a("td",[s._v("刷新，当内容发生变化时可用于刷新 scroll 以及重新适应位置")])])])])}]}},T9KO:function(s,t,a){s.exports=a("VFp7")},VFp7:function(s,t,a){var r=a("VU/8")(null,a("FDKz"),null,null,null);s.exports=r.exports}}); \ No newline at end of file diff --git a/docs/js/21.d9fac841c62912a846f0.js b/docs/js/21.d9fac841c62912a846f0.js deleted file mode 100644 index 1311ff29a..000000000 --- a/docs/js/21.d9fac841c62912a846f0.js +++ /dev/null @@ -1 +0,0 @@ -webpackJsonp([21],{465:function(t,e,r){t.exports=r(537)},537:function(t,e,r){var l=r(11)(null,r(538),null,null,null);t.exports=l.exports},538:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;t._self._c;return t._m(0)},staticRenderFns:[function(){var t=this,e=t.$createElement,r=t._self._c||e;return r("section",[r("h2",[t._v("better-scroll 模块")]),t._v(" "),r("p",[t._v("该模块默认暴露出一个 "),r("code",{pre:!0},[t._v("BScroll")]),t._v(" 函数对象，这个对象直接从依赖库 "),r("a",{attrs:{href:"https://github.com/ustbhuangyi/better-scroll"}},[t._v("better-scroll")]),t._v(" 获得。")]),t._v(" "),r("h3",[t._v("链接")]),t._v(" "),r("p",[t._v("关于 better-scroll 详细的文档以及示例，请参考：")]),t._v(" "),r("ul",[r("li",[r("p",[r("a",{attrs:{href:"https://ustbhuangyi.github.io/better-scroll/#/zh"}},[t._v("官方文档")])])]),t._v(" "),r("li",[r("p",[r("a",{attrs:{href:"https://ustbhuangyi.github.io/better-scroll/#/examples/zh"}},[t._v("官方示例")])])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/22.414c3e77c2be2a3aa9dc.js b/docs/js/22.414c3e77c2be2a3aa9dc.js deleted file mode 100644 index 70e50cfdc..000000000 --- a/docs/js/22.414c3e77c2be2a3aa9dc.js +++ /dev/null @@ -1 +0,0 @@ -webpackJsonp([22],{464:function(t,s,a){t.exports=a(535)},535:function(t,s,a){var v=a(11)(null,a(536),null,null,null);t.exports=v.exports},536:function(t,s){t.exports={render:function(){var t=this,s=t.$createElement;t._self._c;return t._m(0)},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("section",[a("h2",[t._v("ActionSheet")]),t._v(" "),a("p",[a("code",{pre:!0},[t._v("ActionSheet")]),t._v("操作列表提供了两种常见的样式，灵活可控内容。")]),t._v(" "),a("h3",[t._v("示例")]),t._v(" "),a("ul",[a("li",[a("p",[t._v("基本用法")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showActionSheet"')]),t._v(">")]),t._v("操作列表"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showDefault() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createActionSheet({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'我是标题~~~'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("data")]),t._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'舒适型'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("class")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'cube-foo'")]),t._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'七座商务'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("align")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'left'")]),t._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'豪华型'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("align")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'right'")]),t._v("\n }\n ],\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onSelect")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[t._v("("),a("span",{attrs:{class:"hljs-params"}},[t._v("item, index")]),t._v(") =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`Clicked "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${item.content}")]),t._v("`")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v("\n }).show()\n }\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[t._v("配置标题 "),a("code",{pre:!0},[t._v("title")]),t._v(" 和 "),a("code",{pre:!0},[t._v("data")]),t._v(" 数据项，注意 "),a("code",{pre:!0},[t._v("data")]),t._v(" 中内容是 "),a("code",{pre:!0},[t._v("content")]),t._v("，一段 HTML 字符串，额外还可以配置自定义 class："),a("code",{pre:!0},[t._v("class")]),t._v(" 和方向："),a("code",{pre:!0},[t._v("align")]),t._v("（值可以是 "),a("code",{pre:!0},[t._v("left")]),t._v("、"),a("code",{pre:!0},[t._v("right")]),t._v("）。")])]),t._v(" "),a("li",[a("p",[t._v("高亮设置")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showActive"')]),t._v(">")]),t._v("ActionSheet - active"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showActive() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createActionSheet({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'我是标题~~~'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("active")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("data")]),t._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'舒适型'")]),t._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'七座商务'")]),t._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'豪华型'")]),t._v("\n }\n ]\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[t._v("通过设置 "),a("code",{pre:!0},[t._v("active")]),t._v(" 属性来控制高亮的是第几个。")])]),t._v(" "),a("li",[a("p",[t._v("Picker 样式设定")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showPickerStyle"')]),t._v(">")]),t._v("ActionSheet - picker style"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showPickerStyle() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createActionSheet({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'我是标题~~~'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("pickerStyle")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("data")]),t._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'舒适型'")]),t._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'七座商务'")]),t._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'豪华型'")]),t._v("\n }\n ]\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[a("code",{pre:!0},[t._v("pickerStyle")]),t._v(" 属性决定是否使用 Picker 样式。")])])]),t._v(" "),a("h3",[t._v("Props 配置")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("参数")]),t._v(" "),a("th",[t._v("说明")]),t._v(" "),a("th",[t._v("类型")]),t._v(" "),a("th",[t._v("可选值")]),t._v(" "),a("th",[t._v("默认值")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("title")]),t._v(" "),a("td",[t._v("组件的标题")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("''")])]),t._v(" "),a("tr",[a("td",[t._v("data")]),t._v(" "),a("td",[t._v("需要展示的数据列表")]),t._v(" "),a("td",[t._v("Array")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("[]")])]),t._v(" "),a("tr",[a("td",[t._v("active")]),t._v(" "),a("td",[t._v("高亮第几个选项")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("-1")])]),t._v(" "),a("tr",[a("td",[t._v("pickerStyle")]),t._v(" "),a("td",[t._v("Picker 样式")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])])])]),t._v(" "),a("ul",[a("li",[a("code",{pre:!0},[t._v("data")]),t._v(" 子配置项")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("参数")]),t._v(" "),a("th",[t._v("说明")]),t._v(" "),a("th",[t._v("类型")]),t._v(" "),a("th",[t._v("可选值")]),t._v(" "),a("th",[t._v("默认值")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("content")]),t._v(" "),a("td",[t._v("展示的内容")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("任意 HTML 字符串")]),t._v(" "),a("td",[t._v("''")])]),t._v(" "),a("tr",[a("td",[t._v("align")]),t._v(" "),a("td",[t._v("内容对齐方向")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("left/right")]),t._v(" "),a("td",[t._v("''")])]),t._v(" "),a("tr",[a("td",[t._v("class")]),t._v(" "),a("td",[t._v("自定义 class")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("''")])])])]),t._v(" "),a("h3",[t._v("事件")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("参数")]),t._v(" "),a("th",[t._v("说明")]),t._v(" "),a("th",[t._v("参数1")]),t._v(" "),a("th",[t._v("参数2")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("cancel")]),t._v(" "),a("td",[t._v("点击取消")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("select")]),t._v(" "),a("td",[t._v("点击某项")]),t._v(" "),a("td",[t._v("点击项 item，即 data[index]")]),t._v(" "),a("td",[t._v("点击项的索引值 index")])])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/22.acc5973de803597dd39e.js b/docs/js/22.acc5973de803597dd39e.js new file mode 100644 index 000000000..544bd8af3 --- /dev/null +++ b/docs/js/22.acc5973de803597dd39e.js @@ -0,0 +1 @@ +webpackJsonp([22],{JyWZ:function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[t("h2",{attrs:{id:"RecycleList"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-RecycleList-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" RecycleList")]),s._v(" "),s._m(0),s._v(" "),t("p",[s._v("可回收的滚动列表，始终将 DOM 的数量控制在一个很低的范围。在海量数据的渲染列表中，拥有卓越的性能。")]),s._v(" "),t("h3",{attrs:{id:"注意事项"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-注意事项-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 注意事项")]),s._v(" "),s._m(1),s._v(" "),t("h3",{attrs:{id:"示例"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 示例")]),s._v(" "),s._m(2),s._v(" "),t("h3",{attrs:{id:"Props配置"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props 配置")]),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),t("h3",{attrs:{id:"插槽"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-插槽-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 插槽")]),s._v(" "),s._m(5),s._v(" "),t("h3",{attrs:{id:"实例方法"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-实例方法-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 实例方法")]),s._v(" "),s._m(6)])},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("blockquote",[t("p",[s._v("1.12.0 新增")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ul",[t("li",[t("p",[s._v("首先要实现无限滚动，必须保证要有一个固定高度的父容器元素包裹组件。详细可以参考示例。")])]),s._v(" "),t("li",[t("p",[s._v("如果列表内容存在不固定宽高的图片，由于图片加载的机制，每个 item 的 DOM 渲染了，图片可能还未加载，导致每个 item 的位置计算错误，所以作为调用方，需要将未加载的图片用样式固定住，这样就能避免高度计算错误。")])]),s._v(" "),t("li",[t("p",[s._v("内部的实现依赖 Promise，所以你需要引入 Promise polyfill 来做兼容。")])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ul",[t("li",[t("p",[t("strong",[s._v("1. 默认使用")])]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-html"}},[t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"view-wrapper"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-recycle-list")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"list"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":size")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"size"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":on-fetch")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"onFetch"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":offset")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"offset"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("slot-scope")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"{ data }"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":id")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"data.id"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"handleClick(data)"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"avatar"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":style")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v("\"{backgroundImage: 'url(' + (data.avatar || '') + ')'}\"")]),s._v(">")]),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"bubble"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("p")]),s._v(">")]),s._v("{{ data.msg }}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"meta"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("time")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"posted-date"')]),s._v(">")]),s._v("{{ data.time }}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-js"}},[t("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("size")]),s._v(": "),t("span",{attrs:{class:"hljs-number"}},[s._v("50")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("offset")]),s._v(": "),t("span",{attrs:{class:"hljs-number"}},[s._v("100")]),s._v("\n }\n },\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n onFetch() {\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("let")]),s._v(" items = []\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),t("span",{attrs:{class:"hljs-built_in"}},[s._v("Promise")]),s._v("("),t("span",{attrs:{class:"hljs-function"}},[s._v("("),t("span",{attrs:{class:"hljs-params"}},[s._v("resolve")]),s._v(") =>")]),s._v(" {\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// 模拟请求 50 条数据，因为 size 设置为 50")]),s._v("\n setTimeout("),t("span",{attrs:{class:"hljs-function"}},[t("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("for")]),s._v(" ("),t("span",{attrs:{class:"hljs-keyword"}},[s._v("let")]),s._v(" i = "),t("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("; i < "),t("span",{attrs:{class:"hljs-number"}},[s._v("50")]),s._v("; i++) {\n items.push({\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("id")]),s._v(": i,\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("avatar")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'https://s3.amazonaws.com/uifaces/faces/twitter/danpliego/128.jpg'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("msg")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'123'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Thu Oct 25 2018 15:02:12 GMT+0800 (中国标准时间)'")]),s._v("\n })\n }\n resolve(items)\n }, "),t("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n })\n },\n handleClick(data) {\n "),t("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),t("span",{attrs:{class:"hljs-string"}},[s._v("'Item:'")]),s._v(" + data)\n }\n }\n}\n")])]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-stylus"}},[t("span",{attrs:{class:"hljs-comment"}},[s._v("/* 限制视口 包裹组件*/")]),s._v("\n"),t("span",{attrs:{class:"hljs-selector-class"}},[s._v(".view-wrapper")]),s._v("\n "),t("span",{attrs:{class:"hljs-attribute"}},[s._v("position")]),s._v(": fixed\n "),t("span",{attrs:{class:"hljs-attribute"}},[s._v("top")]),s._v(": "),t("span",{attrs:{class:"hljs-number"}},[s._v("54px")]),s._v("\n "),t("span",{attrs:{class:"hljs-attribute"}},[s._v("left")]),s._v(": "),t("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),t("span",{attrs:{class:"hljs-attribute"}},[s._v("bottom")]),s._v(": "),t("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),t("span",{attrs:{class:"hljs-attribute"}},[s._v("width")]),s._v(": "),t("span",{attrs:{class:"hljs-number"}},[s._v("100%")]),s._v("\n")])]),s._v(" "),t("p",[s._v("绝大部分的列表交互，都是当用户滚动到底部再去请求下一页数据，组件的默认实现就是根据此交互而来。")]),s._v(" "),t("p",[s._v("组件接收 "),t("code",{pre:!0},[s._v("size")]),s._v(" 作为 props，用来控制一次渲染多少条数据。"),t("code",{pre:!0},[s._v("offset")]),s._v(" 是配置底部拉取数据的距离，"),t("code",{pre:!0},[s._v("onFetch")]),s._v(" 是一个函数，此属性是必传的，并且函数的返回值必须是一个 Promise，同时调用 resolve 函数的时候必须将 items（"),t("strong",[s._v("数组")]),s._v("） 传入，这样组件就能拿到 "),t("code",{pre:!0},[s._v("items")]),s._v("。当然如果想要停止滚动，请传入 "),t("code",{pre:!0},[s._v("false")]),s._v("。")]),s._v(" "),t("p",[s._v("组件支持作用域插槽，你可以通过以上示例的解构赋值，拿到组件传给调用方的 "),t("code",{pre:!0},[s._v("data")]),s._v("（items 的每一个数据项）。")]),s._v(" "),t("p",[s._v("完整示例代码在"),t("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/example/pages/recycle-list/recycle-list-default.vue"}},[s._v("这里")]),s._v("。")])]),s._v(" "),t("li",[t("p",[t("strong",[s._v("2. Infinite")])]),s._v(" "),t("p",[s._v("然而，组件还支持第二种交互方式，无限滚动模式，以 "),t("code",{pre:!0},[s._v("tombstone")]),s._v(" 作为占位符，\b给用户一种可感知的页面元素，让交互变的更加友好、人性化。\n完整示例代码在"),t("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/example/pages/recycle-list/recycle-list-tombstone.vue"}},[s._v("这里")]),s._v("。")]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-html"}},[t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"view-wrapper"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-recycle-list")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"list"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":infinite")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"infinite"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":size")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"size"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":on-fetch")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"onFetch"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("\x3c!-- tombstone 的作用域插槽 slot-scope 必须声明 --\x3e")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"tombstone"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("slot-scope")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"props"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item tombstone"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"avatar"')]),s._v(">")]),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"bubble"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("p")]),s._v(">")]),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("p")]),s._v(">")]),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("p")]),s._v(">")]),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"meta"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("time")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"posted-date"')]),s._v(">")]),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("slot-scope")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"{ data }"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":id")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"data.id"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"handleClick(data)"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"avatar"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":style")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v("\"{backgroundImage: 'url(' + (data.avatar || '') + ')'}\"")]),s._v(">")]),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"bubble"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("p")]),s._v(">")]),s._v("{{ data.msg }}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"meta"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("time")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"posted-date"')]),s._v(">")]),s._v("{{ data.time }}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v('\x3c!--
Loading Data
--\x3e')]),s._v("\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v('\x3c!--
没有更多数据了
--\x3e')]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),t("p",[t("code",{pre:!0},[s._v("infinite")]),s._v(" 用来开启无限滚动模式。当你开启这个配置的时候，必须通过 "),t("code",{pre:!0},[s._v("tombstone")]),s._v(" 作用域插槽实现个性化样式。支持 "),t("code",{pre:!0},[s._v("spinner")]),s._v(" 与 "),t("code",{pre:!0},[s._v("noMore")]),s._v(" 插槽来定制化显示加载更多以及无更多数据的视图展示。"),t("code",{pre:!0},[s._v("spinner")]),s._v(" 默认是一个 loading 图。")])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("可选值")]),s._v(" "),t("th",[s._v("默认值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("infinite")]),s._v(" "),t("td",[s._v("是否无限滚动模式")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("false")])]),s._v(" "),t("tr",[t("td",[s._v("size")]),s._v(" "),t("td",[s._v("一次加载的数据量")]),s._v(" "),t("td",[s._v("Number")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("20")])]),s._v(" "),t("tr",[t("td",[s._v("offset")]),s._v(" "),t("td",[s._v("底部拉取更多数据的距离")]),s._v(" "),t("td",[s._v("Number")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("200")])]),s._v(" "),t("tr",[t("td",[s._v("onFetch")]),s._v(" "),t("td",[s._v("获取更多数据")]),s._v(" "),t("td",[s._v("Function")]),s._v(" "),t("td",[s._v("必传")]),s._v(" "),t("td",[s._v("-")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[t("code",{pre:!0},[s._v("onFetch")]),s._v(" 函数必须返回一个 Promise，同时 Promise 的 resolve 函数的第一个参数必须是数组或者 "),t("code",{pre:!0},[s._v("false")]),s._v("，如果是数组并且长度小于 size，那么组件会停止无限滚动，同理，如果是 "),t("code",{pre:!0},[s._v("false")]),s._v("，也会停止。")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",[t("thead",[t("tr",[t("th",[s._v("名字")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("参数")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("tombstone")]),s._v(" "),t("td",[s._v("实现个性化 "),t("code",{pre:!0},[s._v("tombstone")]),s._v(" 样式的作用域插槽")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("item")]),s._v(" "),t("td",[s._v("列表某项的作用域插槽，通过此插槽实现想要的渲染视图")]),s._v(" "),t("td",[s._v("data: 调用方传入的数据项集合的某一项")])]),s._v(" "),t("tr",[t("td",[s._v("spinner")]),s._v(" "),t("td",[s._v("加载更多的提示文案的具名插槽")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("noMore")]),s._v(" "),t("td",[s._v("无更多数据的提示文案的具名插槽")]),s._v(" "),t("td",[s._v("-")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",[t("thead",[t("tr",[t("th",[s._v("方法名")]),s._v(" "),t("th",[s._v("说明")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("reset")]),s._v(" "),t("td",[s._v("清空列表全部内容，重置数据")])])])])}]}},o5hp:function(s,a,t){var v=t("VU/8")(null,t("JyWZ"),null,null,null);s.exports=v.exports},oF9l:function(s,a,t){s.exports=t("o5hp")}}); \ No newline at end of file diff --git a/docs/js/23.4a36109ee3d7d11400b3.js b/docs/js/23.4a36109ee3d7d11400b3.js new file mode 100644 index 000000000..6e3bd4db5 --- /dev/null +++ b/docs/js/23.4a36109ee3d7d11400b3.js @@ -0,0 +1 @@ +webpackJsonp([23],{JQnJ:function(s,t,a){s.exports=a("c3c9")},c3c9:function(s,t,a){var v=a("VU/8")(null,a("kkA8"),null,null,null);s.exports=v.exports},kkA8:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Rate"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Rate-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Rate")]),s._v(" "),s._m(0),s._v(" "),a("p",[s._v("评分组件。你可以自定义星星个数，可以禁用交互，以用作评价展示，可以通过插槽自定义星星样式。")]),s._v(" "),a("h3",{attrs:{id:"示例"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 示例")]),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"Props配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props 配置")]),s._v(" "),s._m(2),s._v(" "),a("h3",{attrs:{id:"插槽"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-插槽-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 插槽")]),s._v(" "),s._m(3),s._v(" "),a("h3",{attrs:{id:"cube-rate-item的插槽"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-cube-rate-item的插槽-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" cube-rate-item 的插槽")]),s._v(" "),s._m(4)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("1.5.0 新增")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("基本用法")]),s._v(" "),a("p",[s._v("使用 v-model 对评分值双向绑定。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-rate")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"value"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v("\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("多项配置")]),s._v(" "),a("p",[s._v("例如，使用"),a("code",{pre:!0},[s._v("disabled")]),s._v("使评分组件只读，使用"),a("code",{pre:!0},[s._v("max")]),s._v("自定义评分等级，使用 "),a("code",{pre:!0},[s._v("justify")]),s._v(" 决定是否自动适应容器宽度。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-rate")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"value"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":disabled")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"disabled"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":max")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"max"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":justify")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"justify"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("disabled")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("max")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("justify")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v("\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("自定义星星样式")]),s._v(" "),a("p",[s._v("需要使用"),a("code",{pre:!0},[s._v("cube-rate-item")]),s._v("组件，并且对自定义的星星元素定义两种样式——普通和活跃（在"),a("code",{pre:!0},[s._v(".cube-rate-item.active")]),s._v("类之下）。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-rate")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"value"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-rate-item")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"n in max"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"n"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":value")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"value"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":index")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"n"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("\x3c!-- 定制星星示例 --\x3e")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"rate-item"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v("\n }\n }\n}\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-css"}},[a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".rate-item")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("width")]),s._v(": 100%\n "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("height")]),s._v(": 100%\n "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("background-size")]),s._v(": 100%\n "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("background-color")]),s._v(": "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("grey")]),s._v("\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-rate-item")]),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".active")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".rate-item")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("background-color")]),s._v(": "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("orange")]),s._v("\n")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("可选值")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("v-model")]),s._v(" "),a("td",[s._v("绑定的评分值")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("0")])]),s._v(" "),a("tr",[a("td",[s._v("max")]),s._v(" "),a("td",[s._v("星星个数")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("5")])]),s._v(" "),a("tr",[a("td",[s._v("disabled")]),s._v(" "),a("td",[s._v("禁用状态")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("justify")]),s._v(" "),a("td",[s._v("是否自适应容器宽度（通过在星星之间增加空隙）")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("名字")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("作用域参数")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("default")]),s._v(" "),a("td",[s._v("默认是 cube-rate-item 组件")]),s._v(" "),a("td",[s._v("-")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("名字")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("作用域参数")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("default")]),s._v(" "),a("td",[s._v("自定义星星元素")]),s._v(" "),a("td",[s._v("-")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/23.517a882ad817a00482b1.js b/docs/js/23.517a882ad817a00482b1.js deleted file mode 100644 index 64096fdb1..000000000 --- a/docs/js/23.517a882ad817a00482b1.js +++ /dev/null @@ -1 +0,0 @@ -webpackJsonp([23],{463:function(s,t,a){s.exports=a(533)},533:function(s,t,a){var v=a(11)(null,a(534),null,null,null);s.exports=v.exports},534:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement;s._self._c;return s._m(0)},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",[s._v("Toast")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("Toast")]),s._v(" component.You can use it to show non-modal tip message without user interaction.")]),s._v(" "),a("h3",[s._v("Example")]),s._v(" "),a("ul",[a("li",[a("p",[s._v("Duration of display")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showToastTime"')]),s._v(">")]),s._v("Toast - time 1s"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showToastTime0"')]),s._v(">")]),s._v("Toast - time 0"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showToastTime() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" toast = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Toast time 1s'")]),s._v("\n })\n toast.show()\n },\n showToastTime0() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" toast = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Toast time 0'")]),s._v("\n })\n toast.show()\n setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n toast.hide()\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("2000")]),s._v(")\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("Set "),a("code",{pre:!0},[s._v("time")]),s._v(" to change the duration of display.If set to 0, the toast will not hide automatically and you must invoke the component's "),a("code",{pre:!0},[s._v("hide")]),s._v(" method manually to hide it.")])]),s._v(" "),a("li",[a("p",[s._v("Show mask layer")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showToastMask"')]),s._v(">")]),s._v("Toast- with mask"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showToastMask () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" toast = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Loading...'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("mask")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n })\n toast.show()\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("Set "),a("code",{pre:!0},[s._v("mask")]),s._v(" to "),a("code",{pre:!0},[s._v("true")]),s._v(" to display mask.")])]),s._v(" "),a("li",[a("p",[s._v("Tip type")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showToastType"')]),s._v(">")]),s._v("Toast - type"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showToastType() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" toast = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v("\n })\n toast.show()\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("Set "),a("code",{pre:!0},[s._v("type")]),s._v(" to change the tip icon.You can see accepted types in the following "),a("code",{pre:!0},[s._v("Props configuration")]),s._v(".")])])]),s._v(" "),a("h3",[s._v("Props configuration")]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Accepted Values")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("type")]),s._v(" "),a("td",[s._v("toast type(different types of icons)")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("loading/correct/error/warn")]),s._v(" "),a("td",[s._v("loading")])]),s._v(" "),a("tr",[a("td",[s._v("mask")]),s._v(" "),a("td",[s._v("whether to show mask layer")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("txt")]),s._v(" "),a("td",[s._v("tip text")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("''")])]),s._v(" "),a("tr",[a("td",[s._v("time")]),s._v(" "),a("td",[s._v("display duration, millisecond")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("3000")])])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/24.22094b18fb2759a9448f.js b/docs/js/24.22094b18fb2759a9448f.js new file mode 100644 index 000000000..65f5358c7 --- /dev/null +++ b/docs/js/24.22094b18fb2759a9448f.js @@ -0,0 +1 @@ +webpackJsonp([24],{Htiq:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Radio单选框组"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Radio单选框组-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Radio 单选框组")]),s._v(" "),s._m(0),s._v(" "),a("p",[s._v("单选框组，可设置单选框组内容，样式等。")]),s._v(" "),a("h3",{attrs:{id:"示例"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 示例")]),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"Props配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props 配置")]),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),s._m(5),s._v(" "),a("h3",{attrs:{id:"cube-radioProps配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-cube-radioProps配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" cube-radio Props 配置")]),s._v(" "),s._m(6),s._v(" "),s._m(7),s._v(" "),s._m(8)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("1.4.0 新增")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("基本用法")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-radio-group")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selected"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"options"')]),s._v(" />")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selected")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": ["),a("span",{attrs:{class:"hljs-string"}},[s._v("'Option1'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Option2'")]),s._v("]\n }\n }\n}\n")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("options")]),s._v(" 为选项数组，默认不选中任何的选项，点击其中一个，则对应的 "),a("code",{pre:!0},[s._v("selected")]),s._v(" 的值就为选中项的值。")])]),s._v(" "),a("li",[a("p",[s._v("设置 value，禁用状态，图标样式")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-radio-group")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selected2"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"options2"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("position")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"right"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":hollow-style")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v(" />")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selected2")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options2")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Option1'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Option2'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Option3'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("disabled")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n ]\n }\n }\n}\n")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("options")]),s._v(" 的值可以是对象组成的数组，默认可以设置 "),a("code",{pre:!0},[s._v("label")]),s._v(" 和 "),a("code",{pre:!0},[s._v("value")]),s._v(" 分别代表的是显示文案和单选框的值，如果对象中包含了 "),a("code",{pre:!0},[s._v("disabled")]),s._v(" 为 "),a("code",{pre:!0},[s._v("true")]),s._v(" 的值，那么此单选框就处于禁用状态。")]),s._v(" "),a("p",[s._v("设置 "),a("code",{pre:!0},[s._v("position")]),s._v(" 为 "),a("code",{pre:!0},[s._v("'right'")]),s._v("，则单选框图标位置在右边。设置 "),a("code",{pre:!0},[s._v("hollow-style")]),s._v(" 为 "),a("code",{pre:!0},[s._v("true")]),s._v(" 则使用镂空样式。")])]),s._v(" "),a("li",[a("p",[s._v("水平排列")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-radio-group")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selected3"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"options3"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":horizontal")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v(" />")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selected3")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'3'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options3")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'1'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'1'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'2'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'2'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'3'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'3'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("disabled")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n ]\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("可通过设置 "),a("code",{pre:!0},[s._v("horizontal")]),s._v(" 为 "),a("code",{pre:!0},[s._v("true")]),s._v(" 改变样式为水平排列。")])]),s._v(" "),a("li",[a("p",[s._v("使用默认插槽")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-radio-group")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-radio")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(option, index) in options4"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"index"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":option")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"option"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selected4"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("img")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":src")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"option.src"')]),s._v(" />")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selected4")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'1'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options4")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'1'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'1'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("src")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1516805611092&di=80d0f229dd999ffa3be79d6e317832b0&imgtype=0&src=http%3A%2F%2Fimglf0.ph.126.net%2F1EnYPI5Vzo2fCkyy2GsJKg%3D%3D%2F2829667940890114965.jpg'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'2'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'2'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("src")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1516805611092&di=80d0f229dd999ffa3be79d6e317832b0&imgtype=0&src=http%3A%2F%2Fimglf0.ph.126.net%2F1EnYPI5Vzo2fCkyy2GsJKg%3D%3D%2F2829667940890114965.jpg'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'3'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'3'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("src")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1516805611092&di=80d0f229dd999ffa3be79d6e317832b0&imgtype=0&src=http%3A%2F%2Fimglf0.ph.126.net%2F1EnYPI5Vzo2fCkyy2GsJKg%3D%3D%2F2829667940890114965.jpg'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("disabled")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n ]\n }\n }\n}\n")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("可选值")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("options")]),s._v(" "),a("td",[s._v("选项数组")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("position")]),s._v(" "),a("td",[s._v("图标位置")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("left/right")]),s._v(" "),a("td",[s._v("left")])]),s._v(" "),a("tr",[a("td",[s._v("horizontal")]),s._v(" "),a("td",[s._v("是否水平排列")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("hollowStyle")]),s._v(" "),a("td",[s._v("是否是镂空样式的")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("options")]),s._v(" 子配置项")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("label")]),s._v(" "),a("td",[s._v("单选框显示文字")]),s._v(" "),a("td",[s._v("String")])]),s._v(" "),a("tr",[a("td",[s._v("value")]),s._v(" "),a("td",[s._v("单选框的值")]),s._v(" "),a("td",[s._v("String/Number")])]),s._v(" "),a("tr",[a("td",[s._v("disabled")]),s._v(" "),a("td",[s._v("单选框是否被禁用")]),s._v(" "),a("td",[s._v("Boolean")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("注：如果 "),a("code",{pre:!0},[s._v("options")]),s._v(" 中的项为字符串也是可以的，此时默认 "),a("code",{pre:!0},[s._v("label")]),s._v(" 和 "),a("code",{pre:!0},[s._v("value")]),s._v(" 的值都为该字符串的值。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("可选值")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("option")]),s._v(" "),a("td",[s._v("选项配置")]),s._v(" "),a("td",[s._v("Object/String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("position")]),s._v(" "),a("td",[s._v("图标位置")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("left/right")]),s._v(" "),a("td",[s._v("left")])]),s._v(" "),a("tr",[a("td",[s._v("hollow-style")]),s._v(" "),a("td",[s._v("是否是镂空样式的")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("option")]),s._v(" 子配置项")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("label")]),s._v(" "),a("td",[s._v("单选框显示文字")]),s._v(" "),a("td",[s._v("String")])]),s._v(" "),a("tr",[a("td",[s._v("value")]),s._v(" "),a("td",[s._v("单选框的值")]),s._v(" "),a("td",[s._v("String/Number")])]),s._v(" "),a("tr",[a("td",[s._v("disabled")]),s._v(" "),a("td",[s._v("单选框是否被禁用")]),s._v(" "),a("td",[s._v("Boolean")])])])])}]}},mYHr:function(s,t,a){var v=a("VU/8")(null,a("Htiq"),null,null,null);s.exports=v.exports},wPXv:function(s,t,a){s.exports=a("mYHr")}}); \ No newline at end of file diff --git a/docs/js/24.aa86acec27618f2a0c08.js b/docs/js/24.aa86acec27618f2a0c08.js deleted file mode 100644 index 42a3dab0c..000000000 --- a/docs/js/24.aa86acec27618f2a0c08.js +++ /dev/null @@ -1 +0,0 @@ -webpackJsonp([24],{462:function(s,t,a){s.exports=a(531)},531:function(s,t,a){var v=a(11)(null,a(532),null,null,null);s.exports=v.exports},532:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement;s._self._c;return s._m(0)},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",[s._v("Tip")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("Tip")]),s._v(", used to popup tip bubble box.")]),s._v(" "),a("h3",[s._v("Example")]),s._v(" "),a("ul",[a("li",[s._v("Basic usage")])]),s._v(" "),a("p",[s._v("By adding "),a("code",{pre:!0},[s._v("ref")]),s._v(" to "),a("code",{pre:!0},[s._v("Tip")]),s._v(", you can get the reference to the component and invoke "),a("code",{pre:!0},[s._v("show")]),s._v(" or "),a("code",{pre:!0},[s._v("hide")]),s._v(" methods which are exposed by "),a("code",{pre:!0},[s._v("Tip")]),s._v(" to control the show or hide state of the component.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"tip"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showTip"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-tip")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"tip"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showTip () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.tip.show()\n }\n }\n}\n")])]),s._v(" "),a("ul",[a("li",[s._v("The position of the small triangle and the bubble box")])]),s._v(" "),a("p",[s._v("You can configure the direction of the small triangle by "),a("code",{pre:!0},[s._v("direction")]),s._v(" and configure the position of the bubble box by "),a("code",{pre:!0},[s._v("style")]),s._v(". Normally, the direction of the small triangle is opposite to the position of the bubble box.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("p")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"tip-eg"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v(">")]),s._v("CubeUI"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-tip")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"tip"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":direction")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"direction"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":style")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"tipStyle"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@close")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"close"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"clickHandler"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(">")]),s._v("Awesome!"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"showTip('bottom')\"")]),s._v(">")]),s._v("top"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"showTip('top')\"")]),s._v(">")]),s._v("bottom"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"showTip('right')\"")]),s._v(">")]),s._v("left"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"showTip('left')\"")]),s._v(">")]),s._v("right"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("direction")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("tipStyle")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v("\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showTip(direction) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".direction = direction\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.tip.show()\n\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("switch")]),s._v(" (direction) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("case")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'top'")]),s._v(":\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".tipStyle = "),a("span",{attrs:{class:"hljs-string"}},[s._v("'left: 100px; top: 100px;'")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("break")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("case")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'bottom'")]),s._v(":\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".tipStyle = "),a("span",{attrs:{class:"hljs-string"}},[s._v("'left: 100px; top: 20px;'")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("break")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("case")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'left'")]),s._v(":\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".tipStyle = "),a("span",{attrs:{class:"hljs-string"}},[s._v("'left: 200px; top: 60px;'")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("break")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("case")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'right'")]),s._v(":\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".tipStyle = "),a("span",{attrs:{class:"hljs-string"}},[s._v("'left: 5px; top: 60px;'")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("break")]),s._v("\n }\n },\n close() {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'click close button'")]),s._v(")\n },\n clickHandler() {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'click tip area'")]),s._v(")\n }\n }\n}\n")])]),s._v(" "),a("h3",[s._v("Props configuration")]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Accepted Values")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("direction")]),s._v(" "),a("td",[s._v("the direction of the small triangle")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("top/bottom/left/right")]),s._v(" "),a("td",[s._v("left")])]),s._v(" "),a("tr",[a("td",[s._v("offsetLeft")]),s._v(" "),a("td",[s._v("the distance between the small triangle and the left part of x axis")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("0")])]),s._v(" "),a("tr",[a("td",[s._v("offsetTop")]),s._v(" "),a("td",[s._v("the distance between the small triangle and the origin of y axis")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("0")])]),s._v(" "),a("tr",[a("td",[s._v("offsetRight")]),s._v(" "),a("td",[s._v("the distance between the small triangle and the right part of x axis")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("0")])]),s._v(" "),a("tr",[a("td",[s._v("offsetBottom")]),s._v(" "),a("td",[s._v("the distance between the small triangle and the bottom part of y axis")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("0")])])])]),s._v(" "),a("h3",[s._v("Slot")]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("name")]),s._v(" "),a("th",[s._v("description")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("-")]),s._v(" "),a("td",[s._v("the content shown inside the tip component")])])])]),s._v(" "),a("h3",[s._v("Events")]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("Event Name")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Parameters")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("close")]),s._v(" "),a("td",[s._v("the event that exposed when clicking the close button of tips, which will hide at the same time")]),s._v(" "),a("td",[s._v("None")])]),s._v(" "),a("tr",[a("td",[s._v("clicked")]),s._v(" "),a("td",[s._v("the event that exposed when clicking the content of tips, which will hide at the same time")]),s._v(" "),a("td",[s._v("None")])])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/25.07b8359691611e3d0613.js b/docs/js/25.07b8359691611e3d0613.js new file mode 100644 index 000000000..fefd5bca6 --- /dev/null +++ b/docs/js/25.07b8359691611e3d0613.js @@ -0,0 +1 @@ +webpackJsonp([25],{"+Ndq":function(s,t,a){var r=a("VU/8")(null,a("z62X"),null,null,null);s.exports=r.exports},"8XCF":function(s,t,a){s.exports=a("+Ndq")},z62X:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"快速上手"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-快速上手-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 快速上手")]),s._v(" "),s._m(0),s._v(" "),a("h3",{attrs:{id:"脚手架"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-脚手架-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 脚手架")]),s._v(" "),a("h4",{attrs:{id:"vue-cli>=3"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-vue-cli>=3-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" vue-cli >= 3")]),s._v(" "),s._m(1),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),a("h4",{attrs:{id:"vue-cli<3"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-vue-cli<3-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" vue-cli < 3")]),s._v(" "),s._m(4),s._v(" "),s._m(5),s._v(" "),s._m(6),s._v(" "),s._m(7),s._v(" "),a("h3",{attrs:{id:"安装"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-安装-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 安装")]),s._v(" "),s._m(8),s._v(" "),a("h4",{attrs:{id:"NPM"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-NPM-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" NPM")]),s._v(" "),s._m(9),s._v(" "),s._m(10),s._v(" "),s._m(11),s._v(" "),a("h4",{attrs:{id:"CDN"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-CDN-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CDN")]),s._v(" "),s._m(12),s._v(" "),a("h3",{attrs:{id:"使用"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-使用-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 使用")]),s._v(" "),a("h4",{attrs:{id:"全部引入"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-全部引入-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 全部引入")]),s._v(" "),a("p",[s._v("一般在入口文件中：")]),s._v(" "),s._m(13),s._v(" "),a("h4",{attrs:{id:"按需引入"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-按需引入-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 按需引入")]),s._v(" "),s._m(14),s._v(" "),s._m(15),s._v(" "),a("p",[s._v("我们推荐直接全局注册：")]),s._v(" "),s._m(16),s._v(" "),a("p",[s._v("所有的可按需引入的组件以及模块：")]),s._v(" "),s._m(17),s._v(" "),s._m(18),s._v(" "),s._m(19),s._v(" "),a("h4",{attrs:{id:"示例"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 示例")]),s._v(" "),s._m(20)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[s._v("新手教程项目："),a("a",{attrs:{href:"https://github.com/cube-ui/cube-application-guide"}},[s._v("cube-application-guide")])]),s._v(" "),a("li",[s._v("遇到问题，先移步 "),a("a",{attrs:{href:"https://github.com/cube-ui/question-answer/issues"}},[s._v("QA")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("如果你正在使用新版本的 Vue CLI vue-cli@3，那么推荐你直接使用 "),a("a",{attrs:{href:"https://github.com/cube-ui/vue-cli-plugin-cube-ui"}},[s._v("vue-cli-plugin-cube-ui")]),s._v(" 插件。在你初始化完项目后直接执行 "),a("code",{pre:!0},[s._v("vue add cube-ui")]),s._v(" 即可。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("在执行的时候，会询问一些配置项，这个和老版本的 "),a("a",{attrs:{href:"https://github.com/cube-ui/cube-template"}},[s._v("模板")]),s._v(" 配置是一样的，参见 "),a("a",{attrs:{href:"https://github.com/cube-ui/cube-template/wiki"}},[s._v("cube-template WIKI")]),s._v("。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("执行完成后，你可以直接进入"),a("a",{staticClass:"anchor",attrs:{href:"#cube-使用-anchor"}},[s._v("使用部分")]),s._v("。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("如果你打算用在一个新项目中使用 cube-ui，可以通过我们提供的一套基于 "),a("a",{attrs:{href:"https://github.com/vuejs/vue-cli"}},[s._v("vue-cli")]),s._v(" 实现的"),a("a",{attrs:{href:"https://github.com/cube-ui/cube-template"}},[s._v("脚手架模板")]),s._v("去初始化 cube-ui 项目的配置和基础代码，这样你就可以忽略"),a("a",{staticClass:"anchor",attrs:{href:"#cube-安装-anchor"}},[s._v("安装")]),s._v("步骤，直接看"),a("a",{staticClass:"anchor",attrs:{href:"#cube-使用-anchor"}},[s._v("使用部分")]),s._v("。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-shell"}},[a("span",{attrs:{class:"hljs-meta"}},[s._v("$")]),a("span",{attrs:{class:"bash"}},[s._v(" vue init cube-ui/cube-template projectname")]),s._v("\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("关于初始化时特殊的配置项，请参考 "),a("a",{attrs:{href:"https://github.com/cube-ui/cube-template/wiki"}},[s._v("cube-template WIKI")]),s._v("。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("如果你打算在现有项目中使用 cube-ui，请先参考"),a("a",{staticClass:"anchor",attrs:{href:"#cube-安装-anchor"}},[s._v("安装")]),s._v("部分。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("此安装部分只针对于 vue-cli < 3 的情况")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-shell"}},[a("span",{attrs:{class:"hljs-meta"}},[s._v("$")]),a("span",{attrs:{class:"bash"}},[s._v(" npm install cube-ui --save")]),s._v("\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("cube-ui 搭配 webpack 2+ 支持"),a("a",{attrs:{href:"#/zh-CN/docs/post-compile"}},[s._v("后编译")]),s._v("和普通编译 2 种构建方式（默认使用后编译），使用前都需要修改应用的依赖和配置。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("后编译")]),s._v(" "),a("ol",[a("li",[s._v("修改 package.json 并安装依赖")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-json"}},[s._v("{\n // webpack-transform-modules-plugin 依赖 transformModules\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"transformModules"')]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"cube-ui"')]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"transform"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"cube-ui/src/modules/${member}"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"kebabCase"')]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"devDependencies"')]),s._v(": {\n // 新增 stylus 相关依赖\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"stylus"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"^0.54.5"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"stylus-loader"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"^2.1.1"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"webpack-post-compile-plugin"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"^0.4.1"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"webpack-transform-modules-plugin"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"^0.3.5"')]),s._v("\n }\n}\n")])]),s._v(" "),a("ol",{attrs:{start:"2"}},[a("li",[s._v("修改 webpack.base.conf.js")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("var")]),s._v(" PostCompilePlugin = "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("require")]),s._v("("),a("span",{attrs:{class:"hljs-string"}},[s._v("'webpack-post-compile-plugin'")]),s._v(")\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("var")]),s._v(" TransformModulesPlugin = "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("require")]),s._v("("),a("span",{attrs:{class:"hljs-string"}},[s._v("'webpack-transform-modules-plugin'")]),s._v(")\n"),a("span",{attrs:{class:"hljs-built_in"}},[s._v("module")]),s._v(".exports = {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n plugins: [\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" PostCompilePlugin(),\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" TransformModulesPlugin()\n ]\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n}\n")])]),s._v(" "),a("ol",{attrs:{start:"3"}},[a("li",[s._v("修改 build/utils.js 中的 "),a("code",{pre:!0},[s._v("exports.cssLoaders")]),s._v(" 函数")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[s._v("exports.cssLoaders = "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("function")]),s._v(" ("),a("span",{attrs:{class:"hljs-params"}},[s._v("options")]),s._v(") ")]),s._v("{\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" stylusOptions = {\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'resolve url'")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// https://vue-loader.vuejs.org/en/configurations/extract-css.html")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("css")]),s._v(": generateLoaders(),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("postcss")]),s._v(": generateLoaders(),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("less")]),s._v(": generateLoaders("),a("span",{attrs:{class:"hljs-string"}},[s._v("'less'")]),s._v("),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("sass")]),s._v(": generateLoaders("),a("span",{attrs:{class:"hljs-string"}},[s._v("'sass'")]),s._v(", { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("indentedSyntax")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(" }),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("scss")]),s._v(": generateLoaders("),a("span",{attrs:{class:"hljs-string"}},[s._v("'sass'")]),s._v("),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("stylus")]),s._v(": generateLoaders("),a("span",{attrs:{class:"hljs-string"}},[s._v("'stylus'")]),s._v(", stylusOptions),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("styl")]),s._v(": generateLoaders("),a("span",{attrs:{class:"hljs-string"}},[s._v("'stylus'")]),s._v(", stylusOptions)\n }\n}\n")])]),s._v(" "),a("ol",{attrs:{start:"4"}},[a("li",[s._v("修改 vue-loader.conf.js")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-built_in"}},[s._v("module")]),s._v(".exports = {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("loaders")]),s._v(": utils.cssLoaders({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("sourceMap")]),s._v(": sourceMapEnabled,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("extract")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v("\n }),\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n}\n")])]),s._v(" "),a("p",[s._v("具体参见 "),a("a",{attrs:{href:"https://github.com/vuejs-templates/webpack/pull/970/files"}},[s._v("https://github.com/vuejs-templates/webpack/pull/970/files")])])]),s._v(" "),a("li",[a("p",[s._v("普通编译")]),s._v(" "),a("ol",[a("li",[s._v("修改 package.json 并安装依赖")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-json"}},[s._v("{\n // webpack-transform-modules-plugin 依赖 transformModules\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"transformModules"')]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"cube-ui"')]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"transform"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"cube-ui/lib/${member}"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"kebabCase"')]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"style"')]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"ignore"')]),s._v(": ["),a("span",{attrs:{class:"hljs-string"}},[s._v('"create-api"')]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v('"better-scroll"')]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v('"locale"')]),s._v("]\n }\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"devDependencies"')]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"webpack-transform-modules-plugin"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"^0.3.5"')]),s._v("\n }\n}\n")])]),s._v(" "),a("ol",{attrs:{start:"2"}},[a("li",[s._v("修改 webpack 配置：")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-comment"}},[s._v("// webpack.config.js")]),s._v("\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("var")]),s._v(" TransformModulesPlugin = "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("require")]),s._v("("),a("span",{attrs:{class:"hljs-string"}},[s._v("'webpack-transform-modules-plugin'")]),s._v(")\n"),a("span",{attrs:{class:"hljs-built_in"}},[s._v("module")]),s._v(".exports = {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n resolve: {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n alias: {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui/lib'")]),s._v("\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n }\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n }\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n plugins: [\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" TransformModulesPlugin()\n ]\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n}\n")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("script")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("src")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"https://unpkg.com/cube-ui/lib/cube.min.js"')]),s._v(">")]),a("span",{attrs:{class:"undefined"}}),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("link")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rel")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"stylesheet"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("href")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"https://unpkg.com/cube-ui/lib/cube.min.css"')]),s._v(">")]),s._v("\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" Vue "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'vue'")]),s._v("\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" Cube "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n\nVue.use(Cube)\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("/* eslint-disable no-unused-vars */")]),s._v("\n Style,\n Button\n} "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("strong",[s._v("注意：")]),s._v(" 按需引入的话，是不会打包"),a("a",{attrs:{href:"#/zh-CN/docs/style"}},[s._v("基础样式")]),s._v("部分的，所以在使用的时候需要引入 style 模块。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-comment"}},[s._v("// 全局注册")]),s._v("\nVue.use(Button)\n"),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 基础样式")]),s._v("\n Style,\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// basic")]),s._v("\n Button,\n Loading,\n Tip,\n Toolbar,\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// form")]),s._v("\n Checkbox,\n CheckboxGroup,\n Radio,\n Checker,\n Input,\n Textarea,\n Select,\n Switch,\n Rate,\n Validator,\n Upload,\n Form,\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// popup")]),s._v("\n Popup,\n Toast,\n Picker,\n CascadePicker,\n DatePicker,\n TimePicker,\n SegmentPicker,\n Dialog,\n ActionSheet,\n Drawer,\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// scroll")]),s._v("\n Scroll,\n Slide,\n IndexList,\n Swipe\n} "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("也可以引入"),a("a",{attrs:{href:"#/zh-CN/docs/create-api"}},[s._v("create-api")]),s._v("和"),a("a",{attrs:{href:"#/zh-CN/docs/better-scroll"}},[s._v("better-scroll")]),s._v("模块：")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" { createAPI, BetterScroll, Locale } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showDialog"')]),s._v(">")]),s._v("show dialog"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("script")]),s._v(">")]),a("span",{attrs:{class:"javascript"}},[s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showDialog() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'alert'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Alert'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'dialog content'")]),s._v("\n }).show()\n }\n }\n }\n")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])}]}}}); \ No newline at end of file diff --git a/docs/js/25.dd19eb499884ca33a831.js b/docs/js/25.dd19eb499884ca33a831.js deleted file mode 100644 index 1ca242919..000000000 --- a/docs/js/25.dd19eb499884ca33a831.js +++ /dev/null @@ -1 +0,0 @@ -webpackJsonp([25],{461:function(t,s,e){t.exports=e(529)},529:function(t,s,e){var a=e(11)(null,e(530),null,null,null);t.exports=a.exports},530:function(t,s){t.exports={render:function(){var t=this,s=t.$createElement;t._self._c;return t._m(0)},staticRenderFns:[function(){var t=this,s=t.$createElement,e=t._self._c||s;return e("section",[e("h2",[t._v("TimePicker")]),t._v(" "),e("p",[e("code",{pre:!0},[t._v("TimePicker")]),t._v(" component provides commonly used functions of date selection.")]),t._v(" "),e("h3",[t._v("Example")]),t._v(" "),e("ul",[e("li",[t._v("Basic usage")])]),t._v(" "),e("pre",{pre:!0},[e("code",{attrs:{"v-pre":"",class:"language-html"}},[e("span",{attrs:{class:"hljs-tag"}},[t._v("<"),e("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),e("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),e("span",{attrs:{class:"hljs-string"}},[t._v('"showTimePicker"')]),t._v(">")]),t._v("TimePicker"),e("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),e("pre",{pre:!0},[e("code",{attrs:{"v-pre":"",class:"language-js"}},[e("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),e("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showTimePicker () {\n "),e("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createTimePicker({\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("showNow")]),t._v(": "),e("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("minuteStep")]),t._v(": "),e("span",{attrs:{class:"hljs-number"}},[t._v("5")]),t._v(",\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("delay")]),t._v(": "),e("span",{attrs:{class:"hljs-number"}},[t._v("15")]),t._v("\n }).show()\n }\n }\n}\n")])]),t._v(" "),e("p",[e("code",{pre:!0},[t._v("showNow")]),t._v(' is uesed to control whether the time "now" is displayed. '),e("code",{pre:!0},[t._v("minuteStep")]),t._v(" is used to control the step of the minute. "),e("code",{pre:!0},[t._v("delay")]),t._v(" represents the time that postponed backwards from now, which determines the minimal optional time.")]),t._v(" "),e("ul",[e("li",[t._v("Configuration of date options")])]),t._v(" "),e("pre",{pre:!0},[e("code",{attrs:{"v-pre":"",class:"language-html"}},[e("span",{attrs:{class:"hljs-tag"}},[t._v("<"),e("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),e("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),e("span",{attrs:{class:"hljs-string"}},[t._v('"showTimePicker"')]),t._v(">")]),t._v("TimePicker - day options"),e("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),e("pre",{pre:!0},[e("code",{attrs:{"v-pre":"",class:"language-js"}},[e("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),e("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showTimePicker () {\n "),e("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createTimePicker({\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("showNow")]),t._v(": "),e("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("minuteStep")]),t._v(": "),e("span",{attrs:{class:"hljs-number"}},[t._v("10")]),t._v(",\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("delay")]),t._v(": "),e("span",{attrs:{class:"hljs-number"}},[t._v("10")]),t._v(",\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("day")]),t._v(": {\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("len")]),t._v(": "),e("span",{attrs:{class:"hljs-number"}},[t._v("5")]),t._v(",\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("filter")]),t._v(": ["),e("span",{attrs:{class:"hljs-string"}},[t._v("'Today'")]),t._v(", "),e("span",{attrs:{class:"hljs-string"}},[t._v("'Tomorrow'")]),t._v("],\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("format")]),t._v(": "),e("span",{attrs:{class:"hljs-string"}},[t._v("'M year d day'")]),t._v("\n },\n onSelect(selectedTime, selectedText) {\n "),e("span",{attrs:{class:"hljs-built_in"}},[t._v("console")]),t._v(".log(selectedTime, selectedText)\n }\n }).show()\n }\n }\n}\n")])]),t._v(" "),e("p",[e("code",{pre:!0},[t._v("len")]),t._v(" attribute in "),e("code",{pre:!0},[t._v("day")]),t._v(" can set the length of date displayed in the first column.")]),t._v(" "),e("p",[e("code",{pre:!0},[t._v("filter")]),t._v(" attribute can set the text of the date displayed in the first column.")]),t._v(" "),e("p",[e("code",{pre:!0},[t._v("format")]),t._v(" attribute can set the text in "),e("code",{pre:!0},[t._v("M year d day")]),t._v(" format when the "),e("code",{pre:!0},[t._v("len")]),t._v(" is greater than the length of "),e("code",{pre:!0},[t._v("filter")]),t._v(" array.")]),t._v(" "),e("ul",[e("li",[t._v("Set time manually")])]),t._v(" "),e("pre",{pre:!0},[e("code",{attrs:{"v-pre":"",class:"language-html"}},[e("span",{attrs:{class:"hljs-tag"}},[t._v("<"),e("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),e("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),e("span",{attrs:{class:"hljs-string"}},[t._v('"showTimePicker"')]),t._v(">")]),t._v("TimePicker - setTime(next hour)"),e("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),e("pre",{pre:!0},[e("code",{attrs:{"v-pre":"",class:"language-js"}},[e("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),e("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n "),e("span",{attrs:{class:"hljs-keyword"}},[t._v("const")]),t._v(" time = "),e("span",{attrs:{class:"hljs-keyword"}},[t._v("new")]),t._v(" "),e("span",{attrs:{class:"hljs-built_in"}},[t._v("Date")]),t._v("().valueOf() + "),e("span",{attrs:{class:"hljs-number"}},[t._v("1")]),t._v(" * "),e("span",{attrs:{class:"hljs-number"}},[t._v("60")]),t._v(" * "),e("span",{attrs:{class:"hljs-number"}},[t._v("60")]),t._v(" * "),e("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v("\n showTimePicker () {\n "),e("span",{attrs:{class:"hljs-keyword"}},[t._v("const")]),t._v(" timePicker = "),e("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createTimePicker({\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("showNow")]),t._v(": "),e("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("minuteStep")]),t._v(": "),e("span",{attrs:{class:"hljs-number"}},[t._v("10")]),t._v(",\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("delay")]),t._v(": "),e("span",{attrs:{class:"hljs-number"}},[t._v("15")]),t._v(",\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("day")]),t._v(": {\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("len")]),t._v(": "),e("span",{attrs:{class:"hljs-number"}},[t._v("5")]),t._v(",\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("filter")]),t._v(": ["),e("span",{attrs:{class:"hljs-string"}},[t._v("'Today'")]),t._v(", "),e("span",{attrs:{class:"hljs-string"}},[t._v("'Tomorrow'")]),t._v(", "),e("span",{attrs:{class:"hljs-string"}},[t._v("'The day after tomorrow'")]),t._v("],\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("format")]),t._v(": "),e("span",{attrs:{class:"hljs-string"}},[t._v("'M year d day'")]),t._v("\n }\n })\n\n timePicker.setTime(time)\n timePicker.show()\n }\n }\n}\n")])]),t._v(" "),e("p",[e("code",{pre:!0},[t._v("timePicker")]),t._v(" instance exports "),e("code",{pre:!0},[t._v("setTime")]),t._v(" methos to set time manually with the time stamp as time format. When the time stamp is lower than current time stamp, "),e("code",{pre:!0},[t._v("timePicker")]),t._v(" displays current time by default.")]),t._v(" "),e("h3",[t._v("Props configuration")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Attribute")]),t._v(" "),e("th",[t._v("Description")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",[t._v("Default")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[t._v("title")]),t._v(" "),e("td",[t._v("title")]),t._v(" "),e("td",[t._v("String")]),t._v(" "),e("td",[t._v("'选择时间'")])]),t._v(" "),e("tr",[e("td",[t._v("delay")]),t._v(" "),e("td",[t._v("minutes that postponed backwards from now, which determines the minimal optional time")]),t._v(" "),e("td",[t._v("Number")]),t._v(" "),e("td",[t._v("15")])]),t._v(" "),e("tr",[e("td",[t._v("day")]),t._v(" "),e("td",[t._v("date configuration")]),t._v(" "),e("td",[t._v("Object")]),t._v(" "),e("td",[t._v("{ len: 3, filter: ['今日'], format: 'M月d日' }")])]),t._v(" "),e("tr",[e("td",[t._v("showNow")]),t._v(" "),e("td",[t._v("whether to display current time")]),t._v(" "),e("td",[t._v("Boolean")]),t._v(" "),e("td",[t._v("true")])]),t._v(" "),e("tr",[e("td",[t._v("minuteStep")]),t._v(" "),e("td",[t._v("step of the minute")]),t._v(" "),e("td",[t._v("Number")]),t._v(" "),e("td",[t._v("10")])])])]),t._v(" "),e("ul",[e("li",[e("code",{pre:!0},[t._v("day")]),t._v(" sub configuration")])]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Attribute")]),t._v(" "),e("th",[t._v("Description")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",[t._v("Default")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[t._v("len")]),t._v(" "),e("td",[t._v("date column, postpone "),e("code",{pre:!0},[t._v("len")]),t._v(" days backwards from now")]),t._v(" "),e("td",[t._v("Number")]),t._v(" "),e("td",[t._v("3")])]),t._v(" "),e("tr",[e("td",[t._v("filter")]),t._v(" "),e("td",[t._v("date column, map time to the text in filter")]),t._v(" "),e("td",[t._v("Array")]),t._v(" "),e("td",[t._v("['今日']")])]),t._v(" "),e("tr",[e("td",[t._v("format")]),t._v(" "),e("td",[t._v("format time")]),t._v(" "),e("td",[t._v("String")]),t._v(" "),e("td",[t._v("'M月d日'")])])])]),t._v(" "),e("h3",[t._v("Events")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Event Name")]),t._v(" "),e("th",[t._v("Description")]),t._v(" "),e("th",[t._v("Parameters 1")]),t._v(" "),e("th",[t._v("Parameters 2")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[t._v("select")]),t._v(" "),e("td",[t._v("triggers when clicking the confirm button")]),t._v(" "),e("td",[t._v("selectedTime: currently selected timestamp")]),t._v(" "),e("td",[t._v("selectText: text of currently selected time")])]),t._v(" "),e("tr",[e("td",[t._v("change")]),t._v(" "),e("td",[t._v("triggers when sliding to change time-picker roller")]),t._v(" "),e("td",[t._v("selectedTime: currently selected timestamp")]),t._v(" "),e("td",[t._v("selectText: text of currently selected time")])]),t._v(" "),e("tr",[e("td",[t._v("cancel")]),t._v(" "),e("td",[t._v("triggers when clicking the cancel button")]),t._v(" "),e("td",[t._v("-")]),t._v(" "),e("td",[t._v("-")])])])]),t._v(" "),e("h3",[t._v("Instance methods")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Method name")]),t._v(" "),e("th",[t._v("Description")]),t._v(" "),e("th",[t._v("Parameters")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[t._v("setTime")]),t._v(" "),e("td",[t._v("manually set time displayed in time-picker with with the time stamp as time format")]),t._v(" "),e("td",[t._v("time stamp")])])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/26.05205c263627641cde98.js b/docs/js/26.05205c263627641cde98.js deleted file mode 100644 index 988801b24..000000000 --- a/docs/js/26.05205c263627641cde98.js +++ /dev/null @@ -1 +0,0 @@ -webpackJsonp([26],{460:function(s,t,a){s.exports=a(527)},527:function(s,t,a){var l=a(11)(null,a(528),null,null,null);s.exports=l.exports},528:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement;s._self._c;return s._m(0)},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",[s._v("style module")]),s._v(" "),a("p",[s._v("This module contains the common css: reset, base and built-in icons.")]),s._v(" "),a("h3",[s._v("reset.css")]),s._v(" "),a("p",[s._v("Based on "),a("a",{attrs:{href:"http://meyerweb.com/eric/tools/css/reset/"}},[s._v("Eric Meyer's Reset CSS")]),s._v(" and "),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/src/common/stylus/reset.styl"}},[s._v("modified")]),s._v(".")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-stylus"}},[a("span",{attrs:{class:"hljs-comment"}},[s._v("/**\n * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)\n * http://cssreset.com\n */")]),s._v("\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("html")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("body")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("div")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("span")]),s._v(", applet, "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("object")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("iframe")]),s._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("h1")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("h2")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("h3")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("h4")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("h5")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("h6")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("p")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("blockquote")]),s._v(", pre,\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("a")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("abbr")]),s._v(", acronym, "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("address")]),s._v(", big, "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("cite")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("code")]),s._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("del")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("dfn")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("em")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("img")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("ins")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("kbd")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("q")]),s._v(", s, "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("samp")]),s._v(",\nsmall, strike, "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("strong")]),s._v(", sub, "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("sup")]),s._v(", tt, "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("var")]),s._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("b")]),s._v(", u, "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("i")]),s._v(", center,\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("dl")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("dt")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("dd")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("ol")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("ul")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("li")]),s._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("fieldset")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("form")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("label")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("legend")]),s._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("table")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("caption")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("tbody")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("tfoot")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("thead")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("tr")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("th")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("td")]),s._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("article")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("aside")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("canvas")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("details")]),s._v(", embed,\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("figure")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("figcaption")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("footer")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("header")]),s._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("menu")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("nav")]),s._v(", output, ruby, "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("section")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("summary")]),s._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("time")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("mark")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("audio")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("video")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("input")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("margin")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("padding")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("border")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("font-size")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("100%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("font-weight")]),s._v(": normal\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("vertical-align")]),s._v(": baseline\n\n"),a("span",{attrs:{class:"hljs-comment"}},[s._v("/* HTML5 display-role reset for older browsers */")]),s._v("\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("article")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("aside")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("details")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("figcaption")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("figure")]),s._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("footer")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("header")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("menu")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("nav")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("section")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("display")]),s._v(": block\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("body")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("line-height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("blockquote")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("q")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("quotes")]),s._v(": none\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("blockquote")]),s._v(":before, "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("blockquote")]),s._v(":after,\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("q")]),s._v(":before, "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("q")]),s._v(":after\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("content")]),s._v(": none\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("table")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("border-collapse")]),s._v(": collapse\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("border-spacing")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-comment"}},[s._v("/* custom */")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("a")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("#7e8c8d")]),s._v("\n -webkit-"),a("span",{attrs:{class:"hljs-attribute"}},[s._v("backface-visibility")]),s._v(": hidden\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("text-decoration")]),s._v(": none\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("li")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("list-style")]),s._v(": none\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("body")]),s._v("\n -webkit-text-size-adjust: "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("none")]),s._v("\n -webkit-tap-highlight-"),a("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(": rgba("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(")\n")])]),s._v(" "),a("h3",[s._v("base.css")]),s._v(" "),a("p",[s._v("The "),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/src/common/stylus/base.styl"}},[s._v("base css")]),s._v(" contains the following styles:")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-stylus"}},[s._v("@import "),a("span",{attrs:{class:"hljs-string"}},[s._v('"./variable.styl"')]),s._v("\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("body")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("html")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("line-height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("font-family")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'PingFang SC'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'STHeitiSC-Light'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Helvetica-Light'")]),s._v(", arial, sans-serif, "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Droid Sans Fallback'")]),s._v("\n user-select: "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("none")]),s._v("\n -webkit-tap-highlight-"),a("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(": transparent\n\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".clear-fix")]),s._v("\n &::after\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('""')]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("display")]),s._v(": table\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("clear")]),s._v(": both\n\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-top-1px")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-right-1px")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-bottom-1px")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-left-1px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("position")]),s._v(": relative\n &::before, &::after\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('""')]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("display")]),s._v(": block\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("position")]),s._v(": absolute\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform-origin")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(" "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-top-1px")]),s._v("\n &::before\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("border-top")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1px")]),s._v(" solid "),a("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-row-line\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("left")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("top")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("width")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("100%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform-origin")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(" top\n\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-right-1px")]),s._v("\n &::after\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("border-right")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1px")]),s._v(" solid "),a("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-col-line\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("top")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("right")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("100%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform-origin")]),s._v(": right "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-bottom-1px")]),s._v("\n &::after\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("border-bottom")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1px")]),s._v(" solid "),a("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-row-line\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("left")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("bottom")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("width")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("100%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform-origin")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(" bottom\n\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-left-1px")]),s._v("\n &::before\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("border-left")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1px")]),s._v(" solid "),a("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-col-line\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("top")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("left")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("100%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform-origin")]),s._v(": left "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n\n@media (min-resolution: "),a("span",{attrs:{class:"hljs-number"}},[s._v("2dppx")]),s._v(")\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-top-1px")]),s._v("\n &::before\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("width")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("200%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform")]),s._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(")\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-right-1px")]),s._v("\n &::after\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("200%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform")]),s._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(")\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-bottom-1px")]),s._v("\n &::after\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("width")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("200%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform")]),s._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(")\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-left-1px")]),s._v("\n &::before\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("200%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform")]),s._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(")\n\n@media (min-resolution: "),a("span",{attrs:{class:"hljs-number"}},[s._v("3dppx")]),s._v(")\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-top-1px")]),s._v("\n &::before\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("width")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("300%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform")]),s._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[s._v("333")]),s._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(")\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-right-1px")]),s._v("\n &::after\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("300%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform")]),s._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[s._v("333")]),s._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(")\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-bottom-1px")]),s._v("\n &::after\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("width")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("300%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform")]),s._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[s._v("333")]),s._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(")\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-left-1px")]),s._v("\n &::before\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("300%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform")]),s._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[s._v("333")]),s._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(")\n")])]),s._v(" "),a("h3",[s._v("icon.css")]),s._v(" "),a("p",[s._v("Icons:")]),s._v(" "),a("p",[a("img",{attrs:{src:"https://raw.githubusercontent.com/didi/cube-ui/master/assets/icon.png",alt:"cube icons"}})]),s._v(" "),a("p",[s._v("If you want to use them, just add the "),a("code",{pre:!0},[s._v("cubeic-${name}")]),s._v(" class: "),a("code",{pre:!0},[s._v('')]),s._v(".")])])}]}}}); \ No newline at end of file diff --git a/docs/js/26.b7a27fb42d8f6fe3d621.js b/docs/js/26.b7a27fb42d8f6fe3d621.js new file mode 100644 index 000000000..f29bab9ca --- /dev/null +++ b/docs/js/26.b7a27fb42d8f6fe3d621.js @@ -0,0 +1 @@ +webpackJsonp([26],{Po76:function(s,e,t){var a=t("VU/8")(null,t("f3V4"),null,null,null);s.exports=a.exports},f3V4:function(s,e){s.exports={render:function(){var s=this,e=s.$createElement,t=s._self._c||e;return t("section",[t("h2",{attrs:{id:"后编译"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-后编译-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 后编译")]),s._v(" "),t("p",[s._v("后编译指的是应用依赖的 NPM 包并不需要在发布前编译，而是随着应用编译打包的时候一块编译。")]),s._v(" "),s._m(0),s._v(" "),t("h3",{attrs:{id:"背景"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-背景-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 背景")]),s._v(" "),t("p",[s._v("使用 webpack + babel 开发应用越来越多，而且一般都是通过 NPM 进行包管理的，这样依赖包越来越多，这些依赖包也是使用的 ES2015+ 开发的，所以每个依赖包都需要编译才能发布，这样编译后代码中往往后包含很多编译代码，所以为了消除这部分冗余，推荐大家使用后编译。")]),s._v(" "),t("h3",{attrs:{id:"优缺点"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-优缺点-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 优缺点")]),s._v(" "),t("p",[s._v("优点：")]),s._v(" "),s._m(1),s._v(" "),t("p",[s._v("缺点：")]),s._v(" "),s._m(2),s._v(" "),t("h3",{attrs:{id:"约定"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-约定-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 约定")]),s._v(" "),t("p",[s._v("考虑到有些应用会使用后编译，有些则只能使用编译好的依赖包，为了“争夺”入口，cube-ui 做了均衡，约定：")]),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),t("p",[s._v("这样，如果应用使用的是 webpack 2+，则默认走后编译，而如果使用的 webpack 1.x 则默认使用的是编译后内容；当然，这部分可以通过 webpack 的 alias 配置达到和版本无关效果。")]),s._v(" "),t("h3",{attrs:{id:"webpack配置使用"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-webpack配置使用-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" webpack 配置使用")]),s._v(" "),s._m(5),s._v(" "),t("p",[s._v("一个应用示例配置：")]),s._v(" "),s._m(6),s._v(" "),s._m(7),s._v(" "),s._m(8),s._v(" "),t("p",[s._v("或者你也可以在应用的 package.json 中增加 compileDependencies：")]),s._v(" "),s._m(9),s._v(" "),t("p",[s._v("如果说 A 还依赖 C 的话，只需要在 A 的 package.json 中指定 compileDependencies 即可：")]),s._v(" "),s._m(10)])},staticRenderFns:[function(){var s=this,e=s.$createElement,t=s._self._c||e;return t("p",[t("em",[s._v("注：")]),s._v(" 关于后编译更详细内容可参阅 "),t("a",{attrs:{href:"https://github.com/DDFE/DDFE-blog/issues/23"}},[s._v("webpack 应用编译优化之路")])])},function(){var s=this,e=s.$createElement,t=s._self._c||e;return t("ul",[t("li",[s._v("公共的依赖可以实现共用，只此一份，重要的是只编译一次，建议通过 peerDependencies 管理依赖。")]),s._v(" "),t("li",[s._v("babel 转换 API（例如 babel-plugin-transform-runtime 或者 babel-polyfill）部分的代码只有一份。")]),s._v(" "),t("li",[s._v("不用每个依赖包都需要配置编译打包环节，甚至可以直接源码级别发布。")])])},function(){var s=this,e=s.$createElement,t=s._self._c||e;return t("ul",[t("li",[s._v("主应用的 babel 配置需要能兼容依赖包的 babel 配置。")]),s._v(" "),t("li",[s._v("依赖包不能使用 alias、不能方便的使用 DefinePlugin（可以经过一次简单编译，但是不做 babel 处理）。")]),s._v(" "),t("li",[s._v("应用编译时间会变长。")])])},function(){var s=this,e=s.$createElement,t=s._self._c||e;return t("blockquote",[t("p",[s._v("package.json 的 main 字段指向的就是编译后入口，而 module 字段指向的就是源码入口。")])])},function(){var s=this,e=s.$createElement,t=s._self._c||e;return t("p",[t("em",[s._v("关于 "),t("a",{attrs:{href:"https://github.com/rollup/rollup/wiki/pkg.module"}},[s._v("pkg.module")])])])},function(){var s=this,e=s.$createElement,t=s._self._c||e;return t("p",[s._v("后编译的场景是极有可能产生嵌套的情况，而且对于每个依赖包而言应该自己管理自身需要后编译的依赖；为了解决这个问题，可以使用 "),t("a",{attrs:{href:"https://www.npmjs.com/package/webpack-post-compile-plugin"}},[s._v("webpack-post-compile-plugin")]),s._v("，你只需要在你的 NPM 包自身的 package.json 中声明 "),t("code",{pre:!0},[s._v("postCompile: true")]),s._v(" 或者你的应用的 package.json 中通过 compileDependencies 来指定自身需要后编译依赖的包名。")])},function(){var s=this,e=s.$createElement,t=s._self._c||e;return t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-js"}},[t("span",{attrs:{class:"hljs-comment"}},[s._v("// webpack.config.js")]),s._v("\n"),t("span",{attrs:{class:"hljs-keyword"}},[s._v("var")]),s._v(" PostCompilePlugin = "),t("span",{attrs:{class:"hljs-built_in"}},[s._v("require")]),s._v("("),t("span",{attrs:{class:"hljs-string"}},[s._v("'webpack-post-compile-plugin'")]),s._v(")\n\n"),t("span",{attrs:{class:"hljs-built_in"}},[s._v("module")]),s._v(".exports = {\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n "),t("span",{attrs:{class:"hljs-built_in"}},[s._v("module")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": [\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("test")]),s._v(": "),t("span",{attrs:{class:"hljs-regexp"}},[s._v("/\\.js$/")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("loader")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'babel-loader'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("include")]),s._v(": [\n resolve("),t("span",{attrs:{class:"hljs-string"}},[s._v("'src'")]),s._v(")\n ]\n },\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n ]\n },\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n plugins: [\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" PostCompilePlugin()\n ]\n}\n")])])},function(){var s=this,e=s.$createElement,t=s._self._c||e;return t("p",[s._v("如果你能控制你应用的所有的依赖包，直接在每个依赖包的 package.json 中设置 "),t("code",{pre:!0},[s._v("postCompile: true")]),s._v(" 即可：")])},function(){var s=this,e=s.$createElement,t=s._self._c||e;return t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-js"}},[s._v("{\n "),t("span",{attrs:{class:"hljs-string"}},[s._v('"name"')]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v('"your-one-pkg"')]),s._v(",\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n "),t("span",{attrs:{class:"hljs-string"}},[s._v('"postCompile"')]),s._v(": "),t("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n}\n")])])},function(){var s=this,e=s.$createElement,t=s._self._c||e;return t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-json"}},[s._v("// package.json\n{\n // ...\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v('"compileDependencies"')]),s._v(": ["),t("span",{attrs:{class:"hljs-string"}},[s._v('"A"')]),s._v(", "),t("span",{attrs:{class:"hljs-string"}},[s._v('"B"')]),s._v("]\n // ...\n}\n")])])},function(){var s=this,e=s.$createElement,t=s._self._c||e;return t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-json"}},[s._v("// A package.json\n{\n // ...\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v('"compileDependencies"')]),s._v(": ["),t("span",{attrs:{class:"hljs-string"}},[s._v('"C"')]),s._v("]\n // ...\n}\n")])])}]}},hvjf:function(s,e,t){s.exports=t("Po76")}}); \ No newline at end of file diff --git a/docs/js/27.1a57a87827780cc93797.js b/docs/js/27.1a57a87827780cc93797.js new file mode 100644 index 000000000..080945d66 --- /dev/null +++ b/docs/js/27.1a57a87827780cc93797.js @@ -0,0 +1 @@ +webpackJsonp([27],{KVpg:function(s,t,a){var v=a("VU/8")(null,a("rAFG"),null,null,null);s.exports=v.exports},ZL7z:function(s,t,a){s.exports=a("KVpg")},rAFG:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Popup弹层"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Popup弹层-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Popup 弹层")]),s._v(" "),a("p",[s._v("底层弹层组件，主要用于基于此组件实现上层组件封装，只提供了基础功能：指定类型、是否有背景层、显示内容（HTML）以及是否居中。")]),s._v(" "),s._m(0),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"示例"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 示例")]),s._v(" "),a("p",[s._v("组件")]),s._v(" "),s._m(2),s._v(" "),a("h3",{attrs:{id:"Props配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props 配置")]),s._v(" "),s._m(3),s._v(" "),a("h3",{attrs:{id:"事件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-事件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 事件")]),s._v(" "),s._m(4),s._v(" "),a("h3",{attrs:{id:"实例方法"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-实例方法-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 实例方法")]),s._v(" "),s._m(5)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("内置弹层类组件基本都是基于此组件实现，包括："),a("a",{attrs:{href:"#/zh-CN/docs/toast"}},[s._v("Toast")]),s._v("、"),a("a",{attrs:{href:"#/zh-CN/docs/picker"}},[s._v("Picker")]),s._v("、"),a("a",{attrs:{href:"#/zh-CN/docs/cascade-picker"}},[s._v("CascadePicker")]),s._v("、"),a("a",{attrs:{href:"#/zh-CN/docs/date-picker"}},[s._v("DatePicker")]),s._v("、"),a("a",{attrs:{href:"#/zh-CN/docs/time-picker"}},[s._v("TimePicker")]),s._v("、"),a("a",{attrs:{href:"#/zh-CN/docs/segment-picker"}},[s._v("SegmentPicker")]),s._v("、"),a("a",{attrs:{href:"#/zh-CN/docs/dialog"}},[s._v("Dialog")]),s._v("、"),a("a",{attrs:{href:"#/zh-CN/docs/action-sheet"}},[s._v("ActionSheet")]),s._v("。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("strong",[s._v("注：")]),s._v(" 以上组件都是基于 create-api 实现，所以在使用之前，请确保自己了解过 "),a("a",{attrs:{href:"#/zh-CN/docs/create-api"}},[s._v("create-api")]),s._v("。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("基本用法")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-popup")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"my-popup"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"myPopup"')]),s._v(">")]),s._v("\n My Popup Content 1\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"showPopup('myPopup')\"")]),s._v(">")]),s._v("\n Show Popup\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("p",[s._v("指定类型 "),a("code",{pre:!0},[s._v("type")]),s._v("，这样方便根据类型做 class 控制，如示例，会在根元素上会增加 "),a("code",{pre:!0},[s._v("cube-my-popup")]),s._v(" 的 class")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showPopup(refId) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" component = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs[refId]\n component.show()\n setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n component.hide()\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("组件默认是隐藏的，需要调用组件实例的 "),a("code",{pre:!0},[s._v("show()")]),s._v(" 方法才会显示，调用组件实例的 "),a("code",{pre:!0},[s._v("hide()")]),s._v(" 方法隐藏，这里的 "),a("code",{pre:!0},[s._v("showPopup()")]),s._v(" 就是做的这件事情（首先显示，1 秒钟后隐藏）")])]),s._v(" "),a("li",[a("p",[s._v("不要背景层")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-popup")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"my-popup"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":mask")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"false"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"myPopup2"')]),s._v(">")]),s._v("\n My Popup Content 2\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"showPopup('myPopup2')\"")]),s._v(">")]),s._v("\n Show Popup - no mask\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("p",[s._v("设置 "),a("code",{pre:!0},[s._v("mask")]),s._v(" 为 "),a("code",{pre:!0},[s._v("false")]),s._v("，即不显示背景层")])]),s._v(" "),a("li",[a("p",[s._v("显示内容 HTML")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-popup")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"my-popup"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":mask")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"false"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"My Popup Content 3"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"myPopup3"')]),s._v(" />")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"showPopup('myPopup3')\"")]),s._v(">")]),s._v("\n Show Popup - with content\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("p",[s._v("只需要传入 "),a("code",{pre:!0},[s._v("content")]),s._v("，内容是一段 HTML 片段")])]),s._v(" "),a("li",[a("p",[s._v("控制位置&蒙层点击隐藏"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-popup")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"my-popup"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":position")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"position"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":mask-closable")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"myPopup4"')]),s._v(">")]),s._v("My Popup Content 4"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showPopup"')]),s._v(">")]),s._v("top/right/bottom/left/center"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" positions = ["),a("span",{attrs:{class:"hljs-string"}},[s._v("'top'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'right'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'bottom'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'left'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'center'")]),s._v("]\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("let")]),s._v(" cur = "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("position")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v("\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showPopup() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".position = positions[cur++]\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (cur === positions.length) {\n cur = "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n }\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" component = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.myPopup4\n component.show()\n setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n component.hide()\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("2000")]),s._v(")\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("可通过 "),a("code",{pre:!0},[s._v("position")]),s._v(" 控制内容出现位置，通过 "),a("code",{pre:!0},[s._v("mask-closable")]),s._v(" 控制点击蒙层是否关闭。")])]),s._v(" "),a("li",[a("p",[s._v("上层封装")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-popup")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"extend-popup"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"popup"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"cube-extend-popup-content"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"hide"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("slot")]),s._v(">")]),s._v("{{content}}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("script")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"text/ecmascript-6"')]),s._v(">")]),a("span",{attrs:{class:"javascript"}},[s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" COMPONENT_NAME = "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-extend-popup'")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v(": COMPONENT_NAME,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("props")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("String")]),s._v("\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n show() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.popup.show()\n },\n hide() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.popup.hide()\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$emit("),a("span",{attrs:{class:"hljs-string"}},[s._v("'hide'")]),s._v(")\n }\n }\n }\n")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("style")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("lang")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"stylus"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rel")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"stylesheet/stylus"')]),s._v(">")]),a("span",{attrs:{class:"css"}},[s._v("\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-extend-popup")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-extend-popup-content")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("padding")]),s._v(": 20"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("px")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-selector-id"}},[s._v("#fff")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("background-color")]),s._v(": "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("rgba")]),s._v("(0, 0, 0, "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".8")]),s._v(")\n")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("p",[s._v("这样就实现了一个上层封装的 CubeExtendPopup 组件，自带了一些样式，支持传入内容还有默认插槽，点击内容可隐藏。你可以这样使用（需要全局注册或者局部注册到使用的组件中）：")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-extend-popup")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"click here hide"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"extendPopup"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"$refs.extendPopup.show()"')]),s._v(">")]),s._v("\n Show Extend Popup\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("可选值")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("visible"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("显示状态，是否可见。"),a("code",{pre:!0},[s._v("v-model")]),s._v("绑定值")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("type")]),s._v(" "),a("td",[s._v("弹层类型")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("''")])]),s._v(" "),a("tr",[a("td",[s._v("mask")]),s._v(" "),a("td",[s._v("是否显示背景层")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("true")])]),s._v(" "),a("tr",[a("td",[s._v("content")]),s._v(" "),a("td",[s._v("内容，HTML 字符串，在无插槽的时候有效")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("''")])]),s._v(" "),a("tr",[a("td",[s._v("center")]),s._v(" "),a("td",[s._v("是否水平垂直居中的")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("true")])]),s._v(" "),a("tr",[a("td",[s._v("position"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("内容展示位置，优先级比 center 高")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("top/right/bottom/left/center")]),s._v(" "),a("td",[s._v("''")])]),s._v(" "),a("tr",[a("td",[s._v("maskClosable"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("点击蒙层是否隐藏")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("zIndex"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("样式 z-index 的值")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("100")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("事件名")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("参数")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("mask-click")]),s._v(" "),a("td",[s._v("背景层点击")]),s._v(" "),a("td",[s._v("点击事件对象")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("方法名")]),s._v(" "),a("th",[s._v("说明")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("show")]),s._v(" "),a("td",[s._v("显示")])]),s._v(" "),a("tr",[a("td",[s._v("hide")]),s._v(" "),a("td",[s._v("隐藏")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/27.73226edddc10f16941f6.js b/docs/js/27.73226edddc10f16941f6.js deleted file mode 100644 index 27df9f848..000000000 --- a/docs/js/27.73226edddc10f16941f6.js +++ /dev/null @@ -1 +0,0 @@ -webpackJsonp([27],{459:function(s,t,a){s.exports=a(525)},525:function(s,t,a){var e=a(11)(null,a(526),null,null,null);s.exports=e.exports},526:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement;s._self._c;return s._m(0)},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",[s._v("Slide")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("Slide")]),s._v(" component, which is also encapsulated based on "),a("code",{pre:!0},[s._v("better-scroll")]),s._v(", provides common functions like "),a("code",{pre:!0},[s._v("slider")]),s._v(" and "),a("code",{pre:!0},[s._v("swipe")]),s._v(".")]),s._v(" "),a("h3",[s._v("Example")]),s._v(" "),a("ul",[a("li",[a("p",[s._v("Basic usage")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("cube-slide")]),s._v(" element is the entire slide component while "),a("code",{pre:!0},[s._v("cube-slide-item")]),s._v(" element is the page of each slide and it's slot is the content of the page.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@change")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"changePage"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide-item")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(item, index) in items"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"index"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click.native")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"clickHandler(item, index)"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("a")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":href")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item.url"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("img")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":src")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item.image"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("items")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'http://www.didichuxing.com/'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("image")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide01.png'")]),s._v("\n }, {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'http://www.didichuxing.com/'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("image")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide02.png'")]),s._v("\n }, {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'http://www.didichuxing.com/'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("image")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide03.png'")]),s._v("\n }\n ]\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n changePage(current) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'The index of current slide is '")]),s._v(" + current)\n },\n clickHandle(item, index) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log(item, index)\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("Loop play")]),s._v(" "),a("p",[s._v("Loop play is turned on by default. You can cnfigure that with "),a("code",{pre:!0},[s._v("loop")]),s._v(" attribute.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":loop")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"false"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("Automatic play")]),s._v(" "),a("p",[s._v("Automatic play is turned on by default. You can cnfigure that with "),a("code",{pre:!0},[s._v("auto-play")]),s._v(" attribute.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":auto-play")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"false"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("Interval of automatic play")]),s._v(" "),a("p",[s._v("When automatic play is turned on, you can configure the interval with "),a("code",{pre:!0},[s._v("interval")]),s._v(" attribute.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":interval")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"4000"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("Sliding threshold of switching pages")]),s._v(" "),a("p",[s._v("You can configure the sliding threshold of switching pages with "),a("code",{pre:!0},[s._v("threshold")]),s._v(" attribute. It means that when the sliding distance exceeds the page's width * "),a("code",{pre:!0},[s._v("threshold")]),s._v(", the page is switched. Default is 0.3.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":threshold")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"0.4"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("Speed of switching pages")]),s._v(" "),a("p",[s._v("Animation of switching costs 400 ms by default. You can cnfigure that with "),a("code",{pre:!0},[s._v("speed")]),s._v(" attribute.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":speed")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"200"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])])]),s._v(" "),a("h3",[s._v("Props configuration")]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Accepted Values")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("loop")]),s._v(" "),a("td",[s._v("whether to loop play")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("true")])]),s._v(" "),a("tr",[a("td",[s._v("autoPlay")]),s._v(" "),a("td",[s._v("whether to play automatically")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("true")])]),s._v(" "),a("tr",[a("td",[s._v("interval")]),s._v(" "),a("td",[s._v("interval of play")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("4000")])]),s._v(" "),a("tr",[a("td",[s._v("threshold")]),s._v(" "),a("td",[s._v("sliding threshold of switching pages")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("(0, 1)")]),s._v(" "),a("td",[s._v("0.3")])]),s._v(" "),a("tr",[a("td",[s._v("speed")]),s._v(" "),a("td",[s._v("speed of switching pages")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("400")])])])]),s._v(" "),a("h3",[s._v("事件")]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("Event Name")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Parameters")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("change")]),s._v(" "),a("td",[s._v("triggers when current slide changes")]),s._v(" "),a("td",[s._v("index of current slide")])])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/28.4cd01b39b2ba9c992d4a.js b/docs/js/28.4cd01b39b2ba9c992d4a.js new file mode 100644 index 000000000..379991663 --- /dev/null +++ b/docs/js/28.4cd01b39b2ba9c992d4a.js @@ -0,0 +1 @@ +webpackJsonp([28],{"92Kx":function(s,t,a){s.exports=a("ouqO")},ouqO:function(s,t,a){var v=a("VU/8")(null,a("scLK"),null,null,null);s.exports=v.exports},scLK:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Picker选择器"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Picker选择器-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Picker 选择器")]),s._v(" "),s._m(0),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"示例"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 示例")]),s._v(" "),s._m(2),s._v(" "),a("h4",{attrs:{id:"1）单列选择器"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-1）单列选择器-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 1）单列选择器")]),s._v(" "),a("p",[s._v("首先，是一个单列选择器的例子：")]),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),a("h4",{attrs:{id:"2）多列选择器"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-2）多列选择器-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 2）多列选择器")]),s._v(" "),a("p",[s._v("如果传入了多列数据，则会生成相应的多列选择器。比如以下是一个三列的选择器：")]),s._v(" "),s._m(5),s._v(" "),s._m(6),s._v(" "),a("h4",{attrs:{id:"3）选项的子属性别名"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-3）选项的子属性别名-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 3）选项的子属性别名")]),s._v(" "),s._m(7),s._v(" "),s._m(8),s._v(" "),s._m(9),s._v(" "),a("h4",{attrs:{id:"4）实例方法$updateProps"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-4）实例方法$updateProps-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 4）实例方法 "),a("code",{pre:!0},[s._v("$updateProps")])]),s._v(" "),s._m(10),s._v(" "),s._m(11),s._v(" "),s._m(12),s._v(" "),a("h3",{attrs:{id:"Props配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props 配置")]),s._v(" "),s._m(13),s._v(" "),s._m(14),s._v(" "),s._m(15),s._v(" "),a("h3",{attrs:{id:"事件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-事件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 事件")]),s._v(" "),s._m(16),s._v(" "),a("h3",{attrs:{id:"实例方法"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-实例方法-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 实例方法")]),s._v(" "),s._m(17)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("code",{pre:!0},[s._v("Picker")]),s._v(" 组件也就是选择器，可以用于实现单列或多列选项的选择。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("strong",[s._v("注：")]),s._v(" 由于此组件基于 create-api 实现，所以在使用之前，请确保你基本了解过 "),a("a",{attrs:{href:"#/zh-CN/docs/create-api"}},[s._v("create-api")]),s._v(" 的用法。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("对于选择器，最基本的是需要定义它可以选择的选项，定义选项的属性是 "),a("code",{pre:!0},[s._v("data")]),s._v(" ，它是一个二维数组，第一维度代表了有多少列，第二维度则代表了每列有哪些选项。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showPicker"')]),s._v(">")]),s._v("Picker"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" column1 = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'剧毒'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'剧毒'")]),s._v("}, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'蚂蚁'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'蚂蚁'")]),s._v(" },\n { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'幽鬼'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'幽鬼'")]),s._v(" }]\n\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showPicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".picker) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".picker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createPicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": [column1],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandle\n })\n }\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".picker.show()\n },\n selectHandle(selectedVal, selectedIndex, selectedText) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Selected Item:
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("' '")]),s._v(")}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n cancelHandle() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n }\n}\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showMutiPicker"')]),s._v(">")]),s._v("Multi-column Picker"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" column1 = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'剧毒'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'剧毒'")]),s._v("}, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'蚂蚁'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'蚂蚁'")]),s._v(" },\n { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'幽鬼'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'幽鬼'")]),s._v(" }]\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" column2 = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'输出'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'输出'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'控制'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'控制'")]),s._v(" },\n { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'核心'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'核心'")]),s._v("}, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'爆发'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'爆发'")]),s._v(" }]\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" column3 = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'梅肯'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'梅肯'")]),s._v("}, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'秘法鞋'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'秘法鞋'")]),s._v(" },\n { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'假腿'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'假腿'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'飞鞋'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'飞鞋'")]),s._v(" }]\n\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showMutiPicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".mutiPicker) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".mutiPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createPicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Multi-column Picker'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": [column1, column2, column3],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandle\n })\n }\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".mutiPicker.show()\n },\n selectHandle(selectedVal, selectedIndex, selectedText) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Selected Item:
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("' '")]),s._v(")}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n cancelHandle() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n }\n}\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("有时你可能不希望以 "),a("code",{pre:!0},[s._v("value")]),s._v(" 和 "),a("code",{pre:!0},[s._v("text")]),s._v(" 去定义选项的值和文案，而用别的命名，比如当你的数据来源的命名为 "),a("code",{pre:!0},[s._v("id")]),s._v(" 和 "),a("code",{pre:!0},[s._v("name")]),s._v(" 时，你可能希望直接用 "),a("code",{pre:!0},[s._v("id")]),s._v(" 和 "),a("code",{pre:!0},[s._v("name")]),s._v(" 来定义值和文案。这个时候，你可以使用 "),a("code",{pre:!0},[s._v("alias")]),s._v(" 属性去配置。比如，配置 "),a("code",{pre:!0},[s._v("value")]),s._v(" 的别名为 "),a("code",{pre:!0},[s._v("id")]),s._v("，"),a("code",{pre:!0},[s._v("text")]),s._v(" 的别名为 "),a("code",{pre:!0},[s._v("name")]),s._v("。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showAliasPicker"')]),s._v(">")]),s._v("Use Alias"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showAliasPicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".aliasPicker) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".aliasPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createPicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Use Alias'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": [[{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("id")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'A'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("id")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'B'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("id")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'C'")]),s._v(" }]],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("alias")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'id'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'name'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandle\n })\n }\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".aliasPicker.show()\n },\n selectHandle(selectedVal, selectedIndex, selectedText) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Selected Item:
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("' '")]),s._v(")}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n cancelHandle() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n }\n}\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("当你需要修改 Picker 某些配置项时，你可以使用实例方法 "),a("code",{pre:!0},[s._v("$updateProps")]),s._v("，传入你需要更新的属性。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showUpdatePropsPicker"')]),s._v(">")]),s._v("Use $updateProps"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" column1 = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'剧毒'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'剧毒'")]),s._v("}, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'蚂蚁'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'蚂蚁'")]),s._v(" },\n { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'幽鬼'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'幽鬼'")]),s._v(" }]\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" column2 = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'输出'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'输出'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'控制'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'控制'")]),s._v(" },\n { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'核心'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'核心'")]),s._v("}, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'爆发'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'爆发'")]),s._v(" }]\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" column3 = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'梅肯'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'梅肯'")]),s._v("}, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'秘法鞋'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'秘法鞋'")]),s._v(" },\n { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'假腿'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'假腿'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'飞鞋'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'飞鞋'")]),s._v(" }]\n\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showUpdatePropsPicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".updatePropsPicker) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".updatePropsPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createPicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Use $updateProps'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": [column1],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selectedIndex")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandle\n })\n }\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".updatePropsPicker.show()\n setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".updatePropsPicker.$updateProps({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Updated'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": [column1, column2, column3],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selectedIndex")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v("]\n })\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n },\n selectHandle(selectedVal, selectedIndex, selectedText) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Selected Item:
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("' '")]),s._v(")}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n cancelHandle() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n }\n}\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("默认值")]),s._v(" "),a("th",[s._v("示例")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("data")]),s._v(" "),a("td",[s._v("传入 picker 数据，数组的长度决定了 picker 的列数")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("[]")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("selectedIndex")]),s._v(" "),a("td",[s._v("被选中的索引值，拉起 picker 后显示这个索引值对应的内容")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("[]")]),s._v(" "),a("td",[s._v("[1]")])]),s._v(" "),a("tr",[a("td",[s._v("title")]),s._v(" "),a("td",[s._v("标题")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("''")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("subtitle"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("副标题")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("''")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("cancelTxt")]),s._v(" "),a("td",[s._v("取消按钮文案")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'取消'")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("confirmTxt")]),s._v(" "),a("td",[s._v("确定按钮文案")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'确定'")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("swipeTime")]),s._v(" "),a("td",[s._v("快速滑动 picker 滚轮时，惯性滚动动画的时长，单位：ms")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("2500")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("alias")]),s._v(" "),a("td",[s._v("配置"),a("code",{pre:!0},[s._v("value")]),s._v("和"),a("code",{pre:!0},[s._v("text")]),s._v("的别名")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("{}")]),s._v(" "),a("td",[s._v("{ value: 'id', text: 'name'}")])]),s._v(" "),a("tr",[a("td",[s._v("visible"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("显示状态，是否可见。"),a("code",{pre:!0},[s._v("v-model")]),s._v("绑定值")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("maskClosable"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("点击蒙层是否隐藏")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("true")])]),s._v(" "),a("tr",[a("td",[s._v("zIndex"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("样式 z-index 的值")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("100")]),s._v(" "),a("td",[s._v("-")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("data")]),s._v("子配置项")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("默认值")]),s._v(" "),a("th",[s._v("示例")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("text")]),s._v(" "),a("td",[s._v("picker每一列展示的文案")]),s._v(" "),a("td",[s._v("String/Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("value")]),s._v(" "),a("td",[s._v("picker每一列展示的每项文案对应的值")]),s._v(" "),a("td",[s._v("String/Number/Boolean")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("事件名")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("参数1")]),s._v(" "),a("th",[s._v("参数2")]),s._v(" "),a("th",[s._v("参数3")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("select")]),s._v(" "),a("td",[s._v("点击确认按钮触发此事件")]),s._v(" "),a("td",[s._v("selectedVal: 当前选中项每一列的值，Array类型")]),s._v(" "),a("td",[s._v("selectedIndex: 当前选中项每一列的索引，Array类型")]),s._v(" "),a("td",[s._v("selectedText: 当前选中项每一列的文案，Array类型")])]),s._v(" "),a("tr",[a("td",[s._v("change")]),s._v(" "),a("td",[s._v("滚轴滚动后触发此事件")]),s._v(" "),a("td",[s._v("index: 当前滚动列次序，Number类型")]),s._v(" "),a("td",[s._v("selectedIndex: 当前列选中项的索引，Number类型")]),s._v(" "),a("td")]),s._v(" "),a("tr",[a("td",[s._v("value-change")]),s._v(" "),a("td",[s._v("所确认的值变化时触发此事件")]),s._v(" "),a("td",[s._v("selectedVal: 当前确认项每一列的值，Array类型")]),s._v(" "),a("td",[s._v("selectedIndex: 当前确认项每一列的索引，Array类型")]),s._v(" "),a("td",[s._v("selectedText: 当前选中项每一列的文案，Array类型")])]),s._v(" "),a("tr",[a("td",[s._v("cancel")]),s._v(" "),a("td",[s._v("点击取消按钮触发此事件")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("方法名")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("参数1")]),s._v(" "),a("th",[s._v("参数2")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("setData")]),s._v(" "),a("td",[s._v("设置picker可选项")]),s._v(" "),a("td",[s._v("picker每列可选项的文案和值，Array类型")]),s._v(" "),a("td",[s._v("picker每列选中的索引，Array类型")])]),s._v(" "),a("tr",[a("td",[s._v("show")]),s._v(" "),a("td",[s._v("显示")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("hide")]),s._v(" "),a("td",[s._v("隐藏")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/28.d2a61f7dee41565d5bff.js b/docs/js/28.d2a61f7dee41565d5bff.js deleted file mode 100644 index 555a3101f..000000000 --- a/docs/js/28.d2a61f7dee41565d5bff.js +++ /dev/null @@ -1 +0,0 @@ -webpackJsonp([28],{458:function(s,t,a){s.exports=a(523)},523:function(s,t,a){var l=a(11)(null,a(524),null,null,null);s.exports=l.exports},524:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement;s._self._c;return s._m(0)},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",[s._v("Scroll")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("Scroll")]),s._v(" component, which is encapsulated based on "),a("code",{pre:!0},[s._v("better-scroll")]),s._v(", provides high-quality native scrolling experience and has convenient configuration along tith events.")]),s._v(" "),a("h3",[s._v("Example")]),s._v(" "),a("ul",[a("li",[s._v("Basic usage")])]),s._v(" "),a("p",[s._v("By setting "),a("code",{pre:!0},[s._v("data")]),s._v(" to an array, you can generate the list which can scrolls elegantly in the container.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll-wrapper"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"items"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("ul",[a("li",[s._v("Scroll bar")])]),s._v(" "),a("p",[s._v("Default is without scroll bar. You can set it to fade-in-fade-out or always-show style.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-comment"}},[s._v("\x3c!-- fade-in-fade-out style --\x3e")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"items"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":scrollbar")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-comment"}},[s._v("\x3c!-- always-show style --\x3e")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"items"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":scrollbar")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scrollbar"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("items")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("4")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("scrollbar")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("fade")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v("\n }\n }\n }\n}\n")])]),s._v(" "),a("ul",[a("li",[s._v("Pull down to refresh")])]),s._v(" "),a("p",[s._v("There is no pull-down-to-refresh function by default. Configuring "),a("code",{pre:!0},[s._v("pull-down-refresh")]),s._v(" can turn on the dispatching of the event "),a("code",{pre:!0},[s._v("pulling-down")]),s._v(" and the animation of pulling down. You can listen to "),a("code",{pre:!0},[s._v("pulling-down")]),s._v(" event to update data.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-comment"}},[s._v("\x3c!-- turn on the pull-down-to-refresh function and use default configuration --\x3e")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"items"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":pull-down-refresh")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@pulling-down")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onPullingDown"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-comment"}},[s._v("\x3c!-- turn on the pull-down-to-refresh function and use custom configuration --\x3e")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"items"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":pull-down-refresh")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"pullDownRefresh"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@pulling-down")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onPullingDown"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("items")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("4")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("pullDownRefresh")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("threshold")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("90")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("stop")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("40")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Refresh success'")]),s._v("\n }\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n onPullingDown() {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// simulate updating data")]),s._v("\n setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" ("),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Math")]),s._v(".random() > "),a("span",{attrs:{class:"hljs-number"}},[s._v("0.5")]),s._v(") {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// if new data")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".items.unshift("),a("span",{attrs:{class:"hljs-string"}},[s._v("'I am new data: '")]),s._v(" + +"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("())\n } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("else")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// if no new data")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.scroll.forceUpdate()\n }\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n }\n }\n}\n")])]),s._v(" "),a("ul",[a("li",[s._v("Pulling up to load")])]),s._v(" "),a("p",[s._v("There is no pull-up-to-load function by default. Configuring "),a("code",{pre:!0},[s._v("pull-up-load")]),s._v(" can turn on the dispatching of the event "),a("code",{pre:!0},[s._v("pulling-up")]),s._v(" and the animation of pulling up. You can listen to "),a("code",{pre:!0},[s._v("pulling-up")]),s._v(" event to update data.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-comment"}},[s._v("\x3c!-- turn on the pull-up-to-load function and use default configuration --\x3e")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"items"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":pull-up-load")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@pulling-up")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onPullingUp"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-comment"}},[s._v("\x3c!-- turn on the pull-up-to-load function and use custom configuration --\x3e")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"items"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":pull-up-load")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"pullUpLoad"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@pulling-up")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onPullingUp"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("items")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("4")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("itemIndex")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("pullUpLoad")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("threshold")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("more")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Load more'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("noMore")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'No more data'")]),s._v("\n }\n }\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n onPullingUp() {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// simulate updating data")]),s._v("\n setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" ("),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Math")]),s._v(".random() > "),a("span",{attrs:{class:"hljs-number"}},[s._v("0.5")]),s._v(") {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// if new data")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("let")]),s._v(" newPage = [\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'I am line '")]),s._v(" + ++"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".itemIndex,\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'I am line '")]),s._v(" + ++"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".itemIndex,\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'I am line '")]),s._v(" + ++"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".itemIndex,\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'I am line '")]),s._v(" + ++"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".itemIndex,\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'I am line '")]),s._v(" + ++"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".itemIndex\n ]\n\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".items = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".items.concat(newPage)\n } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("else")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// if no new data")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.scroll.forceUpdate()\n }\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n }\n }\n}\n")])]),s._v(" "),a("ul",[a("li",[s._v("Customize the animation of pulling down refreshing and pulling up loading")])]),s._v(" "),a("p",[s._v("If you don't like the built-in slots of pulling down refreshing and pulling up loading, you can use "),a("a",{attrs:{href:"https://vuejs.org/v2/guide/components.html#Scoped-Slots"}},[s._v("scoped slots")]),s._v(" to customize animation. The example below uses scoped slots to customize animation of pulling down refreshing, while pulling up loading keeps default built-in animation.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"items"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":pull-down-refresh")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"pullDownRefresh"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":pull-up-load")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"pullUpLoad"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@pulling-down")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onPullingDown"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@pulling-up")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onPullingUp"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"pulldown"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("slot-scope")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-if")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props.pullDownRefresh"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"cube-pulldown-wrapper"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":style")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props.pullDownStyle"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-if")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props.beforePullDown"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"before-trigger"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":style")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"{paddingTop: props.bubbleY + 'px'}\"")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"{rotate: props.bubbleY > 40}"')]),s._v(">")]),s._v("↓"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"after-trigger"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-else")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-if")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props.isPullingDown"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"loading"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-loading")]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-else")]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v(">")]),s._v("Refresh success"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("p",[s._v("With the parameters that scoped slots provide, you can control the process of animation according to the change of the state. Detailed scope parameters and their meaning are shown below in 'Slots'.")]),s._v(" "),a("h3",[s._v("Props configuration")]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Accepted Values")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("data")]),s._v(" "),a("td",[s._v("data used for list rendering")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("[]")])]),s._v(" "),a("tr",[a("td",[s._v("direction")]),s._v(" "),a("td",[s._v("scrolling direction")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'vertical', 'horizontal'")]),s._v(" "),a("td",[s._v("'vertical'")])]),s._v(" "),a("tr",[a("td",[s._v("scrollbar")]),s._v(" "),a("td",[s._v("configuration for scroll bar")]),s._v(" "),a("td",[s._v("Boolean/Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("pullDownRefresh")]),s._v(" "),a("td",[s._v("configuration for pulling down refreshing")]),s._v(" "),a("td",[s._v("Boolean/Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("pullUpLoad")]),s._v(" "),a("td",[s._v("configuration for pulling up loading")]),s._v(" "),a("td",[s._v("Boolean/Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("listenScroll")]),s._v(" "),a("td",[s._v("whether to dispatch scroll event")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("probeType")]),s._v(" "),a("td",[s._v("the dispatching time of scroll event "),a("br"),s._v("1. non-real-time dispatching; "),a("br"),s._v("2. real-time dispatching during the scrolling; "),a("br"),s._v("3. real-time dispatching during the entire scrolling including inertial stage")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("1, 2, 3")]),s._v(" "),a("td",[s._v("0")])]),s._v(" "),a("tr",[a("td",[s._v("listenBeforeScroll")]),s._v(" "),a("td",[s._v("whether to dispatch before-scroll-start event")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])])])]),s._v(" "),a("ul",[a("li",[a("code",{pre:!0},[s._v("scrollbar")]),s._v(" sub configuration")])]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Accepted Values")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("fade")]),s._v(" "),a("td",[s._v("whether to have fade-in-fade-out style")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])])])]),s._v(" "),a("ul",[a("li",[a("code",{pre:!0},[s._v("pullDownRefresh")]),s._v(" sub configuration")])]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Accepted Values")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("threshold")]),s._v(" "),a("td",[s._v("the threshold of distance that pulling down for refreshing")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("90")])]),s._v(" "),a("tr",[a("td",[s._v("stop")]),s._v(" "),a("td",[s._v("the position where rebounding stays")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("40")])]),s._v(" "),a("tr",[a("td",[s._v("txt")]),s._v(" "),a("td",[s._v("the text shown when refreshing successfully")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("'Refresh success'")])])])]),s._v(" "),a("ul",[a("li",[a("code",{pre:!0},[s._v("pullUpLoad")]),s._v(" sub configuration")])]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Accepted Values")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("threshold")]),s._v(" "),a("td",[s._v("the threshold of distance that pulling up for loading")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("0")])]),s._v(" "),a("tr",[a("td",[s._v("txt")]),s._v(" "),a("td",[s._v("the text shown when pulling up loading")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("{ more: 'Load more', noMore: 'No more data' }")])])])]),s._v(" "),a("h3",[s._v("Slot")]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("Name")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Scope Parameters")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("pulldown")]),s._v(" "),a("td",[s._v("located above the list and shown when pulling down refreshing")]),s._v(" "),a("td",[s._v("pullDownRefresh: whether to turn on pulling-down-refreshing function"),a("br"),s._v("pullDownStyle: the style of showing and fading"),a("br"),s._v("beforePullDown: whether in pulling down operation"),a("br"),s._v("isPullingDown: whether in the process of pulling in data"),a("br"),s._v("bubbleY: the distance of pulling down currently - 50")])]),s._v(" "),a("tr",[a("td",[s._v("pullup")]),s._v(" "),a("td",[s._v("located below the list and shown when pulling up loading")]),s._v(" "),a("td",[s._v("pullUpLoad: whether to turn on pulling-up-loading function"),a("br"),s._v("isPullUpLoad: whether the data is being loaded")])])])]),s._v(" "),a("h3",[s._v("Events")]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("Event Name")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Parameters")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("click")]),s._v(" "),a("td",[s._v("triggers when clicking the list item")]),s._v(" "),a("td",[s._v("item - the data of the list item")])]),s._v(" "),a("tr",[a("td",[s._v("scroll")]),s._v(" "),a("td",[s._v("triggers according to the value of probeType, if listenScroll is true")]),s._v(" "),a("td",[s._v("Object {x, y} - real-time scrolling coordinates")])]),s._v(" "),a("tr",[a("td",[s._v("before-scroll-start")]),s._v(" "),a("td",[s._v("triggers before scrolling start, if listenBeforeScroll")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("pulling-down")]),s._v(" "),a("td",[s._v("triggers when the distance of pulling down exceeds the threshold, if pullDownRefresh is true")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("pulling-up")]),s._v(" "),a("td",[s._v("triggers when the distance of pulling up exceeds the threshold, if pullUpLoad is true")]),s._v(" "),a("td",[s._v("-")])])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/29.0efb31f9d3c239255614.js b/docs/js/29.0efb31f9d3c239255614.js deleted file mode 100644 index 70f770360..000000000 --- a/docs/js/29.0efb31f9d3c239255614.js +++ /dev/null @@ -1 +0,0 @@ -webpackJsonp([29],{457:function(s,a,t){s.exports=t(521)},521:function(s,a,t){var n=t(11)(null,t(522),null,null,null);s.exports=n.exports},522:function(s,a){s.exports={render:function(){var s=this,a=s.$createElement;s._self._c;return s._m(0)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[t("h2",[s._v("Quick start")]),s._v(" "),t("h3",[s._v("Install")]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-shell"}},[t("span",{attrs:{class:"hljs-meta"}},[s._v("$")]),t("span",{attrs:{class:"bash"}},[s._v(" npm install cube-ui --save")]),s._v("\n")])]),s._v(" "),t("h3",[s._v("Usage")]),s._v(" "),t("p",[s._v("It is recommended to use "),t("a",{attrs:{href:"https://www.npmjs.com/package/babel-plugin-transform-modules"}},[s._v("babel-plugin-transform-modules")]),s._v(",which helps you import component modules and corresponding styles more elegantly.")]),s._v(" "),t("p",[s._v("Before use, the plugin needs some configuration. Modify .babelrc:")]),s._v(" "),t("ul",[t("li",[t("p",[s._v("webpack 1.x")]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-json"}},[s._v("{\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v('"plugins"')]),s._v(": ["),t("span",{attrs:{class:"hljs-string"}},[s._v('"transform-modules"')]),s._v(", {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v('"cube-ui"')]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v('"transform"')]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v('"cube-ui/lib/${member}"')]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v('"kebabCase"')]),s._v(": "),t("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v('"style"')]),s._v(": "),t("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n }]\n}\n")])])]),s._v(" "),t("li",[t("p",[s._v("webpack 2+")]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-json"}},[s._v("{\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v('"plugins"')]),s._v(": ["),t("span",{attrs:{class:"hljs-string"}},[s._v('"transform-modules"')]),s._v(", {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v('"cube-ui"')]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v('"transform"')]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v('"cube-ui/src/modules/${member}"')]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v('"kebabCase"')]),s._v(": "),t("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n }]\n}\n")])]),s._v(" "),t("blockquote",[t("p",[t("a",{attrs:{href:"#/en-US/docs/post-compile"}},[s._v("why distinguishs the version of webpack?")])])])])]),s._v(" "),t("p",[s._v("If not using babel-plugin-transform-modules, you need to import corresponding style files by hand.")]),s._v(" "),t("h4",[s._v("Fully import")]),s._v(" "),t("p",[s._v("Commonly in the entry file:")]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-javascript"}},[t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" Vue "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'vue'")]),s._v("\n"),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" Cube "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n\nVue.use(Cube)\n")])]),s._v(" "),t("h4",[s._v("Import on demand")]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-javascript"}},[t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" { Button } "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n")])]),s._v(" "),t("p",[s._v("You can choose to register globally or partially:")]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-js"}},[t("span",{attrs:{class:"hljs-comment"}},[s._v("// register globally")]),s._v("\nVue.use(Button)\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// or register partially")]),s._v("\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// in certain somponents")]),s._v("\n{\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("components")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("CubeButton")]),s._v(": Button\n }\n}\n")])]),s._v(" "),t("p",[s._v("All the components that can be imported on demand are listed below:")]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-js"}},[t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" {\n Button,\n Checkbox,\n Loading,\n Tip,\n Toast,\n Picker,\n TimePicker,\n Dialog,\n ActionSheet,\n Scroll,\n Slide,\n IndexList\n} "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n")])]),s._v(" "),t("h4",[s._v("Examples")]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-html"}},[t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"showDiaog"')]),s._v(">")]),s._v("show dialog"),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(">")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("script")]),s._v(">")]),t("span",{attrs:{class:"javascript"}},[s._v("\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showDialog() {\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'alert'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Alert'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'dialog content'")]),s._v("\n }).show()\n }\n }\n }\n")]),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])])}]}}}); \ No newline at end of file diff --git a/docs/js/29.e21d86280e771e590b54.js b/docs/js/29.e21d86280e771e590b54.js new file mode 100644 index 000000000..6bcb7a692 --- /dev/null +++ b/docs/js/29.e21d86280e771e590b54.js @@ -0,0 +1 @@ +webpackJsonp([29],{"4qzo":function(s,t,a){var e=a("VU/8")(null,a("GDi5"),null,null,null);s.exports=e.exports},GDi5:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Loading"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Loading-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Loading")]),s._v(" "),a("p",[s._v("加载，提供了可自定义大小的加载动画。")]),s._v(" "),a("h3",{attrs:{id:"示例"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 示例")]),s._v(" "),s._m(0),s._v(" "),a("h3",{attrs:{id:"Props配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props 配置")]),s._v(" "),s._m(1)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("图标大小")]),s._v(" "),a("p",[s._v("默认大小为"),a("code",{pre:!0},[s._v("24px")]),s._v("，可通过"),a("code",{pre:!0},[s._v("size")]),s._v("属性配置")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-loading")]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-loading")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":size")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"28"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-loading")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":size")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"40"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("size")]),s._v(" "),a("td",[s._v("加载图标的大小，单位px")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("24")])])])])}]}},dNW6:function(s,t,a){s.exports=a("4qzo")}}); \ No newline at end of file diff --git a/docs/js/3.0a2551dfcd5d9f8f9191.js b/docs/js/3.0a2551dfcd5d9f8f9191.js new file mode 100644 index 000000000..fada68eed --- /dev/null +++ b/docs/js/3.0a2551dfcd5d9f8f9191.js @@ -0,0 +1 @@ +webpackJsonp([3],{ZIr9:function(s,t,a){var v=a("VU/8")(null,a("iC+2"),null,null,null);s.exports=v.exports},dSBi:function(s,t,a){s.exports=a("ZIr9")},"iC+2":function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Upload组件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Upload组件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Upload 组件")]),s._v(" "),s._m(0),s._v(" "),s._m(1),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),a("h3",{attrs:{id:"示例"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 示例")]),s._v(" "),s._m(4),s._v(" "),a("h3",{attrs:{id:"Props配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props 配置")]),s._v(" "),s._m(5),s._v(" "),s._m(6),s._v(" "),s._m(7),s._v(" "),s._m(8),s._v(" "),s._m(9),s._v(" "),s._m(10),s._v(" "),a("h3",{attrs:{id:"事件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-事件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 事件")]),s._v(" "),s._m(11),s._v(" "),a("h3",{attrs:{id:"实例方法"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-实例方法-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 实例方法")]),s._v(" "),s._m(12)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("1.3.0 新增")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("code",{pre:!0},[s._v("Upload")]),s._v(" 上传组件。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("strong",[s._v("注：")]),s._v(" 本文中所有的原始文件对象统称为"),a("strong",[s._v("原始文件")]),s._v("，而经过包装后的文件对象称为"),a("strong",[s._v("文件对象")]),s._v("，这个文件对象的结构如下：")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("属性")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("name")]),s._v(" "),a("td",[s._v("文件名")]),s._v(" "),a("td",[s._v("String")])]),s._v(" "),a("tr",[a("td",[s._v("size")]),s._v(" "),a("td",[s._v("文件大小")]),s._v(" "),a("td",[s._v("Number")])]),s._v(" "),a("tr",[a("td",[s._v("url")]),s._v(" "),a("td",[s._v("文件 url，通过 URL.createObjectURL 获得")]),s._v(" "),a("td",[s._v("String")])]),s._v(" "),a("tr",[a("td",[s._v("base64")]),s._v(" "),a("td",[s._v("文件 base64 的值，这个会从原始文件的 base64 属性获得（默认是没有的，但是插件可以添加，例如下边演示的压缩 compress 插件就会添加 base64 值）")]),s._v(" "),a("td",[s._v("String")])]),s._v(" "),a("tr",[a("td",[s._v("status")]),s._v(" "),a("td",[s._v("文件状态，包含四个： ready, uploading, success, error")]),s._v(" "),a("td",[s._v("String")])]),s._v(" "),a("tr",[a("td",[s._v("progress")]),s._v(" "),a("td",[s._v("文件上传进度，小数 0~1")]),s._v(" "),a("td",[s._v("Number")])]),s._v(" "),a("tr",[a("td",[s._v("file")]),s._v(" "),a("td",[s._v("原始文件")]),s._v(" "),a("td",[s._v("File")])]),s._v(" "),a("tr",[a("td",[s._v("response")]),s._v(" "),a("td",[s._v("响应内容（自动转 JSON）")]),s._v(" "),a("td",[s._v("Object/Array/String")])]),s._v(" "),a("tr",[a("td",[s._v("responseHeaders")]),s._v(" "),a("td",[s._v("响应头")]),s._v(" "),a("td",[s._v("String")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("基本用法")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-upload")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"//jsonplaceholder.typicode.com/photos/"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":simultaneous-uploads")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"1"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@files-added")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"filesAdded"')]),s._v(" />")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n filesAdded(files) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("let")]),s._v(" hasIgnore = "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" maxSize = "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(" * "),a("span",{attrs:{class:"hljs-number"}},[s._v("1024")]),s._v(" * "),a("span",{attrs:{class:"hljs-number"}},[s._v("1024")]),s._v(" "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 1M")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("for")]),s._v(" ("),a("span",{attrs:{class:"hljs-keyword"}},[s._v("let")]),s._v(" k "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("in")]),s._v(" files) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" file = files[k]\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (file.size > maxSize) {\n file.ignore = "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n hasIgnore = "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n }\n hasIgnore && "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'You selected >1M files'")]),s._v("\n }).show()\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("配置 "),a("code",{pre:!0},[s._v("action")]),s._v(" 表示上传的 URL 地址，而 "),a("code",{pre:!0},[s._v("simultaneous-uploads")]),s._v(" 则表示支持的并发上传个数。")]),s._v(" "),a("p",[s._v("通过 "),a("code",{pre:!0},[s._v("files-added")]),s._v(" 事件可以实现文件过滤，设置 "),a("code",{pre:!0},[s._v("file.ignore = true")]),s._v(" 即可。")])]),s._v(" "),a("li",[a("p",[s._v("压缩图片且通过 Base64 上传")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-upload")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"upload"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":action")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"action"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":simultaneous-uploads")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"1"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":process-file")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"processFile"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@file-submitted")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"fileSubmitted"')]),s._v(" />")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" compress "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'../../modules/image'")]),s._v("\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("target")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'//jsonplaceholder.typicode.com/photos/'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("prop")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'base64Value'")]),s._v("\n }\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n processFile(file, next) {\n compress(file, {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("compress")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("width")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1600")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1600")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("quality")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0.5")]),s._v("\n }\n }, next)\n },\n fileSubmitted(file) {\n file.base64Value = file.file.base64\n }\n }\n}\n")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("action")]),s._v(" 中除了有 "),a("code",{pre:!0},[s._v("target")]),s._v(" 目标上传地址外；还有 "),a("code",{pre:!0},[s._v("prop")]),s._v(" 配置，表示上传的时候采用处理后的 "),a("code",{pre:!0},[s._v("file")]),s._v(" 普通对象的哪个属性所对应的值上传，这里设置的就是 "),a("code",{pre:!0},[s._v("base64Value")]),s._v(" 的值。")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("process-file")]),s._v(" 则是一个函数，主要用于处理原生文件的，调用 "),a("code",{pre:!0},[s._v("next")]),s._v(" 回调的话，参数是处理完的文件对象，这里示例的就是调用 "),a("code",{pre:!0},[s._v("compress")]),s._v(" 做压缩，处理完后会回调 "),a("code",{pre:!0},[s._v("next")]),s._v("。")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("file-submitted")]),s._v(" 事件则是每个文件处理完后添加到 "),a("code",{pre:!0},[s._v("upload")]),s._v(" 实例的 "),a("code",{pre:!0},[s._v("files")]),s._v(" 数组中后触发，参数就是一个处理后的文件对象。")])]),s._v(" "),a("li",[a("p",[s._v("自定义结构样式")]),s._v(" "),a("p",[s._v("使用默认插槽来实现自定义结构，在此基础上自定义样式。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-upload")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"upload"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"files"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":action")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"action"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@files-added")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"addedHandler"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@file-error")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"errHandler"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"clear-fix"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-upload-file")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(file, i) in files"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":file")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"file"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"i"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-upload-btn")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":multiple")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"false"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("i")]),s._v(">")]),s._v("＋"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("p")]),s._v(">")]),s._v("Please click to upload ID card"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'//jsonplaceholder.typicode.com/photos/'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("files")]),s._v(": []\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n addedHandler() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" file = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".files["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("]\n file && "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.upload.removeFile(file)\n },\n errHandler(file) {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// const msg = file.response.message")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Upload fail'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("样式覆盖：")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-stylus"}},[a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-upload")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-upload-file")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-upload-btn")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("margin")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("200px")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-upload-file")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("margin")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n + "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-upload-btn")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("margin-top")]),s._v(": -"),a("span",{attrs:{class:"hljs-number"}},[s._v("200px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("opacity")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-upload-file-def")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("width")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("100%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("100%")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cubeic-wrong")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("display")]),s._v(": none\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-upload-btn")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("display")]),s._v(": flex\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("align-items")]),s._v(": center\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("justify-content")]),s._v(": center\n > "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("div")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("text-align")]),s._v(": center\n "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("i")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("display")]),s._v(": inline-flex\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("align-items")]),s._v(": center\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("justify-content")]),s._v(": center\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("width")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("50px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("50px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("margin-bottom")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("20px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("font-size")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("32px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("line-height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("font-style")]),s._v(": normal\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("#fff")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("background-color")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("#333")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("border-radius")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("50%")]),s._v("\n")])]),s._v(" "),a("p",[s._v("上述示例实现的效果就是点击上传（一次只能选择一张）一张图片，此图片就会直接展示，而上传按钮本身则是不可见，覆盖在图片预览区域上。再次重新选择图片，就会移除掉上次选择的图片，重新展示新选择的图片。")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("默认值")]),s._v(" "),a("th",[s._v("示例")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("v-model")]),s._v(" "),a("td",[s._v("文件列表")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("[]")]),s._v(" "),a("td",[s._v("[{ name, size, url, status: 'success', progress: 1 }]")])]),s._v(" "),a("tr",[a("td",[s._v("action")]),s._v(" "),a("td",[s._v("上传行为配置项，最少包含上传目标的 URL 地址")]),s._v(" "),a("td",[s._v("String/Object")]),s._v(" "),a("td",[s._v("''")]),s._v(" "),a("td",[s._v("{ target: '/upload' }")])]),s._v(" "),a("tr",[a("td",[s._v("max")]),s._v(" "),a("td",[s._v("最大上传文件个数")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("10")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("auto")]),s._v(" "),a("td",[s._v("是否自动上传，即选择完文件后自动开始上传")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("simultaneousUploads")]),s._v(" "),a("td",[s._v("并发上传数")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("1")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("multiple")]),s._v(" "),a("td",[s._v("是否多选")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("accept")]),s._v(" "),a("td",[s._v("input 的 accept 属性值")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("image/*")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("processFile")]),s._v(" "),a("td",[s._v("处理原始文件函数")]),s._v(" "),a("td",[s._v("Function")]),s._v(" "),a("td",[s._v("function (file, next) { next(file) }")]),s._v(" "),a("td",[s._v("-")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("action")]),s._v(" 子配置项")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("如果 "),a("code",{pre:!0},[s._v("action")]),s._v(" 是字符串，则会被处理成 "),a("code",{pre:!0},[s._v("{ target: action }")]),s._v(" 这样结构。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("target")]),s._v(" "),a("td",[s._v("上传目标 URL，如果为函数，则传入当前文件对象调用得到目标 URL")]),s._v(" "),a("td",[s._v("String/Function"),a("sup",[s._v("1.11.0+")])]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("fileName")]),s._v(" "),a("td",[s._v("上传文件时文件的参数名")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'file'")])]),s._v(" "),a("tr",[a("td",[s._v("prop")]),s._v(" "),a("td",[s._v("上传的时候使用文件对象的 prop 属性所对应的值")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'file'")])]),s._v(" "),a("tr",[a("td",[s._v("headers")]),s._v(" "),a("td",[s._v("自定义请求头，如果为函数，则传入当前文件对象调用得到 headers")]),s._v(" "),a("td",[s._v("Object/Function"),a("sup",[s._v("1.11.0+")])]),s._v(" "),a("td",[s._v("{}")])]),s._v(" "),a("tr",[a("td",[s._v("data")]),s._v(" "),a("td",[s._v("上传需要附加数据，如果为函数，则传入当前文件对象调用得到 data")]),s._v(" "),a("td",[s._v("Object/Function"),a("sup",[s._v("1.11.0+")])]),s._v(" "),a("td",[s._v("{}")])]),s._v(" "),a("tr",[a("td",[s._v("withCredentials")]),s._v(" "),a("td",[s._v("标准的 CORS 请求是不会带上 cookie 的，如果想要带的话需要设置 withCredentials 为 true")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("timeout")]),s._v(" "),a("td",[s._v("请求超时时间")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("0")])]),s._v(" "),a("tr",[a("td",[s._v("progressInterval")]),s._v(" "),a("td",[s._v("进度回调间隔（单位：ms）")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("100")])]),s._v(" "),a("tr",[a("td",[s._v("checkSuccess")]),s._v(" "),a("td",[s._v("校验是否成功函数，参数为"),a("code",{pre:!0},[s._v("(服务端响应数据, 当前文件对象 [,cb 回调])")]),s._v("，注意第二个参数和第三个参数是 1.11.0 后新增的，而参数 "),a("code",{pre:!0},[s._v("cb")]),s._v(" 是可选的，异步场景可用，如果没有 "),a("code",{pre:!0},[s._v("cb")]),s._v(" 则取其返回值，如果结果值为 true 则代表成功")]),s._v(" "),a("td",[s._v("Function")]),s._v(" "),a("td",[s._v("function (res, file) { return true }")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("processFile")]),s._v(" 子配置项")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("一个函数，这个函数有两个参数："),a("code",{pre:!0},[s._v("(file, next)")]),s._v("，"),a("code",{pre:!0},[s._v("file")]),s._v(" 就是原始文件，"),a("code",{pre:!0},[s._v("next")]),s._v(" 为处理完毕后的回调函数，调用的时候需要传入处理后的文件。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("事件名")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("参数")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("files-added")]),s._v(" "),a("td",[s._v("选择完文件后触发，一般可用作文件过滤")]),s._v(" "),a("td",[s._v("原始文件列表")])]),s._v(" "),a("tr",[a("td",[s._v("file-submitted")]),s._v(" "),a("td",[s._v("每个文件处理完后添加到 "),a("code",{pre:!0},[s._v("upload")]),s._v(" 实例的 "),a("code",{pre:!0},[s._v("files")]),s._v(" 数组中后触发")]),s._v(" "),a("td",[s._v("文件对象")])]),s._v(" "),a("tr",[a("td",[s._v("file-removed")]),s._v(" "),a("td",[s._v("文件被删除后触发")]),s._v(" "),a("td",[s._v("文件对象")])]),s._v(" "),a("tr",[a("td",[s._v("file-success")]),s._v(" "),a("td",[s._v("文件上传成功后触发")]),s._v(" "),a("td",[s._v("文件对象")])]),s._v(" "),a("tr",[a("td",[s._v("file-error")]),s._v(" "),a("td",[s._v("文件上传失败后触发")]),s._v(" "),a("td",[s._v("文件对象")])]),s._v(" "),a("tr",[a("td",[s._v("file-click")]),s._v(" "),a("td",[s._v("文件点击后触发")]),s._v(" "),a("td",[s._v("文件对象")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("方法名")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("参数")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("start")]),s._v(" "),a("td",[s._v("开始上传")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("pause")]),s._v(" "),a("td",[s._v("暂停上传")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("retry")]),s._v(" "),a("td",[s._v("重试上传")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("removeFile")]),s._v(" "),a("td",[s._v("删除文件")]),s._v(" "),a("td",[s._v("文件对象")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/3.919ab26d4b0faebe044d.js b/docs/js/3.919ab26d4b0faebe044d.js deleted file mode 100644 index 53b27b361..000000000 --- a/docs/js/3.919ab26d4b0faebe044d.js +++ /dev/null @@ -1 +0,0 @@ -webpackJsonp([3],{483:function(s,t,a){s.exports=a(573)},573:function(s,t,a){var v=a(11)(null,a(574),null,null,null);s.exports=v.exports},574:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement;s._self._c;return s._m(0)},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",[s._v("Tip")]),s._v(" "),a("p",[s._v("提示，用于弹出提示气泡框。")]),s._v(" "),a("h3",[s._v("示例")]),s._v(" "),a("ul",[a("li",[a("p",[s._v("基础使用")]),s._v(" "),a("p",[s._v("通过在 "),a("code",{pre:!0},[s._v("Tip")]),s._v(" 组件上添加 "),a("code",{pre:!0},[s._v("ref")]),s._v(" 属性，获得对于组件的引用，然后调用 "),a("code",{pre:!0},[s._v("Tip")]),s._v(" 组件向外暴露出来的 "),a("code",{pre:!0},[s._v("show")]),s._v("、"),a("code",{pre:!0},[s._v("hide")]),s._v(" 方法来控制组件的显示或隐藏。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":inline")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":outline")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":primary")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"$refs.tip.show()"')]),s._v(">")]),s._v("Show tip"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-tip")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"tip"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("direction")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"bottom"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("style")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"left:123px;top:-50px;"')]),s._v(">")]),s._v("Tip"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("小三角和气泡框的位置")]),s._v(" "),a("p",[s._v("通过 "),a("code",{pre:!0},[s._v("direction")]),s._v(" 属性配置小三角的方向，一般情况下需要通过 "),a("code",{pre:!0},[s._v("style")]),s._v(" 改变气泡框的位置；一般来说，小三角的方向是与气泡框的位置相反的。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("p")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"tip-eg"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v(">")]),s._v("cube-ui"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-tip")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"tip2"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":direction")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"direction"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":style")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"tipStyle"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@close")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"close"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"clickHandler"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(">")]),s._v("Awesome!"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"showTip('bottom')\"")]),s._v(">")]),s._v("top"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"showTip('top')\"")]),s._v(">")]),s._v("bottom"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"showTip('right')\"")]),s._v(">")]),s._v("left"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"showTip('left')\"")]),s._v(">")]),s._v("right"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("direction")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("tipStyle")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v("\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showTip(direction) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".direction = direction\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.tip2.show()\n\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("switch")]),s._v(" (direction) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("case")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'top'")]),s._v(":\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".tipStyle = "),a("span",{attrs:{class:"hljs-string"}},[s._v("'left: 100px; top: 30px;'")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("break")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("case")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'bottom'")]),s._v(":\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".tipStyle = "),a("span",{attrs:{class:"hljs-string"}},[s._v("'left: 100px; top: -50px;'")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("break")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("case")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'left'")]),s._v(":\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".tipStyle = "),a("span",{attrs:{class:"hljs-string"}},[s._v("'left: 200px; top: -10px;'")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("break")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("case")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'right'")]),s._v(":\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".tipStyle = "),a("span",{attrs:{class:"hljs-string"}},[s._v("'left: 2px; top: -10px;'")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("break")]),s._v("\n }\n },\n close() {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'click close button'")]),s._v(")\n },\n clickHandler() {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'click tip area'")]),s._v(")\n }\n }\n}\n")])])])]),s._v(" "),a("h3",[s._v("Props 配置")]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("可选值")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("direction")]),s._v(" "),a("td",[s._v("小三角的方向")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("top/bottom/left/right")]),s._v(" "),a("td",[s._v("left")])]),s._v(" "),a("tr",[a("td",[s._v("offsetLeft")]),s._v(" "),a("td",[s._v("小三角至 Tip 框左边距离")]),s._v(" "),a("td",[s._v("Number/String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("0")])]),s._v(" "),a("tr",[a("td",[s._v("offsetTop")]),s._v(" "),a("td",[s._v("小三角至 Tip 框顶部距离")]),s._v(" "),a("td",[s._v("Number/String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("0")])]),s._v(" "),a("tr",[a("td",[s._v("offsetRight")]),s._v(" "),a("td",[s._v("小三角至 Tip 框右边距离")]),s._v(" "),a("td",[s._v("Number/String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("0")])]),s._v(" "),a("tr",[a("td",[s._v("offsetBottom")]),s._v(" "),a("td",[s._v("小三角至 Tip 框底部距离")]),s._v(" "),a("td",[s._v("Number/String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("0")])])])]),s._v(" "),a("p",[s._v("其中 "),a("code",{pre:!0},[s._v("offsetLeft")]),s._v("、"),a("code",{pre:!0},[s._v("offsetTop")]),s._v("、"),a("code",{pre:!0},[s._v("offsetRight")]),s._v("、"),a("code",{pre:!0},[s._v("offsetBottom")]),s._v(" 的值如果是数字，那么单位就是像素，如果说是字符串，则认为是设置的百分比。")]),s._v(" "),a("h3",[s._v("事件")]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("参数")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("close")]),s._v(" "),a("td",[s._v("点击 Tip 的关闭按钮")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("click")]),s._v(" "),a("td",[s._v("点击 Tip 的提示内容部分")]),s._v(" "),a("td",[s._v("-")])])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/30.8ec0a68ed860c372e24c.js b/docs/js/30.8ec0a68ed860c372e24c.js new file mode 100644 index 000000000..eab6e8b7a --- /dev/null +++ b/docs/js/30.8ec0a68ed860c372e24c.js @@ -0,0 +1 @@ +webpackJsonp([30],{G80T:function(t,s){t.exports={render:function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("section",[a("h2",{attrs:{id:"介绍"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-介绍-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 介绍")]),t._v(" "),a("p",[t._v("cube-ui 是基于 Vue.js 实现的精致移动端组件库。")]),t._v(" "),a("h3",{attrs:{id:"特性"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-特性-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 特性")]),t._v(" "),t._m(0),t._v(" "),a("h3",{attrs:{id:"组件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-组件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 组件")]),t._v(" "),a("h4",{attrs:{id:"基础"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-基础-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 基础")]),t._v(" "),t._m(1),t._v(" "),a("h4",{attrs:{id:"表单"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-表单-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 表单")]),t._v(" "),t._m(2),t._v(" "),a("h4",{attrs:{id:"弹层"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-弹层-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 弹层")]),t._v(" "),t._m(3),t._v(" "),t._m(4),t._v(" "),a("p",[t._v("组件调用：")]),t._v(" "),t._m(5),t._v(" "),a("p",[t._v("API 调用：")]),t._v(" "),t._m(6),t._v(" "),t._m(7),t._v(" "),t._m(8),t._v(" "),a("h4",{attrs:{id:"滚动"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-滚动-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 滚动")]),t._v(" "),t._m(9),t._v(" "),t._m(10),t._v(" "),a("h3",{attrs:{id:"模块"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-模块-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 模块")]),t._v(" "),a("p",[t._v("除了组件之外，cube-ui 还有一些特殊的模块。")]),t._v(" "),a("h4",{attrs:{id:"style"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-style-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" style")]),t._v(" "),a("p",[t._v("样式部分，如果你是在按需引入使用的场景下，那么建议在入口文件处也要引入这个模块，因为它包含基础的 reset、基础通用样式以及内置 icon。")]),t._v(" "),t._m(11),t._v(" "),a("h4",{attrs:{id:"create-api"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-create-api-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" create-api")]),t._v(" "),t._m(12),t._v(" "),t._m(13),t._v(" "),a("h4",{attrs:{id:"better-scroll"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-better-scroll-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" better-scroll")]),t._v(" "),t._m(14),t._v(" "),t._m(15)])},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("p",[a("strong",[t._v("质量可靠")])]),t._v(" "),a("p",[t._v("由滴滴内部组件库精简提炼而来，经历了业务一年多的考验，并且每个组件都有充分单元测试，为后续集成提供保障。")])]),t._v(" "),a("li",[a("p",[a("strong",[t._v("体验极致")])]),t._v(" "),a("p",[t._v("以迅速响应、动画流畅、接近原生为目标，在交互体验方面追求极致。")])]),t._v(" "),a("li",[a("p",[a("strong",[t._v("标准规范")])]),t._v(" "),a("p",[t._v("遵循统一的设计交互标准，高度还原设计效果；接口标准化，统一规范使用方式，开发更加简单高效。")])]),t._v(" "),a("li",[a("p",[a("strong",[t._v("扩展性强")])]),t._v(" "),a("p",[t._v("支持按需引入和"),a("a",{attrs:{href:"#/zh-CN/docs/post-compile"}},[t._v("后编译")]),t._v("，轻量灵活；扩展性强，可以方便地基于现有组件实现二次开发。")])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("a",{attrs:{href:"#/zh-CN/docs/button"}},[t._v("Button 按钮")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/loading"}},[t._v("Loading 加载中")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/tip"}},[t._v("Tip 提示")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/toolbar"}},[t._v("Toolbar 工具条")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/tab-bar"}},[t._v("TabBar 选项卡")])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("a",{attrs:{href:"#/zh-CN/docs/checkbox"}},[t._v("Checkbox 复选框")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/checkbox-group"}},[t._v("CheckboxGroup 复选框组")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/radio"}},[t._v("Radio 单选框")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/input"}},[t._v("Input 输入框")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/textarea"}},[t._v("Textarea")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/select"}},[t._v("Select 选择")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/switch"}},[t._v("Switch 开关切换")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/rate"}},[t._v("Rate 评级")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/validator"}},[t._v("Validator 校验器")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/upload"}},[t._v("Upload 上传")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/form"}},[t._v("Form 表单")])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("a",{attrs:{href:"#/zh-CN/docs/popup"}},[t._v("Popup")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/toast"}},[t._v("Toast 提醒")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/picker"}},[t._v("Picker 选择器")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/cascade-picker"}},[t._v("CascadePicker 级联选择器")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/date-picker"}},[t._v("DatePicker 日期选择器")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/time-picker"}},[t._v("TimePicker 时间选择器")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/segment-picker"}},[t._v("SegmentPicker 段选择器")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/dialog"}},[t._v("Dialog 弹框")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/action-sheet"}},[t._v("ActionSheet 操作菜单")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/drawer"}},[t._v("Drawer 抽屉")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/image-preview"}},[t._v("ImagePreview 图片预览")])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("绝大多数的弹层类组件可以通过组件调用和 API 调用，来看示例（"),a("code",{pre:!0},[t._v("Toast")]),t._v(" 为例）：")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("template")]),t._v(">")]),t._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showToast"')]),t._v(">")]),t._v("show toast"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-toast")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("ref")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"toast"')]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":txt")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"toastTxt"')]),t._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("script")]),t._v(">")]),a("span",{attrs:{class:"javascript"}},[t._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("toastTxt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'toast content'")]),t._v("\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showToast() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$refs.toast.show()\n }\n }\n }\n")]),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("template")]),t._v(">")]),t._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showToast"')]),t._v(">")]),t._v("show toast"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("script")]),t._v(">")]),a("span",{attrs:{class:"javascript"}},[t._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("toastTxt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'toast content'")]),t._v("\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showToast() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".toastTxt\n }).show()\n }\n }\n }\n")]),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("两种方式都可以，但是我们推荐后者，通过 "),a("code",{pre:!0},[t._v("$createXxYy")]),t._v(" API 来调用；通过 API 调用的话，这个弹框是附加到 "),a("code",{pre:!0},[t._v("body")]),t._v(" 元素下的，这样的好处是可以不受外层样式的影响，因为组件调用的话，很容易受到外层 "),a("code",{pre:!0},[t._v("transform")]),t._v(", "),a("code",{pre:!0},[t._v("overflow")]),t._v(" 等样式的影响。")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("注意这个 API 的名字的组合就是："),a("code",{pre:!0},[t._v("$create")]),t._v(" + "),a("code",{pre:!0},[t._v("${组件名字}")]),t._v("，例如 "),a("code",{pre:!0},[t._v("ActionSheet")]),t._v(" 组件的话，API 名字就是 "),a("code",{pre:!0},[t._v("$createActionSheet")]),t._v("。")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("a",{attrs:{href:"#/zh-CN/docs/scroll"}},[t._v("Scroll 滚动")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/slide"}},[t._v("Slide 幻灯片")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/index-list"}},[t._v("IndexList 索引列表")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/swipe"}},[t._v("Swipe 滑块")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/sticky"}},[t._v("Sticky 吸附")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/scroll-nav-bar"}},[t._v("ScrollNavBar 滚动导航条")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/zh-CN/docs/scroll-nav"}},[t._v("ScrollNav 滚动导航")])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("滚动类组件一般都是基于 "),a("a",{attrs:{href:"https://github.com/ustbhuangyi/better-scroll"}},[t._v("better-scroll")]),t._v(" 实现，而 "),a("code",{pre:!0},[t._v("Scroll")]),t._v(" 组件就是对 better-scroll 的封装。")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("详见 "),a("a",{attrs:{href:"#/zh-CN/docs/style"}},[t._v("style 模块")]),t._v("。")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("有些时候，开发者可能也需要自己封装的组件支持 API 式调用，此时可以通过引入 create-api 模块或者通过全局的 "),a("code",{pre:!0},[t._v("Cube.createAPI")]),t._v(" 接口来达到封装目的。")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("详见 "),a("a",{attrs:{href:"#/zh-CN/docs/create-api"}},[t._v("create-api 模块")]),t._v("。")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[a("a",{attrs:{href:"https://github.com/ustbhuangyi/better-scroll"}},[t._v("better-scroll")]),t._v(" 是组件库依赖的一个库，为了避免重复引入问题，我们暴露出了这个模块。")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("详见 "),a("a",{attrs:{href:"#/zh-CN/docs/better-scroll"}},[t._v("better-scroll 模块")]),t._v("。")])}]}},oycq:function(t,s,a){var r=a("VU/8")(null,a("G80T"),null,null,null);t.exports=r.exports},zpSu:function(t,s,a){t.exports=a("oycq")}}); \ No newline at end of file diff --git a/docs/js/30.ed3990eaeb5fbf31105b.js b/docs/js/30.ed3990eaeb5fbf31105b.js deleted file mode 100644 index 3bf39edbc..000000000 --- a/docs/js/30.ed3990eaeb5fbf31105b.js +++ /dev/null @@ -1 +0,0 @@ -webpackJsonp([30],{456:function(e,s,a){e.exports=a(519)},519:function(e,s,a){var n=a(11)(null,a(520),null,null,null);e.exports=n.exports},520:function(e,s){e.exports={render:function(){var e=this,s=e.$createElement;e._self._c;return e._m(0)},staticRenderFns:[function(){var e=this,s=e.$createElement,a=e._self._c||s;return a("section",[a("h2",[e._v("Post-compile")]),e._v(" "),a("p",[e._v("Post-compile means the NPM packages don't need to be compiled before published, and they will be compiled along with the application's compiling.")]),e._v(" "),a("blockquote",[a("p",[e._v("Notes: For more detailed content about post-compile, see "),a("a",{attrs:{href:"https://github.com/DDFE/DDFE-blog/issues/23"}},[e._v("webpack 应用编译优化之路")]),e._v(".")])]),e._v(" "),a("h3",[e._v("Background")]),e._v(" "),a("p",[e._v("More and more applications are developed with webpack + babel, and commonly use NPM to manage packages. With the growing of the number of package dependencies which are also developed with ES2015+ and need to be compiled before published, the final compiled code usually contains a lot of compiling code. Therefore, to eliminate the redundancy, we recommend post-compile.")]),e._v(" "),a("h3",[e._v("Pros and cons")]),e._v(" "),a("p",[e._v("Pros:")]),e._v(" "),a("ul",[a("li",[e._v("Common dependencies can be shared and only need to be compiled once.")]),e._v(" "),a("li",[e._v("Only one copy of babel-plugin-transform-runtime or babel-polyfill code.")]),e._v(" "),a("li",[e._v("The NPM packages don't need to be compiled before published.")])]),e._v(" "),a("p",[e._v("Cons:")]),e._v(" "),a("ul",[a("li",[e._v("The application's babel configuration needs to be compatible with the NPM packages' babel configuration.")]),e._v(" "),a("li",[e._v("The NPM packages can't use alias and DefinePlugin (you can use them and compiled before published but don't need to use babel).")]),e._v(" "),a("li",[e._v("The application's compiling time will be longer.")])]),e._v(" "),a("h3",[e._v("Rules")]),e._v(" "),a("p",[e._v("Considering some applications can not use post-compile, cube-ui used the rule:")]),e._v(" "),a("blockquote",[a("p",[e._v("The main field in package.json is the compiled entry point and the module field is the source entry point.")])]),e._v(" "),a("p",[a("em",[e._v("About "),a("a",{attrs:{href:"https://github.com/rollup/rollup/wiki/pkg.module"}},[e._v("pkg.module")])])]),e._v(" "),a("p",[e._v("Post-compile is used by default if you use webpack 2+. Of course, you can use the webpack alias configuration to change the default behavior.")]),e._v(" "),a("h3",[e._v("webpack demo")]),e._v(" "),a("p",[e._v("The "),a("a",{attrs:{href:"https://www.npmjs.com/package/webpack-post-compile-plugin"}},[e._v("webpack-post-compile-plugin")]),e._v(" is used to resolve the nested post-compile NPM packages.")]),e._v(" "),a("p",[e._v("An example of your application webpack configuration:")]),e._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-comment"}},[e._v("// webpack.config.js")]),e._v("\n"),a("span",{attrs:{class:"hljs-keyword"}},[e._v("var")]),e._v(" PostCompilePlugin = "),a("span",{attrs:{class:"hljs-built_in"}},[e._v("require")]),e._v("("),a("span",{attrs:{class:"hljs-string"}},[e._v("'webpack-post-compile-plugin'")]),e._v(")\n\n"),a("span",{attrs:{class:"hljs-built_in"}},[e._v("module")]),e._v(".exports = {\n "),a("span",{attrs:{class:"hljs-comment"}},[e._v("// ...")]),e._v("\n "),a("span",{attrs:{class:"hljs-built_in"}},[e._v("module")]),e._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[e._v("rules")]),e._v(": [\n "),a("span",{attrs:{class:"hljs-comment"}},[e._v("// ...")]),e._v("\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[e._v("test")]),e._v(": "),a("span",{attrs:{class:"hljs-regexp"}},[e._v("/\\.js$/")]),e._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[e._v("loader")]),e._v(": "),a("span",{attrs:{class:"hljs-string"}},[e._v("'babel-loader'")]),e._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[e._v("include")]),e._v(": [\n resolve("),a("span",{attrs:{class:"hljs-string"}},[e._v("'src'")]),e._v(")\n ]\n },\n "),a("span",{attrs:{class:"hljs-comment"}},[e._v("// ...")]),e._v("\n ]\n },\n "),a("span",{attrs:{class:"hljs-comment"}},[e._v("// ...")]),e._v("\n plugins: [\n "),a("span",{attrs:{class:"hljs-keyword"}},[e._v("new")]),e._v(" PostCompilePlugin()\n ]\n}\n")])]),e._v(" "),a("p",[e._v("Add "),a("code",{pre:!0},[e._v("compileDependencies：")]),e._v(" to the application's package.json:")]),e._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-comment"}},[e._v("// package.json")]),e._v("\n{\n "),a("span",{attrs:{class:"hljs-comment"}},[e._v("// ...")]),e._v("\n "),a("span",{attrs:{class:"hljs-string"}},[e._v('"compileDependencies"')]),e._v(": ["),a("span",{attrs:{class:"hljs-string"}},[e._v('"A"')]),e._v(", "),a("span",{attrs:{class:"hljs-string"}},[e._v('"B"')]),e._v("]\n "),a("span",{attrs:{class:"hljs-comment"}},[e._v("// ...")]),e._v("\n}\n")])]),e._v(" "),a("p",[e._v("If "),a("code",{pre:!0},[e._v("A")]),e._v(" package have a dependency on "),a("code",{pre:!0},[e._v("C")]),e._v(" which is needed to be post compiled, just add "),a("code",{pre:!0},[e._v("compileDependencies")]),e._v(" to "),a("code",{pre:!0},[e._v("A")]),e._v("'s package.json:")]),e._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-json"}},[e._v("// A package.json\n{\n // ...\n "),a("span",{attrs:{class:"hljs-attr"}},[e._v('"compileDependencies"')]),e._v(": ["),a("span",{attrs:{class:"hljs-string"}},[e._v('"C"')]),e._v("]\n // ...\n}\n")])])])}]}}}); \ No newline at end of file diff --git a/docs/js/31.41f2069c0d6df59a356a.js b/docs/js/31.41f2069c0d6df59a356a.js new file mode 100644 index 000000000..50d6dfa86 --- /dev/null +++ b/docs/js/31.41f2069c0d6df59a356a.js @@ -0,0 +1 @@ +webpackJsonp([31],{"H0+O":function(s,a,t){s.exports=t("LCgU")},LCgU:function(s,a,t){var n=t("VU/8")(null,t("gLWX"),null,null,null);s.exports=n.exports},gLWX:function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[t("h2",{attrs:{id:"国际化"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-国际化-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 国际化")]),s._v(" "),s._m(0),s._v(" "),t("p",[s._v("cube-ui 组件内部默认使用中文，若希望使用其他语言，则需要进行多语言设置。以英文为例，在 main.js 中：")]),s._v(" "),s._m(1),s._v(" "),t("p",[s._v("或者按需引入")]),s._v(" "),s._m(2),s._v(" "),t("p",[s._v("cube-ui 会监听当前的语言类型，因此自动渲染组件对应的文案，同时缓存加载过的文案，在做组件语言切换的时候，如果语言包已经安装，cube-ui 直接取缓存的文案。类似伪代码如下：")]),s._v(" "),s._m(3),s._v(" "),t("p",[s._v("默认的中文语言包如下")]),s._v(" "),s._m(4)])},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("blockquote",[t("p",[s._v("1.11.0 新增")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-js"}},[s._v("\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// 完整引入 cube-ui")]),s._v("\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" Vue "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'vue'")]),s._v("\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" CubeUI "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" enUSMessages "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui/src/locale/lang/en-US'")]),s._v(" "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// cube-ui 内置")]),s._v("\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" jaJPMessages "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'../some/path/lang/ja-JP'")]),s._v(" "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// 自己引入日语语言包")]),s._v("\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" Locale = CubeUI.Locale\n Vue.use(CubeUI)\n Locale.use("),t("span",{attrs:{class:"hljs-string"}},[s._v("'en-US'")]),s._v(", enUSMessages)\n Locale.use("),t("span",{attrs:{class:"hljs-string"}},[s._v("'ja-JP'")]),s._v(", jaJPMessages)\n\n")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-js"}},[s._v("\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// 按需引入 ActionSheet")]),s._v("\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" Vue "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'vue'")]),s._v("\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" { ActionSheet, Locale } "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" enUSMessages "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui/src/locale/lang/en-US'")]),s._v("\n\n Vue.use(Locale)\n Locale.use("),t("span",{attrs:{class:"hljs-string"}},[s._v("'en-US'")]),s._v(", enUSMessages)\n\n")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-js"}},[s._v("\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// 按需引入 ActionSheet")]),s._v("\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" Vue "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'vue'")]),s._v("\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" { ActionSheet, Locale } "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" enUSMessages "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui/src/locale/lang/en-US'")]),s._v("\n\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// 默认加载中文语言包")]),s._v("\n Vue.use(Locale)\n\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// 点击切换英文语言包")]),s._v("\n one.click("),t("span",{attrs:{class:"hljs-function"}},[t("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v("{\n Locale.use("),t("span",{attrs:{class:"hljs-string"}},[s._v("'en-US'")]),s._v(", enUSMessages)\n })\n\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// 再次切换回中文语言包")]),s._v("\n another.click("),t("span",{attrs:{class:"hljs-function"}},[t("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// 直接从缓存取")]),s._v("\n Locale.use("),t("span",{attrs:{class:"hljs-string"}},[s._v("'zh-CN'")]),s._v(")\n })\n\n")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-js"}},[s._v("\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("cancel")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'取消'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("confirm")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'确认'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("ok")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'确定'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("prev")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'上一步'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("next")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'下一步'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("selectText")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请选择'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("now")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'现在'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("selectTime")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'选择时间'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("today")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'今日'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("formatDate")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'M月D日'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("hours")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'点'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("minutes")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'分'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("validator")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'此为必填项'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("string")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请输入字符'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("number")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请输入数字'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("array")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'数据类型应为数组'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("date")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请选择有效日期'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("email")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请输入有效邮箱'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("tel")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请输入有效的手机号码'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请输入有效网址'")]),s._v("\n },\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("min")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("string")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'至少输入 {{config}} 位字符'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("number")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'不得小于 {{config}}'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("array")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请选择至少 {{config}} 项'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("date")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请选择 {{config | toLocaleDateString(\"yyyy年MM月dd日\")}} 之后的时间'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("email")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'至少输入 {{config}} 位字符'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("tel")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'至少输入 {{config}} 位字符'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'至少输入 {{config}} 位字符'")]),s._v("\n },\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("max")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("string")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请勿超过 {{config}} 位字符'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("number")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请勿大于 {{config}}'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("array")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'最多选择 {{config}} 项'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("date")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请选择 {{config | toLocaleDateString(\"yyyy年MM月dd日\")}} 之前的时间'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("email")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请勿超过 {{config}} 位字符'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("tel")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请勿超过 {{config}} 位字符'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请勿超过 {{config}} 位字符'")]),s._v("\n },\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("len")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("string")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请输入 {{config}} 位字符'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("number")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'长度应等于 {{config}}'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("array")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请选择 {{config}} 项'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("date")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请选择 {{config | toLocaleDateString(\"yyyy年MM月dd日\")}} 之前的时间'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("email")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请输入 {{config}} 位字符'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("tel")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请输入 {{config}} 位字符'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请输入 {{config}} 位字符'")]),s._v("\n },\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("pattern")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'格式错误'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("custom")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'未通过校验'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("notWhitespace")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'空白内容无效'")]),s._v("\n }\n }\n\n")])])}]}}}); \ No newline at end of file diff --git a/docs/js/31.94021ed12d5a0eec6b03.js b/docs/js/31.94021ed12d5a0eec6b03.js deleted file mode 100644 index 83351fd7f..000000000 --- a/docs/js/31.94021ed12d5a0eec6b03.js +++ /dev/null @@ -1 +0,0 @@ -webpackJsonp([31],{455:function(s,t,a){s.exports=a(517)},517:function(s,t,a){var n=a(11)(null,a(518),null,null,null);s.exports=n.exports},518:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement;s._self._c;return s._m(0)},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",[s._v("Popup")]),s._v(" "),a("p",[s._v("The underlying popup component, mainly used to implement upper component encapsulation based on itself. It only provides basic functions: specifying the type, whether there's a background layer, showing content (HTML) and whether the component is in center position.")]),s._v(" "),a("p",[s._v("All of the built-in popup type components are implemented based on this component, including "),a("a",{attrs:{href:"#/en-US/docs/toast"}},[s._v("Toast")]),s._v("、"),a("a",{attrs:{href:"#/en-US/docs/picker"}},[s._v("Picker")]),s._v("、"),a("a",{attrs:{href:"#/en-US/docs/time-picker"}},[s._v("TimePicker")]),s._v("、"),a("a",{attrs:{href:"#/en-US/docs/dialog"}},[s._v("Dialog")]),s._v("、"),a("a",{attrs:{href:"#/en-US/docs/action-sheet"}},[s._v("ActionSheet")]),s._v(".")]),s._v(" "),a("h3",[s._v("Example")]),s._v(" "),a("ul",[a("li",[s._v("Basic usage")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-popup")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"my-popup"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"myPopup"')]),s._v(">")]),s._v("\n My Popup Content 1\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"showPopup('myPopup')\"")]),s._v(">")]),s._v("\n Show Popup\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("p",[s._v("Specifying "),a("code",{pre:!0},[s._v("type")]),s._v(" will help control class according to the type. In the example above, "),a("code",{pre:!0},[s._v("cube-my-popup")]),s._v(" will be added to the classList of the root element.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showPopup(refId) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" component = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs[refId]\n component.show()\n setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n component.hide()\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("The component is hidden by default and won't show up unless invoking the "),a("code",{pre:!0},[s._v("show()")]),s._v(" method of the instance of the component. And of course, invoking the "),a("code",{pre:!0},[s._v("hide()")]),s._v(" method of the instance of the component will hide itself. That's what "),a("code",{pre:!0},[s._v("showPopup()")]),s._v(" does in the example above (first show and hide in one second).")]),s._v(" "),a("ul",[a("li",[s._v("Without background layer")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-popup")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"my-popup"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":mask")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"false"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"myPopup2"')]),s._v(">")]),s._v("\n My Popup Content 2\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"showPopup('myPopup2')\"")]),s._v(">")]),s._v("\n Show Popup - no mask\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("p",[s._v("Setting "),a("code",{pre:!0},[s._v("mask")]),s._v(" to "),a("code",{pre:!0},[s._v("false")]),s._v(" and the background layer is hidden.")]),s._v(" "),a("ul",[a("li",[s._v("Show the HTML content")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-popup")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"my-popup"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":mask")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"false"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"My Popup Content 3"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"myPopup3"')]),s._v(" />")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"showPopup('myPopup3')\"")]),s._v(">")]),s._v("\n Show Popup - with content\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("p",[s._v("You only need to pass the HTML fragment on to "),a("code",{pre:!0},[s._v("content")]),s._v(".")]),s._v(" "),a("ul",[a("li",[s._v("Setting to bottom")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-popup")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"my-popup"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":center")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"false"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"myPopup4"')]),s._v(">")]),s._v("My Popup Content 4"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"showPopup('myPopup4')\"")]),s._v(">")]),s._v("\n Show Popup - bottom\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("p",[s._v("Considering that in mobile secnes, popup is in center or bottom most of the time (covered in horizontal direction when setted to bottom). So if setting "),a("code",{pre:!0},[s._v("center")]),s._v(" to "),a("code",{pre:!0},[s._v("false")]),s._v(", you'll set the component to bottom.")]),s._v(" "),a("ul",[a("li",[s._v("Upper layer encapsulation")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-popup")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"extend-popup"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"popup"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"cube-extend-popup-content"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"hide"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("slot")]),s._v(">")]),s._v("{{content}}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("script")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"text/ecmascript-6"')]),s._v(">")]),a("span",{attrs:{class:"javascript"}},[s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" COMPONENT_NAME = "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-extend-popup'")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v(": COMPONENT_NAME,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("props")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("String")]),s._v("\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n show() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.popup.show()\n },\n hide() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.popup.hide()\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$emit("),a("span",{attrs:{class:"hljs-string"}},[s._v("'hide'")]),s._v(")\n }\n }\n }\n")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("style")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("lang")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"stylus"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rel")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"stylesheet/stylus"')]),s._v(">")]),a("span",{attrs:{class:"css"}},[s._v("\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-extend-popup")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-extend-popup-content")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("padding")]),s._v(": 20"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("px")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-selector-id"}},[s._v("#fff")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("background-color")]),s._v(": "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("rgba")]),s._v("(0, 0, 0, "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".8")]),s._v(")\n")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("p",[s._v("An upper layer encapsulated CubeExtendPopup component with some styles is implemented. It supports passing the content on, has default slot and can be hidden if clicking the content. You can use it in this way (need to be registers globally or partially):")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-extend-popup")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"lala"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"extendPopup"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"$refs.extendPopup.show()"')]),s._v(">")]),s._v("\n Show Extend Popup\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("h3",[s._v("Props configuration")]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Accepted Values")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("type")]),s._v(" "),a("td",[s._v("the type of popup")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("''")])]),s._v(" "),a("tr",[a("td",[s._v("mask")]),s._v(" "),a("td",[s._v("whether to show background layer")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("true")])]),s._v(" "),a("tr",[a("td",[s._v("content")]),s._v(" "),a("td",[s._v("content, HTML string, valid when there's no slot")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("''")])]),s._v(" "),a("tr",[a("td",[s._v("center")]),s._v(" "),a("td",[s._v("whether to be in center in horizontal and vertical direction")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("true")])])])]),s._v(" "),a("h3",[s._v("Events")]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("Event Name")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Parameters")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("mask-click")]),s._v(" "),a("td",[s._v("triggers when the background layer is clicked")]),s._v(" "),a("td",[s._v("click event target")])])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/32.11fb6088438f9a54263d.js b/docs/js/32.11fb6088438f9a54263d.js new file mode 100644 index 000000000..aa0bbb720 --- /dev/null +++ b/docs/js/32.11fb6088438f9a54263d.js @@ -0,0 +1 @@ +webpackJsonp([32],{IwIh:function(t,s,a){t.exports=a("equ3")},T18e:function(t,s){t.exports={render:function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("section",[a("h2",{attrs:{id:"Input"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Input-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Input")]),t._v(" "),t._m(0),t._v(" "),t._m(1),t._v(" "),a("h3",{attrs:{id:"示例"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 示例")]),t._v(" "),t._m(2),t._v(" "),a("h3",{attrs:{id:"Props配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Props 配置")]),t._v(" "),t._m(3),t._v(" "),a("h3",{attrs:{id:"插槽"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-插槽-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 插槽")]),t._v(" "),t._m(4),t._v(" "),a("h3",{attrs:{id:"事件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-事件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 事件")]),t._v(" "),t._m(5),t._v(" "),a("h3",{attrs:{id:"实例方法"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-实例方法-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 实例方法")]),t._v(" "),t._m(6)])},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("blockquote",[a("p",[t._v("1.5.0 新增")])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("输入框组件。支持使用"),a("code",{pre:!0},[t._v("v-model")]),t._v("对数据双向绑定，支持一键清空内容。")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("p",[t._v("基本用法")]),t._v(" "),a("p",[t._v("使用"),a("code",{pre:!0},[t._v("v-model")]),t._v("对输入内容双向绑定。")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-input")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"value"')]),t._v(" >")]),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("value")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("''")]),t._v("\n }\n }\n}\n")])])]),t._v(" "),a("li",[a("p",[t._v("清空按钮")]),t._v(" "),a("p",[t._v("可通过"),a("code",{pre:!0},[t._v("clearable")]),t._v("配置清空按钮。")]),t._v(" "),a("p",[t._v("在 1.11.0 版本之前 "),a("code",{pre:!0},[t._v("clearable")]),t._v(" 的值是布尔类型的，表示是否展示清除按钮；")]),t._v(" "),a("p",[t._v("在 1.11.0 版本之后 "),a("code",{pre:!0},[t._v("clearable")]),t._v(" 可配置为布尔类型，还可以配置为对象。")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-input")]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"value"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":clearable")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"clearable"')]),t._v("\n>")]),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("value")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("''")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("clearable")]),t._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("visible")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("blurHidden")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n }\n }\n }\n}\n")])]),t._v(" "),a("p",[a("code",{pre:!0},[t._v("clearable")]),t._v(" 配置的对象可以包含两个 key 值："),a("code",{pre:!0},[t._v("visible")]),t._v(" 和 "),a("code",{pre:!0},[t._v("blurHidden")]),t._v(" 分别代表是否展示以及当 Input 元素离焦的时候是否隐藏。")])]),t._v(" "),a("li",[a("p",[t._v("密码配置")]),t._v(" "),a("p",[t._v("可通过"),a("code",{pre:!0},[t._v("eye")]),t._v("设置密码眼睛。")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-input")]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"value"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":placeholder")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"placeholder"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":type")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"type"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":maxlength")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"maxlength"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":readonly")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"readonly"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":disabled")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"disabled"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":autofocus")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"autofocus"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":autocomplete")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"autocomplete"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":eye")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"eye"')]),t._v("\n>")]),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("value")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("''")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("placeholder")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'请输入内容'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'password'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("readonly")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("maxlength")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("100")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("disabled")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("autofocus")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("autocomplete")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("eye")]),t._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("open")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("reverse")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("false")]),t._v("\n }\n }\n }\n}\n")])]),t._v(" "),a("p",[t._v("如同上边展示的，除了上述配置，还支持原生 Input 元素的大部分配置。")])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("参数")]),t._v(" "),a("th",[t._v("说明")]),t._v(" "),a("th",[t._v("类型")]),t._v(" "),a("th",[t._v("可选值")]),t._v(" "),a("th",[t._v("默认值")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("type")]),t._v(" "),a("td",[t._v("input类型")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("text/number/password/date")]),t._v(" "),a("td",[t._v("text")])]),t._v(" "),a("tr",[a("td",[t._v("v-model")]),t._v(" "),a("td",[t._v("绑定的值")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("空")])]),t._v(" "),a("tr",[a("td",[t._v("disabled")]),t._v(" "),a("td",[t._v("禁用状态")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("readonly")]),t._v(" "),a("td",[t._v("只读状态")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("maxlength")]),t._v(" "),a("td",[t._v("最大输入长度")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("60")])]),t._v(" "),a("tr",[a("td",[t._v("placeholder")]),t._v(" "),a("td",[t._v("占位文本")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("空")])]),t._v(" "),a("tr",[a("td",[t._v("autofocus")]),t._v(" "),a("td",[t._v("自动对焦")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("autocomplete")]),t._v(" "),a("td",[t._v("自动补全")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("clearable")]),t._v(" "),a("td",[t._v("是否使用清空按钮，1.11.0 后可配置为对象形式 "),a("code",{pre:!0},[t._v("{visible: true, blurHidden: true}")]),t._v("，其中 "),a("code",{pre:!0},[t._v("visible")]),t._v(" 控制是否显示，"),a("code",{pre:!0},[t._v("blurHidden")]),t._v(" 控制离焦后是否隐藏")]),t._v(" "),a("td",[t._v("Boolean/Object"),a("sup",[t._v("1.11.0+")])]),t._v(" "),a("td",[t._v("true/false/{visible: true, blurHidden: true}")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("eye")]),t._v(" "),a("td",[t._v("默认 false，密码眼睛不可见；如果是 true ，则相当于配置为对象 "),a("code",{pre:!0},[t._v("{ open: true, reverse: false }")]),t._v("。对象形式表示使用密码眼睛。其中 "),a("code",{pre:!0},[t._v("open")]),t._v(" 控制眼睛张开还是闭合。"),a("code",{pre:!0},[t._v("reverse")]),t._v(" 控制密码可见和眼睛开闭是否相反。")]),t._v(" "),a("td",[t._v("Boolean/Object")]),t._v(" "),a("td",[t._v("true/false/{open: true/false, reverse: true/false}")]),t._v(" "),a("td",[t._v("false")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("名字")]),t._v(" "),a("th",[t._v("说明")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("prepend")]),t._v(" "),a("td",[t._v("前置内容")])]),t._v(" "),a("tr",[a("td",[t._v("append")]),t._v(" "),a("td",[t._v("后置内容")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("事件名")]),t._v(" "),a("th",[t._v("说明")]),t._v(" "),a("th",[t._v("参数")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("focus")]),t._v(" "),a("td",[t._v("输入框聚焦后触发此事件，如果禁用状态，则不触发")]),t._v(" "),a("td",[t._v("e - 事件对象")])]),t._v(" "),a("tr",[a("td",[t._v("blur")]),t._v(" "),a("td",[t._v("输入框失焦后触发此事件")]),t._v(" "),a("td",[t._v("e - 事件对象")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("方法名")]),t._v(" "),a("th",[t._v("说明")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("focus"),a("sup",[t._v("1.12.10+")])]),t._v(" "),a("td",[t._v("获得焦点")])]),t._v(" "),a("tr",[a("td",[t._v("blur"),a("sup",[t._v("1.12.10+")])]),t._v(" "),a("td",[t._v("离焦")])])])])}]}},equ3:function(t,s,a){var v=a("VU/8")(null,a("T18e"),null,null,null);t.exports=v.exports}}); \ No newline at end of file diff --git a/docs/js/32.6d5c344775c93b2f14ad.js b/docs/js/32.6d5c344775c93b2f14ad.js deleted file mode 100644 index f97d5a248..000000000 --- a/docs/js/32.6d5c344775c93b2f14ad.js +++ /dev/null @@ -1 +0,0 @@ -webpackJsonp([32],{454:function(s,t,a){s.exports=a(515)},515:function(s,t,a){var v=a(11)(null,a(516),null,null,null);s.exports=v.exports},516:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement;s._self._c;return s._m(0)},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",[s._v("Picker")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("Picker")]),s._v(" component supports multi-column selectors and linkage data.")]),s._v(" "),a("h3",[s._v("Example")]),s._v(" "),a("ul",[a("li",[s._v("Basic usage")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showPicker"')]),s._v(">")]),s._v("Picker"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" col1Data = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'剧毒'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("}, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'蚂蚁'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'幽鬼'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(" }]\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n mounted () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".picker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createPicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker selectors - single column'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": [col1Data]\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showPicker () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".picker.show()\n }\n }\n}\n")])]),s._v(" "),a("ul",[a("li",[s._v("Multi-column selectors")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showPicker"')]),s._v(">")]),s._v("Picker - multiple Columns"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" col1Data = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'剧毒'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("}, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'蚂蚁'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'幽鬼'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v(" }]\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" col2Data = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'梅肯'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'s'")]),s._v("}, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'秘法鞋'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'ss'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'假腿'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'sss'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'飞鞋'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'ssss'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'辉耀'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'sssss'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'金箍棒'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'ssssss'")]),s._v(" }]\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n mounted () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".picker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createPicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker selectors - multiple columns'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": [col1Data, col2Data]\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showPicker () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".picker.show()\n }\n }\n}\n")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("data")]),s._v(" receives an array, whose length determines the columns of "),a("code",{pre:!0},[s._v("picker")]),s._v(".")]),s._v(" "),a("ul",[a("li",[s._v("Linkage selectors")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showPicker"')]),s._v(">")]),s._v("Picker - linkage"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" { provinceList, cityList, areaList } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'../data/area'")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("tempIndex")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("]\n }\n },\n mounted () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".picker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createPicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker - linkage data'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".linkageData,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onChange")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("i, newIndex")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (newIndex !== "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".tempIndex[i]) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("for")]),s._v(" ("),a("span",{attrs:{class:"hljs-keyword"}},[s._v("let")]),s._v(" j = "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v("; j > i; j--) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".tempIndex.splice(j, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(")\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".picker.scrollTo(j, "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(")\n }\n\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".tempIndex.splice(i, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", newIndex)\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".picker.setData("),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".linkageData, "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".tempIndex)\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("selectedVal")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log(selectedVal)\n }\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("watch")]),s._v(": {\n linkageData() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".picker.refresh()\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("computed")]),s._v(": {\n linkageData() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" provinces = provinceList\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" cities = cityList[provinces["),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".tempIndex["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("]].value]\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" areas = areaList[cities["),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".tempIndex["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("]].value]\n\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" [provinces, cities, areas]\n }\n }\n methods: {\n showPicker () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".picker.show()\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("By monitoring the "),a("code",{pre:!0},[s._v("change")]),s._v(" event triggered by each roller and invoke "),a("code",{pre:!0},[s._v("setData")]),s._v(" method to dynamicly set values of associated rollers to accomplish linkage selectors.")]),s._v(" "),a("ul",[a("li",[s._v("Instance method "),a("code",{pre:!0},[s._v("setData")])])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showPicker"')]),s._v(">")]),s._v("Picker - setData"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" col1Data = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'剧毒'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'剧毒'")]),s._v("}, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'蚂蚁'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'蚂蚁'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'幽鬼'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'幽鬼'")]),s._v(" }]\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" col2Data = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'梅肯'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'梅肯'")]),s._v("}, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'秘法鞋'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'秘法鞋'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'假腿'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'假腿'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'飞鞋'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'飞鞋'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'辉耀'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'辉耀'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'金箍棒'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'金箍棒'")]),s._v(" }]\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" col3Data = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'输出'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'输出'")]),s._v("}, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'控制'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'控制'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'核心'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'核心'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'爆发'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'爆发'")]),s._v("}, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'辅助'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'辅助'")]),s._v(" }]\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n mounted () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".picker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createPicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker-setData'")]),s._v("\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showPicker () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".picker.setData([col1Data, col2Data, col3Data], ["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v("])\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".picker.show()\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("Instance method "),a("code",{pre:!0},[s._v("setData")]),s._v(" accepts two parameters, both of whom are arrays. The first is data that the roller displays and the second is indexs of selected values.")]),s._v(" "),a("h3",[s._v("Props configuration")]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Accepted Values")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("title")]),s._v(" "),a("td",[s._v("title")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("''")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("data")]),s._v(" "),a("td",[s._v("data that passed into picker, whose length determines the columns of picker")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("[]")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("cancelTxt")]),s._v(" "),a("td",[s._v("the text of the left button in picker")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'取消'")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("confirmTxt")]),s._v(" "),a("td",[s._v("the text of the right button in picker")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'确定'")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("selectIndex")]),s._v(" "),a("td",[s._v("the index of the selected value, corresponding content will be displayed when picker shows")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("[]")]),s._v(" "),a("td",[s._v("[1]")])])])]),s._v(" "),a("ul",[a("li",[a("code",{pre:!0},[s._v("data")]),s._v(" sub configuration")])]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Default")]),s._v(" "),a("th",[s._v("Example")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("text")]),s._v(" "),a("td",[s._v("the text displayed in each column of picker")]),s._v(" "),a("td",[s._v("String/Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("value")]),s._v(" "),a("td",[s._v("corresponding value of the text displayed in each column of picker")]),s._v(" "),a("td",[s._v("String/Number/Boolean")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])])])]),s._v(" "),a("h3",[s._v("Events")]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("Event Name")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Parameters 1")]),s._v(" "),a("th",[s._v("Parameters 2")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("select")]),s._v(" "),a("td",[s._v("triggers when clicking the confirm button")]),s._v(" "),a("td",[s._v("selectedVal: Array, values of each columns in current selected item")]),s._v(" "),a("td",[s._v("selectedIndex: Array, indexes of each columns in current selected item")])]),s._v(" "),a("tr",[a("td",[s._v("change")]),s._v(" "),a("td",[s._v("triggers when the roller scrolls")]),s._v(" "),a("td",[s._v("index: Number, index of current scrolling roller")]),s._v(" "),a("td",[s._v("selectedIndex: Number, index of selected item in current column")])]),s._v(" "),a("tr",[a("td",[s._v("value-change")]),s._v(" "),a("td",[s._v("triggers when confirmed value changes")]),s._v(" "),a("td",[s._v("selectedVal: Array, values of each columns in current confirmed item")]),s._v(" "),a("td",[s._v("selectedIndex: Array, indexes of each columns in current confirmed item")])]),s._v(" "),a("tr",[a("td",[s._v("cancel")]),s._v(" "),a("td",[s._v("triggers when clicking the cancel button")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])])])]),s._v(" "),a("h3",[s._v("Instance methods")]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("Method name")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Parameters 1")]),s._v(" "),a("th",[s._v("Parameters 2")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("setData")]),s._v(" "),a("td",[s._v("set options in picker")]),s._v(" "),a("td",[s._v("Array, texts and values of options of each columns of picker")]),s._v(" "),a("td",[s._v("Array, indexes of selected item in each column of picker")])])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/33.ab9af0097c4e6964000d.js b/docs/js/33.ab9af0097c4e6964000d.js new file mode 100644 index 000000000..25bbc49b4 --- /dev/null +++ b/docs/js/33.ab9af0097c4e6964000d.js @@ -0,0 +1 @@ +webpackJsonp([33],{BfAM:function(s,t,a){var l=a("VU/8")(null,a("JtsV"),null,null,null);s.exports=l.exports},JtsV:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"IndexList"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-IndexList-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" IndexList")]),s._v(" "),s._m(0),s._v(" "),a("h3",{attrs:{id:"示例"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 示例")]),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"Props配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props 配置")]),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),s._m(5),s._v(" "),s._m(6),s._v(" "),a("h3",{attrs:{id:"插槽"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-插槽-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 插槽")]),s._v(" "),s._m(7),s._v(" "),a("h3",{attrs:{id:"事件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-事件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 事件")]),s._v(" "),s._m(8)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("索引列表，提供了列表索引的功能，也是一个基于"),a("code",{pre:!0},[s._v("better-scroll")]),s._v("进行封装的组件。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("基本使用")]),s._v(" "),a("p",[s._v("构造如示例中 "),a("code",{pre:!0},[s._v("cityData")]),s._v(" 这样结构的数据，传入 "),a("code",{pre:!0},[s._v("cube-index-list")]),s._v(" 组件的 "),a("code",{pre:!0},[s._v("data")]),s._v(" 属性。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-index-list")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"cityData"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":title")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"title"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@select")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selectItem"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@title-click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"clickTitle"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" cityData = [\n {\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"name"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"★Hot City"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"items"')]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"name"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"BEIJING"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"value"')]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"name"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"SHANGHAI"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"value"')]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v("\n }\n ]\n },\n {\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"name"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"A"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"items"')]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"name"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"ANSHAN"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"value"')]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"name"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"ANQING"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"value"')]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("4")]),s._v("\n }\n ]\n }\n]\n\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Current City: BEIJING'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("cityData")]),s._v(": cityData\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n selectItem(item) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log(item.name)\n },\n clickTitle(title) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log(title)\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("自定义插槽")]),s._v(" "),a("p",[s._v("除了默认结构，你还可以根据自己的需要自定义每一项的内容。如下所示，将你的自定义内容项填入"),a("code",{pre:!0},[s._v("cube-index-list-item")]),s._v("的插槽。除非你真的知道自己在做什么，否则不要修改"),a("code",{pre:!0},[s._v("cube-index-list-group")]),s._v("和"),a("code",{pre:!0},[s._v("cube-index-list-item")]),s._v("的用法。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-index-list")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"cityData"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-index-list-group")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(group, index) in cityData"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"index"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":group")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"group"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-index-list-item")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(item, index) in group.items"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"index"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":item")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@select")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selectItem"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"custom-item"')]),s._v(">")]),s._v("我是自定义 {{item.name}}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("cityData")]),s._v(": cityData\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n selectItem(item) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log(item.name)\n },\n clickTitle(title) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log(title)\n }\n }\n}\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-stylus"}},[a("span",{attrs:{class:"hljs-comment"}},[s._v("// 自定义项的样式")]),s._v("\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".custom-item")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("position")]),s._v(": relative\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("70px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("line-height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("70px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("padding")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(" "),a("span",{attrs:{class:"hljs-number"}},[s._v("16px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("font-size")]),s._v(": "),a("span",{attrs:{class:"hljs-variable"}},[s._v("$fontsize")]),s._v("-medium\n\n"),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 用自定义样式，覆写内置的默认样式")]),s._v("\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-index-list-content")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("background-color")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("#222")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("#909090")]),s._v("\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-index-list-anchor")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("background-color")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("#333")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("30px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("line-height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("30px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("padding")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(" "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(" "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(" "),a("span",{attrs:{class:"hljs-number"}},[s._v("20px")]),s._v("\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-index-list-nav")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("padding")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("20px")]),s._v(" "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("border-radius")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("10px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("background")]),s._v(": rgba("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(","),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(","),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",."),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v(")\n >"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("ul")]),s._v("\n >"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("li")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("padding")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("font-size")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("12px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("#909090")]),s._v("\n &"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".active")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("#ffcd32")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("上拉加载")]),s._v(" "),a("p",[s._v("可以通过 "),a("code",{pre:!0},[s._v("pullUpLoad")]),s._v(" 属性开启上拉加载功能，具体配置同 Scroll 组件的 "),a("code",{pre:!0},[s._v("options.pullUpLoad")]),s._v("。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-index-list")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"indexList"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":title")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"title"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":pullUpLoad")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@select")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selectItem"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@title-click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"clickTitle"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@pulling-up")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onPullingUp"')]),s._v(">")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Current City: BEIJING'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": cityData.slice("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("4")]),s._v(")\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n selectItem(item) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log(item.name)\n },\n clickTitle(title) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log(title)\n },\n onPullingUp() {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// Mock async load.")]),s._v("\n setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" length = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".data.length\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (length < cityData.length) {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// Update data.")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".data.push(cityData[length])\n }\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// Call forceUpdate after finishing data load.")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.indexList.forceUpdate()\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n }\n }\n}\n")])]),s._v(" "),a("ul",[a("li",[s._v("下拉刷新")])]),s._v(" "),a("p",[s._v("可以通过 "),a("code",{pre:!0},[s._v("pullDownRefresh")]),s._v(" 属性开启下拉刷新功能，具体配置同 Scroll 组件的 "),a("code",{pre:!0},[s._v("options.pullDownRefresh")]),s._v("。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-index-list")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"indexList"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":title")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"title"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":pullDownRefresh")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"pullDownRefresh"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@select")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selectItem"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@title-click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"clickTitle"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@pulling-down")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onPullingDown"')]),s._v(">")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Current City: BEIJING'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": cityData,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("pullDownRefresh")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("stop")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("55")]),s._v("\n }\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n selectItem(item) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log(item.name)\n },\n clickTitle(title) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log(title)\n },\n onPullingDown() {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// Mock async load.")]),s._v("\n setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// Update data.")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".data["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("].items.push(...cityData["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("].items)\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// Call forceUpdate after finishing data load.")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.indexList.forceUpdate()\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n }\n }\n}\n")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("title")]),s._v(" "),a("td",[s._v("标题")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("data")]),s._v(" "),a("td",[s._v("需要展示的数据")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("[]")])]),s._v(" "),a("tr",[a("td",[s._v("navbar")]),s._v(" "),a("td",[s._v("是否需要导航栏")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true")])]),s._v(" "),a("tr",[a("td",[s._v("speed")]),s._v(" "),a("td",[s._v("点击导航栏索引时，滚动到相应位置的动画时间（单位：ms）")]),s._v(" "),a("td",[s._v("number")]),s._v(" "),a("td",[s._v("0")])]),s._v(" "),a("tr",[a("td",[s._v("options"),a("sup",[s._v("1.9.8+")])]),s._v(" "),a("td",[s._v("better-scroll 配置项，具体请参考"),a("a",{attrs:{href:"https://ustbhuangyi.github.io/better-scroll/doc/zh-hans/options.html"}},[s._v("BS 官方文档")])]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("{"),a("br"),s._v(" observeDOM: true,"),a("br"),s._v(" click: true,"),a("br"),s._v(" probeType: 1,"),a("br"),s._v(" scrollbar: false,"),a("br"),s._v(" pullDownRefresh: false,"),a("br"),s._v(" pullUpLoad: false"),a("br"),s._v("}")])]),s._v(" "),a("tr",[a("td",[s._v("pullUpLoad"),a("sup",[s._v("1.8.0+")])]),s._v(" "),a("td",[s._v("上拉加载，具体配置参考 scroll 组件的 "),a("code",{pre:!0},[s._v("options.pullUpLoad")]),s._v("。"),a("code",{pre:!0},[s._v("即将废弃")]),s._v("，推荐使用 "),a("code",{pre:!0},[s._v("options")]),s._v(" 属性")]),s._v(" "),a("td",[s._v("Boolean/Object")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("pullDownRefresh"),a("sup",[s._v("1.8.0+")])]),s._v(" "),a("td",[s._v("下拉刷新，具体配置参考 scroll 组件的 "),a("code",{pre:!0},[s._v("options.pullDownRefresh")]),s._v("。"),a("code",{pre:!0},[s._v("即将废弃")]),s._v("，推荐使用 "),a("code",{pre:!0},[s._v("options")]),s._v(" 属性")]),s._v(" "),a("td",[s._v("Boolean/Object")]),s._v(" "),a("td",[s._v("false")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("data")]),s._v(" 子配置项")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("code",{pre:!0},[s._v("data")]),s._v(" 是数组，表示的是一组数据，每一项配置：")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("name")]),s._v(" "),a("td",[s._v("组名")]),s._v(" "),a("td",[s._v("String")])]),s._v(" "),a("tr",[a("td",[s._v("items")]),s._v(" "),a("td",[s._v("当前组下的数据项")]),s._v(" "),a("td",[s._v("Array")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("code",{pre:!0},[s._v("items")]),s._v(" 数组中的每一项必须是对象，且包含 "),a("code",{pre:!0},[s._v("name")]),s._v(" 属性用于显示内容；例如 "),a("code",{pre:!0},[s._v("items")]),s._v(": "),a("code",{pre:!0},[s._v("[{name: 'xx', ...}, ...]")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("名字")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("作用域参数")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("pulldown"),a("sup",[s._v("1.9.4+")])]),s._v(" "),a("td",[s._v("位于列表上方，会在下拉刷新时显示，与 scroll 组件相同")]),s._v(" "),a("td",[s._v("具体参考 scroll 组件的 pulldown 插槽作用域参数介绍")])]),s._v(" "),a("tr",[a("td",[s._v("pullup"),a("sup",[s._v("1.9.4+")])]),s._v(" "),a("td",[s._v("位于列表下方，会在上拉加载时显示，与 scroll 组件相同")]),s._v(" "),a("td",[s._v("具体参考 scroll 组件的 pullup 插槽作用域参数介绍")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("事件名")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("参数")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("select")]),s._v(" "),a("td",[s._v("点击 IndexList 的某一项后触发")]),s._v(" "),a("td",[s._v("该选项的数据")])]),s._v(" "),a("tr",[a("td",[s._v("title-click")]),s._v(" "),a("td",[s._v("点击 title 后触发(title 必须设置后才有效)")]),s._v(" "),a("td",[s._v("title属性值")])]),s._v(" "),a("tr",[a("td",[s._v("pulling-up"),a("sup",[s._v("1.8.0+")])]),s._v(" "),a("td",[s._v("当 pullUpLoad 属性为 true 时，在上拉超过阈值时触发")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("pulling-down"),a("sup",[s._v("1.8.0+")])]),s._v(" "),a("td",[s._v("当 pullDownRefresh 属性为 true 时，在下拉超过阈值时触发")]),s._v(" "),a("td",[s._v("-")])])])])}]}},hUpT:function(s,t,a){s.exports=a("BfAM")}}); \ No newline at end of file diff --git a/docs/js/33.f4fa13966d5dc4375fed.js b/docs/js/33.f4fa13966d5dc4375fed.js deleted file mode 100644 index f2ebbf508..000000000 --- a/docs/js/33.f4fa13966d5dc4375fed.js +++ /dev/null @@ -1 +0,0 @@ -webpackJsonp([33],{453:function(s,a,t){s.exports=t(513)},513:function(s,a,t){var n=t(11)(null,t(514),null,null,null);s.exports=n.exports},514:function(s,a){s.exports={render:function(){var s=this,a=s.$createElement;s._self._c;return s._m(0)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[t("h2",[s._v("Loading")]),s._v(" "),t("p",[t("code",{pre:!0},[s._v("Loading")]),s._v(" provides loading animation which can has custom size.")]),s._v(" "),t("h3",[s._v("Example")]),s._v(" "),t("ul",[t("li",[s._v("The size of icon")])]),s._v(" "),t("p",[s._v("Default is "),t("code",{pre:!0},[s._v("24px")]),s._v(" and can be configured by setting "),t("code",{pre:!0},[s._v("size")]),s._v(".")]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-html"}},[t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-loading")]),s._v(">")]),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-loading")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":size")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"28"')]),s._v(">")]),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-loading")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":size")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"34"')]),s._v(">")]),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),t("h3",[s._v("Props configuration")]),s._v(" "),t("table",[t("thead",[t("tr",[t("th",[s._v("Attribute")]),s._v(" "),t("th",[s._v("Description")]),s._v(" "),t("th",[s._v("Type")]),s._v(" "),t("th",[s._v("Default")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("size")]),s._v(" "),t("td",[s._v("the size of loading icon, unit px")]),s._v(" "),t("td",[s._v("Number")]),s._v(" "),t("td",[s._v("24")])])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/34.5def19f52aa45c5e1cc2.js b/docs/js/34.5def19f52aa45c5e1cc2.js deleted file mode 100644 index 8e45bbe03..000000000 --- a/docs/js/34.5def19f52aa45c5e1cc2.js +++ /dev/null @@ -1 +0,0 @@ -webpackJsonp([34],{452:function(t,s,e){t.exports=e(511)},511:function(t,s,e){var a=e(11)(null,e(512),null,null,null);t.exports=a.exports},512:function(t,s){t.exports={render:function(){var t=this,s=t.$createElement;t._self._c;return t._m(0)},staticRenderFns:[function(){var t=this,s=t.$createElement,e=t._self._c||s;return e("section",[e("h2",[t._v("Introduction")]),t._v(" "),e("p",[t._v("cube-ui is an elegant mobile component library based on Vue.js.")]),t._v(" "),e("h3",[t._v("Features")]),t._v(" "),e("ul",[e("li",[e("p",[e("strong",[t._v("Quality")])]),t._v(" "),e("p",[t._v("Extracted from DiDi interior component library and has been put to business test for more than one year. Every component has full unit tests to provide assurance for continuous integration.")])]),t._v(" "),e("li",[e("p",[e("strong",[t._v("Experience")])]),t._v(" "),e("p",[t._v("Make quick response, fluent animation and close to native components as the goal, and pursue the perfection of the interactive experience.")])]),t._v(" "),e("li",[e("p",[e("strong",[t._v("Standard")])]),t._v(" "),e("p",[t._v("Follow a uniform design interaction standard and highly restore the design; Standardize the interface and unify the way of use, making development more simple and efficient.")])]),t._v(" "),e("li",[e("p",[e("strong",[t._v("Scalability")])]),t._v(" "),e("p",[t._v("Lightweight and flexible: support "),e("a",{attrs:{href:"#/en-US/docs/post-compile"}},[t._v("post-compile")]),t._v(" and importing on demand; High scalability: it is easy to implement secondary development based on existing components.")])])]),t._v(" "),e("h3",[t._v("Components")]),t._v(" "),e("h4",[t._v("Basic")]),t._v(" "),e("ul",[e("li",[e("a",{attrs:{href:"#/en-US/docs/button"}},[t._v("Button")])]),t._v(" "),e("li",[e("a",{attrs:{href:"#/en-US/docs/checkbox"}},[t._v("Checkbox")])]),t._v(" "),e("li",[e("a",{attrs:{href:"#/en-US/docs/checkbox-group"}},[t._v("CheckboxGroup")])]),t._v(" "),e("li",[e("a",{attrs:{href:"#/en-US/docs/loading"}},[t._v("Loading")])]),t._v(" "),e("li",[e("a",{attrs:{href:"#/en-US/docs/tip"}},[t._v("Tip")])])]),t._v(" "),e("h4",[t._v("Layer")]),t._v(" "),e("ul",[e("li",[e("a",{attrs:{href:"#/en-US/docs/popup"}},[t._v("Popup")])]),t._v(" "),e("li",[e("a",{attrs:{href:"#/en-US/docs/toast"}},[t._v("Toast")])]),t._v(" "),e("li",[e("a",{attrs:{href:"#/en-US/docs/picker"}},[t._v("Picker")])]),t._v(" "),e("li",[e("a",{attrs:{href:"#/en-US/docs/time-picker"}},[t._v("TimePicker")])]),t._v(" "),e("li",[e("a",{attrs:{href:"#/en-US/docs/dialog"}},[t._v("Dialog")])]),t._v(" "),e("li",[e("a",{attrs:{href:"#/en-US/docs/action-sheet"}},[t._v("ActionSheet")])])]),t._v(" "),e("p",[t._v("All the layer components can be invoked by components and API, let's take "),e("code",{pre:!0},[t._v("Toast")]),t._v(" as an example:")]),t._v(" "),e("p",[t._v("Component invoking:")]),t._v(" "),e("pre",{pre:!0},[e("code",{attrs:{"v-pre":"",class:"language-html"}},[e("span",{attrs:{class:"hljs-tag"}},[t._v("<"),e("span",{attrs:{class:"hljs-name"}},[t._v("template")]),t._v(">")]),t._v("\n "),e("span",{attrs:{class:"hljs-tag"}},[t._v("<"),e("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),e("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),e("span",{attrs:{class:"hljs-string"}},[t._v('"showToast"')]),t._v(">")]),t._v("show toast"),e("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n "),e("span",{attrs:{class:"hljs-tag"}},[t._v("<"),e("span",{attrs:{class:"hljs-name"}},[t._v("cube-toast")]),t._v(" "),e("span",{attrs:{class:"hljs-attr"}},[t._v("ref")]),t._v("="),e("span",{attrs:{class:"hljs-string"}},[t._v('"toast"')]),t._v(" "),e("span",{attrs:{class:"hljs-attr"}},[t._v(":txt")]),t._v("="),e("span",{attrs:{class:"hljs-string"}},[t._v('"toastTxt"')]),t._v(">")]),e("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),e("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),e("span",{attrs:{class:"hljs-tag"}},[t._v("<"),e("span",{attrs:{class:"hljs-name"}},[t._v("script")]),t._v(">")]),e("span",{attrs:{class:"javascript"}},[t._v("\n "),e("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),e("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n data() {\n "),e("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" {\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("toastTxt")]),t._v(": "),e("span",{attrs:{class:"hljs-string"}},[t._v("'toast content'")]),t._v("\n }\n },\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showToast() {\n "),e("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$refs.toast.show()\n }\n }\n }\n")]),e("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),e("p",[t._v("API invoking：")]),t._v(" "),e("pre",{pre:!0},[e("code",{attrs:{"v-pre":"",class:"language-html"}},[e("span",{attrs:{class:"hljs-tag"}},[t._v("<"),e("span",{attrs:{class:"hljs-name"}},[t._v("template")]),t._v(">")]),t._v("\n "),e("span",{attrs:{class:"hljs-tag"}},[t._v("<"),e("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),e("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),e("span",{attrs:{class:"hljs-string"}},[t._v('"showToast"')]),t._v(">")]),t._v("show toast"),e("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),e("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),e("span",{attrs:{class:"hljs-tag"}},[t._v("<"),e("span",{attrs:{class:"hljs-name"}},[t._v("script")]),t._v(">")]),e("span",{attrs:{class:"javascript"}},[t._v("\n "),e("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),e("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n data() {\n "),e("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" {\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("toastTxt")]),t._v(": "),e("span",{attrs:{class:"hljs-string"}},[t._v("'toast content'")]),t._v("\n }\n },\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showToast() {\n "),e("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),e("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".toastTxt\n }).show()\n }\n }\n }\n")]),e("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),e("p",[t._v("Both are pretty good but we recommend the latter, namely using "),e("code",{pre:!0},[t._v("$createXxYy")]),t._v(" API to invoke; By API invoking, the popup layer is attached to "),e("code",{pre:!0},[t._v("body")]),t._v(" element whose advantage is that it wouldn't be affected by outer styles. If using component invoking, it's fairly easy to be affected by outer styles like "),e("code",{pre:!0},[t._v("transform")]),t._v(", "),e("code",{pre:!0},[t._v("overflow")]),t._v(", etc.")]),t._v(" "),e("p",[t._v("Pay attention that the name of the API is "),e("code",{pre:!0},[t._v("$create")]),t._v(" + "),e("code",{pre:!0},[t._v("${component name}")]),t._v(". For example, the API of "),e("code",{pre:!0},[t._v("ActionSheet")]),t._v(" component is "),e("code",{pre:!0},[t._v("$createActionSheet")]),t._v(".")]),t._v(" "),e("h4",[t._v("Scroll")]),t._v(" "),e("ul",[e("li",[e("a",{attrs:{href:"#/en-US/docs/scroll"}},[t._v("Scroll")])]),t._v(" "),e("li",[e("a",{attrs:{href:"#/en-US/docs/slide"}},[t._v("Slide")])]),t._v(" "),e("li",[e("a",{attrs:{href:"#/en-US/docs/index-list"}},[t._v("IndexList")])])]),t._v(" "),e("p",[t._v("Scroll Components are all implemented based on "),e("a",{attrs:{href:"https://github.com/ustbhuangyi/better-scroll"}},[t._v("better-scroll")]),t._v(" and "),e("code",{pre:!0},[t._v("Scroll")]),t._v(" Component is the encapsulation of better-scroll.")]),t._v(" "),e("h3",[t._v("Modules")]),t._v(" "),e("p",[t._v("cube-ui has some special modules besides components.")]),t._v(" "),e("h4",[t._v("style")]),t._v(" "),e("p",[t._v("The style module.\nIf you are under the circumstance of importing components on demand, then it is recommended to import this module in entry file because it contains basic reset, basic common styles and built-in icons.")]),t._v(" "),e("p",[t._v("For details, see "),e("a",{attrs:{href:"#/en-US/docs/style"}},[t._v("style module")]),t._v(".")]),t._v(" "),e("h4",[t._v("create-api")]),t._v(" "),e("p",[t._v("Sometimes, developers may need to let their own encapsulated components support API invoking as well. At this time they can import create-api module or use the global interface "),e("code",{pre:!0},[t._v("Cube.createAPI")]),t._v(" to achieve the purpose.")]),t._v(" "),e("p",[t._v("For details, see "),e("a",{attrs:{href:"#/en-US/docs/create-api"}},[t._v("create-api module")]),t._v("。")]),t._v(" "),e("h4",[t._v("better-scroll")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/ustbhuangyi/better-scroll"}},[t._v("better-scroll")]),t._v(" is a library in "),e("code",{pre:!0},[t._v("cube-ui")]),t._v("'s dependencies. To avoid duplicately importing, we expose the module.")]),t._v(" "),e("p",[t._v("For more detailed use, please refer to "),e("a",{attrs:{href:"https://ustbhuangyi.github.io/better-scroll/"}},[t._v("official documentation")]),t._v("。")])])}]}}}); \ No newline at end of file diff --git a/docs/js/34.f308147228341c7ab800.js b/docs/js/34.f308147228341c7ab800.js new file mode 100644 index 000000000..82b4ca29c --- /dev/null +++ b/docs/js/34.f308147228341c7ab800.js @@ -0,0 +1 @@ +webpackJsonp([34],{"672m":function(s,t,a){s.exports=a("bU4j")},"8iGA":function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"ImagePreview"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-ImagePreview-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" ImagePreview")]),s._v(" "),s._m(0),s._v(" "),a("p",[s._v("图片预览，支持切换、放大缩小等能力。")]),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"示例"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 示例")]),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),a("h3",{attrs:{id:"Props配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props 配置")]),s._v(" "),s._m(4),s._v(" "),a("h3",{attrs:{id:"插槽"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-插槽-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 插槽")]),s._v(" "),s._m(5),s._v(" "),a("h3",{attrs:{id:"事件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-事件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 事件")]),s._v(" "),s._m(6)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("1.10.0 新增")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("strong",[s._v("注：")]),s._v(" 由于此组件基于 create-api 实现，所以在使用之前，请确保自己了解过 "),a("a",{attrs:{href:"#/zh-CN/docs/create-api"}},[s._v("create-api")]),s._v("。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("如下示例相关代码在"),a("a",{attrs:{href:"https://github.com/didi/cube-ui/tree/master/example/pages/image-preview"}},[s._v("这里")]),s._v("。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("默认使用")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showImagePreview"')]),s._v(">")]),s._v("Show ImagePreview"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("imgs")]),s._v(": [\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0mpd5uj21hc0tyws2.jpg'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0ncnnej21hc0zetxo.jpg'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0mqvu5j21hc0zkgzz.jpg'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0m3ufuj21hc0zkqbj.jpg'")]),s._v("\n ]\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showImagePreview() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createImagePreview({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("imgs")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".imgs\n }).show()\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("只需要提供 "),a("code",{pre:!0},[s._v("imgs")]),s._v(" 图片地址列表就可以了。")])]),s._v(" "),a("li",[a("p",[s._v("多图场景")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"imgs-container"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("img")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":src")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"img"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(img, index) in imgs"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"img"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"handleImgsClick(index)"')]),s._v(">")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("initialIndex")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("imgs")]),s._v(": [\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0mpd5uj21hc0tyws2.jpg'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0ncnnej21hc0zetxo.jpg'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0mqvu5j21hc0zkgzz.jpg'")]),s._v("\n ]\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n handleImgsClick(index) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".initialIndex = index\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" params = {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("$props")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("imgs")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".imgs,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("initialIndex")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'initialIndex'")]),s._v(", "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 响应式数据的key名")]),s._v("\n loop: "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("$events")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("change")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("i")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 必须更新 initialIndex")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".initialIndex = i\n }\n }\n }\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createImagePreview({ ...params }).show()\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("大多数应用场景都是多图点击之后，实例化 image-preview 组件，展示的图片是每次被点击的图片。")])]),s._v(" "),a("li",[a("p",[s._v("自定义使用")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showCustomImagePreview"')]),s._v(">")]),s._v("Show Custom ImagePreview"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("customIndex")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("imgs")]),s._v(": [\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0mpd5uj21hc0tyws2.jpg'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0ncnnej21hc0zetxo.jpg'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0mqvu5j21hc0zkgzz.jpg'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0m3ufuj21hc0zkqbj.jpg'")]),s._v("\n ]\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showCustomImagePreview() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createImagePreview({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("imgs")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".imgs,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("initialIndex")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".customIndex,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("loop")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("speed")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("500")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onChange")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("i")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".customIndex = i\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onHide")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'hide'")]),s._v(")\n }\n }, (h) => {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" h("),a("span",{attrs:{class:"hljs-string"}},[s._v("'div'")]),s._v(", {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'image-preview-custom-header'")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'header'")]),s._v("\n }, "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".customIndex + "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(")\n }).show()\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("我们可通过插槽定义自己的其他自定义需求，通过传入 Prop 重新定义图片预览行为。")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("可选值")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("imgs")]),s._v(" "),a("td",[s._v("图片地址列表")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("[]")])]),s._v(" "),a("tr",[a("td",[s._v("initial-index")]),s._v(" "),a("td",[s._v("初始索引")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("0")])]),s._v(" "),a("tr",[a("td",[s._v("loop")]),s._v(" "),a("td",[s._v("是否可循环")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("true")])]),s._v(" "),a("tr",[a("td",[s._v("speed")]),s._v(" "),a("td",[s._v("轮播速度，单位 ms")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("400")])]),s._v(" "),a("tr",[a("td",[s._v("zIndex"),a("sup",[s._v("1.10.11")])]),s._v(" "),a("td",[s._v("样式 z-index 的值")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("100")])]),s._v(" "),a("tr",[a("td",[s._v("preventDefault"),a("sup",[s._v("1.10.16")])]),s._v(" "),a("td",[s._v("是否阻止默认行为，因底层使用 BetterScroll 实现")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("true")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("名字")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("作用域参数")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("header")]),s._v(" "),a("td",[s._v("顶部 header 内容")]),s._v(" "),a("td",[s._v("current: 当前索引")])]),s._v(" "),a("tr",[a("td",[s._v("footer")]),s._v(" "),a("td",[s._v("底部 footer 内容")]),s._v(" "),a("td",[s._v("current: 当前索引")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("事件名")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("参数")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("change")]),s._v(" "),a("td",[s._v("查看图片索引改变")]),s._v(" "),a("td",[s._v("当前索引值")])]),s._v(" "),a("tr",[a("td",[s._v("hide")]),s._v(" "),a("td",[s._v("隐藏")]),s._v(" "),a("td",[s._v("-")])])])])}]}},bU4j:function(s,t,a){var v=a("VU/8")(null,a("8iGA"),null,null,null);s.exports=v.exports}}); \ No newline at end of file diff --git a/docs/js/35.2d7b2f5edd74d4ccb6ba.js b/docs/js/35.2d7b2f5edd74d4ccb6ba.js deleted file mode 100644 index 59db9016f..000000000 --- a/docs/js/35.2d7b2f5edd74d4ccb6ba.js +++ /dev/null @@ -1 +0,0 @@ -webpackJsonp([35],{451:function(s,t,a){s.exports=a(509)},509:function(s,t,a){var n=a(11)(null,a(510),null,null,null);s.exports=n.exports},510:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement;s._self._c;return s._m(0)},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",[s._v("Install")]),s._v(" "),a("h3",[s._v("NPM")]),s._v(" "),a("p",[s._v("It is recommended to install "),a("code",{pre:!0},[s._v("cube-ui")]),s._v(" via npm.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-shell"}},[a("span",{attrs:{class:"hljs-meta"}},[s._v("$")]),a("span",{attrs:{class:"bash"}},[s._v(" npm install cube-ui")]),s._v("\n")])]),s._v(" "),a("h3",[s._v("CDN")]),s._v(" "),a("p",[s._v("You can also import js and css files from unpkg.com with tags in html.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("script")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("src")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"https://unpkg.com/cube-ui/lib/cube.min.js"')]),s._v(">")]),a("span",{attrs:{class:"undefined"}}),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("link")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rel")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"stylesheet"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("href")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"https://unpkg.com/cube-ui/lib/cube.min.css"')]),s._v(">")]),s._v("\n")])]),s._v(" "),a("h3",[s._v("Version log")]),s._v(" "),a("p",[s._v("For update logs of each version, see "),a("a",{attrs:{href:"https://github.com/didi/cube-ui/releases"}},[s._v("GitHub")])])])}]}}}); \ No newline at end of file diff --git a/docs/js/35.96bd2b8ccc9b38d34df9.js b/docs/js/35.96bd2b8ccc9b38d34df9.js new file mode 100644 index 000000000..3451331f9 --- /dev/null +++ b/docs/js/35.96bd2b8ccc9b38d34df9.js @@ -0,0 +1 @@ +webpackJsonp([35],{"0xxl":function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Form"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Form-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Form")]),s._v(" "),s._m(0),s._v(" "),a("p",[s._v("表单，包含各种输入组件以及对应的校验；我们可以通过数据驱动的方式来生成完成表单。")]),s._v(" "),a("h3",{attrs:{id:"示例"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 示例")]),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"Props配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props 配置")]),s._v(" "),a("h4",{attrs:{id:"CubeForm"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-CubeForm-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CubeForm")]),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),a("h4",{attrs:{id:"CubeFormGroup"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-CubeFormGroup-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CubeFormGroup")]),s._v(" "),s._m(4),s._v(" "),a("h4",{attrs:{id:"CubeFormItem"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-CubeFormItem-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CubeFormItem")]),s._v(" "),s._m(5),s._v(" "),a("h3",{attrs:{id:"事件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-事件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 事件")]),s._v(" "),s._m(6),s._v(" "),s._m(7),s._v(" "),a("h3",{attrs:{id:"实例方法"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-实例方法-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 实例方法")]),s._v(" "),s._m(8)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("1.7.0 新增")]),s._v(" "),a("p",[s._v("从 1.8.0 开始支持blur 时才触发校验以及 debounce，同 Validator 一样也开始支持异步校验。")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("默认配置使用")]),s._v(" "),a("p",[s._v("一个完整的包含所有的内置表单相关组件。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-form")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"model"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":schema")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"schema"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":immediate-validate")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"false"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"options"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@validate")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"validateHandler"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@submit")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"submitHandler"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@reset")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"resetHandler"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("validity")]),s._v(": {},\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("valid")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("undefined")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("model")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("checkboxValue")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("checkboxGroupValue")]),s._v(": [],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("inputValue")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("radioValue")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rateValue")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selectValue")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("2018")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("switchValue")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("textareaValue")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("uploadValue")]),s._v(": []\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("schema")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("groups")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("legend")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'基础'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("fields")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'checkbox'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'checkboxValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("props")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("option")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Checkbox'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("messages")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please check this field'")]),s._v("\n }\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'checkbox-group'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'checkboxGroupValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'CheckboxGroup'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("props")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": ["),a("span",{attrs:{class:"hljs-string"}},[s._v("'1'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'2'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'3'")]),s._v("]\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'input'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'inputValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Input'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("props")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("placeholder")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'请输入'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// validating when blur")]),s._v("\n trigger: "),a("span",{attrs:{class:"hljs-string"}},[s._v("'blur'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'radio-group'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'radioValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Radio'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("props")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": ["),a("span",{attrs:{class:"hljs-string"}},[s._v("'1'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'2'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'3'")]),s._v("]\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'select'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'selectValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Select'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("props")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("2015")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("2016")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("2017")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("2018")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("2019")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("2020")]),s._v("]\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'switch'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'switchValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Switch'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'textarea'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'textareaValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Textarea'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// debounce validate")]),s._v("\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// if set to true, the default debounce time will be 200(ms)")]),s._v("\n debounce: "),a("span",{attrs:{class:"hljs-number"}},[s._v("100")]),s._v("\n }\n ]\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("legend")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'高级'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("fields")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'rate'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'rateValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Rate'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'upload'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'uploadValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Upload'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("events")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'file-removed'")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("...args")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'file removed'")]),s._v(", args)\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("uploaded")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("val, config")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Promise")]),s._v(".all(val.map("),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("file, i")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Promise")]),s._v("("),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("resolve, reject")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (file.uploadedUrl) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" resolve()\n }\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// fake request")]),s._v("\n setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (i % "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(") {\n reject("),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Error")]),s._v("())\n } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("else")]),s._v(" {\n file.uploadedUrl = "),a("span",{attrs:{class:"hljs-string"}},[s._v("'uploaded/url'")]),s._v("\n resolve()\n }\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n })\n })).then("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n })\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("messages")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("uploaded")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'上传失败'")]),s._v("\n }\n }\n ]\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("fields")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'submit'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Submit'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'reset'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Reset'")]),s._v("\n }\n ]\n }\n ]\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("scrollToInvalidField")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("layout")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'standard'")]),s._v(" "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// classic fresh")]),s._v("\n }\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n submitHandler(e) {\n e.preventDefault()\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'submit'")]),s._v(", e)\n },\n validateHandler(result) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".validity = result.validity\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".valid = result.valid\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'validity'")]),s._v(", result.validity, result.valid, result.dirty, result.firstInvalidFieldIndex)\n },\n resetHandler(e) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'reset'")]),s._v(", e)\n }\n }\n}\n")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("model")]),s._v(" 就是整个表单需要的数据源，"),a("code",{pre:!0},[s._v("schema")]),s._v(" 就是生成表单所定义的模式，"),a("code",{pre:!0},[s._v("immediate-validate")]),s._v(" 如果为 true 则初始时立即做校验，"),a("code",{pre:!0},[s._v("options")]),s._v(" 则是配置选项。")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("submit")]),s._v(" 校验成功后提交事件，"),a("code",{pre:!0},[s._v("validate")]),s._v(" 每次有数据校验更新的事件，"),a("code",{pre:!0},[s._v("reset")]),s._v(" 则是重置事件。")])]),s._v(" "),a("li",[a("p",[s._v("自定义使用")]),s._v(" "),a("p",[s._v("你可以选择使用自己自定义的组件甚至通过插槽来自定义结构和行为。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-form")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"model"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@validate")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"validateHandler"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@submit")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"submitHandler"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-form-group")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-form-item")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":field")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"fields[0]"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-form-item")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":field")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"fields[1]"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-form-item")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":field")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"fields[2]"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showDatePicker"')]),s._v(">")]),s._v("{{model.dateValue || 'Please select date'}}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("date-picker")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"datePicker"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":min")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"[2008, 8, 8]"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":max")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"[2020, 10, 20]"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@select")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"dateSelectHandler"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-form-group")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"submit"')]),s._v(">")]),s._v("Submit"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-comment"}},[s._v("// province, city, area")]),s._v("\n"),a("span",{attrs:{class:"hljs-comment"}},[s._v("// select component")]),s._v("\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" PCA = {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("props")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Array")]),s._v(",\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v("() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" []\n }\n }\n },\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selected")]),s._v(": []\n }\n },\n render(createElement) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" createElement("),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-button'")]),s._v(", {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("on")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("click")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".showPicker\n }\n }, "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selected.length ? "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selected.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("' '")]),s._v(") : "),a("span",{attrs:{class:"hljs-string"}},[s._v("'placeholder'")]),s._v(")\n },\n mounted() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".picker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createCascadePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'PCA Select'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": cityData,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selectedIndex")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".value,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandler\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showPicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".picker.show()\n },\n selectHandler(selectedVal, selectedIndex, selectedTxt) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selected = selectedTxt\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$emit("),a("span",{attrs:{class:"hljs-string"}},[s._v("'input'")]),s._v(", selectedVal)\n }\n }\n}\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("validity")]),s._v(": {},\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("valid")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("undefined")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("model")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("inputValue")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("pcaValue")]),s._v(": [],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("dateValue")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("fields")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'input'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'inputValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Input'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("props")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("placeholder")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'请输入'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("component")]),s._v(": PCA,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'pcaValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'PCASelect'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("messages")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'请选择'")]),s._v("\n }\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'dateValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Date'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n }\n ]\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n submitHandler(e) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'submit'")]),s._v(")\n },\n validateHandler(result) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".validity = result.validity\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".valid = result.valid\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'validity'")]),s._v(", result.validity, result.valid, result.dirty, result.firstInvalidFieldIndex)\n },\n showDatePicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.datePicker.show()\n },\n dateSelectHandler(selectedVal) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".model.dateValue = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("(selectedVal["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("], selectedVal["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("] - "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", selectedVal["),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v("]).toDateString()\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("components")]),s._v(": {\n DatePicker\n }\n}\n")])]),s._v(" "),a("p",[s._v("可以通过 "),a("code",{pre:!0},[s._v("component")]),s._v(" 指定实现了 "),a("code",{pre:!0},[s._v("v-model")]),s._v(" 的自定义组件，例如示例中的 "),a("code",{pre:!0},[s._v("PCA")]),s._v(" 组件；也可以通过使用插槽自定义结构行为，比如示例中的日期选择。")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("可选值")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("model")]),s._v(" "),a("td",[s._v("数据源")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("{}")])]),s._v(" "),a("tr",[a("td",[s._v("schema")]),s._v(" "),a("td",[s._v("生成表单依赖的模式")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("{}")])]),s._v(" "),a("tr",[a("td",[s._v("immediateValidate")]),s._v(" "),a("td",[s._v("初始化时是否立即校验")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("action")]),s._v(" "),a("td",[s._v("表单 Form action 的值")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("undefined")])]),s._v(" "),a("tr",[a("td",[s._v("options")]),s._v(" "),a("td",[s._v("配置项")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("{"),a("br"),s._v("scrollToInvalidField: false,"),a("br"),s._v(" layout: 'standard' // or: classic")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[a("code",{pre:!0},[s._v("schema")]),s._v(" 子配置项")]),s._v(" "),a("p",[s._v("模式用于定义表单中的各个字段，可以选择是否分组。")]),s._v(" "),a("ul",[a("li",[a("p",[s._v("无分组")]),s._v(" "),a("p",[s._v("直接包含 "),a("code",{pre:!0},[s._v("fields")]),s._v(" 即可：")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[s._v("{\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("fields")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'input'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'inputValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Input'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n ]\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("有分组")]),s._v(" "),a("p",[s._v("可以设置 "),a("code",{pre:!0},[s._v("groups")]),s._v("：")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[s._v("{\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("groups")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("legend")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Group 1'")]),s._v("\n fields: [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'input'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'inputValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Input'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n ]\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("legend")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Group 2'")]),s._v("\n fields: [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'input'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'inputValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Input'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n ]\n }\n ]\n}\n")])])])]),s._v(" "),a("p",[s._v("不管有没有分组，我们都需要使用 "),a("code",{pre:!0},[s._v("fields")]),s._v(" 定义表单字段，其中每一项可以有如下属性：")]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("可选值")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("type")]),s._v(" "),a("td",[s._v("字段类型")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("默认内置的可选类型组件有："),a("code",{pre:!0},[s._v("button")]),s._v(", "),a("code",{pre:!0},[s._v("checkbox")]),s._v(", "),a("code",{pre:!0},[s._v("checkbox-group")]),s._v(", "),a("code",{pre:!0},[s._v("input")]),s._v(", "),a("code",{pre:!0},[s._v("radio")]),s._v(", "),a("code",{pre:!0},[s._v("radio-group")]),s._v(", "),a("code",{pre:!0},[s._v("rate")]),s._v(", "),a("code",{pre:!0},[s._v("select")]),s._v(", "),a("code",{pre:!0},[s._v("switch")]),s._v(", "),a("code",{pre:!0},[s._v("textarea")]),s._v(", "),a("code",{pre:!0},[s._v("upload")]),s._v("；以及特殊的 "),a("code",{pre:!0},[s._v("submit")]),s._v(" 和 "),a("code",{pre:!0},[s._v("reset")]),s._v("，它们两个会被转换为对应类型的 "),a("code",{pre:!0},[s._v("button")])]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("component")]),s._v(" "),a("td",[s._v("字段使用的自定义组件，替换 type，该组件组件实现 "),a("code",{pre:!0},[s._v("v-model")])]),s._v(" "),a("td",[s._v("Object/String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("modelKey")]),s._v(" "),a("td",[s._v("在表单的 "),a("code",{pre:!0},[s._v("model")]),s._v(" 数据源对象中所对应的 key 名字")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("label")]),s._v(" "),a("td",[s._v("字段的标签值")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("props")]),s._v(" "),a("td",[s._v("type 对应的组件或者自定义组件 component 所需要的 props")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("events"),a("sup",[s._v("1.8.0+")])]),s._v(" "),a("td",[s._v("type 对应的组件或者自定义组件 component 的事件回调")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("rules")]),s._v(" "),a("td",[s._v("字段的校验规则，参见 "),a("a",{attrs:{href:"#/zh-CN/docs/validator#cube-Props-anchor"}},[s._v("Validator")])]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("trigger"),a("sup",[s._v("1.8.0+")])]),s._v(" "),a("td",[s._v("如果设置为 'blur' 那么则会在离焦后校验")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("blur/change")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("debounce"),a("sup",[s._v("1.8.0+")])]),s._v(" "),a("td",[s._v("控制校验节奏，值为时间，单位 ms。如果 trigger 设置为 blur 则此项配置不生效")]),s._v(" "),a("td",[s._v("Number/Boolean")]),s._v(" "),a("td",[s._v(">= 0，如果设置为 true，那么时间就是 200(ms)")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("messages")]),s._v(" "),a("td",[s._v("字段的校验消息，参见 "),a("a",{attrs:{href:"#/zh-CN/docs/validator#cube-Props-anchor"}},[s._v("Validator")])]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])])])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("可选值")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("legend")]),s._v(" "),a("td",[s._v("分组名字")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("''")])]),s._v(" "),a("tr",[a("td",[s._v("fields")]),s._v(" "),a("td",[s._v("该组内所包含的字段集合")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("[]")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("可选值")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("field")]),s._v(" "),a("td",[s._v("字段数据")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("事件名")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("参数1")]),s._v(" "),a("th",[s._v("参数2")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("submit")]),s._v(" "),a("td",[s._v("表单校验通过后触发此事件，如果只有同步校验，则不会阻止默认行为，而如果包含了异步校验，则默认就会阻止默认行为")]),s._v(" "),a("td",[s._v("e - 事件对象")]),s._v(" "),a("td",[s._v("model 值")])]),s._v(" "),a("tr",[a("td",[s._v("reset")]),s._v(" "),a("td",[s._v("表单重置事件")]),s._v(" "),a("td",[s._v("e - 事件对象")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("validate")]),s._v(" "),a("td",[s._v("表单校验事件")]),s._v(" "),a("td",[s._v("参数结构如下："),a("br"),s._v("{"),a("br"),s._v("validity,"),a("br"),s._v(" valid,"),a("br"),s._v(" invalid,"),a("br"),s._v(" dirty,"),a("br"),s._v(" firstInvalidFieldIndex"),a("br"),s._v("}")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("valid")]),s._v(" "),a("td",[s._v("表单校验成功触发")]),s._v(" "),a("td",[s._v("validity 校验结果")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("invalid")]),s._v(" "),a("td",[s._v("表单校验失败触发")]),s._v(" "),a("td",[s._v("validity 校验结果")]),s._v(" "),a("td",[s._v("-")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[a("code",{pre:!0},[s._v("validate")]),s._v(" 事件的参数")]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("validity")]),s._v(" "),a("td",[s._v("校验结果")]),s._v(" "),a("td",[s._v("Object")])]),s._v(" "),a("tr",[a("td",[s._v("valid")]),s._v(" "),a("td",[s._v("校验合法，如果还没校验则为 undefined，一旦校验则为 true 或 false")]),s._v(" "),a("td",[s._v("Boolean/Undefined")])]),s._v(" "),a("tr",[a("td",[s._v("invalid")]),s._v(" "),a("td",[s._v("校验不合法，如果还没校验则为 undefined，一旦校验则为 true 或 false")]),s._v(" "),a("td",[s._v("Boolean")])]),s._v(" "),a("tr",[a("td",[s._v("dirty")]),s._v(" "),a("td",[s._v("表单处于 dirty 状态，也就意味着数据源发生了变化")]),s._v(" "),a("td",[s._v("Boolean")])]),s._v(" "),a("tr",[a("td",[s._v("firstInvalidFieldIndex")]),s._v(" "),a("td",[s._v("第一个校验不合法的字段索引值")]),s._v(" "),a("td",[s._v("Number")])])])]),s._v(" "),a("ul",[a("li",[a("p",[s._v("校验结果 "),a("code",{pre:!0},[s._v("validity")]),s._v(" 对象")]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("valid")]),s._v(" "),a("td",[s._v("校验是否合法")]),s._v(" "),a("td",[s._v("Boolean/Undefined")])]),s._v(" "),a("tr",[a("td",[s._v("result")]),s._v(" "),a("td",[s._v("校验结果，类似于："),a("br"),s._v("{"),a("br"),s._v(" required: {"),a("br"),s._v("  valid: false,"),a("br"),s._v("  invalid: true,"),a("br"),s._v("  message: 'Required.'"),a("br"),s._v(" }"),a("br"),s._v("}")]),s._v(" "),a("td",[s._v("Object")])]),s._v(" "),a("tr",[a("td",[s._v("dirty")]),s._v(" "),a("td",[s._v("数据是否是已经更新过的")]),s._v(" "),a("td",[s._v("Boolean")])])])])])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("方法名")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("返回值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("submit")]),s._v(" "),a("td",[s._v("提交表单")]),s._v(" "),a("td",[s._v("skipValidate, 默认 false，如果为 true 代表不校验 直接 submit"),a("sup",[s._v("1.12.2+")])]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("reset")]),s._v(" "),a("td",[s._v("重置表单")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("validate(cb)")]),s._v(" "),a("td",[s._v("校验表单")]),s._v(" "),a("td",[s._v("cb: 校验完成后回调函数，主要用于异步校验场景，调用参数为 valid 的值")]),s._v(" "),a("td",[s._v("如果支持 Promise 的话返回值是 Promise 对象（只有 resolved 状态，值为 valid），否则 undefined")])])])])}]}},"3rpl":function(s,t,a){var v=a("VU/8")(null,a("0xxl"),null,null,null);s.exports=v.exports},XO3d:function(s,t,a){s.exports=a("3rpl")}}); \ No newline at end of file diff --git a/docs/js/36.abcad67786cf333ecc2e.js b/docs/js/36.abcad67786cf333ecc2e.js deleted file mode 100644 index 012290b32..000000000 --- a/docs/js/36.abcad67786cf333ecc2e.js +++ /dev/null @@ -1 +0,0 @@ -webpackJsonp([36],{450:function(t,s,a){t.exports=a(507)},507:function(t,s,a){var n=a(11)(null,a(508),null,null,null);t.exports=n.exports},508:function(t,s){t.exports={render:function(){var t=this,s=t.$createElement;t._self._c;return t._m(0)},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("section",[a("h2",[t._v("IndexList")]),t._v(" "),a("p",[a("code",{pre:!0},[t._v("IndexList")]),t._v(" component, , which is also encapsulated based on "),a("code",{pre:!0},[t._v("better-scroll")]),t._v(", provides functions of index lists.")]),t._v(" "),a("h3",[t._v("Example")]),t._v(" "),a("ul",[a("li",[t._v("Basic usage")])]),t._v(" "),a("p",[t._v("Construct data like "),a("code",{pre:!0},[t._v("cityData")]),t._v(" in the example below and pass it into "),a("code",{pre:!0},[t._v("data")]),t._v(" in "),a("code",{pre:!0},[t._v("cube-index-list")]),t._v(" component.")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-index-list")]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":data")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"cityData"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":title")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"title"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@select")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"selectItem"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@title-click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"clickTitle"')]),t._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("const")]),t._v(" cityData = [\n {\n "),a("span",{attrs:{class:"hljs-string"}},[t._v('"name"')]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v('"★Hot City"')]),t._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[t._v('"items"')]),t._v(": [\n {\n "),a("span",{attrs:{class:"hljs-string"}},[t._v('"name"')]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v('"BEIJING"')]),t._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[t._v('"value"')]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1")]),t._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-string"}},[t._v('"name"')]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v('"SHANGHAI"')]),t._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[t._v('"value"')]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("2")]),t._v("\n }\n ]\n },\n {\n "),a("span",{attrs:{class:"hljs-string"}},[t._v('"name"')]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v('"A"')]),t._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[t._v('"items"')]),t._v(": [\n {\n "),a("span",{attrs:{class:"hljs-string"}},[t._v('"name"')]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v('"ANSHAN"')]),t._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[t._v('"value"')]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("3")]),t._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-string"}},[t._v('"name"')]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v('"ANQING"')]),t._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[t._v('"value"')]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("4")]),t._v("\n }\n ]\n }\n]\n\n"),a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'Current City: BEIJING'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("cityData")]),t._v(": cityData\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n selectItem(item) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[t._v("console")]),t._v(".log(item.name)\n },\n clickTitle(title) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[t._v("console")]),t._v(".log(title)\n }\n }\n}\n")])]),t._v(" "),a("h3",[t._v("Props configuration")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Attribute")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("title")]),t._v(" "),a("td",[t._v("title")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("data")]),t._v(" "),a("td",[t._v("data to be displayed")]),t._v(" "),a("td",[t._v("Array")]),t._v(" "),a("td",[t._v("[]")])])])]),t._v(" "),a("ul",[a("li",[a("code",{pre:!0},[t._v("data")]),t._v(" sub configuration")])]),t._v(" "),a("p",[a("code",{pre:!0},[t._v("data")]),t._v(" is an array, which represents multiple groups of data and each of them can be configured：")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Attribute")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Type")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("name")]),t._v(" "),a("td",[t._v("the name of the group")]),t._v(" "),a("td",[t._v("String")])]),t._v(" "),a("tr",[a("td",[t._v("items")]),t._v(" "),a("td",[t._v("data of current group")]),t._v(" "),a("td",[t._v("Array")])])])]),t._v(" "),a("p",[t._v("Each item of "),a("code",{pre:!0},[t._v("items")]),t._v(" array must be an object that must contains the "),a("code",{pre:!0},[t._v("name")]),t._v(" attribute which is used for displaying the content; For example: "),a("code",{pre:!0},[t._v("items")]),t._v(": "),a("code",{pre:!0},[t._v("[{name: 'xx', ...}, ...]")])]),t._v(" "),a("h3",[t._v("Events")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Event Name")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Parameters")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("select")]),t._v(" "),a("td",[t._v("triggers when clicking one of the items in IndexList")]),t._v(" "),a("td",[t._v("data of the item")])]),t._v(" "),a("tr",[a("td",[t._v("title-click")]),t._v(" "),a("td",[t._v("triggers when clicking title(valid only if title has been configured)")]),t._v(" "),a("td",[t._v("the value of title")])])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/36.fb32375e5a60016231d9.js b/docs/js/36.fb32375e5a60016231d9.js new file mode 100644 index 000000000..6fce9b686 --- /dev/null +++ b/docs/js/36.fb32375e5a60016231d9.js @@ -0,0 +1 @@ +webpackJsonp([36],{"1/Ax":function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Drawer"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Drawer-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Drawer")]),s._v(" "),s._m(0),s._v(" "),a("p",[s._v("抽屉，主要用来需要大范围层级进行选择的场景，一般情况下应该是满屏状态。")]),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"示例"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 示例")]),s._v(" "),s._m(2),s._v(" "),a("h3",{attrs:{id:"Props配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props 配置")]),s._v(" "),a("h4",{attrs:{id:"CubeDrawer"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-CubeDrawer-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CubeDrawer")]),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),a("h4",{attrs:{id:"CubeDrawerPanel"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-CubeDrawerPanel-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CubeDrawerPanel")]),s._v(" "),s._m(5),s._v(" "),a("h4",{attrs:{id:"CubeDrawerItem"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-CubeDrawerItem-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CubeDrawerItem")]),s._v(" "),s._m(6),s._v(" "),a("h3",{attrs:{id:"事件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-事件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 事件")]),s._v(" "),s._m(7),s._v(" "),a("h3",{attrs:{id:"实例方法"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-实例方法-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 实例方法")]),s._v(" "),s._m(8)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("1.7.0 新增")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("strong",[s._v("注：")]),s._v(" 组件依赖父容器相对定位或者绝对定位，因为 Drawer 是绝对定位的。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("默认配置使用")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showDrawer"')]),s._v(">")]),s._v("Show Drawer"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-drawer")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"drawer"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"请选择"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":selected-index")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selectedIndex"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@change")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"changeHandler"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@select")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selectHandler"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@cancel")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"cancelHandler"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" { provinceList, cityList, areaList } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'../../data/area'")]),s._v("\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selectedIndex")]),s._v(": [],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": [\n provinceList,\n [],\n []\n ]\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showDrawer() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.drawer.show()\n },\n changeHandler(index, item, selectedVal, selectedIndex, selectedText) {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// fake request")]),s._v("\n setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("let")]),s._v(" data\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (index === "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(") {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// procince change, get city data")]),s._v("\n data = cityList[item.value]\n } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("else")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// city change, get area data")]),s._v("\n data = areaList[item.value]\n }\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// refill panel(index + 1) data")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.drawer.refill(index + "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", data)\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("200")]),s._v(")\n },\n selectHandler(selectedVal, selectedIndex, selectedText) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Selected Item:
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("' '")]),s._v(")}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n cancelHandler() {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'cancel'")]),s._v(")\n }\n }\n}\n")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("title")]),s._v(" 就是标题，可选；"),a("code",{pre:!0},[s._v("data")]),s._v(" 数据源，二维数组，长度决定了抽屉的 Panel 数，初始长度一定要确定；"),a("code",{pre:!0},[s._v("selected-index")]),s._v(" 则是初始选择的索引值；"),a("code",{pre:!0},[s._v("change")]),s._v("、"),a("code",{pre:!0},[s._v("select")]),s._v("、"),a("code",{pre:!0},[s._v("cancel")]),s._v(" 则是对应的三个事件：选择发生改变（选中是非最后一个 Panel 中的项的时候触发）、选中了某个值（选择了最后一个 Panel 中的项触发）、取消（点击左侧空白蒙层触发）。")]),s._v(" "),a("p",[s._v("你可以在 "),a("code",{pre:!0},[s._v("change")]),s._v(" 中通过 Drawer 的 "),a("code",{pre:!0},[s._v("fill")]),s._v(" 方法更新下一个 Panel 的数据，可以是同步更新也可以是异步更新。")])]),s._v(" "),a("li",[a("p",[s._v("自定义使用")]),s._v(" "),a("p",[s._v("你可以通过插槽来自定义结构。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-drawer")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"drawer"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":selected-index")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selectedIndex"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@change")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"changeHandler"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@select")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selectHandler"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@cancel")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"cancelHandler"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"title"')]),s._v(">")]),s._v("{{province.text}}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-drawer-panel")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(panel, index) in data"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"index"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":index")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"index"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"panel"')]),s._v("\n >")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-drawer-item")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(item, i) in panel"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":item")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"i"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":index")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"i"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("i")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"cubeic-round-border"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v(">")]),s._v("{{item.text}}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" { provinceList, cityList, areaList } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'../../data/area'")]),s._v("\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("province")]),s._v(": {},\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selectedIndex")]),s._v(": [],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": [\n [],\n []\n ]\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showDrawer() {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// get radom province")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" randomIndex = "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Math")]),s._v(".round("),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Math")]),s._v(".random() * provinceList.length)\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" randomProvince = provinceList[randomIndex]\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".province = randomProvince\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.drawer.refill("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", cityList[randomProvince.value])\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.drawer.show()\n },\n changeHandler(index, item, selectedVal, selectedIndex, selectedText) {\n setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// city change, get area data")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" data = areaList[item.value]\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.drawer.refill(index + "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", data)\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("200")]),s._v(")\n },\n selectHandler(selectedVal, selectedIndex, selectedText) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Selected Item:
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("' '")]),s._v(")}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n cancelHandler() {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'cancel'")]),s._v(")\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("可以在 "),a("code",{pre:!0},[s._v("cube-drawer")]),s._v(" 组件中使用 "),a("code",{pre:!0},[s._v("cube-drawer-panel")]),s._v(" 以及 "),a("code",{pre:!0},[s._v("cube-drawer-item")]),s._v(" 组件来达到某些情况下的自定义目的。")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("可选值")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("title")]),s._v(" "),a("td",[s._v("标题")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("''")])]),s._v(" "),a("tr",[a("td",[s._v("data")]),s._v(" "),a("td",[s._v("数据源")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("[]")])]),s._v(" "),a("tr",[a("td",[s._v("selectedIndex")]),s._v(" "),a("td",[s._v("初始选择索引")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("[]")])]),s._v(" "),a("tr",[a("td",[s._v("visible"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("显示状态，是否可见。"),a("code",{pre:!0},[s._v("v-model")]),s._v("绑定值")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[a("code",{pre:!0},[s._v("data")]),s._v(" 子配置项")]),s._v(" "),a("p",[s._v("是一个数组，数组中每一项仍然为数组，结构类似于：")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[s._v("[\n [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'text'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'value'")]),s._v("\n },\n ...\n ],\n [\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'text'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'text2'")]),s._v(",\n ...\n ]\n]\n")])]),s._v(" "),a("p",[s._v("里层数组的每一项可以是对象（包含 text 和 value），也可以是纯字符串。")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("可选值")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("data")]),s._v(" "),a("td",[s._v("数据源")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("[]")])]),s._v(" "),a("tr",[a("td",[s._v("index")]),s._v(" "),a("td",[s._v("该数据源在 CubeDrawer 的 data 中的索引值")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-1")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("可选值")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("data")]),s._v(" "),a("td",[s._v("数据项")]),s._v(" "),a("td",[s._v("String/Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("''")])]),s._v(" "),a("tr",[a("td",[s._v("index")]),s._v(" "),a("td",[s._v("该数据项在 CubeDrawerPanel 的 data 中的索引值")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-1")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("事件名")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("参数1")]),s._v(" "),a("th",[s._v("参数2")]),s._v(" "),a("th",[s._v("参数3")]),s._v(" "),a("th",[s._v("参数4")]),s._v(" "),a("th",[s._v("参数5")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("change")]),s._v(" "),a("td",[s._v("选择发生改变（选中是非最后一个 Panel 中的项的时候触发）")]),s._v(" "),a("td",[s._v("发生改变的 Panel 的索引")]),s._v(" "),a("td",[s._v("发生改变的数据项")]),s._v(" "),a("td",[s._v("已选中的值集合")]),s._v(" "),a("td",[s._v("已选中的索引集合")]),s._v(" "),a("td",[s._v("已选中的文本集合")])]),s._v(" "),a("tr",[a("td",[s._v("select")]),s._v(" "),a("td",[s._v("选择了最后一个 Panel 中的项触发")]),s._v(" "),a("td",[s._v("已选中的值集合")]),s._v(" "),a("td",[s._v("已选中的索引集合")]),s._v(" "),a("td",[s._v("已选中的文本集合")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("cancel")]),s._v(" "),a("td",[s._v("点击左侧空白区域触发")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("方法名")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("参数1")]),s._v(" "),a("th",[s._v("参数2")]),s._v(" "),a("th",[s._v("参数3")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("refill")]),s._v(" "),a("td",[s._v("填充数据，改变某个 Panel 数据")]),s._v(" "),a("td",[s._v("要改变的 Panel 的索引")]),s._v(" "),a("td",[s._v("填充数据")]),s._v(" "),a("td",[s._v("默认选中项（可选，建议不填）")])]),s._v(" "),a("tr",[a("td",[s._v("show")]),s._v(" "),a("td",[s._v("显示")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("hide")]),s._v(" "),a("td",[s._v("隐藏")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])])])])}]}},cb3f:function(s,t,a){var v=a("VU/8")(null,a("1/Ax"),null,null,null);s.exports=v.exports},e4wh:function(s,t,a){s.exports=a("cb3f")}}); \ No newline at end of file diff --git a/docs/js/37.03fc20a69c20d7f08a31.js b/docs/js/37.03fc20a69c20d7f08a31.js deleted file mode 100644 index eb4d936dc..000000000 --- a/docs/js/37.03fc20a69c20d7f08a31.js +++ /dev/null @@ -1 +0,0 @@ -webpackJsonp([37],{449:function(t,s,a){t.exports=a(505)},505:function(t,s,a){var v=a(11)(null,a(506),null,null,null);t.exports=v.exports},506:function(t,s){t.exports={render:function(){var t=this,s=t.$createElement;t._self._c;return t._m(0)},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("section",[a("h2",[t._v("Dialog")]),t._v(" "),a("p",[a("code",{pre:!0},[t._v("Dialog")]),t._v(" modal component，provides various styles and interactions.")]),t._v(" "),a("h3",[t._v("Example")]),t._v(" "),a("ul",[a("li",[a("p",[t._v("Dialog type")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showAlert"')]),t._v(">")]),t._v("Dialog - type"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showAlert() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'alert'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'i am title'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'i am content'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("icon")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'cubeic-alert'")]),t._v("\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[a("code",{pre:!0},[t._v("type")]),t._v(" will be one of the following: "),a("code",{pre:!0},[t._v("alert")]),t._v(", "),a("code",{pre:!0},[t._v("confirm")]),t._v(".")])]),t._v(" "),a("li",[a("p",[t._v("Button configuration")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showBtn"')]),t._v(">")]),t._v("Dialog - btn"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showBtn() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'confirm'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("icon")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'cubeic-alert'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'i am title'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'i am content'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("confirmBtn")]),t._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("text")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'confirm'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("active")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("href")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'javascript:;'")]),t._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("cancelBtn")]),t._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("text")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'cancel'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("active")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("false")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("href")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'javascript:;'")]),t._v("\n }\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[t._v("Button configuration("),a("code",{pre:!0},[t._v("confirmBtn")]),t._v(", "),a("code",{pre:!0},[t._v("cancelBtn")]),t._v(") can be "),a("code",{pre:!0},[t._v("String")]),t._v(" or "),a("code",{pre:!0},[t._v("Object")]),t._v(" type. When given an Object, "),a("code",{pre:!0},[t._v("text")]),t._v(" can be used to set button content，"),a("code",{pre:!0},[t._v("active")]),t._v(" is used to set button highlight state，"),a("code",{pre:!0},[t._v("href")]),t._v(" is used to set the link that will be jumped to when the button is clicked.")])]),t._v(" "),a("li",[a("p",[t._v("Show close button")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showClose"')]),t._v(">")]),t._v("Dialog - show close"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showClose() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'alert'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("icon")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'cubeic-alert'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("showClose")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'title'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onClose")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[t._v("()")]),t._v(" =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'warn'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'the close button has been clicked'")]),t._v("\n }).show()\n }\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[t._v("You can change "),a("code",{pre:!0},[t._v("showClose")]),t._v(" to decide whether to show the close button. The "),a("code",{pre:!0},[t._v("close")]),t._v(" event will be dispatched when the close button is clicked and the "),a("code",{pre:!0},[t._v("onClose")]),t._v(" callback will be invoked if it is configured.")])]),t._v(" "),a("li",[a("p",[t._v("Slot")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showSlot"')]),t._v(">")]),t._v("Dialog - slot"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showSlot() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'alert'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("confirmBtn")]),t._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("text")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'got it'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("active")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n }\n }, (createElement) => {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" [\n createElement("),a("span",{attrs:{class:"hljs-string"}},[t._v("'div'")]),t._v(", {\n "),a("span",{attrs:{class:"hljs-string"}},[t._v("'class'")]),t._v(": {\n "),a("span",{attrs:{class:"hljs-string"}},[t._v("'my-title'")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("slot")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'title'")]),t._v("\n }, [\n createElement("),a("span",{attrs:{class:"hljs-string"}},[t._v("'div'")]),t._v(", {\n "),a("span",{attrs:{class:"hljs-string"}},[t._v("'class'")]),t._v(": {\n "),a("span",{attrs:{class:"hljs-string"}},[t._v("'my-title-img'")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n }\n }),\n createElement("),a("span",{attrs:{class:"hljs-string"}},[t._v("'p'")]),t._v(", "),a("span",{attrs:{class:"hljs-string"}},[t._v("'custom title'")]),t._v(")\n ]),\n createElement("),a("span",{attrs:{class:"hljs-string"}},[t._v("'p'")]),t._v(", {\n "),a("span",{attrs:{class:"hljs-string"}},[t._v("'class'")]),t._v(": {\n "),a("span",{attrs:{class:"hljs-string"}},[t._v("'my-content'")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("slot")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'content'")]),t._v("\n }, "),a("span",{attrs:{class:"hljs-string"}},[t._v("'custom content'")]),t._v(")\n ]\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[t._v("The second parameter of "),a("code",{pre:!0},[t._v("$createDialog")]),t._v(" is "),a("a",{attrs:{href:"https://vuejs.org/v2/guide/render-function.html"}},[t._v("render function")]),t._v(", generally it is used to handle slots. Dialog component provides 2 named slots "),a("code",{pre:!0},[t._v("title")]),t._v(" and "),a("code",{pre:!0},[t._v("content")]),t._v(" which are used to distribute title and content.")])])]),t._v(" "),a("h3",[t._v("Props configuration")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Attribute")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Accepted Values")]),t._v(" "),a("th",[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("type")]),t._v(" "),a("td",[t._v("dialog type")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("alert / confirm")]),t._v(" "),a("td",[t._v("alert")])]),t._v(" "),a("tr",[a("td",[t._v("icon")]),t._v(" "),a("td",[t._v("icon class name")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[a("a",{attrs:{href:"#/style"}},[t._v("refer to built-in icons in style module")])]),t._v(" "),a("td",[t._v("''")])]),t._v(" "),a("tr",[a("td",[t._v("title")]),t._v(" "),a("td",[t._v("title")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("''")])]),t._v(" "),a("tr",[a("td",[t._v("content")]),t._v(" "),a("td",[t._v("content")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("''")])]),t._v(" "),a("tr",[a("td",[t._v("showClose")]),t._v(" "),a("td",[t._v("whether to show close button")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("confirmBtn")]),t._v(" "),a("td",[t._v("confirm button configuration")]),t._v(" "),a("td",[t._v("Object/String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("{ text: '确定', active: true, href: 'javascript:;' }")])]),t._v(" "),a("tr",[a("td",[t._v("cancelBtn")]),t._v(" "),a("td",[t._v("cancel button configuration")]),t._v(" "),a("td",[t._v("Object/String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("{ text: '取消', active: false, href: 'javascript:;' }")])])])]),t._v(" "),a("ul",[a("li",[a("code",{pre:!0},[t._v("confirmBtn")]),t._v(" sub configuration")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Attribute")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Accepted Values")]),t._v(" "),a("th",[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("text")]),t._v(" "),a("td",[t._v("button text")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("'确认'")])]),t._v(" "),a("tr",[a("td",[t._v("active")]),t._v(" "),a("td",[t._v("whether to highlight")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("true")])]),t._v(" "),a("tr",[a("td",[t._v("href")]),t._v(" "),a("td",[t._v("the link that will be jumped to when the button is clicked")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("'javascript:;'")])])])]),t._v(" "),a("ul",[a("li",[a("code",{pre:!0},[t._v("cancelBtn")]),t._v(" sub configuration")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Attribute")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Accepted Values")]),t._v(" "),a("th",[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("text")]),t._v(" "),a("td",[t._v("button text")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("'取消'")])]),t._v(" "),a("tr",[a("td",[t._v("active")]),t._v(" "),a("td",[t._v("whether highlight")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("href")]),t._v(" "),a("td",[t._v("the link that will be jumped to when the button is clicked")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("'javascript:;'")])])])]),t._v(" "),a("h3",[t._v("Slot")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Name")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Scope Parameters")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("title")]),t._v(" "),a("td",[t._v("title")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("content")]),t._v(" "),a("td",[t._v("content")]),t._v(" "),a("td",[t._v("-")])])])]),t._v(" "),a("h3",[t._v("Events")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Event Name")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Parameters")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("confirm")]),t._v(" "),a("td",[t._v("triggers when the confirm button is clicked")]),t._v(" "),a("td",[t._v("e - event target")])]),t._v(" "),a("tr",[a("td",[t._v("cancel")]),t._v(" "),a("td",[t._v("triggers when the cancel button is clicked")]),t._v(" "),a("td",[t._v("e - event target")])]),t._v(" "),a("tr",[a("td",[t._v("close")]),t._v(" "),a("td",[t._v("triggers when the close button is clicked")]),t._v(" "),a("td",[t._v("e - event target")])])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/37.2f930ad9e435f595720a.js b/docs/js/37.2f930ad9e435f595720a.js new file mode 100644 index 000000000..1ccd49da2 --- /dev/null +++ b/docs/js/37.2f930ad9e435f595720a.js @@ -0,0 +1 @@ +webpackJsonp([37],{"59Sv":function(t,s,a){var v=a("VU/8")(null,a("xQLu"),null,null,null);t.exports=v.exports},DZkJ:function(t,s,a){t.exports=a("59Sv")},xQLu:function(t,s){t.exports={render:function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("section",[a("h2",{attrs:{id:"Dialog"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Dialog-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Dialog")]),t._v(" "),t._m(0),t._v(" "),t._m(1),t._v(" "),a("h3",{attrs:{id:"示例"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 示例")]),t._v(" "),t._m(2),t._v(" "),a("h3",{attrs:{id:"Props配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Props 配置")]),t._v(" "),t._m(3),t._v(" "),t._m(4),t._v(" "),t._m(5),t._v(" "),t._m(6),t._v(" "),t._m(7),t._v(" "),a("h3",{attrs:{id:"插槽"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-插槽-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 插槽")]),t._v(" "),t._m(8),t._v(" "),a("h3",{attrs:{id:"事件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-事件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 事件")]),t._v(" "),t._m(9),t._v(" "),a("h3",{attrs:{id:"实例方法"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-实例方法-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 实例方法")]),t._v(" "),t._m(10)])},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[a("code",{pre:!0},[t._v("Dialog")]),t._v("模态框组件，提供了多种样式及交互形式。")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[a("strong",[t._v("注：")]),t._v(" 由于此组件基于 create-api 实现，所以在使用之前，请确保自己了解过 "),a("a",{attrs:{href:"#/zh-CN/docs/create-api"}},[t._v("create-api")]),t._v("。")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("p",[t._v("alert 类型")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showAlert"')]),t._v(">")]),t._v("Dialog - alert"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showAlert() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'alert'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'我是标题'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'我是内容'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("icon")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'cubeic-alert'")]),t._v("\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[a("code",{pre:!0},[t._v("type")]),t._v(" 可选的值为 "),a("code",{pre:!0},[t._v("alert")]),t._v(" (对应为提示框)、"),a("code",{pre:!0},[t._v("confirm")]),t._v(" (对应为确认框)、"),a("code",{pre:!0},[t._v("prompt")]),t._v(" （对应提示输入框）"),a("sup",[t._v("1.11.0")]),t._v("。")])]),t._v(" "),a("li",[a("p",[t._v("提示输入类型")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showPrompt"')]),t._v(">")]),t._v("Dialog - prompt"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showAlert() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".dialog = "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'prompt'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'我是标题'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("prompt")]),t._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("value")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("''")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("placeholder")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'请输入'")]),t._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onConfirm")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[t._v("("),a("span",{attrs:{class:"hljs-params"}},[t._v("e, promptValue")]),t._v(") =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'warn'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`Prompt value: "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${promptValue || "),a("span",{attrs:{class:"hljs-string"}},[t._v("''")]),t._v("}")]),t._v("`")]),t._v("\n }).show()\n }\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[t._v("可通过在 confirm 的事件回调的第二个参数获得输入的值。"),a("code",{pre:!0},[t._v("prompt")]),t._v(" 的值为一个对象，内容会被当做 props 传入 "),a("a",{attrs:{href:"#/zh-CN/docs/input"}},[t._v("Input 组件")]),t._v("。")])]),t._v(" "),a("li",[a("p",[t._v("按钮设置")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showBtn"')]),t._v(">")]),t._v("Dialog - btn"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showBtn() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'confirm'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("icon")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'cubeic-alert'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'我是标题'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'我是内容'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("confirmBtn")]),t._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("text")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'确定按钮'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("active")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("disabled")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("false")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("href")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'javascript:;'")]),t._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("cancelBtn")]),t._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("text")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'取消按钮'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("active")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("false")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("disabled")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("false")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("href")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'javascript:;'")]),t._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onConfirm")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[t._v("()")]),t._v(" =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'warn'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'点击确认按钮'")]),t._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onCancel")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[t._v("()")]),t._v(" =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'warn'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'点击取消按钮'")]),t._v("\n }).show()\n }\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[t._v("按钮设置可接受 "),a("code",{pre:!0},[t._v("String")]),t._v(" 或 "),a("code",{pre:!0},[t._v("Object")]),t._v(" 类型数据，当传入 "),a("code",{pre:!0},[t._v("Object")]),t._v(" 类型的数据时，可通过 "),a("code",{pre:!0},[t._v("text")]),t._v(" 字段来设置按钮文案内容、"),a("code",{pre:!0},[t._v("active")]),t._v(" 字段来设置按钮文案是否高亮、"),a("code",{pre:!0},[t._v("disabled")]),t._v(" 字段来设置按钮是否禁用、"),a("code",{pre:!0},[t._v("href")]),t._v(" 字段为按钮的跳转链接。")])]),t._v(" "),a("li",[a("p",[t._v("关闭按钮")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showClose"')]),t._v(">")]),t._v("Dialog - show close"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showClose() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'alert'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("icon")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'cubeic-alert'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("showClose")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'标题'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onClose")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[t._v("()")]),t._v(" =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'warn'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'点击关闭按钮'")]),t._v("\n }).show()\n }\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[a("code",{pre:!0},[t._v("showClose")]),t._v(" 字段决定是否需要显示关闭按钮，同时点击关闭按钮会触发 "),a("code",{pre:!0},[t._v("close")]),t._v(" 事件，如果传入了 "),a("code",{pre:!0},[t._v("onClose")]),t._v(" 则会被调用。")])]),t._v(" "),a("li",[a("p",[t._v("插槽")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showSlot"')]),t._v(">")]),t._v("Dialog - slot"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showSlot() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'alert'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("confirmBtn")]),t._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("text")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'我知道了'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("active")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n }\n }, (createElement) => {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" [\n createElement("),a("span",{attrs:{class:"hljs-string"}},[t._v("'div'")]),t._v(", {\n "),a("span",{attrs:{class:"hljs-string"}},[t._v("'class'")]),t._v(": {\n "),a("span",{attrs:{class:"hljs-string"}},[t._v("'my-title'")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("slot")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'title'")]),t._v("\n }, [\n createElement("),a("span",{attrs:{class:"hljs-string"}},[t._v("'div'")]),t._v(", {\n "),a("span",{attrs:{class:"hljs-string"}},[t._v("'class'")]),t._v(": {\n "),a("span",{attrs:{class:"hljs-string"}},[t._v("'my-title-img'")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n }\n }),\n createElement("),a("span",{attrs:{class:"hljs-string"}},[t._v("'p'")]),t._v(", "),a("span",{attrs:{class:"hljs-string"}},[t._v("'附近车少,优选出租车将来接您'")]),t._v(")\n ]),\n createElement("),a("span",{attrs:{class:"hljs-string"}},[t._v("'p'")]),t._v(", {\n "),a("span",{attrs:{class:"hljs-string"}},[t._v("'class'")]),t._v(": {\n "),a("span",{attrs:{class:"hljs-string"}},[t._v("'my-content'")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("slot")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'content'")]),t._v("\n }, "),a("span",{attrs:{class:"hljs-string"}},[t._v("'价格仍按快车计算'")]),t._v(")\n ]\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[a("code",{pre:!0},[t._v("$createDialog")]),t._v(" 的第二个参数是 "),a("a",{attrs:{href:"https://vuejs.org/v2/guide/render-function.html"}},[t._v("render 函数")]),t._v("，一般用于处理插槽的场景；Dialog 组件提供了 2 个具名的插槽 "),a("code",{pre:!0},[t._v("title")]),t._v(" 和 "),a("code",{pre:!0},[t._v("content")]),t._v("，分别用来分发标题和内容。")])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("参数")]),t._v(" "),a("th",[t._v("说明")]),t._v(" "),a("th",[t._v("类型")]),t._v(" "),a("th",[t._v("可选值")]),t._v(" "),a("th",[t._v("默认值")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("type")]),t._v(" "),a("td",[t._v("类型")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("提示框 alert / 确认框 confirm / 提示输入框 prompt"),a("sup",[t._v("1.11.0")])]),t._v(" "),a("td",[t._v("alert")])]),t._v(" "),a("tr",[a("td",[t._v("icon")]),t._v(" "),a("td",[t._v("图标的 class 名")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[a("a",{attrs:{href:"#/zh-CN/docs/style"}},[t._v("参照 style 模块下的内置 icon 部分")])]),t._v(" "),a("td",[t._v("''")])]),t._v(" "),a("tr",[a("td",[t._v("title")]),t._v(" "),a("td",[t._v("标题")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("''")])]),t._v(" "),a("tr",[a("td",[t._v("content")]),t._v(" "),a("td",[t._v("正文")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("''")])]),t._v(" "),a("tr",[a("td",[t._v("showClose")]),t._v(" "),a("td",[t._v("是否显示关闭按钮")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("confirmBtn")]),t._v(" "),a("td",[t._v("确认按钮参数配置")]),t._v(" "),a("td",[t._v("Object/String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("{ text: '确定', active: true, href: 'javascript:;' }")])]),t._v(" "),a("tr",[a("td",[t._v("cancelBtn")]),t._v(" "),a("td",[t._v("取消按钮参数配置")]),t._v(" "),a("td",[t._v("Object/String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("{ text: '取消', active: false, href: 'javascript:;' }")])]),t._v(" "),a("tr",[a("td",[t._v("visible"),a("sup",[t._v("1.8.1")])]),t._v(" "),a("td",[t._v("显示状态，是否可见。"),a("code",{pre:!0},[t._v("v-model")]),t._v("绑定值")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("maskClosable"),a("sup",[t._v("1.9.6")])]),t._v(" "),a("td",[t._v("点击蒙层是否隐藏")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("zIndex"),a("sup",[t._v("1.9.6")])]),t._v(" "),a("td",[t._v("样式 z-index 的值")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("100")])]),t._v(" "),a("tr",[a("td",[t._v("prompt"),a("sup",[t._v("1.11.0")])]),t._v(" "),a("td",[t._v("prompt 配置，可配置的都是 "),a("a",{attrs:{href:"#/zh-CN/docs/input"}},[t._v("Input 组件")]),t._v(" 的 prop")]),t._v(" "),a("td",[t._v("Object")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("{}")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("code",{pre:!0},[t._v("confirmBtn")]),t._v(" 子配置项")])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("参数")]),t._v(" "),a("th",[t._v("说明")]),t._v(" "),a("th",[t._v("类型")]),t._v(" "),a("th",[t._v("可选值")]),t._v(" "),a("th",[t._v("默认值")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("text")]),t._v(" "),a("td",[t._v("按钮文案")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("'确认'")])]),t._v(" "),a("tr",[a("td",[t._v("active")]),t._v(" "),a("td",[t._v("是否高亮")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("true")])]),t._v(" "),a("tr",[a("td",[t._v("disabled")]),t._v(" "),a("td",[t._v("是否禁用")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("href")]),t._v(" "),a("td",[t._v("点击按钮后的跳转链接")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("'javascript:;'")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("code",{pre:!0},[t._v("cancelBtn")]),t._v(" 子配置项")])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("参数")]),t._v(" "),a("th",[t._v("说明")]),t._v(" "),a("th",[t._v("类型")]),t._v(" "),a("th",[t._v("可选值")]),t._v(" "),a("th",[t._v("默认值")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("text")]),t._v(" "),a("td",[t._v("按钮文案")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("'取消'")])]),t._v(" "),a("tr",[a("td",[t._v("active")]),t._v(" "),a("td",[t._v("是否高亮")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("disabled")]),t._v(" "),a("td",[t._v("是否禁用")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("href")]),t._v(" "),a("td",[t._v("点击按钮后的跳转链接")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("'javascript:;'")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("名字")]),t._v(" "),a("th",[t._v("说明")]),t._v(" "),a("th",[t._v("作用域参数")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("title")]),t._v(" "),a("td",[t._v("标题")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("content")]),t._v(" "),a("td",[t._v("内容")]),t._v(" "),a("td",[t._v("-")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("事件名")]),t._v(" "),a("th",[t._v("说明")]),t._v(" "),a("th",[t._v("参数1")]),t._v(" "),a("th",[t._v("参数2")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("confirm")]),t._v(" "),a("td",[t._v("点击确认按钮后触发")]),t._v(" "),a("td",[t._v("事件对象 e")]),t._v(" "),a("td",[t._v("类型为 prompt 时，输入的值 promptValue")])]),t._v(" "),a("tr",[a("td",[t._v("cancel")]),t._v(" "),a("td",[t._v("点击取消按钮后触发")]),t._v(" "),a("td",[t._v("事件对象 e")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("close")]),t._v(" "),a("td",[t._v("点击关闭按钮后触发")]),t._v(" "),a("td",[t._v("事件对象 e")]),t._v(" "),a("td",[t._v("-")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("方法名")]),t._v(" "),a("th",[t._v("说明")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("show")]),t._v(" "),a("td",[t._v("显示")])]),t._v(" "),a("tr",[a("td",[t._v("hide")]),t._v(" "),a("td",[t._v("隐藏")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/38.73040cbba669c2f346ad.js b/docs/js/38.73040cbba669c2f346ad.js new file mode 100644 index 000000000..f0ae79945 --- /dev/null +++ b/docs/js/38.73040cbba669c2f346ad.js @@ -0,0 +1 @@ +webpackJsonp([38],{liOI:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"DatePicker组件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-DatePicker组件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" DatePicker 组件")]),s._v(" "),s._m(0),s._v(" "),a("p",[s._v("日期选择器，可用于日期选择，选择粒度的灵活配置，如年月日、时分秒、年月日时分秒、年月等。")]),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"示例"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 示例")]),s._v(" "),s._m(2),s._v(" "),a("h3",{attrs:{id:"Props配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props 配置")]),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),s._m(5),s._v(" "),a("h3",{attrs:{id:"事件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-事件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 事件")]),s._v(" "),s._m(6),s._v(" "),a("h3",{attrs:{id:"实例方法"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-实例方法-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 实例方法")]),s._v(" "),s._m(7)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("1.7.0 新增")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("strong",[s._v("注：")]),s._v(" 由于此组件基于 create-api 实现，所以在使用之前，请确保自己了解过 "),a("a",{attrs:{href:"#/zh-CN/docs/create-api"}},[s._v("create-api")]),s._v("。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("基本用法")]),s._v(" "),a("p",[s._v("通过 "),a("code",{pre:!0},[s._v("$createDatePicker")]),s._v(" 创建一个组件实例，配置 "),a("code",{pre:!0},[s._v("min")]),s._v("、"),a("code",{pre:!0},[s._v("max")]),s._v(" 设定选择的日期范围，还可以通过 "),a("code",{pre:!0},[s._v("value")]),s._v(" 设置当前选择的日期。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showDatePicker"')]),s._v(">")]),s._v("Date Picker"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showDatePicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".datePicker) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".datePicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDatePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Date Picker'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("min")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2008")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("7")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("8")]),s._v("),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("max")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2020")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("9")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("20")]),s._v("),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("(),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandle\n })\n }\n\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".datePicker.show()\n },\n selectHandle(date, selectedVal, selectedText) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Selected Item:
- date: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${date}")]),s._v("
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("' '")]),s._v(")}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n cancelHandle() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("列的配置")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("DatePicker")]),s._v(" 有一个非常灵活的能力，就是可以配置列，总共是年、月、日、时、分、秒六种的列，你可以通过 "),a("code",{pre:!0},[s._v("startColumn")]),s._v(" 和 "),a("code",{pre:!0},[s._v("columnCount")]),s._v(" 来配置起始列和列数，比如默认的”年月日“选择，是从“年”开始的“三列”，而时分秒，则是从“时”开始的“三列”。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showTimePicker"')]),s._v(">")]),s._v("Time Picker"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showTimePicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".timePicker) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".timePicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDatePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Time Picker'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("min")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("8")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("max")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("20")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("59")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("59")]),s._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("(),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("startColumn")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'hour'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandle\n })\n }\n\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".timePicker.show()\n },\n selectHandle(date, selectedVal, selectedText) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Selected Item:
- date: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${date}")]),s._v("
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("' '")]),s._v(")}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n cancelHandle() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("年月日时分秒选择器")]),s._v(" "),a("p",[s._v("同理，如果想要年月日时分秒选择器，则是以“年”开始的六列。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showDateTimePicker"')]),s._v(">")]),s._v("Date Time Picker"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showDateTimePicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".dateTimePicker) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".dateTimePicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDatePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Date Time Picker'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("min")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2008")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("7")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("8")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("8")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("max")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2020")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("9")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("20")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("20")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("59")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("59")]),s._v("),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("(),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("columnCount")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("6")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandle\n })\n }\n\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".dateTimePicker.show()\n },\n selectHandle(date, selectedVal, selectedText) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Selected Item:
- date: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${date}")]),s._v("
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("' '")]),s._v(")}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n cancelHandle() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("日期格式")]),s._v(" "),a("p",[s._v("你还可以通过 "),a("code",{pre:!0},[s._v("format")]),s._v(" 属性配置日期格式。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showFormatPicker"')]),s._v(">")]),s._v("Use format"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showFormatPicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".formatPicker) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".formatPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDatePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Use format'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("min")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2008")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("7")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("8")]),s._v("),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("max")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2020")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("9")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("20")]),s._v("),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("(),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("format")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("year")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'YY年'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("month")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'MM月'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("date")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'第 D 日'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandle\n })\n }\n\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".formatPicker.show()\n },\n selectHandle(date, selectedVal, selectedText) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Selected Item:
- date: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${date}")]),s._v("
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("' '")]),s._v(")}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n cancelHandle() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[a("code",{pre:!0},[s._v("columnOrder")]),s._v(" "),a("sup",[s._v("1.12.14")])]),s._v(" "),a("p",[s._v('针对日期展示格式顺序不是 "年-月-日 小时-分钟-秒" 的场景，可以通过 '),a("code",{pre:!0},[s._v("columnOrder")]),s._v(" 来修改展示顺序。例如日期展示顺序为 “月-日-年”，可配置 "),a("code",{pre:!0},[s._v("columnOrder")]),s._v(" 值为 "),a("code",{pre:!0},[s._v("['month', 'date', 'year']")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showChangeOrderPicker"')]),s._v(">")]),s._v("Date Picker(Change order)"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showChangeOrderPicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".changeOrderPicker) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".changeOrderPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDatePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Date Picker'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("min")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2008")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("7")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("8")]),s._v("),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("max")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2020")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("9")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("20")]),s._v("),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("(),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("columnOrder")]),s._v(": ["),a("span",{attrs:{class:"hljs-string"}},[s._v("'month'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'date'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'year'")]),s._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandle\n })\n }\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".changeOrderPicker.show()\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[a("code",{pre:!0},[s._v("$updateProps")])]),s._v(" "),a("p",[s._v("通过"),a("code",{pre:!0},[s._v("$updateProps")]),s._v("方法，可以修改用 createAPI 创建的组件实例的属性。比如 "),a("code",{pre:!0},[s._v("DatePicker")]),s._v("中，我们可以修改 "),a("code",{pre:!0},[s._v("value")]),s._v(" 属性的值改变当前选择的日期。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showUpdatePropsPicker"')]),s._v(">")]),s._v("Use $updateProps"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showUpdatePropsPicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".updatePropsPicker) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".updatePropsPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDatePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Use $updateProps'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("min")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2008")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("7")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("8")]),s._v("),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("max")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2020")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("9")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("20")]),s._v("),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("(),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandle\n })\n }\n\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".updatePropsPicker.show()\n setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".updatePropsPicker.$updateProps({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'updated'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2010")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("9")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(")\n })\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n },\n selectHandle(date, selectedVal, selectedText) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Selected Item:
- date: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${date}")]),s._v("
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("' '")]),s._v(")}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n cancelHandle() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n }\n}\n")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("可选值")]),s._v(" "),a("th",[s._v("默认值")]),s._v(" "),a("th",[s._v("示例")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("min")]),s._v(" "),a("td",[s._v("可选范围的最小值")]),s._v(" "),a("td",[s._v("Date, Array")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("new Date(2010, 1, 1)")]),s._v(" "),a("td",[s._v("new Date(2008, 7, 8)")])]),s._v(" "),a("tr",[a("td",[s._v("max")]),s._v(" "),a("td",[s._v("可选范围的最大值")]),s._v(" "),a("td",[s._v("Date, Array")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("new Date(2020, 12, 31)")]),s._v(" "),a("td",[s._v("new Date(2020, 9, 20)")])]),s._v(" "),a("tr",[a("td",[s._v("value")]),s._v(" "),a("td",[s._v("当前选择的日期")]),s._v(" "),a("td",[s._v("Date, Array")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("可选范围的最小值")]),s._v(" "),a("td",[s._v("new Date()")])]),s._v(" "),a("tr",[a("td",[s._v("startColumn")]),s._v(" "),a("td",[s._v("起始列")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("year/month/date/hour/minute/second")]),s._v(" "),a("td",[s._v("year")]),s._v(" "),a("td",[s._v("hour")])]),s._v(" "),a("tr",[a("td",[s._v("columnCount")]),s._v(" "),a("td",[s._v("列数")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("3")]),s._v(" "),a("td",[s._v("6")])]),s._v(" "),a("tr",[a("td",[s._v("format"),a("sup",[s._v("1.8.0+")])]),s._v(" "),a("td",[s._v("日期格式")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("{ year: 'YYYY', month: 'M', date: 'D', hour: 'hh', minute: 'mm', second: 'ss' }")]),s._v(" "),a("td",[s._v("{ year: 'YY年', month: 'MM月', date: '第 D 日' }")])]),s._v(" "),a("tr",[a("td",[s._v("title")]),s._v(" "),a("td",[s._v("标题")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("''")]),s._v(" "),a("td",[s._v("'时间选择'")])]),s._v(" "),a("tr",[a("td",[s._v("subtitle"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("副标题")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("''")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("cancelTxt")]),s._v(" "),a("td",[s._v("取消按钮文案")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("'取消'")]),s._v(" "),a("td",[s._v("'返回'")])]),s._v(" "),a("tr",[a("td",[s._v("confirmTxt")]),s._v(" "),a("td",[s._v("确定按钮文案")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("'确定'")]),s._v(" "),a("td",[s._v("'选择'")])]),s._v(" "),a("tr",[a("td",[s._v("swipeTime")]),s._v(" "),a("td",[s._v("快速滑动选择器滚轮时，惯性滚动动画的时长，单位：ms")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("2500")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("visible"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("显示状态，是否可见。"),a("code",{pre:!0},[s._v("v-model")]),s._v("绑定值")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("maskClosable"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("点击蒙层是否隐藏")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("true")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("zIndex"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("样式 z-index 的值")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("100")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("columnOrder"),a("sup",[s._v("1.12.14")])]),s._v(" "),a("td",[s._v("列的展示顺序")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("['year', 'month', 'date', 'hour', 'minute', 'second']")]),s._v(" "),a("td",[s._v("-")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("format")]),s._v(" 子配置项")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("默认值")]),s._v(" "),a("th",[s._v("示例")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("year")]),s._v(" "),a("td",[s._v("年的格式，"),a("code",{pre:!0},[s._v("YYYY")]),s._v(" 代表完整年份，"),a("code",{pre:!0},[s._v("YY")]),s._v(" 仅年份后两位")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("YYYY")])]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("YY年")])])]),s._v(" "),a("tr",[a("td",[s._v("month")]),s._v(" "),a("td",[s._v("月的格式，"),a("code",{pre:!0},[s._v("M")]),s._v(" 不补 0，"),a("code",{pre:!0},[s._v("MM")]),s._v(" 补 0")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("M")])]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("MM月")])])]),s._v(" "),a("tr",[a("td",[s._v("date")]),s._v(" "),a("td",[s._v("日的格式，"),a("code",{pre:!0},[s._v("D")]),s._v(" 不补 0，"),a("code",{pre:!0},[s._v("DD")]),s._v(" 补 0")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("D")])]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("第 D 日")])])]),s._v(" "),a("tr",[a("td",[s._v("hour")]),s._v(" "),a("td",[s._v("时的格式，"),a("code",{pre:!0},[s._v("h")]),s._v(" 不补 0，"),a("code",{pre:!0},[s._v("hh")]),s._v(" 补 0")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("hh")])]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("h点")])])]),s._v(" "),a("tr",[a("td",[s._v("minute")]),s._v(" "),a("td",[s._v("分的格式，"),a("code",{pre:!0},[s._v("m")]),s._v(" 不补 0，"),a("code",{pre:!0},[s._v("mm")]),s._v(" 补 0")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("mm")])]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("mm分")])])]),s._v(" "),a("tr",[a("td",[s._v("second")]),s._v(" "),a("td",[s._v("秒的格式，"),a("code",{pre:!0},[s._v("s")]),s._v(" 不补 0，"),a("code",{pre:!0},[s._v("ss")]),s._v(" 补 0")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("ss")])]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("ss秒")])])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("事件名")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("参数1")]),s._v(" "),a("th",[s._v("参数2")]),s._v(" "),a("th",[s._v("参数3")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("select")]),s._v(" "),a("td",[s._v("点击确认按钮触发此事件")]),s._v(" "),a("td",[s._v("date: 当前选中日期，Date 类型")]),s._v(" "),a("td",[s._v("selectedVal: 当前选中项每一列的值，Array 类型")]),s._v(" "),a("td",[s._v("selectedText: 当前选中项每一列的文案，Array 类型")])]),s._v(" "),a("tr",[a("td",[s._v("cancel")]),s._v(" "),a("td",[s._v("点击取消按钮触发此事件")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td")]),s._v(" "),a("tr",[a("td",[s._v("change")]),s._v(" "),a("td",[s._v("滚轴滚动后触发此事件")]),s._v(" "),a("td",[s._v("index: 当前滚动列次序，Number 类型")]),s._v(" "),a("td",[s._v("selectedIndex: 当前列选中项的索引，Number 类型")]),s._v(" "),a("td")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("方法名")]),s._v(" "),a("th",[s._v("说明")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("show")]),s._v(" "),a("td",[s._v("显示")])]),s._v(" "),a("tr",[a("td",[s._v("hide")]),s._v(" "),a("td",[s._v("隐藏")])])])])}]}},pK3h:function(s,t,a){var v=a("VU/8")(null,a("liOI"),null,null,null);s.exports=v.exports},vw3j:function(s,t,a){s.exports=a("pK3h")}}); \ No newline at end of file diff --git a/docs/js/38.80aca51da16719dbd2df.js b/docs/js/38.80aca51da16719dbd2df.js deleted file mode 100644 index e79158b72..000000000 --- a/docs/js/38.80aca51da16719dbd2df.js +++ /dev/null @@ -1 +0,0 @@ -webpackJsonp([38],{448:function(e,t,s){e.exports=s(503)},503:function(e,t,s){var n=s(11)(null,s(504),null,null,null);e.exports=n.exports},504:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement;e._self._c;return e._m(0)},staticRenderFns:[function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("section",[s("h2",[e._v("create-api module")]),e._v(" "),s("p",[e._v("This module exports a function called "),s("code",{pre:!0},[e._v("createAPI")]),e._v(" with which you can invoke the custom component which has been instantiated in api form.")]),e._v(" "),s("h3",[e._v("createAPI(Vue, Component, [events, single])")]),e._v(" "),s("ul",[s("li",[s("p",[e._v("Parameters:")]),e._v(" "),s("ul",[s("li",[s("code",{pre:!0},[e._v("{Function} Vue")]),e._v(" Vue function")]),e._v(" "),s("li",[s("code",{pre:!0},[e._v("{Function | Object} Component")]),e._v(" Vue component which must contains "),s("code",{pre:!0},[e._v("name")])]),e._v(" "),s("li",[s("code",{pre:!0},[e._v("{Array} [events]")]),e._v(" the collection of the instantiated Vue Component's event name")]),e._v(" "),s("li",[s("code",{pre:!0},[e._v("{Boolean} [single]")]),e._v(" whether singleton")])])]),e._v(" "),s("li",[s("p",[e._v("Usage:")]),e._v(" "),s("ul",[s("li",[e._v("This method will add a method which is named "),s("code",{pre:!0},[e._v("$create{camelize(Component.name)}")]),e._v(" to Vue's prototype, so you can instantiate the Vue component by "),s("code",{pre:!0},[e._v("const instance = this.$createAaBb(config, [renderFn])")]),e._v(" in other components. The instantiated component's template content will be attached to "),s("code",{pre:!0},[e._v("body")]),e._v(" element.The parameters of the "),s("code",{pre:!0},[e._v("$createAaBb")]),e._v("：\n"),s("ul",[s("li",[s("code",{pre:!0},[e._v("{Object} config")]),e._v(" It will be passed to the component as its props except the events in "),s("code",{pre:!0},[e._v("events")]),e._v("(It will transform by default, eg: If "),s("code",{pre:!0},[e._v("events")]),e._v(" has value "),s("code",{pre:!0},[e._v("['click']")]),e._v(", then the prop "),s("code",{pre:!0},[e._v("onClick")]),e._v(" will be treated as component's event and not component's props).")]),e._v(" "),s("li",[s("code",{pre:!0},[e._v("{Function} [renderFn]")]),e._v(" Optional, used to generate the VNode child node in the slot scene in general.")])])]),e._v(" "),s("li",[e._v("The return of the method "),s("code",{pre:!0},[e._v("instance")]),e._v(" is a instantiated Vue component，and the "),s("code",{pre:!0},[e._v("remove")]),e._v(" method will be "),s("strong",[e._v("attached")]),e._v(" to this instance.You can invoke the "),s("code",{pre:!0},[e._v("remove")]),e._v(" method to destroy the component and detach the component's content from "),s("code",{pre:!0},[e._v("body")]),e._v(" element.")])])]),e._v(" "),s("li",[s("p",[e._v("Example:")]),e._v(" "),s("pre",{pre:!0},[s("code",{attrs:{"v-pre":"",class:"language-js"}},[s("span",{attrs:{class:"hljs-keyword"}},[e._v("import")]),e._v(" Vue form "),s("span",{attrs:{class:"hljs-string"}},[e._v("'vue'")]),e._v("\n"),s("span",{attrs:{class:"hljs-keyword"}},[e._v("import")]),e._v(" { createAPI } "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("from")]),e._v(" "),s("span",{attrs:{class:"hljs-string"}},[e._v("'cube-ui'")]),e._v("\n"),s("span",{attrs:{class:"hljs-comment"}},[e._v("// import Cube from 'cube-ui'")]),e._v("\n"),s("span",{attrs:{class:"hljs-comment"}},[e._v("// const { createAPI } = Cube")]),e._v("\n"),s("span",{attrs:{class:"hljs-comment"}},[e._v("// the Vue component which needs to be instantiated in the api form")]),e._v("\n"),s("span",{attrs:{class:"hljs-keyword"}},[e._v("const")]),e._v(" MyComponent = Vue.extend({\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("name")]),e._v(": "),s("span",{attrs:{class:"hljs-string"}},[e._v("'hello'")]),e._v(",\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("props")]),e._v(": {\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("content")]),e._v(": {\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("type")]),e._v(": "),s("span",{attrs:{class:"hljs-built_in"}},[e._v("String")]),e._v(",\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("default")]),e._v(": "),s("span",{attrs:{class:"hljs-string"}},[e._v("'Hello'")]),e._v("\n }\n },\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("template")]),e._v(": "),s("span",{attrs:{class:"hljs-string"}},[e._v('\'
{{content}}
\'')]),e._v(",\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("methods")]),e._v(": {\n clickHandler(e) {\n "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("this")]),e._v(".$emit("),s("span",{attrs:{class:"hljs-string"}},[e._v("'click'")]),e._v(", e)\n }\n }\n})\n"),s("span",{attrs:{class:"hljs-comment"}},[e._v("// register the MyComponent so it can been invoked in api form")]),e._v("\ncreateAPI(Vue, MyComponent, ["),s("span",{attrs:{class:"hljs-string"}},[e._v("'click'")]),e._v("], "),s("span",{attrs:{class:"hljs-literal"}},[e._v("true")]),e._v(")\n"),s("span",{attrs:{class:"hljs-comment"}},[e._v("// invoke the Vue component in api from")]),e._v("\n"),s("span",{attrs:{class:"hljs-keyword"}},[e._v("new")]),e._v(" Vue({\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("el")]),e._v(": "),s("span",{attrs:{class:"hljs-string"}},[e._v("'#app'")]),e._v(",\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("template")]),e._v(": "),s("span",{attrs:{class:"hljs-string"}},[e._v("''")]),e._v(",\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("methods")]),e._v(": {\n showHello() {\n "),s("span",{attrs:{class:"hljs-comment"}},[e._v("/*\n The first parameter of `$createHello` will be passed to the component as its props except the events in `events`(It will transform by default, eg: If `events` has value `['click']`, then the prop `onClick` will be treated as component's event and not component's props)\n */")]),e._v("\n "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("const")]),e._v(" instance = "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("this")]),e._v(".$createHello({\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("content")]),e._v(": "),s("span",{attrs:{class:"hljs-string"}},[e._v("'My Hello Content'")]),e._v(",\n onClick(e) {\n "),s("span",{attrs:{class:"hljs-built_in"}},[e._v("console")]),e._v(".log("),s("span",{attrs:{class:"hljs-string"}},[e._v("'Hello component clicked.'")]),e._v(")\n }\n }, "),s("span",{attrs:{class:"hljs-comment"}},[e._v("/* renderFn */")]),e._v(" (createElement) => {\n "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("return")]),e._v(" [\n createElement("),s("span",{attrs:{class:"hljs-string"}},[e._v("'p'")]),e._v(", {\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("slot")]),e._v(": "),s("span",{attrs:{class:"hljs-string"}},[e._v("'other'")]),e._v("\n }, "),s("span",{attrs:{class:"hljs-string"}},[e._v("'other content'")]),e._v(")\n ]\n })\n "),s("span",{attrs:{class:"hljs-comment"}},[e._v("// Also, the event hanlder can be registered by instance's `$on` method")]),e._v("\n instance.$on("),s("span",{attrs:{class:"hljs-string"}},[e._v("'click'")]),e._v(", (e) => {\n "),s("span",{attrs:{class:"hljs-built_in"}},[e._v("console")]),e._v(".log("),s("span",{attrs:{class:"hljs-string"}},[e._v("'on click'")]),e._v(", e)\n })\n "),s("span",{attrs:{class:"hljs-comment"}},[e._v("// destroy the component and detach the component's content from `body` element")]),e._v("\n instance.remove()\n }\n }\n})\n")])]),e._v(" "),s("p",[e._v("In this example, we create a component "),s("code",{pre:!0},[e._v("MyComponent")]),e._v(" with its name option "),s("code",{pre:!0},[e._v("hello")]),e._v(" which needs to be invoked in api form and we invoke it in another component.The focus is what "),s("code",{pre:!0},[e._v("showHello()")]),e._v(" does: invoking method "),s("code",{pre:!0},[e._v("this.$createHello(config, renderFn)")]),e._v(" to instantiate "),s("code",{pre:!0},[e._v("MyComponent")]),e._v(".")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/39.bd87177f9e7b6aade235.js b/docs/js/39.bd87177f9e7b6aade235.js new file mode 100644 index 000000000..7f0aca197 --- /dev/null +++ b/docs/js/39.bd87177f9e7b6aade235.js @@ -0,0 +1 @@ +webpackJsonp([39],{Ev7i:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"create-api模块"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-create-api模块-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" create-api 模块")]),s._v(" "),s._m(0),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"createAPI(Vue,Component,[events,single])"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-createAPI(Vue,Component,[events,single])-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" createAPI(Vue, Component, [events, single])")]),s._v(" "),s._m(2),s._v(" "),a("h3",{attrs:{id:"如何在普通js文件中或者全局调用"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-如何在普通js文件中或者全局调用-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 如何在普通 js 文件中或者全局调用")]),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),a("p",[s._v("或者内置的组件，例如 Dialog：")]),s._v(" "),s._m(5),s._v(" "),a("p",[s._v("还有一种思路是通过数据驱动，比如用 vuex 维护一个全局 state，在需要调用该组件时更新状态，然后在 App.vue 里去 watch 这个状态变化来调用该组件。")])])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("该模块默认暴露出一个 "),a("code",{pre:!0},[s._v("createAPI")]),s._v(" 函数，可以实现以 API 的形式调用自定义组件。并且既可以在 Vue 实例上下文中调用，也可以"),a("a",{attrs:{href:"https://didi.github.io/cube-ui/#/zh-CN/docs/create-api#cube-%E5%A6%82%E4%BD%95%E5%9C%A8%E6%99%AE%E9%80%9Ajs%E6%96%87%E4%BB%B6%E4%B8%AD%E6%88%96%E8%80%85%E5%85%A8%E5%B1%80%E8%B0%83%E7%94%A8-anchor"}},[s._v("在普通 js 文件中调用")]),s._v("。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("strong",[s._v("注：")]),s._v(" 所有通过 "),a("code",{pre:!0},[s._v("createAPI")]),s._v(" 实现的通过 API 的形式调用的自定义组件（cube-ui 内置的组件）都需要通过 "),a("code",{pre:!0},[s._v("Vue.use")]),s._v(" 注册才可以。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("参数：")]),s._v(" "),a("ul",[a("li",[a("code",{pre:!0},[s._v("{Function} Vue")]),s._v(" Vue 函数")]),s._v(" "),a("li",[a("code",{pre:!0},[s._v("{Function | Object} Component")]),s._v(" Vue 组件，组件必须有 name")]),s._v(" "),a("li",[a("code",{pre:!0},[s._v("{Array} [events]")]),s._v(" 组件实例 emit 的事件名集合")]),s._v(" "),a("li",[a("code",{pre:!0},[s._v("{Boolean} [single]")]),s._v(" 是否为单例")])])]),s._v(" "),a("li",[a("p",[s._v("用法：")]),s._v(" "),a("ul",[a("li",[a("p",[s._v("该方法在 Vue 的 prototype 上增加一个名为 "),a("code",{pre:!0},[s._v("$create{camelize(Component.name)}")]),s._v(" 的方法，这样就可以在其他组件中直接通过 "),a("code",{pre:!0},[s._v("const instance = this.$createAaBb(config, [renderFn, single])")]),s._v(" 这样来实例化组件了，而且这个实例化组件的元素是被附加到 "),a("code",{pre:!0},[s._v("body")]),s._v(" 元素下的。")])]),s._v(" "),a("li",[a("p",[a("code",{pre:!0},[s._v("const instance = this.$createAaBb(config, renderFn, single)")])]),s._v(" "),a("p",[a("strong",[s._v("参数：")])]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("默认值")]),s._v(" "),a("th",[s._v("示例")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("config")]),s._v(" "),a("td",[s._v("配置参数，经处理后传给组件")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("{}")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("renderFn")]),s._v(" "),a("td",[s._v("可选参数，用于生成子 VNode 节点，一般场景是处理 slot")]),s._v(" "),a("td",[s._v("Function")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("function (createElement) {...}")])]),s._v(" "),a("tr",[a("td",[s._v("single")]),s._v(" "),a("td",[s._v("可选参数，创建的时候决定是否是单例的，优先级更高，如果没有传入 renderFn 的话，single 的值就是第二个参数的值")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("createAPI() 中传入的 single")]),s._v(" "),a("td",[s._v("-")])])])]),s._v(" "),a("p",[a("strong",[s._v("配置参数 "),a("code",{pre:!0},[s._v("config")]),s._v("：")])]),s._v(" "),a("p",[s._v("默认所有的值都会当做 props，但是要排除 createAPI 传入的 "),a("code",{pre:!0},[s._v("events")]),s._v(" 中的事件（默认会做转换，例如："),a("code",{pre:!0},[s._v("events")]),s._v(" 的值为 "),a("code",{pre:!0},[s._v("['click']")]),s._v("，那么 "),a("code",{pre:!0},[s._v("config")]),s._v(" 中的 "),a("code",{pre:!0},[s._v("onClick")]),s._v(" 就是作为 "),a("code",{pre:!0},[s._v("click")]),s._v(" 事件的回调函数，而不是作为 props 传递给组件）。")]),s._v(" "),a("p",[s._v("1.8.0 版本后 "),a("code",{pre:!0},[s._v("config")]),s._v(" 中可以直接设置 "),a("code",{pre:!0},[s._v("$props")]),s._v(" 和 "),a("code",{pre:!0},[s._v("$events")]),s._v("，"),a("code",{pre:!0},[s._v("$props")]),s._v(" 中的值是"),a("strong",[s._v("响应式")]),s._v("的，自动监控当前实例化上下文（即 "),a("code",{pre:!0},[s._v("this.$createXx")]),s._v(" 中的 "),a("code",{pre:!0},[s._v("this")]),s._v("）的上对应的属性值：")]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("默认值")]),s._v(" "),a("th",[s._v("示例")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("$props")]),s._v(" "),a("td",[s._v("传递给组件的 Props")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("{"),a("br"),s._v(" title: 'title',"),a("br"),s._v(" content: 'my content',"),a("br"),s._v(" open: false"),a("br"),s._v("}")])]),s._v(" "),a("tr",[a("td",[s._v("$events")]),s._v(" "),a("td",[s._v("组件的 Events 事件回调")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("{"),a("br"),s._v(" click: 'clickHandler',"),a("br"),s._v(" select: this.selectHandler"),a("br"),s._v("}")])])])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("$props")]),s._v(" 示例，约定结构 "),a("code",{pre:!0},[s._v("{ [key]: [propKey] }")]),s._v("：")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[s._v("{\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'title'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'my content'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("open")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v("\n}\n")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("title")]),s._v("、"),a("code",{pre:!0},[s._v("content")]),s._v("、"),a("code",{pre:!0},[s._v("open")]),s._v(" 就是传递给组件的 Prop 的 key，而对应 Prop 的值则按照如下规则获取：")]),s._v(" "),a("ol",[a("li",[s._v("如果是非字符串，则直接取配置的 "),a("code",{pre:!0},[s._v("propKey")]),s._v(" 作为值")]),s._v(" "),a("li",[s._v("如果是字符串，且配置的 "),a("code",{pre:!0},[s._v("propKey")]),s._v(" 不在当前实例上下文属性上，则直接取 "),a("code",{pre:!0},[s._v("propKey")]),s._v(" 作为值")]),s._v(" "),a("li",[s._v("是字符串，且在当前实例上下文属性上，那么直接获取当前实例上下文对应的 "),a("code",{pre:!0},[s._v("propKey")]),s._v(" 的值，且会监控这个值的变化实时更新到组件实例上")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("$events")]),s._v(" 示例，约定结构 "),a("code",{pre:!0},[s._v("{ [eventName]: [eventValue] }")]),s._v("：")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[s._v("{\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("click")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'clickHandler'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("select")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandler\n}\n")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("click")]),s._v("、"),a("code",{pre:!0},[s._v("select")]),s._v(" 就是事件名，而对应的事件回调则按照如下规则获取：")]),s._v(" "),a("ol",[a("li",[s._v("如果 "),a("code",{pre:!0},[s._v("eventValue")]),s._v(" 是非字符串，则直接取配置的 "),a("code",{pre:!0},[s._v("eventValue")]),s._v(" 作为值")]),s._v(" "),a("li",[s._v("如果 "),a("code",{pre:!0},[s._v("eventValue")]),s._v(" 是字符串，则直接获取当前实例上下文对应的 "),a("code",{pre:!0},[s._v("eventValue")]),s._v(" 的值")])]),s._v(" "),a("p",[s._v("1.10.0 版本以后 "),a("code",{pre:!0},[s._v("config")]),s._v(" 中可以设置 Vue 支持的所有的"),a("a",{attrs:{href:"https://vuejs.org/v2/guide/render-function.html#The-Data-Object-In-Depth"}},[s._v("配置值")]),s._v("，但是必须要加 "),a("code",{pre:!0},[s._v("$")]),s._v("，例如：")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createAaBb({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("$attrs")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("id")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'id'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("$class")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'my-class'")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n})\n")])]),s._v(" "),a("p",[a("strong",[s._v("返回值 "),a("code",{pre:!0},[s._v("instance")]),s._v("：")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("instance")]),s._v(" 就是组件实例。")]),s._v(" "),a("blockquote",[a("p",[s._v("这个实例会被"),a("strong",[s._v("附加或代理 "),a("code",{pre:!0},[s._v("remove")]),s._v(" 方法")])])]),s._v(" "),a("p",[s._v("如果调用了，该实例就会被销毁且会从 "),a("code",{pre:!0},[s._v("body")]),s._v(" 下移除。")]),s._v(" "),a("p",[s._v("如果说实例化上下文（即 "),a("code",{pre:!0},[s._v("this.$createXx")]),s._v(" 中的 "),a("code",{pre:!0},[s._v("this")]),s._v("）销毁的话会自动移除销毁该实例元素。")])])])]),s._v(" "),a("li",[a("p",[s._v("示例：")]),s._v(" "),a("p",[s._v("我们先编写一个 Hello.vue 组件：")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"clickHandler"')]),s._v(">")]),s._v("\n {{content}}\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("slot")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"other"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("script")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"text/ecmascript-6"')]),s._v(">")]),a("span",{attrs:{class:"javascript"}},[s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'hello'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("props")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("String")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("default")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Hello'")]),s._v("\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n clickHandler(e) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$emit("),a("span",{attrs:{class:"hljs-string"}},[s._v("'click'")]),s._v(", e)\n }\n }\n }\n")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("p",[s._v("然后我们再通过 "),a("code",{pre:!0},[s._v("createAPI")]),s._v(" 把 Hello.vue 变成一个 API 式调用的组件并调用。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" Vue "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'vue'")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" Hello "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'./Hello.vue'")]),s._v("\n\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 引入 Style 加载基础样式")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("/* eslint-disable no-unused-vars */")]),s._v("\n Style,\n Dialog,\n createAPI\n } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n\n Vue.use(Dialog)\n\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 创建 this.$createHello API")]),s._v("\n createAPI(Vue, Hello, ["),a("span",{attrs:{class:"hljs-string"}},[s._v("'click'")]),s._v("], "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(")\n\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 初始化 Vue")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" Vue({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("el")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#app'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("render")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("function")]),s._v(" ("),a("span",{attrs:{class:"hljs-params"}},[s._v("h")]),s._v(") ")]),s._v("{\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" h("),a("span",{attrs:{class:"hljs-string"}},[s._v("'button'")]),s._v(", {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("on")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("click")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".showHello\n }\n }, ["),a("span",{attrs:{class:"hljs-string"}},[s._v("'Show Hello'")]),s._v("])\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showHello() {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 直接调用")]),s._v("\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 传入配置对象，默认传入的所有对象全都当做 props 传入组件")]),s._v("\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 除了在调用 createAPI 的时候传入了 events，这里对应的就是")]),s._v("\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// on{event name} 会被当做事件回调处理")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" instance = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createHello({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'My Hello Content'")]),s._v(",\n onClick(e) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'Hello component clicked.'")]),s._v(")\n }\n }, "),a("span",{attrs:{class:"hljs-comment"}},[s._v("/* renderFn */")]),s._v(" (createElement) => {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" [\n createElement("),a("span",{attrs:{class:"hljs-string"}},[s._v("'p'")]),s._v(", {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'other'")]),s._v("\n }, "),a("span",{attrs:{class:"hljs-string"}},[s._v("'other content'")]),s._v(")\n ]\n })\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 通过 Vue 组件的 $on 也是可以监听的，看使用场景")]),s._v("\n instance.$on("),a("span",{attrs:{class:"hljs-string"}},[s._v("'click'")]),s._v(", (e) => {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" $dialog = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'confirm'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'点击确定关闭当前实例'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n })\n $dialog.show()\n\n $dialog.$on("),a("span",{attrs:{class:"hljs-string"}},[s._v("'confirm'")]),s._v(", () => {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 销毁实例")]),s._v("\n instance.remove()\n }).$on("),a("span",{attrs:{class:"hljs-string"}},[s._v("'cancel'")]),s._v(", () => {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'cancel'")]),s._v(")\n })\n })\n }\n }\n })\n")])]),s._v(" "),a("p",[s._v("示例中就是创建了一个需要 API 调用的组件 "),a("code",{pre:!0},[s._v("Hello")]),s._v("，然后在其他组件中去使用，重点就是 "),a("code",{pre:!0},[s._v("showHello()")]),s._v(" 方法做的事情：调用 "),a("code",{pre:!0},[s._v("this.$createHello(config, renderFn)")]),s._v(" 实现组件的实例化。")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("一般当你在 Vue 实例中，你可以直接通过 "),a("code",{pre:!0},[s._v("this.$createHello(config, renderFn)")]),s._v(" 调用该组件。而如果在普通 JS 中"),a("code",{pre:!0},[s._v("this")]),s._v("不是 Vue 实例，这时就可以通过组件本身的 "),a("code",{pre:!0},[s._v("$create")]),s._v(" 来进行实例化了，比如：")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" Vue "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'vue'")]),s._v("\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" Hello "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'./Hello.vue'")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" {\n createAPI\n} "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 创建 this.$createHello and $Hello.create API")]),s._v("\ncreateAPI(Vue, Hello, ["),a("span",{attrs:{class:"hljs-string"}},[s._v("'click'")]),s._v("], "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(")\n\nHello.$create(config, renderFn)\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" Vue "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'vue'")]),s._v("\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" { Dialog } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n\nVue.use(Dialog)\n\nDialog.$create({\n ...\n})\n")])])}]}},"Nx+F":function(s,t,a){s.exports=a("PtgT")},PtgT:function(s,t,a){var e=a("VU/8")(null,a("Ev7i"),null,null,null);s.exports=e.exports}}); \ No newline at end of file diff --git a/docs/js/39.d931bdfcbabe022aaf58.js b/docs/js/39.d931bdfcbabe022aaf58.js deleted file mode 100644 index f311b6818..000000000 --- a/docs/js/39.d931bdfcbabe022aaf58.js +++ /dev/null @@ -1 +0,0 @@ -webpackJsonp([39],{447:function(t,e,s){t.exports=s(501)},501:function(t,e,s){var a=s(11)(null,s(502),null,null,null);t.exports=a.exports},502:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;t._self._c;return t._m(0)},staticRenderFns:[function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("section",[s("h2",[t._v("Checkbox")]),t._v(" "),s("p",[s("code",{pre:!0},[t._v("Checkbox")]),t._v(" component. You can set the state, pass on special class and set the position of the checkbox's icon.")]),t._v(" "),s("h3",[t._v("Example")]),t._v(" "),s("ul",[s("li",[t._v("Basic usage")])]),t._v(" "),s("pre",{pre:!0},[s("code",{attrs:{"v-pre":"",class:"language-html"}},[s("span",{attrs:{class:"hljs-tag"}},[t._v("<"),s("span",{attrs:{class:"hljs-name"}},[t._v("cube-checkbox")]),t._v(" "),s("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"checked"')]),t._v(">")]),t._v("\n Checkbox\n"),s("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),s("p",[t._v("If selected, the value of "),s("code",{pre:!0},[t._v("checked")]),t._v(" is "),s("code",{pre:!0},[t._v("true")]),t._v(".")]),t._v(" "),s("ul",[s("li",[t._v("Disabled state")])]),t._v(" "),s("pre",{pre:!0},[s("code",{attrs:{"v-pre":"",class:"language-html"}},[s("span",{attrs:{class:"hljs-tag"}},[t._v("<"),s("span",{attrs:{class:"hljs-name"}},[t._v("cube-checkbox")]),t._v(" "),s("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"checked"')]),t._v(" "),s("span",{attrs:{class:"hljs-attr"}},[t._v(":disabled")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"true"')]),t._v(">")]),t._v("\n Disabled Checkbox\n"),s("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),s("p",[t._v("Set "),s("code",{pre:!0},[t._v("disabled")]),t._v(" to "),s("code",{pre:!0},[t._v("true")]),t._v(" to turn into the disabled state.")]),t._v(" "),s("ul",[s("li",[t._v("Position of the checkbox icon")])]),t._v(" "),s("pre",{pre:!0},[s("code",{attrs:{"v-pre":"",class:"language-html"}},[s("span",{attrs:{class:"hljs-tag"}},[t._v("<"),s("span",{attrs:{class:"hljs-name"}},[t._v("cube-checkbox")]),t._v(" "),s("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"checked"')]),t._v(" "),s("span",{attrs:{class:"hljs-attr"}},[t._v("position")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"right"')]),t._v(">")]),t._v("\n Position Checkbox\n"),s("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),s("p",[t._v("If setting "),s("code",{pre:!0},[t._v("position")]),t._v(" to "),s("code",{pre:!0},[t._v("'right'")]),t._v(", the position of the checkbox's icon is on the right.")]),t._v(" "),s("ul",[s("li",[t._v("Change the value of model")])]),t._v(" "),s("pre",{pre:!0},[s("code",{attrs:{"v-pre":"",class:"language-html"}},[s("span",{attrs:{class:"hljs-tag"}},[t._v("<"),s("span",{attrs:{class:"hljs-name"}},[t._v("cube-checkbox")]),t._v(" "),s("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"checked"')]),t._v(" "),s("span",{attrs:{class:"hljs-attr"}},[t._v("label")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"labelValue"')]),t._v(">")]),t._v("\n Set label Checkbox\n"),s("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),s("p",[t._v("If "),s("code",{pre:!0},[t._v("label")]),t._v(" is setted, and when the checkbox is selected, the value of "),s("code",{pre:!0},[t._v("checked")]),t._v(" is "),s("code",{pre:!0},[t._v("'labelValue'")]),t._v(". When not selected, the value is "),s("code",{pre:!0},[t._v("false")]),t._v("; Therefore, in circumstances of single checkbox, better not set "),s("code",{pre:!0},[t._v("label")]),t._v(".")]),t._v(" "),s("h3",[t._v("Props configuration")]),t._v(" "),s("table",[s("thead",[s("tr",[s("th",[t._v("Attribute")]),t._v(" "),s("th",[t._v("Description")]),t._v(" "),s("th",[t._v("Type")]),t._v(" "),s("th",[t._v("Accepted Values")]),t._v(" "),s("th",[t._v("Default")])])]),t._v(" "),s("tbody",[s("tr",[s("td",[t._v("disabled")]),t._v(" "),s("td",[t._v("whether disabled")]),t._v(" "),s("td",[t._v("Boolean")]),t._v(" "),s("td",[t._v("true/false")]),t._v(" "),s("td",[t._v("false")])]),t._v(" "),s("tr",[s("td",[t._v("position")]),t._v(" "),s("td",[t._v("position")]),t._v(" "),s("td",[t._v("String")]),t._v(" "),s("td",[t._v("left/right")]),t._v(" "),s("td",[t._v("left")])]),t._v(" "),s("tr",[s("td",[t._v("label")]),t._v(" "),s("td",[t._v("if selected, then map the value to v-model")]),t._v(" "),s("td",[t._v("Boolean/String")]),t._v(" "),s("td",[t._v("-")]),t._v(" "),s("td",[t._v("''")])])])]),t._v(" "),s("h3",[t._v("Events")]),t._v(" "),s("table",[s("thead",[s("tr",[s("th",[t._v("Event Name")]),t._v(" "),s("th",[t._v("Description")]),t._v(" "),s("th",[t._v("Parameters")])])]),t._v(" "),s("tbody",[s("tr",[s("td",[t._v("input")]),t._v(" "),s("td",[t._v("triggers when the selecting state changes")]),t._v(" "),s("td",[t._v("the value of label if setted or boolean value which represents whether selected")])])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/4.1fc06a66937847c33f07.js b/docs/js/4.1fc06a66937847c33f07.js deleted file mode 100644 index 265c86e57..000000000 --- a/docs/js/4.1fc06a66937847c33f07.js +++ /dev/null @@ -1 +0,0 @@ -webpackJsonp([4],{482:function(s,t,v){s.exports=v(571)},571:function(s,t,v){var _=v(11)(null,v(572),null,null,null);s.exports=_.exports},572:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement;s._self._c;return s._m(0)},staticRenderFns:[function(){var s=this,t=s.$createElement,v=s._self._c||t;return v("section",[v("h2",[s._v("TimePicker组件")]),s._v(" "),v("p",[v("code",{pre:!0},[s._v("TimePicker")]),s._v("组件提供了常用的日期选择功能。")]),s._v(" "),v("h3",[s._v("示例")]),s._v(" "),v("ul",[v("li",[v("p",[s._v("基本用法")]),s._v(" "),v("pre",{pre:!0},[v("code",{attrs:{"v-pre":"",class:"language-html"}},[v("span",{attrs:{class:"hljs-tag"}},[s._v("<"),v("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),v("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),v("span",{attrs:{class:"hljs-string"}},[s._v('"showTimePicker"')]),s._v(">")]),s._v("TimePicker"),v("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),v("pre",{pre:!0},[v("code",{attrs:{"v-pre":"",class:"language-js"}},[v("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),v("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),v("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showTimePicker () {\n "),v("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createTimePicker({\n "),v("span",{attrs:{class:"hljs-attr"}},[s._v("showNow")]),s._v(": "),v("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n "),v("span",{attrs:{class:"hljs-attr"}},[s._v("minuteStep")]),s._v(": "),v("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v(",\n "),v("span",{attrs:{class:"hljs-attr"}},[s._v("delay")]),s._v(": "),v("span",{attrs:{class:"hljs-number"}},[s._v("15")]),s._v("\n }).show()\n }\n }\n}\n")])]),s._v(" "),v("p",[v("code",{pre:!0},[s._v("showNow")]),s._v(" 用于控制是否显示“现在”时间，"),v("code",{pre:!0},[s._v("minuteStep")]),s._v(" 用于控制分钟的步长，"),v("code",{pre:!0},[s._v("delay")]),s._v(" 则表示的是当前时间向后推迟的时间，决定了最小可选时间。")])]),s._v(" "),v("li",[v("p",[s._v("日期选项配置")]),s._v(" "),v("pre",{pre:!0},[v("code",{attrs:{"v-pre":"",class:"language-html"}},[v("span",{attrs:{class:"hljs-tag"}},[s._v("<"),v("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),v("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),v("span",{attrs:{class:"hljs-string"}},[s._v('"showTimePicker"')]),s._v(">")]),s._v("TimePicker - day options"),v("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),v("pre",{pre:!0},[v("code",{attrs:{"v-pre":"",class:"language-js"}},[v("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),v("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),v("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showTimePicker () {\n "),v("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createTimePicker({\n "),v("span",{attrs:{class:"hljs-attr"}},[s._v("showNow")]),s._v(": "),v("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n "),v("span",{attrs:{class:"hljs-attr"}},[s._v("minuteStep")]),s._v(": "),v("span",{attrs:{class:"hljs-number"}},[s._v("10")]),s._v(",\n "),v("span",{attrs:{class:"hljs-attr"}},[s._v("delay")]),s._v(": "),v("span",{attrs:{class:"hljs-number"}},[s._v("10")]),s._v(",\n "),v("span",{attrs:{class:"hljs-attr"}},[s._v("day")]),s._v(": {\n "),v("span",{attrs:{class:"hljs-attr"}},[s._v("len")]),s._v(": "),v("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v(",\n "),v("span",{attrs:{class:"hljs-attr"}},[s._v("filter")]),s._v(": ["),v("span",{attrs:{class:"hljs-string"}},[s._v("'今天'")]),s._v(", "),v("span",{attrs:{class:"hljs-string"}},[s._v("'明天'")]),s._v("],\n "),v("span",{attrs:{class:"hljs-attr"}},[s._v("format")]),s._v(": "),v("span",{attrs:{class:"hljs-string"}},[s._v("'M月d日'")]),s._v("\n },\n onSelect(selectedTime, selectedText) {\n "),v("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log(selectedTime, selectedText)\n }\n }).show()\n }\n }\n}\n")])]),s._v(" "),v("p",[v("code",{pre:!0},[s._v("day")]),s._v("字段的"),v("code",{pre:!0},[s._v("len")]),s._v("属性可以设置第一列需要展示的日期长度；")]),s._v(" "),v("p",[v("code",{pre:!0},[s._v("filer")]),s._v("属性设置第一列日期展示的文案；")]),s._v(" "),v("p",[v("code",{pre:!0},[s._v("format")]),s._v("属性用以格式化日期显示的方式，当"),v("code",{pre:!0},[s._v("len")]),s._v("的数量大于"),v("code",{pre:!0},[s._v("filter")]),s._v("的数组长度时，会以"),v("code",{pre:!0},[s._v("M月d日")]),s._v("的格式显示文案。")])]),s._v(" "),v("li",[v("p",[s._v("手动设置时间")]),s._v(" "),v("pre",{pre:!0},[v("code",{attrs:{"v-pre":"",class:"language-html"}},[v("span",{attrs:{class:"hljs-tag"}},[s._v("<"),v("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),v("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),v("span",{attrs:{class:"hljs-string"}},[s._v('"showTimePicker"')]),s._v(">")]),s._v("TimePicker - setTime(next hour)"),v("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),v("pre",{pre:!0},[v("code",{attrs:{"v-pre":"",class:"language-js"}},[v("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),v("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),v("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n "),v("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" time = "),v("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),v("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("().valueOf() + "),v("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(" * "),v("span",{attrs:{class:"hljs-number"}},[s._v("60")]),s._v(" * "),v("span",{attrs:{class:"hljs-number"}},[s._v("60")]),s._v(" * "),v("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n showTimePicker () {\n "),v("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" timePicker = "),v("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createTimePicker({\n "),v("span",{attrs:{class:"hljs-attr"}},[s._v("showNow")]),s._v(": "),v("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n "),v("span",{attrs:{class:"hljs-attr"}},[s._v("minuteStep")]),s._v(": "),v("span",{attrs:{class:"hljs-number"}},[s._v("10")]),s._v(",\n "),v("span",{attrs:{class:"hljs-attr"}},[s._v("delay")]),s._v(": "),v("span",{attrs:{class:"hljs-number"}},[s._v("15")]),s._v(",\n "),v("span",{attrs:{class:"hljs-attr"}},[s._v("day")]),s._v(": {\n "),v("span",{attrs:{class:"hljs-attr"}},[s._v("len")]),s._v(": "),v("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v(",\n "),v("span",{attrs:{class:"hljs-attr"}},[s._v("filter")]),s._v(": ["),v("span",{attrs:{class:"hljs-string"}},[s._v("'今天'")]),s._v(", "),v("span",{attrs:{class:"hljs-string"}},[s._v("'明天'")]),s._v(", "),v("span",{attrs:{class:"hljs-string"}},[s._v("'后天'")]),s._v("],\n "),v("span",{attrs:{class:"hljs-attr"}},[s._v("format")]),s._v(": "),v("span",{attrs:{class:"hljs-string"}},[s._v("'M月d日'")]),s._v("\n }\n })\n\n timePicker.setTime(time)\n timePicker.show()\n }\n }\n}\n")])]),s._v(" "),v("p",[v("code",{pre:!0},[s._v("timePicker")]),s._v("实例向外暴露"),v("code",{pre:!0},[s._v("setTime")]),s._v("方法用以手动设置时间，时间格式为时间戳。当时间戳小于当前时间戳时，"),v("code",{pre:!0},[s._v("timePicker")]),s._v("实例会默认显示当前时间。")])])]),s._v(" "),v("h3",[s._v("Props 配置")]),s._v(" "),v("table",[v("thead",[v("tr",[v("th",[s._v("参数")]),s._v(" "),v("th",[s._v("说明")]),s._v(" "),v("th",[s._v("类型")]),s._v(" "),v("th",[s._v("默认值")])])]),s._v(" "),v("tbody",[v("tr",[v("td",[s._v("title")]),s._v(" "),v("td",[s._v("标题")]),s._v(" "),v("td",[s._v("String")]),s._v(" "),v("td",[s._v("'选择时间'")])]),s._v(" "),v("tr",[v("td",[s._v("delay")]),s._v(" "),v("td",[s._v("将当前时间向后推算的分钟数，决定了最小可选时间")]),s._v(" "),v("td",[s._v("Number")]),s._v(" "),v("td",[s._v("15")])]),s._v(" "),v("tr",[v("td",[s._v("day")]),s._v(" "),v("td",[s._v("日期配置")]),s._v(" "),v("td",[s._v("Object")]),s._v(" "),v("td",[s._v("{ len: 3, filter: ['今日'], format: 'M月d日' }")])]),s._v(" "),v("tr",[v("td",[s._v("showNow")]),s._v(" "),v("td",[s._v("是否显示当前时间")]),s._v(" "),v("td",[s._v("Boolean")]),s._v(" "),v("td",[s._v("true")])]),s._v(" "),v("tr",[v("td",[s._v("minuteStep")]),s._v(" "),v("td",[s._v("分钟数的步长")]),s._v(" "),v("td",[s._v("Number")]),s._v(" "),v("td",[s._v("10")])])])]),s._v(" "),v("ul",[v("li",[v("code",{pre:!0},[s._v("day")]),s._v("子配置项")])]),s._v(" "),v("table",[v("thead",[v("tr",[v("th",[s._v("参数")]),s._v(" "),v("th",[s._v("说明")]),s._v(" "),v("th",[s._v("类型")]),s._v(" "),v("th",[s._v("默认值")])])]),s._v(" "),v("tbody",[v("tr",[v("td",[s._v("len")]),s._v(" "),v("td",[s._v("日期列，从当前时间算起，往后推len天")]),s._v(" "),v("td",[s._v("Number")]),s._v(" "),v("td",[s._v("3")])]),s._v(" "),v("tr",[v("td",[s._v("filter")]),s._v(" "),v("td",[s._v("日期列，将时间映射为filter中的文案内容")]),s._v(" "),v("td",[s._v("Array")]),s._v(" "),v("td",[s._v("['今日']")])]),s._v(" "),v("tr",[v("td",[s._v("format")]),s._v(" "),v("td",[s._v("时间格式化")]),s._v(" "),v("td",[s._v("String")]),s._v(" "),v("td",[s._v("'M月d日'")])])])]),s._v(" "),v("h3",[s._v("事件")]),s._v(" "),v("table",[v("thead",[v("tr",[v("th",[s._v("事件名")]),s._v(" "),v("th",[s._v("说明")]),s._v(" "),v("th",[s._v("参数1")]),s._v(" "),v("th",[s._v("参数2")])])]),s._v(" "),v("tbody",[v("tr",[v("td",[s._v("select")]),s._v(" "),v("td",[s._v("点击确认按钮触发此事件")]),s._v(" "),v("td",[s._v("selectedTime: 当前选中的timestamp")]),s._v(" "),v("td",[s._v("selectText: 当前选中的时间文案")])]),s._v(" "),v("tr",[v("td",[s._v("change")]),s._v(" "),v("td",[s._v("滑动改变time-picker滚轴时触发此事件")]),s._v(" "),v("td",[s._v("selectedTime: 当前选中的timestamp")]),s._v(" "),v("td",[s._v("selectText: 当前选中的时间文案")])]),s._v(" "),v("tr",[v("td",[s._v("cancel")]),s._v(" "),v("td",[s._v("点击取消按钮触发此事件")]),s._v(" "),v("td",[s._v("-")]),s._v(" "),v("td",[s._v("-")])])])]),s._v(" "),v("h3",[s._v("实例方法")]),s._v(" "),v("table",[v("thead",[v("tr",[v("th",[s._v("方法名")]),s._v(" "),v("th",[s._v("说明")]),s._v(" "),v("th",[s._v("参数")])])]),s._v(" "),v("tbody",[v("tr",[v("td",[s._v("setTime")]),s._v(" "),v("td",[s._v("手动设置time-picker组件显示的时间，数据格式为时间戳")]),s._v(" "),v("td",[s._v("时间戳")])])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/4.415f17002e53bbea6722.js b/docs/js/4.415f17002e53bbea6722.js new file mode 100644 index 000000000..d61d4bbbd --- /dev/null +++ b/docs/js/4.415f17002e53bbea6722.js @@ -0,0 +1 @@ +webpackJsonp([4],{"1dH2":function(s,t,a){s.exports=a("wDjb")},"6QKF":function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Toolbar"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Toolbar-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Toolbar")]),s._v(" "),s._m(0),s._v(" "),a("p",[s._v("工具栏，可以组合多个按钮，复选框操作为一个工具栏。")]),s._v(" "),a("h3",{attrs:{id:"示例"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 示例")]),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"Props配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props 配置")]),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),a("h3",{attrs:{id:"事件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-事件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 事件")]),s._v(" "),s._m(5)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("1.9.0 新增")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("基础使用")]),s._v(" "),a("p",[s._v("将每个操作的类型和文本传入 "),a("code",{pre:!0},[s._v("actions")]),s._v(" 属性。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-toolbar")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":actions")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"actions"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"clickHandler"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("money")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("10")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("actions")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'完成订单'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'showText'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'打车来接'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("checked")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'checkbox'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'一口价10元'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'moreMoney'")]),s._v("\n }\n ]\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showText(item) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'clicked '")]),s._v(" + item.text,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n },\n moreMoney(item) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".money += "),a("span",{attrs:{class:"hljs-number"}},[s._v("10")]),s._v("\n item.text = "),a("span",{attrs:{class:"hljs-string"}},[s._v("'一口价'")]),s._v(" + "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".money + "),a("span",{attrs:{class:"hljs-string"}},[s._v("'元'")]),s._v("\n },\n clickHandler(item) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (item.action) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v("[item.action](item)\n }\n }\n }\n}\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-stylus"}},[a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".orange")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("#fc9153")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("更多操作")]),s._v(" "),a("p",[s._v("你还可以通过 "),a("code",{pre:!0},[s._v("moreActions")]),s._v(" 属性传入更多操作，就会把工具栏扩展成可展开收起的双层工具栏。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-toolbar")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":actions")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"actions"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":more-actions")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"moreActions"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"clickHandler"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("money")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("10")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("actions")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'完成订单'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'showText'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'打车来接'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("checked")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'checkbox'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'一口价10元'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'moreMoney'")]),s._v("\n }\n ],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("moreActions")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'操作a'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'showText'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'操作b'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'showText'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'操作c'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-right'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'showText'")]),s._v("\n }\n ]\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showText(item) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'clicked '")]),s._v(" + item.text,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n },\n moreMoney(item) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".money += "),a("span",{attrs:{class:"hljs-number"}},[s._v("10")]),s._v("\n item.text = "),a("span",{attrs:{class:"hljs-string"}},[s._v("'一口价'")]),s._v(" + "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".money + "),a("span",{attrs:{class:"hljs-string"}},[s._v("'元'")]),s._v("\n },\n clickHandler(item) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (item.action) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v("[item.action](item)\n }\n }\n }\n}\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-stylus"}},[a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".orange")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("#fc9153")]),s._v("\n")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("默认值")]),s._v(" "),a("th",[s._v("示例")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("actions")]),s._v(" "),a("td",[s._v("定义一组操作")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("[]")]),s._v(" "),a("td",[s._v("[ {text: '完成订单' } ]")])]),s._v(" "),a("tr",[a("td",[s._v("moreActions")]),s._v(" "),a("td",[s._v("定义更多的一组操作")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("[]")]),s._v(" "),a("td",[s._v("[ {text: '完成订单' } ]")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("actions")]),s._v(" 子配置项")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("可选值")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("type")]),s._v(" "),a("td",[s._v("类型，包括 button 和 checkbox")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("button/checkbox")]),s._v(" "),a("td",[s._v("button")])]),s._v(" "),a("tr",[a("td",[s._v("text")]),s._v(" "),a("td",[s._v("文案，支持写入 html")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("''")])]),s._v(" "),a("tr",[a("td",[s._v("checked")]),s._v(" "),a("td",[s._v("当为 checkbox 类型时，checkbox的初始状态")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("事件名")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("参数")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("click")]),s._v(" "),a("td",[s._v("点击某一项触发")]),s._v(" "),a("td",[s._v("该项 item 的值")])]),s._v(" "),a("tr",[a("td",[s._v("more-click")]),s._v(" "),a("td",[s._v("当有更多操作时，点击更多按钮时触发")]),s._v(" "),a("td",[s._v("更多操作是否是显示状态")])])])])}]}},wDjb:function(s,t,a){var n=a("VU/8")(null,a("6QKF"),null,null,null);s.exports=n.exports}}); \ No newline at end of file diff --git a/docs/js/40.32a30bcb8a65cd491666.js b/docs/js/40.32a30bcb8a65cd491666.js deleted file mode 100644 index 3154e8790..000000000 --- a/docs/js/40.32a30bcb8a65cd491666.js +++ /dev/null @@ -1 +0,0 @@ -webpackJsonp([40],{446:function(s,a,t){s.exports=t(499)},499:function(s,a,t){var l=t(11)(null,t(500),null,null,null);s.exports=l.exports},500:function(s,a){s.exports={render:function(){var s=this,a=s.$createElement;s._self._c;return s._m(0)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[t("h2",[s._v("CheckboxGroup")]),s._v(" "),t("p",[t("code",{pre:!0},[s._v("CheckboxGroup")]),s._v(" is a group of checkboxs, which is used to select a group of options. It has vertical and horizontal styles.")]),s._v(" "),t("h3",[s._v("Example")]),s._v(" "),t("ul",[t("li",[s._v("Vertical order")])]),s._v(" "),t("p",[s._v("Default is vertical order style.")]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-html"}},[t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox-group")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"checkList"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"1"')]),s._v(">")]),s._v("\n Checkbox 1\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"2"')]),s._v(">")]),s._v("\n Checkbox 2\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"3"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":disabled")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v(">")]),s._v("\n Disabled Checkbox\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"4"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":disabled")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v(">")]),s._v("\n Disabled & Checked Checkbox\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),t("p",[s._v("The value of "),t("code",{pre:!0},[s._v("checkList")]),s._v(" is an array, which represents the set of the values of "),t("code",{pre:!0},[s._v("label")]),s._v(" in selected checkboxs.")]),s._v(" "),t("ul",[t("li",[s._v("Horizontal order")])]),s._v(" "),t("p",[s._v("You can set "),t("code",{pre:!0},[s._v("horizontal")]),s._v(" to change the style to horizontal order.")]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-html"}},[t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox-group")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"checkList"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":horizontal")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"1"')]),s._v(">")]),s._v("1"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"2"')]),s._v(">")]),s._v("2"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"3"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":disabled")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v(">")]),s._v("3"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"4"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":disabled")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v(">")]),s._v("4"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),t("h3",[s._v("Props configuration")]),s._v(" "),t("table",[t("thead",[t("tr",[t("th",[s._v("Attribute")]),s._v(" "),t("th",[s._v("Description")]),s._v(" "),t("th",[s._v("Type")]),s._v(" "),t("th",[s._v("Accepted Values")]),s._v(" "),t("th",[s._v("Default")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("horizontal")]),s._v(" "),t("td",[s._v("whether in horizontal order")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td",[s._v("true/false")]),s._v(" "),t("td",[s._v("false")])])])]),s._v(" "),t("h3",[s._v("Events")]),s._v(" "),t("table",[t("thead",[t("tr",[t("th",[s._v("Event Name")]),s._v(" "),t("th",[s._v("Description")]),s._v(" "),t("th",[s._v("Parameters")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("input")]),s._v(" "),t("td",[s._v("triggers when the selecting state in the group changes")]),s._v(" "),t("td",[s._v("the set of values of selected checkboxs, which type is Array")])])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/40.f05ffea62d536efd6538.js b/docs/js/40.f05ffea62d536efd6538.js new file mode 100644 index 000000000..dfe239995 --- /dev/null +++ b/docs/js/40.f05ffea62d536efd6538.js @@ -0,0 +1 @@ +webpackJsonp([40],{"JE+5":function(s,t,a){var v=a("VU/8")(null,a("lfEy"),null,null,null);s.exports=v.exports},Ye5R:function(s,t,a){s.exports=a("JE+5")},lfEy:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Checker"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Checker-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Checker")]),s._v(" "),a("p",[s._v("Checker 是更加灵活的选择组件，可以自定义需要的布局样式。")]),s._v(" "),a("h3",{attrs:{id:"示例"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 示例")]),s._v(" "),s._m(0),s._v(" "),a("h3",{attrs:{id:"Props配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props 配置")]),s._v(" "),s._m(1),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),a("h3",{attrs:{id:"CubeCheckerItemProps配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-CubeCheckerItemProps配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CubeCheckerItem Props 配置")]),s._v(" "),s._m(4),s._v(" "),s._m(5),s._v(" "),s._m(6)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("默认")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checker")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checkerValue"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"options"')]),s._v(" />")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("checkerValue")]),s._v(": [],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'red'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'yellow'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'blue'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("4")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'green'")]),s._v("\n }\n ]\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("如果选中了，则 "),a("code",{pre:!0},[s._v("checkerValue")]),s._v(" 的值就为 "),a("code",{pre:!0},[s._v("value")]),s._v("。")]),s._v(" "),a("p",[s._v("设置 "),a("code",{pre:!0},[s._v("option")]),s._v("，当选中某一项的时候，"),a("code",{pre:!0},[s._v("checkerValue")]),s._v(" 的值就是 "),a("code",{pre:!0},[s._v("'optionValue'")]),s._v("，当未选中的时候，"),a("code",{pre:!0},[s._v("checkerValue")]),s._v(" 的值就是 "),a("code",{pre:!0},[s._v("''")]),s._v("。")])]),s._v(" "),a("li",[a("p",[s._v("单选")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checker")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checkerValue"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"options"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"radio"')]),s._v(" />")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("checkerValue")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'AAAAA'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'BBBBB'")]),s._v("\n }\n ]\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("可通过设置 "),a("code",{pre:!0},[s._v("type")]),s._v(" ，若为 "),a("code",{pre:!0},[s._v("'radio'")]),s._v(" 则是单选，若为 "),a("code",{pre:!0},[s._v("'checkbox'")]),s._v(" 则是多选。")])]),s._v(" "),a("li",[a("p",[s._v("自定义结构")]),s._v(" "),a("p",[s._v("可通过默认插槽插入 CubeCheckerItem 实现自定义每项的结构。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checker")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checkerList"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"options"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"radio"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checker-item")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item in options"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item.value"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":option")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"orange"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("i")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"cubeic-alert"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("{{item.text}}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("checkerList")]),s._v(": [],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'AAAAA'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'BBBBB'")]),s._v("\n }\n ]\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("个数限制")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("max")]),s._v(" 设置最多可选个数，多选时可用。")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("min")]),s._v(" 设置最少可选个数，多选时可用。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checker")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checkerList"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"options"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":min")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"1"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":max")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"2"')]),s._v("/>")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("checkerList")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("option")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'red'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'yellow'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'blue'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("4")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'green'")]),s._v("\n }\n ]\n }\n }\n}\n")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("可选值")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("options")]),s._v(" "),a("td",[s._v("配置项集合")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("type")]),s._v(" "),a("td",[s._v("选项类型")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("checkbox/radio")]),s._v(" "),a("td",[s._v("checkbox")])]),s._v(" "),a("tr",[a("td",[s._v("min")]),s._v(" "),a("td",[s._v("最少可选个数")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("0")])]),s._v(" "),a("tr",[a("td",[s._v("max")]),s._v(" "),a("td",[s._v("最多可选个数")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("options 的长度")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[s._v("options 子配置项")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("value")]),s._v(" "),a("td",[s._v("选项的值")]),s._v(" "),a("td",[s._v("String/Number")])]),s._v(" "),a("tr",[a("td",[s._v("text")]),s._v(" "),a("td",[s._v("选项的文本")]),s._v(" "),a("td",[s._v("String")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("可选值")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("option")]),s._v(" "),a("td",[s._v("单个配置项")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[s._v("option 子配置项")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("value")]),s._v(" "),a("td",[s._v("选项的值")]),s._v(" "),a("td",[s._v("String/Number")])]),s._v(" "),a("tr",[a("td",[s._v("text")]),s._v(" "),a("td",[s._v("选项的文本")]),s._v(" "),a("td",[s._v("String")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/41.07e7e6b3eadc9dc45622.js b/docs/js/41.07e7e6b3eadc9dc45622.js deleted file mode 100644 index fe44425c1..000000000 --- a/docs/js/41.07e7e6b3eadc9dc45622.js +++ /dev/null @@ -1 +0,0 @@ -webpackJsonp([41],{445:function(t,s,a){t.exports=a(497)},497:function(t,s,a){var v=a(11)(null,a(498),null,null,null);t.exports=v.exports},498:function(t,s){t.exports={render:function(){var t=this,s=t.$createElement;t._self._c;return t._m(0)},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("section",[a("h2",[t._v("Button")]),t._v(" "),a("p",[a("code",{pre:!0},[t._v("Button")]),t._v(" provides various types, styles, states and icons.")]),t._v(" "),a("h3",[t._v("Example")]),t._v(" "),a("ul",[a("li",[t._v("Button type")])]),t._v(" "),a("p",[t._v("The default type is "),a("code",{pre:!0},[t._v("button")]),t._v(", and you can set that to "),a("code",{pre:!0},[t._v("submit")]),t._v(" in form.")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(">")]),t._v("Button"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"submit"')]),t._v(">")]),t._v("Submit Button"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("ul",[a("li",[t._v("Button state")])]),t._v(" "),a("p",[t._v("Default is normal, can be set to active or disabled state.")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":active")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"true"')]),t._v(">")]),t._v("Active Button"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":disabled")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"true"')]),t._v(">")]),t._v("Disabled Button"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("ul",[a("li",[t._v("Icon")])]),t._v(" "),a("p",[t._v("You can set the class of "),a("code",{pre:!0},[t._v("icon")]),t._v(".")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("icon")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"cubeic-right"')]),t._v(">")]),t._v("Button With Icon"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("ul",[a("li",[t._v("Style")])]),t._v(" "),a("p",[t._v("You can set attributes like "),a("code",{pre:!0},[t._v("light")]),t._v(", "),a("code",{pre:!0},[t._v("inline")]),t._v(", "),a("code",{pre:!0},[t._v("outline")]),t._v(", and "),a("code",{pre:!0},[t._v("primary")]),t._v(" to change the button's style.")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":light")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"true"')]),t._v(">")]),t._v("Light Button"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":inline")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"true"')]),t._v(">")]),t._v("Inline Button"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":outline")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"true"')]),t._v(">")]),t._v("Outline Button"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":primary")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"true"')]),t._v(">")]),t._v("Primary Button"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("h3",[t._v("Props configuration")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Attribute")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Accepted Values")]),t._v(" "),a("th",[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("type")]),t._v(" "),a("td",[t._v("Button type")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("button/submit")]),t._v(" "),a("td",[t._v("button")])]),t._v(" "),a("tr",[a("td",[t._v("active")]),t._v(" "),a("td",[t._v("active state")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("disabled")]),t._v(" "),a("td",[t._v("disabled state")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("icon")]),t._v(" "),a("td",[t._v("Icon")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("the class of icon")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("light")]),t._v(" "),a("td",[t._v("light style")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("inline")]),t._v(" "),a("td",[t._v("whether inline")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("outline")]),t._v(" "),a("td",[t._v("outline style")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("primary")]),t._v(" "),a("td",[t._v("primary style")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])])])]),t._v(" "),a("h3",[t._v("Events")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Event Name")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Parameters")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("click")]),t._v(" "),a("td",[t._v("triggers when the button is clicked. If in disabled state, then it won't trigger")]),t._v(" "),a("td",[t._v("e - event target")])])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/41.5a5ed7f16802b5de86f6.js b/docs/js/41.5a5ed7f16802b5de86f6.js new file mode 100644 index 000000000..69d84f0a2 --- /dev/null +++ b/docs/js/41.5a5ed7f16802b5de86f6.js @@ -0,0 +1 @@ +webpackJsonp([41],{"3n+F":function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Checkbox复选框"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Checkbox复选框-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Checkbox 复选框")]),s._v(" "),a("p",[s._v("复选框，可设置其状态、传入特殊 class 以及复选框图标位置。")]),s._v(" "),a("h3",{attrs:{id:"示例"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 示例")]),s._v(" "),s._m(0),s._v(" "),a("h3",{attrs:{id:"Props配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props 配置")]),s._v(" "),s._m(1),s._v(" "),s._m(2),s._v(" "),s._m(3)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("基本用法")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checked"')]),s._v(">")]),s._v("\n Checkbox\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("p",[s._v("如果选中了，则 "),a("code",{pre:!0},[s._v("checked")]),s._v(" 的值就为 "),a("code",{pre:!0},[s._v("true")]),s._v("。")])]),s._v(" "),a("li",[a("p",[s._v("复选框图标样式")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checked"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("position")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"right"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("shape")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"square"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":hollow-style")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v(">")]),s._v("\n Styled Checkbox\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("p",[s._v("设置 "),a("code",{pre:!0},[s._v("position")]),s._v(" 为 "),a("code",{pre:!0},[s._v("'right'")]),s._v(" 则复选框图标位置在右边，且可以通过 "),a("code",{pre:!0},[s._v("shape")]),s._v(" 配置图标形状以及设置 "),a("code",{pre:!0},[s._v("hollow-style")]),s._v(" 为 "),a("code",{pre:!0},[s._v("true")]),s._v(" 代表显示的是镂空样式的（即使 "),a("code",{pre:!0},[s._v("shape")]),s._v(" 不是 "),a("code",{pre:!0},[s._v("square")]),s._v(" 表现的也是方形的）。")])]),s._v(" "),a("li",[a("p",[s._v("改变 model 的值")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checked"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":option")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"option"')]),s._v(" />")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("checked")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("option")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Option Checkbox'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'optionValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("disabled")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v("\n }\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("设置 "),a("code",{pre:!0},[s._v("option")]),s._v("，当复选框选中的时候，"),a("code",{pre:!0},[s._v("checked")]),s._v(" 的值就是 "),a("code",{pre:!0},[s._v("'optionValue'")]),s._v("，当未选中的时候，"),a("code",{pre:!0},[s._v("checked")]),s._v(" 的值就是 "),a("code",{pre:!0},[s._v("false")]),s._v("；所以其实在单个复选框的场景下，最好不要设置 "),a("code",{pre:!0},[s._v("option")]),s._v("。")])]),s._v(" "),a("li",[a("p",[s._v("禁用状态")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checked"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":option")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"{disabled: true}"')]),s._v(">")]),s._v("\n Disabled Checkbox\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("处理点击事件")]),s._v(" "),a("p",[s._v("如果你需要处理点击事件，你需要修改下样式：")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"with-click"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checked"')]),s._v(">")]),s._v("\n Agree "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("a")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("href")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"javascript:;"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click.stop")]),s._v(">")]),s._v("《xxx》"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-styl"}},[a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".with-click")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-checkbox-label")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("a")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("position")]),s._v(": relative\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("z-index")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("\n")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("可选值")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("option")]),s._v(" "),a("td",[s._v("配置项")]),s._v(" "),a("td",[s._v("Boolean/String/Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("position")]),s._v(" "),a("td",[s._v("位置")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("left/right")]),s._v(" "),a("td",[s._v("left")])]),s._v(" "),a("tr",[a("td",[s._v("shape")]),s._v(" "),a("td",[s._v("图标形状")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("circle/square")]),s._v(" "),a("td",[s._v("circle")])]),s._v(" "),a("tr",[a("td",[s._v("hollowStyle")]),s._v(" "),a("td",[s._v("是否是镂空样式的")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("option")]),s._v(" 子配置项")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("label")]),s._v(" "),a("td",[s._v("复选框显示文字")]),s._v(" "),a("td",[s._v("String")])]),s._v(" "),a("tr",[a("td",[s._v("value")]),s._v(" "),a("td",[s._v("复选框的值")]),s._v(" "),a("td",[s._v("String/Number")])]),s._v(" "),a("tr",[a("td",[s._v("disabled")]),s._v(" "),a("td",[s._v("复选框是否被禁用")]),s._v(" "),a("td",[s._v("Boolean")])])])])}]}},mCyT:function(s,t,a){var v=a("VU/8")(null,a("3n+F"),null,null,null);s.exports=v.exports},n3PG:function(s,t,a){s.exports=a("mCyT")}}); \ No newline at end of file diff --git a/docs/js/42.afcf98f1e90c578485ec.js b/docs/js/42.afcf98f1e90c578485ec.js deleted file mode 100644 index e28947a2f..000000000 --- a/docs/js/42.afcf98f1e90c578485ec.js +++ /dev/null @@ -1 +0,0 @@ -webpackJsonp([42],{444:function(t,e,r){t.exports=r(495)},495:function(t,e,r){var l=r(11)(null,r(496),null,null,null);t.exports=l.exports},496:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;t._self._c;return t._m(0)},staticRenderFns:[function(){var t=this,e=t.$createElement,r=t._self._c||e;return r("section",[r("h2",[t._v("better-scroll module")]),t._v(" "),r("p",[t._v("This module exports a default function called "),r("code",{pre:!0},[t._v("BScroll")]),t._v(", for more information about better-scroll, please refer to "),r("a",{attrs:{href:"https://github.com/ustbhuangyi/better-scroll"}},[t._v("better-scroll lib")]),t._v(".")]),t._v(" "),r("h3",[t._v("Links")]),t._v(" "),r("p",[t._v("About better-scroll:")]),t._v(" "),r("ul",[r("li",[r("p",[r("a",{attrs:{href:"https://ustbhuangyi.github.io/better-scroll/#/"}},[t._v("Home")])])]),t._v(" "),r("li",[r("p",[r("a",{attrs:{href:"https://ustbhuangyi.github.io/better-scroll/#/examples/en"}},[t._v("Example")])])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/42.b4c2c9365299f74076f4.js b/docs/js/42.b4c2c9365299f74076f4.js new file mode 100644 index 000000000..97bc0f146 --- /dev/null +++ b/docs/js/42.b4c2c9365299f74076f4.js @@ -0,0 +1 @@ +webpackJsonp([42],{"8Xh4":function(s,t,a){var v=a("VU/8")(null,a("rh6L"),null,null,null);s.exports=v.exports},NVJK:function(s,t,a){s.exports=a("8Xh4")},rh6L:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"CheckboxGroup复选框组"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-CheckboxGroup复选框组-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CheckboxGroup 复选框组")]),s._v(" "),a("p",[s._v("复选框组就是一组复选框，主要用来选择一组可选项；有垂直和水平两种样式。")]),s._v(" "),a("h3",{attrs:{id:"示例"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 示例")]),s._v(" "),s._m(0),s._v(" "),a("h3",{attrs:{id:"Props配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props 配置")]),s._v(" "),s._m(1),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),s._m(4)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("垂直排列")]),s._v(" "),a("p",[s._v("默认就是垂直排列样式")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox-group")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checkList"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"options"')]),s._v(" />")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("checkList")]),s._v(": ["),a("span",{attrs:{class:"hljs-string"}},[s._v("'1'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'4'")]),s._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": [\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'1'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'2'")]),s._v(",\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'3'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'3'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("disabled")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'4'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'4'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("disabled")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n ]\n }\n }\n}\n")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("checkList")]),s._v(" 的值是一个数组，代表的是选中的复选框 "),a("code",{pre:!0},[s._v("value")]),s._v(" 的值的集合。")])]),s._v(" "),a("li",[a("p",[s._v("水平排列、图标形状、镂空样式")]),s._v(" "),a("p",[s._v("可通过设置 "),a("code",{pre:!0},[s._v("horizontal")]),s._v(" 改变样式为水平排列，另外，还可以通过 "),a("code",{pre:!0},[s._v("shape")]),s._v(" 配置图标形状以及通过设置 "),a("code",{pre:!0},[s._v("hollow-style")]),s._v(" 为 "),a("code",{pre:!0},[s._v("true")]),s._v(" 改变为镂空样式。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox-group")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checkList"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"options"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":horizontal")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("shape")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"square"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":hollow-style")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v(" />")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("自定义 label")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox-group")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checkList"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("option")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"1"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("i")]),s._v(">")]),s._v("Checkbox 1"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("option")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"2"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("i")]),s._v(">")]),s._v("Checkbox 2"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":option")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"{value: '3', disabled: true}\"")]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("i")]),s._v(">")]),s._v("Disabled Checkbox"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":option")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"{value: '4', disabled: true}\"")]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("i")]),s._v(">")]),s._v("Disabled & Checked Checkbox"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("p",[s._v("可通过默认插槽插入 "),a("code",{pre:!0},[s._v("cube-checkbox")]),s._v(" 实现自定义每项的结构样子，关于 "),a("code",{pre:!0},[s._v("cube-checkbox")]),s._v("，请参考其"),a("a",{attrs:{href:"#/zh-CN/docs/checkbox"}},[s._v("文档")]),s._v("。")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("可选值")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("options")]),s._v(" "),a("td",[s._v("选项数组")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("horizontal")]),s._v(" "),a("td",[s._v("是否水平排列")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("shape")]),s._v(" "),a("td",[s._v("图标形状")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("circle/square")]),s._v(" "),a("td",[s._v("circle")])]),s._v(" "),a("tr",[a("td",[s._v("hollowStyle")]),s._v(" "),a("td",[s._v("是否是镂空样式的")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("min"),a("sup",[s._v("1.11.0")])]),s._v(" "),a("td",[s._v("最小选择个数")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("0")])]),s._v(" "),a("tr",[a("td",[s._v("max"),a("sup",[s._v("1.11.0")])]),s._v(" "),a("td",[s._v("最大选择个数")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("Infinite")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("options")]),s._v(" 子配置项")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("label")]),s._v(" "),a("td",[s._v("复选框显示文字")]),s._v(" "),a("td",[s._v("String")])]),s._v(" "),a("tr",[a("td",[s._v("value")]),s._v(" "),a("td",[s._v("复选框的值")]),s._v(" "),a("td",[s._v("String/Number")])]),s._v(" "),a("tr",[a("td",[s._v("disabled")]),s._v(" "),a("td",[s._v("复选框是否被禁用")]),s._v(" "),a("td",[s._v("Boolean")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("注：如果 "),a("code",{pre:!0},[s._v("options")]),s._v(" 中的项为字符串也是可以的，此时默认 "),a("code",{pre:!0},[s._v("label")]),s._v(" 和 "),a("code",{pre:!0},[s._v("value")]),s._v(" 的值都为该字符串的值。")])}]}}}); \ No newline at end of file diff --git a/docs/js/43.b7e8d864e0b917164d7a.js b/docs/js/43.b7e8d864e0b917164d7a.js new file mode 100644 index 000000000..c446e96e0 --- /dev/null +++ b/docs/js/43.b7e8d864e0b917164d7a.js @@ -0,0 +1 @@ +webpackJsonp([43],{kh0H:function(s,t,a){s.exports=a("o77T")},o77T:function(s,t,a){var v=a("VU/8")(null,a("wQM9"),null,null,null);s.exports=v.exports},wQM9:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"CascadePicker组件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-CascadePicker组件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CascadePicker组件")]),s._v(" "),s._m(0),s._v(" "),s._m(1),s._v(" "),s._m(2),s._v(" "),a("h3",{attrs:{id:"示例"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 示例")]),s._v(" "),s._m(3),s._v(" "),a("h3",{attrs:{id:"Props配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props 配置")]),s._v(" "),s._m(4),s._v(" "),s._m(5),s._v(" "),s._m(6),s._v(" "),a("h3",{attrs:{id:"事件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-事件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 事件")]),s._v(" "),s._m(7),s._v(" "),a("h3",{attrs:{id:"实例方法"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-实例方法-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 实例方法")]),s._v(" "),s._m(8)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("1.2.0 新增")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("code",{pre:!0},[s._v("CascadePicker")]),s._v("组件是级联选择器，用于实现多列选择之间的级联变化。比如，在选择省市区时，当省切换到了江苏省，城市列应该变成江苏省的各个城市，同理，如果城市切换到苏州市，区列的选项也应变成苏州市的各个区，这就级联的意义。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("strong",[s._v("注：")]),s._v(" 由于此组件基于 create-api 实现，所以在使用之前，请确保自己了解过 "),a("a",{attrs:{href:"#/zh-CN/docs/create-api"}},[s._v("create-api")]),s._v("。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("基本用法")]),s._v(" "),a("p",[s._v("相比普通选择器，级联选择器需要传入的数据结构是不一样的。普通选择器的数据结构是一个二维数组，每一列对应一个固定的数组，而级联选择器，则需要传入的是一个树形结构，第一列数组的每个选项的children属性，对应着切换到该选项时后续列的数据，从而实现对后续列的改变。如下所示：")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showCascadePicker"')]),s._v(">")]),s._v("Cascade Picker"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" cascadeData = [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Fruit'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Fruit'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("children")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Apple'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Apple'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("children")]),s._v(": [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'One'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Two'")]),s._v(" }]\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Orange'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Orange'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("children")]),s._v(": [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Three'")]),s._v("}, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("4")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Four'")]),s._v(" }]\n }\n ]\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Drink'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Drink'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("children")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Coffee'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Coffee'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("children")]),s._v(": [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'One'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Two'")]),s._v(" }]\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Tea'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Tea'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("children")]),s._v(": [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'One'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Three'")]),s._v("}]\n }\n ]\n }\n]\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n mounted () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cascadePicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createCascadePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Cascade Picker'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": cascadeData,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selectedIndex")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandle\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showCascadePicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cascadePicker.show()\n },\n selectHandle(selectedVal, selectedIndex, selectedText) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Selected Item:
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("' '")]),s._v(")}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n cancelHandle() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("当第一列选中"),a("code",{pre:!0},[s._v("Fruit")]),s._v("时，第二列的选项是"),a("code",{pre:!0},[s._v("Apple")]),s._v("、"),a("code",{pre:!0},[s._v("Orange")]),s._v("。以此类推，当第二列选中"),a("code",{pre:!0},[s._v("Orange")]),s._v("时，第三列的选项是"),a("code",{pre:!0},[s._v("Three")]),s._v("、"),a("code",{pre:!0},[s._v("Four")]),s._v("。")])]),s._v(" "),a("li",[a("p",[s._v("地址选择器")]),s._v(" "),a("p",[s._v("对于地址选择器，只需要构造出级联选择器的数据结构传入就可以了。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showAddressPicker"')]),s._v(">")]),s._v("Address Picker"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" { provinceList, cityList, areaList } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'example/data/area'")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" addressData = provinceList\naddressData.forEach("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("province")]),s._v(" =>")]),s._v(" {\n province.children = cityList[province.value]\n province.children.forEach("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("city")]),s._v(" =>")]),s._v(" {\n city.children = areaList[city.value]\n })\n})\n\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n mounted () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".addressPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createCascadePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'City Picker'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": addressData,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandle\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showAddressPicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".addressPicker.show()\n },\n selectHandle(selectedVal, selectedIndex, selectedText) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Selected Item:
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("' '")]),s._v(")}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n cancelHandle() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("实例方法 "),a("code",{pre:!0},[s._v("setData")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("setData")]),s._v("方法，用于重置"),a("code",{pre:!0},[s._v("CascadePicker")]),s._v("实例的数据和选中的索引。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showSetDataPicker"')]),s._v(">")]),s._v("SetData Picker"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n mounted () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".setDataPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createCascadePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Set Data'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandle\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showSetDataPicker() {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// setData when the picker is invisible.")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".setDataPicker.setData(cascadeData)\n\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".setDataPicker.show()\n setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// setData when the picker is visible.")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".setDataPicker.setData(addressData, ["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("])\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n },\n selectHandle(selectedVal, selectedIndex, selectedText) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Selected Item:
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("' '")]),s._v(")}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n cancelHandle() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("异步加载数据")]),s._v(" "),a("p",[s._v("当数据量太大时，可能难以在最开始就生成完整的级联数据树。这时，你可以配置 "),a("code",{pre:!0},[s._v("async")]),s._v(" 属性开启异步加载级联数据，在 "),a("code",{pre:!0},[s._v("change")]),s._v(" 事件时，去更新数据，并且在你更新完数据之前，用户点击确认会是无效的。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showAsyncPicker"')]),s._v(">")]),s._v("Async Load Data"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" { provinceList, cityList, areaList } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'example/data/area'")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" asyncData = provinceList\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" asyncSelectedIndex = ["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("]\nasyncData["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("].children = cityList[asyncData["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("].value]\nasyncData["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("].children["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("].children = areaList[asyncData["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("].children["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("].value]\n\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n mounted () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".asyncPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createCascadePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Async Load Data'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("async")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": asyncData,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selectedIndex")]),s._v(": asyncSelectedIndex.slice(),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onChange")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".asyncChangeHandle\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showAsyncPicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".asyncPicker.show()\n },\n asyncChangeHandle(i, newIndex) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (newIndex !== asyncSelectedIndex[i]) {\n asyncSelectedIndex[i] = newIndex\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// If the first two column is changed, request the data for rest columns.")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (i < "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(") {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// Mock async load.")]),s._v("\n setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (i === "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(") {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" current = asyncData[newIndex]\n current.children = current.children || cityList[current.value]\n current.children["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("].children = current.children["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("].children || areaList[current.children["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("].value]\n asyncSelectedIndex["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("] = "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n asyncSelectedIndex["),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v("] = "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n }\n\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (i === "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(") {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" current = asyncData[asyncSelectedIndex["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("]].children[newIndex]\n current.children = current.children || areaList[current.value]\n asyncSelectedIndex["),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v("] = "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n }\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".asyncPicker.setData(asyncData, asyncSelectedIndex)\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("500")]),s._v(")\n }\n }\n },\n selectHandle(selectedVal, selectedIndex, selectedText) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Selected Item:
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("' '")]),s._v(")}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n cancelHandle() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n }\n}\n")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("默认值")]),s._v(" "),a("th",[s._v("示例")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("data")]),s._v(" "),a("td",[s._v("级联选择器的树形数据，用于初始化选项")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("[]")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("selectedIndex")]),s._v(" "),a("td",[s._v("被选中的索引值，拉起选择器后显示这个索引值对应的内容")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("[]")]),s._v(" "),a("td",[s._v("[1]")])]),s._v(" "),a("tr",[a("td",[s._v("async"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("异步加载数据")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("false")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("title")]),s._v(" "),a("td",[s._v("标题")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("''")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("subtitle"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("副标题")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("''")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("cancelTxt")]),s._v(" "),a("td",[s._v("取消按钮文案")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'取消'")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("confirmTxt")]),s._v(" "),a("td",[s._v("确定按钮文案")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'确定'")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("swipeTime")]),s._v(" "),a("td",[s._v("快速滑动选择器滚轮时，惯性滚动动画的时长，单位：ms")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("2500")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("alias")]),s._v(" "),a("td",[s._v("配置"),a("code",{pre:!0},[s._v("value")]),s._v("和"),a("code",{pre:!0},[s._v("text")]),s._v("的别名，用法同"),a("code",{pre:!0},[s._v("Picker")]),s._v("组件")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("{}")]),s._v(" "),a("td",[s._v("{ value: 'id', text: 'name'}")])]),s._v(" "),a("tr",[a("td",[s._v("visible"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("显示状态，是否可见。"),a("code",{pre:!0},[s._v("v-model")]),s._v("绑定值")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("false")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("maskClosable"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("点击蒙层是否隐藏")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("true")])]),s._v(" "),a("tr",[a("td",[s._v("zIndex"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("样式 z-index 的值")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("100")]),s._v(" "),a("td",[s._v("-")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("data")]),s._v("子配置项")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("默认值")]),s._v(" "),a("th",[s._v("示例")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("text")]),s._v(" "),a("td",[s._v("每个选项展示的文案")]),s._v(" "),a("td",[s._v("String/Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("value")]),s._v(" "),a("td",[s._v("每个选项的值")]),s._v(" "),a("td",[s._v("String/Number/Boolean")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("事件名")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("参数1")]),s._v(" "),a("th",[s._v("参数2")]),s._v(" "),a("th",[s._v("参数3")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("select")]),s._v(" "),a("td",[s._v("点击确认按钮触发此事件")]),s._v(" "),a("td",[s._v("selectedVal: 当前选中项每一列的值，Array类型")]),s._v(" "),a("td",[s._v("selectedIndex: 当前选中项每一列的索引，Array类型")]),s._v(" "),a("td",[s._v("selectedText: 当前选中项每一列的文案，Array类型")])]),s._v(" "),a("tr",[a("td",[s._v("change")]),s._v(" "),a("td",[s._v("滚轴滚动后触发此事件")]),s._v(" "),a("td",[s._v("index: 当前滚动列次序，Number类型")]),s._v(" "),a("td",[s._v("selectedIndex: 当前列选中项的索引，Number类型")]),s._v(" "),a("td")]),s._v(" "),a("tr",[a("td",[s._v("cancel")]),s._v(" "),a("td",[s._v("点击取消按钮触发此事件")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("方法名")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("参数1")]),s._v(" "),a("th",[s._v("参数2")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("setData")]),s._v(" "),a("td",[s._v("重置数据和选中的索引")]),s._v(" "),a("td",[s._v("级联树形数据结构，Array类型")]),s._v(" "),a("td",[s._v("每列选中的索引，Array类型")])]),s._v(" "),a("tr",[a("td",[s._v("show")]),s._v(" "),a("td",[s._v("显示")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("hide")]),s._v(" "),a("td",[s._v("隐藏")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/43.ca6d366bb00a4195df8b.js b/docs/js/43.ca6d366bb00a4195df8b.js deleted file mode 100644 index 9e06fa236..000000000 --- a/docs/js/43.ca6d366bb00a4195df8b.js +++ /dev/null @@ -1 +0,0 @@ -webpackJsonp([43],{443:function(t,s,a){t.exports=a(493)},493:function(t,s,a){var v=a(11)(null,a(494),null,null,null);t.exports=v.exports},494:function(t,s){t.exports={render:function(){var t=this,s=t.$createElement;t._self._c;return t._m(0)},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("section",[a("h2",[t._v("ActionSheet")]),t._v(" "),a("p",[a("code",{pre:!0},[t._v("ActionSheet")]),t._v(" provides two common styles and it is flexible.")]),t._v(" "),a("h3",[t._v("Example")]),t._v(" "),a("ul",[a("li",[t._v("Basic usage")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showActionSheet"')]),t._v(">")]),t._v("action sheet"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showDefault() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createActionSheet({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'我是标题~~~'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("data")]),t._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'舒适型'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("class")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'cube-foo'")]),t._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'七座商务'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("align")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'left'")]),t._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'豪华型'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("align")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'right'")]),t._v("\n }\n ],\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onSelect")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[t._v("("),a("span",{attrs:{class:"hljs-params"}},[t._v("item, index")]),t._v(") =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`Clicked "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${item.content}")]),t._v("`")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v("\n }).show()\n }\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[t._v("You can create a basic actionsheet by setting "),a("code",{pre:!0},[t._v("title")]),t._v(" and "),a("code",{pre:!0},[t._v("data")]),t._v(" option. Pay attention that "),a("code",{pre:!0},[t._v("content")]),t._v(" in "),a("code",{pre:!0},[t._v("data")]),t._v(" can be a HTML string. Also, setting the custom class by "),a("code",{pre:!0},[t._v("class")]),t._v(" and setting the align of the item's content by "),a("code",{pre:!0},[t._v("align")]),t._v(".")]),t._v(" "),a("ul",[a("li",[t._v("Highlight item")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showActive"')]),t._v(">")]),t._v("ActionSheet - active"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showActive() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createActionSheet({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'我是标题~~~'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("active")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("data")]),t._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'舒适型'")]),t._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'七座商务'")]),t._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'豪华型'")]),t._v("\n }\n ]\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[t._v("You can control the highlighted item by setting the "),a("code",{pre:!0},[t._v("active")]),t._v(" option.")]),t._v(" "),a("ul",[a("li",[t._v("Picker style setting")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showPickerStyle"')]),t._v(">")]),t._v("ActionSheet - picker style"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showPickerStyle() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createActionSheet({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'我是标题~~~'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("pickerStyle")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("data")]),t._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'舒适型'")]),t._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'七座商务'")]),t._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'豪华型'")]),t._v("\n }\n ]\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[t._v("You can use Picker style by setting "),a("code",{pre:!0},[t._v("pickerStyle")]),t._v(" to be true.")]),t._v(" "),a("h3",[t._v("Props configuration")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Attribute")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Accepted Values")]),t._v(" "),a("th",[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("title")]),t._v(" "),a("td",[t._v("actionsheet's title")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("''")])]),t._v(" "),a("tr",[a("td",[t._v("data")]),t._v(" "),a("td",[t._v("the data list to display")]),t._v(" "),a("td",[t._v("Array")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("[]")])]),t._v(" "),a("tr",[a("td",[t._v("active")]),t._v(" "),a("td",[t._v("the highlighted item's index")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("-1")])]),t._v(" "),a("tr",[a("td",[t._v("pickerStyle")]),t._v(" "),a("td",[t._v("Picker style")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])])])]),t._v(" "),a("ul",[a("li",[a("code",{pre:!0},[t._v("data")]),t._v(" sub configuration")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Attribute")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Accepted Values")]),t._v(" "),a("th",[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("content")]),t._v(" "),a("td",[t._v("the content to display in the actionsheet's item")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("any text, include HTML")]),t._v(" "),a("td",[t._v("''")])]),t._v(" "),a("tr",[a("td",[t._v("align")]),t._v(" "),a("td",[t._v("align the content")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("left/right")]),t._v(" "),a("td",[t._v("''")])]),t._v(" "),a("tr",[a("td",[t._v("class")]),t._v(" "),a("td",[t._v("custom class")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("''")])])])]),t._v(" "),a("h3",[t._v("Events")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Event Name")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Parameters 1")]),t._v(" "),a("th",[t._v("Parameters 2")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("cancel")]),t._v(" "),a("td",[t._v("triggers when clicking the cancel button")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("select")]),t._v(" "),a("td",[t._v("triggers when clicking some item")]),t._v(" "),a("td",[t._v("the clicked item - data[index]")]),t._v(" "),a("td",[t._v("the index of the clicked item")])])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/44.1cd2ce2e186059cdbab7.js b/docs/js/44.1cd2ce2e186059cdbab7.js new file mode 100644 index 000000000..0223ae355 --- /dev/null +++ b/docs/js/44.1cd2ce2e186059cdbab7.js @@ -0,0 +1 @@ +webpackJsonp([44],{S8rf:function(t,s){t.exports={render:function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("section",[a("h2",{attrs:{id:"Button"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Button-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Button")]),t._v(" "),a("p",[t._v("按钮，提供了各种类型、样子、状态以及图标。")]),t._v(" "),a("h3",{attrs:{id:"示例"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 示例")]),t._v(" "),t._m(0),t._v(" "),a("h3",{attrs:{id:"Props配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Props 配置")]),t._v(" "),t._m(1),t._v(" "),a("h3",{attrs:{id:"事件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-事件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 事件")]),t._v(" "),t._m(2)])},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("p",[t._v("按钮类型")]),t._v(" "),a("p",[t._v("默认类型为 "),a("code",{pre:!0},[t._v("button")]),t._v("，还可设置为 "),a("code",{pre:!0},[t._v("submit")]),t._v(" 用于表单中")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(">")]),t._v("Button"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"submit"')]),t._v(">")]),t._v("Submit Button"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])])]),t._v(" "),a("li",[a("p",[t._v("按钮状态")]),t._v(" "),a("p",[t._v("默认正常，可设置激活、禁用状态")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":active")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"true"')]),t._v(">")]),t._v("Active Button"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":disabled")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"true"')]),t._v(">")]),t._v("Disabled Button"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])])]),t._v(" "),a("li",[a("p",[t._v("图标")]),t._v(" "),a("p",[t._v("可设置 icon 的 class")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("icon")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"cubeic-right"')]),t._v(">")]),t._v("Button With Icon"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])])]),t._v(" "),a("li",[a("p",[t._v("样子")]),t._v(" "),a("p",[t._v("可以通过设置 "),a("code",{pre:!0},[t._v("light")]),t._v("、"),a("code",{pre:!0},[t._v("inline")]),t._v("、"),a("code",{pre:!0},[t._v("outline")]),t._v("、"),a("code",{pre:!0},[t._v("primary")]),t._v(" 属性来改变按钮样子")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":light")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"true"')]),t._v(">")]),t._v("Light Button"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":inline")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"true"')]),t._v(">")]),t._v("Inline Button"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":outline")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"true"')]),t._v(">")]),t._v("Outline Button"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":primary")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"true"')]),t._v(">")]),t._v("Primary Button"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("参数")]),t._v(" "),a("th",[t._v("说明")]),t._v(" "),a("th",[t._v("类型")]),t._v(" "),a("th",[t._v("可选值")]),t._v(" "),a("th",[t._v("默认值")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("type")]),t._v(" "),a("td",[t._v("按钮类型")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("button/submit")]),t._v(" "),a("td",[t._v("button")])]),t._v(" "),a("tr",[a("td",[t._v("active")]),t._v(" "),a("td",[t._v("激活状态")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("disabled")]),t._v(" "),a("td",[t._v("禁用状态")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("icon")]),t._v(" "),a("td",[t._v("图表 Icon")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("icon 的 class 值")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("light")]),t._v(" "),a("td",[t._v("亮色")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("inline")]),t._v(" "),a("td",[t._v("是否内联")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("outline")]),t._v(" "),a("td",[t._v("外边框")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("primary")]),t._v(" "),a("td",[t._v("主要的")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("事件名")]),t._v(" "),a("th",[t._v("说明")]),t._v(" "),a("th",[t._v("参数")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("click")]),t._v(" "),a("td",[t._v("点击按钮后触发此事件，如果禁用状态，则不触发")]),t._v(" "),a("td",[t._v("e - 事件对象")])])])])}]}},s6Rz:function(t,s,a){t.exports=a("tyYh")},tyYh:function(t,s,a){var v=a("VU/8")(null,a("S8rf"),null,null,null);t.exports=v.exports}}); \ No newline at end of file diff --git a/docs/js/45.87c8d65c6740bc8a7d62.js b/docs/js/45.87c8d65c6740bc8a7d62.js new file mode 100644 index 000000000..54e998982 --- /dev/null +++ b/docs/js/45.87c8d65c6740bc8a7d62.js @@ -0,0 +1 @@ +webpackJsonp([45],{JGwD:function(t,e,r){t.exports=r("n0Bv")},QCPC:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,r=t._self._c||e;return r("section",[r("h2",{attrs:{id:"better-scroll模块"}},[r("a",{staticClass:"anchor",attrs:{href:"#cube-better-scroll模块-anchor","aria-hidden":"true"}},[r("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[r("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" better-scroll 模块")]),t._v(" "),t._m(0),t._v(" "),r("h3",{attrs:{id:"链接"}},[r("a",{staticClass:"anchor",attrs:{href:"#cube-链接-anchor","aria-hidden":"true"}},[r("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[r("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 链接")]),t._v(" "),r("p",[t._v("关于 better-scroll 详细的文档以及示例，请参考：")]),t._v(" "),t._m(1)])},staticRenderFns:[function(){var t=this,e=t.$createElement,r=t._self._c||e;return r("p",[t._v("该模块默认暴露出一个 "),r("code",{pre:!0},[t._v("BetterScroll")]),t._v(" 函数对象，这个对象直接从依赖库 "),r("a",{attrs:{href:"https://github.com/ustbhuangyi/better-scroll"}},[t._v("better-scroll")]),t._v(" 获得。")])},function(){var t=this,e=t.$createElement,r=t._self._c||e;return r("ul",[r("li",[r("p",[r("a",{attrs:{href:"https://ustbhuangyi.github.io/better-scroll/#/zh"}},[t._v("官方文档")])])]),t._v(" "),r("li",[r("p",[r("a",{attrs:{href:"https://ustbhuangyi.github.io/better-scroll/#/examples/zh"}},[t._v("官方示例")])])])])}]}},n0Bv:function(t,e,r){var c=r("VU/8")(null,r("QCPC"),null,null,null);t.exports=c.exports}}); \ No newline at end of file diff --git a/docs/js/46.eeb062e71ad8ac03e546.js b/docs/js/46.eeb062e71ad8ac03e546.js new file mode 100644 index 000000000..9b6fe59d0 --- /dev/null +++ b/docs/js/46.eeb062e71ad8ac03e546.js @@ -0,0 +1 @@ +webpackJsonp([46],{An3W:function(t,s){t.exports={render:function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("section",[a("h2",{attrs:{id:"ActionSheet"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-ActionSheet-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" ActionSheet")]),t._v(" "),t._m(0),t._v(" "),t._m(1),t._v(" "),a("h3",{attrs:{id:"示例"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 示例")]),t._v(" "),t._m(2),t._v(" "),a("h3",{attrs:{id:"Props配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Props 配置")]),t._v(" "),t._m(3),t._v(" "),t._m(4),t._v(" "),t._m(5),t._v(" "),a("h3",{attrs:{id:"事件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-事件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 事件")]),t._v(" "),t._m(6),t._v(" "),a("h3",{attrs:{id:"实例方法"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-实例方法-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 实例方法")]),t._v(" "),t._m(7)])},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[a("code",{pre:!0},[t._v("ActionSheet")]),t._v("操作列表提供了两种常见的样式，灵活可控内容。")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[a("strong",[t._v("注：")]),t._v(" 由于此组件基于 create-api 实现，所以在使用之前，请确保自己了解过 "),a("a",{attrs:{href:"#/zh-CN/docs/create-api"}},[t._v("create-api")]),t._v("。")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("p",[t._v("基本用法")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showActionSheet"')]),t._v(">")]),t._v("操作列表"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showDefault() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createActionSheet({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'我是标题~~~'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("data")]),t._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'align - center'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("class")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'cube-foo'")]),t._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'align - left'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("align")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'left'")]),t._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'align - right'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("align")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'right'")]),t._v("\n }\n ],\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onSelect")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[t._v("("),a("span",{attrs:{class:"hljs-params"}},[t._v("item, index")]),t._v(") =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`Clicked "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${item.content}")]),t._v("`")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v("\n }).show()\n }\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[t._v("配置标题 "),a("code",{pre:!0},[t._v("title")]),t._v(" 和 "),a("code",{pre:!0},[t._v("data")]),t._v(" 数据项，注意 "),a("code",{pre:!0},[t._v("data")]),t._v(" 中内容是 "),a("code",{pre:!0},[t._v("content")]),t._v("，一段 HTML 字符串，额外还可以配置自定义 class："),a("code",{pre:!0},[t._v("class")]),t._v(" 和方向："),a("code",{pre:!0},[t._v("align")]),t._v("（值可以是 "),a("code",{pre:!0},[t._v("left")]),t._v("、"),a("code",{pre:!0},[t._v("right")]),t._v("）。")])]),t._v(" "),a("li",[a("p",[t._v("高亮设置")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showActive"')]),t._v(">")]),t._v("ActionSheet - active"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showActive() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createActionSheet({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'我是标题~~~'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("active")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("data")]),t._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'舒适型'")]),t._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'七座商务'")]),t._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'豪华型'")]),t._v("\n }\n ],\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onSelect")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[t._v("("),a("span",{attrs:{class:"hljs-params"}},[t._v("item, index")]),t._v(") =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`Clicked "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${item.content}")]),t._v("`")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'correct'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onCancel")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[t._v("()")]),t._v(" =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`Clicked canceled`")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'warn'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v("\n }).show()\n }\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[t._v("通过设置 "),a("code",{pre:!0},[t._v("active")]),t._v(" 属性来控制高亮的是第几个。")])]),t._v(" "),a("li",[a("p",[t._v("Picker 样式设定")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showPickerStyle"')]),t._v(">")]),t._v("ActionSheet - picker style"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showPickerStyle() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createActionSheet({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'我是标题~~~'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("pickerStyle")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("data")]),t._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'舒适型'")]),t._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'七座商务'")]),t._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'豪华型'")]),t._v("\n }\n ],\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onSelect")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[t._v("("),a("span",{attrs:{class:"hljs-params"}},[t._v("item, index")]),t._v(") =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`Clicked "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${item.content}")]),t._v("`")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'correct'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onCancel")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[t._v("()")]),t._v(" =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`Clicked canceled`")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'warn'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v("\n }).show()\n }\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[a("code",{pre:!0},[t._v("pickerStyle")]),t._v(" 属性决定是否使用 Picker 样式。")])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("参数")]),t._v(" "),a("th",[t._v("说明")]),t._v(" "),a("th",[t._v("类型")]),t._v(" "),a("th",[t._v("可选值")]),t._v(" "),a("th",[t._v("默认值")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("title")]),t._v(" "),a("td",[t._v("组件的标题")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("''")])]),t._v(" "),a("tr",[a("td",[t._v("cancelTxt"),a("sup",[t._v("1.9.9")])]),t._v(" "),a("td",[t._v("取消文案")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("'取消'")])]),t._v(" "),a("tr",[a("td",[t._v("data")]),t._v(" "),a("td",[t._v("需要展示的数据列表")]),t._v(" "),a("td",[t._v("Array")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("[]")])]),t._v(" "),a("tr",[a("td",[t._v("active")]),t._v(" "),a("td",[t._v("高亮第几个选项")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("-1")])]),t._v(" "),a("tr",[a("td",[t._v("pickerStyle")]),t._v(" "),a("td",[t._v("Picker 样式")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("visible"),a("sup",[t._v("1.8.1")])]),t._v(" "),a("td",[t._v("显示状态，是否可见。"),a("code",{pre:!0},[t._v("v-model")]),t._v("绑定值")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("maskClosable"),a("sup",[t._v("1.9.6")])]),t._v(" "),a("td",[t._v("点击蒙层是否隐藏")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("true")])]),t._v(" "),a("tr",[a("td",[t._v("zIndex"),a("sup",[t._v("1.9.6")])]),t._v(" "),a("td",[t._v("样式 z-index 的值")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("100")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("code",{pre:!0},[t._v("data")]),t._v(" 子配置项")])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("参数")]),t._v(" "),a("th",[t._v("说明")]),t._v(" "),a("th",[t._v("类型")]),t._v(" "),a("th",[t._v("可选值")]),t._v(" "),a("th",[t._v("默认值")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("content")]),t._v(" "),a("td",[t._v("展示的内容")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("任意 HTML 字符串")]),t._v(" "),a("td",[t._v("''")])]),t._v(" "),a("tr",[a("td",[t._v("align")]),t._v(" "),a("td",[t._v("内容对齐方向")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("left/right")]),t._v(" "),a("td",[t._v("''")])]),t._v(" "),a("tr",[a("td",[t._v("class")]),t._v(" "),a("td",[t._v("自定义 class")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("''")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("参数")]),t._v(" "),a("th",[t._v("说明")]),t._v(" "),a("th",[t._v("参数1")]),t._v(" "),a("th",[t._v("参数2")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("cancel")]),t._v(" "),a("td",[t._v("点击取消")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("select")]),t._v(" "),a("td",[t._v("点击某项")]),t._v(" "),a("td",[t._v("点击项 item，即 data[index]")]),t._v(" "),a("td",[t._v("点击项的索引值 index")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("方法名")]),t._v(" "),a("th",[t._v("说明")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("show")]),t._v(" "),a("td",[t._v("显示")])]),t._v(" "),a("tr",[a("td",[t._v("hide")]),t._v(" "),a("td",[t._v("隐藏")])])])])}]}},Ezhp:function(t,s,a){t.exports=a("cj7U")},cj7U:function(t,s,a){var v=a("VU/8")(null,a("An3W"),null,null,null);t.exports=v.exports}}); \ No newline at end of file diff --git a/docs/js/47.e3fb3d06b24c4d2ad171.js b/docs/js/47.e3fb3d06b24c4d2ad171.js new file mode 100644 index 000000000..2621e6047 --- /dev/null +++ b/docs/js/47.e3fb3d06b24c4d2ad171.js @@ -0,0 +1 @@ +webpackJsonp([47],{UO5F:function(s,t,a){var e=a("VU/8")(null,a("p/8d"),null,null,null);s.exports=e.exports},hl6N:function(s,t,a){s.exports=a("UO5F")},"p/8d":function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Validator"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Validator-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Validator")]),s._v(" "),s._m(0),s._v(" "),a("p",[s._v("Validator is used to validate form data and corresponding warning message.")]),s._v(" "),a("h3",{attrs:{id:"Example"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Example")]),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"Props"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props")]),s._v(" "),s._m(2),s._v(" "),a("h3",{attrs:{id:"Slot"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Slot-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Slot")]),s._v(" "),s._m(3),s._v(" "),a("h3",{attrs:{id:"Events"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Events")]),s._v(" "),s._m(4),s._v(" "),a("h3",{attrs:{id:"Instancemethods"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Instancemethods-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Instance methods")]),s._v(" "),s._m(5),s._v(" "),a("h3",{attrs:{id:"Rule"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Rule-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Rule")]),s._v(" "),s._m(6),s._v(" "),a("h3",{attrs:{id:"Adddefaultmessage"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Adddefaultmessage-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Add default message")]),s._v(" "),s._m(7),s._v(" "),s._m(8),s._v(" "),s._m(9),s._v(" "),s._m(10),s._v(" "),s._m(11),s._v(" "),a("p",[s._v("As above, the default message parsed inside the component is similar to the Vue filter mechanism.")]),s._v(" "),s._m(12),s._v(" "),s._m(13),s._v(" "),s._m(14),s._v(" "),s._m(15),s._v(" "),s._m(16),s._v(" "),s._m(17),s._v(" "),a("h3",{attrs:{id:"addType"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-addType-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" addType")]),s._v(" "),s._m(18),s._v(" "),s._m(19),s._v(" "),s._m(20),s._v(" "),s._m(21)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("New in 1.5.0+")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("Basic usage")]),s._v(" "),a("p",[s._v("Validator is called as a independent component, which means it has to bind with the form data need validate through the property "),a("code",{pre:!0},[s._v("model")]),s._v(". Then use the property "),a("code",{pre:!0},[s._v("rules")]),s._v(" to define the validating rule, such as type, required, pattern(used to define a validating RegExp), custom(used to define a validating function), you can find the details of rules below. And although we have default message (include English and Chinese) for each build-in rule, you could customize messages by the property "),a("code",{pre:!0},[s._v("messages")]),s._v(".")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-input")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"text1"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("placeholder")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"E-mail"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-validator")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"valid"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"text"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":rules")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"rules"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":messages")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"messages"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("valid")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("undefined")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'email'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("pattern")]),s._v(": "),a("span",{attrs:{class:"hljs-regexp"}},[s._v("/didi.com$/")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("custom")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("val")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" val.length >= "),a("span",{attrs:{class:"hljs-number"}},[s._v("12")]),s._v("\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("messages")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("pattern")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'The E-mail suffix need to be didi.com.'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("custom")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'The E-mail need contain at least 12 characters.'")]),s._v("\n },\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("Add warning style to form component")]),s._v(" "),a("p",[s._v("If you want to add warning style to form component, you could put the form component into the Validator component. Because when the validation failed, the Validator component will get a CSS class "),a("code",{pre:!0},[s._v("cube-validator_warn")]),s._v(" so that you could select the descendant form element of class "),a("code",{pre:!0},[s._v("cube-validator_warn")]),s._v(" ro add warning style.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-validator")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"text"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":rules")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"rules"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"valid"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-input")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"text"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("valid")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("undefined")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'email'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("min")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("6")]),s._v("\n }\n }\n }\n}\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-css"}},[s._v("// "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("add")]),s._v(" "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("warning")]),s._v(" "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("style")]),s._v(" "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("to")]),s._v(" "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("input")]),s._v("\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-validator_warn")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("input")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("border")]),s._v(": "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("solid")]),s._v(" 1"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("px")]),s._v(" "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("yellow")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("Customize message slot")]),s._v(" "),a("p",[s._v("Beside default message, you could customize the warning template to contain icons and images by "),a("code",{pre:!0},[s._v("message")]),s._v(" slot. This is a sloped slot which could meet almost all the demands. It contains "),a("code",{pre:!0},[s._v("dirty")]),s._v(" (whether the form data has ever changed), "),a("code",{pre:!0},[s._v("validated")]),s._v(" (whether the validator has ever validated), "),a("code",{pre:!0},[s._v("message")]),s._v(" (message of first failed rule), "),a("code",{pre:!0},[s._v("result")]),s._v(" ( an Object, which contains validating result and message of each rule, such as "),a("code",{pre:!0},[s._v("{ required: { valid: false, invalid: true, message: 'required' } }")]),s._v(").")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-validator")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"valid"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"text"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":rules")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"rules"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":messages")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"messages"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-input")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"text"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("placeholder")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"component name"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"message"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"custom-msg"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("slot-scope")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-if")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(props.dirty || props.validated) && !valid"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("i")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"dd-cubeic-important"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v(" {{ props.message }}\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(item, index) in Object.values(props.result)"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"index"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-if")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item.inValid"')]),s._v(">")]),s._v("\n {{ item.message + ' ' }}\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("valid")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("undefined")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'string'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("pattern")]),s._v(": "),a("span",{attrs:{class:"hljs-regexp"}},[s._v("/^cube-/")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("min")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("8")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("max")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("10")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("messages")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("pattern")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'The component name need start with \"cube-\"'")]),s._v("\n },\n }\n }\n}\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-css"}},[a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".custom-msg")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("orange")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("Async validate "),a("sup",[s._v("1.8.0+")])]),s._v(" "),a("p",[s._v("If the rule function returned a function("),a("strong",[s._v("this function receives a "),a("code",{pre:!0},[s._v("resolve")]),s._v(" callback, if this function called with "),a("code",{pre:!0},[s._v("true")]),s._v(" then it will be treated as success, otherwise it will be treated as failure")]),s._v(") or a "),a("code",{pre:!0},[s._v("Promise")]),s._v(" object("),a("strong",[s._v("if "),a("code",{pre:!0},[s._v("resolve")]),s._v(" value is "),a("code",{pre:!0},[s._v("true")]),s._v(" then it will be treated as success, otherwise it will be treated as failure")]),s._v("), then it will be validate asynchronously. And when validating the "),a("code",{pre:!0},[s._v("validating")]),s._v(" event will be emited.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"validator-item"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("p")]),s._v(">")]),s._v("Async validate: "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-validator")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"valid"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"captcha"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":rules")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"rules"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":messages")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"messages"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":immediate")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"immediate"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@validating")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"validatingHandler"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@validated")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"validatedHandler"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-input")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"captcha"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("placeholder")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"Please input captcha"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("valid")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("undefined")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("captcha")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'number'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("len")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("6")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("captchaCheck")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("val")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("resolve")]),s._v(") =>")]),s._v(" {\n setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n resolve(val === "),a("span",{attrs:{class:"hljs-string"}},[s._v("'123456'")]),s._v(")\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n }\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("/** or return promise:\n return new Promise((resolve) => {\n setTimeout(() => {\n resolve(val === '123456')\n }, 1000)\n })\n **/")]),s._v("\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("messages")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("captchaCheck")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please input \"123456\"'")]),s._v("\n }\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n validatingHandler() {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'validating'")]),s._v(")\n },\n validatedHandler() {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'validated'")]),s._v(")\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("The "),a("code",{pre:!0},[s._v("captchaCheck")]),s._v(" is an async rule.")])]),s._v(" "),a("li",[a("p",[s._v("Submit")]),s._v(" "),a("p",[s._v("Although submit is not inside of Validator, it usually be relative with Validator. Therefore, we want to introduce our best practice about submit here. It focus on the handles of multi-validator and warn message no matter whether the form data has ever changed.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-input")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"text0"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("placeholder")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"Required"')]),s._v("/>")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-validator")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"validator0"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"result[0]"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"text0"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":rules")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"rules0"')]),s._v("/>")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-input")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"text1"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("placeholder")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"E-mail"')]),s._v("/>")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-validator")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"validator1"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"result[1]"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"text1"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":rules")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"rules1"')]),s._v("/>")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-input")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"text2"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("placeholder")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"TEL"')]),s._v("/>")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-validator")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"validator2"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"result[2]"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"text2"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":rules")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"rules2"')]),s._v("/>")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"submit"')]),s._v(">")]),s._v("Submit"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("result")]),s._v(": ["),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(", "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(", "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text0")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules0")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text1")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules1")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'email'")]),s._v(",\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text2")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules2")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'tel'")]),s._v(",\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("trigger")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v("\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n submit() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.validator0.validate()\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.validator1.validate()\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.validator2.validate()\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" ("),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".result.every("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("item")]),s._v(" =>")]),s._v(" item)) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Submited'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n }\n }\n}\n")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Accepted Values")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("model")]),s._v(" "),a("td",[s._v("Required, figure the data need to validate")]),s._v(" "),a("td",[s._v("Any")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("v-model")]),s._v(" "),a("td",[s._v("the validation result，whether the data is valid")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("true")])]),s._v(" "),a("tr",[a("td",[s._v("rules")]),s._v(" "),a("td",[s._v("the rules for validation, you can find the details of rules below")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("{}")])]),s._v(" "),a("tr",[a("td",[s._v("messages")]),s._v(" "),a("td",[s._v("custom messages for the corresponding rule")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("{}")])]),s._v(" "),a("tr",[a("td",[s._v("immediate")]),s._v(" "),a("td",[s._v("Immediate validate after loaded")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("disabled"),a("sup",[s._v("1.7.0+")])]),s._v(" "),a("td",[s._v("disabled validate or not")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Name")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Scope Parameters")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("default")]),s._v(" "),a("td",[s._v("the relative form component or element")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("message")]),s._v(" "),a("td",[s._v("warning message")]),s._v(" "),a("td",[s._v("dirty: if the data have ever changed "),a("br"),s._v(" validating: whether is validating "),a("br"),s._v(" validated: if the validator have ever validated "),a("br"),s._v(" message: the message of the first failed rule "),a("br"),s._v(" result: an object, which contains the resule and message of each rule, such as, { required: { valid: false, invalid: true, message: '必填' } }")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Event Name")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Parameters")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("validating")]),s._v(" "),a("td",[s._v("validating (only triggered when async validateing)")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("validated")]),s._v(" "),a("td",[s._v("validated (only triggered when async validateing)")]),s._v(" "),a("td",[s._v("valid: 校验是否成功")])]),s._v(" "),a("tr",[a("td",[s._v("msg-click")]),s._v(" "),a("td",[s._v("click error message ele")]),s._v(" "),a("td",[s._v("-")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Method name")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Parameters")]),s._v(" "),a("th",[s._v("Returned value")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("validate(cb)")]),s._v(" "),a("td",[s._v("Validate")]),s._v(" "),a("td",[s._v("cb: validated callback function, used to async validating cases normally. The arguments is the "),a("code",{pre:!0},[s._v("valid")]),s._v(" value")]),s._v(" "),a("td",[s._v("If supported Promise then the returned value will be Promise instance(Only have resolved state, the resolved value is "),a("code",{pre:!0},[s._v("valid")]),s._v("), otherwise the returned value is "),a("code",{pre:!0},[s._v("undefined")])])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("Build-in rules")]),s._v(" "),a("p",[s._v("There are some build-in rules here, include required、type、min、max、len、notWhitespace、pattern、custom.")]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Accepted Values")]),s._v(" "),a("th",[s._v("Demo")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("required")]),s._v(" "),a("td",[s._v("required")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("true")])]),s._v(" "),a("tr",[a("td",[s._v("type")]),s._v(" "),a("td",[s._v("type")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'string', 'number', 'array', 'date', 'email', 'tel', 'url'")]),s._v(" "),a("td",[s._v("'tel'")])]),s._v(" "),a("tr",[a("td",[s._v("min")]),s._v(" "),a("td",[s._v("when the type is number or date, it means the data need not smaller than min. Otherwise, it means the length of the data need not smaller than min")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("6")])]),s._v(" "),a("tr",[a("td",[s._v("max")]),s._v(" "),a("td",[s._v("when the type is number or date, it means the data need not bigger than max. Otherwise, it means the length of the data need not bigger than max")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("8")])]),s._v(" "),a("tr",[a("td",[s._v("len")]),s._v(" "),a("td",[s._v("when the type is number or date, it means the data need equal to min. Otherwise, it means the length of the data need equal to len")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("7")])]),s._v(" "),a("tr",[a("td",[s._v("notWhitespace")]),s._v(" "),a("td",[s._v("don't allowed to be whitespace")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("true")])]),s._v(" "),a("tr",[a("td",[s._v("pattern")]),s._v(" "),a("td",[s._v("RegExp match")]),s._v(" "),a("td",[s._v("RegExp")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("/1$/")])]),s._v(" "),a("tr",[a("td",[s._v("custom")]),s._v(" "),a("td",[s._v("Costomized validation function. Only valid when the "),a("code",{pre:!0},[s._v("return")]),s._v(" is strict equaled to "),a("code",{pre:!0},[s._v("true")])]),s._v(" "),a("td",[s._v("Function")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("val => val.length === 7")])])])])]),s._v(" "),a("li",[a("p",[s._v("Add rule")]),s._v(" "),a("p",[s._v("Beside the build-in rules, you could use the method "),a("code",{pre:!0},[s._v("addRule")]),s._v(" of Validator to add customized common rule, and "),a("code",{pre:!0},[s._v("addMessage")]),s._v(" method to add corresponding default warning message.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" Vue "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'vue'")]),s._v("\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" { Validator } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-comment"}},[s._v("// need use Validator")]),s._v("\nVue.use(Validator)\n\nValidator.addRule("),a("span",{attrs:{class:"hljs-string"}},[s._v("'odd'")]),s._v(", (val, config, type) => !config || "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Number")]),s._v("(val) % "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(" === "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(")\nValidator.addMessage("),a("span",{attrs:{class:"hljs-string"}},[s._v("'odd'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please input odd.'")]),s._v(")\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-validator")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"valid"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"text"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":rules")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"rule"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-input")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"text3"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("placeholder")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"odd"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'100'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("valid")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("undefined")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'number'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("odd")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n }\n }\n}\n")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("At first, let's see the build-in default messages. You can use "),a("code",{pre:!0},[s._v("addMessage")]),s._v(" to modify the special sub-message.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[s._v("Build-in default messages")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" messages = {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Required.'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("string")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please input characters.'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("number")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please input numbers.'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("array")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'The data type should be array.'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("date")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please select a valid date.'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("email")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please input a valid E-mail.'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("tel")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please input a valid telphone number.'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please input a valid web site.'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("min")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("string")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please input at least {{config}} characters.'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("number")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'The number could not smaller than {{config}}.'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("array")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please select at least {{config}} items.'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("date")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please select a date after {{config | toLocaleDateString(\"yyyy-MM-dd\")}}.'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("email")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please input at least {{config}} characters.'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("tel")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please input at least {{config}} characters.'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please input at least {{config}} characters.'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("max")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("string")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please input no more than {{config}} characters.'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("number")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'The number could not bigger than {{config}}'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("array")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please select no more than {{config}} items'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("date")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please select a date before {{config | toLocaleDateString(\"yyyy-MM-dd\")}}.'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("email")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please input no more than {{config}} characters.'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("tel")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please input no more than {{config}} characters.'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please input no more than {{config}} characters.'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("len")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("string")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please input {{config}} characters.'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("number")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'The length should equal {{config}}'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("array")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please select {{config}} items'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("date")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please select {{config | toLocaleDateString(\"yyyy-MM-dd\")}}.'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("email")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please input {{config}} characters.'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("tel")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please input {{config}} characters.'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please input {{config}} characters.'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("pattern")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'The input don\"t match pattern.'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("custom")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Invalid.'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("notWhitespace")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Whitespace is invalid.'")]),s._v("\n}\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[s._v("Modify the build-in message")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" Vue "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'vue'")]),s._v("\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" { Validator } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-comment"}},[s._v("// need use Validator")]),s._v("\nVue.use(Validator)\n\nValidator.addMessage("),a("span",{attrs:{class:"hljs-string"}},[s._v("'required'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please input this.'")]),s._v(")\n\n"),a("span",{attrs:{class:"hljs-comment"}},[s._v("// Override the message for min.date")]),s._v("\nValidator.addMessage("),a("span",{attrs:{class:"hljs-string"}},[s._v("'min'")]),s._v(", {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("date")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('\'Please select a date after {{config | toLocaleDateString("yyyy-MM-dd") | tips("Please re-enter")}}.\'')]),s._v("\n})\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[s._v("config")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("For example, the rule you configured is: {type: 'date', min: '2018-10-10'}, then the value of the "),a("code",{pre:!0},[s._v("config")]),s._v(" field in above message template is '2018-10-10', because the checksum is a "),a("code",{pre:!0},[s._v("date")]),s._v(" type, the value of "),a("code",{pre:!0},[s._v("min")]),s._v(" can be a "),a("code",{pre:!0},[s._v("timestamp")]),s._v(" or a date-like string "),a("code",{pre:!0},[s._v("yyyy-MM-dd mm:ss")]),s._v(" or "),a("code",{pre:!0},[s._v("yyyy/MM/dd mm:ss")]),s._v(".")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[s._v("toLocaleDateString")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("The built-in helper function, the first parameter is the config value you configured, the second parameter is the date format you want to initialize, as above is "),a("code",{pre:!0},[s._v("'yyyy year MM month dd day'")]),s._v(", accepting something like "),a("code",{pre:!0},[s._v("yyyy-MM-dd mm:ss")]),s._v(" format, you can also register your own helper function as follows.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[s._v("Validator.addHelper("),a("span",{attrs:{class:"hljs-string"}},[s._v("'fnName'")]),s._v(", (result, arg1) => {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// result -> The value returned by the previous helper function or the config value, as in the above example is '2018-10-10'")]),s._v("\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// arg1 -> The string you passed in the message template, as in the above example, 'Please re-enter'")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("let")]),s._v(" ret\n\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// do your own job")]),s._v("\n ret = result + arg1\n\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// you must return the processed message")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" ret\n})\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("The tool functions registered through "),a("code",{pre:!0},[s._v("Validator.addHelper")]),s._v(" are actually mounted under the "),a("code",{pre:!0},[s._v("Locale.helpers")]),s._v(" namespace. You can also import the "),a("code",{pre:!0},[s._v("Locale")]),s._v(" module and register your own tool functions with "),a("code",{pre:!0},[s._v("Locale.addHelper")]),s._v(", which point to the same address.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[s._v("Add new type")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" { Validator } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n\nValidator.addType("),a("span",{attrs:{class:"hljs-string"}},[s._v("'yourType'")]),s._v(", (val) => {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("typeof")]),s._v(" val === "),a("span",{attrs:{class:"hljs-string"}},[s._v("'string'")]),s._v(" && "),a("span",{attrs:{class:"hljs-regexp"}},[s._v("/^[a-z0-9_-]+/i")]),s._v(".test(val)\n})\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[s._v("Modify the build-in type")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" { Validator } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n\nValidator.addType("),a("span",{attrs:{class:"hljs-string"}},[s._v("'email'")]),s._v(", (val) => {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("typeof")]),s._v(" val === "),a("span",{attrs:{class:"hljs-string"}},[s._v("'string'")]),s._v(" && "),a("span",{attrs:{class:"hljs-regexp"}},[s._v("/^[a-z0-9_-]+@[a-z0-9_-]+(\\.[a-z0-9_-]+)$/i")]),s._v(".test(val)\n})\n")])])}]}}}); \ No newline at end of file diff --git a/docs/js/48.4c23435b62f2925725bd.js b/docs/js/48.4c23435b62f2925725bd.js new file mode 100644 index 000000000..491b42dea --- /dev/null +++ b/docs/js/48.4c23435b62f2925725bd.js @@ -0,0 +1 @@ +webpackJsonp([48],{Y8qW:function(t,s){t.exports={render:function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("section",[a("h2",{attrs:{id:"Upload"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Upload-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Upload")]),t._v(" "),t._m(0),t._v(" "),t._m(1),t._v(" "),t._m(2),t._v(" "),t._m(3),t._v(" "),a("h3",{attrs:{id:"Example"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Example")]),t._v(" "),t._m(4),t._v(" "),a("h3",{attrs:{id:"Propsconfiguration"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Props configuration")]),t._v(" "),t._m(5),t._v(" "),t._m(6),t._v(" "),t._m(7),t._v(" "),t._m(8),t._v(" "),t._m(9),t._v(" "),t._m(10),t._v(" "),a("h3",{attrs:{id:"Events"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Events")]),t._v(" "),t._m(11),t._v(" "),a("h3",{attrs:{id:"Instancemethods"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Instancemethods-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Instance methods")]),t._v(" "),t._m(12)])},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("blockquote",[a("p",[t._v("New in 1.3.0+")])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[a("code",{pre:!0},[t._v("Upload")]),t._v(" component.")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[a("strong",[t._v("Notice:")]),t._v(" In this document, all the original File will be called "),a("strong",[t._v("original file")]),t._v(", since the wrapped file object will be called "),a("strong",[t._v("file object")]),t._v(". The structure of "),a("strong",[t._v("file object")]),t._v(" show as following:")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Attribute")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Type")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("v-model")]),t._v(" "),a("td",[t._v("file list")]),t._v(" "),a("td",[t._v("Array")])]),t._v(" "),a("tr",[a("td",[t._v("name")]),t._v(" "),a("td",[t._v("file name")]),t._v(" "),a("td",[t._v("String")])]),t._v(" "),a("tr",[a("td",[t._v("size")]),t._v(" "),a("td",[t._v("file size")]),t._v(" "),a("td",[t._v("Number")])]),t._v(" "),a("tr",[a("td",[t._v("url")]),t._v(" "),a("td",[t._v("file url, created by URL.createObjectURL, for preview")]),t._v(" "),a("td",[t._v("String")])]),t._v(" "),a("tr",[a("td",[t._v("base64")]),t._v(" "),a("td",[t._v("file base64 value, the value is equaled to the original file's base64 value. It is "),a("code",{pre:!0},[t._v("''")]),t._v(" by default, but you can have some plugins to added this "),a("code",{pre:!0},[t._v("base64")]),t._v(" value, like the compress plugin below")]),t._v(" "),a("td",[t._v("String")])]),t._v(" "),a("tr",[a("td",[t._v("status")]),t._v(" "),a("td",[t._v("file status, one of: ready, uploading, success, error")]),t._v(" "),a("td",[t._v("String")])]),t._v(" "),a("tr",[a("td",[t._v("progress")]),t._v(" "),a("td",[t._v("file progress, number 0~1")]),t._v(" "),a("td",[t._v("Number")])]),t._v(" "),a("tr",[a("td",[t._v("file")]),t._v(" "),a("td",[t._v("the original file")]),t._v(" "),a("td",[t._v("File")])]),t._v(" "),a("tr",[a("td",[t._v("response")]),t._v(" "),a("td",[t._v("response data(try to parse to JSON）")]),t._v(" "),a("td",[t._v("Object/Array/String")])]),t._v(" "),a("tr",[a("td",[t._v("responseHeaders")]),t._v(" "),a("td",[t._v("all response headers")]),t._v(" "),a("td",[t._v("String")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("p",[t._v("Basic usage")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-upload")]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("action")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"//jsonplaceholder.typicode.com/photos/"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":simultaneous-uploads")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"1"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@files-added")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"filesAdded"')]),t._v(" />")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n filesAdded(files) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("const")]),t._v(" maxSize = "),a("span",{attrs:{class:"hljs-number"}},[t._v("1")]),t._v(" * "),a("span",{attrs:{class:"hljs-number"}},[t._v("1024")]),t._v(" * "),a("span",{attrs:{class:"hljs-number"}},[t._v("1024")]),t._v(" "),a("span",{attrs:{class:"hljs-comment"}},[t._v("// 1M")]),t._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("for")]),t._v(" ("),a("span",{attrs:{class:"hljs-keyword"}},[t._v("let")]),t._v(" k "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("in")]),t._v(" files) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("const")]),t._v(" file = files[k]\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("if")]),t._v(" (file.size > maxSize) {\n file.ignore = "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n }\n }\n }\n }\n}\n")])]),t._v(" "),a("p",[t._v("Set "),a("code",{pre:!0},[t._v("action")]),t._v(" to configure the upload target URL for the multipart POST request.")]),t._v(" "),a("p",[t._v("Set "),a("code",{pre:!0},[t._v("simultaneous-uploads")]),t._v(" to configure the max number of files uploading simultaneously .")]),t._v(" "),a("p",[t._v("The "),a("code",{pre:!0},[t._v("files-added")]),t._v(" event is used for file validation, and you can filter file by setting "),a("code",{pre:!0},[t._v("file.ignore = true")]),t._v(".")])]),t._v(" "),a("li",[a("p",[t._v("Compress and uploaded through Base64")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-upload")]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("ref")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"upload"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":action")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"action"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":simultaneous-uploads")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"1"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":process-file")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"processFile"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@file-submitted")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"fileSubmitted"')]),t._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("import")]),t._v(" compress "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("from")]),t._v(" "),a("span",{attrs:{class:"hljs-string"}},[t._v("'../../modules/image'")]),t._v("\n"),a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("action2")]),t._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("target")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'//jsonplaceholder.typicode.com/photos/'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("prop")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'base64Value'")]),t._v("\n }\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n processFile(file, next) {\n compress(file, {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("compress")]),t._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("width")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1600")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1600")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("quality")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0.5")]),t._v("\n }\n }, next)\n },\n fileSubmitted(file) {\n file.base64Value = file.file.base64\n }\n }\n}\n")])]),t._v(" "),a("p",[t._v("The "),a("code",{pre:!0},[t._v("action")]),t._v(" is an object which contains "),a("code",{pre:!0},[t._v("target")]),t._v(" and "),a("code",{pre:!0},[t._v("prop")]),t._v(". the "),a("code",{pre:!0},[t._v("prop")]),t._v(" could configure which property in file object will be uploaded).")]),t._v(" "),a("p",[t._v("The "),a("code",{pre:!0},[t._v("process-file")]),t._v(" is a function which is used to process the original file, like compress, "),a("code",{pre:!0},[t._v("next")]),t._v(" must be called with the processed file.")]),t._v(" "),a("p",[t._v("The "),a("code",{pre:!0},[t._v("file-submitted")]),t._v(" event will be trigged after the file is processed and added to the "),a("code",{pre:!0},[t._v("upload.files")]),t._v(" with a parameter -- the file object.")])]),t._v(" "),a("li",[a("p",[t._v("Use slots")]),t._v(" "),a("p",[t._v("You can use slots to define your custom HTML structure.")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-upload")]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("ref")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"upload"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"files"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":action")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"action"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@files-added")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"addedHandler"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@file-error")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"errHandler"')]),t._v(">")]),t._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("div")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("class")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"clear-fix"')]),t._v(">")]),t._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-upload-file")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("v-for")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"(file, i) in files"')]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":file")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"file"')]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":key")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"i"')]),t._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-upload-btn")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":multiple")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"false"')]),t._v(">")]),t._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("div")]),t._v(">")]),t._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("i")]),t._v(">")]),t._v("＋"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("p")]),t._v(">")]),t._v("Please click to upload ID card"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("action")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'//jsonplaceholder.typicode.com/photos/'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("files")]),t._v(": []\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n addedHandler() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("const")]),t._v(" file = "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".files["),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("]\n file && "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$refs.upload.removeFile(file)\n },\n errHandler(file) {\n "),a("span",{attrs:{class:"hljs-comment"}},[t._v("// const msg = file.response.message")]),t._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'warn'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'Upload fail'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v("\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[t._v("Custom Style:")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-stylus"}},[a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".cube-upload")]),t._v("\n "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".cube-upload-file")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".cube-upload-btn")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("margin")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("200px")]),t._v("\n "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".cube-upload-file")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("margin")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n + "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".cube-upload-btn")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("margin-top")]),t._v(": -"),a("span",{attrs:{class:"hljs-number"}},[t._v("200px")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("opacity")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".cube-upload-file-def")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("width")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("100%")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("100%")]),t._v("\n "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".cubeic-wrong")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("display")]),t._v(": none\n "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".cube-upload-btn")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("display")]),t._v(": flex\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("align-items")]),t._v(": center\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("justify-content")]),t._v(": center\n > "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("div")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("text-align")]),t._v(": center\n "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("i")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("display")]),t._v(": inline-flex\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("align-items")]),t._v(": center\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("justify-content")]),t._v(": center\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("width")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("50px")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("50px")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("margin-bottom")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("20px")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("font-size")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("32px")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("line-height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("font-style")]),t._v(": normal\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("color")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("#fff")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("background-color")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("#333")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("border-radius")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("50%")]),t._v("\n")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Attribute")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Accepted Values")]),t._v(" "),a("th",[t._v("Demo")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("v-model")]),t._v(" "),a("td",[t._v("file list")]),t._v(" "),a("td",[t._v("Array")]),t._v(" "),a("td",[t._v("[]")]),t._v(" "),a("td",[t._v("[{ name, size, url, status: 'success', progress: 1 }]")])]),t._v(" "),a("tr",[a("td",[t._v("action")]),t._v(" "),a("td",[t._v("upload action config")]),t._v(" "),a("td",[t._v("String/Object")]),t._v(" "),a("td",[t._v("''")]),t._v(" "),a("td",[t._v("{ target: '/upload' }")])]),t._v(" "),a("tr",[a("td",[t._v("max")]),t._v(" "),a("td",[t._v("max upload files number")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("10")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("auto")]),t._v(" "),a("td",[t._v("whether auto start upload")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("simultaneousUploads")]),t._v(" "),a("td",[t._v("the number of simultaneous uploads")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("1")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("multiple")]),t._v(" "),a("td",[t._v("multiple select")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("accept")]),t._v(" "),a("td",[t._v("input accept")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("image/*")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("processFile")]),t._v(" "),a("td",[t._v("process the original file")]),t._v(" "),a("td",[t._v("Function")]),t._v(" "),a("td",[t._v("function (file, next) { next(file) }")]),t._v(" "),a("td",[t._v("-")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("code",{pre:!0},[t._v("action")]),t._v(" sub configuration")])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("If "),a("code",{pre:!0},[t._v("action")]),t._v(" is a string, it will be transformed into "),a("code",{pre:!0},[t._v("{ target: action }")]),t._v(".")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Attribute")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("target")]),t._v(" "),a("td",[t._v("the upload target URL for the multipart POST request, if this value is a function, then it will be called with the file object as parameter and the returned value as the URL")]),t._v(" "),a("td",[t._v("String/Function"),a("sup",[t._v("1.11.0+")])]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("fileName")]),t._v(" "),a("td",[t._v("the name of the multipart POST parameter")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("'file'")])]),t._v(" "),a("tr",[a("td",[t._v("prop")]),t._v(" "),a("td",[t._v("which property in file object will be uploaded")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("'file'")])]),t._v(" "),a("tr",[a("td",[t._v("headers")]),t._v(" "),a("td",[t._v("extra headers to include in the multipart POST, if this value is a function, then it will be called with the file object as parameter and the returned value as headers")]),t._v(" "),a("td",[t._v("Object/Function"),a("sup",[t._v("1.11.0+")])]),t._v(" "),a("td",[t._v("{}")])]),t._v(" "),a("tr",[a("td",[t._v("data")]),t._v(" "),a("td",[t._v("extra data to include in the multipart POST, if this value is a function, then it will be called with the file object as parameter and the returned value as data")]),t._v(" "),a("td",[t._v("Object/Function"),a("sup",[t._v("1.11.0+")])]),t._v(" "),a("td",[t._v("{}")])]),t._v(" "),a("tr",[a("td",[t._v("withCredentials")]),t._v(" "),a("td",[t._v("Standard CORS requests would not send or set any cookies by default. In order to include cookies as part of the request, you need to set the withCredentials property to true")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("timeout")]),t._v(" "),a("td",[t._v("upload request timeout value")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("0")])]),t._v(" "),a("tr",[a("td",[t._v("progressInterval")]),t._v(" "),a("td",[t._v("The time interval between progress reports (Unit: ms)")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("100")])]),t._v(" "),a("tr",[a("td",[t._v("checkSuccess")]),t._v(" "),a("td",[t._v("Check the response should be successful, the parameters is "),a("code",{pre:!0},[t._v("(response, file[, cb])")]),t._v(" object. The "),a("code",{pre:!0},[t._v("file")]),t._v(" and optional "),a("code",{pre:!0},[t._v("cb")]),t._v(" parameters are avaliable after 1.11.0. If there are no "),a("code",{pre:!0},[t._v("cb")]),t._v(" then get this function as result "),a("code",{pre:!0},[t._v("isSuccess")]),t._v(", otherwise the "),a("code",{pre:!0},[t._v("cb(isSuccess)")]),t._v(" parameter "),a("code",{pre:!0},[t._v("isSuccess")]),t._v(" as the result. If the result "),a("code",{pre:!0},[t._v("isSuccess")]),t._v(" is "),a("code",{pre:!0},[t._v("true")]),t._v(" then it will be treated as successful")]),t._v(" "),a("td",[t._v("Function")]),t._v(" "),a("td",[t._v("function (res) { return true }")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("code",{pre:!0},[t._v("processFile")]),t._v(" sub configuration")])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("A function with two parameters: "),a("code",{pre:!0},[t._v("(file, next)")]),t._v(", the "),a("code",{pre:!0},[t._v("file")]),t._v(" is the original file and the "),a("code",{pre:!0},[t._v("next")]),t._v(" callback must be called with the processed file.")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Event Name")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Parameters")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("files-added")]),t._v(" "),a("td",[t._v("triggers when files are added, usually used for file validation")]),t._v(" "),a("td",[t._v("original files")])]),t._v(" "),a("tr",[a("td",[t._v("file-submitted")]),t._v(" "),a("td",[t._v("triggers when a file is added to the "),a("code",{pre:!0},[t._v("upload.files")])]),t._v(" "),a("td",[t._v("the file object")])]),t._v(" "),a("tr",[a("td",[t._v("file-removed")]),t._v(" "),a("td",[t._v("triggers when a file is removed")]),t._v(" "),a("td",[t._v("the file object")])]),t._v(" "),a("tr",[a("td",[t._v("file-success")]),t._v(" "),a("td",[t._v("triggers when a file is uploaded successfully")]),t._v(" "),a("td",[t._v("the file object")])]),t._v(" "),a("tr",[a("td",[t._v("file-error")]),t._v(" "),a("td",[t._v("triggers when a file is failed to upload")]),t._v(" "),a("td",[t._v("the file object")])]),t._v(" "),a("tr",[a("td",[t._v("file-click")]),t._v(" "),a("td",[t._v("triggers when a file is clicked")]),t._v(" "),a("td",[t._v("the file object")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Method name")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Parameter")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("start")]),t._v(" "),a("td",[t._v("start uploading")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("pause")]),t._v(" "),a("td",[t._v("pause uploading")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("retry")]),t._v(" "),a("td",[t._v("retry uploading")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("removeFile")]),t._v(" "),a("td",[t._v("remove file")]),t._v(" "),a("td",[t._v("the file object")])])])])}]}},YJZO:function(t,s,a){t.exports=a("aeWw")},aeWw:function(t,s,a){var e=a("VU/8")(null,a("Y8qW"),null,null,null);t.exports=e.exports}}); \ No newline at end of file diff --git a/docs/js/49.38b72731663b30ba7a14.js b/docs/js/49.38b72731663b30ba7a14.js new file mode 100644 index 000000000..0f05dd261 --- /dev/null +++ b/docs/js/49.38b72731663b30ba7a14.js @@ -0,0 +1 @@ +webpackJsonp([49],{NzGw:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Toolbar"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Toolbar-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Toolbar")]),s._v(" "),s._m(0),s._v(" "),a("p",[s._v("Toolbar, with actions & more-actions.")]),s._v(" "),a("h3",{attrs:{id:"Example"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Example")]),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"Props"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props")]),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),a("h3",{attrs:{id:"Events"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Events")]),s._v(" "),s._m(5)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("New in 1.9.0+")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("Basic")]),s._v(" "),a("p",[s._v("You can use "),a("code",{pre:!0},[s._v("actions")]),s._v(" to define the toolbar actions.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-toolbar")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":actions")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"actions"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"clickHandler"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("money")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("10")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("actions")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'完成订单'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'showText'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'打车来接'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("checked")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'checkbox'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'一口价10元'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'moreMoney'")]),s._v("\n }\n ]\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showText(item) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'clicked '")]),s._v(" + item.text,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n },\n moreMoney(item) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".money += "),a("span",{attrs:{class:"hljs-number"}},[s._v("10")]),s._v("\n item.text = "),a("span",{attrs:{class:"hljs-string"}},[s._v("'一口价'")]),s._v(" + "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".money + "),a("span",{attrs:{class:"hljs-string"}},[s._v("'元'")]),s._v("\n },\n clickHandler(item) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (item.action) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v("[item.action](item)\n }\n }\n }\n}\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-stylus"}},[a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".orange")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("#fc9153")]),s._v("\n")])]),s._v(" "),a("p",[s._v("You can use handle the action in "),a("code",{pre:!0},[s._v("click")]),s._v(" event handler.")])]),s._v(" "),a("li",[a("p",[s._v("More actions")]),s._v(" "),a("p",[s._v("You can use "),a("code",{pre:!0},[s._v("moreActions")]),s._v(" to define more actions.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-toolbar")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":actions")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"actions"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":more-actions")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"moreActions"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"clickHandler"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("money")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("10")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("actions")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'完成订单'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'showText'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'打车来接'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("checked")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'checkbox'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'一口价10元'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'moreMoney'")]),s._v("\n }\n ],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("moreActions")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'操作a'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'showText'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'操作b'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'showText'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'操作c'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-right'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'showText'")]),s._v("\n }\n ]\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showText(item) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'clicked '")]),s._v(" + item.text,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n },\n moreMoney(item) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".money += "),a("span",{attrs:{class:"hljs-number"}},[s._v("10")]),s._v("\n item.text = "),a("span",{attrs:{class:"hljs-string"}},[s._v("'一口价'")]),s._v(" + "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".money + "),a("span",{attrs:{class:"hljs-string"}},[s._v("'元'")]),s._v("\n },\n clickHandler(item) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (item.action) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v("[item.action](item)\n }\n }\n }\n}\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-stylus"}},[a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".orange")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("#fc9153")]),s._v("\n")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Accepted Values")]),s._v(" "),a("th",[s._v("Demo")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("actions")]),s._v(" "),a("td",[s._v("actions description")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("[]")]),s._v(" "),a("td",[s._v("[ {text: '完成订单' } ]")])]),s._v(" "),a("tr",[a("td",[s._v("moreActions")]),s._v(" "),a("td",[s._v("more actions")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("[]")]),s._v(" "),a("td",[s._v("[ {text: '完成订单' } ]")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("actions")]),s._v(" sub configuration")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Accepted Values")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("type")]),s._v(" "),a("td",[s._v("type, button or checkbox")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("button/checkbox")]),s._v(" "),a("td",[s._v("button")])]),s._v(" "),a("tr",[a("td",[s._v("text")]),s._v(" "),a("td",[s._v("text, support html string")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("''")])]),s._v(" "),a("tr",[a("td",[s._v("checked")]),s._v(" "),a("td",[s._v("if type is checkbox, then this value will be the Checkbox's model alue")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Event Name")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Parameters")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("click")]),s._v(" "),a("td",[s._v("clicked one item")]),s._v(" "),a("td",[s._v("item value")])]),s._v(" "),a("tr",[a("td",[s._v("more-click")]),s._v(" "),a("td",[s._v("clicked more item")]),s._v(" "),a("td",[s._v("whether more actions is visible")])])])])}]}},bNJT:function(s,t,a){var n=a("VU/8")(null,a("NzGw"),null,null,null);s.exports=n.exports},yyOQ:function(s,t,a){s.exports=a("bNJT")}}); \ No newline at end of file diff --git a/docs/js/5.df54f9daf110a907159b.js b/docs/js/5.df54f9daf110a907159b.js new file mode 100644 index 000000000..74855ef57 --- /dev/null +++ b/docs/js/5.df54f9daf110a907159b.js @@ -0,0 +1 @@ +webpackJsonp([5],{"T/h8":function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Toast"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Toast-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Toast")]),s._v(" "),s._m(0),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"示例"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 示例")]),s._v(" "),s._m(2),s._v(" "),a("h3",{attrs:{id:"Props配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props 配置")]),s._v(" "),s._m(3),s._v(" "),a("h3",{attrs:{id:"事件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-事件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 事件")]),s._v(" "),s._m(4),s._v(" "),a("h3",{attrs:{id:"实例方法"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-实例方法-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 实例方法")]),s._v(" "),s._m(5)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("code",{pre:!0},[s._v("Toast")]),s._v("组件主要用于非模态信息提醒，无需用户交互。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("strong",[s._v("注：")]),s._v(" 由于此组件基于 create-api 实现，所以在使用之前，请确保自己了解过 "),a("a",{attrs:{href:"#/zh-CN/docs/create-api"}},[s._v("create-api")]),s._v("。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("显示时间设置")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showToastTime"')]),s._v(">")]),s._v("Toast - time 1s"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showToastTime0"')]),s._v(">")]),s._v("Toast - time 0"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showToastTime() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" toast = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Toast time 1s'")]),s._v("\n })\n toast.show()\n },\n showToastTime0() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" toast = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Toast time 0'")]),s._v("\n })\n toast.show()\n setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n toast.hide()\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("2000")]),s._v(")\n }\n }\n}\n")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("time")]),s._v(" 字段决定了 Toast 显示的时间，如果设置为 "),a("code",{pre:!0},[s._v("0")]),s._v("，则不会消失，需要手动调用组件的 "),a("code",{pre:!0},[s._v("hide")]),s._v(" 方法。")])]),s._v(" "),a("li",[a("p",[s._v("显示遮罩")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showToastMask"')]),s._v(">")]),s._v("Toast- with mask"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showToastMask () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" toast = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Loading...'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("mask")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n })\n toast.show()\n }\n }\n}\n")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("mask")]),s._v(" 设置为 "),a("code",{pre:!0},[s._v("true")]),s._v(" 时会显示遮罩。")])]),s._v(" "),a("li",[a("p",[s._v("类型设置")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showToastType"')]),s._v(">")]),s._v("Toast - type"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showToastType() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" toast = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v("\n })\n toast.show()\n }\n }\n}\n")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("type")]),s._v(" 字段决定了 Toast 的显示图标类型，具体对应关系，参见下方的 Props 配置。")])]),s._v(" "),a("li",[a("p",[s._v("纯文本类型"),a("sup",[s._v("1.11.0")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showToastTxtOnly"')]),s._v(">")]),s._v("Toast - txt only"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showToastTxtOnly() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".toast = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Plain txt'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'txt'")]),s._v("\n })\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".toast.show()\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("事件回调")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showToastCallback"')]),s._v(">")]),s._v("Toast - callback"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showToastCallbak() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" toast = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Timeout'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onTimeout")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'Timeout'")]),s._v(")\n }\n })\n toast.show()\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("除了设置 "),a("code",{pre:!0},[s._v("onTimeout")]),s._v(" 的形式，还可以通过 "),a("code",{pre:!0},[s._v("$events")]),s._v(" 传入事件回调。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showToastCallbak() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" toast = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Timeout'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("$events")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("timeout")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'Timeout'")]),s._v(")\n }\n }\n })\n toast.show()\n }\n }\n}\n")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("可选值")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("visible"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("显示状态，是否可见。"),a("code",{pre:!0},[s._v("v-model")]),s._v("绑定值")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("type")]),s._v(" "),a("td",[s._v("类型(对应不同的 icon)")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("loading/correct/error/warn/txt"),a("sup",[s._v("1.11.0")])]),s._v(" "),a("td",[s._v("loading")])]),s._v(" "),a("tr",[a("td",[s._v("mask")]),s._v(" "),a("td",[s._v("遮罩")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("txt")]),s._v(" "),a("td",[s._v("提示信息")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("''")])]),s._v(" "),a("tr",[a("td",[s._v("time")]),s._v(" "),a("td",[s._v("显示时间")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("3000")])]),s._v(" "),a("tr",[a("td",[s._v("maskClosable"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("点击蒙层是否隐藏")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("zIndex"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("样式 z-index 的值")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("900")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("事件名")]),s._v(" "),a("th",[s._v("说明")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("timeout")]),s._v(" "),a("td",[s._v("当显示时间结束时派发")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("方法名")]),s._v(" "),a("th",[s._v("说明")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("show")]),s._v(" "),a("td",[s._v("显示")])]),s._v(" "),a("tr",[a("td",[s._v("hide")]),s._v(" "),a("td",[s._v("隐藏")])])])])}]}},Wmdn:function(s,t,a){s.exports=a("b4Iz")},b4Iz:function(s,t,a){var v=a("VU/8")(null,a("T/h8"),null,null,null);s.exports=v.exports}}); \ No newline at end of file diff --git a/docs/js/5.fdc8b62dc70fe8a78a8d.js b/docs/js/5.fdc8b62dc70fe8a78a8d.js deleted file mode 100644 index c243c9eb8..000000000 --- a/docs/js/5.fdc8b62dc70fe8a78a8d.js +++ /dev/null @@ -1 +0,0 @@ -webpackJsonp([5],{481:function(s,t,a){s.exports=a(569)},569:function(s,t,a){var l=a(11)(null,a(570),null,null,null);s.exports=l.exports},570:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement;s._self._c;return s._m(0)},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",[s._v("style 模块")]),s._v(" "),a("p",[s._v("style 模块主要包含就是样式部分，包含基础的 reset、基础通用样式以及内置 icon。")]),s._v(" "),a("h3",[s._v("reset.css")]),s._v(" "),a("p",[s._v("源码地址："),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/src/common/stylus/reset.styl"}},[s._v("reset")]),s._v("，使用的就是 Eric Meyer's Reset CSS。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-stylus"}},[a("span",{attrs:{class:"hljs-comment"}},[s._v("/**\n * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)\n * http://cssreset.com\n */")]),s._v("\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("html")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("body")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("div")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("span")]),s._v(", applet, "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("object")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("iframe")]),s._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("h1")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("h2")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("h3")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("h4")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("h5")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("h6")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("p")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("blockquote")]),s._v(", pre,\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("a")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("abbr")]),s._v(", acronym, "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("address")]),s._v(", big, "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("cite")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("code")]),s._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("del")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("dfn")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("em")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("img")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("ins")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("kbd")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("q")]),s._v(", s, "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("samp")]),s._v(",\nsmall, strike, "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("strong")]),s._v(", sub, "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("sup")]),s._v(", tt, "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("var")]),s._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("b")]),s._v(", u, "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("i")]),s._v(", center,\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("dl")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("dt")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("dd")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("ol")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("ul")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("li")]),s._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("fieldset")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("form")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("label")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("legend")]),s._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("table")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("caption")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("tbody")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("tfoot")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("thead")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("tr")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("th")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("td")]),s._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("article")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("aside")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("canvas")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("details")]),s._v(", embed,\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("figure")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("figcaption")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("footer")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("header")]),s._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("menu")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("nav")]),s._v(", output, ruby, "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("section")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("summary")]),s._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("time")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("mark")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("audio")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("video")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("input")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("margin")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("padding")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("border")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("font-size")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("100%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("font-weight")]),s._v(": normal\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("vertical-align")]),s._v(": baseline\n\n"),a("span",{attrs:{class:"hljs-comment"}},[s._v("/* HTML5 display-role reset for older browsers */")]),s._v("\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("article")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("aside")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("details")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("figcaption")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("figure")]),s._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("footer")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("header")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("menu")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("nav")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("section")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("display")]),s._v(": block\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("body")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("line-height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("blockquote")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("q")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("quotes")]),s._v(": none\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("blockquote")]),s._v(":before, "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("blockquote")]),s._v(":after,\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("q")]),s._v(":before, "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("q")]),s._v(":after\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("content")]),s._v(": none\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("table")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("border-collapse")]),s._v(": collapse\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("border-spacing")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-comment"}},[s._v("/* custom */")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("a")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("#7e8c8d")]),s._v("\n -webkit-"),a("span",{attrs:{class:"hljs-attribute"}},[s._v("backface-visibility")]),s._v(": hidden\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("text-decoration")]),s._v(": none\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("li")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("list-style")]),s._v(": none\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("body")]),s._v("\n -webkit-text-size-adjust: "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("none")]),s._v("\n -webkit-tap-highlight-"),a("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(": rgba("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(")\n")])]),s._v(" "),a("h3",[s._v("base.css")]),s._v(" "),a("p",[s._v("源码地址："),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/src/common/stylus/base.styl"}},[s._v("base")]),s._v("，主要包含的就是 "),a("code",{pre:!0},[s._v("html")]),s._v(", "),a("code",{pre:!0},[s._v("body")]),s._v(" 元素的 "),a("code",{pre:!0},[s._v("font-family")]),s._v(", "),a("code",{pre:!0},[s._v("line-height")]),s._v(" 等的设定，修正浮动影响的 "),a("code",{pre:!0},[s._v(".clear-fix")]),s._v("，以及上下左右四个边框的绝对 1px 边框的 class："),a("code",{pre:!0},[s._v(".border-top-1px")]),s._v(", "),a("code",{pre:!0},[s._v(".border-right-1px")]),s._v(", "),a("code",{pre:!0},[s._v(".border-bottom-1px")]),s._v(", "),a("code",{pre:!0},[s._v(".border-left-1px")]),s._v("。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-stylus"}},[s._v("@import "),a("span",{attrs:{class:"hljs-string"}},[s._v('"./variable.styl"')]),s._v("\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("body")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("html")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("line-height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("font-family")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'PingFang SC'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'STHeitiSC-Light'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Helvetica-Light'")]),s._v(", arial, sans-serif, "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Droid Sans Fallback'")]),s._v("\n user-select: "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("none")]),s._v("\n -webkit-tap-highlight-"),a("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(": transparent\n\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".clear-fix")]),s._v("\n &::after\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('""')]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("display")]),s._v(": table\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("clear")]),s._v(": both\n\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-top-1px")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-right-1px")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-bottom-1px")]),s._v(", "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-left-1px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("position")]),s._v(": relative\n &::before, &::after\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('""')]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("display")]),s._v(": block\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("position")]),s._v(": absolute\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform-origin")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(" "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-top-1px")]),s._v("\n &::before\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("border-top")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1px")]),s._v(" solid "),a("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-row-line\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("left")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("top")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("width")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("100%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform-origin")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(" top\n\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-right-1px")]),s._v("\n &::after\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("border-right")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1px")]),s._v(" solid "),a("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-col-line\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("top")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("right")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("100%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform-origin")]),s._v(": right "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-bottom-1px")]),s._v("\n &::after\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("border-bottom")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1px")]),s._v(" solid "),a("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-row-line\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("left")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("bottom")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("width")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("100%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform-origin")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(" bottom\n\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-left-1px")]),s._v("\n &::before\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("border-left")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1px")]),s._v(" solid "),a("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-col-line\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("top")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("left")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("100%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform-origin")]),s._v(": left "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n\n@media (min-resolution: "),a("span",{attrs:{class:"hljs-number"}},[s._v("2dppx")]),s._v(")\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-top-1px")]),s._v("\n &::before\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("width")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("200%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform")]),s._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(")\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-right-1px")]),s._v("\n &::after\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("200%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform")]),s._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(")\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-bottom-1px")]),s._v("\n &::after\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("width")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("200%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform")]),s._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(")\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-left-1px")]),s._v("\n &::before\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("200%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform")]),s._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(")\n\n@media (min-resolution: "),a("span",{attrs:{class:"hljs-number"}},[s._v("3dppx")]),s._v(")\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-top-1px")]),s._v("\n &::before\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("width")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("300%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform")]),s._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[s._v("333")]),s._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(")\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-right-1px")]),s._v("\n &::after\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("300%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform")]),s._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[s._v("333")]),s._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(")\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-bottom-1px")]),s._v("\n &::after\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("width")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("300%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform")]),s._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[s._v("333")]),s._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(")\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".border-left-1px")]),s._v("\n &::before\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("300%")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("transform")]),s._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[s._v("333")]),s._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(")\n")])]),s._v(" "),a("h3",[s._v("内置 icon")]),s._v(" "),a("p",[s._v("图标是利用 "),a("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face"}},[s._v("font-face")]),s._v(" 规则自定义字体 "),a("code",{pre:!0},[s._v('"cube-icon"')]),s._v(" 实现的。")]),s._v(" "),a("p",[s._v("内置 icon 有 13 个：")]),s._v(" "),a("p",[a("img",{attrs:{src:"https://raw.githubusercontent.com/didi/cube-ui/master/assets/icon.png",alt:"cube icons"}})]),s._v(" "),a("p",[s._v("使用的时候只需要加入对应的类名即可，例如 alert 图标，可以这样用："),a("code",{pre:!0},[s._v('')]),s._v("。")])])}]}}}); \ No newline at end of file diff --git a/docs/js/50.30d54e5e374954844533.js b/docs/js/50.30d54e5e374954844533.js new file mode 100644 index 000000000..35b72ba60 --- /dev/null +++ b/docs/js/50.30d54e5e374954844533.js @@ -0,0 +1 @@ +webpackJsonp([50],{"2Nnc":function(s,t,a){var e=a("VU/8")(null,a("3lBJ"),null,null,null);s.exports=e.exports},"3lBJ":function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Toast"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Toast-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Toast")]),s._v(" "),s._m(0),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"Example"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Example")]),s._v(" "),s._m(2),s._v(" "),a("h3",{attrs:{id:"Propsconfiguration"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props configuration")]),s._v(" "),s._m(3),s._v(" "),a("h3",{attrs:{id:"Events"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Events")]),s._v(" "),s._m(4),s._v(" "),a("h3",{attrs:{id:"Instancemethods"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Instancemethods-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Instance methods")]),s._v(" "),s._m(5)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("code",{pre:!0},[s._v("Toast")]),s._v(" component.You can use it to show non-modal tip message without user interaction.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("strong",[s._v("Notice:")]),s._v(" Cause this component used create-api, so you should read "),a("a",{attrs:{href:"#/en-US/docs/create-api"}},[s._v("create-api")]),s._v(" first.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("Duration of display")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showToastTime"')]),s._v(">")]),s._v("Toast - time 1s"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showToastTime0"')]),s._v(">")]),s._v("Toast - time 0"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showToastTime() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" toast = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Toast time 1s'")]),s._v("\n })\n toast.show()\n },\n showToastTime0() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" toast = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Toast time 0'")]),s._v("\n })\n toast.show()\n setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n toast.hide()\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("2000")]),s._v(")\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("Set "),a("code",{pre:!0},[s._v("time")]),s._v(" to change the duration of display.If set to 0, the toast will not hide automatically and you must invoke the component's "),a("code",{pre:!0},[s._v("hide")]),s._v(" method manually to hide it.")])]),s._v(" "),a("li",[a("p",[s._v("Show mask layer")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showToastMask"')]),s._v(">")]),s._v("Toast- with mask"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showToastMask () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" toast = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Loading...'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("mask")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n })\n toast.show()\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("Set "),a("code",{pre:!0},[s._v("mask")]),s._v(" to "),a("code",{pre:!0},[s._v("true")]),s._v(" to display mask.")])]),s._v(" "),a("li",[a("p",[s._v("Tip type")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showToastType"')]),s._v(">")]),s._v("Toast - type"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showToastType() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" toast = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v("\n })\n toast.show()\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("Set "),a("code",{pre:!0},[s._v("type")]),s._v(" to change the tip icon.You can see accepted types in the following "),a("code",{pre:!0},[s._v("Props configuration")]),s._v(".")])]),s._v(" "),a("li",[a("p",[s._v("Show txt only"),a("sup",[s._v("1.11.0")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showToastTxtOnly"')]),s._v(">")]),s._v("Toast - txt only"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showToastTxtOnly() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".toast = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Plain txt'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'txt'")]),s._v("\n })\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".toast.show()\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("Callback")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showToastCallback"')]),s._v(">")]),s._v("Toast - callback"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showToastCallbak() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" toast = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Timeout'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onTimeout")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'Timeout'")]),s._v(")\n }\n })\n toast.show()\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("Besides set "),a("code",{pre:!0},[s._v("onTimeout")]),s._v(".You can pass the callback through "),a("code",{pre:!0},[s._v("$events")]),s._v(" too.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showToastCallbak() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" toast = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Timeout'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("$events")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("timeout")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'Timeout'")]),s._v(")\n }\n }\n })\n toast.show()\n }\n }\n}\n")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Accepted Values")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("type")]),s._v(" "),a("td",[s._v("toast type(different types of icons)")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("loading/correct/error/warn/txt"),a("sup",[s._v("1.11.0")])]),s._v(" "),a("td",[s._v("loading")])]),s._v(" "),a("tr",[a("td",[s._v("mask")]),s._v(" "),a("td",[s._v("whether to show mask layer")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("txt")]),s._v(" "),a("td",[s._v("tip text")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("''")])]),s._v(" "),a("tr",[a("td",[s._v("time")]),s._v(" "),a("td",[s._v("display duration, millisecond")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("3000")])]),s._v(" "),a("tr",[a("td",[s._v("visible"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("whether visible. Bind to "),a("code",{pre:!0},[s._v("v-model")])]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("maskClosable"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("whether hide the component when clicked the mask layer")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("zIndex"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("the value of the style z-index")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("900")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Event Name")]),s._v(" "),a("th",[s._v("Description")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("timeout")]),s._v(" "),a("td",[s._v("triggers when the display time is out")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Method name")]),s._v(" "),a("th",[s._v("Description")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("show")]),s._v(" "),a("td",[s._v("show")])]),s._v(" "),a("tr",[a("td",[s._v("hide")]),s._v(" "),a("td",[s._v("hide")])])])])}]}},jUSb:function(s,t,a){s.exports=a("2Nnc")}}); \ No newline at end of file diff --git a/docs/js/51.4157f27b05c1bcc31478.js b/docs/js/51.4157f27b05c1bcc31478.js new file mode 100644 index 000000000..316fd35d7 --- /dev/null +++ b/docs/js/51.4157f27b05c1bcc31478.js @@ -0,0 +1 @@ +webpackJsonp([51],{"R/8E":function(s,t,a){var e=a("VU/8")(null,a("vw4E"),null,null,null);s.exports=e.exports},"X+F9":function(s,t,a){s.exports=a("R/8E")},vw4E:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Tip"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Tip-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Tip")]),s._v(" "),s._m(0),s._v(" "),a("h3",{attrs:{id:"Example"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Example")]),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"Propsconfiguration"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props configuration")]),s._v(" "),s._m(2),s._v(" "),a("h3",{attrs:{id:"Slot"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Slot-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Slot")]),s._v(" "),s._m(3),s._v(" "),a("h3",{attrs:{id:"Events"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Events")]),s._v(" "),s._m(4)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("code",{pre:!0},[s._v("Tip")]),s._v(", used to popup tip bubble box.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("Basic usage")]),s._v(" "),a("p",[s._v("By adding "),a("code",{pre:!0},[s._v("ref")]),s._v(" to "),a("code",{pre:!0},[s._v("Tip")]),s._v(", you can get the reference to the component and invoke "),a("code",{pre:!0},[s._v("show")]),s._v(" or "),a("code",{pre:!0},[s._v("hide")]),s._v(" methods which are exposed by "),a("code",{pre:!0},[s._v("Tip")]),s._v(" to control the show or hide state of the component.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"tip"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showTip"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-tip")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"tip"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showTip () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.tip.show()\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("The position of the small triangle and the bubble box")]),s._v(" "),a("p",[s._v("You can configure the direction of the small triangle by "),a("code",{pre:!0},[s._v("direction")]),s._v(" and configure the position of the bubble box by "),a("code",{pre:!0},[s._v("style")]),s._v(". Normally, the direction of the small triangle is opposite to the position of the bubble box.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("p")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"tip-eg"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v(">")]),s._v("CubeUI"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-tip")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"tip"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":direction")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"direction"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":style")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"tipStyle"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@close")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"close"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"clickHandler"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(">")]),s._v("Awesome!"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"showTip('bottom')\"")]),s._v(">")]),s._v("top"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"showTip('top')\"")]),s._v(">")]),s._v("bottom"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"showTip('right')\"")]),s._v(">")]),s._v("left"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"showTip('left')\"")]),s._v(">")]),s._v("right"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("direction")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("tipStyle")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v("\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showTip(direction) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".direction = direction\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.tip.show()\n\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("switch")]),s._v(" (direction) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("case")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'top'")]),s._v(":\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".tipStyle = "),a("span",{attrs:{class:"hljs-string"}},[s._v("'left: 100px; top: 100px;'")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("break")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("case")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'bottom'")]),s._v(":\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".tipStyle = "),a("span",{attrs:{class:"hljs-string"}},[s._v("'left: 100px; top: 20px;'")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("break")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("case")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'left'")]),s._v(":\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".tipStyle = "),a("span",{attrs:{class:"hljs-string"}},[s._v("'left: 200px; top: 60px;'")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("break")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("case")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'right'")]),s._v(":\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".tipStyle = "),a("span",{attrs:{class:"hljs-string"}},[s._v("'left: 5px; top: 60px;'")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("break")]),s._v("\n }\n },\n close() {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'click close button'")]),s._v(")\n },\n clickHandler() {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'click tip area'")]),s._v(")\n }\n }\n}\n")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Accepted Values")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("direction")]),s._v(" "),a("td",[s._v("the direction of the small triangle")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("top/bottom/left/right")]),s._v(" "),a("td",[s._v("left")])]),s._v(" "),a("tr",[a("td",[s._v("offsetLeft")]),s._v(" "),a("td",[s._v("the distance between the small triangle and the left part of x axis")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("0")])]),s._v(" "),a("tr",[a("td",[s._v("offsetTop")]),s._v(" "),a("td",[s._v("the distance between the small triangle and the origin of y axis")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("0")])]),s._v(" "),a("tr",[a("td",[s._v("offsetRight")]),s._v(" "),a("td",[s._v("the distance between the small triangle and the right part of x axis")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("0")])]),s._v(" "),a("tr",[a("td",[s._v("offsetBottom")]),s._v(" "),a("td",[s._v("the distance between the small triangle and the bottom part of y axis")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("0")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("name")]),s._v(" "),a("th",[s._v("description")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("-")]),s._v(" "),a("td",[s._v("the content shown inside the tip component")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Event Name")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Parameters")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("close")]),s._v(" "),a("td",[s._v("the event that exposed when clicking the close button of tips, which will hide at the same time")]),s._v(" "),a("td",[s._v("None")])]),s._v(" "),a("tr",[a("td",[s._v("clicked")]),s._v(" "),a("td",[s._v("the event that exposed when clicking the content of tips, which will hide at the same time")]),s._v(" "),a("td",[s._v("None")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/52.eb1222bfcf0bfb35e9a5.js b/docs/js/52.eb1222bfcf0bfb35e9a5.js new file mode 100644 index 000000000..163443be7 --- /dev/null +++ b/docs/js/52.eb1222bfcf0bfb35e9a5.js @@ -0,0 +1 @@ +webpackJsonp([52],{BGpj:function(s,t,a){s.exports=a("IJyB")},IJyB:function(s,t,a){var e=a("VU/8")(null,a("f6CX"),null,null,null);s.exports=e.exports},f6CX:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"TimePicker"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-TimePicker-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" TimePicker")]),s._v(" "),s._m(0),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"Example"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Example")]),s._v(" "),s._m(2),s._v(" "),a("h3",{attrs:{id:"Propsconfiguration"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props configuration")]),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),s._m(5),s._v(" "),s._m(6),s._v(" "),s._m(7),s._v(" "),a("h3",{attrs:{id:"Events"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Events")]),s._v(" "),s._m(8),s._v(" "),a("h3",{attrs:{id:"Instancemethods"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Instancemethods-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Instance methods")]),s._v(" "),s._m(9)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("code",{pre:!0},[s._v("TimePicker")]),s._v(" component provides commonly used functions of date selection.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("strong",[s._v("Notice:")]),s._v(" Cause this component used create-api, so you should read "),a("a",{attrs:{href:"#/en-US/docs/create-api"}},[s._v("create-api")]),s._v(" first.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("Basic usage")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showTimePicker"')]),s._v(">")]),s._v("TimePicker"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showTimePicker () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createTimePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("showNow")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("minuteStep")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("delay")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("15")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("selectedTime, selectedText, formatedTime")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`selected time: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedTime}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`selected text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText}")]),s._v("
format time: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${formatedTime}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Clicked cancel button'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n }).show()\n }\n }\n}\n")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("showNow")]),s._v(' is uesed to control whether the time "now" is displayed. '),a("code",{pre:!0},[s._v("minuteStep")]),s._v(" is used to control the step of the minute. "),a("code",{pre:!0},[s._v("delay")]),s._v(" represents the time that postponed backwards from now, which determines the minimal optional time.")])]),s._v(" "),a("li",[a("p",[s._v("Configuration of date options")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showTimePicker"')]),s._v(">")]),s._v("TimePicker - day options"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showTimePicker () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createTimePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("showNow")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("minuteStep")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("10")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("delay")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("10")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("day")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("len")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("filter")]),s._v(": ["),a("span",{attrs:{class:"hljs-string"}},[s._v("'Today'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Tomorrow'")]),s._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("format")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'M year d day'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("selectedTime, selectedText, formatedTime")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`selected time: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedTime}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`selected text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText}")]),s._v("
format time: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${formatedTime}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Clicked cancel button'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n }).show()\n }\n }\n}\n")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("len")]),s._v(" attribute in "),a("code",{pre:!0},[s._v("day")]),s._v(" can set the length of date displayed in the first column.")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("filter")]),s._v(" attribute can set the text of the date displayed in the first column.")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("format")]),s._v(" attribute can set the text in "),a("code",{pre:!0},[s._v("M year d day")]),s._v(" format when the "),a("code",{pre:!0},[s._v("len")]),s._v(" is greater than the length of "),a("code",{pre:!0},[s._v("filter")]),s._v(" array.")])]),s._v(" "),a("li",[a("p",[s._v("Format"),a("sup",[s._v("1.10.0+")])]),s._v(" "),a("p",[s._v("You can use property "),a("code",{pre:!0},[s._v("format")]),s._v(" to configure the format of "),a("code",{pre:!0},[s._v("formatedTime")]),s._v(", an argument of event "),a("code",{pre:!0},[s._v("select")]),s._v(".")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showFormatPicker"')]),s._v(">")]),s._v("Config format"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showFormatPicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".formatPicker) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".formatPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createTimePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("format")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'hh:mm'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandler,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandler\n })\n }\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".formatPicker.show()\n },\n selectHandler(selectedTime, selectedText, formatedTime) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`selected time: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedTime}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`selected text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText}")]),s._v("
format time: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${formatedTime}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n cancelHandler() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("Min "),a("sup",[s._v("1.12.6")])]),s._v(" "),a("p",[s._v("You could use the property "),a("code",{pre:!0},[s._v("min")]),s._v(" to set the min optional time. It could accept a date (Date type) or a timestamp (Number type).")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showMinPicker"')]),s._v(">")]),s._v("Config min"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showMinPicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".minPicker) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".minPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createTimePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("min")]),s._v(": +"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("() - ("),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(" * "),a("span",{attrs:{class:"hljs-number"}},[s._v("60")]),s._v(" + "),a("span",{attrs:{class:"hljs-number"}},[s._v("20")]),s._v(") * "),a("span",{attrs:{class:"hljs-number"}},[s._v("60")]),s._v(" * "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandler,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandler\n })\n }\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".minPicker.show()\n },\n selectHandler(selectedTime, selectedText, formatedTime) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`selected time: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedTime}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`selected text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText}")]),s._v("
format time: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${formatedTime}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n cancelHandler() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("Max "),a("sup",[s._v("1.12.6")])]),s._v(" "),a("p",[s._v("You could use the property "),a("code",{pre:!0},[s._v("max")]),s._v(" to set the max optional time. It could accept a date (Date type) or a timestamp (Number type).")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showMaxPicker"')]),s._v(">")]),s._v("Config max"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showMaxPicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".maxPicker) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".maxPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createTimePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("delay")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("max")]),s._v(": +"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("() + (("),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(" * "),a("span",{attrs:{class:"hljs-number"}},[s._v("24")]),s._v(" + "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(") * "),a("span",{attrs:{class:"hljs-number"}},[s._v("60")]),s._v(" + "),a("span",{attrs:{class:"hljs-number"}},[s._v("20")]),s._v(") * "),a("span",{attrs:{class:"hljs-number"}},[s._v("60")]),s._v(" * "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandler,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandler\n })\n }\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".maxPicker.show()\n },\n selectHandler(selectedTime, selectedText, formatedTime) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`selected time: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedTime}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`selected text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText}")]),s._v("
format time: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${formatedTime}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n cancelHandler() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("Set time manually")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showTimePicker"')]),s._v(">")]),s._v("TimePicker - setTime(next hour)"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" time = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("().valueOf() + "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(" * "),a("span",{attrs:{class:"hljs-number"}},[s._v("60")]),s._v(" * "),a("span",{attrs:{class:"hljs-number"}},[s._v("60")]),s._v(" * "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n showTimePicker () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" timePicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createTimePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("showNow")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("minuteStep")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("10")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("delay")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("15")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("day")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("len")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("filter")]),s._v(": ["),a("span",{attrs:{class:"hljs-string"}},[s._v("'Today'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Tomorrow'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'The day after tomorrow'")]),s._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("format")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'M year D day'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("selectedTime, selectedText, formatedTime")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`selected time: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedTime}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`selected text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText}")]),s._v("
format time: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${formatedTime}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Clicked cancel button'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n })\n\n timePicker.setTime(time)\n timePicker.show()\n }\n }\n}\n")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("timePicker")]),s._v(" instance exports "),a("code",{pre:!0},[s._v("setTime")]),s._v(" methos to set time manually with the time stamp as time format. When the time stamp is lower than current time stamp, "),a("code",{pre:!0},[s._v("timePicker")]),s._v(" displays current time by default.")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("day")]),s._v(" "),a("td",[s._v("date configuration")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("{ len: 3, filter: ['今日'], format: 'M月D日' }")])]),s._v(" "),a("tr",[a("td",[s._v("showNow")]),s._v(" "),a("td",[s._v("whether to display now; configure the text of option now"),a("sup",[s._v("1.9.0")])]),s._v(" "),a("td",[s._v("Boolean, Object"),a("sup",[s._v("1.9.0")])]),s._v(" "),a("td",[s._v("true")])]),s._v(" "),a("tr",[a("td",[s._v("minuteStep")]),s._v(" "),a("td",[s._v("step of the minute")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("10")])]),s._v(" "),a("tr",[a("td",[s._v("delay")]),s._v(" "),a("td",[s._v("minutes that postponed backwards from now, which determines the minimal optional time (only effect without setting "),a("code",{pre:!0},[s._v("min")]),s._v(")")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("15")])]),s._v(" "),a("tr",[a("td",[s._v("min"),a("sup",[s._v("1.12.6")])]),s._v(" "),a("td",[s._v("the min optional time")]),s._v(" "),a("td",[s._v("Date, Number")]),s._v(" "),a("td",[s._v("null")])]),s._v(" "),a("tr",[a("td",[s._v("max"),a("sup",[s._v("1.12.6")])]),s._v(" "),a("td",[s._v("the max optional time")]),s._v(" "),a("td",[s._v("Date, Number")]),s._v(" "),a("td",[s._v("null")])]),s._v(" "),a("tr",[a("td",[s._v("title")]),s._v(" "),a("td",[s._v("title")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'选择时间'")])]),s._v(" "),a("tr",[a("td",[s._v("subtitle"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("subtitle")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("''")])]),s._v(" "),a("tr",[a("td",[s._v("cancelTxt"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("the text of the cancel button")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'取消'")])]),s._v(" "),a("tr",[a("td",[s._v("confirmTxt"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("the text of the confirm button")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'确定'")])]),s._v(" "),a("tr",[a("td",[s._v("swipeTime")]),s._v(" "),a("td",[s._v("the duration of the momentum animation when user flicks the wheel of the picker, Unit: ms")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("2500")])]),s._v(" "),a("tr",[a("td",[s._v("visible"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("whether visible. Bind to "),a("code",{pre:!0},[s._v("v-model")])]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("maskClosable"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("whether hide the component when clicked the mask layer")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true")])]),s._v(" "),a("tr",[a("td",[s._v("format"),a("sup",[s._v("1.10.0")])]),s._v(" "),a("td",[s._v("the format of formatedTime the third argument of select event")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'YYYY/M/D hh:mm'")])]),s._v(" "),a("tr",[a("td",[s._v("zIndex"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("the value of the style z-index")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("100")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("day")]),s._v(" sub configuration")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("len")]),s._v(" "),a("td",[s._v("date column, postpone "),a("code",{pre:!0},[s._v("len")]),s._v(" days backwards from now (only effect without setting "),a("code",{pre:!0},[s._v("max")]),s._v(")")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("3")])]),s._v(" "),a("tr",[a("td",[s._v("filter")]),s._v(" "),a("td",[s._v("date column, map time to the text in filter")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("['今日']")])]),s._v(" "),a("tr",[a("td",[s._v("format")]),s._v(" "),a("td",[s._v("format time")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'M月D日'")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("showNow")]),s._v(" sub configuration")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("text"),a("sup",[s._v("1.9.0")])]),s._v(" "),a("td",[s._v("the text of option now")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'现在'")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Event Name")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Parameters 1")]),s._v(" "),a("th",[s._v("Parameters 2")]),s._v(" "),a("th",[s._v("Parameters 3")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("select")]),s._v(" "),a("td",[s._v("triggers when clicking the confirm button")]),s._v(" "),a("td",[s._v("selectedTime: currently selected timestamp")]),s._v(" "),a("td",[s._v("selectText: text of currently selected time")]),s._v(" "),a("td",[s._v("formatedTime"),a("sup",[s._v("1.10.0")])])]),s._v(" "),a("tr",[a("td",[s._v("change")]),s._v(" "),a("td",[s._v("triggers when the roller scrolls")]),s._v(" "),a("td",[s._v("index: Number, index of current scrolling roller")]),s._v(" "),a("td",[s._v("selectedIndex: Number, index of selected item in current column")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("cancel")]),s._v(" "),a("td",[s._v("triggers when clicking the cancel button")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Method name")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Parameters")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("setTime")]),s._v(" "),a("td",[s._v("manually set time displayed in time-picker with with the time stamp as time format")]),s._v(" "),a("td",[s._v("time stamp")])]),s._v(" "),a("tr",[a("td",[s._v("show")]),s._v(" "),a("td",[s._v("show")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("hide")]),s._v(" "),a("td",[s._v("hide")]),s._v(" "),a("td",[s._v("-")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/53.2b61af0817d60bb68ce4.js b/docs/js/53.2b61af0817d60bb68ce4.js new file mode 100644 index 000000000..a33388a60 --- /dev/null +++ b/docs/js/53.2b61af0817d60bb68ce4.js @@ -0,0 +1 @@ +webpackJsonp([53],{OKj6:function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[t("h2",{attrs:{id:"Theme"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-Theme-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Theme")]),s._v(" "),s._m(0),s._v(" "),s._m(1),s._v(" "),t("h3",{attrs:{id:"Themefile"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-Themefile-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Theme file")]),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),t("h3",{attrs:{id:"webpackconfig"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-webpackconfig-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" webpack config")]),s._v(" "),s._m(4),s._v(" "),s._m(5),s._v(" "),t("h3",{attrs:{id:"Result"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-Result-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Result")]),s._v(" "),t("p",[s._v("In this way you can use cube-ui with your own theme. You do not need to override the cube-ui style because you can just override the theme variables.")])])},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("You can choose to modify all or only some of the theme variables from "),t("code",{pre:!0},[s._v("cube-ui^1.0.2")]),s._v("(also need webpack).")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[t("strong",[s._v("Notice:")]),s._v(" Customizing theme depend on "),t("a",{attrs:{href:"#/en-US/docs/post-compile"}},[s._v("post-compile")]),s._v(".")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("You can create a "),t("code",{pre:!0},[s._v("theme.styl")]),s._v(" file in your application's "),t("code",{pre:!0},[s._v("src/")]),s._v(" directory. The theme file's content that looks like this (these variables are cube-ui's default value):")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-styl"}},[t("span",{attrs:{class:"hljs-comment"}},[s._v("// you want to use cube-ui variables, just require it")]),s._v("\n@require "),t("span",{attrs:{class:"hljs-string"}},[s._v('"~cube-ui/src/common/stylus/var/color.styl"')]),s._v("\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// action-sheet")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$action")]),s._v("-sheet-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$action")]),s._v("-sheet-active-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$action")]),s._v("-sheet-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$action")]),s._v("-sheet-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("opacity")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$action")]),s._v("-sheet-title-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$action")]),s._v("-sheet-space-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("mask")]),s._v("-bg\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("/// picker style")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$action")]),s._v("-sheet-picker-cancel-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$action")]),s._v("-sheet-picker-cancel-active-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// bubble")]),s._v("\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// button")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-regular-blue\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-regular-blue\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-blue\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-active-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-blue\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-disabled-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-disabled-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-disabled-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("/// primary")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-primary-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-primary-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-primary-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-primary-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-primary-active-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-orange\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("/// light")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-light-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-light-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-sss\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-light-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-sss\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-light-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-active-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-light-active-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-active-grey\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("/// outline")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("outline-color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("outline")]),s._v("-bgc := transparent\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("outline")]),s._v("-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("outline")]),s._v("-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey-opacity\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("outline")]),s._v("-active-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("/// outline-primary")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("outline")]),s._v("-primary-color := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("outline")]),s._v("-primary-bgc := transparent\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("outline")]),s._v("-primary-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("outline")]),s._v("-primary-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange-opacity\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("outline")]),s._v("-primary-active-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-orange\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// toolbar")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$toolbar")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-sss\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$toolbar")]),s._v("-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-active-grey\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// checkbox")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checkbox")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checkbox")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-color := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("/// checked")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checkbox")]),s._v("-checked-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-color := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checkbox")]),s._v("-checked-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("/// disabled")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checkbox")]),s._v("-disabled-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-color := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-ss\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checkbox")]),s._v("-disabled-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-ss\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// checkbox hollow")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checkbox")]),s._v("-hollow-checked-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-color := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checkbox")]),s._v("-hollow-disabled-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-color := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-ss\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// checkbox-group")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checkbox")]),s._v("-group-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checkbox")]),s._v("-group-horizontal-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// radio")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$radio")]),s._v("-group-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$radio")]),s._v("-group-horizontal-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$radio")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$radio")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-color := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("/// selected")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$radio")]),s._v("-selected-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-color := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$radio")]),s._v("-selected-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("/// disabled")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$radio")]),s._v("-disabled-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-ss\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// radio hollow")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$radio")]),s._v("-hollow-selected-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-color := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$radio")]),s._v("-hollow-disabled-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-color := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-ss\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// dialog")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-color := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-regular-blue\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-background\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-title-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-close-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-btn-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-btn-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-btn-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("opacity")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-btn-highlight-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-btn-highlight-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-orange-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("opacity")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-btn-disabled-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-btn-disabled-active-bgc := transparent\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-btns-split-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-row-line\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// index-list")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$index")]),s._v("-list-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$index")]),s._v("-list-title-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$index")]),s._v("-list-anchor-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$index")]),s._v("-list-anchor-bgc := "),t("span",{attrs:{class:"hljs-number"}},[s._v("#f7f7f7")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$index")]),s._v("-list-item-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$index")]),s._v("-list-item-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("opacity")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$index")]),s._v("-list-nav-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$index")]),s._v("-list-nav-active-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// loading")]),s._v("\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// picker")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$picker")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$picker")]),s._v("-title-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$picker")]),s._v("-subtitle-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$picker")]),s._v("-confirm-btn-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$picker")]),s._v("-confirm-btn-active-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$picker")]),s._v("-cancel-btn-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$picker")]),s._v("-cancel-btn-active-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$picker")]),s._v("-item-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-grey\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// popup")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$popup")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("mask")]),s._v("-bgc := rgb("),t("span",{attrs:{class:"hljs-number"}},[s._v("37")]),s._v(", "),t("span",{attrs:{class:"hljs-number"}},[s._v("38")]),s._v(", "),t("span",{attrs:{class:"hljs-number"}},[s._v("45")]),s._v(")\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$popup")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("mask")]),s._v("-opacity := ."),t("span",{attrs:{class:"hljs-number"}},[s._v("4")]),s._v("\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("//scroll")]),s._v("\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// slide")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$slide")]),s._v("-dot-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$slide")]),s._v("-dot-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// time-picker")]),s._v("\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// tip")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$tip")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$tip")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-grey-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("opacity")]),s._v("\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// toast")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$toast")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$toast")]),s._v("-bgc := rgba("),t("span",{attrs:{class:"hljs-number"}},[s._v("37")]),s._v(", "),t("span",{attrs:{class:"hljs-number"}},[s._v("38")]),s._v(", "),t("span",{attrs:{class:"hljs-number"}},[s._v("45")]),s._v(", "),t("span",{attrs:{class:"hljs-number"}},[s._v("0.9")]),s._v(")\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// upload")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$upload")]),s._v("-btn-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$upload")]),s._v("-btn-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$upload")]),s._v("-btn-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("opacity")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$upload")]),s._v("-btn-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("box-shadow")]),s._v(" := "),t("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(" "),t("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(" "),t("span",{attrs:{class:"hljs-number"}},[s._v("6px")]),s._v(" "),t("span",{attrs:{class:"hljs-number"}},[s._v("2px")]),s._v(" "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey-opacity\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$upload")]),s._v("-btn-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("border-color")]),s._v(" := "),t("span",{attrs:{class:"hljs-number"}},[s._v("#e5e5e5")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$upload")]),s._v("-file-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$upload")]),s._v("-file-remove-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := rgba("),t("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),t("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),t("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", ."),t("span",{attrs:{class:"hljs-number"}},[s._v("8")]),s._v(")\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$upload")]),s._v("-file-remove-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$upload")]),s._v("-file-state-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("mask")]),s._v("-bg\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$upload")]),s._v("-file-success-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$upload")]),s._v("-file-error-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-number"}},[s._v("#f43530")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$upload")]),s._v("-file-status-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$upload")]),s._v("-file-progress-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// switch")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$switch")]),s._v("-on-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$switch")]),s._v("-off-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$switch")]),s._v("-off-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("border-color")]),s._v(" := "),t("span",{attrs:{class:"hljs-number"}},[s._v("#e4e4e4")]),s._v("\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// input")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$input")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$input")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$input")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("border-color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-row-line\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$input")]),s._v("-focus-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("border-color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$input")]),s._v("-placeholder-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$input")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("clear")]),s._v("-icon-color := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("//textarea")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$textarea")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$textarea")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$textarea")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("border-color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-row-line\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$textarea")]),s._v("-focus-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("border-color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$textarea")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("outline-color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$textarea")]),s._v("-placeholder-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$textarea")]),s._v("-indicator-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// validator")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$validator")]),s._v("-msg-def-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-number"}},[s._v("#e64340")]),s._v("\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// select")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$select")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$select")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$select")]),s._v("-disabled-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-number"}},[s._v("#b8b8b8")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$select")]),s._v("-disabled-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("opacity")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$select")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("border-color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$select")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("border")]),s._v("-active-color := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$select")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-color := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$select")]),s._v("-placeholder-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// swipe")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$swipe")]),s._v("-btn-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// form")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$form")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$form")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$form")]),s._v("-invalid-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-number"}},[s._v("#e64340")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$form")]),s._v("-group-legend-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$form")]),s._v("-group-legend-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("background")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$form")]),s._v("-label-required-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-number"}},[s._v("#e64340")]),s._v("\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// drawer")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$drawer")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$drawer")]),s._v("-title-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-ss\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$drawer")]),s._v("-title-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$drawer")]),s._v("-panel-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$drawer")]),s._v("-item-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("opacity")]),s._v("\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// scroll-nav")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$scroll")]),s._v("-nav-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$scroll")]),s._v("-nav-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$scroll")]),s._v("-nav-active-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// image-preview")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$image")]),s._v("-preview-counter-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// tab-bar & tab-panel")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$tab")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$tab")]),s._v("-active-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$tab")]),s._v("-slider-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-orange\n")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("If your project is created by vue-cli, then you can modify the "),t("code",{pre:!0},[s._v("exports.cssLoaders")]),s._v(" function in "),t("code",{pre:!0},[s._v("build/utils.js")]),s._v(" to this:")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-js"}},[s._v("exports.cssLoaders = "),t("span",{attrs:{class:"hljs-function"}},[t("span",{attrs:{class:"hljs-keyword"}},[s._v("function")]),s._v(" ("),t("span",{attrs:{class:"hljs-params"}},[s._v("options")]),s._v(") ")]),s._v("{\n options = options || {}\n\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" cssLoader = {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("loader")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'css-loader'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("minimize")]),s._v(": process.env.NODE_ENV === "),t("span",{attrs:{class:"hljs-string"}},[s._v("'production'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("sourceMap")]),s._v(": options.sourceMap\n }\n }\n\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("var")]),s._v(" postcssLoader = {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("loader")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'postcss-loader'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("sourceMap")]),s._v(": options.sourceMap\n }\n }\n\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// generate loader string to be used with extract text plugin")]),s._v("\n "),t("span",{attrs:{class:"hljs-function"}},[t("span",{attrs:{class:"hljs-keyword"}},[s._v("function")]),s._v(" "),t("span",{attrs:{class:"hljs-title"}},[s._v("generateLoaders")]),s._v(" ("),t("span",{attrs:{class:"hljs-params"}},[s._v("loader, loaderOptions")]),s._v(") ")]),s._v("{\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" loaders = options.usePostCSS ? [cssLoader, postcssLoader] : [cssLoader]\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (loader) {\n loaders.push({\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("loader")]),s._v(": loader + "),t("span",{attrs:{class:"hljs-string"}},[s._v("'-loader'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": "),t("span",{attrs:{class:"hljs-built_in"}},[s._v("Object")]),s._v(".assign({}, loaderOptions, {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("sourceMap")]),s._v(": options.sourceMap\n })\n })\n }\n\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// Extract CSS when that option is specified")]),s._v("\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// (which is the case during production build)")]),s._v("\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (options.extract) {\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" ExtractTextPlugin.extract({\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("use")]),s._v(": loaders,\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("fallback")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'vue-style-loader'")]),s._v("\n })\n } "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("else")]),s._v(" {\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" ["),t("span",{attrs:{class:"hljs-string"}},[s._v("'vue-style-loader'")]),s._v("].concat(loaders)\n }\n }\n\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" stylusOptions = {\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'resolve url'")]),s._v(": "),t("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// !! add import option, include the theme file")]),s._v("\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(": [path.resolve(__dirname, "),t("span",{attrs:{class:"hljs-string"}},[s._v("'../src/theme'")]),s._v(")]\n }\n\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// https://vue-loader.vuejs.org/en/configurations/extract-css.html")]),s._v("\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("css")]),s._v(": generateLoaders(),\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("postcss")]),s._v(": generateLoaders(),\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("less")]),s._v(": generateLoaders("),t("span",{attrs:{class:"hljs-string"}},[s._v("'less'")]),s._v("),\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("sass")]),s._v(": generateLoaders("),t("span",{attrs:{class:"hljs-string"}},[s._v("'sass'")]),s._v(", { "),t("span",{attrs:{class:"hljs-attr"}},[s._v("indentedSyntax")]),s._v(": "),t("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(" }),\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("scss")]),s._v(": generateLoaders("),t("span",{attrs:{class:"hljs-string"}},[s._v("'sass'")]),s._v("),\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("stylus")]),s._v(": generateLoaders("),t("span",{attrs:{class:"hljs-string"}},[s._v("'stylus'")]),s._v(",stylusOptions),\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("styl")]),s._v(": generateLoaders("),t("span",{attrs:{class:"hljs-string"}},[s._v("'stylus'")]),s._v(",stylusOptions)\n }\n}\n")])])}]}},qVBK:function(s,a,t){s.exports=t("rKy5")},rKy5:function(s,a,t){var l=t("VU/8")(null,t("OKj6"),null,null,null);s.exports=l.exports}}); \ No newline at end of file diff --git a/docs/js/54.5ac0e80818ef0ca7f06f.js b/docs/js/54.5ac0e80818ef0ca7f06f.js new file mode 100644 index 000000000..9981e26d8 --- /dev/null +++ b/docs/js/54.5ac0e80818ef0ca7f06f.js @@ -0,0 +1 @@ +webpackJsonp([54],{"2f7N":function(t,a,e){var s=e("VU/8")(null,e("jGyd"),null,null,null);t.exports=s.exports},"9woc":function(t,a,e){t.exports=e("2f7N")},jGyd:function(t,a){t.exports={render:function(){var t=this,a=t.$createElement,e=t._self._c||a;return e("section",[e("h2",{attrs:{id:"Textarea"}},[e("a",{staticClass:"anchor",attrs:{href:"#cube-Textarea-anchor","aria-hidden":"true"}},[e("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[e("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Textarea")]),t._v(" "),t._m(0),t._v(" "),t._m(1),t._v(" "),e("h3",{attrs:{id:"Example"}},[e("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[e("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[e("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Example")]),t._v(" "),t._m(2),t._v(" "),e("h3",{attrs:{id:"Propsconfiguration"}},[e("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[e("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[e("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Props configuration")]),t._v(" "),t._m(3),t._v(" "),t._m(4),t._v(" "),e("h3",{attrs:{id:"Event"}},[e("a",{staticClass:"anchor",attrs:{href:"#cube-Event-anchor","aria-hidden":"true"}},[e("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[e("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Event")]),t._v(" "),t._m(5),t._v(" "),e("h3",{attrs:{id:"Instancemethods"}},[e("a",{staticClass:"anchor",attrs:{href:"#cube-Instancemethods-anchor","aria-hidden":"true"}},[e("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[e("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Instance methods")]),t._v(" "),t._m(6)])},staticRenderFns:[function(){var t=this,a=t.$createElement,e=t._self._c||a;return e("blockquote",[e("p",[t._v("New in 1.5.0+")])])},function(){var t=this,a=t.$createElement,e=t._self._c||a;return e("p",[t._v("Multi-line input box components. You can use the "),e("code",{pre:!0},[t._v("v-model")]),t._v(" directive to create two-way data bindings. The component expands or fold according to whether there is content, whether it is focused.")])},function(){var t=this,a=t.$createElement,e=t._self._c||a;return e("ul",[e("li",[e("p",[t._v("Basic usage")]),t._v(" "),e("p",[t._v("You can use the "),e("code",{pre:!0},[t._v("v-model")]),t._v(" directive to create two-way data bindings.")]),t._v(" "),e("pre",{pre:!0},[e("code",{attrs:{"v-pre":"",class:"language-html"}},[e("span",{attrs:{class:"hljs-tag"}},[t._v("<"),e("span",{attrs:{class:"hljs-name"}},[t._v("cube-textarea")]),t._v(" "),e("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),e("span",{attrs:{class:"hljs-string"}},[t._v('"value"')]),t._v(" >")]),e("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),e("pre",{pre:!0},[e("code",{attrs:{"v-pre":"",class:"language-javascript"}},[e("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),e("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n data() {\n "),e("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" {\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("value")]),t._v(": "),e("span",{attrs:{class:"hljs-string"}},[t._v("''")]),t._v("\n }\n }\n}\n")])])]),t._v(" "),e("li",[e("p",[t._v("Config indicator")]),t._v(" "),e("pre",{pre:!0},[e("code",{attrs:{"v-pre":"",class:"language-html"}},[e("span",{attrs:{class:"hljs-tag"}},[t._v("<"),e("span",{attrs:{class:"hljs-name"}},[t._v("cube-textarea")]),t._v(" "),e("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),e("span",{attrs:{class:"hljs-string"}},[t._v('"value"')]),t._v(" "),e("span",{attrs:{class:"hljs-attr"}},[t._v("indicator")]),t._v("="),e("span",{attrs:{class:"hljs-string"}},[t._v('"indicator"')]),t._v(">")]),e("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),e("pre",{pre:!0},[e("code",{attrs:{"v-pre":"",class:"language-js"}},[e("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),e("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n data() {\n "),e("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" {\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("indicator")]),t._v(": {\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("negative")]),t._v(": "),e("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("remain")]),t._v(": "),e("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n }\n }\n }\n}\n")])]),t._v(" "),e("p",[t._v("If "),e("code",{pre:!0},[t._v("indicator")]),t._v(" is "),e("code",{pre:!0},[t._v("false")]),t._v(" then the indicator element will not be visible.")]),t._v(" "),e("p",[t._v("If "),e("code",{pre:!0},[t._v("indicator")]),t._v(" is "),e("code",{pre:!0},[t._v("true")]),t._v(", the config equals "),e("code",{pre:!0},[t._v("{remain: true, negative: true}")]),t._v(".")]),t._v(" "),e("p",[t._v("If "),e("code",{pre:!0},[t._v("indicator")]),t._v(" is an object, you can use "),e("code",{pre:!0},[t._v("remain")]),t._v(" and "),e("code",{pre:!0},[t._v("negative")]),t._v(" to control whether show the remaining count(if "),e("code",{pre:!0},[t._v("remain")]),t._v(" is "),e("code",{pre:!0},[t._v("false")]),t._v(" means show the textarea value length) and whether allow remaining number is negative.")])]),t._v(" "),e("li",[e("p",[t._v("Multiple configurations")]),t._v(" "),e("p",[t._v("Support the native attributes of the textarea element.")]),t._v(" "),e("pre",{pre:!0},[e("code",{attrs:{"v-pre":"",class:"language-html"}},[e("span",{attrs:{class:"hljs-tag"}},[t._v("<"),e("span",{attrs:{class:"hljs-name"}},[t._v("cube-textarea")]),t._v("\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),e("span",{attrs:{class:"hljs-string"}},[t._v('"value"')]),t._v("\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v(":placeholder")]),t._v("="),e("span",{attrs:{class:"hljs-string"}},[t._v('"placeholder"')]),t._v("\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v(":maxlength")]),t._v("="),e("span",{attrs:{class:"hljs-string"}},[t._v('"maxlength"')]),t._v("\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v(":readonly")]),t._v("="),e("span",{attrs:{class:"hljs-string"}},[t._v('"readonly"')]),t._v("\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v(":disabled")]),t._v("="),e("span",{attrs:{class:"hljs-string"}},[t._v('"disabled"')]),t._v("\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v(":autofocus")]),t._v("="),e("span",{attrs:{class:"hljs-string"}},[t._v('"autofocus"')]),t._v("\n>")]),e("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),e("pre",{pre:!0},[e("code",{attrs:{"v-pre":"",class:"language-javascript"}},[e("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),e("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n data() {\n "),e("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" {\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("value")]),t._v(": "),e("span",{attrs:{class:"hljs-string"}},[t._v("''")]),t._v(",\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("placeholder")]),t._v(": "),e("span",{attrs:{class:"hljs-string"}},[t._v("'please type here'")]),t._v(",\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("readonly")]),t._v(": "),e("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("maxlength")]),t._v(": "),e("span",{attrs:{class:"hljs-number"}},[t._v("100")]),t._v(",\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("disabled")]),t._v(": "),e("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("autofocus")]),t._v(": "),e("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n }\n }\n}\n")])])])])},function(){var t=this,a=t.$createElement,e=t._self._c||a;return e("table",[e("thead",[e("tr",[e("th",[t._v("Attribute")]),t._v(" "),e("th",[t._v("Description")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",[t._v("Accepted Values")]),t._v(" "),e("th",[t._v("Default")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[t._v("v-model")]),t._v(" "),e("td",[t._v("bound value")]),t._v(" "),e("td",[t._v("String")]),t._v(" "),e("td",[t._v("-")]),t._v(" "),e("td",[t._v("empty")])]),t._v(" "),e("tr",[e("td",[t._v("disabled")]),t._v(" "),e("td",[t._v("disabled status")]),t._v(" "),e("td",[t._v("Boolean")]),t._v(" "),e("td",[t._v("true/false")]),t._v(" "),e("td",[t._v("false")])]),t._v(" "),e("tr",[e("td",[t._v("readonly")]),t._v(" "),e("td",[t._v("readonly status")]),t._v(" "),e("td",[t._v("Boolean")]),t._v(" "),e("td",[t._v("true/false")]),t._v(" "),e("td",[t._v("false")])]),t._v(" "),e("tr",[e("td",[t._v("maxlength")]),t._v(" "),e("td",[t._v("maxlength of input")]),t._v(" "),e("td",[t._v("Number")]),t._v(" "),e("td",[t._v("-")]),t._v(" "),e("td",[t._v("60")])]),t._v(" "),e("tr",[e("td",[t._v("placeholder")]),t._v(" "),e("td",[t._v("placeholder of input")]),t._v(" "),e("td",[t._v("String")]),t._v(" "),e("td",[t._v("-")]),t._v(" "),e("td",[t._v("empty")])]),t._v(" "),e("tr",[e("td",[t._v("autofocus")]),t._v(" "),e("td",[t._v("autofocus status")]),t._v(" "),e("td",[t._v("Boolean")]),t._v(" "),e("td",[t._v("true/false")]),t._v(" "),e("td",[t._v("false")])]),t._v(" "),e("tr",[e("td",[t._v("indicator"),e("sup",[t._v("1.10.0")])]),t._v(" "),e("td",[t._v("indicator config")]),t._v(" "),e("td",[t._v("Boolean/Object")]),t._v(" "),e("td",[t._v("true/false/{}")]),t._v(" "),e("td",[t._v("true")])]),t._v(" "),e("tr",[e("td",[t._v("autoExpand"),e("sup",[t._v("1.12.0")])]),t._v(" "),e("td",[t._v("If "),e("code",{pre:!0},[t._v("autoExpand")]),t._v(" is true and have initial value, the textarea will be auto expanded")]),t._v(" "),e("td",[t._v("Boolean")]),t._v(" "),e("td",[t._v("true/false")]),t._v(" "),e("td",[t._v("false")])])])])},function(){var t=this,a=t.$createElement,e=t._self._c||a;return e("ul",[e("li",[e("p",[t._v("indicator sub configuration")]),t._v(" "),e("p",[t._v("If "),e("code",{pre:!0},[t._v("indicator")]),t._v(" is "),e("code",{pre:!0},[t._v("false")]),t._v(" then the indicator element will not be visible.")]),t._v(" "),e("p",[t._v("If "),e("code",{pre:!0},[t._v("indicator")]),t._v(" is "),e("code",{pre:!0},[t._v("true")]),t._v(", the config equals "),e("code",{pre:!0},[t._v("{remain: true, negative: true}")]),t._v(".")]),t._v(" "),e("p",[t._v("If "),e("code",{pre:!0},[t._v("indicator")]),t._v(" is an object:")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",[t._v("Attribute")]),t._v(" "),e("th",[t._v("Description")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",[t._v("Accepted Values")]),t._v(" "),e("th",[t._v("Default")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[t._v("remain")]),t._v(" "),e("td",[t._v("whether show the remaining count, if this value is "),e("code",{pre:!0},[t._v("false")]),t._v(" means show the textarea value length")]),t._v(" "),e("td",[t._v("Boolean")]),t._v(" "),e("td",[t._v("true/false")]),t._v(" "),e("td",[t._v("true")])]),t._v(" "),e("tr",[e("td",[t._v("negative")]),t._v(" "),e("td",[t._v("avaliable when "),e("code",{pre:!0},[t._v("remain")]),t._v(" is true, this value control whether allow remaining number is negative")]),t._v(" "),e("td",[t._v("Boolean")]),t._v(" "),e("td",[t._v("true/false")]),t._v(" "),e("td",[t._v("true")])])])])])])},function(){var t=this,a=t.$createElement,e=t._self._c||a;return e("table",[e("thead",[e("tr",[e("th",[t._v("Event Name")]),t._v(" "),e("th",[t._v("Description")]),t._v(" "),e("th",[t._v("Parameters")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[t._v("focus")]),t._v(" "),e("td",[t._v("This event is triggered after the textarea box is focused. If Textarea is disabled, it will not be triggered")]),t._v(" "),e("td",[t._v("e - event")])]),t._v(" "),e("tr",[e("td",[t._v("blur")]),t._v(" "),e("td",[t._v("This event is triggered after the textarea box blur")]),t._v(" "),e("td",[t._v("e - event")])])])])},function(){var t=this,a=t.$createElement,e=t._self._c||a;return e("table",[e("thead",[e("tr",[e("th",[t._v("Method name")]),t._v(" "),e("th",[t._v("Description")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[t._v("focus"),e("sup",[t._v("1.12.10+")])]),t._v(" "),e("td",[t._v("Focus element")])]),t._v(" "),e("tr",[e("td",[t._v("blur"),e("sup",[t._v("1.12.10+")])]),t._v(" "),e("td",[t._v("Blur element")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/55.fb42732889ea5a34394a.js b/docs/js/55.fb42732889ea5a34394a.js new file mode 100644 index 000000000..dba7668a9 --- /dev/null +++ b/docs/js/55.fb42732889ea5a34394a.js @@ -0,0 +1 @@ +webpackJsonp([55],{JADn:function(s,t,a){var e=a("VU/8")(null,a("cs6w"),null,null,null);s.exports=e.exports},cs6w:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"TabBar"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-TabBar-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" TabBar")]),s._v(" "),s._m(0),s._v(" "),a("p",[s._v("Implementing the function of tab switching.")]),s._v(" "),a("h3",{attrs:{id:"Example"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Example")]),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"CubeTabBar"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-CubeTabBar-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CubeTabBar")]),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),a("h3",{attrs:{id:"CubeTabBar&CubeTabPanels"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-CubeTabBar&CubeTabPanels-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CubeTabBar & CubeTabPanels")]),s._v(" "),s._m(4),s._v(" "),s._m(5),s._v(" "),s._m(6),s._v(" "),s._m(7),s._v(" "),a("h3",{attrs:{id:"Props"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props")]),s._v(" "),s._m(8),s._v(" "),a("h3",{attrs:{id:"Slot"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Slot-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Slot")]),s._v(" "),s._m(9),s._v(" "),a("h3",{attrs:{id:"Events"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Events")]),s._v(" "),s._m(10),s._v(" "),a("h3",{attrs:{id:"Instancemethods"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Instancemethods-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Instance methods")]),s._v(" "),s._m(11)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("New in 1.10.0+")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("The following demo code is "),a("a",{attrs:{href:"https://github.com/didi/cube-ui/tree/master/example/pages/tab-bar"}},[s._v("here")]),s._v(".")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("code",{pre:!0},[s._v("cube-tab-bar")]),s._v(" supports click highlighting, underscore follow-up effects, and custom slots for icon-label-like app-navigation styles.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("Basic usage")]),s._v(" "),a("p",[s._v("You can initialize "),a("code",{pre:!0},[s._v("cube-tab-bar")]),s._v(" by passing in the data structure of "),a("code",{pre:!0},[s._v("tabs")]),s._v(" as follows. You must use the "),a("code",{pre:!0},[s._v("v-model")]),s._v(" directive to select the corresponding tab. The value of the v-model argument must correspond to the "),a("code",{pre:!0},[s._v("label")]),s._v("(after 1.12.5, use "),a("code",{pre:!0},[s._v("value")]),s._v(") attribute of a tab in "),a("code",{pre:!0},[s._v("cube-tab-bar")]),s._v(". The icon attribute is used as a class selector, which is generally used with icon-font class. It will dispatch "),a("code",{pre:!0},[s._v("click")]),s._v(" and "),a("code",{pre:!0},[s._v("change")]),s._v(" event at the proper time. The parameter is the "),a("code",{pre:!0},[s._v("label")]),s._v("(after 1.12.5, is "),a("code",{pre:!0},[s._v("value")]),s._v(") value corresponding to each selected tab.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-tab-bar")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selectedLabelDefault"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"tabs"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"clickHandler"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@change")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"changeHandler"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selectedLabelDefault")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Vip'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("tabs")]),s._v(": [{\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Home'")]),s._v("\n }, {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Like'")]),s._v("\n }, {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Vip'")]),s._v("\n }, {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Me'")]),s._v("\n }]\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n clickHandler (label) {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// if you clicked home tab, then print 'Home'")]),s._v("\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log(label)\n },\n changeHandler (label) {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// if you clicked different tab, this methods can be emitted")]),s._v("\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("Custom slot")]),s._v(" "),a("p",[s._v("In fact, we always want to display icons and text effects which looks like app navigation styles, so the "),a("code",{pre:!0},[s._v("cube-tab-bar")]),s._v(" component also supports the use of slot. Note that you must use the "),a("code",{pre:!0},[s._v("cube-tab")]),s._v(" component as a sub-component of the first level to wrap your custom slot.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-tab-bar")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selectedLabelSlots"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("show-slider")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("inline")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"clickHandler"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-tab")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(item, index) in tabs"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":label")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item.label"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item.label"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("\x3c!-- icon slot --\x3e")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("i")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"icon"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item.icon"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("\x3c!-- default slot --\x3e")]),s._v("\n {{item.label}}\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selectedLabelSlots")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Like'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("tabs")]),s._v(": [{\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Home'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-home'")]),s._v("\n }, {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Like'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-like'")]),s._v("\n }, {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Vip'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-vip'")]),s._v("\n }, {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Me'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-person'")]),s._v("\n }]\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n clickHandler (label) {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// if you clicked home tab, then print 'Home'")]),s._v("\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log(label)\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("At the same time, "),a("code",{pre:!0},[s._v("cube-tab-bar")]),s._v(" also supports other configurations, "),a("code",{pre:!0},[s._v("showSlider")]),s._v(" controls whether to turn on the effect of underscore, "),a("code",{pre:!0},[s._v("inline")]),s._v(" to determine whether the icon and label are in a line, "),a("code",{pre:!0},[s._v("useTransition")]),s._v(" controls whether the underscore use transition, as shown in the sample code.")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("Usually, our requirement is to display different panel as tabs are switched, so we need to use the "),a("code",{pre:!0},[s._v("cube-tab-panels")]),s._v(" component. "),a("code",{pre:!0},[s._v("cube-tab-panels")]),s._v(" must be nested with "),a("code",{pre:!0},[s._v("cube-tab-panel")]),s._v(". The "),a("code",{pre:!0},[s._v("label")]),s._v("(after 1.12.5, use "),a("code",{pre:!0},[s._v("value")]),s._v(") values passed to "),a("code",{pre:!0},[s._v("cube-tab")]),s._v(" and "),a("code",{pre:!0},[s._v("cube-tab-panel")]),s._v(" must be the same, because it is necessary to create the relationship between tab with panel. They are linked by the same "),a("code",{pre:!0},[s._v("v-model")]),s._v(".To see the effect, click on the "),a("code",{pre:!0},[s._v("tab-basic")]),s._v(" demo on the right.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-tab-bar")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selectedLabel"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("show-slider")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-tab")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(item, index) in tabs"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":label")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item.label"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item.label"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("i")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"icon"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":icon")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item.icon"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n {{item.label}}\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-tab-panels")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selectedLabel"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-tab-panel")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(item, index) in tabs"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":label")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item.label"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item.label"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"tab-panel-li"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(hero, index) in item.heroes"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"index"')]),s._v(">")]),s._v("\n {{hero}}\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selectedLabel")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'天辉'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("tabs")]),s._v(": [{\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'天辉'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-like'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("heroes")]),s._v(": ["),a("span",{attrs:{class:"hljs-string"}},[s._v("'敌法师'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'卓尔游侠'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'主宰'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'米拉娜'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'变体精灵'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'幻影长矛手'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'复仇之魂'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'力丸'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'矮人狙击手'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'圣堂刺客'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'露娜'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'赏金猎人'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'熊战士'")]),s._v("]\n }, {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'夜魇'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-star'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("heroes")]),s._v(": ["),a("span",{attrs:{class:"hljs-string"}},[s._v("'血魔'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'影魔'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'剃刀'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'剧毒术士'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'虚空假面'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'幻影刺客'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'冥界亚龙'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'克林克兹'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'育母蜘蛛'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'编织者'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'幽鬼'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'司夜刺客'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'米波'")]),s._v("]\n }]\n }\n }\n}\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("In fact, "),a("code",{pre:!0},[s._v("cube-tab-bar")]),s._v(" can be combined with many other cube-ui's components (such as: "),a("code",{pre:!0},[s._v("cube-scroll")]),s._v(", "),a("code",{pre:!0},[s._v("cube-slide")]),s._v(") to make a similar effect to the layout of native apps. Click on the "),a("code",{pre:!0},[s._v("ScrollTab Demo")]),s._v(" and "),a("code",{pre:!0},[s._v("tab-composite")]),s._v(" example on the right to see the effect.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("CubeTabBar")]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Demo")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("value")]),s._v(" "),a("td",[s._v("Use v-model to select the corresponding tab when initializing.")]),s._v(" "),a("td",[s._v("String/Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("data")]),s._v(" "),a("td",[s._v("For data rendered with "),a("code",{pre:!0},[s._v("cube-tab-bar")]),s._v(", when using the built-in default slot, this parameter must be passed. Each item of the array is an Object type, including "),a("code",{pre:!0},[s._v("label")]),s._v(", "),a("code",{pre:!0},[s._v("icon")]),s._v(" and "),a("code",{pre:!0},[s._v("value")]),a("sup",[s._v("1.12.5+")]),s._v(". If a custom slot is used, this value may not be passed")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("[{label: 1, value: 1, icon: 'cubeic-like'}, {label: 2, value: 2, icon: 'cubeic-like'}]")]),s._v(" "),a("td",[s._v("[]")])]),s._v(" "),a("tr",[a("td",[s._v("showSlider")]),s._v(" "),a("td",[s._v("Whether to turn on the underscore follow effect")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("inline")]),s._v(" "),a("td",[s._v("Whether text and icons are displayed on one line")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("useTransition")]),s._v(" "),a("td",[s._v("Whether to use transition")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("true")])])])])]),s._v(" "),a("li",[a("p",[s._v("CubeTab")]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Needed")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("label")]),s._v(" "),a("td",[s._v("Use it to determine which tab is clicked before 1.12.5, after 1.12.5 just use to display text by default")]),s._v(" "),a("td",[s._v("String/Number")]),s._v(" "),a("td",[s._v("yes")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("value")]),s._v(" "),a("td",[s._v("Use it to determine which tab is clicked"),a("sup",[s._v("1.12.5+")])]),s._v(" "),a("td",[s._v("String/Number")]),s._v(" "),a("td",[s._v("no")]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("label")]),s._v(" value")])])])])]),s._v(" "),a("li",[a("p",[s._v("CubeTabPanels")]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Demo")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("value")]),s._v(" "),a("td",[s._v("Use v-model to display the corresponding panels at initialization")]),s._v(" "),a("td",[s._v("String/Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("data")]),s._v(" "),a("td",[s._v("For data rendered with "),a("code",{pre:!0},[s._v("cube-tab-panels")]),s._v(", when using the built-in default slot, this parameter must be passed. Each item of the array is an Object type, including "),a("code",{pre:!0},[s._v("label")]),s._v(" and "),a("code",{pre:!0},[s._v("value")]),a("sup",[s._v("1.12.5+")]),s._v(". If a custom slot is used, this value may not be passed")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("[{label: 1, value: 1}, {label: 2, value: 2}]")]),s._v(" "),a("td",[s._v("[]")])])])])]),s._v(" "),a("li",[a("p",[s._v("CubeTabPanel")]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Needed")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("label")]),s._v(" "),a("td",[s._v("determine that the panels is displayed")]),s._v(" "),a("td",[s._v("String/Number")]),s._v(" "),a("td",[s._v("yes")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("value")]),s._v(" "),a("td",[s._v("the key of panel, use it to determined selected value"),a("sup",[s._v("1.12.5+")])]),s._v(" "),a("td",[s._v("String/Number")]),s._v(" "),a("td",[s._v("no")]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("label")]),s._v(" value")])])])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("CubeTab")]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("default")]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("cube-tab")]),s._v("'s text")])]),s._v(" "),a("tr",[a("td",[s._v("icon")]),s._v(" "),a("td",[s._v("Generally used to display icon")])])])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("CubeTabBar")]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("Event Name")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("parameter")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("click")]),s._v(" "),a("td",[s._v("Dispatched when the tab is clicked")]),s._v(" "),a("td",[s._v("The "),a("code",{pre:!0},[s._v("label")]),s._v("/"),a("code",{pre:!0},[s._v("value")]),a("sup",[s._v("1.12.5+")]),s._v(" value of the tab which is selected")])]),s._v(" "),a("tr",[a("td",[s._v("change")]),s._v(" "),a("td",[s._v("Dispatched when tab changed")]),s._v(" "),a("td",[s._v("The "),a("code",{pre:!0},[s._v("label")]),s._v("/"),a("code",{pre:!0},[s._v("value")]),a("sup",[s._v("1.12.5+")]),s._v(" value of the tab which is selected")])])])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("CubeTabBar")]),s._v(" "),a("p",[s._v("This method works when the instance's "),a("code",{pre:!0},[s._v("showSlider")]),s._v(" property is set to true.")]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("Method name")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Parameter Type")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("setSliderTransform")]),s._v(" "),a("td",[s._v("Change the underscore's transformX of the "),a("code",{pre:!0},[s._v("cube-tab-bar")]),s._v(" component. If you pass Number, it will be converted into a pixel, or you can pass a String with units")]),s._v(" "),a("td",[s._v("Number/String")])])])])])])}]}},djff:function(s,t,a){s.exports=a("JADn")}}); \ No newline at end of file diff --git a/docs/js/56.4e9634e4068d83a1276c.js b/docs/js/56.4e9634e4068d83a1276c.js new file mode 100644 index 000000000..052e5cc9a --- /dev/null +++ b/docs/js/56.4e9634e4068d83a1276c.js @@ -0,0 +1 @@ +webpackJsonp([56],{"1RKI":function(t,s,a){var e=a("VU/8")(null,a("4EjL"),null,null,null);t.exports=e.exports},"2nyi":function(t,s,a){t.exports=a("1RKI")},"4EjL":function(t,s){t.exports={render:function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("section",[a("h2",{attrs:{id:"Switch"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Switch-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Switch")]),t._v(" "),t._m(0),t._v(" "),a("p",[t._v("Switch usually used to switch the state of on/off.")]),t._v(" "),a("h3",{attrs:{id:"Example"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Example")]),t._v(" "),t._m(1),t._v(" "),a("h3",{attrs:{id:"Propsconfiguration"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Props configuration")]),t._v(" "),t._m(2)])},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("blockquote",[a("p",[t._v("New in 1.4.0+")])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("p",[t._v("Basic usage")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-switch")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"value"')]),t._v(">")]),t._v("\n Switch\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("value")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n }\n }\n}\n")])]),t._v(" "),a("p",[a("code",{pre:!0},[t._v("value: true")]),t._v(" correspond to the state of on， "),a("code",{pre:!0},[t._v("value: false")]),t._v(" correspond to the state of off.")])]),t._v(" "),a("li",[a("p",[t._v("Disabled state")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-switch")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"value"')]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":disabled")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"true"')]),t._v(">")]),t._v("\n Disbled Switch\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Attribute")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Accepted Values")]),t._v(" "),a("th",[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("v-model")]),t._v(" "),a("td",[t._v("the state of on/off, two-way data binding")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("disabled")]),t._v(" "),a("td",[t._v("whether disabled")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/57.5927510de4d047fa05f0.js b/docs/js/57.5927510de4d047fa05f0.js new file mode 100644 index 000000000..877baffca --- /dev/null +++ b/docs/js/57.5927510de4d047fa05f0.js @@ -0,0 +1 @@ +webpackJsonp([57],{"Ct+D":function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Swipe"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Swipe-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Swipe")]),s._v(" "),s._m(0),s._v(" "),a("p",[s._v("The Swipe component, which provides a WeChat list left slip function, makes it easy to do some functional operations on the list items.")]),s._v(" "),a("h3",{attrs:{id:"Example"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Example")]),s._v(" "),s._m(1),s._v(" "),s._m(2),s._v(" "),a("h3",{attrs:{id:"Propsconfiguration"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props configuration")]),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),s._m(5),s._v(" "),s._m(6),s._v(" "),a("h3",{attrs:{id:"Events"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Events")]),s._v(" "),s._m(7),s._v(" "),s._m(8),s._v(" "),s._m(9),s._v(" "),s._m(10),s._v(" "),s._m(11),s._v(" "),a("h3",{attrs:{id:"Instancemethods"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Instancemethods-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Instance methods")]),s._v(" "),s._m(12),s._v(" "),s._m(13)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("New in 1.5.0+")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("code",{pre:!0},[s._v("Swipe")]),s._v(" demo code is "),a("a",{attrs:{href:"https://github.com/didi/cube-ui/tree/master/example/pages/swipe"}},[s._v("here")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("Basic Usage")]),s._v(" "),a("p",[s._v("The common scenario of "),a("code",{pre:!0},[s._v("Swipe")]),s._v(" component is to match "),a("code",{pre:!0},[s._v("Scroll")]),s._v(" components. It can not only scroll vertically, but also slide out some buttons to do list items. Of course, "),a("code",{pre:!0},[s._v("Swipe")]),s._v(" components can also be used separately.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"swipe-wrapper"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-swipe")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@item-click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onItemClick"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@btn-click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onBtnClick"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"swipeData"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("swipeData")]),s._v(": [{\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("item")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'测试1'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("btns")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'clear'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'不再关注'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#c8c7cd'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'delete'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'删除'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#ff3a32'")]),s._v("\n }\n ]\n }, {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("item")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'测试2'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("btns")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'clear'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'不再关注'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#c8c7cd'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'delete'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'删除'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#ff3a32'")]),s._v("\n }\n ]\n }, {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("item")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'测试3'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("btns")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'clear'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'不再关注'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#c8c7cd'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'delete'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'删除'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#ff3a32'")]),s._v("\n }\n ]\n }]\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n onItemClick(item) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'click item:'")]),s._v(", item)\n },\n onBtnClick(btn, index) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (btn.action === "),a("span",{attrs:{class:"hljs-string"}},[s._v("'delete'")]),s._v(") {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createActionSheet({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'确认要删除吗'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("active")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": [\n {"),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'删除'")]),s._v("}\n ],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".swipeData.splice(index, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(")\n }\n }).show()\n }\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("If the "),a("code",{pre:!0},[s._v("Swipe")]),s._v(" component uses a default slot, you need to pass the data structure shown in the example.")])]),s._v(" "),a("li",[a("p",[s._v("Custom slots")]),s._v(" "),a("p",[s._v("In fact, our more common requirement is the need for a display of the content of a custom list, so the "),a("code",{pre:!0},[s._v("Swipe")]),s._v(" component also supports the use of slots.")]),s._v(" "),a("p",[s._v("The default slot can be used with the "),a("code",{pre:!0},[s._v("cube-swipe-item")]),s._v(" component to realize the loop of the list. A custom slot is very flexible, but it also need to manually write some logic, for example if you want to customize the list when deleted animation, need to use "),a("code",{pre:!0},[s._v("transition-group")]),s._v(" to manage each need to manually activate the "),a("code",{pre:!0},[s._v("swipe-item")]),s._v(" contraction, as shown in the example code.")]),s._v(" "),a("ul",[a("li",[a("p",[s._v("1.11+")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"swipe-wrapper"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-swipe")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("transition-group")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"swipe"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("tag")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"ul"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"swipe-item-wrapper"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(data,index) in swipeData"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data.item.id"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-swipe-item")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"swipeItem"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":btns")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data.btns"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":index")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"index"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@btn-click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onBtnClick"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onItemClick(data.item, index)"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item-inner"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"icon"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("img")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("width")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"60"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("height")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"60"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":src")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data.item.imgurl"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"text"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("h2")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item-name"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-html")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data.item.name"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("p")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item-desc"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-html")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data.item.desc"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("swipeData")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("item")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("id")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'3646653877'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'还不是因为你长得不好看'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("desc")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'伤感：歌词再狠，也抵不过现实伤人'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("imgurl")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'http://p.qpic.cn/music_cover/MhQ4bJBPt3Yt5icXyBGNhyPJnE9O51CqaN72iaDgvFmDKaia12UFhU5uQ/600?n=1'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("btns")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'clear'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'不再关注'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#c8c7cd'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'delete'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'删除'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#ff3a32'")]),s._v("\n }\n ]\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("item")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("id")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'1789676645'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'秋水浮萍任飘渺'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("desc")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'『武侠配乐』快意恩仇江湖情'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("imgurl")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'http://p.qpic.cn/music_cover/8KfvDey9cibtZ5xkWxRic6vhXgdPic3wnB7reibI4pdPQBCP8u57uqcjsQ/600?n=1'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("btns")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'clear'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'不再关注'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#c8c7cd'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'delete'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'删除'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#ff3a32'")]),s._v("\n }\n ]\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("item")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("id")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'3649034125'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'念葳蕊'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("desc")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'江海迦：热恋后哼一首歌为自己悲悯的歌'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("imgurl")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'http://p.qpic.cn/music_cover/jXFicBvicUcfIWSoCNT1OrbAoHG2fqqnrJVnGV4iaLCapWUpCKqbmAicJg/600?n=1'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("btns")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'clear'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'不再关注'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#c8c7cd'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'delete'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'删除'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#ff3a32'")]),s._v("\n }\n ]\n },\n ]\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n onItemClick(item) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'click item:'")]),s._v(", item)\n },\n onBtnClick(btn, index) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (btn.action === "),a("span",{attrs:{class:"hljs-string"}},[s._v("'delete'")]),s._v(") {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createActionSheet({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'确认要删除吗'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("active")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": [\n {"),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'删除'")]),s._v("}\n ],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".swipeData.splice(index, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(")\n }\n }).show()\n } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("else")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.swipeItem[index].shrink()\n }\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("Before 1.11")]),s._v(" "),a("p",[s._v("You need to handle CubeSwipeItem "),a("code",{pre:!0},[s._v("active")]),s._v(" event "),a("code",{pre:!0},[s._v("onItemActive")]),s._v(":")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"swipe-wrapper"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-swipe")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("transition-group")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"swipe"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("tag")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"ul"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"swipe-item-wrapper"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(data,index) in swipeData"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data.item.id"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-swipe-item")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"swipeItem"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":btns")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data.btns"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":index")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"index"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@btn-click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onBtnClick"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@active")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onItemActive"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onItemClick(data.item, index)"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item-inner"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"icon"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("img")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("width")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"60"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("height")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"60"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":src")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data.item.imgurl"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"text"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("h2")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item-name"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-html")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data.item.name"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("p")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item-desc"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-html")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data.item.desc"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("swipeData")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("item")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("id")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'3646653877'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'还不是因为你长得不好看'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("desc")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'伤感：歌词再狠，也抵不过现实伤人'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("imgurl")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'http://p.qpic.cn/music_cover/MhQ4bJBPt3Yt5icXyBGNhyPJnE9O51CqaN72iaDgvFmDKaia12UFhU5uQ/600?n=1'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("btns")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'clear'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'不再关注'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#c8c7cd'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'delete'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'删除'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#ff3a32'")]),s._v("\n }\n ]\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("item")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("id")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'1789676645'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'秋水浮萍任飘渺'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("desc")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'『武侠配乐』快意恩仇江湖情'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("imgurl")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'http://p.qpic.cn/music_cover/8KfvDey9cibtZ5xkWxRic6vhXgdPic3wnB7reibI4pdPQBCP8u57uqcjsQ/600?n=1'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("btns")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'clear'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'不再关注'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#c8c7cd'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'delete'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'删除'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#ff3a32'")]),s._v("\n }\n ]\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("item")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("id")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'3649034125'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'念葳蕊'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("desc")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'江海迦：热恋后哼一首歌为自己悲悯的歌'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("imgurl")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'http://p.qpic.cn/music_cover/jXFicBvicUcfIWSoCNT1OrbAoHG2fqqnrJVnGV4iaLCapWUpCKqbmAicJg/600?n=1'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("btns")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'clear'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'不再关注'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#c8c7cd'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("action")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'delete'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'删除'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'#ff3a32'")]),s._v("\n }\n ]\n },\n ]\n }\n },\n created() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".activeIndex = "),a("span",{attrs:{class:"hljs-number"}},[s._v("-1")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n onItemClick(item) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'click item:'")]),s._v(", item)\n },\n onBtnClick(btn, index) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (btn.action === "),a("span",{attrs:{class:"hljs-string"}},[s._v("'delete'")]),s._v(") {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createActionSheet({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'确认要删除吗'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("active")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": [\n {"),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'删除'")]),s._v("}\n ],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".swipeData.splice(index, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(")\n }\n }).show()\n } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("else")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.swipeItem[index].shrink()\n }\n },\n onItemActive(index) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (index === "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".activeIndex) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v("\n }\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" ("),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".activeIndex !== "),a("span",{attrs:{class:"hljs-number"}},[s._v("-1")]),s._v(") {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" activeItem = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.swipeItem["),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".activeIndex]\n activeItem.shrink()\n }\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".activeIndex = index\n }\n }\n}\n")])])])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("cube-swipe")]),s._v(" configuration")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Accepted Values")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("data")]),s._v(" "),a("td",[s._v("For "),a("code",{pre:!0},[s._v("swipe")]),s._v(" list rendered data, when you need to use the built-in default slot, this parameter will be passed. Every item in the array is an Object type, including "),a("code",{pre:!0},[s._v("item")]),s._v(" and "),a("code",{pre:!0},[s._v("btns")]),s._v(". These two parameters are described in "),a("code",{pre:!0},[s._v("cube-swipe-item")]),s._v(". If a custom slot is used, this value may not be passed.")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("[]")])]),s._v(" "),a("tr",[a("td",[s._v("autoShrink")]),s._v(" "),a("td",[s._v("Decide whether to automatically shrink the slider when the button is clicked, If you use a custom slot, you can pass this value directly to the "),a("code",{pre:!0},[s._v("cube-swipe-item")]),s._v(".")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("false")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("cube-swipe-item")]),s._v(" 配置")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Accepted Values")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("item")]),s._v(" "),a("td",[s._v("Data for "),a("code",{pre:!0},[s._v("swipe-item")]),s._v(" list item rendering, when you need to use the built-in default slot, this parameter must be transmitted, and there are 2 fields, "),a("code",{pre:!0},[s._v("value")]),s._v(" and "),a("code",{pre:!0},[s._v("text")]),s._v(", representing the value of the data item and the displayed copy respectively, but if you use custom slot, you can not pass this value.")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("{}")])]),s._v(" "),a("tr",[a("td",[s._v("btns")]),s._v(" "),a("td",[s._v("For "),a("code",{pre:!0},[s._v("swipe-item")]),s._v(" list item rendering button array, each item of the array is a Object type. It contains at least 2 fields, "),a("code",{pre:!0},[s._v("text")]),s._v(" and "),a("code",{pre:!0},[s._v("color")]),s._v(", which represent the copy and color of the button respectively.")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("[]")])]),s._v(" "),a("tr",[a("td",[s._v("index")]),s._v(" "),a("td",[s._v("The index value of the current "),a("code",{pre:!0},[s._v("swpie-item")]),s._v(" in the entire list, must be passed.")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-1")])]),s._v(" "),a("tr",[a("td",[s._v("autoShrink")]),s._v(" "),a("td",[s._v("Decide whether to automatically shrink the slider when the button is clicked.")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("false")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("cube-swipe")]),s._v(" event")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("When you use a custom slot, you can listen directly to the events on the "),a("code",{pre:!0},[s._v("cube-swipe-item")]),s._v(".")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Event Name")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Parameters 1")]),s._v(" "),a("th",[s._v("Parameters 2")]),s._v(" "),a("th",[s._v("Parameters 3")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("item-click")]),s._v(" "),a("td",[s._v("Triggered when the list item is clicked")]),s._v(" "),a("td",[s._v("Clicked list item")]),s._v(" "),a("td",[s._v("The Index of the clicked list item in the list")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("btn-click")]),s._v(" "),a("td",[s._v("Triggered when the button is clicked")]),s._v(" "),a("td",[s._v("Clicked button")]),s._v(" "),a("td",[s._v("The index of the clicked button in the list")]),s._v(" "),a("td",[s._v("the list item"),a("sup",[s._v("1.9.7")])])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("cube-swipe-item")]),s._v(" event")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Event Name")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Parameters 1")]),s._v(" "),a("th",[s._v("Parameters 2")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("item-click")]),s._v(" "),a("td",[s._v("Triggered when the list item is clicked")]),s._v(" "),a("td",[s._v("Clicked list item")]),s._v(" "),a("td",[s._v("The Index of the clicked list item")])]),s._v(" "),a("tr",[a("td",[s._v("btn-click")]),s._v(" "),a("td",[s._v("Triggered when the button is clicked")]),s._v(" "),a("td",[s._v("Clicked button")]),s._v(" "),a("td",[s._v("The index of the clicked button in the list")])]),s._v(" "),a("tr",[a("td",[s._v("active")]),s._v(" "),a("td",[s._v("Triggered when you start sliding one of the list item")]),s._v(" "),a("td",[s._v("The index of the activation item in the list")]),s._v(" "),a("td",[s._v("-")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("cube-swipe-item")]),s._v(" instance methods")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Method name")]),s._v(" "),a("th",[s._v("Description")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("shrink")]),s._v(" "),a("td",[s._v("Shrink the swipe item")])])])])}]}},FRSy:function(s,t,a){s.exports=a("pYiz")},pYiz:function(s,t,a){var n=a("VU/8")(null,a("Ct+D"),null,null,null);s.exports=n.exports}}); \ No newline at end of file diff --git a/docs/js/58.883f4cb21727505c6ca7.js b/docs/js/58.883f4cb21727505c6ca7.js new file mode 100644 index 000000000..86027ed71 --- /dev/null +++ b/docs/js/58.883f4cb21727505c6ca7.js @@ -0,0 +1 @@ +webpackJsonp([58],{"8OrA":function(t,s){t.exports={render:function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("section",[a("h2",{attrs:{id:"stylemodule"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-stylemodule-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" style module")]),t._v(" "),a("p",[t._v("This module contains the common css: built-in icons, reset and base.")]),t._v(" "),a("h3",{attrs:{id:"Icon"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Icon-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Icon")]),t._v(" "),t._m(0),t._v(" "),a("p",[t._v("There are 65 icons:")]),t._v(" "),t._m(1),t._v(" "),a("h3",{attrs:{id:"reset.css"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-reset.css-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" reset.css")]),t._v(" "),t._m(2),t._v(" "),t._m(3),t._v(" "),a("h3",{attrs:{id:"base.css"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-base.css-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" base.css")]),t._v(" "),t._m(4),t._v(" "),t._m(5)])},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("If you want to use them, just add the "),a("code",{pre:!0},[t._v("cubeic-${name}")]),t._v(" class: "),a("code",{pre:!0},[t._v('')]),t._v(".")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),a("th",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),a("th",{staticStyle:{"text-align":"center"}},[t._v("-")]),t._v(" "),a("th",{staticStyle:{"text-align":"center"}},[t._v("-")])])]),t._v(" "),a("tbody",[a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-eye-invisible"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-eye-visible"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-person"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-select"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-pulldown"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-pullup"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-back"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-arrow"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-more"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-close"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-warn"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-question"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-right"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-wrong"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-add"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-remove"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-info"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-share"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-no-wifi"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-wifi"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-sad"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-smile"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-game"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-email"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-hot"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-notification"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-delete"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-vip"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-mute"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-volume"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-good"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-bad"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-mobile-phone"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-aim"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-navigation"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-safe-pay"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-tag"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-lock"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-unlock"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-edit"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-scan"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-qr-code"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-calendar"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-time"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-red-packet"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-star"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-setting"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-home"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-credit-card"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-mall"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-microphone"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-search"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-danger"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-alert"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-picture"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-message"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-phone"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-location"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-like"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-camera"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-square-right"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-square-border"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-round-border"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-ok"})])]),t._v(" "),a("tr",[a("td",{staticStyle:{"text-align":"center"}},[a("i",{staticClass:"cubeic-important"})]),t._v(" "),a("td",{staticStyle:{"text-align":"center"}}),t._v(" "),a("td",{staticStyle:{"text-align":"center"}}),t._v(" "),a("td",{staticStyle:{"text-align":"center"}})])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("Based on "),a("a",{attrs:{href:"http://meyerweb.com/eric/tools/css/reset/"}},[t._v("Eric Meyer's Reset CSS")]),t._v(" and "),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/src/common/stylus/reset.styl"}},[t._v("modified")]),t._v(".")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-stylus"}},[a("span",{attrs:{class:"hljs-comment"}},[t._v("/**\n * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)\n * http://cssreset.com\n */")]),t._v("\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("html")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("body")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("div")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("span")]),t._v(", applet, "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("object")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("iframe")]),t._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("h1")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("h2")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("h3")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("h4")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("h5")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("h6")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("p")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("blockquote")]),t._v(", pre,\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("a")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("abbr")]),t._v(", acronym, "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("address")]),t._v(", big, "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("cite")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("code")]),t._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("del")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("dfn")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("em")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("img")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("ins")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("kbd")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("q")]),t._v(", s, "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("samp")]),t._v(",\nsmall, strike, "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("strong")]),t._v(", sub, "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("sup")]),t._v(", tt, "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("var")]),t._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("b")]),t._v(", u, "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("i")]),t._v(", center,\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("dl")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("dt")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("dd")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("ol")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("ul")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("li")]),t._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("fieldset")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("form")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("label")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("legend")]),t._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("table")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("caption")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("tbody")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("tfoot")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("thead")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("tr")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("th")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("td")]),t._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("article")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("aside")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("canvas")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("details")]),t._v(", embed,\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("figure")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("figcaption")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("footer")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("header")]),t._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("menu")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("nav")]),t._v(", output, ruby, "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("section")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("summary")]),t._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("time")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("mark")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("audio")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("video")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("input")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("margin")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("padding")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("border")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("font-size")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("100%")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("font-weight")]),t._v(": normal\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("vertical-align")]),t._v(": baseline\n\n"),a("span",{attrs:{class:"hljs-comment"}},[t._v("/* HTML5 display-role reset for older browsers */")]),t._v("\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("article")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("aside")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("details")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("figcaption")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("figure")]),t._v(",\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("footer")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("header")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("menu")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("nav")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("section")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("display")]),t._v(": block\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("body")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("line-height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1")]),t._v("\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("blockquote")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("q")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("quotes")]),t._v(": none\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("blockquote")]),t._v(":before, "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("blockquote")]),t._v(":after,\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("q")]),t._v(":before, "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("q")]),t._v(":after\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("content")]),t._v(": none\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("table")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("border-collapse")]),t._v(": collapse\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("border-spacing")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n\n"),a("span",{attrs:{class:"hljs-comment"}},[t._v("/* custom */")]),t._v("\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("a")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("color")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("#7e8c8d")]),t._v("\n -webkit-"),a("span",{attrs:{class:"hljs-attribute"}},[t._v("backface-visibility")]),t._v(": hidden\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("text-decoration")]),t._v(": none\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("li")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("list-style")]),t._v(": none\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("body")]),t._v("\n -webkit-text-size-adjust: "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("none")]),t._v("\n -webkit-tap-highlight-"),a("span",{attrs:{class:"hljs-attribute"}},[t._v("color")]),t._v(": rgba("),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(", "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(", "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(", "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(")\n")])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("The "),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/src/common/stylus/base.styl"}},[t._v("base css")]),t._v(" contains the following styles:")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-stylus"}},[t._v("@require "),a("span",{attrs:{class:"hljs-string"}},[t._v('"./variable.styl"')]),t._v("\n\n"),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("body")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-tag"}},[t._v("html")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("line-height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("font-family")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'PingFang SC'")]),t._v(", "),a("span",{attrs:{class:"hljs-string"}},[t._v("'STHeitiSC-Light'")]),t._v(", "),a("span",{attrs:{class:"hljs-string"}},[t._v("'Helvetica-Light'")]),t._v(", arial, sans-serif, "),a("span",{attrs:{class:"hljs-string"}},[t._v("'Droid Sans Fallback'")]),t._v("\n user-select: "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("none")]),t._v("\n -webkit-tap-highlight-"),a("span",{attrs:{class:"hljs-attribute"}},[t._v("color")]),t._v(": transparent\n\n"),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".clear-fix")]),t._v("\n &::after\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v('""')]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("display")]),t._v(": table\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("clear")]),t._v(": both\n\n"),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-top-1px")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-right-1px")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-bottom-1px")]),t._v(", "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-left-1px")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("position")]),t._v(": relative\n &::before, &::after\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v('""')]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("display")]),t._v(": block\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("position")]),t._v(": absolute\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform-origin")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(" "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n\n"),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-top-1px")]),t._v("\n &::before\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("border-top")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1px")]),t._v(" solid "),a("span",{attrs:{class:"hljs-variable"}},[t._v("$color")]),t._v("-row-line\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("left")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("top")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("width")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("100%")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform-origin")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(" top\n\n"),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-right-1px")]),t._v("\n &::after\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("border-right")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1px")]),t._v(" solid "),a("span",{attrs:{class:"hljs-variable"}},[t._v("$color")]),t._v("-col-line\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("top")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("right")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("100%")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform-origin")]),t._v(": right "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n\n"),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-bottom-1px")]),t._v("\n &::after\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("border-bottom")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1px")]),t._v(" solid "),a("span",{attrs:{class:"hljs-variable"}},[t._v("$color")]),t._v("-row-line\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("left")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("bottom")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("width")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("100%")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform-origin")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(" bottom\n\n"),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-left-1px")]),t._v("\n &::before\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("border-left")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1px")]),t._v(" solid "),a("span",{attrs:{class:"hljs-variable"}},[t._v("$color")]),t._v("-col-line\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("top")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("left")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("100%")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform-origin")]),t._v(": left "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("\n\n@media (min-resolution: "),a("span",{attrs:{class:"hljs-number"}},[t._v("2dppx")]),t._v(")\n "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-top-1px")]),t._v("\n &::before\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("width")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("200%")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform")]),t._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[t._v("5")]),t._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(")\n "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-right-1px")]),t._v("\n &::after\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("200%")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform")]),t._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[t._v("5")]),t._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(")\n "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-bottom-1px")]),t._v("\n &::after\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("width")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("200%")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform")]),t._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[t._v("5")]),t._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(")\n "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-left-1px")]),t._v("\n &::before\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("200%")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform")]),t._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[t._v("5")]),t._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(")\n\n@media (min-resolution: "),a("span",{attrs:{class:"hljs-number"}},[t._v("3dppx")]),t._v(")\n "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-top-1px")]),t._v("\n &::before\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("width")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("300%")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform")]),t._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[t._v("333")]),t._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(")\n "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-right-1px")]),t._v("\n &::after\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("300%")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform")]),t._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[t._v("333")]),t._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(")\n "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-bottom-1px")]),t._v("\n &::after\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("width")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("300%")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform")]),t._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[t._v("333")]),t._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(")\n "),a("span",{attrs:{class:"hljs-selector-class"}},[t._v(".border-left-1px")]),t._v("\n &::before\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("height")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("300%")]),t._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[t._v("transform")]),t._v(": scale(."),a("span",{attrs:{class:"hljs-number"}},[t._v("333")]),t._v(") translateZ("),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(")\n")])])}]}},jpwl:function(t,s,a){t.exports=a("tu/G")},"tu/G":function(t,s,a){var e=a("VU/8")(null,a("8OrA"),null,null,null);t.exports=e.exports}}); \ No newline at end of file diff --git a/docs/js/59.88509283c0cdfd915d17.js b/docs/js/59.88509283c0cdfd915d17.js new file mode 100644 index 000000000..964a726a9 --- /dev/null +++ b/docs/js/59.88509283c0cdfd915d17.js @@ -0,0 +1 @@ +webpackJsonp([59],{WvS6:function(s,a,t){var l=t("VU/8")(null,t("qC4O"),null,null,null);s.exports=l.exports},X7Go:function(s,a,t){s.exports=t("WvS6")},qC4O:function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[t("h2",{attrs:{id:"Sticky"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-Sticky-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Sticky")]),s._v(" "),s._m(0),s._v(" "),t("p",[s._v("Sticky component, the element will be sticky when the scroll position matched the target elements position.")]),s._v(" "),t("h3",{attrs:{id:"Example"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Example")]),s._v(" "),s._m(1),s._v(" "),t("h3",{attrs:{id:"Props"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-Props-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props")]),s._v(" "),t("h4",{attrs:{id:"CubeSticky"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-CubeSticky-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CubeSticky")]),s._v(" "),s._m(2),s._v(" "),t("h4",{attrs:{id:"CubeStickyEle"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-CubeStickyEle-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CubeStickyEle")]),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),t("h3",{attrs:{id:"Slot"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-Slot-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Slot")]),s._v(" "),s._m(5),s._v(" "),t("h3",{attrs:{id:"Events"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Events")]),s._v(" "),s._m(6),s._v(" "),t("h3",{attrs:{id:"Instancemethods"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-Instancemethods-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Instance methods")]),s._v(" "),s._m(7)])},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("blockquote",[t("p",[s._v("New in 1.10.0+")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ul",[t("li",[t("p",[s._v("Default usage - Scroll")]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-html"}},[t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":pos")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"scrollY"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":scroll-events")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"scrollEvents"')]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("@scroll")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"scrollHandler"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("title"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("ele-key")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"11"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"sticky-header"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("111"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item in items"')]),s._v(">")]),s._v("{{item}}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("ele-key")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"22"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"sticky-header"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("222"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("222"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item in items2"')]),s._v(">")]),s._v("{{item}}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("ele-key")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"33"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"sticky-header"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("333"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item in items3"')]),s._v(">")]),s._v("{{item}}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"fixed"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("slot-scope")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"props"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"sticky-header"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("{{props.current}}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-js"}},[t("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" _data = [\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'😀 😁 😂 🤣 😃 😄 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🙂 🤗 🤩 🤔 🤨 😐 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'😔 😕 🙃 🤑 😲 ☹️ '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🐣 🐣 🐣 🐣 🐣 🐣 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🐥 🐥 🐥 🐥 🐥 🐥 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🤓 🤓 🤓 🤓 🤓 🤓 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🦔 🦔 🦔 🦔 🦔 🦔 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🙈 🙈 🙈 🙈 🙈 🙈 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🚖 🚖 🚖 🚖 🚖 🚖 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 '")]),s._v("\n]\n"),t("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("scrollEvents")]),s._v(": ["),t("span",{attrs:{class:"hljs-string"}},[s._v("'scroll'")]),s._v("],\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("scrollY")]),s._v(": "),t("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("items")]),s._v(": _data.concat(),\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("items2")]),s._v(": _data.concat(),\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("items3")]),s._v(": _data.concat()\n }\n },\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n scrollHandler({ y }) {\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".scrollY = -y\n }\n }\n}\n")])]),s._v(" "),t("p",[t("code",{pre:!0},[s._v("cube-sticky")]),s._v(" need to use with "),t("code",{pre:!0},[s._v("cube-sticky-ele")]),s._v(" component.")]),s._v(" "),t("p",[s._v("The "),t("code",{pre:!0},[s._v("pos")]),s._v(" Prop of "),t("code",{pre:!0},[s._v("cube-sticky")]),s._v(" component is the scroll runtime position value.")]),s._v(" "),t("p",[s._v("The "),t("code",{pre:!0},[s._v("ele-key")]),s._v(" Prop of "),t("code",{pre:!0},[s._v("cube-sticky-ele")]),s._v(" component is optional, it is used to define the key value of sticky ele. The default "),t("code",{pre:!0},[s._v("ele-key")]),s._v(" value is the current sticky ele's index value.")]),s._v(" "),t("p",[s._v("You can alse use "),t("code",{pre:!0},[s._v("cube-sticky")]),s._v("'s "),t("code",{pre:!0},[s._v("fixed")]),s._v(" slot to define your own sticky HTML. If you do not use "),t("code",{pre:!0},[s._v("fixed")]),s._v(" slot then the default sticky content will be the active "),t("code",{pre:!0},[s._v("cube-sticky-ele")]),s._v("'s content.")])]),s._v(" "),t("li",[t("p",[s._v("Default usage - Native Scroll")]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-html"}},[t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":pos")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"scrollY"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":check-top")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"checkTop"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"scroll-ele"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("@scroll")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"scrollHandler"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("title"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"sticky-header"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("111"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item in items"')]),s._v(">")]),s._v("{{item}}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"sticky-header"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("222"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("222"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item in items2"')]),s._v(">")]),s._v("{{item}}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"sticky-header"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("333"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item in items3"')]),s._v(">")]),s._v("{{item}}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-js"}},[t("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" _data = [\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'😀 😁 😂 🤣 😃 😄 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🙂 🤗 🤩 🤔 🤨 😐 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'😔 😕 🙃 🤑 😲 ☹️ '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🐣 🐣 🐣 🐣 🐣 🐣 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🐥 🐥 🐥 🐥 🐥 🐥 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🤓 🤓 🤓 🤓 🤓 🤓 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🦔 🦔 🦔 🦔 🦔 🦔 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🙈 🙈 🙈 🙈 🙈 🙈 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🚖 🚖 🚖 🚖 🚖 🚖 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 '")]),s._v("\n]\n\n"),t("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("scrollY")]),s._v(": "),t("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("checkTop")]),s._v(": "),t("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("items")]),s._v(": _data.concat(),\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("items2")]),s._v(": _data.concat(),\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("items3")]),s._v(": _data.concat()\n }\n },\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n scrollHandler(e) {\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".scrollY = e.currentTarget.scrollTop\n }\n }\n}\n")])]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-stylus"}},[t("span",{attrs:{class:"hljs-selector-class"}},[s._v(".scroll-ele")]),s._v("\n "),t("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),t("span",{attrs:{class:"hljs-number"}},[s._v("100%")]),s._v("\n "),t("span",{attrs:{class:"hljs-attribute"}},[s._v("overflow")]),s._v(": auto\n -webkit-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("overflow")]),s._v("-scrolling: touch\n "),t("span",{attrs:{class:"hljs-attribute"}},[s._v("background-color")]),s._v(": "),t("span",{attrs:{class:"hljs-number"}},[s._v("#fff")]),s._v("\n")])]),s._v(" "),t("p",[t("code",{pre:!0},[s._v("check-top")]),s._v(" Prop is used to control the checking of boundary conditions, it's default value is "),t("code",{pre:!0},[s._v("true")]),s._v(", this means "),t("code",{pre:!0},[s._v("cube-sticky-ele")]),s._v(" element will be sticky when the top of the "),t("code",{pre:!0},[s._v("cube-sticky-ele")]),s._v(" reaches the top of "),t("code",{pre:!0},[s._v("cube-sticky")]),s._v(". This case the "),t("code",{pre:!0},[s._v("check-top")]),s._v(" is "),t("code",{pre:!0},[s._v("false")]),s._v(" which means "),t("code",{pre:!0},[s._v("cube-sticky-ele")]),s._v(" element will be sticky when the bottom of the "),t("code",{pre:!0},[s._v("cube-sticky-ele")]),s._v(" reaches the top of "),t("code",{pre:!0},[s._v("cube-sticky")]),s._v(".")])]),s._v(" "),t("li",[t("p",[s._v("Like WeChat")]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-html"}},[t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky")]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":pos")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"scrollY"')]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":check-top")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"checkTop"')]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("fixed-show-ani")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"sticky-fixed-show"')]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("@diff-change")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"diffChange"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":scroll-events")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"scrollEvents"')]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("@scroll")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"scrollHandler"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("img")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("src")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"https://ss3.bdstatic.com/iPoZeXSm1A5BphGlnYG/skin/6.jpg"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-sticky-ele")]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"sticky-header"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("111"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item in items"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"border-top-1px"')]),s._v(">")]),s._v("{{item}}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item in items2"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"border-top-1px"')]),s._v(">")]),s._v("{{item}}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item in items3"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"border-top-1px"')]),s._v(">")]),s._v("{{item}}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"sticky-header"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"fixed"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"stickyHeader"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("header"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-js"}},[t("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" _data = [\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'😀 😁 😂 🤣 😃 😄 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🙂 🤗 🤩 🤔 🤨 😐 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'😔 😕 🙃 🤑 😲 ☹️ '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🐣 🐣 🐣 🐣 🐣 🐣 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🐥 🐥 🐥 🐥 🐥 🐥 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🤓 🤓 🤓 🤓 🤓 🤓 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🦔 🦔 🦔 🦔 🦔 🦔 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🙈 🙈 🙈 🙈 🙈 🙈 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'👆🏻 scroll up/down 👇🏻 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'🚖 🚖 🚖 🚖 🚖 🚖 '")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 ✌🏻 '")]),s._v("\n]\n\n"),t("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("scrollEvents")]),s._v(": ["),t("span",{attrs:{class:"hljs-string"}},[s._v("'scroll'")]),s._v("],\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("scrollY")]),s._v(": "),t("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("checkTop")]),s._v(": "),t("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("items")]),s._v(": _data.concat(),\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("items2")]),s._v(": _data.concat(),\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("items3")]),s._v(": _data.concat()\n }\n },\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n scrollHandler({ y }) {\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".scrollY = -y\n },\n diffChange() {\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("let")]),s._v(" opacity = "),t("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (height) {\n opacity = diff / height\n }\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.stickyHeader.style.opacity = opacity\n }\n }\n}\n")])]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-stylus"}},[t("span",{attrs:{class:"hljs-selector-class"}},[s._v(".sticky-fixed-show-enter")]),s._v(", "),t("span",{attrs:{class:"hljs-selector-class"}},[s._v(".sticky-fixed-show-leave-active")]),s._v("\n "),t("span",{attrs:{class:"hljs-attribute"}},[s._v("transform")]),s._v(": translate("),t("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", -"),t("span",{attrs:{class:"hljs-number"}},[s._v("100%")]),s._v(")\n"),t("span",{attrs:{class:"hljs-selector-class"}},[s._v(".sticky-fixed-show-enter-active")]),s._v(", "),t("span",{attrs:{class:"hljs-selector-class"}},[s._v(".sticky-fixed-show-leave-active")]),s._v("\n "),t("span",{attrs:{class:"hljs-attribute"}},[s._v("transition")]),s._v(": all ."),t("span",{attrs:{class:"hljs-number"}},[s._v("5s")]),s._v(" ease-in-out\n")])]),s._v(" "),t("p",[t("code",{pre:!0},[s._v("fixed-show-ani")]),s._v(" is used to set the "),t("code",{pre:!0},[s._v("transition")]),s._v(" name of the sticky element when it's fixed.")]),s._v(" "),t("p",[s._v("You can get current sticky ele's fixed diff value on "),t("code",{pre:!0},[s._v("diff-change")]),s._v(" event.")])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",[t("thead",[t("tr",[t("th",[s._v("Attribute")]),s._v(" "),t("th",[s._v("Description")]),s._v(" "),t("th",[s._v("Type")]),s._v(" "),t("th",[s._v("Accepted Values")]),s._v(" "),t("th",[s._v("Default")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("pos")]),s._v(" "),t("td",[s._v("required, scroll position")]),s._v(" "),t("td",[s._v("Number")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("checkTop")]),s._v(" "),t("td",[s._v("whether to treat the top of sticky element as boundary, if this value is false means "),t("code",{pre:!0},[s._v("cube-sticky-ele")]),s._v(" will be sticky when the bottom of the "),t("code",{pre:!0},[s._v("cube-sticky-ele")]),s._v(" reaches the top of "),t("code",{pre:!0},[s._v("cube-sticky")])]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td",[s._v("true/false")]),s._v(" "),t("td",[s._v("true")])]),s._v(" "),t("tr",[t("td",[s._v("fixedShowAni")]),s._v(" "),t("td",[s._v("the "),t("code",{pre:!0},[s._v("transition")]),s._v(" name of the sticky element")]),s._v(" "),t("td",[s._v("String")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("if checkTop is true this value will be '', otherwise this value will be 'cube-sticky-fixed-fade'")])]),s._v(" "),t("tr",[t("td",[s._v("offset")]),s._v(" "),t("td",[s._v("offset value, "),t("code",{pre:!0},[s._v("pos+offset")]),s._v(" will be the real pos value")]),s._v(" "),t("td",[s._v("Number")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("0")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",[t("thead",[t("tr",[t("th",[s._v("Attribute")]),s._v(" "),t("th",[s._v("Description")]),s._v(" "),t("th",[s._v("Type")]),s._v(" "),t("th",[s._v("Accepted Values")]),s._v(" "),t("th",[s._v("Default")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("eleKey")]),s._v(" "),t("td",[s._v("the key of sticky element")]),s._v(" "),t("td",[s._v("Number/String")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("-")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("If "),t("code",{pre:!0},[s._v("eleKey")]),s._v(" is undefined, CubeSticky will get the index of CubeStickyEle as the element's key.")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",[t("thead",[t("tr",[t("th",[s._v("Name")]),s._v(" "),t("th",[s._v("Description")]),s._v(" "),t("th",[s._v("Scope Parameters")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("default")]),s._v(" "),t("td",[s._v("default content")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("fixed")]),s._v(" "),t("td",[s._v("custom sticky content when the sticky element is fixed")]),s._v(" "),t("td",[s._v("current: key of the fixed sticky element"),t("br"),s._v("index: index of the sticky element(index is not reactive)")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",[t("thead",[t("tr",[t("th",[s._v("Event Name")]),s._v(" "),t("th",[s._v("Description")]),s._v(" "),t("th",[s._v("Parameters 1")]),s._v(" "),t("th",[s._v("Parameters 2")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("change")]),s._v(" "),t("td",[s._v("triggers when fixed sticky element changed")]),s._v(" "),t("td",[s._v("current - key of the fixed sticky element, if there is no fixed sticky element this value will be ''")]),s._v(" "),t("td",[s._v("index - index of sticky element, if there is no fixed sticky element this value will be -1 (index is not reactive)")])]),s._v(" "),t("tr",[t("td",[s._v("diff-change")]),s._v(" "),t("td",[s._v("triggers when sticky element scrolling diff value changed")]),s._v(" "),t("td",[s._v("diff - diff value")]),s._v(" "),t("td",[s._v("height: height of current sticky element")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",[t("thead",[t("tr",[t("th",[s._v("Method name")]),s._v(" "),t("th",[s._v("Description")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("refresh")]),s._v(" "),t("td",[s._v("You can call this method when content updated")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/6.44c69759f19d6fb16d05.js b/docs/js/6.44c69759f19d6fb16d05.js deleted file mode 100644 index 240ed5834..000000000 --- a/docs/js/6.44c69759f19d6fb16d05.js +++ /dev/null @@ -1 +0,0 @@ -webpackJsonp([6],{480:function(s,a,t){s.exports=t(567)},567:function(s,a,t){var v=t(11)(null,t(568),null,null,null);s.exports=v.exports},568:function(s,a){s.exports={render:function(){var s=this,a=s.$createElement;s._self._c;return s._m(0)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[t("h2",[s._v("Slide")]),s._v(" "),t("p",[s._v("轮播图，提供了常见的"),t("code",{pre:!0},[s._v("轮播")]),s._v("及"),t("code",{pre:!0},[s._v("swipe")]),s._v("的功能，也是一个基于"),t("code",{pre:!0},[s._v("better-scroll")]),s._v("进行封装的组件。")]),s._v(" "),t("h3",[s._v("示例")]),s._v(" "),t("ul",[t("li",[t("p",[s._v("基本使用")]),s._v(" "),t("p",[t("code",{pre:!0},[s._v("cube-slide")]),s._v("元素即整个轮播图组件，"),t("code",{pre:!0},[s._v("cube-slide-item")]),s._v("元素则是每一个轮播的页面，其 slot 为该页的内容。")]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-html"}},[t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("@change")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"changePage"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide-item")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"(item, index) in items"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"index"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("@click.native")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"clickHandler(item, index)"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("a")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":href")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item.url"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("img")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":src")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item.image"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-javascript"}},[t("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("items")]),s._v(": [\n {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'http://www.didichuxing.com/'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("image")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide01.png'")]),s._v("\n }, {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'http://www.didichuxing.com/'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("image")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide02.png'")]),s._v("\n }, {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'http://www.didichuxing.com/'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("image")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide03.png'")]),s._v("\n }\n ]\n }\n },\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n changePage(current) {\n "),t("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),t("span",{attrs:{class:"hljs-string"}},[s._v("'当前轮播图序号为:'")]),s._v(" + current)\n },\n clickHandle(item, index) {\n "),t("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log(item, index)\n }\n }\n}\n")])])]),s._v(" "),t("li",[t("p",[s._v("循环播放")]),s._v(" "),t("p",[s._v("默认开启循环播放，可通过 loop 属性配置。")]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-html"}},[t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(">")]),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":loop")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"false"')]),s._v(">")]),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])]),s._v(" "),t("li",[t("p",[s._v("自动播放")]),s._v(" "),t("p",[s._v("默认开启自动播放，可通过 auto-play 属性配置。")]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-html"}},[t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(">")]),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":auto-play")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"false"')]),s._v(">")]),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])]),s._v(" "),t("li",[t("p",[s._v("自动播放的时间间隔")]),s._v(" "),t("p",[s._v("当开启了自动播放时，还可通过 interval 属性配置时间间隔。")]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-html"}},[t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":interval")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"4000"')]),s._v(">")]),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])]),s._v(" "),t("li",[t("p",[s._v("切换页面的滑动阈值")]),s._v(" "),t("p",[s._v("可通过"),t("code",{pre:!0},[s._v("threshold")]),s._v("属性配置切换页面的滑动阈值，既当滑动的距离超过了页面宽度 × "),t("code",{pre:!0},[s._v("threshold")]),s._v("时，切换页面。默认值为0.3。")]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-html"}},[t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":threshold")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"0.4"')]),s._v(">")]),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n\n")])])]),s._v(" "),t("li",[t("p",[s._v("切换页面的速度")]),s._v(" "),t("p",[s._v("默认切换动画耗时为400ms，可通过"),t("code",{pre:!0},[s._v("speed")]),s._v("属性配置。")]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-html"}},[t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":speed")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"200"')]),s._v(">")]),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])])]),s._v(" "),t("h3",[s._v("Props 配置")]),s._v(" "),t("table",[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("可选值")]),s._v(" "),t("th",[s._v("默认值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("loop")]),s._v(" "),t("td",[s._v("是否循环播放")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td",[s._v("true/false")]),s._v(" "),t("td",[s._v("true")])]),s._v(" "),t("tr",[t("td",[s._v("autoPlay")]),s._v(" "),t("td",[s._v("是否自动播放")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td",[s._v("true/false")]),s._v(" "),t("td",[s._v("true")])]),s._v(" "),t("tr",[t("td",[s._v("interval")]),s._v(" "),t("td",[s._v("播放间隔")]),s._v(" "),t("td",[s._v("Number")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("4000")])]),s._v(" "),t("tr",[t("td",[s._v("threshold")]),s._v(" "),t("td",[s._v("切换页面的滑动阈值")]),s._v(" "),t("td",[s._v("Number")]),s._v(" "),t("td",[s._v("(0, 1)")]),s._v(" "),t("td",[s._v("0.3")])]),s._v(" "),t("tr",[t("td",[s._v("speed")]),s._v(" "),t("td",[s._v("切换页面的速度")]),s._v(" "),t("td",[s._v("Number")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("400")])])])]),s._v(" "),t("h3",[s._v("事件")]),s._v(" "),t("table",[t("thead",[t("tr",[t("th",[s._v("事件名")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("参数")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("change")]),s._v(" "),t("td",[s._v("Slide 当前展示项发生改变时触发")]),s._v(" "),t("td",[s._v("当前展示项的索引值")])])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/6.895522cc1e070b001975.js b/docs/js/6.895522cc1e070b001975.js new file mode 100644 index 000000000..6f03d69eb --- /dev/null +++ b/docs/js/6.895522cc1e070b001975.js @@ -0,0 +1 @@ +webpackJsonp([6],{NJZk:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Tip"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Tip-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Tip")]),s._v(" "),a("p",[s._v("提示，用于弹出提示气泡框。")]),s._v(" "),a("h3",{attrs:{id:"示例"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 示例")]),s._v(" "),s._m(0),s._v(" "),a("h3",{attrs:{id:"Props配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props 配置")]),s._v(" "),s._m(1),s._v(" "),s._m(2),s._v(" "),a("h3",{attrs:{id:"事件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-事件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 事件")]),s._v(" "),s._m(3)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("基础使用")]),s._v(" "),a("p",[s._v("通过在 "),a("code",{pre:!0},[s._v("Tip")]),s._v(" 组件上添加 "),a("code",{pre:!0},[s._v("ref")]),s._v(" 属性，获得对于组件的引用，然后调用 "),a("code",{pre:!0},[s._v("Tip")]),s._v(" 组件向外暴露出来的 "),a("code",{pre:!0},[s._v("show")]),s._v("、"),a("code",{pre:!0},[s._v("hide")]),s._v(" 方法来控制组件的显示或隐藏。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":inline")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":outline")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":primary")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"$refs.tip.show()"')]),s._v(">")]),s._v("Show tip"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-tip")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"tip"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("direction")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"bottom"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("style")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"left:123px;top:-50px;"')]),s._v(">")]),s._v("Tip"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("小三角和气泡框的位置")]),s._v(" "),a("p",[s._v("通过 "),a("code",{pre:!0},[s._v("direction")]),s._v(" 属性配置小三角的方向，一般情况下需要通过 "),a("code",{pre:!0},[s._v("style")]),s._v(" 改变气泡框的位置；一般来说，小三角的方向是与气泡框的位置相反的。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("p")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"tip-eg"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v(">")]),s._v("cube-ui"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-tip")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"tip2"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":direction")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"direction"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":style")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"tipStyle"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@close")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"close"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"clickHandler"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(">")]),s._v("Awesome!"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"showTip('bottom')\"")]),s._v(">")]),s._v("top"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"showTip('top')\"")]),s._v(">")]),s._v("bottom"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"showTip('right')\"")]),s._v(">")]),s._v("left"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"showTip('left')\"")]),s._v(">")]),s._v("right"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("direction")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("tipStyle")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v("\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showTip(direction) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".direction = direction\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.tip2.show()\n\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("switch")]),s._v(" (direction) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("case")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'top'")]),s._v(":\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".tipStyle = "),a("span",{attrs:{class:"hljs-string"}},[s._v("'left: 100px; top: 30px;'")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("break")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("case")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'bottom'")]),s._v(":\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".tipStyle = "),a("span",{attrs:{class:"hljs-string"}},[s._v("'left: 100px; top: -50px;'")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("break")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("case")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'left'")]),s._v(":\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".tipStyle = "),a("span",{attrs:{class:"hljs-string"}},[s._v("'left: 200px; top: -10px;'")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("break")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("case")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'right'")]),s._v(":\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".tipStyle = "),a("span",{attrs:{class:"hljs-string"}},[s._v("'left: 2px; top: -10px;'")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("break")]),s._v("\n }\n },\n close() {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'click close button'")]),s._v(")\n },\n clickHandler() {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'click tip area'")]),s._v(")\n }\n }\n}\n")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("可选值")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("direction")]),s._v(" "),a("td",[s._v("小三角的方向")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("top/bottom/left/right")]),s._v(" "),a("td",[s._v("left")])]),s._v(" "),a("tr",[a("td",[s._v("offsetLeft")]),s._v(" "),a("td",[s._v("小三角至 Tip 框左边距离")]),s._v(" "),a("td",[s._v("Number/String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("0")])]),s._v(" "),a("tr",[a("td",[s._v("offsetTop")]),s._v(" "),a("td",[s._v("小三角至 Tip 框顶部距离")]),s._v(" "),a("td",[s._v("Number/String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("0")])]),s._v(" "),a("tr",[a("td",[s._v("offsetRight")]),s._v(" "),a("td",[s._v("小三角至 Tip 框右边距离")]),s._v(" "),a("td",[s._v("Number/String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("0")])]),s._v(" "),a("tr",[a("td",[s._v("offsetBottom")]),s._v(" "),a("td",[s._v("小三角至 Tip 框底部距离")]),s._v(" "),a("td",[s._v("Number/String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("0")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("其中 "),a("code",{pre:!0},[s._v("offsetLeft")]),s._v("、"),a("code",{pre:!0},[s._v("offsetTop")]),s._v("、"),a("code",{pre:!0},[s._v("offsetRight")]),s._v("、"),a("code",{pre:!0},[s._v("offsetBottom")]),s._v(" 的值如果是数字，那么单位就是像素，如果说是字符串，则认为是设置的百分比。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("参数")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("close")]),s._v(" "),a("td",[s._v("点击 Tip 的关闭按钮")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("click")]),s._v(" "),a("td",[s._v("点击 Tip 的提示内容部分")]),s._v(" "),a("td",[s._v("-")])])])])}]}},"fHi+":function(s,t,a){var v=a("VU/8")(null,a("NJZk"),null,null,null);s.exports=v.exports},hIhO:function(s,t,a){s.exports=a("fHi+")}}); \ No newline at end of file diff --git a/docs/js/60.77cfecda9e49bec28446.js b/docs/js/60.77cfecda9e49bec28446.js new file mode 100644 index 000000000..93e8108d4 --- /dev/null +++ b/docs/js/60.77cfecda9e49bec28446.js @@ -0,0 +1 @@ +webpackJsonp([60],{"2TZu":function(s,t,a){var e=a("VU/8")(null,a("QEO6"),null,null,null);s.exports=e.exports},QEO6:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Slide"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Slide-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Slide")]),s._v(" "),s._m(0),s._v(" "),a("h3",{attrs:{id:"Example"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Example")]),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"Propsconfiguration"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props configuration")]),s._v(" "),s._m(2),s._v(" "),a("h3",{attrs:{id:"Slot"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Slot-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Slot")]),s._v(" "),s._m(3),s._v(" "),a("h3",{attrs:{id:"Events"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Events")]),s._v(" "),s._m(4),s._v(" "),a("h3",{attrs:{id:"Instancemethods"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Instancemethods-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Instance methods")]),s._v(" "),s._m(5)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("code",{pre:!0},[s._v("Slide")]),s._v(" component, which is also encapsulated based on "),a("code",{pre:!0},[s._v("better-scroll")]),s._v(", provides common functions like "),a("code",{pre:!0},[s._v("slider")]),s._v(" and "),a("code",{pre:!0},[s._v("swipe")]),s._v(".")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("Basic usage")]),s._v(" "),a("p",[s._v("Considering of the usual scenes of "),a("code",{pre:!0},[s._v("cube-slide")]),s._v(", each carousel page is a link, so the easiest way to use it is to pass an Array which consists of image and link by the "),a("code",{pre:!0},[s._v("data")]),s._v(" props. We will render it as a carousel of a set of hyperlinked images by default.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"items"')]),s._v("/>")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("items")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'http://www.didichuxing.com/'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("image")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide01.png'")]),s._v("\n }, {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'http://www.didichuxing.com/'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("image")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide02.png'")]),s._v("\n }, {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'http://www.didichuxing.com/'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("image")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide03.png'")]),s._v("\n }\n ]\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("Custom Content")]),s._v(" "),a("p",[s._v("Of course, we also support custom content, using the default slot and "),a("code",{pre:!0},[s._v("cube-slide-item")]),s._v(" component to customize the structure of each carousel page. Among them, the "),a("code",{pre:!0},[s._v("cube-slide")]),s._v(" element is the entire carousel component, and the "),a("code",{pre:!0},[s._v("cube-slide-item")]),s._v(" element is the page of each carousel, whose slot is the content of the page.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"slide"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"items"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@change")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"changePage"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide-item")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(item, index) in items"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"index"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click.native")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"clickHandler(item, index)"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("a")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":href")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item.url"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("img")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":src")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item.image"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("items")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'http://www.didichuxing.com/'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("image")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide01.png'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'http://www.didichuxing.com/'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("image")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide02.png'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'http://www.didichuxing.com/'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("image")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide03.png'")]),s._v("\n }\n ]\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n changePage(current) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'当前轮播图序号为:'")]),s._v(" + current)\n },\n clickHandler(item, index) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log(item, index)\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("Although you will use the "),a("code",{pre:!0},[s._v("data")]),s._v(" to generate the default content after using the custom content, it is still recommended that you pass the data by the "),a("code",{pre:!0},[s._v("data")]),s._v(" props, so our component can automatically perform data monitoring and re-rendering inside. Otherwise, you may need to call the "),a("code",{pre:!0},[s._v("refresh")]),s._v(" method to re-render by yourself, such as "),a("code",{pre:!0},[s._v("this.$refs.slide.refresh()")]),s._v(".")])]),s._v(" "),a("li",[a("p",[s._v("Initial Index")]),s._v(" "),a("p",[s._v("Initial Index value, default 0.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":initial-index")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"1"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("Loop play")]),s._v(" "),a("p",[s._v("Loop play is turned on by default. You can configure that with "),a("code",{pre:!0},[s._v("loop")]),s._v(" attribute.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":loop")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"false"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("Automatic play")]),s._v(" "),a("p",[s._v("Automatic play is turned on by default. You can configure that with "),a("code",{pre:!0},[s._v("auto-play")]),s._v(" attribute.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":auto-play")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"false"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("Interval of automatic play")]),s._v(" "),a("p",[s._v("When automatic play is turned on, you can configure the interval with "),a("code",{pre:!0},[s._v("interval")]),s._v(" attribute.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":interval")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"4000"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("Sliding threshold of switching pages")]),s._v(" "),a("p",[s._v("You can configure the sliding threshold of switching pages with "),a("code",{pre:!0},[s._v("threshold")]),s._v(" attribute. It means that when the sliding distance exceeds the page's width * "),a("code",{pre:!0},[s._v("threshold")]),s._v(", the page is switched. Default is 0.3.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":threshold")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"0.4"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("Speed of switching pages")]),s._v(" "),a("p",[s._v("Animation of switching costs 400 ms by default. You can cnfigure that with "),a("code",{pre:!0},[s._v("speed")]),s._v(" attribute.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":speed")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"200"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("Allow vertical scroll behavior")]),s._v(" "),a("p",[s._v("It can not be scrolling in the vertical direction by default. You can configure that with "),a("code",{pre:!0},[s._v("allow-vertical")]),s._v(" attribute.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":allow-vertical")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("Modify dots style")]),s._v(" "),a("p",[s._v("Default dot, you can change it by using dots slot.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"dots"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("slot-scope")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"my-dot"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"{active: props.current === index}"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(item, index) in props.dots"')]),s._v(">")]),s._v("\n {{index + 1}}\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("p",[s._v("The scoped slots provide two parameters: current active index "),a("code",{pre:!0},[s._v("current")]),s._v(" and slide items length "),a("code",{pre:!0},[s._v("dots")]),s._v(".")])]),s._v(" "),a("li",[a("p",[s._v("Dispatch scroll position in real time"),a("sup",[s._v("1.10.0")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-slide")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"options"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@scroll")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("listenScroll")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("probeType")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v("\n }\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n scroll ({x, y}) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log(x, y)\n }\n }\n }\n")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Accepted Values")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("initialIndex")]),s._v(" "),a("td",[s._v("initial index")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("0")])]),s._v(" "),a("tr",[a("td",[s._v("loop")]),s._v(" "),a("td",[s._v("whether to loop play")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("true")])]),s._v(" "),a("tr",[a("td",[s._v("showDots")]),s._v(" "),a("td",[s._v("whether to show the indicator dots")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("true")])]),s._v(" "),a("tr",[a("td",[s._v("autoPlay")]),s._v(" "),a("td",[s._v("whether to play automatically")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("true")])]),s._v(" "),a("tr",[a("td",[s._v("interval")]),s._v(" "),a("td",[s._v("interval of play")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("4000")])]),s._v(" "),a("tr",[a("td",[s._v("direction")]),s._v(" "),a("td",[s._v("slide direction")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("horizontal/vertical")]),s._v(" "),a("td",[s._v("horizontal")])]),s._v(" "),a("tr",[a("td",[s._v("options"),a("sup",[s._v("1.9.0")])]),s._v(" "),a("td",[s._v("the options of better-scroll, you could find details at "),a("a",{attrs:{href:"https://ustbhuangyi.github.io/better-scroll/doc/zh-hans/options.html"}},[s._v("BS Document")])]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("{"),a("br"),s._v(" momentum: false,"),a("br"),s._v(" click: true,"),a("br"),s._v(" observeDOM: false"),a("br"),s._v("}")])]),s._v(" "),a("tr",[a("td",[s._v("threshold")]),s._v(" "),a("td",[s._v("sliding threshold of switching pages")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("(0, 1)")]),s._v(" "),a("td",[s._v("0.3")])]),s._v(" "),a("tr",[a("td",[s._v("speed")]),s._v(" "),a("td",[s._v("speed of switching pages")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("400")])]),s._v(" "),a("tr",[a("td",[s._v("allowVertical")]),s._v(" "),a("td",[s._v("whether to allow vertical scrolling. "),a("code",{pre:!0},[s._v("Deprecated")]),s._v(", please use the property "),a("code",{pre:!0},[s._v("options")]),s._v(" instead.")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("stopPropagation")]),s._v(" "),a("td",[s._v("whether to stop propagation, which could use to solve the problem of event propagation when nest same direction slide. "),a("code",{pre:!0},[s._v("Deprecated")]),s._v(", please use the property "),a("code",{pre:!0},[s._v("options")]),s._v(" instead.")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("refreshResetCurrent"),a("sup",[s._v("1.10.10")])]),s._v(" "),a("td",[s._v("whether to reset index when refresh")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("true")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Name")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Scope Parameters")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("default")]),s._v(" "),a("td",[s._v("Default content contains cube-slide-item components")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("dots")]),s._v(" "),a("td",[s._v("Dots content")]),s._v(" "),a("td",[s._v("dots: Slide items length "),a("br"),s._v(" current: current active index")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Event Name")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Parameters")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("change")]),s._v(" "),a("td",[s._v("triggered when current slide changes")]),s._v(" "),a("td",[s._v("index of current slide")])]),s._v(" "),a("tr",[a("td",[s._v("scroll"),a("sup",[s._v("1.10.0")])]),s._v(" "),a("td",[s._v("triggered when slide is scrolling")]),s._v(" "),a("td",[s._v("Object {x, y} - scroll position")])]),s._v(" "),a("tr",[a("td",[s._v("scroll-end"),a("sup",[s._v("1.9.0")])]),s._v(" "),a("td",[s._v("triggered when scroll end.")]),s._v(" "),a("td",[s._v("index of current slide")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Method name")]),s._v(" "),a("th",[s._v("Description")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("refresh")]),s._v(" "),a("td",[s._v("You can call this method when slide items added or removed")])])])])}]}},"qc/E":function(s,t,a){s.exports=a("2TZu")}}); \ No newline at end of file diff --git a/docs/js/61.222f6deb479165b9f756.js b/docs/js/61.222f6deb479165b9f756.js new file mode 100644 index 000000000..c671450f7 --- /dev/null +++ b/docs/js/61.222f6deb479165b9f756.js @@ -0,0 +1 @@ +webpackJsonp([61],{"7KpM":function(e,t,n){var a=n("VU/8")(null,n("vOjf"),null,null,null);e.exports=a.exports},AoaZ:function(e,t,n){e.exports=n("7KpM")},vOjf:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("section",[n("h2",{attrs:{id:"SingletonPattern"}},[n("a",{staticClass:"anchor",attrs:{href:"#cube-SingletonPattern-anchor","aria-hidden":"true"}},[n("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[n("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),e._v(" Singleton Pattern")]),e._v(" "),n("p",[e._v("You need to take the singleton and multiton pattern of components into account when invoking the component by API.")]),e._v(" "),e._m(0),e._v(" "),n("p",[e._v("The components that are involved with api-invoking in cube-ui are all popups. Frequently used ones among them are listed below:")]),e._v(" "),e._m(1),e._v(" "),e._m(2),e._v(" "),e._m(3),e._v(" "),e._m(4),e._v(" "),n("p",[e._v("In general cases, default behavior can meet the demand, except you have special need.")]),e._v(" "),e._m(5)])},staticRenderFns:[function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("ul",[n("li",[n("p",[e._v("After 1.11")]),e._v(" "),n("p",[e._v("If the component is singleton, then there will be only one instance when instantiating it multiple times "),n("strong",[e._v("in same component")]),e._v(", and there is only one corresponding view layer; If the component is multiton, then a new instance will be created each time you instantiate it, and there are multiple corresponding view layers which don't affect each other.")])]),e._v(" "),n("li",[n("p",[e._v("Below 1.11")]),e._v(" "),n("p",[e._v("If the component is singleton, then there will be only one instance when instantiating it multiple times, and there is only one corresponding view layer; If the component is multiton, then a new instance will be created each time you instantiate it, and there are multiple corresponding view layers which don't affect each other.")])])])},function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("ul",[n("li",[n("a",{attrs:{href:"#/en-US/docs/toast"}},[e._v("Toast")])]),e._v(" "),n("li",[n("a",{attrs:{href:"#/en-US/docs/picker"}},[e._v("Picker")])]),e._v(" "),n("li",[n("a",{attrs:{href:"#/en-US/docs/time-picker"}},[e._v("TimePicker")])]),e._v(" "),n("li",[n("a",{attrs:{href:"#/en-US/docs/dialog"}},[e._v("Dialog")])]),e._v(" "),n("li",[n("a",{attrs:{href:"#/en-US/docs/action-sheet"}},[e._v("ActionSheet")])])])},function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("p",[e._v("All the api-invokings are implemented with the "),n("code",{pre:!0},[e._v("createAPI")]),e._v(" function exported by the "),n("a",{attrs:{href:"#/en-US/docs/create-api"}},[e._v("create-api")]),e._v(" module. It is decided whether the component is singleton in definition. See details in "),n("a",{attrs:{href:"#/en-US/docs/create-api"}},[e._v("create-api")]),e._v(".")])},function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("p",[e._v("By default, Toast, Dialog and ActionSheet is singleton, while Picker and TimePicker is multiton because their scenes tend to be more complex with a lot of extra data processing. If you want to change the default behavior at the time of instantiation,you can modify the parameter of "),n("code",{pre:!0},[e._v("$createX")]),e._v(". For example, we change the Dialog into multiton:")])},function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("pre",{pre:!0},[n("code",{attrs:{"v-pre":"",class:"language-js"}},[n("span",{attrs:{class:"hljs-keyword"}},[e._v("const")]),e._v(" dialog = "),n("span",{attrs:{class:"hljs-keyword"}},[e._v("this")]),e._v(".$createDialog({\n "),n("span",{attrs:{class:"hljs-attr"}},[e._v("type")]),e._v(": "),n("span",{attrs:{class:"hljs-string"}},[e._v("'confirm'")]),e._v(",\n "),n("span",{attrs:{class:"hljs-attr"}},[e._v("title")]),e._v(": "),n("span",{attrs:{class:"hljs-string"}},[e._v("'title'")]),e._v(",\n "),n("span",{attrs:{class:"hljs-attr"}},[e._v("content")]),e._v(": "),n("span",{attrs:{class:"hljs-string"}},[e._v("'content'")]),e._v("\n}, "),n("span",{attrs:{class:"hljs-literal"}},[e._v("false")]),e._v(")\ndialog.show()\n")])])},function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("p",[n("strong",[e._v("Note:")]),e._v(" Considering the scenes of Picker and TimePicker, neither of them support singleton pattern.")])}]}}}); \ No newline at end of file diff --git a/docs/js/62.954c9d632ae129087276.js b/docs/js/62.954c9d632ae129087276.js new file mode 100644 index 000000000..c72517403 --- /dev/null +++ b/docs/js/62.954c9d632ae129087276.js @@ -0,0 +1 @@ +webpackJsonp([62],{"3sTa":function(t,s,e){var a=e("VU/8")(null,e("vw19"),null,null,null);t.exports=a.exports},CSGf:function(t,s,e){t.exports=e("3sTa")},vw19:function(t,s){t.exports={render:function(){var t=this,s=t.$createElement,e=t._self._c||s;return e("section",[e("h2",{attrs:{id:"Select"}},[e("a",{staticClass:"anchor",attrs:{href:"#cube-Select-anchor","aria-hidden":"true"}},[e("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[e("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Select")]),t._v(" "),t._m(0),t._v(" "),e("p",[t._v("Select component.")]),t._v(" "),t._m(1),t._v(" "),e("h3",{attrs:{id:"Example"}},[e("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[e("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[e("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Example")]),t._v(" "),t._m(2),t._v(" "),e("h3",{attrs:{id:"Props"}},[e("a",{staticClass:"anchor",attrs:{href:"#cube-Props-anchor","aria-hidden":"true"}},[e("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[e("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Props")]),t._v(" "),t._m(3),t._v(" "),t._m(4),t._v(" "),t._m(5),t._v(" "),e("p",[t._v("If an option is not an object, such as 2014，we will transform it to { value: 2014, text: 2014 }.")]),t._v(" "),e("h3",{attrs:{id:"Events"}},[e("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[e("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[e("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Events")]),t._v(" "),t._m(6)])},staticRenderFns:[function(){var t=this,s=t.$createElement,e=t._self._c||s;return e("blockquote",[e("p",[t._v("New in 1.5.0+")])])},function(){var t=this,s=t.$createElement,e=t._self._c||s;return e("p",[e("strong",[t._v("Notice:")]),t._v(" Cause this component depend on Picker component, and Picker used create-api, so you should read "),e("a",{attrs:{href:"#/en-US/docs/create-api"}},[t._v("create-api")]),t._v(" first.")])},function(){var t=this,s=t.$createElement,e=t._self._c||s;return e("ul",[e("li",[e("p",[t._v("Basic usage")]),t._v(" "),e("p",[t._v("Basically, you need to use "),e("code",{pre:!0},[t._v("options")]),t._v(" to define each option and the selected value will bind on "),e("code",{pre:!0},[t._v("v-model")]),t._v(".")]),t._v(" "),e("pre",{pre:!0},[e("code",{attrs:{"v-pre":"",class:"language-html"}},[e("span",{attrs:{class:"hljs-tag"}},[t._v("<"),e("span",{attrs:{class:"hljs-name"}},[t._v("cube-select")]),t._v("\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),e("span",{attrs:{class:"hljs-string"}},[t._v('"value"')]),t._v("\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v(":options")]),t._v("="),e("span",{attrs:{class:"hljs-string"}},[t._v('"options"')]),t._v(">")]),t._v("\n"),e("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),e("pre",{pre:!0},[e("code",{attrs:{"v-pre":"",class:"language-js"}},[e("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),e("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n data() {\n "),e("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" {\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("options")]),t._v(": ["),e("span",{attrs:{class:"hljs-number"}},[t._v("2013")]),t._v(", "),e("span",{attrs:{class:"hljs-number"}},[t._v("2014")]),t._v(", "),e("span",{attrs:{class:"hljs-number"}},[t._v("2015")]),t._v(", "),e("span",{attrs:{class:"hljs-number"}},[t._v("2016")]),t._v(", "),e("span",{attrs:{class:"hljs-number"}},[t._v("2017")]),t._v(", "),e("span",{attrs:{class:"hljs-number"}},[t._v("2018")]),t._v("],\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("value")]),t._v(": "),e("span",{attrs:{class:"hljs-number"}},[t._v("2016")]),t._v("\n }\n }\n}\n")])])]),t._v(" "),e("li",[e("p",[t._v("Configs and Events")]),t._v(" "),e("p",[t._v("Select supports the configs of picker title, placeholder, whether auto pop, disabled. And if the selected value is changed when selected, it will emit the event "),e("code",{pre:!0},[t._v("change")]),t._v(".")]),t._v(" "),e("pre",{pre:!0},[e("code",{attrs:{"v-pre":"",class:"language-html"}},[e("span",{attrs:{class:"hljs-tag"}},[t._v("<"),e("span",{attrs:{class:"hljs-name"}},[t._v("cube-select")]),t._v("\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),e("span",{attrs:{class:"hljs-string"}},[t._v('"value"')]),t._v("\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v(":title")]),t._v("="),e("span",{attrs:{class:"hljs-string"}},[t._v('"title"')]),t._v("\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v(":options")]),t._v("="),e("span",{attrs:{class:"hljs-string"}},[t._v('"options"')]),t._v("\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v(":placeholder")]),t._v("="),e("span",{attrs:{class:"hljs-string"}},[t._v('"placeholder"')]),t._v("\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v(":auto-pop")]),t._v("="),e("span",{attrs:{class:"hljs-string"}},[t._v('"autoPop"')]),t._v("\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v(":disabled")]),t._v("="),e("span",{attrs:{class:"hljs-string"}},[t._v('"disabled"')]),t._v("\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("cancelTxt")]),t._v("="),e("span",{attrs:{class:"hljs-string"}},[t._v('"Cancel"')]),t._v("\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("confirmTxt")]),t._v("="),e("span",{attrs:{class:"hljs-string"}},[t._v('"Confirm"')]),t._v("\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("@change")]),t._v("="),e("span",{attrs:{class:"hljs-string"}},[t._v('"change"')]),t._v(">")]),t._v("\n"),e("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),e("pre",{pre:!0},[e("code",{attrs:{"v-pre":"",class:"language-js"}},[e("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),e("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n data() {\n "),e("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" {\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("options")]),t._v(": ["),e("span",{attrs:{class:"hljs-number"}},[t._v("2013")]),t._v(", "),e("span",{attrs:{class:"hljs-number"}},[t._v("2014")]),t._v(", "),e("span",{attrs:{class:"hljs-number"}},[t._v("2015")]),t._v(", "),e("span",{attrs:{class:"hljs-number"}},[t._v("2016")]),t._v(", "),e("span",{attrs:{class:"hljs-number"}},[t._v("2017")]),t._v(", "),e("span",{attrs:{class:"hljs-number"}},[t._v("2018")]),t._v("],\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("value")]),t._v(": "),e("span",{attrs:{class:"hljs-number"}},[t._v("2016")]),t._v(",\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),e("span",{attrs:{class:"hljs-string"}},[t._v("'Entry time'")]),t._v(",\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("placeholder")]),t._v(": "),e("span",{attrs:{class:"hljs-string"}},[t._v("'Please choose entry time'")]),t._v(",\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("autoPop")]),t._v(": "),e("span",{attrs:{class:"hljs-literal"}},[t._v("false")]),t._v(",\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("disabled")]),t._v(": "),e("span",{attrs:{class:"hljs-literal"}},[t._v("false")]),t._v("\n }\n },\n "),e("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n change(value, index, text) {\n "),e("span",{attrs:{class:"hljs-built_in"}},[t._v("console")]),t._v(".log("),e("span",{attrs:{class:"hljs-string"}},[t._v("'change'")]),t._v(", value, index, text)\n }\n }\n}\n")])]),t._v(" "),e("p",[t._v("There is one thing you may need notice. the "),e("code",{pre:!0},[t._v("change")]),t._v(" event won't change when you directly set the value of "),e("code",{pre:!0},[t._v("v-model")]),t._v(", it only emit when the change is caused by select. If you want to listen the change of "),e("code",{pre:!0},[t._v("v-model")]),t._v(", just watch it.")])])])},function(){var t=this,s=t.$createElement,e=t._self._c||s;return e("table",[e("thead",[e("tr",[e("th",[t._v("Attribute")]),t._v(" "),e("th",[t._v("Description")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",[t._v("Accepted Values")]),t._v(" "),e("th",[t._v("Default")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[t._v("options")]),t._v(" "),e("td",[t._v("options")]),t._v(" "),e("td",[t._v("Array")]),t._v(" "),e("td",[t._v("-")]),t._v(" "),e("td",[t._v("[]")])]),t._v(" "),e("tr",[e("td",[t._v("v-model")]),t._v(" "),e("td",[t._v("the selected value")]),t._v(" "),e("td",[t._v("Any")]),t._v(" "),e("td",[t._v("-")]),t._v(" "),e("td",[t._v("-")])]),t._v(" "),e("tr",[e("td",[t._v("placeholder")]),t._v(" "),e("td",[t._v("placeholder")]),t._v(" "),e("td",[t._v("String")]),t._v(" "),e("td",[t._v("-")]),t._v(" "),e("td",[t._v("'请选择'")])]),t._v(" "),e("tr",[e("td",[t._v("autoPop")]),t._v(" "),e("td",[t._v("whether auto pop picker")]),t._v(" "),e("td",[t._v("Boolean")]),t._v(" "),e("td",[t._v("true/false")]),t._v(" "),e("td",[t._v("false")])]),t._v(" "),e("tr",[e("td",[t._v("disabled")]),t._v(" "),e("td",[t._v("whether disabled")]),t._v(" "),e("td",[t._v("Boolean")]),t._v(" "),e("td",[t._v("true/false")]),t._v(" "),e("td",[t._v("false")])]),t._v(" "),e("tr",[e("td",[t._v("title")]),t._v(" "),e("td",[t._v("the title of picker")]),t._v(" "),e("td",[t._v("String")]),t._v(" "),e("td",[t._v("-")]),t._v(" "),e("td",[t._v("'请选择'")])]),t._v(" "),e("tr",[e("td",[t._v("cancelTxt")]),t._v(" "),e("td",[t._v("the cancel text of picker")]),t._v(" "),e("td",[t._v("String")]),t._v(" "),e("td",[t._v("-")]),t._v(" "),e("td",[t._v("'取消'")])]),t._v(" "),e("tr",[e("td",[t._v("confirmTxt")]),t._v(" "),e("td",[t._v("the confirm text of picker")]),t._v(" "),e("td",[t._v("String")]),t._v(" "),e("td",[t._v("-")]),t._v(" "),e("td",[t._v("'确认'")])])])])},function(){var t=this,s=t.$createElement,e=t._self._c||s;return e("ul",[e("li",[e("code",{pre:!0},[t._v("options")]),t._v(" sub configuration")])])},function(){var t=this,s=t.$createElement,e=t._self._c||s;return e("table",[e("thead",[e("tr",[e("th",[t._v("Attribute")]),t._v(" "),e("th",[t._v("Description")]),t._v(" "),e("th",[t._v("Type")]),t._v(" "),e("th",[t._v("Accepted Values")]),t._v(" "),e("th",[t._v("Example")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[t._v("value")]),t._v(" "),e("td",[t._v("value of the option")]),t._v(" "),e("td",[t._v("Any")]),t._v(" "),e("td",[t._v("-")]),t._v(" "),e("td",[t._v("-")])]),t._v(" "),e("tr",[e("td",[t._v("text")]),t._v(" "),e("td",[t._v("text of the option")]),t._v(" "),e("td",[t._v("String")]),t._v(" "),e("td",[t._v("-")]),t._v(" "),e("td",[t._v("-")])])])])},function(){var t=this,s=t.$createElement,e=t._self._c||s;return e("table",[e("thead",[e("tr",[e("th",[t._v("Event Name")]),t._v(" "),e("th",[t._v("Description")]),t._v(" "),e("th",[t._v("Parameters 1")]),t._v(" "),e("th",[t._v("Parameters 2")]),t._v(" "),e("th",[t._v("Parameters 3")])])]),t._v(" "),e("tbody",[e("tr",[e("td",[t._v("change")]),t._v(" "),e("td",[t._v("when the selected value changed by select")]),t._v(" "),e("td",[t._v("the selected value")]),t._v(" "),e("td",[t._v("the selected index")]),t._v(" "),e("td",[t._v("the selected text")])]),t._v(" "),e("tr",[e("td",[t._v("picker-show")]),t._v(" "),e("td",[t._v("when Picker show")]),t._v(" "),e("td",[t._v("-")]),t._v(" "),e("td",[t._v("-")]),t._v(" "),e("td",[t._v("-")])]),t._v(" "),e("tr",[e("td",[t._v("picker-hide")]),t._v(" "),e("td",[t._v("when Picker hide")]),t._v(" "),e("td",[t._v("-")]),t._v(" "),e("td",[t._v("-")]),t._v(" "),e("td",[t._v("-")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/63.ede6b3e598e961142e98.js b/docs/js/63.ede6b3e598e961142e98.js new file mode 100644 index 000000000..00a951dfc --- /dev/null +++ b/docs/js/63.ede6b3e598e961142e98.js @@ -0,0 +1 @@ +webpackJsonp([63],{"37PA":function(t,s){t.exports={render:function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("section",[a("h2",{attrs:{id:"SegmentPicker"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-SegmentPicker-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" SegmentPicker")]),t._v(" "),t._m(0),t._v(" "),a("p",[t._v("SegmentPicker is used to achieve multi segment choose, for example, the choose of time period: September 1, 2010 - 2014 June 30th.")]),t._v(" "),t._m(1),t._v(" "),a("h3",{attrs:{id:"Example"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Example")]),t._v(" "),t._m(2),t._v(" "),a("h3",{attrs:{id:"Propsconfiguration"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Props configuration")]),t._v(" "),t._m(3),t._v(" "),t._m(4),t._v(" "),t._m(5),t._v(" "),a("h3",{attrs:{id:"Events"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Events")]),t._v(" "),t._m(6),t._v(" "),a("h3",{attrs:{id:"Methods"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Methods-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Methods")]),t._v(" "),t._m(7)])},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("blockquote",[a("p",[t._v("New in 1.7.0+")])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[a("strong",[t._v("Notice:")]),t._v(" Cause this component used create-api, so you should read "),a("a",{attrs:{href:"#/en-US/docs/create-api"}},[t._v("create-api")]),t._v(" first.")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("p",[t._v("Basic usage")]),t._v(" "),a("p",[t._v("Using the "),a("code",{pre:!0},[t._v("data")]),t._v(" attribute to define the component name and properties of each node picker, "),a("code",{pre:!0},[t._v("is")]),t._v(" represents which Picker component is used, either a Picker component of a Cube UI, or a Picker component defined by yourself. For example, we use two DatePicker components to make time period choose.")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showDateSegmentPicker"')]),t._v(">")]),t._v("StartDate - EndDate"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("const")]),t._v(" dateSegmentData = [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("is")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'cube-date-picker'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'入学时间'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("min")]),t._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("new")]),t._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[t._v("Date")]),t._v("("),a("span",{attrs:{class:"hljs-number"}},[t._v("2000")]),t._v(", "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(", "),a("span",{attrs:{class:"hljs-number"}},[t._v("1")]),t._v("),\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("max")]),t._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("new")]),t._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[t._v("Date")]),t._v("("),a("span",{attrs:{class:"hljs-number"}},[t._v("2030")]),t._v(", "),a("span",{attrs:{class:"hljs-number"}},[t._v("11")]),t._v(", "),a("span",{attrs:{class:"hljs-number"}},[t._v("31")]),t._v(")\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("is")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'cube-date-picker'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'毕业时间'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("min")]),t._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("new")]),t._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[t._v("Date")]),t._v("("),a("span",{attrs:{class:"hljs-number"}},[t._v("2000")]),t._v(", "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(", "),a("span",{attrs:{class:"hljs-number"}},[t._v("1")]),t._v("),\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("max")]),t._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("new")]),t._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[t._v("Date")]),t._v("("),a("span",{attrs:{class:"hljs-number"}},[t._v("2030")]),t._v(", "),a("span",{attrs:{class:"hljs-number"}},[t._v("11")]),t._v(", "),a("span",{attrs:{class:"hljs-number"}},[t._v("31")]),t._v(")\n }\n]\n\n"),a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n mounted () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".dateSegmentPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createSegmentPicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("data")]),t._v(": dateSegmentData,\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onSelect")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[t._v("("),a("span",{attrs:{class:"hljs-params"}},[t._v("selectedDates, selectedVals, selectedTexts")]),t._v(") =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'warn'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`Selected Items:
- 入学时间: "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${selectedTexts["),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("].join("),a("span",{attrs:{class:"hljs-string"}},[t._v("''")]),t._v(")}")]),t._v("
- 毕业时间: "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${selectedTexts["),a("span",{attrs:{class:"hljs-number"}},[t._v("1")]),t._v("].join("),a("span",{attrs:{class:"hljs-string"}},[t._v("''")]),t._v(")}")]),t._v("`")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("icon")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'cubeic-alert'")]),t._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onNext")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[t._v("("),a("span",{attrs:{class:"hljs-params"}},[t._v("i, selectedDate, selectedValue, selectedText")]),t._v(") =>")]),t._v(" {\n dateSegmentData["),a("span",{attrs:{class:"hljs-number"}},[t._v("1")]),t._v("].min = selectedDate\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("if")]),t._v(" (i === "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(") {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".dateSegmentPicker.$updateProps({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("data")]),t._v(": dateSegmentData\n })\n }\n }\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showDateSegmentPicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".dateSegmentPicker.show()\n }\n }\n}\n")])]),t._v(" "),a("p",[t._v("In order to implement the Cascade between the two pickers, we can update the second picker in the handle function of the "),a("code",{pre:!0},[t._v("next")]),t._v(" event, according to the first choice. As in here, the minimum value of the end time = the selected start time.")])]),t._v(" "),a("li",[a("p",[t._v("Express - From - To")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showCitySegmentPicker"')]),t._v(">")]),t._v("Express - From - To"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("import")]),t._v(" { provinceList, cityList, areaList } "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("from")]),t._v(" "),a("span",{attrs:{class:"hljs-string"}},[t._v("'example/data/area'")]),t._v("\n\n"),a("span",{attrs:{class:"hljs-keyword"}},[t._v("const")]),t._v(" cityData = provinceList\ncityData.forEach("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[t._v("province")]),t._v(" =>")]),t._v(" {\n province.children = cityList[province.value]\n province.children.forEach("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[t._v("city")]),t._v(" =>")]),t._v(" {\n city.children = areaList[city.value]\n })\n})\n\n"),a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n mounted () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".citySegmentPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createSegmentPicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("data")]),t._v(": [{\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'选择快递'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("data")]),t._v(": [expressData],\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("selectedIndex")]),t._v(": ["),a("span",{attrs:{class:"hljs-number"}},[t._v("1")]),t._v("]\n }, {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("is")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'cube-cascade-picker'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'寄件地址'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("data")]),t._v(": cityData,\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("selectedIndex")]),t._v(": ["),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(", "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(", "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("cancelTxt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'返回'")]),t._v("\n }, {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("is")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'cube-cascade-picker'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'收件地址'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("data")]),t._v(": cityData,\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("selectedIndex")]),t._v(": ["),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(", "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(", "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("]\n }],\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("cancelTxt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'Cancel'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("confirmTxt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'Confirm'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("nextTxt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'Next'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("prevTxt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'Prev'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onSelect")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[t._v("("),a("span",{attrs:{class:"hljs-params"}},[t._v("selectedVals, selectedIndexs, selectedTexts")]),t._v(") =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'warn'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`Selected Items:
- 所选快递: "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${selectedTexts["),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v("].join("),a("span",{attrs:{class:"hljs-string"}},[t._v("''")]),t._v(")}")]),t._v("
- 寄件地址: "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${selectedTexts["),a("span",{attrs:{class:"hljs-number"}},[t._v("1")]),t._v("].join("),a("span",{attrs:{class:"hljs-string"}},[t._v("''")]),t._v(")}")]),t._v("
- 收件地址: "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${selectedTexts["),a("span",{attrs:{class:"hljs-number"}},[t._v("2")]),t._v("].join("),a("span",{attrs:{class:"hljs-string"}},[t._v("''")]),t._v(")}")]),t._v("`")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("icon")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'cubeic-alert'")]),t._v("\n }).show()\n }\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showCitySegmentPicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".citySegmentPicker.show()\n }\n }\n}\n")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Attribute")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Default")]),t._v(" "),a("th",[t._v("Accepted Values")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("data")]),t._v(" "),a("td",[t._v("define the component name and properties of each node picker")]),t._v(" "),a("td",[t._v("Array")]),t._v(" "),a("td",[t._v("[]")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("title")]),t._v(" "),a("td",[t._v("title")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("''")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("subtitle"),a("sup",[t._v("1.8.1")])]),t._v(" "),a("td",[t._v("subtitle")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("''")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("cancelTxt")]),t._v(" "),a("td",[t._v("the text of the cancel button")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("'取消'")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("confirmTxt")]),t._v(" "),a("td",[t._v("the text of the confirm button")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("'确定'")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("nextTxt")]),t._v(" "),a("td",[t._v("the text of the next button")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("'下一步'")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("prevTxt")]),t._v(" "),a("td",[t._v("the text of the prev button")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("'下一步'")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("swipeTime"),a("sup",[t._v("1.8.1")])]),t._v(" "),a("td",[t._v("the duration of the momentum animation when user flicks the wheel of the picker, Unit: ms")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("2500")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("visible"),a("sup",[t._v("1.8.1")])]),t._v(" "),a("td",[t._v("whether visible. Bind to "),a("code",{pre:!0},[t._v("v-model")])]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("maskClosable"),a("sup",[t._v("1.9.6")])]),t._v(" "),a("td",[t._v("whether hide the component when clicked the mask layer")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("true")])]),t._v(" "),a("tr",[a("td",[t._v("zIndex"),a("sup",[t._v("1.9.6")])]),t._v(" "),a("td",[t._v("the value of the style z-index")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("100")]),t._v(" "),a("td",[t._v("-")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("code",{pre:!0},[t._v("data")]),t._v(" sub configuration")])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Attribute")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Default")]),t._v(" "),a("th",[t._v("Example")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("is")]),t._v(" "),a("td",[t._v("the component name of each node picker")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("cube-picker")]),t._v(" "),a("td",[t._v("cube-date-picker")])]),t._v(" "),a("tr",[a("td",[t._v("...rest")]),t._v(" "),a("td",[t._v("the properties of each node picker")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("-")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Event Name")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Parameters 1")]),t._v(" "),a("th",[t._v("Parameters 2")]),t._v(" "),a("th",[t._v("Parameters 3")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("select")]),t._v(" "),a("td",[t._v("triggers when clicking the confirm button")]),t._v(" "),a("td",[t._v("the parameter 1 of each picker's select event, Array")]),t._v(" "),a("td",[t._v("the parameter 2 of each picker's select event, Array")]),t._v(" "),a("td",[t._v("the parameter 3 of each picker's select event, Array")])]),t._v(" "),a("tr",[a("td",[t._v("cancel")]),t._v(" "),a("td",[t._v("triggers when clicking the cancel button")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("next")]),t._v(" "),a("td",[t._v("triggers when clicking the next button")]),t._v(" "),a("td",[t._v("the index of current picker, Number")]),t._v(" "),a("td",[t._v("...rest, is the parameters of current picker's select event")]),t._v(" "),a("td",[t._v("···")])]),t._v(" "),a("tr",[a("td",[t._v("prev")]),t._v(" "),a("td",[t._v("triggers when clicking the prev button")]),t._v(" "),a("td",[t._v("the index of current picker, Number")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("change")]),t._v(" "),a("td",[t._v("triggers when the roller scrolls")]),t._v(" "),a("td",[t._v("pickerIndex: Number, the index of current picker")]),t._v(" "),a("td",[t._v("index: Number, index of current scrolling roller")]),t._v(" "),a("td",[t._v("selectedIndex: Number, index of selected item in current column")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Method name")]),t._v(" "),a("th",[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("show")]),t._v(" "),a("td",[t._v("show")])]),t._v(" "),a("tr",[a("td",[t._v("hide")]),t._v(" "),a("td",[t._v("hide")])])])])}]}},Iwkx:function(t,s,a){var e=a("VU/8")(null,a("37PA"),null,null,null);t.exports=e.exports},PiHE:function(t,s,a){t.exports=a("Iwkx")}}); \ No newline at end of file diff --git a/docs/js/64.7f1533c6179a6d316c43.js b/docs/js/64.7f1533c6179a6d316c43.js new file mode 100644 index 000000000..3e244f785 --- /dev/null +++ b/docs/js/64.7f1533c6179a6d316c43.js @@ -0,0 +1 @@ +webpackJsonp([64],{SKvU:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Scroll"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Scroll-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Scroll")]),s._v(" "),s._m(0),s._v(" "),a("h3",{attrs:{id:"Scrollingprinciple"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Scrollingprinciple-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Scrolling principle")]),s._v(" "),a("p",[s._v("The better-scroll's scrolling principle is, the length of the first child element exceeds the length of the container in the scroll direction.")]),s._v(" "),s._m(1),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),a("h3",{attrs:{id:"Example"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Example")]),s._v(" "),a("p",[s._v("Seven sample code to quickly understand how to use the Scroll component.")]),s._v(" "),s._m(5),s._v(" "),s._m(6),s._v(" "),s._m(7),s._v(" "),s._m(8),s._v(" "),s._m(9),s._v(" "),s._m(10),s._v(" "),s._m(11),s._v(" "),s._m(12),s._v(" "),s._m(13),s._v(" "),s._m(14),s._v(" "),s._m(15),s._v(" "),s._m(16),s._v(" "),s._m(17),s._v(" "),a("h3",{attrs:{id:"Propsconfiguration"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props configuration")]),s._v(" "),s._m(18),s._v(" "),s._m(19),s._v(" "),s._m(20),s._v(" "),s._m(21),s._v(" "),s._m(22),s._v(" "),s._m(23),s._v(" "),s._m(24),s._v(" "),s._m(25),s._v(" "),a("h3",{attrs:{id:"Slot"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Slot-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Slot")]),s._v(" "),s._m(26),s._v(" "),a("h3",{attrs:{id:"Events"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Events")]),s._v(" "),s._m(27),s._v(" "),a("h3",{attrs:{id:"methods"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-methods-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" methods")]),s._v(" "),s._m(28)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("code",{pre:!0},[s._v("Scroll")]),s._v(" component, which is encapsulated based on "),a("code",{pre:!0},[s._v("better-scroll")]),s._v(", provides high-quality native scrolling experience and has convenient configuration along with events.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("So for the Scroll component, The length of "),a("code",{pre:!0},[s._v(".cube-scroll-content")]),s._v(", the scroll-content, must be larger than "),a("code",{pre:!0},[s._v(".cube-scroll-wrapper")]),s._v(", the container element. Depending on the direction of scrolling, there are two situations:")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("1）Scrolling vertically: "),a("strong",[s._v("The height of the content element must be greater than the container element.")]),s._v(" Since the height of the container element will be stretched by the height of the child element by default, in order to satisfy our scrolling premise, you need to give the Scroll component's "),a("code",{pre:!0},[s._v(".cube-scroll-wrapper")]),s._v(" element an fixed height.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("2）Scrolling horizontally: "),a("strong",[s._v("The width of the content element must be greater than the container element.")]),s._v(" Since the child element's width does not exceed the container element by default, the Scroll component's "),a("code",{pre:!0},[s._v(".cube-scroll-content")]),s._v(" element needs to be set to a width greater than the "),a("code",{pre:!0},[s._v(".cube-scroll-wrapper")]),s._v(".")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("Note: If there is any situation where scrolling is not possible, you should first check if the height/width of the content element "),a("code",{pre:!0},[s._v(".cube-scroll-content")]),s._v(" is greater than the height/width of the container element "),a("code",{pre:!0},[s._v(".cube-scroll-wrapper")]),s._v(". This is a prerequisite for content to scroll. "),a("strong",[s._v("If there is images in the content, the scrolling should be not normal. The reason is images may not be downloaded when the DOM element is rendered, so the height of the content element is less than expected. At this point you should manually call the Scroll component's "),a("code",{pre:!0},[s._v("refresh()")]),s._v(" method after the image has been loaded, such as calling in the onload event callback, which will recalculate the scroll distance.")]),s._v(" Scroll related FAQs can seek [Cube-UI/Question-Answer].")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[a("strong",[s._v("1. Basic usage - Default")])]),s._v(" "),a("p",[s._v("By setting the data property to an array, you can generate an elegantly scrolling list. The complete sample code is "),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/example/pages/scroll/default.vue"}},[s._v("here")]),s._v(".")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll-list-wrap"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"items"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"options"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-stylus"}},[a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".scroll-list-wrap")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("350px")]),s._v("\n")])]),s._v(" "),a("blockquote",[a("p",[a("strong",[s._v("Note")]),s._v(": As the scrolling principle above, it is necessary to provide a fixed height to the scroll container, and scroll only when the height of the scroll content is greater than the height of the container.")])]),s._v(" "),a("p",[s._v("In the prop "),a("code",{pre:!0},[s._v("options")]),s._v(", you are able to control the scrollbar seen or not via "),a("code",{pre:!0},[s._v("scrollbar")]),s._v(", and configure the initial position by "),a("code",{pre:!0},[s._v("startX/startY")]),s._v(".")]),s._v(" "),a("p",[s._v("Scroll component provides a "),a("code",{pre:!0},[s._v("scrollTo()")]),s._v(" method that allows you to manually control the list scroll position.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[s._v("scrollTo() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.scroll.scrollTo(\n "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".scrollToY,\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".scrollToTime,\n ease["),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".scrollToEasing]\n )\n},\n")])]),s._v(" "),a("p",[s._v('In fact, this is a very useful method, such as when we want to achieve "click different anchor, list scroll to the corresponding position to show different content", you can use the '),a("code",{pre:!0},[s._v("scrollTo ()")]),s._v(" method.")])]),s._v(" "),a("li",[a("p",[a("strong",[s._v("2. Scrolling horizontally - Horizontal")])]),s._v(" "),a("p",[s._v("Scroll component supports horizontal scrolling. All you need to do is specifying "),a("code",{pre:!0},[s._v("direction = 'horizontal'")]),s._v(" and giving some styles. The complete sample code is "),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/example/pages/scroll/horizontal.vue"}},[s._v("here")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"items"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("direction")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"horizontal"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"horizontal-scroll-list-wrap"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"list-wrapper"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item in items"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"list-item"')]),s._v(">")]),s._v("{{ item }}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-stylus"}},[a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".horizontal-scroll-list-wrap")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("border")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1px")]),s._v(" solid rgba("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0.1")]),s._v(")\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("border-radius")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("5px")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-scroll-content")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("display")]),s._v(": inline-block\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".list-wrapper")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("padding")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(" "),a("span",{attrs:{class:"hljs-number"}},[s._v("10px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("line-height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("60px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("white-space")]),s._v(": nowrap\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".list-item")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("display")]),s._v(": inline-block\n")])]),s._v(" "),a("blockquote",[a("p",[a("strong",[s._v("Note")]),s._v("：1. As the scrolling principle above, the CSS style setting here is required, and scrolling is possible only when the scrolling content is wider than the container width. 2. Sometimes we want to use the "),a("code",{pre:!0},[s._v("Scroll")]),s._v(" component to simulate the horizontal scroll, vertically retaining the browser's native scrolling, or vice versa. At this point you need to pass the better-scroll configuration item "),a("a",{attrs:{href:"http://ustbhuangyi.github.io/better-scroll/doc/en/options.html#eventpassthrough"}},[s._v("eventPassthrough")])])]),s._v(" "),a("p",[s._v("Here giving a brief explanation of the style settings. "),a("code",{pre:!0},[s._v("list-item")]),s._v(" items with "),a("code",{pre:!0},[s._v("display: inline-block")]),s._v(" lead to all "),a("code",{pre:!0},[s._v("list-item")]),s._v(" elements showing on one line. "),a("code",{pre:!0},[s._v("list-wrapper")]),s._v(" adds "),a("code",{pre:!0},[s._v("white-space: nowrap")]),s._v(" hope "),a("code",{pre:!0},[s._v("list-item")]),s._v(" also showing on one line when reaching the outer element boundary. And the most important is setting "),a("code",{pre:!0},[s._v("cube-scroll-content")]),s._v(" with "),a("code",{pre:!0},[s._v("display: inline-block")]),s._v("， which make the width of "),a("code",{pre:!0},[s._v("cube-scroll-content")]),s._v(" bigger enough so that "),a("code",{pre:!0},[s._v("cube-scroll-content")]),s._v(" can wrap descendants elements. Styles with the same properties are floating elements and absolutely positioned elements. When no specific width is set, the width is the minimum width of the wrapped descendant element.")])]),s._v(" "),a("li",[a("p",[a("strong",[s._v("3. Custom content - Customized")])]),s._v(" "),a("p",[s._v("The Scroll component supports the customization of list content through default slot. The complete sample code is "),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/example/pages/scroll/config.vue"}},[s._v("here")]),s._v(".")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll-list-wrap"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"items"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"options"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@pulling-down")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onPullingDown"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@pulling-up")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onPullingUp"')]),s._v(">")]),s._v("\n ... // custom content\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("p",[s._v("Scroll components also support "),a("strong",[s._v("pull-down refresh")]),s._v(" and "),a("strong",[s._v("pull-up load")]),s._v(" capabilities. By default, there is no pulldown refresh/pull-up load. You can enable corresponding functions by "),a("code",{pre:!0},[s._v("pullDownRefresh")]),s._v(" and "),a("code",{pre:!0},[s._v("pullUpLoad")]),s._v(". After opening, when pulling down, the Scroll component will show the default pulldown animation and dispatch pulldown events. You can monitor the "),a("code",{pre:!0},[s._v("pull-down")]),s._v(" event to update the data. Similarly, after the pull-up load is enabled, the data can be updated by the "),a("code",{pre:!0},[s._v("pull-up")]),s._v(" event.")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("pullDownRefresh")]),s._v("'s related configurations include: drop threshold (threshold), rebound position (stop), update successful copy (txt) and copy display time (stopTime). See the "),a("a",{attrs:{href:"#/en-US/docs/scroll#cube-Propsconfiguration-anchor"}},[s._v("Props configuration")]),s._v(" for all the configuration items and meanings of the "),a("code",{pre:!0},[s._v("pullDownRefresh")]),s._v(" and "),a("code",{pre:!0},[s._v("pullUpLoad")]),s._v(" objects.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[s._v("... "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ignore")]),s._v("\ncomputed: {\n options() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("pullDownRefresh")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".pullDownRefreshObj,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("pullUpLoad")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".pullUpLoadObj,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("scrollbar")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n },\n ...\n},\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n onPullingDown() {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// simulate asynchronous request data")]),s._v("\n setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" ("),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Math")]),s._v(".random() > "),a("span",{attrs:{class:"hljs-number"}},[s._v("0.5")]),s._v(") {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// if data update")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".items.unshift(_foods["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("])\n } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("else")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// if no data update")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.scroll.forceUpdate()\n }\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n },\n onPullingUp() {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// simulate asynchronous request data")]),s._v("\n setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" ("),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Math")]),s._v(".random() > "),a("span",{attrs:{class:"hljs-number"}},[s._v("0.5")]),s._v(") {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// if data update")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("let")]),s._v(" newPage = _foods.slice("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v(")\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".items = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".items.concat(newPage)\n } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("else")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// if no data update")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.scroll.forceUpdate()\n }\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n },\n ...\n}\n")])]),s._v(" "),a("blockquote",[a("p",[a("strong",[s._v("Note")]),s._v(": If a pulldown-refresh/pullup-loading has no data update, you must manually call the Scroll component's "),a("code",{pre:!0},[s._v("forceUpdate()")]),s._v(" method to end the pulldown-refresh/pullup-loading so that Scroll will restart listening for the next pulldown-refresh/pullup-loading operation. In the above example, when the data is updated, we did not invoke the "),a("code",{pre:!0},[s._v("forceUpdate()")]),s._v(" method. The reason is: ** If you pass the "),a("code",{pre:!0},[s._v("data")]),s._v(" attribute to the "),a("code",{pre:!0},[s._v("Scroll")]),s._v(" component, then when the "),a("code",{pre:!0},[s._v("Scroll")]),s._v(" component listens to the "),a("code",{pre:!0},[s._v("data")]),s._v(" update, the "),a("code",{pre:!0},[s._v("forceUpate(true)")]),s._v(" method will be called automatically. ** so it is recommended to pass the "),a("code",{pre:!0},[s._v("data")]),s._v(" attribute.")])])]),s._v(" "),a("li",[a("p",[a("strong",[s._v("4. Custom pull-down refresh animation - Fake JD App")])]),s._v(" "),a("p",[s._v("If you don't like the built-in pull-down refresh and pull-up loading animations, you can also use the scope slots for custom animations. The variables exposed by "),a("a",{attrs:{href:"https://vuejs.org/v2/guide/components-slots.html#Scoped-Slots"}},[s._v("the scoped slots")]),s._v(" of the Scroll component are perfect to meet the needs of custom pull-down/pull-up animations in most scenarios. The following example imitates the pull-down refresh animation of Jingdong App's homepage. The complete sample code is "),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/example/pages/scroll/jd.vue"}},[s._v("here")]),s._v(".")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":scroll-events")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"['scroll']\"")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scrollOptions"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@scroll")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onScrollHandle"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@pulling-down")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onPullingDown"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("img")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("src")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"http://om0jxp12h.bkt.clouddn.com/jd_content.JPG"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"pulldown"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("slot-scope")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-if")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props.pullDownRefresh"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"cube-pulldown-wrapper"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":style")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"pullDownStyle"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"pulldown-content"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("img")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("src")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"http://om0jxp12h.bkt.clouddn.com/pulldow-img.jpg"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-if")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props.beforePullDown"')]),s._v(">")]),s._v("{{ pullDownTip }}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-else")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-if")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props.isPullingDown"')]),s._v(">")]),s._v("正在更新..."),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-else")]),s._v(">")]),s._v("更新成功"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[s._v("data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("pullDownRefresh")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("threshold")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("60")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("stop")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("40")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'更新成功'")]),s._v("\n }\n },\n ...\n }\n},\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("computed")]),s._v(": {\n pullDownTip() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" ("),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".pullDownY <= "),a("span",{attrs:{class:"hljs-number"}},[s._v("60")]),s._v(") {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'下拉刷新...'")]),s._v("\n } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("else")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" ("),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".pullDownY <= "),a("span",{attrs:{class:"hljs-number"}},[s._v("90")]),s._v(") {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'继续下拉有惊喜...'")]),s._v("\n } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("else")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'松手得惊喜！'")]),s._v("\n }\n },\n headerStyle() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Math")]),s._v(".min("),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Math")]),s._v(".max("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(" - "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".pullDownY / "),a("span",{attrs:{class:"hljs-number"}},[s._v("40")]),s._v("))\n }\n},\n"),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n onScrollHandle(pos) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".pullDownY = pos.y\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (pos.y > "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(") {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".pullDownStyle = "),a("span",{attrs:{class:"hljs-string"}},[s._v("`top:"),a("span",{attrs:{class:"hljs-subst"}},[s._v("${pos.y}")]),s._v("px`")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".triggerSurpriseFlag = "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" ("),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".pullDownY > "),a("span",{attrs:{class:"hljs-number"}},[s._v("90")]),s._v(") {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".triggerSurpriseFlag = "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n }\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.topHeader.style.opacity = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".headerStyle\n },\n onPullingDown() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" ("),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".triggerSurpriseFlag) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".triggerSurprise = "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.scroll.forceUpdate()\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v("\n }\n setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.scroll.forceUpdate()\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n },\n ...\n}\n")])]),s._v(" "),a("p",[s._v("Through the scope parameters provided by the scoped slots, such as: "),a("code",{pre:!0},[s._v("beforePulldown")]),s._v(" and "),a("code",{pre:!0},[s._v("isPullingDown")]),s._v(", allows you control the animation process. Tht other scope parameters, see "),a("a",{attrs:{href:"#/en-US/docs/scroll#cube-Slot-anchor"}},[s._v("slots")]),s._v(". In a complete pulldown refresh, the status of "),a("code",{pre:!0},[s._v("beforePullDown")]),s._v(" and "),a("code",{pre:!0},[s._v("isPullingDown")]),s._v(" changes as follows:")]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("step")]),s._v(" "),a("th",[s._v("beforePulldown")]),s._v(" "),a("th",[s._v("isPullingDown")]),s._v(" "),a("th",[s._v("note")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("1. Untrigger pull-down refresh")]),s._v(" "),a("td",[s._v("true")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("Show pattern guide user continues to pull down")])]),s._v(" "),a("tr",[a("td",[s._v("2. Trigger pull-down refresh")]),s._v(" "),a("td",[s._v("false")]),s._v(" "),a("td",[s._v("true")]),s._v(" "),a("td",[s._v("Asynchronous request data，show loading")])]),s._v(" "),a("tr",[a("td",[s._v("3. Request data success")]),s._v(" "),a("td",[s._v("false")]),s._v(" "),a("td",[s._v("false")]),s._v(" "),a("td",[s._v("invoke "),a("code",{pre:!0},[s._v("forceUpdate(true)")]),s._v(", show success copy. And delay 'stopTime' into step 4")])]),s._v(" "),a("tr",[a("td",[s._v("4. A pull-down refresh complete")]),s._v(" "),a("td",[s._v("true")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])])])])]),s._v(" "),a("li",[a("p",[a("strong",[s._v("5. Advanced usage - Fake TouTiao App")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("Scroll components can meet the scrolling needs of most mobile applications. In this example, using two Scroll components, one vertical and one horizontal, to imitates the Toutiao App's home page. The complete sample code is "),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/example/pages/scroll/toutiao.vue"}},[s._v("here")]),s._v(".")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[s._v(" "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"nav-scroll-list-wrap"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"navScroll"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("direction")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"horizontal"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"nav-wrapper"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(item, index) in navTxts"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"index"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"nav-item"')]),s._v(">")]),s._v("{{ item }}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"more-wrapper"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"more"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"content-scroll-wrapper"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"content-scroll-list-wrap"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scrollWrapper"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"contentScroll"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"content"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"options"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@pulling-down")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onPullingDown"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@pulling-up")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onPullingUp"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"imgs-wrapper"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(item, index) in content"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"index"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"imgs-item"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("img")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":src")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item.url"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"pulldown"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("slot-scope")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-if")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props.pullDownRefresh"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"cube-pulldown-wrapper"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":style")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props.pullDownStyle"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-if")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props.beforePullDown"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"before-trigger"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":style")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"{paddingTop: props.bubbleY + 'px'}\"")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"{rotate: props.bubbleY > options.pullDownRefresh.threshold - 60}"')]),s._v(">")]),s._v("↓"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"after-trigger"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-else")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-show")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props.isPullingDown"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"loading"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-loading")]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("transition")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"success"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-show")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"!props.isPullingDown"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"text-wrapper"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"refresh-text"')]),s._v(">")]),s._v("今日头条推荐引擎有x条更新"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("In contrast to faking JD App example, pulldown refreshing custom animations use "),a("code",{pre:!0},[s._v("pullDownStyle")]),s._v(" and "),a("code",{pre:!0},[s._v("bubbleY")]),s._v(" in pulldown scope slots to facilitate pulldown animations.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("The "),a("code",{pre:!0},[s._v("pullDownStyle")]),s._v(" is used to control the position of the pull-down content. The value is the string "),a("code",{pre:!0},[s._v("top: n px")]),s._v(" (n represents a number). The Scroll component controls the position of the pull-down content via the absolutely positioned "),a("code",{pre:!0},[s._v("top")]),s._v(" value. The initial state has a negative "),a("code",{pre:!0},[s._v("top")]),s._v(" value, and the value is just the height of the pull-down content, so the drop-down content is hidden above the scroll area. When the pull-down process is started, the Scroll component will gradually increase the "),a("code",{pre:!0},[s._v("top")]),s._v(" value and update the pull-down content position in real time. The maximum value of "),a("code",{pre:!0},[s._v("top")]),s._v(" is 0, that is, the "),a("code",{pre:!0},[s._v("top")]),s._v(" value no longer increases when the pull-down content is completely displayed. So, "),a("code",{pre:!0},[s._v("pullY - height <= top <= 0")]),s._v(". (pullY is the drop-down distance, height is the drop-down content height)")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("code",{pre:!0},[s._v("bubbleY")]),s._v(" is used to help implement custom animations. In the default animation, "),a("code",{pre:!0},[s._v("bubbleY")]),s._v(" is used to control the length of the bubble tail; in the Toutiao example, is used to control the padding-top value of the arrow, to indirectly control the arrow position. The minimum value of "),a("code",{pre:!0},[s._v("bubbleY")]),s._v(" is 0. In the pull-down process, when the pull-down distance is greater than the height of the pull-down content, "),a("code",{pre:!0},[s._v("bubbleY")]),s._v(" starts to increase. That is, "),a("code",{pre:!0},[s._v("0 <= bubbleY <= pullY - height")]),s._v(".")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[a("strong",[s._v("Note:")]),s._v(" In this example, the "),a("code",{pre:!0},[s._v("pullDownRefresh")]),s._v(" configuration item does not have a "),a("code",{pre:!0},[s._v("stop")]),s._v(" value, but it is still able to bounce back to the correct location after the pulldown. The reason is that when the Scroll component is initialized, the pulldown height will be used as the "),a("code",{pre:!0},[s._v("stop")]),s._v(" default value when "),a("code",{pre:!0},[s._v("beforePullDown === false && isPullingDown === true")]),s._v(".")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("strong",[s._v("6. Vertical nested scrolls - Vertical Scrolls")]),a("sup",[s._v("1.12.0")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("The "),a("code",{pre:!0},[s._v("Scroll")]),s._v(" component also supports nested scenes (currently only supports two levels of nesting). when there is scroll nest, you need to config the inner "),a("code",{pre:!0},[s._v("scroll")]),s._v(" component's "),a("code",{pre:!0},[s._v("nestMode")]),s._v(" prop，the options can be 'native' or 'free'. when set to 'native', nested "),a("code",{pre:!0},[s._v("Scroll")]),s._v(" has the same scrolling behavior as the browser's native nested scene. The complete sample code is "),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/example/pages/scroll/vertical-scrolls.vue"}},[s._v("here")]),s._v(".")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll1"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll-list-outer-wrap"')]),s._v(">")]),s._v("\n ...\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll2"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll-list-outer-wrap"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("nest-mode")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"native"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"cube-scroll-list"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"cube-scroll-item border-bottom-1px"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(item, index) in items2"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"index"')]),s._v(">")]),s._v("{{item}}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n ...\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("strong",[s._v("7. Horizontal nested scrolls - Horizontal Scrolls")]),a("sup",[s._v("1.12.0")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("You can also implement horizontal nested scrolling. In this example, we also set "),a("code",{pre:!0},[s._v("nestMode")]),s._v(" to "),a("code",{pre:!0},[s._v("free")]),s._v(". Different from "),a("code",{pre:!0},[s._v("native")]),s._v(" mode, in "),a("code",{pre:!0},[s._v("free")]),s._v(" mode, as long as the boundary is triggered during the inner scrolling process, the outer scroll will be started. In the "),a("code",{pre:!0},[s._v("native")]),s._v(" mode, it is only when the scrolling starts to determine whether it reaches the boundary, which is consistent with the browser's native nested scrolling. The complete sample code is "),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/example/pages/scroll/horizontal-scrolls.vue"}},[s._v("here")]),s._v(".")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"items1"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("direction")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"horizontal"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"outer-horizontal-scroll"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"list-wrapper"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item in items1"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"list-item"')]),s._v(">")]),s._v("{{ item }}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"list-item inner-horizontal-scroll"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"items2"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("direction")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"horizontal"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("nest-mode")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"free"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"list-wrapper"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item in items2"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"list-item"')]),s._v(">")]),s._v("{{ item }}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item in items1"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"list-item"')]),s._v(">")]),s._v("{{ item }}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Accepted Values")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("data")]),s._v(" "),a("td",[s._v("data used for list rendering")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("[]")])]),s._v(" "),a("tr",[a("td",[s._v("direction")]),s._v(" "),a("td",[s._v("scrolling direction")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'vertical', 'horizontal'")]),s._v(" "),a("td",[s._v("'vertical'")])]),s._v(" "),a("tr",[a("td",[s._v("options")]),s._v(" "),a("td",[s._v("the options of better-scroll, you could find details at "),a("a",{attrs:{href:"https://ustbhuangyi.github.io/better-scroll/doc/zh-hans/options.html"}},[s._v("BS Document")])]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("{"),a("br"),s._v(" observeDOM: true,"),a("br"),s._v(" click: true,"),a("br"),s._v(" probeType: 1,"),a("br"),s._v(" scrollbar: false,"),a("br"),s._v(" pullDownRefresh: false,"),a("br"),s._v(" pullUpLoad: false"),a("br"),s._v("}")])]),s._v(" "),a("tr",[a("td",[s._v("scrollEvents"),a("sup",[s._v("1.9.0")])]),s._v(" "),a("td",[s._v("configure which scroll events need be triggered")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("could include: 'scroll', 'before-scroll-start', 'scroll-end'")]),s._v(" "),a("td",[s._v("[]")])]),s._v(" "),a("tr",[a("td",[s._v("listenScroll")]),s._v(" "),a("td",[s._v("whether to dispatch scroll event. "),a("code",{pre:!0},[s._v("Deprecated")]),s._v(", please use the property "),a("code",{pre:!0},[s._v("scroll-events")]),s._v(" instead.")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("listenBeforeScroll")]),s._v(" "),a("td",[s._v("whether to dispatch before-scroll-start event. "),a("code",{pre:!0},[s._v("Deprecated")]),s._v(", please use the property "),a("code",{pre:!0},[s._v("scroll-events")]),s._v(" instead.")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("refreshDelay")]),s._v(" "),a("td",[s._v("the delay of scroll refresh after "),a("code",{pre:!0},[s._v("data")]),s._v(" updating")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("20")])]),s._v(" "),a("tr",[a("td",[s._v("nestMode"),a("sup",[s._v("1.12.0")])]),s._v(" "),a("td",[s._v("Nested scroll mode, the default is "),a("code",{pre:!0},[s._v("none")]),s._v(" mode that do no thing when there is scroll nest. In "),a("code",{pre:!0},[s._v("native")]),s._v(" mode, only to determine whether to reach the boundary and start the outer scroll when starting scrolling, consistent with the browser's native nested scrolling. In the "),a("code",{pre:!0},[s._v("free")]),s._v(" mode, as long as the boundary is triggered during the inner scrolling process, the outer scrolling is turned on. In extreme cases, you can specify the "),a("code",{pre:!0},[s._v("none")]),s._v(" mode for the inner Scroll to disable nested processing logic.")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'none', 'native', 'free'")]),s._v(" "),a("td",[s._v("'none'")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("In "),a("code",{pre:!0},[s._v("options")]),s._v(", there are three frequently-used options, "),a("code",{pre:!0},[s._v("scrollbar")]),s._v("、"),a("code",{pre:!0},[s._v("pullDownRefresh")]),s._v("、"),a("code",{pre:!0},[s._v("pullUpLoad")]),s._v(", which could set as "),a("code",{pre:!0},[s._v("Boolean")]),s._v("("),a("code",{pre:!0},[s._v("false")]),s._v(" to disable the feature, "),a("code",{pre:!0},[s._v("true")]),s._v(" to enable the feature and use default sub configuration), or "),a("code",{pre:!0},[s._v("Object")]),s._v(" to enable the feature and customize the sub configuration.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("scrollbar")]),s._v(" sub configuration")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Accepted Values")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("fade")]),s._v(" "),a("td",[s._v("whether to have fade-in-fade-out style")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("pullDownRefresh")]),s._v(" sub configuration")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Accepted Values")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("threshold")]),s._v(" "),a("td",[s._v("the threshold of distance that pulling down for refreshing")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("90")])]),s._v(" "),a("tr",[a("td",[s._v("stop")]),s._v(" "),a("td",[s._v("the position where rebounding stays")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("Scroll component will calculate the height of pulldown element as default "),a("code",{pre:!0},[s._v("stop")]),s._v(" value")])]),s._v(" "),a("tr",[a("td",[s._v("stopTime")]),s._v(" "),a("td",[s._v("the time that keeps showing the text of refreshing success")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("600")])]),s._v(" "),a("tr",[a("td",[s._v("txt")]),s._v(" "),a("td",[s._v("the text is shown when refreshing successfully")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("'Refresh success'")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("pullUpLoad")]),s._v(" sub configuration")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Accepted Values")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("threshold")]),s._v(" "),a("td",[s._v("the threshold of distance that pulling up for loading")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("0")])]),s._v(" "),a("tr",[a("td",[s._v("txt")]),s._v(" "),a("td",[s._v("the text shown when pulling up loading")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("{ more: '', noMore: '' }")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Name")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Scope Parameters")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("default")]),s._v(" "),a("td",[s._v("the list, rendering based on the value of property "),a("code",{pre:!0},[s._v("data")])]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("pulldown")]),s._v(" "),a("td",[s._v("located above the list and shown when pulling down refreshing")]),s._v(" "),a("td",[s._v("pullDownRefresh: whether to turn on pulling-down-refreshing function"),a("br"),s._v("pullDownStyle: the style of showing and fading"),a("br"),s._v("beforePullDown: whether in pulling down operation"),a("br"),s._v("isPullingDown: whether in the process of pulling in data"),a("br"),s._v("bubbleY: the distance of pulling down currently - 50")])]),s._v(" "),a("tr",[a("td",[s._v("pullup")]),s._v(" "),a("td",[s._v("located below the list and shown when pulling up loading")]),s._v(" "),a("td",[s._v("pullUpLoad: whether to turn on pulling-up-loading function"),a("br"),s._v("isPullUpLoad: whether the data is being loaded")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Event Name")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Parameters")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("click")]),s._v(" "),a("td",[s._v("triggers when clicking the list item")]),s._v(" "),a("td",[s._v("item - the data of the list item")])]),s._v(" "),a("tr",[a("td",[s._v("scroll")]),s._v(" "),a("td",[s._v("if "),a("code",{pre:!0},[s._v("scroll-events")]),s._v(" includes "),a("code",{pre:!0},[s._v("scroll")]),s._v(", it will be triggered according to the value of probeType, if listenScroll is true")]),s._v(" "),a("td",[s._v("Object {x, y} - real-time scrolling coordinates")])]),s._v(" "),a("tr",[a("td",[s._v("before-scroll-start")]),s._v(" "),a("td",[s._v("if "),a("code",{pre:!0},[s._v("scroll-events")]),s._v(" includes "),a("code",{pre:!0},[s._v("before-scroll-start")]),s._v(", it will be triggered before scrolling start")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("scroll-end"),a("sup",[s._v("1.9.0")])]),s._v(" "),a("td",[s._v("if "),a("code",{pre:!0},[s._v("scroll-events")]),s._v(" includes "),a("code",{pre:!0},[s._v("scroll-end")]),s._v(", it will be triggered when scroll end.")]),s._v(" "),a("td",[s._v("Object {x, y} - real-time scrolling coordinates")])]),s._v(" "),a("tr",[a("td",[s._v("pulling-down")]),s._v(" "),a("td",[s._v("triggers when the distance of pulling down exceeds the threshold, if pullDownRefresh is true")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("pulling-up")]),s._v(" "),a("td",[s._v("triggers when the distance of pulling up exceeds the threshold, if pullUpLoad is true")]),s._v(" "),a("td",[s._v("-")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Method Name")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Parameters")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("scrollTo")]),s._v(" "),a("td",[s._v("Scroll to specific position.")]),s._v(" "),a("td",[s._v("x: horizontal position"),a("br"),s._v(" y: vertical position"),a("br"),s._v(" time: transition time"),a("br"),s._v(" ease: easing function")])]),s._v(" "),a("tr",[a("td",[s._v("forceUpdate")]),s._v(" "),a("td",[s._v("Mark the end of pull-up or pull-down, and force recalculation of scrollable distance")]),s._v(" "),a("td",[s._v('dirty: whether there is data updating, when "true" indicate data updated so recalculate scrollable distance, when false no data update and no need to recalculate')])]),s._v(" "),a("tr",[a("td",[s._v("disable")]),s._v(" "),a("td",[s._v("Disable scroll.")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("enable")]),s._v(" "),a("td",[s._v("Enable scroll. It's enabled by default")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("resetPullUpTxt")]),s._v(" "),a("td",[s._v("Reset pull up txt when pull up state changed from no data to data updated")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("refresh")]),s._v(" "),a("td",[s._v("Refresh, computed height and called BetterScroll instance's refresh")]),s._v(" "),a("td",[s._v("-")])])])])}]}},a6IA:function(s,t,a){s.exports=a("nez3")},nez3:function(s,t,a){var e=a("VU/8")(null,a("SKvU"),null,null,null);s.exports=e.exports}}); \ No newline at end of file diff --git a/docs/js/65.ca97241b2ab4a1cad153.js b/docs/js/65.ca97241b2ab4a1cad153.js new file mode 100644 index 000000000..a43d99d57 --- /dev/null +++ b/docs/js/65.ca97241b2ab4a1cad153.js @@ -0,0 +1 @@ +webpackJsonp([65],{"H/J7":function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[t("h2",{attrs:{id:"ScrollNav"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-ScrollNav-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" ScrollNav")]),s._v(" "),s._m(0),s._v(" "),t("p",[s._v("ScrollNav component. You can use it to sticky your navigation bar and content.")]),s._v(" "),t("h3",{attrs:{id:"Example"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Example")]),s._v(" "),s._m(1),s._v(" "),t("h3",{attrs:{id:"Props"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-Props-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props")]),s._v(" "),t("h4",{attrs:{id:"CubeScrollNav"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-CubeScrollNav-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CubeScrollNav")]),s._v(" "),s._m(2),s._v(" "),t("h4",{attrs:{id:"CubeScrollNavPanel"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-CubeScrollNavPanel-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CubeScrollNavPanel")]),s._v(" "),s._m(3),s._v(" "),t("h3",{attrs:{id:"Slot"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-Slot-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Slot")]),s._v(" "),s._m(4),s._v(" "),t("h3",{attrs:{id:"Events"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Events")]),s._v(" "),s._m(5),s._v(" "),t("h3",{attrs:{id:"Instancemethods"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-Instancemethods-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Instance methods")]),s._v(" "),s._m(6)])},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("blockquote",[t("p",[s._v("New in 1.10.0+")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ul",[t("li",[t("p",[s._v("Basic usage - Default")]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-html"}},[t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll-nav")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("@change")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"changeHandler"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll-nav-panel")]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item in data"')]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item.name"')]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":label")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item.name"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"food in item.foods"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("img")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":src")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"food.icon"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("p")]),s._v(">")]),s._v("{{food.name}}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-js"}},[t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" goodsData "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'example/data/goods-list.json'")]),s._v("\n\n"),t("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" goods = goodsData.goods\n\n"),t("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": goods\n }\n },\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n changeHandler(label) {\n "),t("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),t("span",{attrs:{class:"hljs-string"}},[s._v("'changed to:'")]),s._v(", label)\n }\n }\n}\n")])]),s._v(" "),t("p",[t("code",{pre:!0},[s._v("goods")]),s._v(":")]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-js"}},[t("span",{attrs:{class:"hljs-string"}},[s._v('"goods"')]),s._v(": [\n {\n "),t("span",{attrs:{class:"hljs-string"}},[s._v('"name"')]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v('"热销榜"')]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v('"type"')]),s._v(": "),t("span",{attrs:{class:"hljs-number"}},[s._v("-1")]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v('"foods"')]),s._v(": [\n {\n "),t("span",{attrs:{class:"hljs-string"}},[s._v('"name"')]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v('"皮蛋瘦肉粥"')]),s._v(",\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n "),t("span",{attrs:{class:"hljs-string"}},[s._v('"icon"')]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v('"http://fuss10.elemecdn.com/c/cd/c12745ed8a5171e13b427dbc39401jpeg.jpeg?imageView2/1/w/114/h/114"')]),s._v(",\n "),t("span",{attrs:{class:"hljs-string"}},[s._v('"image"')]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v('"http://fuss10.elemecdn.com/c/cd/c12745ed8a5171e13b427dbc39401jpeg.jpeg?imageView2/1/w/750/h/750"')]),s._v("\n },\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n ]\n },\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n]\n")])]),s._v(" "),t("p",[t("code",{pre:!0},[s._v("cube-scroll-nav")]),s._v(" should contains "),t("code",{pre:!0},[s._v("cube-scroll-nav-panel")]),s._v(" which is the navigation target panel content.")]),s._v(" "),t("p",[t("code",{pre:!0},[s._v("cube-scroll-nav-panel")]),s._v(" required Prop: "),t("code",{pre:!0},[s._v("label")]),s._v("(the key of panel).")]),s._v(" "),t("p",[s._v("The "),t("code",{pre:!0},[s._v("change")]),s._v(" event will be triggered when navigation active item changed.")])]),s._v(" "),t("li",[t("p",[s._v("Side Style")]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-html"}},[t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll-nav")]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":side")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"data"')]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":current")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"current"')]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("@change")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"changeHandler"')]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("@sticky-change")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"stickyChangeHandler"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"prepend-header"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"prepend"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("11"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("22"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(">")]),s._v("333"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll-nav-panel")]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item in data"')]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item.name"')]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":label")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item.name"')]),s._v("\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":title")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"item.name"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("ul")]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("li")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"food in item.foods"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("img")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":src")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"food.icon"')]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("p")]),s._v(">")]),s._v("{{food.name}}"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-js"}},[t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" goodsData "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'example/data/goods-list.json'")]),s._v("\n\n"),t("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" goods = goodsData.goods\n\n"),t("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("components")]),s._v(": {\n CubePage\n },\n data() {\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": goods,\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("current")]),s._v(": goods["),t("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v("].name\n }\n },\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n changeHandler(label) {\n "),t("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),t("span",{attrs:{class:"hljs-string"}},[s._v("'changed to:'")]),s._v(", label)\n },\n stickyChangeHandler(current) {\n "),t("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),t("span",{attrs:{class:"hljs-string"}},[s._v("'sticky-change'")]),s._v(", current)\n }\n }\n}\n")])]),s._v(" "),t("p",[s._v("If set "),t("code",{pre:!0},[s._v("side")]),s._v(" to "),t("code",{pre:!0},[s._v("true")]),s._v(" then the navigation bar will be at the side position.")]),s._v(" "),t("p",[t("code",{pre:!0},[s._v("data")]),s._v(" is the data source, it will be passed to "),t("code",{pre:!0},[s._v("cube-scroll")]),s._v(" component, if the "),t("code",{pre:!0},[s._v("data")]),s._v(" updated then "),t("code",{pre:!0},[s._v("cube-scroll")]),s._v(" will be auto refreshed.")]),s._v(" "),t("p",[t("code",{pre:!0},[s._v("current")]),s._v(" is the default navigation value(label of panel), if set this value then the target panel will be auto scrolled to the top of container.")]),s._v(" "),t("p",[s._v("The "),t("code",{pre:!0},[s._v("sticky-change")]),s._v(" event will be triggered when the navigation bar's sticky state changed. The parameter is one of "),t("code",{pre:!0},[s._v("''")]),s._v(", "),t("code",{pre:!0},[s._v("'cube-scroll-nav-bar'")]),s._v(".")]),s._v(" "),t("p",[s._v("You can use "),t("code",{pre:!0},[s._v("prepend")]),s._v(" slot to insert your own content before the main content.")])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",[t("thead",[t("tr",[t("th",[s._v("Attribute")]),s._v(" "),t("th",[s._v("Description")]),s._v(" "),t("th",[s._v("Type")]),s._v(" "),t("th",[s._v("Accepted Values")]),s._v(" "),t("th",[s._v("Default")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("data")]),s._v(" "),t("td",[s._v("optional, data source")]),s._v(" "),t("td",[s._v("Array")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("side")]),s._v(" "),t("td",[s._v("If set to "),t("code",{pre:!0},[s._v("true")]),s._v(" then the navigation bar will be at the side position")]),s._v(" "),t("td",[s._v("Boolean")]),s._v(" "),t("td",[s._v("true/false")]),s._v(" "),t("td",[s._v("false")])]),s._v(" "),t("tr",[t("td",[s._v("current")]),s._v(" "),t("td",[s._v("the default navigation value(label of panel)")]),s._v(" "),t("td",[s._v("String/Number")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("''")])]),s._v(" "),t("tr",[t("td",[s._v("speed")]),s._v(" "),t("td",[s._v("speed of navigating to target panel")]),s._v(" "),t("td",[s._v("Number")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("300")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",[t("thead",[t("tr",[t("th",[s._v("Attribute")]),s._v(" "),t("th",[s._v("Description")]),s._v(" "),t("th",[s._v("Type")]),s._v(" "),t("th",[s._v("Accepted Values")]),s._v(" "),t("th",[s._v("Default")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("label")]),s._v(" "),t("td",[s._v("required, the key of panel")]),s._v(" "),t("td",[s._v("String/Number")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("title")]),s._v(" "),t("td",[s._v("the title of panel, can be a HTML string value")]),s._v(" "),t("td",[s._v("String/Number")]),s._v(" "),t("td",[s._v("-")]),s._v(" "),t("td",[s._v("default equal to "),t("code",{pre:!0},[s._v("label")]),s._v(" Prop")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",[t("thead",[t("tr",[t("th",[s._v("Name")]),s._v(" "),t("th",[s._v("Description")]),s._v(" "),t("th",[s._v("Scope Parameters")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("default")]),s._v(" "),t("td",[s._v("default panel content")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("prepend")]),s._v(" "),t("td",[s._v("prepend content")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("bar")]),s._v(" "),t("td",[s._v("navigation bar content, you should use "),t("code",{pre:!0},[s._v("cube-scroll-nav-bar")]),s._v(" component to define your own navigation bar content")]),s._v(" "),t("td",[s._v("labels: the collection of all panel labels"),t("br"),s._v("txts: the collection of all panel titles"),t("br"),s._v("current: current active navigation value(label of panel)")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",[t("thead",[t("tr",[t("th",[s._v("Event Name")]),s._v(" "),t("th",[s._v("Description")]),s._v(" "),t("th",[s._v("Parameters")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("change")]),s._v(" "),t("td",[s._v("triggers when navigation active item changed")]),s._v(" "),t("td",[s._v("active - active navigation value(label of panel)")])]),s._v(" "),t("tr",[t("td",[s._v("sticky-change")]),s._v(" "),t("td",[s._v("triggers when the navigation bar's sticky state changed")]),s._v(" "),t("td",[s._v("current - if navigation bar is fixed then this value will be 'cube-scroll-nav-bar', otherwise this value will be ''")])])])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("table",[t("thead",[t("tr",[t("th",[s._v("Method name")]),s._v(" "),t("th",[s._v("Description")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("refresh")]),s._v(" "),t("td",[s._v("You can call this method when content updated")])])])])}]}},Y4Sq:function(s,a,t){var e=t("VU/8")(null,t("H/J7"),null,null,null);s.exports=e.exports},"jS6/":function(s,a,t){s.exports=t("Y4Sq")}}); \ No newline at end of file diff --git a/docs/js/66.d06cadf3890e07a93166.js b/docs/js/66.d06cadf3890e07a93166.js new file mode 100644 index 000000000..c40eb0658 --- /dev/null +++ b/docs/js/66.d06cadf3890e07a93166.js @@ -0,0 +1 @@ +webpackJsonp([66],{DeI1:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"ScrollNavBar"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-ScrollNavBar-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" ScrollNavBar")]),s._v(" "),s._m(0),s._v(" "),a("p",[s._v("Scroll navigation bar component, like DiDi business navigation.")]),s._v(" "),a("h3",{attrs:{id:"Example"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Example")]),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"Props"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props")]),s._v(" "),s._m(2),s._v(" "),a("h3",{attrs:{id:"Slot"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Slot-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Slot")]),s._v(" "),s._m(3),s._v(" "),a("h3",{attrs:{id:"Events"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Events")]),s._v(" "),s._m(4),s._v(" "),a("h3",{attrs:{id:"Instancemethods"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Instancemethods-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Instance methods")]),s._v(" "),s._m(5)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("New in 1.10.0+")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("Default horizontal")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll-nav-bar")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":current")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"current"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":labels")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"labels"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@change")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"changeHandler"')]),s._v(" />")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("current")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'快车'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("labels")]),s._v(": [\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'快车'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'小巴'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'专车'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'顺风车'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'代驾'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'公交'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'自驾租车'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'豪华车'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'二手车'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'出租车'")]),s._v("\n ]\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n changeHandler(cur) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".current = cur\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("You can set the active item by "),a("code",{pre:!0},[s._v("current")]),s._v(" Prop. "),a("code",{pre:!0},[s._v("labels")]),s._v(" is the collection if all the item's keys. The "),a("code",{pre:!0},[s._v("change")]),s._v(" events will be triggered when active item changed.")])]),s._v(" "),a("li",[a("p",[s._v("Vertical")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"side-container"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll-nav-bar")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("direction")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"vertical"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":current")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"current"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":labels")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"labels"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":txts")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"txts"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@change")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"changeHandler"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("i")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("slot-scope")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props"')]),s._v(">")]),s._v("{{props.txt}}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("current")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'快车'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("labels")]),s._v(": [\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'快车'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'小巴'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'专车'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'顺风车'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'代驾'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'公交'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'自驾租车'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'豪华车'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'二手车'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'出租车'")]),s._v("\n ],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txts")]),s._v(": [\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'1快车'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'2小巴'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'3专车'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'4顺风车'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'5代驾'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'6公交'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'7自驾租车'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'8豪华车'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'9二手车'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'10出租车'")]),s._v("\n ]\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n changeHandler(cur) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".current = cur\n }\n }\n}\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-stylus"}},[a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".side-container")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("300px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("margin-top")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("20px")]),s._v("\n")])]),s._v(" "),a("p",[s._v("If the "),a("code",{pre:!0},[s._v("direction")]),s._v(" Prop is "),a("code",{pre:!0},[s._v("vertical")]),s._v(" then the ScrollNavBar will be vertical style.")]),s._v(" "),a("p",[s._v("You can use "),a("code",{pre:!0},[s._v("txts")]),s._v(" Prop to defined the text of showcases, it's order is correspondence with "),a("code",{pre:!0},[s._v("labels")]),s._v(" Prop. The default "),a("code",{pre:!0},[s._v("txts")]),s._v(" value is "),a("code",{pre:!0},[s._v("labels")]),s._v(".")]),s._v(" "),a("p",[s._v("You can also use default scoped slot to defined your own item content.")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Accepted Values")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("direction")]),s._v(" "),a("td",[s._v("direction, default horizontal")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("horizontal/vertical")]),s._v(" "),a("td",[s._v("horizontal")])]),s._v(" "),a("tr",[a("td",[s._v("labels")]),s._v(" "),a("td",[s._v("the collection if all the item's keys")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("[]")])]),s._v(" "),a("tr",[a("td",[s._v("txts")]),s._v(" "),a("td",[s._v("the text of showcases, it's order is correspondence with "),a("code",{pre:!0},[s._v("labels")]),s._v(", the item can be a HTML string value")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("default equals to "),a("code",{pre:!0},[s._v("labels")]),s._v(" Prop")])]),s._v(" "),a("tr",[a("td",[s._v("current")]),s._v(" "),a("td",[s._v("the key of the active item")]),s._v(" "),a("td",[s._v("String/Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("''")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Name")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Scope Parameters")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("default")]),s._v(" "),a("td",[s._v("default content")]),s._v(" "),a("td",[s._v("txt: item's text"),a("br"),s._v("index: item's index"),a("br"),s._v("active: the key of active item"),a("br"),s._v("label: item's label")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Event Name")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Parameters")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("change")]),s._v(" "),a("td",[s._v("triggers when active item changed")]),s._v(" "),a("td",[s._v("active - the key of active item")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Method name")]),s._v(" "),a("th",[s._v("Description")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("refresh")]),s._v(" "),a("td",[s._v("You can call this method when content updated")])])])])}]}},lcM9:function(s,t,a){var r=a("VU/8")(null,a("DeI1"),null,null,null);s.exports=r.exports},vucU:function(s,t,a){s.exports=a("lcM9")}}); \ No newline at end of file diff --git a/docs/js/67.bded3f7b12f4ce988815.js b/docs/js/67.bded3f7b12f4ce988815.js new file mode 100644 index 000000000..e885f4ff0 --- /dev/null +++ b/docs/js/67.bded3f7b12f4ce988815.js @@ -0,0 +1 @@ +webpackJsonp([67],{"/ECQ":function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"RecycleList"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-RecycleList-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" RecycleList")]),s._v(" "),s._m(0),s._v(" "),a("p",[s._v("A recyclable scrolling list that always keeps the number of DOMs at a very low range. Excellent performance in the rendering list of massive data.")]),s._v(" "),a("h3",{attrs:{id:"Precautions"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Precautions-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Precautions")]),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"Example"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Example")]),s._v(" "),s._m(2),s._v(" "),a("h3",{attrs:{id:"Propsconfiguration"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props configuration")]),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),a("h3",{attrs:{id:"Slot"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Slot-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Slot")]),s._v(" "),s._m(5),s._v(" "),a("h3",{attrs:{id:"Instancemethods"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Instancemethods-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Instance methods")]),s._v(" "),s._m(6)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("New in 1.12.0+")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("To achieve infinite scrolling, you must ensure that you have a fixed-height parent container element to wrapper component. For details, please refer to the example.")])]),s._v(" "),a("li",[a("p",[s._v("If there is an image with a fixed width and height in the list content, due to the mechanism of image loading, when DOM of each item is rendered, the image may not be loaded, resulting in incorrect calculation of the position of each item, so the caller need use CSS to specify image to avoid height calculation errors.")])]),s._v(" "),a("li",[a("p",[s._v("The internal implementation relies on Promise, so you need a polyfill for compatibility.")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[a("strong",[s._v("1. Basic usage")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"view-wrapper"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-recycle-list")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"list"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":size")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"size"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":on-fetch")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onFetch"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":offset")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"offset"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("slot-scope")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"{ data }"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":id")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data.id"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"handleClick(data)"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"avatar"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":style")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"{backgroundImage: 'url(' + (data.avatar || '') + ')'}\"")]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"bubble"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("p")]),s._v(">")]),s._v("{{ data.msg }}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"meta"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("time")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"posted-date"')]),s._v(">")]),s._v("{{ data.time }}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("size")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("50")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("offset")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("100")]),s._v("\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n onFetch() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("let")]),s._v(" items = []\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Promise")]),s._v("("),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("resolve")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// Simulation request for 50 items, because size is set to 50")]),s._v("\n setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("for")]),s._v(" ("),a("span",{attrs:{class:"hljs-keyword"}},[s._v("let")]),s._v(" i = "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("; i < "),a("span",{attrs:{class:"hljs-number"}},[s._v("50")]),s._v("; i++) {\n items.push({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("id")]),s._v(": i,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("avatar")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://s3.amazonaws.com/uifaces/faces/twitter/danpliego/128.jpg'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("msg")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'123'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Thu Oct 25 2018 15:02:12 GMT+0800 (中国标准时间)'")]),s._v("\n })\n }\n resolve(items)\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n })\n },\n handleClick(data) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'Item:'")]),s._v(" + data)\n }\n }\n}\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-stylus"}},[a("span",{attrs:{class:"hljs-comment"}},[s._v("/* Limit viewport to wrap component*/")]),s._v("\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".view-wrapper")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("position")]),s._v(": fixed\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("top")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("54px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("left")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("bottom")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("width")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("100%")]),s._v("\n")])]),s._v(" "),a("p",[s._v("The vast majority of list interactions are when the user scrolls to the bottom and requests the next page of data. The default implementation of the component is based on this interaction.")]),s._v(" "),a("p",[s._v("The component accepts "),a("code",{pre:!0},[s._v("size")]),s._v(" as props and controls how many counts of data are rendered at a time. "),a("code",{pre:!0},[s._v("offset")]),s._v(" is the distance to configure the bottom pull data, "),a("code",{pre:!0},[s._v("onFetch")]),s._v(" is a function, which is mandatory, and the return value of the function must be a Promise, and the "),a("code",{pre:!0},[s._v("items")]),s._v(" ( "),a("strong",[s._v("Array")]),s._v(" ) must be the first parameter when calling "),a("code",{pre:!0},[s._v("resolve")]),s._v(" function, so the component can get "),a("code",{pre:!0},[s._v("items")]),s._v(". Of course, if you want to stop scrolling, pass "),a("code",{pre:!0},[s._v("false")]),s._v(" or an array whose length is smaller than "),a("code",{pre:!0},[s._v("size")]),s._v(" props.")]),s._v(" "),a("p",[s._v("The component supports the scope slot. You can use the destructuring assignment of the above example to get the "),a("code",{pre:!0},[s._v("data")]),s._v(" (each data item of item) that the component passes to the caller.")]),s._v(" "),a("p",[s._v("The samples demo "),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/example/pages/recycle-list/recycle-list-default.vue"}},[s._v("Here")]),s._v(".")])]),s._v(" "),a("li",[a("p",[a("strong",[s._v("2. Infinite")])]),s._v(" "),a("p",[s._v("However, the component also supports the second mode - infinite. With "),a("code",{pre:!0},[s._v("tombstone")]),s._v(" as a placeholder, which gives the user a perceptible page element, and makes the interaction more friendly and user-friendly.\nThe samples demo "),a("a",{attrs:{href:"https://github.com/didi/cube-ui/blob/master/example/pages/recycle-list/recycle-list-tombstone.vue"}},[s._v("Here")]),s._v(".")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"view-wrapper"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-recycle-list")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"list"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":infinite")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"infinite"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":size")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"size"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":on-fetch")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onFetch"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("\x3c!-- tombstone slot-scope is mandatory --\x3e")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"tombstone"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("slot-scope")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item tombstone"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"avatar"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"bubble"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("p")]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("p")]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("p")]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"meta"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("time")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"posted-date"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("slot-scope")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"{ data }"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":id")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data.id"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"handleClick(data)"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"avatar"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":style")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"{backgroundImage: 'url(' + (data.avatar || '') + ')'}\"")]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"bubble"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("p")]),s._v(">")]),s._v("{{ data.msg }}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"meta"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("time")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"posted-date"')]),s._v(">")]),s._v("{{ data.time }}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v('\x3c!--
Loading Data
--\x3e')]),s._v("\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v('\x3c!--
No more data
--\x3e')]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("infinite")]),s._v(" is used to enable infinite scroll mode. When you enable this configuration, you must implement a personalized style through the "),a("code",{pre:!0},[s._v("tombstone")]),s._v(" scope slot. The "),a("code",{pre:!0},[s._v("spinner")]),s._v(" and "),a("code",{pre:!0},[s._v("noMore")]),s._v(" slots are supported to customize the display of views that load more and no more data. "),a("code",{pre:!0},[s._v("spinner")]),s._v(" slot is built-in in component.")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Accepted Values")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("infinite")]),s._v(" "),a("td",[s._v("Enable infinite scroll mode")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("size")]),s._v(" "),a("td",[s._v("Amount of data loaded at one time")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("20")])]),s._v(" "),a("tr",[a("td",[s._v("offset")]),s._v(" "),a("td",[s._v("The distance to fetch more data at the bottom")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("200")])]),s._v(" "),a("tr",[a("td",[s._v("onFetch")]),s._v(" "),a("td",[s._v("Fetch data")]),s._v(" "),a("td",[s._v("Function")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("The "),a("code",{pre:!0},[s._v("onFetch")]),s._v(" function must return a Promise, and the first argument to Promise's resolve function must be an array or "),a("code",{pre:!0},[s._v("false")]),s._v(", so that the component can internally get the corresponding data to decide whether to load more or stop scrolling.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Name")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Scope parameters")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("tombstone")]),s._v(" "),a("td",[s._v("Implement a customized "),a("code",{pre:!0},[s._v("tombstone")]),s._v(" view scope slot")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("item")]),s._v(" "),a("td",[s._v("Scope slot for each data item")]),s._v(" "),a("td",[s._v("data: An item in items")])]),s._v(" "),a("tr",[a("td",[s._v("spinner")]),s._v(" "),a("td",[s._v("Named slot for loading more")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("noMore")]),s._v(" "),a("td",[s._v("Named slot for no more data")]),s._v(" "),a("td",[s._v("-")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Method name")]),s._v(" "),a("th",[s._v("Description")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("reset")]),s._v(" "),a("td",[s._v("To clean up all the contents")])])])])}]}},"9hRo":function(s,t,a){s.exports=a("qvFv")},qvFv:function(s,t,a){var e=a("VU/8")(null,a("/ECQ"),null,null,null);s.exports=e.exports}}); \ No newline at end of file diff --git a/docs/js/68.03ccd5cf68be5730fa6b.js b/docs/js/68.03ccd5cf68be5730fa6b.js new file mode 100644 index 000000000..8088e1946 --- /dev/null +++ b/docs/js/68.03ccd5cf68be5730fa6b.js @@ -0,0 +1 @@ +webpackJsonp([68],{NAIW:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Rate"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Rate-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Rate")]),s._v(" "),s._m(0),s._v(" "),a("p",[s._v("Rate component. You can customize the rating star numbers, and disable the interaction, you can also customize the style of star through the slot.")]),s._v(" "),a("h3",{attrs:{id:"Example"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Example")]),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"Propsconfiguration"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props configuration")]),s._v(" "),s._m(2),s._v(" "),a("h3",{attrs:{id:"slot"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-slot-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" slot")]),s._v(" "),s._m(3),s._v(" "),a("h3",{attrs:{id:"slotincube-rate-item"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-slotincube-rate-item-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" slot in cube-rate-item")]),s._v(" "),s._m(4)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("New in 1.5.0+")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("Basic usage")]),s._v(" "),a("p",[s._v("You can use the v-model directive to create two-way data bindings.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-rate")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"value"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v("\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("Multiple configurations")]),s._v(" "),a("p",[s._v("For example, you can use "),a("code",{pre:!0},[s._v("disabled")]),s._v(" to make the rating component read-only, use"),a("code",{pre:!0},[s._v("max")]),s._v(" to customize the number of stars and use "),a("code",{pre:!0},[s._v("justify")]),s._v(" to justify container's width.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-rate")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"value"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":disabled")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"disabled"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":max")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"max"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":justify")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"justify"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("disabled")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("max")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("justify")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v("\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("Custom star style")]),s._v(" "),a("p",[s._v("You need to use the "),a("code",{pre:!0},[s._v("cube-rate-item")]),s._v(" component, and define two different styles for custom stars, normal and active (under the"),a("code",{pre:!0},[s._v(".cube-rate-item.active")]),s._v(" class).")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-rate")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"value"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-rate-item")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"n in max"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"n"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":value")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"value"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":index")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"n"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("\x3c!-- 定制星星示例 --\x3e")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"rate-item"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v("\n }\n }\n}\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-css"}},[a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".rate-item")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("width")]),s._v(": 100%\n "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("height")]),s._v(": 100%\n "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("background-size")]),s._v(": 100%\n "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("background-color")]),s._v(": "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("grey")]),s._v("\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-rate-item")]),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".active")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".rate-item")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("background-color")]),s._v(": "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("orange")]),s._v("\n")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Accepted Values")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("v-model")]),s._v(" "),a("td",[s._v("bound rate value")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("0")])]),s._v(" "),a("tr",[a("td",[s._v("max")]),s._v(" "),a("td",[s._v("max star number")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("5")])]),s._v(" "),a("tr",[a("td",[s._v("disabled")]),s._v(" "),a("td",[s._v("disabled status")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("justify")]),s._v(" "),a("td",[s._v("auto justify container's width")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Name")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Scope parameters")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("default")]),s._v(" "),a("td",[s._v("a cube-rate-item component")]),s._v(" "),a("td",[s._v("-")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Name")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Scope parameters")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("default")]),s._v(" "),a("td",[s._v("custom star element")]),s._v(" "),a("td",[s._v("-")])])])])}]}},fXra:function(s,t,a){var e=a("VU/8")(null,a("NAIW"),null,null,null);s.exports=e.exports},qr3w:function(s,t,a){s.exports=a("fXra")}}); \ No newline at end of file diff --git a/docs/js/69.1d127075afe59902811c.js b/docs/js/69.1d127075afe59902811c.js new file mode 100644 index 000000000..a5d7a7feb --- /dev/null +++ b/docs/js/69.1d127075afe59902811c.js @@ -0,0 +1 @@ +webpackJsonp([69],{"D+uV":function(s,t,a){s.exports=a("vjNw")},Xhi2:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Radio"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Radio-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Radio")]),s._v(" "),s._m(0),s._v(" "),a("p",[s._v("Radio component. You could set the options and the position of the radio's icon.")]),s._v(" "),a("h3",{attrs:{id:"Example"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Example")]),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"Propsconfiguration"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props configuration")]),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),s._m(5),s._v(" "),a("h3",{attrs:{id:"cube-radioPropsconfiguration"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-cube-radioPropsconfiguration-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" cube-radio Props configuration")]),s._v(" "),s._m(6),s._v(" "),s._m(7),s._v(" "),s._m(8)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("New in 1.4.0+")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("Basic usage")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-radio-group")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selected"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"options"')]),s._v(" />")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selected")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": ["),a("span",{attrs:{class:"hljs-string"}},[s._v("'Option1'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Option2'")]),s._v("]\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("The value of "),a("code",{pre:!0},[s._v("options")]),s._v(" is an array. The default "),a("code",{pre:!0},[s._v("selected")]),s._v(" value is "),a("code",{pre:!0},[s._v("''")]),s._v(", which means no option will be selected by defaut. If you clicked one radio option, the "),a("code",{pre:!0},[s._v("selected")]),s._v(" will be set as the value of this option.")])]),s._v(" "),a("li",[a("p",[s._v("Configure the label, value, disabled state of options and icon style.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-radio-group")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selected2"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"options2"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("position")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"right"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":hollow-style")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v(" />")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selected2")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options2")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Option1'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Option2'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Option3'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("disabled")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n ]\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("The "),a("code",{pre:!0},[s._v("options")]),s._v(" value can be an array which has some object items. You can set "),a("code",{pre:!0},[s._v("label")]),s._v(" and "),a("code",{pre:!0},[s._v("value")]),s._v(" in each item, and use "),a("code",{pre:!0},[s._v("disabled")]),s._v(" to configure whether the radio item's state is disabled.")]),s._v(" "),a("p",[s._v("If the "),a("code",{pre:!0},[s._v("position")]),s._v(" is set as "),a("code",{pre:!0},[s._v("'right'")]),s._v(", the radio's icon will be posited at the right of the label. Set "),a("code",{pre:!0},[s._v("hollow-style=true")]),s._v(" to use hollow-out style.")])]),s._v(" "),a("li",[a("p",[s._v("Horizontal order")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-radio-group")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selected3"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"options3"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":horizontal")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v(" />")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selected3")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'3'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options3")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'1'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'1'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'2'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'2'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'3'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'3'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("disabled")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n ]\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("You can use "),a("code",{pre:!0},[s._v("horizontal")]),s._v(" to configure the style to horizontal layout.")])]),s._v(" "),a("li",[a("p",[s._v("Use slot")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-radio-group")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-radio")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(option, index) in options4"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"index"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":option")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"option"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selected4"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("img")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":src")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"option.src"')]),s._v(" />")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selected4")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'1'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options4")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'1'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'1'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("src")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1516805611092&di=80d0f229dd999ffa3be79d6e317832b0&imgtype=0&src=http%3A%2F%2Fimglf0.ph.126.net%2F1EnYPI5Vzo2fCkyy2GsJKg%3D%3D%2F2829667940890114965.jpg'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'2'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'2'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("src")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1516805611092&di=80d0f229dd999ffa3be79d6e317832b0&imgtype=0&src=http%3A%2F%2Fimglf0.ph.126.net%2F1EnYPI5Vzo2fCkyy2GsJKg%3D%3D%2F2829667940890114965.jpg'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'3'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'3'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("src")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1516805611092&di=80d0f229dd999ffa3be79d6e317832b0&imgtype=0&src=http%3A%2F%2Fimglf0.ph.126.net%2F1EnYPI5Vzo2fCkyy2GsJKg%3D%3D%2F2829667940890114965.jpg'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("disabled")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n ]\n }\n }\n}\n")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Accepted Values")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("options")]),s._v(" "),a("td",[s._v("the array of radio options")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("position")]),s._v(" "),a("td",[s._v("icon position")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("left/right")]),s._v(" "),a("td",[s._v("left")])]),s._v(" "),a("tr",[a("td",[s._v("horizontal")]),s._v(" "),a("td",[s._v("whether use horizontal layout")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("hollowStyle")]),s._v(" "),a("td",[s._v("whether is hollow-out style")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("options")]),s._v(" sub configuration")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("label")]),s._v(" "),a("td",[s._v("the text of label")]),s._v(" "),a("td",[s._v("String")])]),s._v(" "),a("tr",[a("td",[s._v("value")]),s._v(" "),a("td",[s._v("the value of radio item")]),s._v(" "),a("td",[s._v("String/Number")])]),s._v(" "),a("tr",[a("td",[s._v("disabled")]),s._v(" "),a("td",[s._v("whether the radio item is disabled")]),s._v(" "),a("td",[s._v("Boolean")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("Note: Each item of "),a("code",{pre:!0},[s._v("options")]),s._v(" can be an string, Which means both the "),a("code",{pre:!0},[s._v("label")]),s._v(" and "),a("code",{pre:!0},[s._v("value")]),s._v(" will be set as this string.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Accepted Values")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("option")]),s._v(" "),a("td",[s._v("option value")]),s._v(" "),a("td",[s._v("Object/String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("position")]),s._v(" "),a("td",[s._v("icon position")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("left/right")]),s._v(" "),a("td",[s._v("left")])]),s._v(" "),a("tr",[a("td",[s._v("hollow-style")]),s._v(" "),a("td",[s._v("whether is hollow-out style")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("option")]),s._v(" sub configuration")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("label")]),s._v(" "),a("td",[s._v("the text of label")]),s._v(" "),a("td",[s._v("String")])]),s._v(" "),a("tr",[a("td",[s._v("value")]),s._v(" "),a("td",[s._v("the value of radio item")]),s._v(" "),a("td",[s._v("String/Number")])]),s._v(" "),a("tr",[a("td",[s._v("disabled")]),s._v(" "),a("td",[s._v("whether the radio item is disabled")]),s._v(" "),a("td",[s._v("Boolean")])])])])}]}},vjNw:function(s,t,a){var v=a("VU/8")(null,a("Xhi2"),null,null,null);s.exports=v.exports}}); \ No newline at end of file diff --git a/docs/js/7.e73bb330f5aef30e9afc.js b/docs/js/7.e73bb330f5aef30e9afc.js new file mode 100644 index 000000000..f7f86200c --- /dev/null +++ b/docs/js/7.e73bb330f5aef30e9afc.js @@ -0,0 +1 @@ +webpackJsonp([7],{"0OyV":function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"TimePicker组件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-TimePicker组件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" TimePicker组件")]),s._v(" "),s._m(0),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"示例"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 示例")]),s._v(" "),s._m(2),s._v(" "),a("h3",{attrs:{id:"Props配置"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props 配置")]),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),s._m(5),s._v(" "),s._m(6),s._v(" "),s._m(7),s._v(" "),s._m(8),s._v(" "),s._m(9),s._v(" "),a("h3",{attrs:{id:"事件"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-事件-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 事件")]),s._v(" "),s._m(10),s._v(" "),a("h3",{attrs:{id:"实例方法"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-实例方法-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 实例方法")]),s._v(" "),s._m(11)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("code",{pre:!0},[s._v("TimePicker")]),s._v("组件提供了常用的日期选择功能。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("strong",[s._v("注：")]),s._v(" 由于此组件基于 create-api 实现，所以在使用之前，请确保自己了解过 "),a("a",{attrs:{href:"#/zh-CN/docs/create-api"}},[s._v("create-api")]),s._v("。")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("基本用法")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showTimePicker"')]),s._v(">")]),s._v("TimePicker"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showTimePicker () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createTimePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("showNow")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("minuteStep")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("delay")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("15")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("selectedTime, selectedText, formatedTime")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`selected time: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedTime}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`selected text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText}")]),s._v("
format time: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${formatedTime}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n }).show()\n }\n }\n}\n")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("showNow")]),s._v(" 用于控制是否显示“现在”时间，"),a("code",{pre:!0},[s._v("minuteStep")]),s._v(" 用于控制分钟的步长，"),a("code",{pre:!0},[s._v("delay")]),s._v(" 则表示的是当前时间向后推迟的时间，决定了最小可选时间。")])]),s._v(" "),a("li",[a("p",[s._v("日期选项配置")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showTimePicker"')]),s._v(">")]),s._v("TimePicker - day options"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showTimePicker () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createTimePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("showNow")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("minuteStep")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("10")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("delay")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("10")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("day")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("len")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("filter")]),s._v(": ["),a("span",{attrs:{class:"hljs-string"}},[s._v("'今天'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'明天'")]),s._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("format")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'M月d日'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("selectedTime, selectedText, formatedTime")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`selected time: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedTime}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`selected text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText}")]),s._v("
format time: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${formatedTime}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n }).show()\n }\n }\n}\n")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("day")]),s._v("字段的"),a("code",{pre:!0},[s._v("len")]),s._v("属性可以设置第一列需要展示的日期长度；")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("filer")]),s._v("属性设置第一列日期展示的文案；")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("format")]),s._v("属性用以格式化日期显示的方式，当"),a("code",{pre:!0},[s._v("len")]),s._v("的数量大于"),a("code",{pre:!0},[s._v("filter")]),s._v("的数组长度时，会以"),a("code",{pre:!0},[s._v("M月d日")]),s._v("的格式显示文案。")])]),s._v(" "),a("li",[a("p",[s._v("Format 配置"),a("sup",[s._v("1.10.0+")])]),s._v(" "),a("p",[s._v("通过 "),a("code",{pre:!0},[s._v("format")]),s._v(" 属性可配置 "),a("code",{pre:!0},[s._v("select")]),s._v(" 事件的 "),a("code",{pre:!0},[s._v("formatedTime")]),s._v(" 参数的格式。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showFormatPicker"')]),s._v(">")]),s._v("Config format"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showFormatPicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".formatPicker) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".formatPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createTimePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("format")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'hh:mm'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandler,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandler\n })\n }\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".formatPicker.show()\n },\n selectHandler(selectedTime, selectedText, formatedTime) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`selected time: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedTime}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`selected text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText}")]),s._v("
format time: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${formatedTime}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n cancelHandler() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("分钟数的步长")]),s._v(" "),a("p",[s._v("通过 "),a("code",{pre:!0},[s._v("minuteStep")]),s._v(" 属性可配置分钟数的步长，默认为 10 分钟，这样的话，可选的分钟就是 10、20、30、40、50。另外在 v1.10.5+，"),a("code",{pre:!0},[s._v("minuteStep")]),s._v(" 还支持传入一个对象，你可以通过子属性 "),a("code",{pre:!0},[s._v("rule")]),s._v(" 配置取整的规则，是向上取整 "),a("code",{pre:!0},[s._v("ceil")]),s._v("，向下取整 "),a("code",{pre:!0},[s._v("floor")]),s._v("，又或是四舍五入"),a("code",{pre:!0},[s._v("round")]),s._v("。而子属性 "),a("code",{pre:!0},[s._v("step")]),s._v(" 则代表步长。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showMinuteStepPicker"')]),s._v(">")]),s._v("Config minute step"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showFormatPicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".minuteStepPicker) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".minuteStepPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createTimePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("minuteStep")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rule")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'ceil'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("step")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("15")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandler,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandler\n })\n }\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".minuteStepPicker.show()\n },\n selectHandler(selectedTime, selectedText, formatedTime) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`selected time: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedTime}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`selected text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText}")]),s._v("
format time: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${formatedTime}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n cancelHandler() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("最小可选时间 min "),a("sup",[s._v("1.12.6")])]),s._v(" "),a("p",[s._v("你可以通过 "),a("code",{pre:!0},[s._v("min")]),s._v(" 属性设置最小可选时间。它可以接受 Date 类型的日期时间，也可以 Number类型的时间戳。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showMinPicker"')]),s._v(">")]),s._v("Config min"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showMinPicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".minPicker) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".minPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createTimePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("min")]),s._v(": +"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("() - ("),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(" * "),a("span",{attrs:{class:"hljs-number"}},[s._v("60")]),s._v(" + "),a("span",{attrs:{class:"hljs-number"}},[s._v("20")]),s._v(") * "),a("span",{attrs:{class:"hljs-number"}},[s._v("60")]),s._v(" * "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandler,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandler\n })\n }\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".minPicker.show()\n },\n selectHandler(selectedTime, selectedText, formatedTime) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`selected time: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedTime}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`selected text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText}")]),s._v("
format time: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${formatedTime}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n cancelHandler() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("最大可选时间 max "),a("sup",[s._v("1.12.6")])]),s._v(" "),a("p",[s._v("你可以通过 "),a("code",{pre:!0},[s._v("max")]),s._v(" 属性设置最大可选时间。它可以接受 Date 类型的日期时间，也可以 Number类型的时间戳。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showMaxPicker"')]),s._v(">")]),s._v("Config max"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showMaxPicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".maxPicker) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".maxPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createTimePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("delay")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("max")]),s._v(": +"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("() + (("),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(" * "),a("span",{attrs:{class:"hljs-number"}},[s._v("24")]),s._v(" + "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(") * "),a("span",{attrs:{class:"hljs-number"}},[s._v("60")]),s._v(" + "),a("span",{attrs:{class:"hljs-number"}},[s._v("20")]),s._v(") * "),a("span",{attrs:{class:"hljs-number"}},[s._v("60")]),s._v(" * "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandler,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandler\n })\n }\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".maxPicker.show()\n },\n selectHandler(selectedTime, selectedText, formatedTime) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`selected time: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedTime}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`selected text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText}")]),s._v("
format time: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${formatedTime}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n cancelHandler() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("手动设置时间")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showTimePicker"')]),s._v(">")]),s._v("TimePicker - setTime(next hour)"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" time = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("().valueOf() + "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(" * "),a("span",{attrs:{class:"hljs-number"}},[s._v("60")]),s._v(" * "),a("span",{attrs:{class:"hljs-number"}},[s._v("60")]),s._v(" * "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n showTimePicker () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" timePicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createTimePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("showNow")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("minuteStep")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("10")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("delay")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("15")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("day")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("len")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("filter")]),s._v(": ["),a("span",{attrs:{class:"hljs-string"}},[s._v("'今天'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'明天'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'后天'")]),s._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("format")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'M月D日'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("selectedTime, selectedText, formatedTime")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`selected time: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedTime}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`selected text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText}")]),s._v("
format time: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${formatedTime}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n })\n\n timePicker.setTime(time)\n timePicker.show()\n }\n }\n}\n")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("timePicker")]),s._v("实例向外暴露"),a("code",{pre:!0},[s._v("setTime")]),s._v("方法用以手动设置时间，时间格式为时间戳。当时间戳小于当前时间戳时，"),a("code",{pre:!0},[s._v("timePicker")]),s._v("实例会默认显示当前时间。")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("day")]),s._v(" "),a("td",[s._v("日期配置")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("{ len: 3, filter: ['今日'], format: 'M月D日' }")])]),s._v(" "),a("tr",[a("td",[s._v("showNow")]),s._v(" "),a("td",[s._v("是否显示现在；以及现在选项的文案"),a("sup",[s._v("1.9.0")])]),s._v(" "),a("td",[s._v("Boolean, Object"),a("sup",[s._v("1.9.0")])]),s._v(" "),a("td",[s._v("true")])]),s._v(" "),a("tr",[a("td",[s._v("minuteStep")]),s._v(" "),a("td",[s._v("分钟数的步长。 当为 Object 时还可以配置取整规则，详见后续 "),a("code",{pre:!0},[s._v("minuteStep")]),s._v(" 子配置项说明"),a("sup",[s._v("1.10.5")])]),s._v(" "),a("td",[s._v("Number, Object"),a("sup",[s._v("1.10.5")])]),s._v(" "),a("td",[s._v("10")])]),s._v(" "),a("tr",[a("td",[s._v("delay")]),s._v(" "),a("td",[s._v("将当前时间向后推算的分钟数，决定了最小可选时间（注：仅当未设置 "),a("code",{pre:!0},[s._v("min")]),s._v(" 时有效）")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("15")])]),s._v(" "),a("tr",[a("td",[s._v("min"),a("sup",[s._v("1.12.6")])]),s._v(" "),a("td",[s._v("最小可选时间")]),s._v(" "),a("td",[s._v("Date, Number")]),s._v(" "),a("td",[s._v("null")])]),s._v(" "),a("tr",[a("td",[s._v("max"),a("sup",[s._v("1.12.6")])]),s._v(" "),a("td",[s._v("最大可选时间")]),s._v(" "),a("td",[s._v("Date, Number")]),s._v(" "),a("td",[s._v("null")])]),s._v(" "),a("tr",[a("td",[s._v("title")]),s._v(" "),a("td",[s._v("标题")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'选择时间'")])]),s._v(" "),a("tr",[a("td",[s._v("subtitle"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("副标题")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("''")])]),s._v(" "),a("tr",[a("td",[s._v("cancelTxt"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("取消按钮文案")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'取消'")])]),s._v(" "),a("tr",[a("td",[s._v("confirmTxt"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("确定按钮文案")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'确定'")])]),s._v(" "),a("tr",[a("td",[s._v("swipeTime")]),s._v(" "),a("td",[s._v("快速滑动选择器滚轮时，惯性滚动动画的时长，单位：ms")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("2500")])]),s._v(" "),a("tr",[a("td",[s._v("visible"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("显示状态，是否可见。"),a("code",{pre:!0},[s._v("v-model")]),s._v("绑定值")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("maskClosable"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("点击蒙层是否隐藏")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true")])]),s._v(" "),a("tr",[a("td",[s._v("format"),a("sup",[s._v("1.10.0")])]),s._v(" "),a("td",[s._v("select 事件参数 formatedTime 的格式")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'YYYY/M/D hh:mm'")])]),s._v(" "),a("tr",[a("td",[s._v("zIndex"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("样式 z-index 的值")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("100")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("day")]),s._v(" 子配置项")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("len")]),s._v(" "),a("td",[s._v("日期列，从当前时间算起，往后推len天（注：仅当未设置 "),a("code",{pre:!0},[s._v("max")]),s._v(" 时有效）")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("3")])]),s._v(" "),a("tr",[a("td",[s._v("filter")]),s._v(" "),a("td",[s._v("日期列，将时间映射为filter中的文案内容")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("['今日']")])]),s._v(" "),a("tr",[a("td",[s._v("format")]),s._v(" "),a("td",[s._v("时间格式化")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'M月D日'")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("showNow")]),s._v(" 子配置项"),a("sup",[s._v("1.9.0")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("text")]),s._v(" "),a("td",[s._v("现在选项的文案")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'现在'")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("minuteStep")]),s._v(" 子配置项"),a("sup",[s._v("1.10.5")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("可选值")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("rule")]),s._v(" "),a("td",[s._v("取整的规则（仅用于设置最小可选时间的取整规则，对于最大时间，固定为 floor）")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("floor/ceil/round")]),s._v(" "),a("td",[s._v("'floor'")])]),s._v(" "),a("tr",[a("td",[s._v("step")]),s._v(" "),a("td",[s._v("分钟数的步长")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("10")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("事件名")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("参数1")]),s._v(" "),a("th",[s._v("参数2")]),s._v(" "),a("th",[s._v("参数3")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("select")]),s._v(" "),a("td",[s._v("点击确认按钮触发此事件")]),s._v(" "),a("td",[s._v("selectedTime: 当前选中的timestamp")]),s._v(" "),a("td",[s._v("selectText: 当前选中的时间文案")]),s._v(" "),a("td",[s._v("formatedTime: 格式化日期"),a("sup",[s._v("1.10.0")])])]),s._v(" "),a("tr",[a("td",[s._v("change")]),s._v(" "),a("td",[s._v("滚轴滚动后触发此事件")]),s._v(" "),a("td",[s._v("index: 当前滚动列次序，Number类型")]),s._v(" "),a("td",[s._v("selectedIndex: 当前列选中项的索引，Number类型")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("cancel")]),s._v(" "),a("td",[s._v("点击取消按钮触发此事件")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("方法名")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("参数")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("setTime")]),s._v(" "),a("td",[s._v("手动设置time-picker组件显示的时间，数据格式为时间戳")]),s._v(" "),a("td",[s._v("时间戳")])]),s._v(" "),a("tr",[a("td",[s._v("show")]),s._v(" "),a("td",[s._v("显示")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("hide")]),s._v(" "),a("td",[s._v("隐藏")]),s._v(" "),a("td",[s._v("-")])])])])}]}},C6Sj:function(s,t,a){s.exports=a("Ftqs")},Ftqs:function(s,t,a){var v=a("VU/8")(null,a("0OyV"),null,null,null);s.exports=v.exports}}); \ No newline at end of file diff --git a/docs/js/7.f5cd5cb5e4b0f999a99e.js b/docs/js/7.f5cd5cb5e4b0f999a99e.js deleted file mode 100644 index 62ef05972..000000000 --- a/docs/js/7.f5cd5cb5e4b0f999a99e.js +++ /dev/null @@ -1 +0,0 @@ -webpackJsonp([7],{479:function(s,t,a){s.exports=a(565)},565:function(s,t,a){var v=a(11)(null,a(566),null,null,null);s.exports=v.exports},566:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement;s._self._c;return s._m(0)},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",[s._v("Scroll")]),s._v(" "),a("p",[s._v("滚动列表，提供了优质的原生滚动体验，便捷的配置项和事件，是一个基于"),a("code",{pre:!0},[s._v("better-scroll")]),s._v("进行封装的组件。")]),s._v(" "),a("h3",[s._v("示例")]),s._v(" "),a("ul",[a("li",[a("p",[s._v("基本使用")]),s._v(" "),a("p",[s._v("通过设置 "),a("code",{pre:!0},[s._v("data")]),s._v(" 属性为一个数组，即可生成能够在容器内优雅滚动的列表。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll-wrapper"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"items"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("滚动条")]),s._v(" "),a("p",[s._v("默认无滚动条，还可设为淡入淡出滚动条或一直显示滚动条。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-comment"}},[s._v("\x3c!-- 淡入淡出滚动条 --\x3e")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"items"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":scrollbar")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-comment"}},[s._v("\x3c!-- 一直显示滚动条 --\x3e")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"items"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":scrollbar")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scrollbar"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("items")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("4")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("scrollbar")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("fade")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v("\n }\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("下拉刷新")]),s._v(" "),a("p",[s._v("默认无下拉刷新功能，可通过配置"),a("code",{pre:!0},[s._v("pull-down-refresh")]),s._v("属性开启"),a("code",{pre:!0},[s._v("pulling-down")]),s._v("事件派发和下拉动画，你可以监听"),a("code",{pre:!0},[s._v("pulling-down")]),s._v("事件更新数据。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-comment"}},[s._v("\x3c!-- 开启下拉刷新功能，并使用默认参数 --\x3e")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"items"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":pull-down-refresh")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@pulling-down")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onPullingDown"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-comment"}},[s._v("\x3c!-- 开启下拉刷新功能，并使用自定义参数 --\x3e")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"items"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":pull-down-refresh")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"pullDownRefresh"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@pulling-down")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onPullingDown"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("items")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("4")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("pullDownRefresh")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("threshold")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("90")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("stop")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("40")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Refresh success'")]),s._v("\n }\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n onPullingDown() {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 模拟更新数据")]),s._v("\n setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" ("),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Math")]),s._v(".random() > "),a("span",{attrs:{class:"hljs-number"}},[s._v("0.5")]),s._v(") {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 如果有新数据")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".items.unshift("),a("span",{attrs:{class:"hljs-string"}},[s._v("'I am new data: '")]),s._v(" + +"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("())\n } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("else")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 如果没有新数据")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.scroll.forceUpdate()\n }\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("上拉加载")]),s._v(" "),a("p",[s._v("默认无上拉加载功能，可通过配置"),a("code",{pre:!0},[s._v("pull-up-load")]),s._v("属性开启"),a("code",{pre:!0},[s._v("pulling-up")]),s._v("事件派发和上拉动画，你可以监听"),a("code",{pre:!0},[s._v("pulling-up")]),s._v("事件更新数据。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-comment"}},[s._v("\x3c!-- 开启上拉加载功能，并使用默认参数 --\x3e")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"items"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":pull-up-load")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@pulling-up")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onPullingUp"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-comment"}},[s._v("\x3c!-- 开启上拉加载功能，并使用自定义参数 --\x3e")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"items"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":pull-up-load")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"pullUpLoad"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@pulling-up")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onPullingUp"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("items")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("4")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("itemIndex")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("5")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("pullUpLoad")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("threshold")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("more")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Load more'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("noMore")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'No more data'")]),s._v("\n }\n }\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n onPullingUp() {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 更新数据")]),s._v("\n setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" ("),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Math")]),s._v(".random() > "),a("span",{attrs:{class:"hljs-number"}},[s._v("0.5")]),s._v(") {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 如果有新数据")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("let")]),s._v(" newPage = [\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'I am line '")]),s._v(" + ++"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".itemIndex,\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'I am line '")]),s._v(" + ++"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".itemIndex,\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'I am line '")]),s._v(" + ++"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".itemIndex,\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'I am line '")]),s._v(" + ++"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".itemIndex,\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'I am line '")]),s._v(" + ++"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".itemIndex\n ]\n\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".items = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".items.concat(newPage)\n } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("else")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// 如果没有新数据")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.scroll.forceUpdate()\n }\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("自定义下拉刷新和上拉加载动画")]),s._v(" "),a("p",[s._v("如果你不喜欢内置的下载刷新插槽和上拉加载，还可以用"),a("a",{attrs:{href:"https://cn.vuejs.org/v2/guide/components.html#%E4%BD%9C%E7%94%A8%E5%9F%9F%E6%8F%92%E6%A7%BD"}},[s._v("作用域插槽")]),s._v("做自定义动画。下面这个示例，就是用作用域插槽对下拉刷新做了自定义动画，而上拉加载则保留了缺省的内置动画。")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-scroll")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"scroll"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"items"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":pull-down-refresh")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"pullDownRefresh"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":pull-up-load")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"pullUpLoad"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@pulling-down")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onPullingDown"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@pulling-up")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onPullingUp"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"pulldown"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("slot-scope")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-if")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props.pullDownRefresh"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"cube-pulldown-wrapper"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":style")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props.pullDownStyle"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-if")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props.beforePullDown"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"before-trigger"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":style")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"{paddingTop: props.bubbleY + 'px'}\"")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"{rotate: props.bubbleY > 40}"')]),s._v(">")]),s._v("↓"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"after-trigger"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-else")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-if")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"props.isPullingDown"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"loading"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-loading")]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-else")]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v(">")]),s._v("Refresh success"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("p",[s._v("通过作用域插槽提供的作用域参数，你可以根据各个状态的变化来控制动画流程。具体的作用域参数及其含义详见下面的插槽。")])])]),s._v(" "),a("h3",[s._v("Props 配置")]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("可选值")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("data")]),s._v(" "),a("td",[s._v("用于列表渲染的数据")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("[]")])]),s._v(" "),a("tr",[a("td",[s._v("direction")]),s._v(" "),a("td",[s._v("滚动方向")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'vertical', 'horizontal'")]),s._v(" "),a("td",[s._v("'vertical'")])]),s._v(" "),a("tr",[a("td",[s._v("scrollbar")]),s._v(" "),a("td",[s._v("滚动条配置项")]),s._v(" "),a("td",[s._v("Boolean/Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("pullDownRefresh")]),s._v(" "),a("td",[s._v("下拉刷新配置项")]),s._v(" "),a("td",[s._v("Boolean/Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("pullUpLoad")]),s._v(" "),a("td",[s._v("上拉加载配置项")]),s._v(" "),a("td",[s._v("Boolean/Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("listenScroll")]),s._v(" "),a("td",[s._v("是否派发 scroll 事件")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("probeType")]),s._v(" "),a("td",[s._v("scroll 事件的派发时机 "),a("br"),s._v(" 1为非实时派发; "),a("br"),s._v(" 2为滚动操作过程实时派发; "),a("br"),s._v(" 3为包括惯性滚动的整个滚动过程实时派发")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("1, 2, 3")]),s._v(" "),a("td",[s._v("0")])]),s._v(" "),a("tr",[a("td",[s._v("listenBeforeScroll")]),s._v(" "),a("td",[s._v("是否派发 before-scroll-start 事件")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])])])]),s._v(" "),a("ul",[a("li",[a("code",{pre:!0},[s._v("scrollbar")]),s._v(" 子配置项")])]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("可选值")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("fade")]),s._v(" "),a("td",[s._v("是否淡入淡出")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])])])]),s._v(" "),a("ul",[a("li",[a("code",{pre:!0},[s._v("pullDownRefresh")]),s._v(" 子配置项")])]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("可选值")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("threshold")]),s._v(" "),a("td",[s._v("下拉刷新动作的下拉距离阈值")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("90")])]),s._v(" "),a("tr",[a("td",[s._v("stop")]),s._v(" "),a("td",[s._v("回弹停留的位置")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("40")])]),s._v(" "),a("tr",[a("td",[s._v("txt")]),s._v(" "),a("td",[s._v("刷新成功的文案")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("'Refresh success'")])])])]),s._v(" "),a("ul",[a("li",[a("code",{pre:!0},[s._v("pullUpLoad")]),s._v(" 子配置项")])]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("参数")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("类型")]),s._v(" "),a("th",[s._v("可选值")]),s._v(" "),a("th",[s._v("默认值")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("threshold")]),s._v(" "),a("td",[s._v("上拉刷新动作的上拉距离阈值")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("0")])]),s._v(" "),a("tr",[a("td",[s._v("txt")]),s._v(" "),a("td",[s._v("上拉加载的相关文案")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("{ more: 'Load more', noMore: 'No more data' }")])])])]),s._v(" "),a("h3",[s._v("插槽")]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("名字")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("作用域参数")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("pulldown")]),s._v(" "),a("td",[s._v("位于列表上方，会在下拉刷新时显示")]),s._v(" "),a("td",[s._v("pullDownRefresh: 是否开启了下拉刷新功能 "),a("br"),s._v(" pullDownStyle: 移入移出的样式 "),a("br"),s._v(" beforePullDown: 是否正在做下拉操作 "),a("br"),s._v(" isPullingDown: 是否正在拉取数据 "),a("br"),s._v(" bubbleY: 当前下拉的距离 - 50")])]),s._v(" "),a("tr",[a("td",[s._v("pullup")]),s._v(" "),a("td",[s._v("位于列表下方，会在上拉加载时显示")]),s._v(" "),a("td",[s._v("pullUpLoad: 是否开启了上拉加载功能 "),a("br"),s._v(" isPullUpLoad: 是否正在加载数据")])])])]),s._v(" "),a("h3",[s._v("事件")]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("事件名")]),s._v(" "),a("th",[s._v("说明")]),s._v(" "),a("th",[s._v("参数")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("click")]),s._v(" "),a("td",[s._v("点击列表项时触发")]),s._v(" "),a("td",[s._v("item - 该列表项的数据")])]),s._v(" "),a("tr",[a("td",[s._v("scroll")]),s._v(" "),a("td",[s._v("当 listenScroll 为 true 时，根据 probeType 的值决定派发时机")]),s._v(" "),a("td",[s._v("Object {x, y} - 滚动的实时坐标")])]),s._v(" "),a("tr",[a("td",[s._v("before-scroll-start")]),s._v(" "),a("td",[s._v("当 listenBeforeScroll 属性为 true 时，在滚动开始之前触发")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("pulling-down")]),s._v(" "),a("td",[s._v("当 pullDownRefresh 属性为 true 时，在下拉超过阈值时触发")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("pulling-up")]),s._v(" "),a("td",[s._v("当 pullUpLoad 属性为 true 时，在上拉超过阈值时触发")]),s._v(" "),a("td",[s._v("-")])])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/70.af4b69b641e3602aa081.js b/docs/js/70.af4b69b641e3602aa081.js new file mode 100644 index 000000000..299f8d081 --- /dev/null +++ b/docs/js/70.af4b69b641e3602aa081.js @@ -0,0 +1 @@ +webpackJsonp([70],{"10ZE":function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Quickstart"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Quickstart-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Quick start")]),s._v(" "),s._m(0),s._v(" "),a("h3",{attrs:{id:"CLI"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-CLI-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CLI")]),s._v(" "),a("h4",{attrs:{id:"vue-cli>=3"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-vue-cli>=3-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" vue-cli >= 3")]),s._v(" "),s._m(1),s._v(" "),s._m(2),s._v(" "),a("h4",{attrs:{id:"vue-cli<3"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-vue-cli<3-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" vue-cli < 3")]),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),s._m(5),s._v(" "),s._m(6),s._v(" "),a("h3",{attrs:{id:"Install"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Install-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Install")]),s._v(" "),s._m(7),s._v(" "),a("h4",{attrs:{id:"NPM"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-NPM-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" NPM")]),s._v(" "),s._m(8),s._v(" "),a("p",[s._v("Since cube-ui support two compile ways such as [post-compile] (#/en-US/docs/post-compile) and normal compile with webpack 2+(by default using post-compile), you need to modify your application's dependencies and configuration before using it.")]),s._v(" "),s._m(9),s._v(" "),a("h4",{attrs:{id:"CDN"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-CDN-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CDN")]),s._v(" "),s._m(10),s._v(" "),a("h3",{attrs:{id:"Usage"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Usage-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Usage")]),s._v(" "),a("h4",{attrs:{id:"Fullyimport"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Fullyimport-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Fully import")]),s._v(" "),a("p",[s._v("Commonly in the entry file:")]),s._v(" "),s._m(11),s._v(" "),a("h4",{attrs:{id:"Importondemand"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Importondemand-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Import on demand")]),s._v(" "),s._m(12),s._v(" "),s._m(13),s._v(" "),a("p",[s._v("Then register globally:")]),s._v(" "),s._m(14),s._v(" "),a("p",[s._v("All the components and modules that can be imported on demand are listed below:")]),s._v(" "),s._m(15),s._v(" "),s._m(16),s._v(" "),s._m(17),s._v(" "),a("h4",{attrs:{id:"Examples"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Examples-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Examples")]),s._v(" "),s._m(18)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("a",{attrs:{href:"https://github.com/cube-ui/cube-application-guide"}},[s._v("Application Guide")])]),s._v(" "),a("li",[s._v("Have problems? See "),a("a",{attrs:{href:"https://github.com/cube-ui/question-answer/issues"}},[s._v("QA")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("If you are using vue-cli@3, you can use "),a("a",{attrs:{href:"https://github.com/cube-ui/vue-cli-plugin-cube-ui"}},[s._v("vue-cli-plugin-cube-ui")]),s._v(" plugin. After you inited your project, just run "),a("code",{pre:!0},[s._v("vue add cube-ui")]),s._v(". About options, see "),a("a",{attrs:{href:"https://github.com/cube-ui/cube-template/wiki"}},[s._v("cube-template WIKI")]),s._v(".")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("Then you can see the "),a("a",{staticClass:"anchor",attrs:{href:"#cube-Usage-anchor"}},[s._v("Usage")]),s._v(" part directly.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("If you are going to create a new project with cube-ui, use the "),a("a",{attrs:{href:"https://github.com/cube-ui/cube-template"}},[s._v("cli tools")]),s._v(" base on "),a("a",{attrs:{href:"https://github.com/vuejs/vue-cli"}},[s._v("vue-cli")]),s._v(" to init the config and base code, then you can ignore the "),a("a",{staticClass:"anchor",attrs:{href:"#cube-Install-anchor"}},[s._v("Install")]),s._v(" steps and see the "),a("a",{staticClass:"anchor",attrs:{href:"#cube-Usage-anchor"}},[s._v("Usage")]),s._v(" part directly.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-shell"}},[a("span",{attrs:{class:"hljs-meta"}},[s._v("$")]),a("span",{attrs:{class:"bash"}},[s._v(" vue init cube-ui/cube-template projectname")]),s._v("\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("About cube-template special options: "),a("a",{attrs:{href:"https://github.com/cube-ui/cube-template/wiki"}},[s._v("cube-template WIKI")]),s._v(".")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("If you are going to use cube-ui in an existing project, see the "),a("a",{staticClass:"anchor",attrs:{href:"#cube-Install-anchor"}},[s._v("Install")]),s._v(" part first.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("This section only used in the case of vue-cli < 3")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-shell"}},[a("span",{attrs:{class:"hljs-meta"}},[s._v("$")]),a("span",{attrs:{class:"bash"}},[s._v(" npm install cube-ui --save")]),s._v("\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("post-compile")]),s._v(" "),a("ol",[a("li",[s._v("Modify package.json and install the dependencies")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-json"}},[s._v("{\n // webpack-transform-modules-plugin depends on transformModules\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"transformModules"')]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"cube-ui"')]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"transform"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"cube-ui/src/modules/${member}"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"kebabCase"')]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"devDependencies"')]),s._v(": {\n // add stylus dependencies\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"stylus"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"^0.54.5"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"stylus-loader"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"^2.1.1"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"webpack-post-compile-plugin"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"^0.4.1"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"webpack-transform-modules-plugin"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"^0.3.5"')]),s._v("\n }\n}\n")])]),s._v(" "),a("ol",{attrs:{start:"2"}},[a("li",[s._v("Modify webpack.base.conf.js")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("var")]),s._v(" PostCompilePlugin = "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("require")]),s._v("("),a("span",{attrs:{class:"hljs-string"}},[s._v("'webpack-post-compile-plugin'")]),s._v(")\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("var")]),s._v(" TransformModulesPlugin = "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("require")]),s._v("("),a("span",{attrs:{class:"hljs-string"}},[s._v("'webpack-transform-modules-plugin'")]),s._v(")\n"),a("span",{attrs:{class:"hljs-built_in"}},[s._v("module")]),s._v(".exports = {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n plugins: [\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" PostCompilePlugin(),\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" TransformModulesPlugin()\n ]\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n}\n")])]),s._v(" "),a("ol",{attrs:{start:"3"}},[a("li",[s._v("Modify "),a("code",{pre:!0},[s._v("exports.cssLoaders")]),s._v(" function in build/utils.js")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[s._v("exports.cssLoaders = "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("function")]),s._v(" ("),a("span",{attrs:{class:"hljs-params"}},[s._v("options")]),s._v(") ")]),s._v("{\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" stylusOptions = {\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'resolve url'")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// https://vue-loader.vuejs.org/en/configurations/extract-css.html")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("css")]),s._v(": generateLoaders(),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("postcss")]),s._v(": generateLoaders(),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("less")]),s._v(": generateLoaders("),a("span",{attrs:{class:"hljs-string"}},[s._v("'less'")]),s._v("),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("sass")]),s._v(": generateLoaders("),a("span",{attrs:{class:"hljs-string"}},[s._v("'sass'")]),s._v(", { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("indentedSyntax")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(" }),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("scss")]),s._v(": generateLoaders("),a("span",{attrs:{class:"hljs-string"}},[s._v("'sass'")]),s._v("),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("stylus")]),s._v(": generateLoaders("),a("span",{attrs:{class:"hljs-string"}},[s._v("'stylus'")]),s._v(", stylusOptions),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("styl")]),s._v(": generateLoaders("),a("span",{attrs:{class:"hljs-string"}},[s._v("'stylus'")]),s._v(", stylusOptions)\n }\n}\n")])]),s._v(" "),a("ol",{attrs:{start:"4"}},[a("li",[s._v("Modify vue-loader.conf.js")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-built_in"}},[s._v("module")]),s._v(".exports = {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("loaders")]),s._v(": utils.cssLoaders({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("sourceMap")]),s._v(": sourceMapEnabled,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("extract")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v("\n }),\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n}\n\n")])]),s._v(" "),a("p",[s._v("See "),a("a",{attrs:{href:"https://github.com/vuejs-templates/webpack/pull/970/files"}},[s._v("https://github.com/vuejs-templates/webpack/pull/970/files")])])]),s._v(" "),a("li",[a("p",[s._v("Normal compile")]),s._v(" "),a("ol",[a("li",[s._v("Modify package.json and install the dependencies")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-json"}},[s._v("{\n // webpack-transform-modules-plugin depends on transformModules\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"transformModules"')]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"cube-ui"')]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"transform"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"cube-ui/lib/${member}"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"kebabCase"')]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"style"')]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"ignore"')]),s._v(": ["),a("span",{attrs:{class:"hljs-string"}},[s._v('"create-api"')]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v('"better-scroll"')]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v('"locale"')]),s._v("]\n }\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"devDependencies"')]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v('"webpack-transform-modules-plugin"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"^0.3.5"')]),s._v("\n }\n}\n")])]),s._v(" "),a("ol",{attrs:{start:"2"}},[a("li",[s._v("Modify webpack config")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-comment"}},[s._v("// webpack.config.js")]),s._v("\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("var")]),s._v(" TransformModulesPlugin = "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("require")]),s._v("("),a("span",{attrs:{class:"hljs-string"}},[s._v("'webpack-transform-modules-plugin'")]),s._v(")\n"),a("span",{attrs:{class:"hljs-built_in"}},[s._v("module")]),s._v(".exports = {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n resolve: {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n alias: {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui/lib'")]),s._v("\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n }\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n }\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n plugins: [\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" TransformModulesPlugin()\n ]\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n}\n")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("script")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("src")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"https://unpkg.com/cube-ui/lib/cube.min.js"')]),s._v(">")]),a("span",{attrs:{class:"undefined"}}),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("link")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rel")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"stylesheet"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("href")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"https://unpkg.com/cube-ui/lib/cube.min.css"')]),s._v(">")]),s._v("\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" Vue "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'vue'")]),s._v("\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" Cube "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n\nVue.use(Cube)\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("/* eslint-disable no-unused-vars */")]),s._v("\n Style,\n Button\n} "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("strong",[s._v("Notice:")]),s._v(" In this case, you also need to import "),a("a",{attrs:{href:"#/en-US/docs/style"}},[s._v("style module")]),s._v(".")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-comment"}},[s._v("// register globally")]),s._v("\nVue.use(Button)\n"),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// basic style")]),s._v("\n Style,\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// basic")]),s._v("\n Button,\n Loading,\n Tip,\n Toolbar,\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// form")]),s._v("\n Checkbox,\n CheckboxGroup,\n Radio,\n Checker,\n Input,\n Textarea,\n Select,\n Switch,\n Rate,\n Validator,\n Upload,\n Form,\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// popup")]),s._v("\n Popup,\n Toast,\n Picker,\n CascadePicker,\n DatePicker,\n TimePicker,\n SegmentPicker,\n Dialog,\n ActionSheet,\n Drawer,\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// scroll")]),s._v("\n Scroll,\n Slide,\n IndexList,\n Swipe\n} "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("You can also import "),a("a",{attrs:{href:"#/en-US/docs/create-api"}},[s._v("create-api")]),s._v(" and "),a("a",{attrs:{href:"#/en-US/docs/better-scroll"}},[s._v("better-scroll")]),s._v(" module:")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" { createAPI, BetterScroll, Locale } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showDialog"')]),s._v(">")]),s._v("show dialog"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("script")]),s._v(">")]),a("span",{attrs:{class:"javascript"}},[s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showDialog() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'alert'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Alert'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'dialog content'")]),s._v("\n }).show()\n }\n }\n }\n")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])}]}},LsOJ:function(s,t,a){var e=a("VU/8")(null,a("10ZE"),null,null,null);s.exports=e.exports},gyX9:function(s,t,a){s.exports=a("LsOJ")}}); \ No newline at end of file diff --git a/docs/js/71.82d94b2284e90e2de387.js b/docs/js/71.82d94b2284e90e2de387.js new file mode 100644 index 000000000..dd7628220 --- /dev/null +++ b/docs/js/71.82d94b2284e90e2de387.js @@ -0,0 +1 @@ +webpackJsonp([71],{"1cY+":function(e,s,t){e.exports=t("OC99")},OC99:function(e,s,t){var a=t("VU/8")(null,t("nNL9"),null,null,null);e.exports=a.exports},nNL9:function(e,s){e.exports={render:function(){var e=this,s=e.$createElement,t=e._self._c||s;return t("section",[t("h2",{attrs:{id:"Post-compile"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-Post-compile-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),e._v(" Post-compile")]),e._v(" "),t("p",[e._v("Post-compile means the NPM packages don't need to be compiled before published, and they will be compiled along with the application's compiling.")]),e._v(" "),e._m(0),e._v(" "),t("h3",{attrs:{id:"Background"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-Background-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),e._v(" Background")]),e._v(" "),t("p",[e._v("More and more applications are developed with webpack + babel, and commonly use NPM to manage packages. With the growing of the number of package dependencies which are also developed with ES2015+ and need to be compiled before published, the final compiled code usually contains a lot of compiling code. Therefore, to eliminate the redundancy, we recommend post-compile.")]),e._v(" "),t("h3",{attrs:{id:"Prosandcons"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-Prosandcons-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),e._v(" Pros and cons")]),e._v(" "),t("p",[e._v("Pros:")]),e._v(" "),e._m(1),e._v(" "),t("p",[e._v("Cons:")]),e._v(" "),e._m(2),e._v(" "),t("h3",{attrs:{id:"Rules"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-Rules-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),e._v(" Rules")]),e._v(" "),t("p",[e._v("Considering some applications can not use post-compile, cube-ui used the rule:")]),e._v(" "),e._m(3),e._v(" "),e._m(4),e._v(" "),t("p",[e._v("Post-compile is used by default if you use webpack 2+. Of course, you can use the webpack alias configuration to change the default behavior.")]),e._v(" "),t("h3",{attrs:{id:"webpackdemo"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-webpackdemo-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),e._v(" webpack demo")]),e._v(" "),e._m(5),e._v(" "),t("p",[e._v("An example of your application webpack configuration:")]),e._v(" "),e._m(6),e._v(" "),t("p",[e._v("And if you can control all the packages which you want to post compile, you can just add postCompile: true to the packages package.json:")]),e._v(" "),e._m(7),e._v(" "),t("p",[e._v("Or you can add compileDependencies to your application package.json:")]),e._v(" "),e._m(8),e._v(" "),e._m(9),e._v(" "),e._m(10)])},staticRenderFns:[function(){var e=this,s=e.$createElement,t=e._self._c||s;return t("blockquote",[t("p",[e._v("Notes: For more detailed content about post-compile, see "),t("a",{attrs:{href:"https://github.com/DDFE/DDFE-blog/issues/23"}},[e._v("webpack 应用编译优化之路")]),e._v(".")])])},function(){var e=this,s=e.$createElement,t=e._self._c||s;return t("ul",[t("li",[e._v("Common dependencies can be shared and only need to be compiled once.")]),e._v(" "),t("li",[e._v("Only one copy of babel-plugin-transform-runtime or babel-polyfill code.")]),e._v(" "),t("li",[e._v("The NPM packages don't need to be compiled before published.")])])},function(){var e=this,s=e.$createElement,t=e._self._c||s;return t("ul",[t("li",[e._v("The application's babel configuration needs to be compatible with the NPM packages' babel configuration.")]),e._v(" "),t("li",[e._v("The NPM packages can't use alias and DefinePlugin (you can use them and compiled before published but don't need to use babel).")]),e._v(" "),t("li",[e._v("The application's compiling time will be longer.")])])},function(){var e=this,s=e.$createElement,t=e._self._c||s;return t("blockquote",[t("p",[e._v("The main field in package.json is the compiled entry point and the module field is the source entry point.")])])},function(){var e=this,s=e.$createElement,t=e._self._c||s;return t("p",[t("em",[e._v("About "),t("a",{attrs:{href:"https://github.com/rollup/rollup/wiki/pkg.module"}},[e._v("pkg.module")])])])},function(){var e=this,s=e.$createElement,t=e._self._c||s;return t("p",[e._v("The "),t("a",{attrs:{href:"https://www.npmjs.com/package/webpack-post-compile-plugin"}},[e._v("webpack-post-compile-plugin")]),e._v(" is used to resolve the nested post-compile NPM packages.")])},function(){var e=this,s=e.$createElement,t=e._self._c||s;return t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-js"}},[t("span",{attrs:{class:"hljs-comment"}},[e._v("// webpack.config.js")]),e._v("\n"),t("span",{attrs:{class:"hljs-keyword"}},[e._v("var")]),e._v(" PostCompilePlugin = "),t("span",{attrs:{class:"hljs-built_in"}},[e._v("require")]),e._v("("),t("span",{attrs:{class:"hljs-string"}},[e._v("'webpack-post-compile-plugin'")]),e._v(")\n\n"),t("span",{attrs:{class:"hljs-built_in"}},[e._v("module")]),e._v(".exports = {\n "),t("span",{attrs:{class:"hljs-comment"}},[e._v("// ...")]),e._v("\n "),t("span",{attrs:{class:"hljs-built_in"}},[e._v("module")]),e._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[e._v("rules")]),e._v(": [\n "),t("span",{attrs:{class:"hljs-comment"}},[e._v("// ...")]),e._v("\n {\n "),t("span",{attrs:{class:"hljs-attr"}},[e._v("test")]),e._v(": "),t("span",{attrs:{class:"hljs-regexp"}},[e._v("/\\.js$/")]),e._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[e._v("loader")]),e._v(": "),t("span",{attrs:{class:"hljs-string"}},[e._v("'babel-loader'")]),e._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[e._v("include")]),e._v(": [\n resolve("),t("span",{attrs:{class:"hljs-string"}},[e._v("'src'")]),e._v(")\n ]\n },\n "),t("span",{attrs:{class:"hljs-comment"}},[e._v("// ...")]),e._v("\n ]\n },\n "),t("span",{attrs:{class:"hljs-comment"}},[e._v("// ...")]),e._v("\n plugins: [\n "),t("span",{attrs:{class:"hljs-keyword"}},[e._v("new")]),e._v(" PostCompilePlugin()\n ]\n}\n")])])},function(){var e=this,s=e.$createElement,t=e._self._c||s;return t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-js"}},[e._v("{\n "),t("span",{attrs:{class:"hljs-string"}},[e._v('"name"')]),e._v(": "),t("span",{attrs:{class:"hljs-string"}},[e._v('"your-one-pkg"')]),e._v(",\n "),t("span",{attrs:{class:"hljs-comment"}},[e._v("// ...")]),e._v("\n "),t("span",{attrs:{class:"hljs-string"}},[e._v('"postCompile"')]),e._v(": "),t("span",{attrs:{class:"hljs-literal"}},[e._v("true")]),e._v("\n "),t("span",{attrs:{class:"hljs-comment"}},[e._v("// ...")]),e._v("\n}\n")])])},function(){var e=this,s=e.$createElement,t=e._self._c||s;return t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-js"}},[t("span",{attrs:{class:"hljs-comment"}},[e._v("// package.json")]),e._v("\n{\n "),t("span",{attrs:{class:"hljs-comment"}},[e._v("// ...")]),e._v("\n "),t("span",{attrs:{class:"hljs-string"}},[e._v('"compileDependencies"')]),e._v(": ["),t("span",{attrs:{class:"hljs-string"}},[e._v('"A"')]),e._v(", "),t("span",{attrs:{class:"hljs-string"}},[e._v('"B"')]),e._v("]\n "),t("span",{attrs:{class:"hljs-comment"}},[e._v("// ...")]),e._v("\n}\n")])])},function(){var e=this,s=e.$createElement,t=e._self._c||s;return t("p",[e._v("If "),t("code",{pre:!0},[e._v("A")]),e._v(" package have a dependency on "),t("code",{pre:!0},[e._v("C")]),e._v(" which is needed to be post compiled, just add "),t("code",{pre:!0},[e._v("compileDependencies")]),e._v(" to "),t("code",{pre:!0},[e._v("A")]),e._v("'s package.json:")])},function(){var e=this,s=e.$createElement,t=e._self._c||s;return t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-json"}},[e._v("// A package.json\n{\n // ...\n "),t("span",{attrs:{class:"hljs-attr"}},[e._v('"compileDependencies"')]),e._v(": ["),t("span",{attrs:{class:"hljs-string"}},[e._v('"C"')]),e._v("]\n // ...\n}\n")])])}]}}}); \ No newline at end of file diff --git a/docs/js/72.a5addb632f9ac18563f1.js b/docs/js/72.a5addb632f9ac18563f1.js new file mode 100644 index 000000000..546b307f1 --- /dev/null +++ b/docs/js/72.a5addb632f9ac18563f1.js @@ -0,0 +1 @@ +webpackJsonp([72],{"0IXn":function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Popup"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Popup-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Popup")]),s._v(" "),a("p",[s._v("The underlying popup component, mainly used to implement upper component encapsulation based on itself. It only provides basic functions: specifying the type, whether there's a background layer, showing content (HTML) and whether the component is in center position.")]),s._v(" "),s._m(0),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"Example"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Example")]),s._v(" "),s._m(2),s._v(" "),a("h3",{attrs:{id:"Propsconfiguration"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props configuration")]),s._v(" "),s._m(3),s._v(" "),a("h3",{attrs:{id:"Events"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Events")]),s._v(" "),s._m(4),s._v(" "),a("h3",{attrs:{id:"Instancemethods"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Instancemethods-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Instance methods")]),s._v(" "),s._m(5)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("Most of the built-in popup type components are implemented based on this component, including "),a("a",{attrs:{href:"#/en-US/docs/toast"}},[s._v("Toast")]),s._v("、"),a("a",{attrs:{href:"#/en-US/docs/picker"}},[s._v("Picker")]),s._v("、"),a("a",{attrs:{href:"#/en-US/docs/cascade-picker"}},[s._v("CascadePicker")]),s._v("、"),a("a",{attrs:{href:"#/en-US/docs/date-picker"}},[s._v("DatePicker")]),s._v("、"),a("a",{attrs:{href:"#/en-US/docs/time-picker"}},[s._v("TimePicker")]),s._v("、"),a("a",{attrs:{href:"#/en-US/docs/segment-picker"}},[s._v("SegmentPicker")]),s._v("、"),a("a",{attrs:{href:"#/en-US/docs/dialog"}},[s._v("Dialog")]),s._v("、"),a("a",{attrs:{href:"#/en-US/docs/action-sheet"}},[s._v("ActionSheet")]),s._v(".")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("strong",[s._v("Notice:")]),s._v(" All the components above used create-api, so you should read "),a("a",{attrs:{href:"#/en-US/docs/create-api"}},[s._v("create-api")]),s._v(" first.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("Basic usage")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-popup")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"my-popup"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"myPopup"')]),s._v(">")]),s._v("\n My Popup Content 1\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"showPopup('myPopup')\"")]),s._v(">")]),s._v("\n Show Popup\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("p",[s._v("Specifying "),a("code",{pre:!0},[s._v("type")]),s._v(" will help control class according to the type. In the example above, "),a("code",{pre:!0},[s._v("cube-my-popup")]),s._v(" will be added to the classList of the root element.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showPopup(refId) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" component = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs[refId]\n component.show()\n setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n component.hide()\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("The component is hidden by default and won't show up unless invoking the "),a("code",{pre:!0},[s._v("show()")]),s._v(" method of the instance of the component. And of course, invoking the "),a("code",{pre:!0},[s._v("hide()")]),s._v(" method of the instance of the component will hide itself. That's what "),a("code",{pre:!0},[s._v("showPopup()")]),s._v(" does in the example above (first show and hide in one second).")])]),s._v(" "),a("li",[a("p",[s._v("Without background layer")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-popup")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"my-popup"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":mask")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"false"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"myPopup2"')]),s._v(">")]),s._v("\n My Popup Content 2\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"showPopup('myPopup2')\"")]),s._v(">")]),s._v("\n Show Popup - no mask\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("p",[s._v("Setting "),a("code",{pre:!0},[s._v("mask")]),s._v(" to "),a("code",{pre:!0},[s._v("false")]),s._v(" and the background layer is hidden.")])]),s._v(" "),a("li",[a("p",[s._v("Show the HTML content")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-popup")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"my-popup"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":mask")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"false"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"My Popup Content 3"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"myPopup3"')]),s._v(" />")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"showPopup('myPopup3')\"")]),s._v(">")]),s._v("\n Show Popup - with content\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("p",[s._v("You only need to pass the HTML fragment on to "),a("code",{pre:!0},[s._v("content")]),s._v(".")])]),s._v(" "),a("li",[a("p",[s._v("Control the content position & mask closable"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-popup")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"my-popup"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":position")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"position"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":mask-closable")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"myPopup4"')]),s._v(">")]),s._v("My Popup Content 4"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showPopup"')]),s._v(">")]),s._v("top/right/bottom/left/center"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" positions = ["),a("span",{attrs:{class:"hljs-string"}},[s._v("'top'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'right'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'bottom'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'left'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'center'")]),s._v("]\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("let")]),s._v(" cur = "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("position")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v("\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showPopup() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".position = positions[cur++]\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (cur === positions.length) {\n cur = "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n }\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" component = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.myPopup4\n component.show()\n setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n component.hide()\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("2000")]),s._v(")\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("You can use "),a("code",{pre:!0},[s._v("position")]),s._v(" to control the content's position and use "),a("code",{pre:!0},[s._v("mask-closable")]),s._v(" to control mask closable.")])]),s._v(" "),a("li",[a("p",[s._v("Setting to bottom")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-popup")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"my-popup"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":center")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"false"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"myPopup4"')]),s._v(">")]),s._v("My Popup Content 4"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"showPopup('myPopup4')\"")]),s._v(">")]),s._v("\n Show Popup - bottom\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("p",[s._v("Considering that in mobile secnes, popup is in center or bottom most of the time (covered in horizontal direction when setted to bottom). So if setting "),a("code",{pre:!0},[s._v("center")]),s._v(" to "),a("code",{pre:!0},[s._v("false")]),s._v(", you'll set the component to bottom.")])]),s._v(" "),a("li",[a("p",[s._v("Upper layer encapsulation")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-popup")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"extend-popup"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"popup"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"cube-extend-popup-content"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"hide"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("slot")]),s._v(">")]),s._v("{{content}}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("script")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"text/ecmascript-6"')]),s._v(">")]),a("span",{attrs:{class:"javascript"}},[s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" COMPONENT_NAME = "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-extend-popup'")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v(": COMPONENT_NAME,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("props")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("String")]),s._v("\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n show() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.popup.show()\n },\n hide() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.popup.hide()\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$emit("),a("span",{attrs:{class:"hljs-string"}},[s._v("'hide'")]),s._v(")\n }\n }\n }\n")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("style")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("lang")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"stylus"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rel")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"stylesheet/stylus"')]),s._v(">")]),a("span",{attrs:{class:"css"}},[s._v("\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-extend-popup")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-extend-popup-content")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("padding")]),s._v(": 20"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("px")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-selector-id"}},[s._v("#fff")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("background-color")]),s._v(": "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("rgba")]),s._v("(0, 0, 0, "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".8")]),s._v(")\n")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("p",[s._v("An upper layer encapsulated CubeExtendPopup component with some styles is implemented. It supports passing the content on, has default slot and can be hidden if clicking the content. You can use it in this way (need to be registers globally or partially):")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-extend-popup")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"click here hide"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"extendPopup"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"$refs.extendPopup.show()"')]),s._v(">")]),s._v("\n Show Extend Popup\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Accepted Values")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("visible"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("whether visible. Bind to "),a("code",{pre:!0},[s._v("v-model")])]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("type")]),s._v(" "),a("td",[s._v("the type of popup")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("''")])]),s._v(" "),a("tr",[a("td",[s._v("mask")]),s._v(" "),a("td",[s._v("whether to show background layer")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("true")])]),s._v(" "),a("tr",[a("td",[s._v("content")]),s._v(" "),a("td",[s._v("content, HTML string, valid when there's no slot")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("''")])]),s._v(" "),a("tr",[a("td",[s._v("center")]),s._v(" "),a("td",[s._v("whether to be in center in horizontal and vertical direction")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("true")])]),s._v(" "),a("tr",[a("td",[s._v("position"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("content position, if set position then "),a("code",{pre:!0},[s._v("center")]),s._v(" will be ignored")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("top/right/bottom/left/center")]),s._v(" "),a("td",[s._v("''")])]),s._v(" "),a("tr",[a("td",[s._v("maskClosable"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("whether hide the component when clicked the mask layer")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("zIndex"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("the value of the style z-index")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("100")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Event Name")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Parameters")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("mask-click")]),s._v(" "),a("td",[s._v("triggers when the background layer is clicked")]),s._v(" "),a("td",[s._v("click event target")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Method name")]),s._v(" "),a("th",[s._v("Description")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("show")]),s._v(" "),a("td",[s._v("show")])]),s._v(" "),a("tr",[a("td",[s._v("hide")]),s._v(" "),a("td",[s._v("hide")])])])])}]}},HlXn:function(s,t,a){s.exports=a("mCEb")},mCEb:function(s,t,a){var n=a("VU/8")(null,a("0IXn"),null,null,null);s.exports=n.exports}}); \ No newline at end of file diff --git a/docs/js/73.94cc73e7eadfd1860814.js b/docs/js/73.94cc73e7eadfd1860814.js new file mode 100644 index 000000000..624aaeb67 --- /dev/null +++ b/docs/js/73.94cc73e7eadfd1860814.js @@ -0,0 +1 @@ +webpackJsonp([73],{BBNq:function(s,t,a){s.exports=a("BP23")},BP23:function(s,t,a){var e=a("VU/8")(null,a("kMjA"),null,null,null);s.exports=e.exports},kMjA:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Picker"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Picker-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Picker")]),s._v(" "),s._m(0),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"Example"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Example")]),s._v(" "),s._m(2),s._v(" "),a("h4",{attrs:{id:"1)Single-columnPicker"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-1)Single-columnPicker-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 1) Single-column Picker")]),s._v(" "),a("p",[s._v("firstly, there is an example of Single-column Picker:")]),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),a("h4",{attrs:{id:"2)Multi-columnPicker"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-2)Multi-columnPicker-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 2) Multi-column Picker")]),s._v(" "),a("p",[s._v("You can genarate Multi-column Picker by input the data of several columns. For example, here is a three-colunms picker:")]),s._v(" "),s._m(5),s._v(" "),s._m(6),s._v(" "),a("h4",{attrs:{id:"3)Aliasforthesubpropertiesofoption"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-3)Aliasforthesubpropertiesofoption-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 3) Alias for the sub properties of option")]),s._v(" "),s._m(7),s._v(" "),s._m(8),s._v(" "),s._m(9),s._v(" "),a("h4",{attrs:{id:"4)Method$updateProps"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-4)Method$updateProps-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 4) Method "),a("code",{pre:!0},[s._v("$updateProps")])]),s._v(" "),s._m(10),s._v(" "),s._m(11),s._v(" "),s._m(12),s._v(" "),a("h3",{attrs:{id:"Propsconfiguration"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props configuration")]),s._v(" "),s._m(13),s._v(" "),s._m(14),s._v(" "),s._m(15),s._v(" "),a("h3",{attrs:{id:"Events"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Events")]),s._v(" "),s._m(16),s._v(" "),a("h3",{attrs:{id:"Instancemethods"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Instancemethods-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Instance methods")]),s._v(" "),s._m(17)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("code",{pre:!0},[s._v("Picker")]),s._v(" could use to implementing single or multi-column picker.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("strong",[s._v("Notice:")]),s._v(" Cause this component used create-api, so you should have basically knowledge of "),a("a",{attrs:{href:"#/en-US/docs/create-api"}},[s._v("create-api")]),s._v(" first.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("As for Picker, the most important thing is how to define the options. The property "),a("code",{pre:!0},[s._v("data")]),s._v(" is used to define options. It's a two-dimensional array, the first dimensional means which columns the picker has, while the second dimensional represent the options of each column.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showPicker"')]),s._v(">")]),s._v("Picker"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" column1 = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'剧毒'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'剧毒'")]),s._v("}, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'蚂蚁'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'蚂蚁'")]),s._v(" },\n { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'幽鬼'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'幽鬼'")]),s._v(" }]\n\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showPicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".picker) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".picker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createPicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": [column1],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandle\n })\n }\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".picker.show()\n },\n selectHandle(selectedVal, selectedIndex, selectedText) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Selected Item:
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("' '")]),s._v(")}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n cancelHandle() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n }\n}\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showMutiPicker"')]),s._v(">")]),s._v("Multi-column Picker"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" column1 = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'剧毒'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'剧毒'")]),s._v("}, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'蚂蚁'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'蚂蚁'")]),s._v(" },\n { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'幽鬼'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'幽鬼'")]),s._v(" }]\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" column2 = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'输出'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'输出'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'控制'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'控制'")]),s._v(" },\n { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'核心'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'核心'")]),s._v("}, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'爆发'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'爆发'")]),s._v(" }]\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" column3 = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'梅肯'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'梅肯'")]),s._v("}, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'秘法鞋'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'秘法鞋'")]),s._v(" },\n { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'假腿'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'假腿'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'飞鞋'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'飞鞋'")]),s._v(" }]\n\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showMutiPicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".mutiPicker) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".mutiPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createPicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Multi-column Picker'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": [column1, column2, column3],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandle\n })\n }\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".mutiPicker.show()\n },\n selectHandle(selectedVal, selectedIndex, selectedText) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Selected Item:
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("' '")]),s._v(")}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n cancelHandle() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n }\n}\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("Sometimes, you may want to use alias to config the value and text of options, instead of "),a("code",{pre:!0},[s._v("value")]),s._v(" and "),a("code",{pre:!0},[s._v("text")]),s._v(". Think about this, when the name origin data is "),a("code",{pre:!0},[s._v("id")]),s._v(" and "),a("code",{pre:!0},[s._v("name")]),s._v(", you could use "),a("code",{pre:!0},[s._v("id")]),s._v(" 和 "),a("code",{pre:!0},[s._v("name")]),s._v(" to define value and text directly by using property "),a("code",{pre:!0},[s._v("alias")]),s._v(" to config the alias of "),a("code",{pre:!0},[s._v("value")]),s._v(" as "),a("code",{pre:!0},[s._v("id")]),s._v(", "),a("code",{pre:!0},[s._v("text")]),s._v(" as "),a("code",{pre:!0},[s._v("name")]),s._v(".")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showAliasPicker"')]),s._v(">")]),s._v("Use Alias"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showAliasPicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".aliasPicker) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".aliasPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createPicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Use Alias'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": [[{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("id")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'A'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("id")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'B'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("id")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("name")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'C'")]),s._v(" }]],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("alias")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'id'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'name'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandle\n })\n }\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".aliasPicker.show()\n },\n selectHandle(selectedVal, selectedIndex, selectedText) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Selected Item:
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("' '")]),s._v(")}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n cancelHandle() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n }\n}\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("When you need to change some properties of Picker, you could use the method "),a("code",{pre:!0},[s._v("$updateProps")]),s._v(" to input the new properties.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showUpdatePropsPicker"')]),s._v(">")]),s._v("Use $updateProps"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" column1 = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'剧毒'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'剧毒'")]),s._v("}, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'蚂蚁'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'蚂蚁'")]),s._v(" },\n { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'幽鬼'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'幽鬼'")]),s._v(" }]\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" column2 = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'输出'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'输出'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'控制'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'控制'")]),s._v(" },\n { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'核心'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'核心'")]),s._v("}, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'爆发'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'爆发'")]),s._v(" }]\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" column3 = [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'梅肯'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'梅肯'")]),s._v("}, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'秘法鞋'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'秘法鞋'")]),s._v(" },\n { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'假腿'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'假腿'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'飞鞋'")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'飞鞋'")]),s._v(" }]\n\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showUpdatePropsPicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".updatePropsPicker) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".updatePropsPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createPicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Use $updateProps'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": [column1],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selectedIndex")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandle\n })\n }\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".updatePropsPicker.show()\n setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".updatePropsPicker.$updateProps({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Updated'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": [column1, column2, column3],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selectedIndex")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v("]\n })\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n },\n selectHandle(selectedVal, selectedIndex, selectedText) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Selected Item:
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("' '")]),s._v(")}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n cancelHandle() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n }\n}\n")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Default")]),s._v(" "),a("th",[s._v("Accepted Values")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("data")]),s._v(" "),a("td",[s._v("data that passed into picker, whose length determines the columns of picker")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("[]")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("selectedIndex")]),s._v(" "),a("td",[s._v("the index of the selected value, corresponding content will be displayed when picker shows")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("[]")]),s._v(" "),a("td",[s._v("[1]")])]),s._v(" "),a("tr",[a("td",[s._v("title")]),s._v(" "),a("td",[s._v("title")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("''")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("subtitle"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("subtitle")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("''")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("cancelTxt")]),s._v(" "),a("td",[s._v("the text of the cancel button")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'取消'")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("confirmTxt")]),s._v(" "),a("td",[s._v("the text of the confirm button")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'确定'")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("swipeTime")]),s._v(" "),a("td",[s._v("the duration of the momentum animation when user flicks the wheel of the picker, Unit: ms")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("2500")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("alias")]),s._v(" "),a("td",[s._v("configure the alias of "),a("code",{pre:!0},[s._v("value")]),s._v(" and "),a("code",{pre:!0},[s._v("text")])]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("{}")]),s._v(" "),a("td",[s._v("{ value: 'id', text: 'name'}")])]),s._v(" "),a("tr",[a("td",[s._v("visible"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("whether visible. Bind to "),a("code",{pre:!0},[s._v("v-model")])]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("maskClosable"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("whether hide the component when clicked the mask layer")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("true")])]),s._v(" "),a("tr",[a("td",[s._v("zIndex"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("the value of the style z-index")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("100")]),s._v(" "),a("td",[s._v("-")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("data")]),s._v(" sub configuration")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Default")]),s._v(" "),a("th",[s._v("Example")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("text")]),s._v(" "),a("td",[s._v("the text displayed in each column of picker")]),s._v(" "),a("td",[s._v("String/Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("value")]),s._v(" "),a("td",[s._v("corresponding value of the text displayed in each column of picker")]),s._v(" "),a("td",[s._v("String/Number/Boolean")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Event Name")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Parameters 1")]),s._v(" "),a("th",[s._v("Parameters 2")]),s._v(" "),a("th",[s._v("Parameters 3")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("select")]),s._v(" "),a("td",[s._v("triggers when clicking the confirm button")]),s._v(" "),a("td",[s._v("selectedVal: Array, values of each columns in current selected item")]),s._v(" "),a("td",[s._v("selectedIndex: Array, indexes of each columns in current selected item")]),s._v(" "),a("td",[s._v("selectedText: Array, texts of each columns in current selected item")])]),s._v(" "),a("tr",[a("td",[s._v("change")]),s._v(" "),a("td",[s._v("triggers when the roller scrolls")]),s._v(" "),a("td",[s._v("index: Number, index of current scrolling roller")]),s._v(" "),a("td",[s._v("selectedIndex: Number, index of selected item in current column")]),s._v(" "),a("td")]),s._v(" "),a("tr",[a("td",[s._v("value-change")]),s._v(" "),a("td",[s._v("triggers when confirmed value changes")]),s._v(" "),a("td",[s._v("selectedVal: Array, values of each columns in current confirmed item")]),s._v(" "),a("td",[s._v("selectedIndex: Array, indexes of each columns in current confirmed item")]),s._v(" "),a("td")]),s._v(" "),a("tr",[a("td",[s._v("cancel")]),s._v(" "),a("td",[s._v("triggers when clicking the cancel button")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Method name")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Parameters 1")]),s._v(" "),a("th",[s._v("Parameters 2")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("setData")]),s._v(" "),a("td",[s._v("set options in picker")]),s._v(" "),a("td",[s._v("Array, texts and values of options of each columns of picker")]),s._v(" "),a("td",[s._v("Array, indexes of selected item in each column of picker")])]),s._v(" "),a("tr",[a("td",[s._v("show")]),s._v(" "),a("td",[s._v("show")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("hide")]),s._v(" "),a("td",[s._v("hide")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/74.327113bc80124a47eb25.js b/docs/js/74.327113bc80124a47eb25.js new file mode 100644 index 000000000..61bdb95e7 --- /dev/null +++ b/docs/js/74.327113bc80124a47eb25.js @@ -0,0 +1 @@ +webpackJsonp([74],{Z6nk:function(t,a,s){var e=s("VU/8")(null,s("ej+k"),null,null,null);t.exports=e.exports},"ej+k":function(t,a){t.exports={render:function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("section",[s("h2",{attrs:{id:"Loading"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-Loading-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Loading")]),t._v(" "),t._m(0),t._v(" "),s("h3",{attrs:{id:"Example"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Example")]),t._v(" "),t._m(1),t._v(" "),s("h3",{attrs:{id:"Propsconfiguration"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Props configuration")]),t._v(" "),t._m(2)])},staticRenderFns:[function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("p",[s("code",{pre:!0},[t._v("Loading")]),t._v(" provides loading animation which can has custom size.")])},function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("ul",[s("li",[s("p",[t._v("The size of icon")]),t._v(" "),s("p",[t._v("Default is "),s("code",{pre:!0},[t._v("24px")]),t._v(" and can be configured by setting "),s("code",{pre:!0},[t._v("size")]),t._v(".")]),t._v(" "),s("pre",{pre:!0},[s("code",{attrs:{"v-pre":"",class:"language-html"}},[s("span",{attrs:{class:"hljs-tag"}},[t._v("<"),s("span",{attrs:{class:"hljs-name"}},[t._v("cube-loading")]),t._v(">")]),s("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),s("span",{attrs:{class:"hljs-tag"}},[t._v("<"),s("span",{attrs:{class:"hljs-name"}},[t._v("cube-loading")]),t._v(" "),s("span",{attrs:{class:"hljs-attr"}},[t._v(":size")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"28"')]),t._v(">")]),s("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),s("span",{attrs:{class:"hljs-tag"}},[t._v("<"),s("span",{attrs:{class:"hljs-name"}},[t._v("cube-loading")]),t._v(" "),s("span",{attrs:{class:"hljs-attr"}},[t._v(":size")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"40"')]),t._v(">")]),s("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])])])])},function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("table",[s("thead",[s("tr",[s("th",[t._v("Attribute")]),t._v(" "),s("th",[t._v("Description")]),t._v(" "),s("th",[t._v("Type")]),t._v(" "),s("th",[t._v("Default")])])]),t._v(" "),s("tbody",[s("tr",[s("td",[t._v("size")]),t._v(" "),s("td",[t._v("the size of loading icon, unit px")]),t._v(" "),s("td",[t._v("Number")]),t._v(" "),s("td",[t._v("24")])])])])}]}},jBRB:function(t,a,s){t.exports=s("Z6nk")}}); \ No newline at end of file diff --git a/docs/js/75.69206936a4c953955e84.js b/docs/js/75.69206936a4c953955e84.js new file mode 100644 index 000000000..e614dd5f6 --- /dev/null +++ b/docs/js/75.69206936a4c953955e84.js @@ -0,0 +1 @@ +webpackJsonp([75],{YA8a:function(t,e,a){t.exports=a("hwc5")},hwc5:function(t,e,a){var s=a("VU/8")(null,a("toc8"),null,null,null);t.exports=s.exports},toc8:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("section",[a("h2",{attrs:{id:"Introduction"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Introduction-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Introduction")]),t._v(" "),a("p",[t._v("cube-ui is an elegant mobile component library based on Vue.js.")]),t._v(" "),a("h3",{attrs:{id:"Features"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Features-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Features")]),t._v(" "),t._m(0),t._v(" "),a("h3",{attrs:{id:"Components"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Components-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Components")]),t._v(" "),a("h4",{attrs:{id:"Basic"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Basic-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Basic")]),t._v(" "),t._m(1),t._v(" "),a("h4",{attrs:{id:"Form"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Form-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Form")]),t._v(" "),t._m(2),t._v(" "),a("h4",{attrs:{id:"Layer"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Layer-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Layer")]),t._v(" "),t._m(3),t._v(" "),t._m(4),t._v(" "),a("p",[t._v("Component invoking:")]),t._v(" "),t._m(5),t._v(" "),a("p",[t._v("API invoking：")]),t._v(" "),t._m(6),t._v(" "),t._m(7),t._v(" "),t._m(8),t._v(" "),a("h4",{attrs:{id:"Scroll"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Scroll-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Scroll")]),t._v(" "),t._m(9),t._v(" "),t._m(10),t._v(" "),a("h3",{attrs:{id:"Modules"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Modules-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Modules")]),t._v(" "),a("p",[t._v("cube-ui has some special modules besides components.")]),t._v(" "),a("h4",{attrs:{id:"style"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-style-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" style")]),t._v(" "),a("p",[t._v("The style module.\nIf you are under the circumstance of importing components on demand, then it is recommended to import this module in entry file because it contains basic reset, basic common styles and built-in icons.")]),t._v(" "),t._m(11),t._v(" "),a("h4",{attrs:{id:"create-api"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-create-api-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" create-api")]),t._v(" "),t._m(12),t._v(" "),t._m(13),t._v(" "),a("h4",{attrs:{id:"better-scroll"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-better-scroll-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" better-scroll")]),t._v(" "),t._m(14),t._v(" "),t._m(15)])},staticRenderFns:[function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("ul",[a("li",[a("p",[a("strong",[t._v("Quality")])]),t._v(" "),a("p",[t._v("Extracted from DiDi interior component library and has been put to business test for more than one year. Every component has full unit tests to provide assurance for continuous integration.")])]),t._v(" "),a("li",[a("p",[a("strong",[t._v("Experience")])]),t._v(" "),a("p",[t._v("Make quick response, fluent animation and close to native components as the goal, and pursue the perfection of the interactive experience.")])]),t._v(" "),a("li",[a("p",[a("strong",[t._v("Standard")])]),t._v(" "),a("p",[t._v("Follow a uniform design interaction standard and highly restore the design; Standardize the interface and unify the way of use, making development more simple and efficient.")])]),t._v(" "),a("li",[a("p",[a("strong",[t._v("Scalability")])]),t._v(" "),a("p",[t._v("Lightweight and flexible: support "),a("a",{attrs:{href:"#/en-US/docs/post-compile"}},[t._v("post-compile")]),t._v(" and importing on demand; High scalability: it is easy to implement secondary development based on existing components.")])])])},function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("ul",[a("li",[a("a",{attrs:{href:"#/en-US/docs/button"}},[t._v("Button")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/loading"}},[t._v("Loading")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/tip"}},[t._v("Tip")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/toolbar"}},[t._v("Toolbar")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/tab-bar"}},[t._v("TabBar")])])])},function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("ul",[a("li",[a("a",{attrs:{href:"#/en-US/docs/checkbox"}},[t._v("Checkbox")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/checkbox-group"}},[t._v("CheckboxGroup")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/radio"}},[t._v("Radio")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/input"}},[t._v("Input")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/textarea"}},[t._v("Textarea")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/select"}},[t._v("Select")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/switch"}},[t._v("Switch")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/rate"}},[t._v("Rate")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/validator"}},[t._v("Validator")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/upload"}},[t._v("Upload")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/form"}},[t._v("Form")])])])},function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("ul",[a("li",[a("a",{attrs:{href:"#/en-US/docs/popup"}},[t._v("Popup")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/toast"}},[t._v("Toast")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/picker"}},[t._v("Picker")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/cascade-picker"}},[t._v("CascadePicker")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/date-picker"}},[t._v("DatePicker")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/time-picker"}},[t._v("TimePicker")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/segment-picker"}},[t._v("SegmentPicker")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/dialog"}},[t._v("Dialog")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/action-sheet"}},[t._v("ActionSheet")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/drawer"}},[t._v("Drawer")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/image-preview"}},[t._v("ImagePreview")])])])},function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("p",[t._v("Most of the layer components can be invoked by components and API, let's take "),a("code",{pre:!0},[t._v("Toast")]),t._v(" as an example:")])},function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("template")]),t._v(">")]),t._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showToast"')]),t._v(">")]),t._v("show toast"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-toast")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("ref")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"toast"')]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":txt")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"toastTxt"')]),t._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("script")]),t._v(">")]),a("span",{attrs:{class:"javascript"}},[t._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("toastTxt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'toast content'")]),t._v("\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showToast() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$refs.toast.show()\n }\n }\n }\n")]),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])])},function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("template")]),t._v(">")]),t._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showToast"')]),t._v(">")]),t._v("show toast"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("script")]),t._v(">")]),a("span",{attrs:{class:"javascript"}},[t._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("toastTxt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'toast content'")]),t._v("\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showToast() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".toastTxt\n }).show()\n }\n }\n }\n")]),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])])},function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("p",[t._v("Both are pretty good but we recommend the latter, namely using "),a("code",{pre:!0},[t._v("$createXxYy")]),t._v(" API to invoke; By API invoking, the popup layer is attached to "),a("code",{pre:!0},[t._v("body")]),t._v(" element whose advantage is that it wouldn't be affected by outer styles. If using component invoking, it's fairly easy to be affected by outer styles like "),a("code",{pre:!0},[t._v("transform")]),t._v(", "),a("code",{pre:!0},[t._v("overflow")]),t._v(", etc.")])},function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("p",[t._v("Pay attention that the name of the API is "),a("code",{pre:!0},[t._v("$create")]),t._v(" + "),a("code",{pre:!0},[t._v("${component name}")]),t._v(". For example, the API of "),a("code",{pre:!0},[t._v("ActionSheet")]),t._v(" component is "),a("code",{pre:!0},[t._v("$createActionSheet")]),t._v(".")])},function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("ul",[a("li",[a("a",{attrs:{href:"#/en-US/docs/scroll"}},[t._v("Scroll")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/slide"}},[t._v("Slide")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/index-list"}},[t._v("IndexList")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/swipe"}},[t._v("Swipe")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/sticky"}},[t._v("Sticky")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/scroll-nav-bar"}},[t._v("ScrollNavBar")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/scroll-nav"}},[t._v("ScrollNav")])])])},function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("p",[t._v("Most of the scroll components are all implemented based on "),a("a",{attrs:{href:"https://github.com/ustbhuangyi/better-scroll"}},[t._v("better-scroll")]),t._v(" and "),a("code",{pre:!0},[t._v("Scroll")]),t._v(" Component is the encapsulation of better-scroll.")])},function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("p",[t._v("For details, see "),a("a",{attrs:{href:"#/en-US/docs/style"}},[t._v("style module")]),t._v(".")])},function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("p",[t._v("Sometimes, developers may need to let their own encapsulated components support API invoking as well. At this time they can import create-api module or use the global interface "),a("code",{pre:!0},[t._v("Cube.createAPI")]),t._v(" to achieve the purpose.")])},function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("p",[t._v("For details, see "),a("a",{attrs:{href:"#/en-US/docs/create-api"}},[t._v("create-api module")]),t._v("。")])},function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("p",[a("a",{attrs:{href:"https://github.com/ustbhuangyi/better-scroll"}},[t._v("better-scroll")]),t._v(" is a library in "),a("code",{pre:!0},[t._v("cube-ui")]),t._v("'s dependencies. To avoid duplicately importing, we expose the module.")])},function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("p",[t._v("For more detailed use, please refer to "),a("a",{attrs:{href:"https://ustbhuangyi.github.io/better-scroll/"}},[t._v("official documentation")]),t._v("。")])}]}}}); \ No newline at end of file diff --git a/docs/js/76.fb7284073786f353d8e5.js b/docs/js/76.fb7284073786f353d8e5.js new file mode 100644 index 000000000..7bcbeee41 --- /dev/null +++ b/docs/js/76.fb7284073786f353d8e5.js @@ -0,0 +1 @@ +webpackJsonp([76],{"C/JU":function(s,a,t){s.exports=t("VdIl")},VdIl:function(s,a,t){var n=t("VU/8")(null,t("b9ml"),null,null,null);s.exports=n.exports},b9ml:function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[t("h2",{attrs:{id:"Internationalization"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-Internationalization-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Internationalization")]),s._v(" "),s._m(0),s._v(" "),t("p",[s._v("The cube-ui component uses Chinese internally by default. If you want to use another language, you need to set it in multiple languages. Take English as an example in main.js:")]),s._v(" "),s._m(1),s._v(" "),t("p",[s._v("Or, import by module")]),s._v(" "),s._m(2),s._v(" "),t("p",[s._v("Cube-ui will watch the current language type, so it automatically renders once language type has changed, and caches the loaded translation. When the language type is switched and the language translation is already installed, cube-ui directly takes the cached copy. Similar pseudo code is as follows:")]),s._v(" "),s._m(3),s._v(" "),t("p",[s._v("The default messages is as follows")]),s._v(" "),s._m(4)])},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("blockquote",[t("p",[s._v("New in 1.11.0+")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-js"}},[s._v("\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// Full import")]),s._v("\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" Vue "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'vue'")]),s._v("\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" CubeUI "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" enUSMessages "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui/src/locale/lang/en-US'")]),s._v(" "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// Built-in in cube-ui")]),s._v("\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" jaJPMessages "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'../some/path/lang/ja-JP'")]),s._v(" "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// Import Japanese language by yourself")]),s._v("\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" Locale = CubeUI.Locale\n Vue.use(CubeUI)\n Locale.use("),t("span",{attrs:{class:"hljs-string"}},[s._v("'en-US'")]),s._v(", enUSMessages)\n Locale.use("),t("span",{attrs:{class:"hljs-string"}},[s._v("'ja-JP'")]),s._v(", jaJPMessages)\n\n")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-js"}},[s._v("\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// Only import ActionSheet")]),s._v("\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" Vue "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'vue'")]),s._v("\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" { ActionSheet, Locale } "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" enUSMessages "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui/src/locale/lang/en-US'")]),s._v("\n\n Vue.use(Locale)\n Locale.use("),t("span",{attrs:{class:"hljs-string"}},[s._v("'en-US'")]),s._v(", enUSMessages)\n\n")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-js"}},[s._v("\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// Only import ActionSheet")]),s._v("\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" Vue "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'vue'")]),s._v("\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" { ActionSheet, Locale } "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" enUSMessages "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui/src/locale/lang/en-US'")]),s._v("\n\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// Chinese translation by default")]),s._v("\n Vue.use(Locale)\n\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// Click to switch English language translation")]),s._v("\n one.click("),t("span",{attrs:{class:"hljs-function"}},[t("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v("{\n Locale.use("),t("span",{attrs:{class:"hljs-string"}},[s._v("'en-US'")]),s._v(", enUSMessages)\n })\n\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// Switch back to default")]),s._v("\n another.click("),t("span",{attrs:{class:"hljs-function"}},[t("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// Take the translation from the cache")]),s._v("\n Locale.use("),t("span",{attrs:{class:"hljs-string"}},[s._v("'zh-CN'")]),s._v(")\n })\n\n")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-js"}},[s._v("\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("cancel")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'取消'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("confirm")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'确认'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("ok")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'确定'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("prev")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'上一步'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("next")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'下一步'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("selectText")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请选择'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("now")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'现在'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("selectTime")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'选择时间'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("today")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'今日'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("formatDate")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'M月D日'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("hours")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'点'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("minutes")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'分'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("validator")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'此为必填项'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("string")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请输入字符'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("number")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请输入数字'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("array")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'数据类型应为数组'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("date")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请选择有效日期'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("email")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请输入有效邮箱'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("tel")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请输入有效的手机号码'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请输入有效网址'")]),s._v("\n },\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("min")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("string")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'至少输入 {{config}} 位字符'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("number")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'不得小于 {{config}}'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("array")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请选择至少 {{config}} 项'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("date")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请选择 {{config | toLocaleDateString(\"yyyy年MM月dd日\")}} 之后的时间'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("email")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'至少输入 {{config}} 位字符'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("tel")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'至少输入 {{config}} 位字符'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'至少输入 {{config}} 位字符'")]),s._v("\n },\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("max")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("string")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请勿超过 {{config}} 位字符'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("number")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请勿大于 {{config}}'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("array")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'最多选择 {{config}} 项'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("date")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请选择 {{config | toLocaleDateString(\"yyyy年MM月dd日\")}} 之前的时间'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("email")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请勿超过 {{config}} 位字符'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("tel")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请勿超过 {{config}} 位字符'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请勿超过 {{config}} 位字符'")]),s._v("\n },\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("len")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("string")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请输入 {{config}} 位字符'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("number")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'长度应等于 {{config}}'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("array")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请选择 {{config}} 项'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("date")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请选择 {{config | toLocaleDateString(\"yyyy年MM月dd日\")}} 之前的时间'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("email")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请输入 {{config}} 位字符'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("tel")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请输入 {{config}} 位字符'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("url")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'请输入 {{config}} 位字符'")]),s._v("\n },\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("pattern")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'格式错误'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("custom")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'未通过校验'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("notWhitespace")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'空白内容无效'")]),s._v("\n }\n }\n\n")])])}]}}}); \ No newline at end of file diff --git a/docs/js/77.702508551085fca7f6d2.js b/docs/js/77.702508551085fca7f6d2.js new file mode 100644 index 000000000..1c8e0c28d --- /dev/null +++ b/docs/js/77.702508551085fca7f6d2.js @@ -0,0 +1 @@ +webpackJsonp([77],{LbSN:function(t,s){t.exports={render:function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("section",[a("h2",{attrs:{id:"Input"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Input-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Input")]),t._v(" "),t._m(0),t._v(" "),t._m(1),t._v(" "),a("h3",{attrs:{id:"Example"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Example")]),t._v(" "),t._m(2),t._v(" "),a("h3",{attrs:{id:"Propsconfiguration"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Props configuration")]),t._v(" "),t._m(3),t._v(" "),a("h3",{attrs:{id:"Slot"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Slot-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Slot")]),t._v(" "),t._m(4),t._v(" "),a("h3",{attrs:{id:"Event"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Event-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Event")]),t._v(" "),t._m(5),t._v(" "),a("h3",{attrs:{id:"Instancemethods"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Instancemethods-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Instance methods")]),t._v(" "),t._m(6)])},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("blockquote",[a("p",[t._v("New in 1.5.0+")])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[t._v("Input component. You can use the "),a("code",{pre:!0},[t._v("v-model")]),t._v(" directive to create two-way data bindings and use a clear button to clear the content.")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("p",[t._v("Basic usage")]),t._v(" "),a("p",[t._v("You can use the "),a("code",{pre:!0},[t._v("v-model")]),t._v(" directive to create two-way data bindings")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-input")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"value"')]),t._v(" >")]),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("value")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("''")]),t._v("\n }\n }\n}\n")])])]),t._v(" "),a("li",[a("p",[t._v("Clearable config")]),t._v(" "),a("p",[t._v("You can use the "),a("code",{pre:!0},[t._v("clearable")]),t._v(" attribute to toggle the clear button.")]),t._v(" "),a("p",[t._v("Before 1.11.0, the "),a("code",{pre:!0},[t._v("clearable")]),t._v(" value only can be a Boolean value.")]),t._v(" "),a("p",[t._v("After 1.11.0 the "),a("code",{pre:!0},[t._v("clearable")]),t._v(" value can be a Boolean or an Object value.")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-input")]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"value"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":clearable")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"clearable"')]),t._v("\n>")]),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("value")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("''")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("clearable")]),t._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("visible")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("blurHidden")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n }\n }\n }\n}\n")])])]),t._v(" "),a("li",[a("p",[t._v("Eye config")]),t._v(" "),a("p",[t._v("You can use "),a("code",{pre:!0},[t._v("pwdEye")]),t._v(" to toggle password eye button and password filed's visibility.")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-input")]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"value"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":placeholder")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"placeholder"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":type")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"type"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":maxlength")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"maxlength"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":readonly")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"readonly"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":disabled")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"disabled"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":autofocus")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"autofocus"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":autocomplete")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"autocomplete"')]),t._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":eye")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"eye"')]),t._v("\n>")]),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("value")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("''")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("placeholder")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'请输入内容'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'password'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("readonly")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("maxlength")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("100")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("disabled")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("autofocus")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("autocomplete")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("eye")]),t._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("open")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("reverse")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("false")]),t._v("\n }\n }\n }\n}\n")])]),t._v(" "),a("p",[t._v("As you can see, this component also support the native attributes of the Input element.")])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Attribute")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Accepted Values")]),t._v(" "),a("th",[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("type")]),t._v(" "),a("td",[t._v("type of input")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("text/number/password/date")]),t._v(" "),a("td",[t._v("text")])]),t._v(" "),a("tr",[a("td",[t._v("v-model")]),t._v(" "),a("td",[t._v("bound value")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("empty")])]),t._v(" "),a("tr",[a("td",[t._v("disabled")]),t._v(" "),a("td",[t._v("disabled status")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("readonly")]),t._v(" "),a("td",[t._v("readonly status")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("maxlength")]),t._v(" "),a("td",[t._v("maxlength of input")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("60")])]),t._v(" "),a("tr",[a("td",[t._v("placeholder")]),t._v(" "),a("td",[t._v("placeholder of input")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("empty")])]),t._v(" "),a("tr",[a("td",[t._v("autofocus")]),t._v(" "),a("td",[t._v("autofocus status")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("autocomplete")]),t._v(" "),a("td",[t._v("autocomplete status")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("clearable")]),t._v(" "),a("td",[t._v("whether to show clear button, after 1.11.0 you can alse use object config like "),a("code",{pre:!0},[t._v("{visible: true, blurHidden: true}")]),t._v(", the "),a("code",{pre:!0},[t._v("visible")]),t._v(" is used to control the visibility and the "),a("code",{pre:!0},[t._v("blurHidden")]),t._v(" is used to control whether hidden after blur.")]),t._v(" "),a("td",[t._v("Boolean/Object"),a("sup",[t._v("1.11.0+")])]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("eye")]),t._v(" "),a("td",[t._v("If set to false then the password eye is invisible, if true, equal to "),a("code",{pre:!0},[t._v("{open: true, reverse: false}")]),t._v(", Object form mean using the password eye. The "),a("code",{pre:!0},[t._v("open")]),t._v(" control the password eye open or close, "),a("code",{pre:!0},[t._v("reverse")]),t._v(" control whether the password content visibility is reverse with the password eye open or not.")]),t._v(" "),a("td",[t._v("Boolean/Object")]),t._v(" "),a("td",[t._v("true/false/{open: "),a("code",{pre:!0},[t._v("true/false")]),t._v("}")]),t._v(" "),a("td",[t._v("false")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Slot Name")]),t._v(" "),a("th",[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("prepend")]),t._v(" "),a("td",[t._v("prepend content")])]),t._v(" "),a("tr",[a("td",[t._v("append")]),t._v(" "),a("td",[t._v("append content")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Event Name")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Parameters")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("focus")]),t._v(" "),a("td",[t._v("This event is triggered after the input box is focused. If input is disabled, it will not be triggered")]),t._v(" "),a("td",[t._v("e - event")])]),t._v(" "),a("tr",[a("td",[t._v("blur")]),t._v(" "),a("td",[t._v("This event is triggered after the input box blur")]),t._v(" "),a("td",[t._v("e - event")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Method name")]),t._v(" "),a("th",[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("focus"),a("sup",[t._v("1.12.10+")])]),t._v(" "),a("td",[t._v("Focus element")])]),t._v(" "),a("tr",[a("td",[t._v("blur"),a("sup",[t._v("1.12.10+")])]),t._v(" "),a("td",[t._v("Blur element")])])])])}]}},a2LG:function(t,s,a){var e=a("VU/8")(null,a("LbSN"),null,null,null);t.exports=e.exports},o9DV:function(t,s,a){t.exports=a("a2LG")}}); \ No newline at end of file diff --git a/docs/js/78.c4215874cb8d2a3eec10.js b/docs/js/78.c4215874cb8d2a3eec10.js new file mode 100644 index 000000000..d7ab324e9 --- /dev/null +++ b/docs/js/78.c4215874cb8d2a3eec10.js @@ -0,0 +1 @@ +webpackJsonp([78],{"16VJ":function(s,t,a){var n=a("VU/8")(null,a("C8Ww"),null,null,null);s.exports=n.exports},C8Ww:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"IndexList"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-IndexList-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" IndexList")]),s._v(" "),s._m(0),s._v(" "),a("h3",{attrs:{id:"Example"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Example")]),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"Propsconfiguration"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props configuration")]),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),s._m(5),s._v(" "),s._m(6),s._v(" "),a("h3",{attrs:{id:"Slot"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Slot-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Slot")]),s._v(" "),s._m(7),s._v(" "),a("h3",{attrs:{id:"Events"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Events")]),s._v(" "),s._m(8)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("code",{pre:!0},[s._v("IndexList")]),s._v(" component, , which is also encapsulated based on "),a("code",{pre:!0},[s._v("better-scroll")]),s._v(", provides functions of index lists.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("Basic usage")]),s._v(" "),a("p",[s._v("Construct data like "),a("code",{pre:!0},[s._v("cityData")]),s._v(" in the example below and pass it into "),a("code",{pre:!0},[s._v("data")]),s._v(" in "),a("code",{pre:!0},[s._v("cube-index-list")]),s._v(" component.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-index-list")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"cityData"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":title")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"title"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@select")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selectItem"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@title-click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"clickTitle"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" cityData = [\n {\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"name"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"★Hot City"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"items"')]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"name"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"BEIJING"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"value"')]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"name"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"SHANGHAI"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"value"')]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v("\n }\n ]\n },\n {\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"name"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"A"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"items"')]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"name"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"ANSHAN"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"value"')]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"name"')]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v('"ANQING"')]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v('"value"')]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("4")]),s._v("\n }\n ]\n }\n]\n\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Current City: BEIJING'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("cityData")]),s._v(": cityData\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n selectItem(item) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log(item.name)\n },\n clickTitle(title) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log(title)\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("Custom item content")]),s._v(" "),a("p",[s._v("Beside default usage, you could customise the content of each item as required by inserting your custom DOM into the slot of "),a("code",{pre:!0},[s._v("cube-index-list-item")]),s._v(" as shown below. And please don't modify the usage of "),a("code",{pre:!0},[s._v("cube-index-list-group")]),s._v(" and "),a("code",{pre:!0},[s._v("cube-index-list-item")]),s._v(" unless you really know what you are doing.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-index-list")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"cityData"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-index-list-group")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(group, index) in cityData"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"index"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":group")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"group"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-index-list-item")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(item, index) in group.items"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"index"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":item")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@select")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selectItem"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"custom-item"')]),s._v(">")]),s._v("I am the custom {{item.name}}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("cityData")]),s._v(": cityData\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n selectItem(item) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log(item.name)\n },\n clickTitle(title) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log(title)\n }\n }\n}\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-stylus"}},[a("span",{attrs:{class:"hljs-comment"}},[s._v("// Style of the custom item.")]),s._v("\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".custom-item")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("position")]),s._v(": relative\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("70px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("line-height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("70px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("padding")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(" "),a("span",{attrs:{class:"hljs-number"}},[s._v("16px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("font-size")]),s._v(": "),a("span",{attrs:{class:"hljs-variable"}},[s._v("$fontsize")]),s._v("-medium\n\n"),a("span",{attrs:{class:"hljs-comment"}},[s._v("// Use custom style to cover default style.")]),s._v("\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-index-list-content")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("background-color")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("#222")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("#909090")]),s._v("\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-index-list-anchor")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("background-color")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("#333")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("30px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("line-height")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("30px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("padding")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(" "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(" "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(" "),a("span",{attrs:{class:"hljs-number"}},[s._v("20px")]),s._v("\n"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-index-list-nav")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("padding")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("20px")]),s._v(" "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("border-radius")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("10px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("background")]),s._v(": rgba("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(","),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(","),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",."),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v(")\n >"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("ul")]),s._v("\n >"),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("li")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("padding")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("font-size")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("12px")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("#909090")]),s._v("\n &"),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".active")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("#ffcd32")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("Pull Up Load")]),s._v(" "),a("p",[s._v("Beside, you could use "),a("code",{pre:!0},[s._v("pullUpLoad")]),s._v(" to enable pull-up-load, the detail config is same as the "),a("code",{pre:!0},[s._v("options.pullUpLoad")]),s._v(" of Scroll.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-index-list")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"indexList"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":title")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"title"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":pullUpLoad")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@select")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selectItem"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@title-click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"clickTitle"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@pulling-up")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onPullingUp"')]),s._v(">")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Current City: BEIJING'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": cityData.slice("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("4")]),s._v(")\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n selectItem(item) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log(item.name)\n },\n clickTitle(title) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log(title)\n },\n onPullingUp() {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// Mock async load.")]),s._v("\n setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" length = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".data.length\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (length < cityData.length) {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// Update data.")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".data.push(cityData[length])\n }\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// Call forceUpdate after finishing data load.")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.indexList.forceUpdate()\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n }\n }\n}\n")])]),s._v(" "),a("ul",[a("li",[s._v("Pull Down Refresh")])]),s._v(" "),a("p",[s._v("Beside, you could use "),a("code",{pre:!0},[s._v("pullDownRefresh")]),s._v(" to enable pull-down-refresh, the detail config is same as the "),a("code",{pre:!0},[s._v("options.pullDownRefresh")]),s._v(" of Scroll.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-index-list")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"indexList"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":title")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"title"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":pullDownRefresh")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"pullDownRefresh"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@select")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selectItem"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@title-click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"clickTitle"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@pulling-down")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"onPullingDown"')]),s._v(">")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Current City: BEIJING'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": cityData,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("pullDownRefresh")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("stop")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("55")]),s._v("\n }\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n selectItem(item) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log(item.name)\n },\n clickTitle(title) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log(title)\n },\n onPullingDown() {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// Mock async load.")]),s._v("\n setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// Update data.")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".data["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("].items.push(...cityData["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("].items)\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// Call forceUpdate after finishing data load.")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.indexList.forceUpdate()\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n }\n }\n}\n")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("title")]),s._v(" "),a("td",[s._v("title")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("data")]),s._v(" "),a("td",[s._v("data to be displayed")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("[]")])]),s._v(" "),a("tr",[a("td",[s._v("navbar")]),s._v(" "),a("td",[s._v("whether need navbar")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true")])]),s._v(" "),a("tr",[a("td",[s._v("speed")]),s._v(" "),a("td",[s._v("when click the navigator, the transition time of scrolling to the specific anchor (unit: ms).")]),s._v(" "),a("td",[s._v("number")]),s._v(" "),a("td",[s._v("0")])]),s._v(" "),a("tr",[a("td",[s._v("options"),a("sup",[s._v("1.9.8+")])]),s._v(" "),a("td",[s._v("the options of better-scroll, you could find details at "),a("a",{attrs:{href:"https://ustbhuangyi.github.io/better-scroll/doc/en/options.html"}},[s._v("BS Document")])]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("{"),a("br"),s._v(" observeDOM: true,"),a("br"),s._v(" click: true,"),a("br"),s._v(" probeType: 1,"),a("br"),s._v(" scrollbar: false,"),a("br"),s._v(" pullDownRefresh: false,"),a("br"),s._v(" pullUpLoad: false"),a("br"),s._v("}")])]),s._v(" "),a("tr",[a("td",[s._v("pullUpLoad"),a("sup",[s._v("1.8.0+")])]),s._v(" "),a("td",[s._v("pull-up-load, the detail config is same as the "),a("code",{pre:!0},[s._v("options.pullUpLoad")]),s._v(" of Scroll. "),a("code",{pre:!0},[s._v("Deprecated")]),s._v(", please use the property "),a("code",{pre:!0},[s._v("options")]),s._v(" instead.")]),s._v(" "),a("td",[s._v("Boolean/Object")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("pullDownRefresh"),a("sup",[s._v("1.8.0+")])]),s._v(" "),a("td",[s._v("pull-down-refresh, the detail config is same as the "),a("code",{pre:!0},[s._v("options.pullDownRefresh")]),s._v(" of Scroll. "),a("code",{pre:!0},[s._v("Deprecated")]),s._v(", please use the property "),a("code",{pre:!0},[s._v("options")]),s._v(" instead.")]),s._v(" "),a("td",[s._v("Boolean/Object")]),s._v(" "),a("td",[s._v("false")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("data")]),s._v(" sub configuration")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("code",{pre:!0},[s._v("data")]),s._v(" is an array, which represents multiple groups of data and each of them can be configured：")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("name")]),s._v(" "),a("td",[s._v("the name of the group")]),s._v(" "),a("td",[s._v("String")])]),s._v(" "),a("tr",[a("td",[s._v("items")]),s._v(" "),a("td",[s._v("data of current group")]),s._v(" "),a("td",[s._v("Array")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("Each item of "),a("code",{pre:!0},[s._v("items")]),s._v(" array must be an object that must contains the "),a("code",{pre:!0},[s._v("name")]),s._v(" attribute which is used for displaying the content; For example: "),a("code",{pre:!0},[s._v("items")]),s._v(": "),a("code",{pre:!0},[s._v("[{name: 'xx', ...}, ...]")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Name")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Scope Parameters")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("pulldown"),a("sup",[s._v("1.9.4+")])]),s._v(" "),a("td",[s._v("located above the list and shown when pulling down refreshing")]),s._v(" "),a("td",[s._v("the detail is the same as Scroll component's pulldown slot scope parameters")])]),s._v(" "),a("tr",[a("td",[s._v("pullup"),a("sup",[s._v("1.9.4+")])]),s._v(" "),a("td",[s._v("located below the list and shown when pulling up loading")]),s._v(" "),a("td",[s._v("the detail is the same as Scroll component's pullup slot scope parameters")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Event Name")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Parameters")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("select")]),s._v(" "),a("td",[s._v("triggers when clicking one of the items in IndexList")]),s._v(" "),a("td",[s._v("data of the item")])]),s._v(" "),a("tr",[a("td",[s._v("title-click")]),s._v(" "),a("td",[s._v("triggers when clicking title(valid only if title has been configured)")]),s._v(" "),a("td",[s._v("the value of title")])]),s._v(" "),a("tr",[a("td",[s._v("pulling-up"),a("sup",[s._v("1.8.0+")])]),s._v(" "),a("td",[s._v("triggers when the distance of pulling up exceeds the threshold, if pullUpLoad is true")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("pulling-down"),a("sup",[s._v("1.8.0+")])]),s._v(" "),a("td",[s._v("triggers when the distance of pulling down exceeds the threshold, if pullDownRefresh is true")]),s._v(" "),a("td",[s._v("-")])])])])}]}},tHys:function(s,t,a){s.exports=a("16VJ")}}); \ No newline at end of file diff --git a/docs/js/79.5e532037283568273584.js b/docs/js/79.5e532037283568273584.js new file mode 100644 index 000000000..f097d4456 --- /dev/null +++ b/docs/js/79.5e532037283568273584.js @@ -0,0 +1 @@ +webpackJsonp([79],{FFtv:function(s,t,a){s.exports=a("iwcH")},SwKt:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"ImagePreview"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-ImagePreview-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" ImagePreview")]),s._v(" "),s._m(0),s._v(" "),a("p",[s._v("Image preview. Support swipe, zoomin zoomout.")]),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"Example"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Example")]),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),a("h3",{attrs:{id:"Props"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props")]),s._v(" "),s._m(4),s._v(" "),a("h3",{attrs:{id:"Slots"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Slots-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Slots")]),s._v(" "),s._m(5),s._v(" "),a("h3",{attrs:{id:"Events"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Events")]),s._v(" "),s._m(6)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("New in 1.10.0+")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("strong",[s._v("Notice:")]),s._v(" Cause this component used create-api, so you should read "),a("a",{attrs:{href:"#/en-US/docs/create-api"}},[s._v("create-api")]),s._v(" first.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("The following demo code is "),a("a",{attrs:{href:"https://github.com/didi/cube-ui/tree/master/example/pages/image-preview"}},[s._v("here")]),s._v(".")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("Default usage")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showImagePreview"')]),s._v(">")]),s._v("Show ImagePreview"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("imgs")]),s._v(": [\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0mpd5uj21hc0tyws2.jpg'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0ncnnej21hc0zetxo.jpg'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0mqvu5j21hc0zkgzz.jpg'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0m3ufuj21hc0zkqbj.jpg'")]),s._v("\n ]\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showImagePreview() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".imagePreview) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".imagePreview = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createImagePreview({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("imgs")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".imgs\n })\n }\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".imagePreview.show()\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("You can create a basic ImagePreview by setting "),a("code",{pre:!0},[s._v("imgs")]),s._v(" prop.")])]),s._v(" "),a("li",[a("p",[s._v("Custom usage")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showCustomImagePreview"')]),s._v(">")]),s._v("Show Custom ImagePreview"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("customIndex")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("imgs")]),s._v(": [\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0mpd5uj21hc0tyws2.jpg'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0ncnnej21hc0zetxo.jpg'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0mqvu5j21hc0zkgzz.jpg'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0m3ufuj21hc0zkqbj.jpg'")]),s._v("\n ]\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showCustomImagePreview() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".customImagePreview) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".customImagePreview = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createImagePreview({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("imgs")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".imgs,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("initialIndex")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".customIndex,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("loop")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("speed")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("500")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onChange")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("i")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".customIndex = i\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onHide")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'hide'")]),s._v(")\n }\n }, (h) => {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" h("),a("span",{attrs:{class:"hljs-string"}},[s._v("'div'")]),s._v(", {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'image-preview-custom-header'")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'header'")]),s._v("\n }, "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".customIndex + "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(")\n })\n }\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".customImagePreview.show()\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("You can set other props to config ImagePreview. And you can use render function to define slots content.")])]),s._v(" "),a("li",[a("p",[s._v("Multi images")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("div")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"imgs-container"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("img")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":src")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"img"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(img, index) in imgs"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"img"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"handleImgsClick(index)"')]),s._v(">")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("initialIndex")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("imgs")]),s._v(": [\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0mpd5uj21hc0tyws2.jpg'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0ncnnej21hc0zetxo.jpg'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0mqvu5j21hc0zkgzz.jpg'")]),s._v("\n ]\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n handleImgsClick(index) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".initialIndex = index\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" params = {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("$props")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("imgs")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".imgs,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("initialIndex")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'initialIndex'")]),s._v(", "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// name of reactive key in data")]),s._v("\n loop: "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("$events")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("change")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("i")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// You must update initialIndex")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".initialIndex = i\n }\n }\n }\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createImagePreview({ ...params }).show()\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("The image-preview component is instantiated in multi-images scenarios, and the displayed image is the image that is clicked each time.")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Accepted Values")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("imgs")]),s._v(" "),a("td",[s._v("image urls")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("[]")])]),s._v(" "),a("tr",[a("td",[s._v("initial-index")]),s._v(" "),a("td",[s._v("initial index")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("0")])]),s._v(" "),a("tr",[a("td",[s._v("loop")]),s._v(" "),a("td",[s._v("whether to loop swipe")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("true")])]),s._v(" "),a("tr",[a("td",[s._v("speed")]),s._v(" "),a("td",[s._v("speed of switching pages, ms")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("400")])]),s._v(" "),a("tr",[a("td",[s._v("zIndex"),a("sup",[s._v("1.10.11")])]),s._v(" "),a("td",[s._v("the value of the style z-index")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("100")])]),s._v(" "),a("tr",[a("td",[s._v("preventDefault"),a("sup",[s._v("1.10.16")])]),s._v(" "),a("td",[s._v("BetterScroll "),a("code",{pre:!0},[s._v("preventDefault")]),s._v(" option")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("true")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Name")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Scope Parameters")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("header")]),s._v(" "),a("td",[s._v("header content")]),s._v(" "),a("td",[s._v("current: active index")])]),s._v(" "),a("tr",[a("td",[s._v("footer")]),s._v(" "),a("td",[s._v("footer content")]),s._v(" "),a("td",[s._v("current: active index")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Event Name")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Parameters")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("change")]),s._v(" "),a("td",[s._v("triggers when current index changes")]),s._v(" "),a("td",[s._v("current active index")])]),s._v(" "),a("tr",[a("td",[s._v("hide")]),s._v(" "),a("td",[s._v("triggers when hide")]),s._v(" "),a("td",[s._v("-")])])])])}]}},iwcH:function(s,t,a){var e=a("VU/8")(null,a("SwKt"),null,null,null);s.exports=e.exports}}); \ No newline at end of file diff --git a/docs/js/8.9679779de06fa2c203a5.js b/docs/js/8.9679779de06fa2c203a5.js new file mode 100644 index 000000000..2d14c9a74 --- /dev/null +++ b/docs/js/8.9679779de06fa2c203a5.js @@ -0,0 +1 @@ +webpackJsonp([8],{"/i8g":function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[t("h2",{attrs:{id:"主题"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-主题-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 主题")]),s._v(" "),s._m(0),s._v(" "),s._m(1),s._v(" "),t("h3",{attrs:{id:"主题文件"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-主题文件-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 主题文件")]),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),t("h3",{attrs:{id:"配置webpack"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-配置webpack-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 配置 webpack")]),s._v(" "),s._m(4),s._v(" "),s._m(5),s._v(" "),t("h3",{attrs:{id:"结果"}},[t("a",{staticClass:"anchor",attrs:{href:"#cube-结果-anchor","aria-hidden":"true"}},[t("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[t("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" 结果")]),s._v(" "),t("p",[s._v("这样修改自定义的主题文件内容，最终编译打包后的样式就是你需要的；而且这样也不存在样式冗余覆盖的问题，因为直接是对组件样式的变量做的修改，而不是采用传统的样式覆盖。")])])},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("移动端的组件对主题定制的需求会更多，从 "),t("code",{pre:!0},[s._v("cube-ui^1.0.2")]),s._v(" 开始，通过 webpack 工具可以实现自定义主题样式。")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[t("strong",[s._v("注意：")]),s._v(" 自定义主题依赖"),t("a",{attrs:{href:"#/zh-CN/docs/post-compile"}},[s._v("后编译")]),s._v("。")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("在你的项目的 "),t("code",{pre:!0},[s._v("src/")]),s._v(" 目录下创建一个 "),t("code",{pre:!0},[s._v("theme.styl")]),s._v(" 的文件，内容如下（展示的全是默认样式，你可以选择这针对不同组件做定制）：")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-stylus"}},[t("span",{attrs:{class:"hljs-comment"}},[s._v("// 如果你需要使用 cube-ui 自带的颜色值 需要 require 进来")]),s._v("\n@require "),t("span",{attrs:{class:"hljs-string"}},[s._v('"~cube-ui/src/common/stylus/var/color.styl"')]),s._v("\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// action-sheet")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$action")]),s._v("-sheet-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$action")]),s._v("-sheet-active-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$action")]),s._v("-sheet-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$action")]),s._v("-sheet-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("opacity")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$action")]),s._v("-sheet-title-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$action")]),s._v("-sheet-space-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("mask")]),s._v("-bg\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("/// picker style")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$action")]),s._v("-sheet-picker-cancel-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$action")]),s._v("-sheet-picker-cancel-active-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// bubble")]),s._v("\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// button")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-regular-blue\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-regular-blue\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-blue\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-active-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-blue\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-disabled-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-disabled-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-disabled-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("/// primary")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-primary-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-primary-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-primary-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-primary-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-primary-active-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-orange\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("/// light")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-light-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-light-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-sss\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-light-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-sss\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-light-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-active-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-light-active-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-active-grey\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("/// outline")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("outline-color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("outline")]),s._v("-bgc := transparent\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("outline")]),s._v("-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("outline")]),s._v("-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey-opacity\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("outline")]),s._v("-active-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("/// outline-primary")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("outline")]),s._v("-primary-color := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("outline")]),s._v("-primary-bgc := transparent\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("outline")]),s._v("-primary-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("outline")]),s._v("-primary-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange-opacity\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$btn")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("outline")]),s._v("-primary-active-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-orange\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// toolbar")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$toolbar")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-sss\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$toolbar")]),s._v("-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-active-grey\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// checkbox")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checkbox")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checkbox")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-color := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("/// checked")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checkbox")]),s._v("-checked-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-color := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checkbox")]),s._v("-checked-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("/// disabled")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checkbox")]),s._v("-disabled-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-color := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-ss\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checkbox")]),s._v("-disabled-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-ss\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// checkbox hollow")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checkbox")]),s._v("-hollow-checked-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-color := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checkbox")]),s._v("-hollow-disabled-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-color := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-ss\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// checkbox-group")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checkbox")]),s._v("-group-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$checkbox")]),s._v("-group-horizontal-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// radio")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$radio")]),s._v("-group-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$radio")]),s._v("-group-horizontal-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$radio")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$radio")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-color := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("/// selected")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$radio")]),s._v("-selected-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-color := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$radio")]),s._v("-selected-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("/// disabled")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$radio")]),s._v("-disabled-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-ss\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// radio hollow")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$radio")]),s._v("-hollow-selected-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-color := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$radio")]),s._v("-hollow-disabled-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-color := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-ss\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// dialog")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-color := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-regular-blue\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-background\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-title-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-close-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-btn-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-btn-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-btn-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("opacity")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-btn-highlight-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-btn-highlight-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-orange-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("opacity")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-btn-disabled-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-btn-disabled-active-bgc := transparent\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$dialog")]),s._v("-btns-split-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-row-line\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// index-list")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$index")]),s._v("-list-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$index")]),s._v("-list-title-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$index")]),s._v("-list-anchor-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$index")]),s._v("-list-anchor-bgc := "),t("span",{attrs:{class:"hljs-number"}},[s._v("#f7f7f7")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$index")]),s._v("-list-item-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$index")]),s._v("-list-item-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("opacity")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$index")]),s._v("-list-nav-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$index")]),s._v("-list-nav-active-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// loading")]),s._v("\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// picker")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$picker")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$picker")]),s._v("-title-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$picker")]),s._v("-subtitle-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$picker")]),s._v("-confirm-btn-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$picker")]),s._v("-confirm-btn-active-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$picker")]),s._v("-cancel-btn-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$picker")]),s._v("-cancel-btn-active-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$picker")]),s._v("-item-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-grey\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// popup")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$popup")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("mask")]),s._v("-bgc := rgb("),t("span",{attrs:{class:"hljs-number"}},[s._v("37")]),s._v(", "),t("span",{attrs:{class:"hljs-number"}},[s._v("38")]),s._v(", "),t("span",{attrs:{class:"hljs-number"}},[s._v("45")]),s._v(")\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$popup")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("mask")]),s._v("-opacity := ."),t("span",{attrs:{class:"hljs-number"}},[s._v("4")]),s._v("\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("//scroll")]),s._v("\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// slide")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$slide")]),s._v("-dot-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$slide")]),s._v("-dot-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// time-picker")]),s._v("\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// tip")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$tip")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$tip")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-grey-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("opacity")]),s._v("\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// toast")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$toast")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$toast")]),s._v("-bgc := rgba("),t("span",{attrs:{class:"hljs-number"}},[s._v("37")]),s._v(", "),t("span",{attrs:{class:"hljs-number"}},[s._v("38")]),s._v(", "),t("span",{attrs:{class:"hljs-number"}},[s._v("45")]),s._v(", "),t("span",{attrs:{class:"hljs-number"}},[s._v("0.9")]),s._v(")\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// upload")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$upload")]),s._v("-btn-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$upload")]),s._v("-btn-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$upload")]),s._v("-btn-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("opacity")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$upload")]),s._v("-btn-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("box-shadow")]),s._v(" := "),t("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(" "),t("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(" "),t("span",{attrs:{class:"hljs-number"}},[s._v("6px")]),s._v(" "),t("span",{attrs:{class:"hljs-number"}},[s._v("2px")]),s._v(" "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey-opacity\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$upload")]),s._v("-btn-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("border-color")]),s._v(" := "),t("span",{attrs:{class:"hljs-number"}},[s._v("#e5e5e5")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$upload")]),s._v("-file-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$upload")]),s._v("-file-remove-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := rgba("),t("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),t("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),t("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", ."),t("span",{attrs:{class:"hljs-number"}},[s._v("8")]),s._v(")\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$upload")]),s._v("-file-remove-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$upload")]),s._v("-file-state-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("mask")]),s._v("-bg\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$upload")]),s._v("-file-success-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$upload")]),s._v("-file-error-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-number"}},[s._v("#f43530")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$upload")]),s._v("-file-status-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$upload")]),s._v("-file-progress-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// switch")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$switch")]),s._v("-on-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$switch")]),s._v("-off-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$switch")]),s._v("-off-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("border-color")]),s._v(" := "),t("span",{attrs:{class:"hljs-number"}},[s._v("#e4e4e4")]),s._v("\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// input")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$input")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$input")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$input")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("border-color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-row-line\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$input")]),s._v("-focus-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("border-color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$input")]),s._v("-placeholder-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$input")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("clear")]),s._v("-icon-color := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("//textarea")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$textarea")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$textarea")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$textarea")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("border-color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-row-line\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$textarea")]),s._v("-focus-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("border-color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$textarea")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("outline-color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$textarea")]),s._v("-placeholder-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$textarea")]),s._v("-indicator-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// validator")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$validator")]),s._v("-msg-def-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-number"}},[s._v("#e64340")]),s._v("\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// select")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$select")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$select")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$select")]),s._v("-disabled-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-number"}},[s._v("#b8b8b8")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$select")]),s._v("-disabled-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("opacity")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$select")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("border-color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$select")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("border")]),s._v("-active-color := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$select")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("icon")]),s._v("-color := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$select")]),s._v("-placeholder-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-s\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// swipe")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$swipe")]),s._v("-btn-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// form")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$form")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$form")]),s._v("-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$form")]),s._v("-invalid-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-number"}},[s._v("#e64340")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$form")]),s._v("-group-legend-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$form")]),s._v("-group-legend-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("background")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$form")]),s._v("-label-required-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-number"}},[s._v("#e64340")]),s._v("\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// drawer")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$drawer")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$drawer")]),s._v("-title-bdc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-ss\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$drawer")]),s._v("-title-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$drawer")]),s._v("-panel-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$drawer")]),s._v("-item-active-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-light-grey-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("opacity")]),s._v("\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// scroll-nav")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$scroll")]),s._v("-nav-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$scroll")]),s._v("-nav-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$scroll")]),s._v("-nav-active-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-orange\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// image-preview")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$image")]),s._v("-preview-counter-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-white\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// tab-bar & tab-panel")]),s._v("\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$tab")]),s._v("-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-grey\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$tab")]),s._v("-active-"),t("span",{attrs:{class:"hljs-attribute"}},[s._v("color")]),s._v(" := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-orange\n"),t("span",{attrs:{class:"hljs-variable"}},[s._v("$tab")]),s._v("-slider-bgc := "),t("span",{attrs:{class:"hljs-variable"}},[s._v("$color")]),s._v("-dark-orange\n")])])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("p",[s._v("如果你的项目是用 vue-cli 生成的，那么找到 "),t("code",{pre:!0},[s._v("build/utils.js")]),s._v(" 中的 "),t("code",{pre:!0},[s._v("exports.cssLoaders")]),s._v(" 函数，改成如下：")])},function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-js"}},[s._v("exports.cssLoaders = "),t("span",{attrs:{class:"hljs-function"}},[t("span",{attrs:{class:"hljs-keyword"}},[s._v("function")]),s._v(" ("),t("span",{attrs:{class:"hljs-params"}},[s._v("options")]),s._v(") ")]),s._v("{\n options = options || {}\n\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" cssLoader = {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("loader")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'css-loader'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("minimize")]),s._v(": process.env.NODE_ENV === "),t("span",{attrs:{class:"hljs-string"}},[s._v("'production'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("sourceMap")]),s._v(": options.sourceMap\n }\n }\n\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("var")]),s._v(" postcssLoader = {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("loader")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'postcss-loader'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("sourceMap")]),s._v(": options.sourceMap\n }\n }\n\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// generate loader string to be used with extract text plugin")]),s._v("\n "),t("span",{attrs:{class:"hljs-function"}},[t("span",{attrs:{class:"hljs-keyword"}},[s._v("function")]),s._v(" "),t("span",{attrs:{class:"hljs-title"}},[s._v("generateLoaders")]),s._v(" ("),t("span",{attrs:{class:"hljs-params"}},[s._v("loader, loaderOptions")]),s._v(") ")]),s._v("{\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" loaders = options.usePostCSS ? [cssLoader, postcssLoader] : [cssLoader]\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (loader) {\n loaders.push({\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("loader")]),s._v(": loader + "),t("span",{attrs:{class:"hljs-string"}},[s._v("'-loader'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": "),t("span",{attrs:{class:"hljs-built_in"}},[s._v("Object")]),s._v(".assign({}, loaderOptions, {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("sourceMap")]),s._v(": options.sourceMap\n })\n })\n }\n\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// Extract CSS when that option is specified")]),s._v("\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// (which is the case during production build)")]),s._v("\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (options.extract) {\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" ExtractTextPlugin.extract({\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("use")]),s._v(": loaders,\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("fallback")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'vue-style-loader'")]),s._v("\n })\n } "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("else")]),s._v(" {\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" ["),t("span",{attrs:{class:"hljs-string"}},[s._v("'vue-style-loader'")]),s._v("].concat(loaders)\n }\n }\n\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" stylusOptions = {\n "),t("span",{attrs:{class:"hljs-string"}},[s._v("'resolve url'")]),s._v(": "),t("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// 这里 新增 import 配置项，指向自定义主题文件")]),s._v("\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(": [path.resolve(__dirname, "),t("span",{attrs:{class:"hljs-string"}},[s._v("'../src/theme'")]),s._v(")]\n }\n\n "),t("span",{attrs:{class:"hljs-comment"}},[s._v("// https://vue-loader.vuejs.org/en/configurations/extract-css.html")]),s._v("\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("css")]),s._v(": generateLoaders(),\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("postcss")]),s._v(": generateLoaders(),\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("less")]),s._v(": generateLoaders("),t("span",{attrs:{class:"hljs-string"}},[s._v("'less'")]),s._v("),\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("sass")]),s._v(": generateLoaders("),t("span",{attrs:{class:"hljs-string"}},[s._v("'sass'")]),s._v(", { "),t("span",{attrs:{class:"hljs-attr"}},[s._v("indentedSyntax")]),s._v(": "),t("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(" }),\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("scss")]),s._v(": generateLoaders("),t("span",{attrs:{class:"hljs-string"}},[s._v("'sass'")]),s._v("),\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("stylus")]),s._v(": generateLoaders("),t("span",{attrs:{class:"hljs-string"}},[s._v("'stylus'")]),s._v(",stylusOptions),\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("styl")]),s._v(": generateLoaders("),t("span",{attrs:{class:"hljs-string"}},[s._v("'stylus'")]),s._v(",stylusOptions)\n }\n}\n")])])}]}},"7PUU":function(s,a,t){s.exports=t("rIIE")},rIIE:function(s,a,t){var l=t("VU/8")(null,t("/i8g"),null,null,null);s.exports=l.exports}}); \ No newline at end of file diff --git a/docs/js/8.b011abb5932aed21693b.js b/docs/js/8.b011abb5932aed21693b.js deleted file mode 100644 index d942731fc..000000000 --- a/docs/js/8.b011abb5932aed21693b.js +++ /dev/null @@ -1 +0,0 @@ -webpackJsonp([8],{478:function(s,a,t){s.exports=t(563)},563:function(s,a,t){var n=t(11)(null,t(564),null,null,null);s.exports=n.exports},564:function(s,a){s.exports={render:function(){var s=this,a=s.$createElement;s._self._c;return s._m(0)},staticRenderFns:[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("section",[t("h2",[s._v("快速上手")]),s._v(" "),t("h3",[s._v("安装")]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-shell"}},[t("span",{attrs:{class:"hljs-meta"}},[s._v("$")]),t("span",{attrs:{class:"bash"}},[s._v(" npm install cube-ui --save")]),s._v("\n")])]),s._v(" "),t("h3",[s._v("使用")]),s._v(" "),t("p",[s._v("推荐使用 "),t("a",{attrs:{href:"https://www.npmjs.com/package/babel-plugin-transform-modules"}},[s._v("babel-plugin-transform-modules")]),s._v(" 插件，可以更优雅引入组件模块以及对应的样式。")]),s._v(" "),t("p",[s._v("但在使用之前，需要配置下这个插件，修改 .babelrc：")]),s._v(" "),t("ul",[t("li",[s._v("webpack 1.x"),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-json"}},[s._v("{\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v('"plugins"')]),s._v(": ["),t("span",{attrs:{class:"hljs-string"}},[s._v('"transform-modules"')]),s._v(", {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v('"cube-ui"')]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v('"transform"')]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v('"cube-ui/lib/${member}"')]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v('"kebabCase"')]),s._v(": "),t("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v('"style"')]),s._v(": "),t("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n }]\n}\n")])])]),s._v(" "),t("li",[s._v("webpack 2+"),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-json"}},[s._v("{\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v('"plugins"')]),s._v(": ["),t("span",{attrs:{class:"hljs-string"}},[s._v('"transform-modules"')]),s._v(", {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v('"cube-ui"')]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v('"transform"')]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v('"cube-ui/src/modules/${member}"')]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v('"kebabCase"')]),s._v(": "),t("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n }]\n}\n")])])])]),s._v(" "),t("blockquote",[t("p",[t("a",{attrs:{href:"#/zh-CN/docs/post-compile"}},[s._v("为何要区分 webpack 版本？")])])]),s._v(" "),t("p",[s._v("如果不使用 babel-plugin-transform-modules 插件的话，需要手工引入对应的样式文件。")]),s._v(" "),t("h4",[s._v("全部引入")]),s._v(" "),t("p",[s._v("一般在入口文件中：")]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-javascript"}},[t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" Vue "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'vue'")]),s._v("\n"),t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" Cube "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n\nVue.use(Cube)\n")])]),s._v(" "),t("h4",[s._v("按需引入")]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-javascript"}},[t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" { Button } "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n")])]),s._v(" "),t("p",[s._v("你可以选择全局注册也可以选择局部注册：")]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-js"}},[t("span",{attrs:{class:"hljs-comment"}},[s._v("// 全局注册")]),s._v("\nVue.use(Button)\n\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// 或者局部注册")]),s._v("\n"),t("span",{attrs:{class:"hljs-comment"}},[s._v("// 某个组件中")]),s._v("\n{\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("components")]),s._v(": {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("CubeButton")]),s._v(": Button\n }\n}\n")])]),s._v(" "),t("p",[s._v("所有的可按需引入的组件：")]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-js"}},[t("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" {\n Button,\n Checkbox,\n Loading,\n Tip,\n Toast,\n Picker,\n TimePicker,\n Dialog,\n ActionSheet,\n Scroll,\n Slide,\n IndexList\n} "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cube-ui'")]),s._v("\n")])]),s._v(" "),t("h4",[s._v("示例")]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"language-html"}},[t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"showDiaog"')]),s._v(">")]),s._v("show dialog"),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(">")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("script")]),s._v(">")]),t("span",{attrs:{class:"javascript"}},[s._v("\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showDialog() {\n "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'alert'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'Alert'")]),s._v(",\n "),t("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'dialog content'")]),s._v("\n }).show()\n }\n }\n }\n")]),t("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])])}]}}}); \ No newline at end of file diff --git a/docs/js/80.f16929cf75c1e486aa17.js b/docs/js/80.f16929cf75c1e486aa17.js new file mode 100644 index 000000000..00d4d8805 --- /dev/null +++ b/docs/js/80.f16929cf75c1e486aa17.js @@ -0,0 +1 @@ +webpackJsonp([80],{"4+v0":function(s,t,a){var v=a("VU/8")(null,a("Bhil"),null,null,null);s.exports=v.exports},Bhil:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Form"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Form-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Form")]),s._v(" "),s._m(0),s._v(" "),a("p",[s._v("CubeForm is a schema-based form generator component.")]),s._v(" "),a("h3",{attrs:{id:"Example"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Example")]),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"Props"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props")]),s._v(" "),a("h4",{attrs:{id:"Form"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Form-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Form")]),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),a("h4",{attrs:{id:"FormGroup"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-FormGroup-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" FormGroup")]),s._v(" "),s._m(4),s._v(" "),a("h4",{attrs:{id:"FormItem"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-FormItem-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" FormItem")]),s._v(" "),s._m(5),s._v(" "),a("h3",{attrs:{id:"Events"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Events")]),s._v(" "),s._m(6),s._v(" "),s._m(7),s._v(" "),a("h3",{attrs:{id:"Instancemethods"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Instancemethods-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Instance methods")]),s._v(" "),s._m(8)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("New in 1.7.0+")]),s._v(" "),a("p",[s._v("1.8.0+ supported trigger validating when blur and debounce. Supported async validate too because of Validator supported it.")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("default usage")]),s._v(" "),a("p",[s._v("This demo includes all cube-ui form fields.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-form")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"model"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":schema")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"schema"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":immediate-validate")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"false"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"options"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@validate")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"validateHandler"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@submit")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"submitHandler"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@reset")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"resetHandler"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("validity")]),s._v(": {},\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("valid")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("undefined")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("model")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("checkboxValue")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("checkboxGroupValue")]),s._v(": [],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("inputValue")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("radioValue")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rateValue")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selectValue")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("2018")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("switchValue")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("textareaValue")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("uploadValue")]),s._v(": []\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("schema")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("groups")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("legend")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'基础'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("fields")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'checkbox'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'checkboxValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("props")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("option")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Checkbox'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("messages")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Please check this field'")]),s._v("\n }\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'checkbox-group'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'checkboxGroupValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'CheckboxGroup'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("props")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": ["),a("span",{attrs:{class:"hljs-string"}},[s._v("'1'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'2'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'3'")]),s._v("]\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'input'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'inputValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Input'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("props")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("placeholder")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'请输入'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// validating when blur")]),s._v("\n trigger: "),a("span",{attrs:{class:"hljs-string"}},[s._v("'blur'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'radio-group'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'radioValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Radio'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("props")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": ["),a("span",{attrs:{class:"hljs-string"}},[s._v("'1'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'2'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'3'")]),s._v("]\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'select'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'selectValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Select'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("props")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("2015")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("2016")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("2017")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("2018")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("2019")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("2020")]),s._v("]\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'switch'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'switchValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Switch'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'textarea'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'textareaValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Textarea'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// debounce validate")]),s._v("\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// if set to true, the default debounce time will be 200(ms)")]),s._v("\n debounce: "),a("span",{attrs:{class:"hljs-number"}},[s._v("100")]),s._v("\n }\n ]\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("legend")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'高级'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("fields")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'rate'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'rateValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Rate'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'upload'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'uploadValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Upload'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("events")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'file-removed'")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("...args")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'file removed'")]),s._v(", args)\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("uploaded")]),s._v(": "),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("val, config")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Promise")]),s._v(".all(val.map("),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("file, i")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Promise")]),s._v("("),a("span",{attrs:{class:"hljs-function"}},[s._v("("),a("span",{attrs:{class:"hljs-params"}},[s._v("resolve, reject")]),s._v(") =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (file.uploadedUrl) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" resolve()\n }\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// fake request")]),s._v("\n setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (i % "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(") {\n reject("),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Error")]),s._v("())\n } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("else")]),s._v(" {\n file.uploadedUrl = "),a("span",{attrs:{class:"hljs-string"}},[s._v("'uploaded/url'")]),s._v("\n resolve()\n }\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n })\n })).then("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n })\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("messages")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("uploaded")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'上传失败'")]),s._v("\n }\n }\n ]\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("fields")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'submit'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Submit'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'reset'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Reset'")]),s._v("\n }\n ]\n }\n ]\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("scrollToInvalidField")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("layout")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'standard'")]),s._v(" "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// classic fresh")]),s._v("\n }\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n submitHandler(e) {\n e.preventDefault()\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'submit'")]),s._v(", e)\n },\n validateHandler(result) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".validity = result.validity\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".valid = result.valid\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'validity'")]),s._v(", result.validity, result.valid, result.dirty, result.firstInvalidFieldIndex)\n },\n resetHandler(e) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'reset'")]),s._v(", e)\n }\n }\n}\n")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("model")]),s._v(" is the model/target JSON object, "),a("code",{pre:!0},[s._v("schema")]),s._v(" is the schema object with fields, if "),a("code",{pre:!0},[s._v("immediate-validate")]),s._v(" is true, we will run validation after load.")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("submit")]),s._v(" is the submited event, the "),a("code",{pre:!0},[s._v("validate")]),s._v(" is the form validate event and the "),a("code",{pre:!0},[s._v("reset")]),s._v(" is the form reset event.")])]),s._v(" "),a("li",[a("p",[s._v("Custom usage")]),s._v(" "),a("p",[s._v("You can choose to use your own custom components, or use slots to custom your logic.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-form")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"model"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@validate")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"validateHandler"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@submit")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"submitHandler"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-form-group")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-form-item")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":field")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"fields[0]"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-form-item")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":field")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"fields[1]"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-form-item")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":field")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"fields[2]"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showDatePicker"')]),s._v(">")]),s._v("{{model.dateValue || 'Please select date'}}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("date-picker")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"datePicker"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":min")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"[2008, 8, 8]"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":max")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"[2020, 10, 20]"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@select")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"dateSelectHandler"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-form-group")]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"submit"')]),s._v(">")]),s._v("Submit"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-comment"}},[s._v("// province, city, area")]),s._v("\n"),a("span",{attrs:{class:"hljs-comment"}},[s._v("// select component")]),s._v("\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" PCA = {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("props")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Array")]),s._v(",\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v("() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" []\n }\n }\n },\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selected")]),s._v(": []\n }\n },\n render(createElement) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" createElement("),a("span",{attrs:{class:"hljs-string"}},[s._v("'cube-button'")]),s._v(", {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("on")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("click")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".showPicker\n }\n }, "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selected.length ? "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selected.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("' '")]),s._v(") : "),a("span",{attrs:{class:"hljs-string"}},[s._v("'placeholder'")]),s._v(")\n },\n mounted() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".picker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createCascadePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'PCA Select'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": cityData,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selectedIndex")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".value,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandler\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showPicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".picker.show()\n },\n selectHandler(selectedVal, selectedIndex, selectedTxt) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selected = selectedTxt\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$emit("),a("span",{attrs:{class:"hljs-string"}},[s._v("'input'")]),s._v(", selectedVal)\n }\n }\n}\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("validity")]),s._v(": {},\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("valid")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("undefined")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("model")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("inputValue")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("pcaValue")]),s._v(": [],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("dateValue")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("fields")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'input'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'inputValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Input'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("props")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("placeholder")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'请输入'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("component")]),s._v(": PCA,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'pcaValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'PCASelect'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("messages")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'请选择'")]),s._v("\n }\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'dateValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Date'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("required")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n }\n ]\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n submitHandler(e) {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'submit'")]),s._v(")\n },\n validateHandler(result) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".validity = result.validity\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".valid = result.valid\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'validity'")]),s._v(", result.validity, result.valid, result.dirty, result.firstInvalidFieldIndex)\n },\n showDatePicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.datePicker.show()\n },\n dateSelectHandler(selectedVal) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".model.dateValue = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("(selectedVal["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("], selectedVal["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("] - "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", selectedVal["),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v("]).toDateString()\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("components")]),s._v(": {\n DatePicker\n }\n}\n")])]),s._v(" "),a("p",[s._v("Like the "),a("code",{pre:!0},[s._v("PCA")]),s._v(" component, you can use "),a("code",{pre:!0},[s._v("component")]),s._v(" to define your custom component. Or use slots, like use DatePicker component.")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Accepted Values")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("model")]),s._v(" "),a("td",[s._v("The model/target JSON object")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("{}")])]),s._v(" "),a("tr",[a("td",[s._v("schema")]),s._v(" "),a("td",[s._v("the schema object with fields")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("{}")])]),s._v(" "),a("tr",[a("td",[s._v("immediateValidate")]),s._v(" "),a("td",[s._v("If true, we will run validation after load")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("action")]),s._v(" "),a("td",[s._v("Form action value")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("undefined")])]),s._v(" "),a("tr",[a("td",[s._v("options")]),s._v(" "),a("td",[s._v("Options for CubeForm")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("{"),a("br"),s._v("scrollToInvalidField: false,"),a("br"),s._v(" layout: 'standard' // or: classic")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[a("code",{pre:!0},[s._v("schema")]),s._v(" sub configuration")]),s._v(" "),a("p",[s._v("The schema contains the fields of the form, optionally in groups.")]),s._v(" "),a("ul",[a("li",[a("p",[s._v("Without groups")]),s._v(" "),a("p",[s._v("Use "),a("code",{pre:!0},[s._v("fields")]),s._v(":")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[s._v("{\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("fields")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'input'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'inputValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Input'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n ]\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("With groups")]),s._v(" "),a("p",[s._v("Use "),a("code",{pre:!0},[s._v("groups")]),s._v("：")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[s._v("{\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("groups")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("legend")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Group 1'")]),s._v("\n fields: [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'input'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'inputValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Input'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n ]\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("legend")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Group 2'")]),s._v("\n fields: [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'input'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("modelKey")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'inputValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Input'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n ]\n }\n ]\n}\n")])])])]),s._v(" "),a("p",[s._v("A field in the schema defines an input element to a value of model. The common properties of field:")]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Accepted Values")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("type")]),s._v(" "),a("td",[s._v("Type of field")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("Default fields: "),a("code",{pre:!0},[s._v("button")]),s._v(", "),a("code",{pre:!0},[s._v("checkbox")]),s._v(", "),a("code",{pre:!0},[s._v("checkbox-group")]),s._v(", "),a("code",{pre:!0},[s._v("input")]),s._v(", "),a("code",{pre:!0},[s._v("radio")]),s._v(", "),a("code",{pre:!0},[s._v("radio-group")]),s._v(", "),a("code",{pre:!0},[s._v("rate")]),s._v(", "),a("code",{pre:!0},[s._v("select")]),s._v(", "),a("code",{pre:!0},[s._v("switch")]),s._v(", "),a("code",{pre:!0},[s._v("textarea")]),s._v(", "),a("code",{pre:!0},[s._v("upload")]),s._v(". There are two special types: "),a("code",{pre:!0},[s._v("submit")]),s._v(" and "),a("code",{pre:!0},[s._v("reset")]),s._v(", they will be transformed to the corresponding type of "),a("code",{pre:!0},[s._v("button")]),s._v(".")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("component")]),s._v(" "),a("td",[s._v("Custom filed component to replace "),a("code",{pre:!0},[s._v("type")]),s._v(", the component should to work with "),a("code",{pre:!0},[s._v("v-model")])]),s._v(" "),a("td",[s._v("Object/String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("modelKey")]),s._v(" "),a("td",[s._v("Name of property in the "),a("code",{pre:!0},[s._v("form")]),s._v(" model")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("label")]),s._v(" "),a("td",[s._v("Label of field")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("props")]),s._v(" "),a("td",[s._v("This value will be the "),a("code",{pre:!0},[s._v("type")]),s._v(" or "),a("code",{pre:!0},[s._v("component")]),s._v(" props")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("events"),a("sup",[s._v("1.8.0+")])]),s._v(" "),a("td",[s._v("This value will be the "),a("code",{pre:!0},[s._v("type")]),s._v(" or "),a("code",{pre:!0},[s._v("component")]),s._v(" custom events")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("rules")]),s._v(" "),a("td",[s._v("Validator rules, see "),a("a",{attrs:{href:"#/en-US/docs/validator#cube-Props-anchor"}},[s._v("Validator")])]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("trigger"),a("sup",[s._v("1.8.0+")])]),s._v(" "),a("td",[s._v("If set to 'blur' then will be validate this filed when blur")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("blur/change")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("debounce"),a("sup",[s._v("1.8.0+")])]),s._v(" "),a("td",[s._v("Debounce validating time(ms). If "),a("code",{pre:!0},[s._v("trigger")]),s._v(" is 'blur' then the debounce will be ignored")]),s._v(" "),a("td",[s._v("Number/Boolean")]),s._v(" "),a("td",[s._v(">= 0, if set to true the time will be 200(ms)")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("messages")]),s._v(" "),a("td",[s._v("Validator messages, see "),a("a",{attrs:{href:"#/en-US/docs/validator#cube-Props-anchor"}},[s._v("Validator")])]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])])])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Accepted Values")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("legend")]),s._v(" "),a("td",[s._v("Group legend")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("''")])]),s._v(" "),a("tr",[a("td",[s._v("fields")]),s._v(" "),a("td",[s._v("Group fields")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("[]")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Accepted Values")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("field")]),s._v(" "),a("td",[s._v("Field value")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Event Name")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Parameters 1")]),s._v(" "),a("th",[s._v("Parameters 2")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("submit")]),s._v(" "),a("td",[s._v("Form submit, only trigged when the form's validation is ok. If only have sync validators, this event will not be prevented by default. If have async validators, this event will be prevented by default.")]),s._v(" "),a("td",[s._v("e - event")]),s._v(" "),a("td",[s._v("form model value")])]),s._v(" "),a("tr",[a("td",[s._v("reset")]),s._v(" "),a("td",[s._v("Form reset")]),s._v(" "),a("td",[s._v("e - event")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("validate")]),s._v(" "),a("td",[s._v("Form validated")]),s._v(" "),a("td",[s._v("Properties: "),a("br"),s._v("{"),a("br"),s._v("validity,"),a("br"),s._v(" valid,"),a("br"),s._v(" invalid,"),a("br"),s._v(" dirty,"),a("br"),s._v(" firstInvalidFieldIndex"),a("br"),s._v("}")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("valid")]),s._v(" "),a("td",[s._v("Form valid")]),s._v(" "),a("td",[s._v("Validity result")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("invalid")]),s._v(" "),a("td",[s._v("Form invalid")]),s._v(" "),a("td",[s._v("Validity result")]),s._v(" "),a("td",[s._v("-")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[a("code",{pre:!0},[s._v("validate")]),s._v(" event parameters")]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("validity")]),s._v(" "),a("td",[s._v("Validity result")]),s._v(" "),a("td",[s._v("Object")])]),s._v(" "),a("tr",[a("td",[s._v("valid")]),s._v(" "),a("td",[s._v("Validity check, if not verified this value will be undefined, once checked this value will be true or false")]),s._v(" "),a("td",[s._v("Boolean/Undefined")])]),s._v(" "),a("tr",[a("td",[s._v("invalid")]),s._v(" "),a("td",[s._v("Validity check, if not verified this value will be undefined, once checked this value will be true or false")]),s._v(" "),a("td",[s._v("Boolean")])]),s._v(" "),a("tr",[a("td",[s._v("dirty")]),s._v(" "),a("td",[s._v("When the form model changed then the form's dirty is true")]),s._v(" "),a("td",[s._v("Boolean")])]),s._v(" "),a("tr",[a("td",[s._v("firstInvalidFieldIndex")]),s._v(" "),a("td",[s._v("First invalid field index")]),s._v(" "),a("td",[s._v("Number")])])])]),s._v(" "),a("ul",[a("li",[a("p",[s._v("Validity result "),a("code",{pre:!0},[s._v("validity")])]),s._v(" "),a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("valid")]),s._v(" "),a("td",[s._v("Is valid or not")]),s._v(" "),a("td",[s._v("Boolean/Undefined")])]),s._v(" "),a("tr",[a("td",[s._v("result")]),s._v(" "),a("td",[s._v("Result, eg: "),a("br"),s._v("{"),a("br"),s._v(" required: {"),a("br"),s._v("  valid: false,"),a("br"),s._v("  invalid: true,"),a("br"),s._v("  message: 'Required.'"),a("br"),s._v(" }"),a("br"),s._v("}")]),s._v(" "),a("td",[s._v("Object")])]),s._v(" "),a("tr",[a("td",[s._v("dirty")]),s._v(" "),a("td",[s._v("The form model is changed or not")]),s._v(" "),a("td",[s._v("Boolean")])])])])])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Method name")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Parameters")]),s._v(" "),a("th",[s._v("Returned value")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("submit")]),s._v(" "),a("td",[s._v("submit form")]),s._v(" "),a("td",[s._v("skipValidate: default "),a("code",{pre:!0},[s._v("false")]),s._v(", if skipValidate is "),a("code",{pre:!0},[s._v("true")]),s._v(" then will be trigged submit event without validating"),a("sup",[s._v("1.12.2+")])]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("reset")]),s._v(" "),a("td",[s._v("reset form")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("validate(cb)")]),s._v(" "),a("td",[s._v("validate form")]),s._v(" "),a("td",[s._v("cb: validated callback function, used to async validating cases normally. The arguments is the "),a("code",{pre:!0},[s._v("valid")]),s._v(" value")]),s._v(" "),a("td",[s._v("If supported Promise then the returned value will be Promise instance(Only have resolved state, the resolved value is "),a("code",{pre:!0},[s._v("valid")]),s._v("), otherwise the returned value is "),a("code",{pre:!0},[s._v("undefined")])])])])])}]}},nzGO:function(s,t,a){s.exports=a("4+v0")}}); \ No newline at end of file diff --git a/docs/js/81.59dcaffaee7b7596b8f9.js b/docs/js/81.59dcaffaee7b7596b8f9.js new file mode 100644 index 000000000..fa7aebeb3 --- /dev/null +++ b/docs/js/81.59dcaffaee7b7596b8f9.js @@ -0,0 +1 @@ +webpackJsonp([81],{"7tBj":function(s,t,a){var e=a("VU/8")(null,a("WaG/"),null,null,null);s.exports=e.exports},DOGQ:function(s,t,a){s.exports=a("7tBj")},"WaG/":function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Drawer"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Drawer-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Drawer")]),s._v(" "),s._m(0),s._v(" "),a("p",[s._v("Drawer, this component is used to select item in many items, it used full-page panels to interaction normally.")]),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"Demo"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Demo-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Demo")]),s._v(" "),s._m(2),s._v(" "),a("h3",{attrs:{id:"Props"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Props-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props")]),s._v(" "),a("h4",{attrs:{id:"CubeDrawer"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-CubeDrawer-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CubeDrawer")]),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),a("h4",{attrs:{id:"CubeDrawerPanel"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-CubeDrawerPanel-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CubeDrawerPanel")]),s._v(" "),s._m(5),s._v(" "),a("h4",{attrs:{id:"CubeDrawerItem"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-CubeDrawerItem-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CubeDrawerItem")]),s._v(" "),s._m(6),s._v(" "),a("h3",{attrs:{id:"Events"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Events")]),s._v(" "),s._m(7),s._v(" "),a("h3",{attrs:{id:"Instancemethods"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Instancemethods-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Instance methods")]),s._v(" "),s._m(8)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("New in 1.7.0+")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("strong",[s._v("Notice:")]),s._v(" Drawer component's container element should be be a relative or absolute position element.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("Default usage")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showDrawer"')]),s._v(">")]),s._v("Show Drawer"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-drawer")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"drawer"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"请选择"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":selected-index")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selectedIndex"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@change")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"changeHandler"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@select")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selectHandler"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@cancel")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"cancelHandler"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" { provinceList, cityList, areaList } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'../../data/area'")]),s._v("\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selectedIndex")]),s._v(": [],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": [\n provinceList,\n [],\n []\n ]\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showDrawer() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.drawer.show()\n },\n changeHandler(index, item, selectedVal, selectedIndex, selectedText) {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// fake request")]),s._v("\n setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("let")]),s._v(" data\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (index === "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(") {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// procince change, get city data")]),s._v("\n data = cityList[item.value]\n } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("else")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// city change, get area data")]),s._v("\n data = areaList[item.value]\n }\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// refill panel(index + 1) data")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.drawer.refill(index + "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", data)\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("200")]),s._v(")\n },\n selectHandler(selectedVal, selectedIndex, selectedText) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Selected Item:
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("' '")]),s._v(")}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n cancelHandler() {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'cancel'")]),s._v(")\n }\n }\n}\n")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("title")]),s._v(" is the drawer's title, optional; "),a("code",{pre:!0},[s._v("data")]),s._v(" source, an array with array items; "),a("code",{pre:!0},[s._v("selected-index")]),s._v(" is the initial index of the selected value; "),a("code",{pre:!0},[s._v("change")]),s._v("、"),a("code",{pre:!0},[s._v("select")]),s._v("、"),a("code",{pre:!0},[s._v("cancel")]),s._v(" are events: when selected item changed (the selected item is not in the last Panel)、when selected one item (the item is in the last Panel)、cancel (when clicked the left empty area).")]),s._v(" "),a("p",[s._v("You can use Drawer's "),a("code",{pre:!0},[s._v("fill")]),s._v(" method to update next Panel's data.")])]),s._v(" "),a("li",[a("p",[s._v("Custom usage")]),s._v(" "),a("p",[s._v("You can use slots to define your own HTML structure.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-drawer")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("ref")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"drawer"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"data"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":selected-index")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selectedIndex"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@change")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"changeHandler"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@select")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"selectHandler"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@cancel")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"cancelHandler"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"title"')]),s._v(">")]),s._v("{{province.text}}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-drawer-panel")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(panel, index) in data"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"index"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":index")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"index"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"panel"')]),s._v("\n >")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-drawer-item")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"(item, i) in panel"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":item")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"i"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":index")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"i"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("i")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"cubeic-round-border"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v(">")]),s._v("{{item.text}}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" { provinceList, cityList, areaList } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'../../data/area'")]),s._v("\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("province")]),s._v(": {},\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selectedIndex")]),s._v(": [],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": [\n [],\n []\n ]\n }\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showDrawer() {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// get radom province")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" randomIndex = "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Math")]),s._v(".round("),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Math")]),s._v(".random() * provinceList.length)\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" randomProvince = provinceList[randomIndex]\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".province = randomProvince\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.drawer.refill("),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", cityList[randomProvince.value])\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.drawer.show()\n },\n changeHandler(index, item, selectedVal, selectedIndex, selectedText) {\n setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// city change, get area data")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" data = areaList[item.value]\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$refs.drawer.refill(index + "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", data)\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("200")]),s._v(")\n },\n selectHandler(selectedVal, selectedIndex, selectedText) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Selected Item:
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("' '")]),s._v(")}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n cancelHandler() {\n "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log("),a("span",{attrs:{class:"hljs-string"}},[s._v("'cancel'")]),s._v(")\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("You can use "),a("code",{pre:!0},[s._v("cube-drawer-panel")]),s._v(" and "),a("code",{pre:!0},[s._v("cube-drawer-item")]),s._v(" in "),a("code",{pre:!0},[s._v("cube-drawer")]),s._v(".")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Accepted Values")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("title")]),s._v(" "),a("td",[s._v("title")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("''")])]),s._v(" "),a("tr",[a("td",[s._v("data")]),s._v(" "),a("td",[s._v("data source")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("[]")])]),s._v(" "),a("tr",[a("td",[s._v("selectedIndex")]),s._v(" "),a("td",[s._v("initial selected index")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("[]")])]),s._v(" "),a("tr",[a("td",[s._v("visible"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("whether visible. Bind to "),a("code",{pre:!0},[s._v("v-model")])]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[a("code",{pre:!0},[s._v("data")]),s._v(" sub configuration")]),s._v(" "),a("p",[s._v("It is an array and it's items is Array too, eg:")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[s._v("[\n [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'text'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'value'")]),s._v("\n },\n ...\n ],\n [\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'text'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'text2'")]),s._v(",\n ...\n ]\n]\n")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Accepted Values")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("data")]),s._v(" "),a("td",[s._v("data source")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("[]")])]),s._v(" "),a("tr",[a("td",[s._v("index")]),s._v(" "),a("td",[s._v("the data source index in CubeDrawer's data")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-1")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Accepted Values")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("data")]),s._v(" "),a("td",[s._v("item data")]),s._v(" "),a("td",[s._v("String/Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("''")])]),s._v(" "),a("tr",[a("td",[s._v("index")]),s._v(" "),a("td",[s._v("the item index in CubeDrawerPanel's data")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-1")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Event Name")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Parameters 1")]),s._v(" "),a("th",[s._v("Parameters 2")]),s._v(" "),a("th",[s._v("Parameters 3")]),s._v(" "),a("th",[s._v("Parameters 4")]),s._v(" "),a("th",[s._v("Parameters 5")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("change")]),s._v(" "),a("td",[s._v("when selected item changed (the selected item is not in the last Panel)")]),s._v(" "),a("td",[s._v("current Panel index")]),s._v(" "),a("td",[s._v("changed item")]),s._v(" "),a("td",[s._v("selectedVal: Array, selected item values of each panels")]),s._v(" "),a("td",[s._v("selectedIndex: Array, selected indexes of each panels")]),s._v(" "),a("td",[s._v("selectedText: Array, texts of each columns in current selected item")])]),s._v(" "),a("tr",[a("td",[s._v("select")]),s._v(" "),a("td",[s._v("when selected one item (the item is in the last Panel)")]),s._v(" "),a("td",[s._v("selectedVal: Array, selected item values of each panels")]),s._v(" "),a("td",[s._v("selectedIndex: Array, selected indexes of each panels")]),s._v(" "),a("td",[s._v("selectedText: Array, texts of each columns in current selected item")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("cancel")]),s._v(" "),a("td",[s._v("when clicked the left empty area")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Method name")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Parameters 1")]),s._v(" "),a("th",[s._v("Parameters 2")]),s._v(" "),a("th",[s._v("Parameters 3")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("refill")]),s._v(" "),a("td",[s._v("refill data, change one Panel's data source")]),s._v(" "),a("td",[s._v("the Panel index")]),s._v(" "),a("td",[s._v("the data source")]),s._v(" "),a("td",[s._v("default selected index (Optional, recommended do not specify a value)")])]),s._v(" "),a("tr",[a("td",[s._v("show")]),s._v(" "),a("td",[s._v("show")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("hide")]),s._v(" "),a("td",[s._v("hide")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/82.67c961a904ed2f52b3b7.js b/docs/js/82.67c961a904ed2f52b3b7.js new file mode 100644 index 000000000..17afed459 --- /dev/null +++ b/docs/js/82.67c961a904ed2f52b3b7.js @@ -0,0 +1 @@ +webpackJsonp([82],{QClZ:function(t,s){t.exports={render:function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("section",[a("h2",{attrs:{id:"Dialog"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Dialog-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Dialog")]),t._v(" "),t._m(0),t._v(" "),t._m(1),t._v(" "),a("h3",{attrs:{id:"Example"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Example")]),t._v(" "),t._m(2),t._v(" "),a("h3",{attrs:{id:"Propsconfiguration"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Props configuration")]),t._v(" "),t._m(3),t._v(" "),t._m(4),t._v(" "),t._m(5),t._v(" "),t._m(6),t._v(" "),t._m(7),t._v(" "),a("h3",{attrs:{id:"Slot"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Slot-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Slot")]),t._v(" "),t._m(8),t._v(" "),a("h3",{attrs:{id:"Events"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Events")]),t._v(" "),t._m(9),t._v(" "),a("h3",{attrs:{id:"Instancemethods"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Instancemethods-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Instance methods")]),t._v(" "),t._m(10)])},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[a("code",{pre:!0},[t._v("Dialog")]),t._v(" modal component，provides various styles and interactions.")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[a("strong",[t._v("Notice:")]),t._v(" Cause this component used create-api, so you should read "),a("a",{attrs:{href:"#/en-US/docs/create-api"}},[t._v("create-api")]),t._v(" first.")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("p",[t._v("Alert type")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showAlert"')]),t._v(">")]),t._v("Dialog - alert"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showAlert() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'alert'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'i am title'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'i am content'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("icon")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'cubeic-alert'")]),t._v("\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[a("code",{pre:!0},[t._v("type")]),t._v(" will be one of the following: "),a("code",{pre:!0},[t._v("alert")]),t._v(", "),a("code",{pre:!0},[t._v("confirm")]),t._v(", "),a("code",{pre:!0},[t._v("prompt")]),t._v(" "),a("sup",[t._v("1.11.0")]),t._v(".")])]),t._v(" "),a("li",[a("p",[t._v("Prompt type")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showPrompt"')]),t._v(">")]),t._v("Dialog - prompt"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showAlert() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".dialog = "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'prompt'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'我是标题'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("prompt")]),t._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("value")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("''")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("placeholder")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'请输入'")]),t._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onConfirm")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[t._v("("),a("span",{attrs:{class:"hljs-params"}},[t._v("e, promptValue")]),t._v(") =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'warn'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`Prompt value: "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${promptValue || "),a("span",{attrs:{class:"hljs-string"}},[t._v("''")]),t._v("}")]),t._v("`")]),t._v("\n }).show()\n }\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[t._v("You can get prompt input value in confirm event handler. And "),a("code",{pre:!0},[t._v("prompt")]),t._v(" value will be passed to "),a("a",{attrs:{href:"#/en-US/docs/input"}},[t._v("Input component")]),t._v(" as props.")])]),t._v(" "),a("li",[a("p",[t._v("Button configuration")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showBtn"')]),t._v(">")]),t._v("Dialog - btn"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showBtn() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'confirm'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("icon")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'cubeic-alert'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'i am title'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'i am content'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("confirmBtn")]),t._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("text")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'confirm'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("active")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("disabled")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("false")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("href")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'javascript:;'")]),t._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("cancelBtn")]),t._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("text")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'cancel'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("active")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("false")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("disabled")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("false")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("href")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'javascript:;'")]),t._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onConfirm")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[t._v("()")]),t._v(" =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'warn'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'点击确认按钮'")]),t._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onCancel")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[t._v("()")]),t._v(" =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'warn'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'点击取消按钮'")]),t._v("\n }).show()\n }\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[t._v("Button configuration("),a("code",{pre:!0},[t._v("confirmBtn")]),t._v(", "),a("code",{pre:!0},[t._v("cancelBtn")]),t._v(") can be "),a("code",{pre:!0},[t._v("String")]),t._v(" or "),a("code",{pre:!0},[t._v("Object")]),t._v(" type. When given an Object, "),a("code",{pre:!0},[t._v("text")]),t._v(" can be used to set button content，"),a("code",{pre:!0},[t._v("active")]),t._v(" is used to set button highlight state，"),a("code",{pre:!0},[t._v("disabled")]),t._v(" is used to set button disabled state，"),a("code",{pre:!0},[t._v("href")]),t._v(" is used to set the link that will be jumped to when the button is clicked.")])]),t._v(" "),a("li",[a("p",[t._v("Show close button")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showClose"')]),t._v(">")]),t._v("Dialog - show close"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showClose() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'alert'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("icon")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'cubeic-alert'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("showClose")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'title'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onClose")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[t._v("()")]),t._v(" =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'warn'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'the close button has been clicked'")]),t._v("\n }).show()\n }\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[t._v("You can change "),a("code",{pre:!0},[t._v("showClose")]),t._v(" to decide whether to show the close button. The "),a("code",{pre:!0},[t._v("close")]),t._v(" event will be dispatched when the close button is clicked and the "),a("code",{pre:!0},[t._v("onClose")]),t._v(" callback will be invoked if it is configured.")])]),t._v(" "),a("li",[a("p",[t._v("Slot")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showSlot"')]),t._v(">")]),t._v("Dialog - slot"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showSlot() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'alert'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("confirmBtn")]),t._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("text")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'got it'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("active")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n }\n }, (createElement) => {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" [\n createElement("),a("span",{attrs:{class:"hljs-string"}},[t._v("'div'")]),t._v(", {\n "),a("span",{attrs:{class:"hljs-string"}},[t._v("'class'")]),t._v(": {\n "),a("span",{attrs:{class:"hljs-string"}},[t._v("'my-title'")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("slot")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'title'")]),t._v("\n }, [\n createElement("),a("span",{attrs:{class:"hljs-string"}},[t._v("'div'")]),t._v(", {\n "),a("span",{attrs:{class:"hljs-string"}},[t._v("'class'")]),t._v(": {\n "),a("span",{attrs:{class:"hljs-string"}},[t._v("'my-title-img'")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n }\n }),\n createElement("),a("span",{attrs:{class:"hljs-string"}},[t._v("'p'")]),t._v(", "),a("span",{attrs:{class:"hljs-string"}},[t._v("'custom title'")]),t._v(")\n ]),\n createElement("),a("span",{attrs:{class:"hljs-string"}},[t._v("'p'")]),t._v(", {\n "),a("span",{attrs:{class:"hljs-string"}},[t._v("'class'")]),t._v(": {\n "),a("span",{attrs:{class:"hljs-string"}},[t._v("'my-content'")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("slot")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'content'")]),t._v("\n }, "),a("span",{attrs:{class:"hljs-string"}},[t._v("'custom content'")]),t._v(")\n ]\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[t._v("The second parameter of "),a("code",{pre:!0},[t._v("$createDialog")]),t._v(" is "),a("a",{attrs:{href:"https://vuejs.org/v2/guide/render-function.html"}},[t._v("render function")]),t._v(", generally it is used to handle slots. Dialog component provides 2 named slots "),a("code",{pre:!0},[t._v("title")]),t._v(" and "),a("code",{pre:!0},[t._v("content")]),t._v(" which are used to distribute title and content.")])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Attribute")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Accepted Values")]),t._v(" "),a("th",[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("type")]),t._v(" "),a("td",[t._v("dialog type")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("alert / confirm / prompt"),a("sup",[t._v("1.11.0")])]),t._v(" "),a("td",[t._v("alert")])]),t._v(" "),a("tr",[a("td",[t._v("icon")]),t._v(" "),a("td",[t._v("icon class name")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[a("a",{attrs:{href:"#/en-US/docs/style"}},[t._v("refer to built-in icons in style module")])]),t._v(" "),a("td",[t._v("''")])]),t._v(" "),a("tr",[a("td",[t._v("title")]),t._v(" "),a("td",[t._v("title")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("''")])]),t._v(" "),a("tr",[a("td",[t._v("content")]),t._v(" "),a("td",[t._v("content")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("''")])]),t._v(" "),a("tr",[a("td",[t._v("showClose")]),t._v(" "),a("td",[t._v("whether to show close button")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("confirmBtn")]),t._v(" "),a("td",[t._v("confirm button configuration")]),t._v(" "),a("td",[t._v("Object/String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("{ text: '确定', active: true, href: 'javascript:;' }")])]),t._v(" "),a("tr",[a("td",[t._v("cancelBtn")]),t._v(" "),a("td",[t._v("cancel button configuration")]),t._v(" "),a("td",[t._v("Object/String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("{ text: '取消', active: false, href: 'javascript:;' }")])]),t._v(" "),a("tr",[a("td",[t._v("visible"),a("sup",[t._v("1.8.1")])]),t._v(" "),a("td",[t._v("whether visible. Bind to "),a("code",{pre:!0},[t._v("v-model")])]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("maskClosable"),a("sup",[t._v("1.9.6")])]),t._v(" "),a("td",[t._v("whether hide the component when clicked the mask layer")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("zIndex"),a("sup",[t._v("1.9.6")])]),t._v(" "),a("td",[t._v("the value of the style z-index")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("100")])]),t._v(" "),a("tr",[a("td",[t._v("prompt"),a("sup",[t._v("1.11.0")])]),t._v(" "),a("td",[t._v("prompt config, all "),a("a",{attrs:{href:"#/en-US/docs/input"}},[t._v("Input component's")]),t._v("props")]),t._v(" "),a("td",[t._v("Object")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("{}")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("code",{pre:!0},[t._v("confirmBtn")]),t._v(" sub configuration")])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Attribute")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Accepted Values")]),t._v(" "),a("th",[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("text")]),t._v(" "),a("td",[t._v("button text")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("'确认'")])]),t._v(" "),a("tr",[a("td",[t._v("active")]),t._v(" "),a("td",[t._v("whether to highlight")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("true")])]),t._v(" "),a("tr",[a("td",[t._v("disabled")]),t._v(" "),a("td",[t._v("whether to disabled button")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("href")]),t._v(" "),a("td",[t._v("the link that will be jumped to when the button is clicked")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("'javascript:;'")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("code",{pre:!0},[t._v("cancelBtn")]),t._v(" sub configuration")])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Attribute")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Accepted Values")]),t._v(" "),a("th",[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("text")]),t._v(" "),a("td",[t._v("button text")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("'取消'")])]),t._v(" "),a("tr",[a("td",[t._v("active")]),t._v(" "),a("td",[t._v("whether highlight")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("disabled")]),t._v(" "),a("td",[t._v("whether to disabled button")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("href")]),t._v(" "),a("td",[t._v("the link that will be jumped to when the button is clicked")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("'javascript:;'")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Name")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Scope Parameters")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("title")]),t._v(" "),a("td",[t._v("title")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("content")]),t._v(" "),a("td",[t._v("content")]),t._v(" "),a("td",[t._v("-")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Event Name")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Parameters 1")]),t._v(" "),a("th",[t._v("Parameters 2")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("confirm")]),t._v(" "),a("td",[t._v("triggers when the confirm button is clicked")]),t._v(" "),a("td",[t._v("e - event target")]),t._v(" "),a("td",[t._v("the prompt input value when "),a("code",{pre:!0},[t._v("type")]),t._v(" is "),a("code",{pre:!0},[t._v("'prompt'")]),a("sup",[t._v("1.11.0")])])]),t._v(" "),a("tr",[a("td",[t._v("cancel")]),t._v(" "),a("td",[t._v("triggers when the cancel button is clicked")]),t._v(" "),a("td",[t._v("e - event target")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("close")]),t._v(" "),a("td",[t._v("triggers when the close button is clicked")]),t._v(" "),a("td",[t._v("e - event target")]),t._v(" "),a("td",[t._v("-")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Method name")]),t._v(" "),a("th",[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("show")]),t._v(" "),a("td",[t._v("show")])]),t._v(" "),a("tr",[a("td",[t._v("hide")]),t._v(" "),a("td",[t._v("hide")])])])])}]}},fF0o:function(t,s,a){var v=a("VU/8")(null,a("QClZ"),null,null,null);t.exports=v.exports},gPPJ:function(t,s,a){t.exports=a("fF0o")}}); \ No newline at end of file diff --git a/docs/js/83.4d15621c396625719cee.js b/docs/js/83.4d15621c396625719cee.js new file mode 100644 index 000000000..79e5023aa --- /dev/null +++ b/docs/js/83.4d15621c396625719cee.js @@ -0,0 +1 @@ +webpackJsonp([83],{"63Ju":function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"DatePicker"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-DatePicker-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" DatePicker")]),s._v(" "),s._m(0),s._v(" "),a("p",[s._v("DatePicker can be used to choose date, which has flexible configuration for time granularity, such as year - month - date, hour - minute - second, year - month - date - hour - minute - second, year - month, etc.")]),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"Example"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Example")]),s._v(" "),s._m(2),s._v(" "),a("h3",{attrs:{id:"Propsconfiguration"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props configuration")]),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),s._m(5),s._v(" "),a("h3",{attrs:{id:"Events"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Events")]),s._v(" "),s._m(6),s._v(" "),a("h3",{attrs:{id:"Methods"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Methods-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Methods")]),s._v(" "),s._m(7)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("New in 1.7.0+")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("strong",[s._v("Notice:")]),s._v(" Cause this component used create-api, so you should read "),a("a",{attrs:{href:"#/en-US/docs/create-api"}},[s._v("create-api")]),s._v(" first.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("Basic usage")]),s._v(" "),a("p",[s._v("You can create a component instance by "),a("code",{pre:!0},[s._v("$createDatePicker")]),s._v(", and configure "),a("code",{pre:!0},[s._v("min")]),s._v(", "),a("code",{pre:!0},[s._v("max")]),s._v(" to set the selected date range. the "),a("code",{pre:!0},[s._v("value")]),s._v(" could use to set the current selected date.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showDatePicker"')]),s._v(">")]),s._v("Date Picker"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showDatePicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".datePicker) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".datePicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDatePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Date Picker'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("min")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2008")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("7")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("8")]),s._v("),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("max")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2020")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("9")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("20")]),s._v("),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("(),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandle\n })\n }\n\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".datePicker.show()\n },\n selectHandle(date, selectedVal, selectedText) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Selected Item:
- date: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${date}")]),s._v("
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("' '")]),s._v(")}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n cancelHandle() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("Column configuration")]),s._v(" "),a("p",[s._v("Though column configuration, "),a("code",{pre:!0},[s._v("DatePicker")]),s._v(" get the power of flexible time granularity. There are six columns in total: year, month, date, hour, minute and second. You can configure the starting column and the count of columns by "),a("code",{pre:!0},[s._v("startColumn")]),s._v(" and "),a("code",{pre:!0},[s._v("columnCount")]),s._v(', such as the default "year - month - date" picker is "three column" starting from "year", and "hour - minute - second" picker is the "three column" starting from "time".')]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showTimePicker"')]),s._v(">")]),s._v("Time Picker"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showTimePicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".timePicker) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".timePicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDatePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Time Picker'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("min")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("8")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("max")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("20")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("59")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("59")]),s._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("(),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("startColumn")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'hour'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandle\n })\n }\n\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".timePicker.show()\n },\n selectHandle(date, selectedVal, selectedText) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Selected Item:
- date: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${date}")]),s._v("
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("' '")]),s._v(")}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n cancelHandle() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("year-month-date-hour-minute-second")]),s._v(" "),a("p",[s._v('Similarly, if you want year-month-date-hour-minute-second picker, just "six columns" starting from "year"')]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showDateTimePicker"')]),s._v(">")]),s._v("Date Time Picker"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showDateTimePicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".dateTimePicker) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".dateTimePicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDatePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Date Time Picker'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("min")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2008")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("7")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("8")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("8")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("max")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2020")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("9")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("20")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("20")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("59")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("59")]),s._v("),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("(),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("columnCount")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("6")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandle\n })\n }\n\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".dateTimePicker.show()\n },\n selectHandle(date, selectedVal, selectedText) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Selected Item:
- date: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${date}")]),s._v("
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("' '")]),s._v(")}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n cancelHandle() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("Format")]),s._v(" "),a("p",[s._v("You can also configure the date format by the property "),a("code",{pre:!0},[s._v("format")]),s._v(".")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showFormatPicker"')]),s._v(">")]),s._v("Use format"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showFormatPicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".formatPicker) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".formatPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDatePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Use format'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("min")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2008")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("7")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("8")]),s._v("),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("max")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2020")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("9")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("20")]),s._v("),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("(),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("format")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("year")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'YY年'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("month")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'MM月'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("date")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'第 D 日'")]),s._v("\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandle\n })\n }\n\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".formatPicker.show()\n },\n selectHandle(date, selectedVal, selectedText) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Selected Item:
- date: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${date}")]),s._v("
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("' '")]),s._v(")}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n cancelHandle() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[a("code",{pre:!0},[s._v("columnOrder")]),s._v(" "),a("sup",[s._v("1.12.14")])]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("columnOrder")]),s._v(" can be used to change the display order in case where the order is not 'Year-Month-Date Hour-Minute-Second'. For example, we can set the "),a("code",{pre:!0},[s._v("columnOrder")]),s._v(" to "),a("code",{pre:!0},[s._v("['month', 'date', 'year']")]),s._v(" for the display order of 'Month-Date-Year'.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showChangeOrderPicker"')]),s._v(">")]),s._v("Date Picker(Change order)"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showChangeOrderPicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".changeOrderPicker) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".changeOrderPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDatePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Date Picker'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("min")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2008")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("7")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("8")]),s._v("),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("max")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2020")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("9")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("20")]),s._v("),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("(),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("columnOrder")]),s._v(": ["),a("span",{attrs:{class:"hljs-string"}},[s._v("'month'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'date'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'year'")]),s._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandle\n })\n }\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".changeOrderPicker.show()\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[a("code",{pre:!0},[s._v("$updateProps")])]),s._v(" "),a("p",[s._v("With the "),a("code",{pre:!0},[s._v("$updateProps")]),s._v(" method, you can modify the properties of component instances created by createAPI. For example, in "),a("code",{pre:!0},[s._v("DatePicker")]),s._v(", we can modify the value of "),a("code",{pre:!0},[s._v("value")]),s._v(" attribute to change the date currently selected.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showUpdatePropsPicker"')]),s._v(">")]),s._v("Use $updateProps"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showUpdatePropsPicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (!"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".updatePropsPicker) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".updatePropsPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDatePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Use $updateProps'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("min")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2008")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("7")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("8")]),s._v("),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("max")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2020")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("9")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("20")]),s._v("),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("(),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandle\n })\n }\n\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".updatePropsPicker.show()\n setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".updatePropsPicker.$updateProps({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'updated'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" "),a("span",{attrs:{class:"hljs-built_in"}},[s._v("Date")]),s._v("("),a("span",{attrs:{class:"hljs-number"}},[s._v("2010")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("9")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(")\n })\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n },\n selectHandle(date, selectedVal, selectedText) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Selected Item:
- date: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${date}")]),s._v("
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("' '")]),s._v(")}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n cancelHandle() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n }\n}\n")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Accepted Values")]),s._v(" "),a("th",[s._v("Default")]),s._v(" "),a("th",[s._v("Example")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("min")]),s._v(" "),a("td",[s._v("the minimum value of optional range")]),s._v(" "),a("td",[s._v("Date, Array")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("new Date(2010, 1, 1)")]),s._v(" "),a("td",[s._v("new Date(2008, 7, 8)")])]),s._v(" "),a("tr",[a("td",[s._v("max")]),s._v(" "),a("td",[s._v("the maximum value of optional range")]),s._v(" "),a("td",[s._v("Date, Array")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("new Date(2020, 12, 31)")]),s._v(" "),a("td",[s._v("new Date(2020, 9, 20)")])]),s._v(" "),a("tr",[a("td",[s._v("value")]),s._v(" "),a("td",[s._v("current selected Date")]),s._v(" "),a("td",[s._v("Date, Array")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("the minimum value of optional range")]),s._v(" "),a("td",[s._v("new Date()")])]),s._v(" "),a("tr",[a("td",[s._v("startColumn")]),s._v(" "),a("td",[s._v("the start column")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("year/month/date/hour/minute/second")]),s._v(" "),a("td",[s._v("year")]),s._v(" "),a("td",[s._v("hour")])]),s._v(" "),a("tr",[a("td",[s._v("columnCount")]),s._v(" "),a("td",[s._v("the count of column")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("3")]),s._v(" "),a("td",[s._v("6")])]),s._v(" "),a("tr",[a("td",[s._v("format"),a("sup",[s._v("1.8.0+")])]),s._v(" "),a("td",[s._v("date format")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("{ year: 'YYYY', month: 'M', date: 'D', hour: 'hh', minute: 'mm', second: 'ss' }")]),s._v(" "),a("td",[s._v("{ year: 'YY年', month: 'MM月', date: '第 D 日' }")])]),s._v(" "),a("tr",[a("td",[s._v("title")]),s._v(" "),a("td",[s._v("title")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("''")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("subtitle"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("subtitle")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("''")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("cancelTxt")]),s._v(" "),a("td",[s._v("the text of the cancel button")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("'取消'")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("confirmTxt")]),s._v(" "),a("td",[s._v("the text of the confirm button")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("'确定'")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("swipeTime")]),s._v(" "),a("td",[s._v("the duration of the momentum animation when user flicks the wheel of the picker, Unit: ms")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("2500")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("visible"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("whether visible. Bind to "),a("code",{pre:!0},[s._v("v-model")])]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("maskClosable"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("whether hide the component when clicked the mask layer")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("true")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("zIndex"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("the value of the style z-index")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("100")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("columnOrder"),a("sup",[s._v("1.12.14")])]),s._v(" "),a("td",[s._v("display order")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("['year', 'month', 'date', 'hour', 'minute', 'second']")]),s._v(" "),a("td",[s._v("-")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("format")]),s._v(" sub configuration")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Default")]),s._v(" "),a("th",[s._v("Example")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("year")]),s._v(" "),a("td",[s._v("the format of year, "),a("code",{pre:!0},[s._v("YYYY")]),s._v(" represent full year，"),a("code",{pre:!0},[s._v("YY")]),s._v(" only last two digit of year")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("YYYY")])]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("YY年")])])]),s._v(" "),a("tr",[a("td",[s._v("month")]),s._v(" "),a("td",[s._v("the format of month, "),a("code",{pre:!0},[s._v("M")]),s._v(" don't pad 0，"),a("code",{pre:!0},[s._v("MM")]),s._v(" pad 0")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("M")])]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("MM月")])])]),s._v(" "),a("tr",[a("td",[s._v("date")]),s._v(" "),a("td",[s._v("the format of date, "),a("code",{pre:!0},[s._v("D")]),s._v(" don't pad 0，"),a("code",{pre:!0},[s._v("DD")]),s._v(" pad 0")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("D")])]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("第 D 日")])])]),s._v(" "),a("tr",[a("td",[s._v("hour")]),s._v(" "),a("td",[s._v("the format of hour, "),a("code",{pre:!0},[s._v("h")]),s._v(" don't pad 0，"),a("code",{pre:!0},[s._v("hh")]),s._v(" pad 0")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("hh")])]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("h点")])])]),s._v(" "),a("tr",[a("td",[s._v("minute")]),s._v(" "),a("td",[s._v("the format of minute, "),a("code",{pre:!0},[s._v("m")]),s._v(" don't pad 0，"),a("code",{pre:!0},[s._v("mm")]),s._v(" pad 0")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("mm")])]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("mm分")])])]),s._v(" "),a("tr",[a("td",[s._v("second")]),s._v(" "),a("td",[s._v("the format of second, "),a("code",{pre:!0},[s._v("s")]),s._v(" don't pad 0，"),a("code",{pre:!0},[s._v("ss")]),s._v(" pad 0")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("ss")])]),s._v(" "),a("td",[a("code",{pre:!0},[s._v("ss秒")])])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Event Name")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Parameters 1")]),s._v(" "),a("th",[s._v("Parameters 2")]),s._v(" "),a("th",[s._v("Parameters 3")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("select")]),s._v(" "),a("td",[s._v("triggers when clicking the confirm button")]),s._v(" "),a("td",[s._v("date: Date, the selected date")]),s._v(" "),a("td",[s._v("selectedVal: Array, the selected value")]),s._v(" "),a("td",[s._v("selectedText: Array, the selected text")])]),s._v(" "),a("tr",[a("td",[s._v("cancel")]),s._v(" "),a("td",[s._v("triggers when clicking the cancel button")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td")]),s._v(" "),a("tr",[a("td",[s._v("change")]),s._v(" "),a("td",[s._v("triggers when the roller scrolls")]),s._v(" "),a("td",[s._v("index: Number, index of current scrolling roller")]),s._v(" "),a("td",[s._v("selectedIndex: Number, index of selected item in current column")]),s._v(" "),a("td")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Method name")]),s._v(" "),a("th",[s._v("Description")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("show")]),s._v(" "),a("td",[s._v("show")])]),s._v(" "),a("tr",[a("td",[s._v("hide")]),s._v(" "),a("td",[s._v("hide")])])])])}]}},"6Rwf":function(s,t,a){s.exports=a("lqZM")},lqZM:function(s,t,a){var e=a("VU/8")(null,a("63Ju"),null,null,null);s.exports=e.exports}}); \ No newline at end of file diff --git a/docs/js/84.abe82c1b64c923ed2b19.js b/docs/js/84.abe82c1b64c923ed2b19.js new file mode 100644 index 000000000..4bab9b63a --- /dev/null +++ b/docs/js/84.abe82c1b64c923ed2b19.js @@ -0,0 +1 @@ +webpackJsonp([84],{"3JND":function(e,t,s){var a=s("VU/8")(null,s("CUf6"),null,null,null);e.exports=a.exports},CUf6:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("section",[s("h2",{attrs:{id:"create-apimodule"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-create-apimodule-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),e._v(" create-api module")]),e._v(" "),e._m(0),e._v(" "),e._m(1),e._v(" "),s("h3",{attrs:{id:"createAPI(Vue,Component,[events,single])"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-createAPI(Vue,Component,[events,single])-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),e._v(" createAPI(Vue, Component, [events, single])")]),e._v(" "),e._m(2),e._v(" "),s("h3",{attrs:{id:"HowtouseingeneralJSfilesoruseitinglobal"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-HowtouseingeneralJSfilesoruseitinglobal-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),e._v(" How to use in general JS files or use it in global")]),e._v(" "),e._m(3),e._v(" "),e._m(4),e._v(" "),s("p",[e._v("Or components in cube-ui, like Dialog:")]),e._v(" "),e._m(5),e._v(" "),s("p",[e._v("There is another idea which used the mode of data-driven. For example, in vuex, you could use a global state to label whether to call the component, and watch this state in App.vue to handle this component.")])])},staticRenderFns:[function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("p",[e._v("This module exports a function called "),s("code",{pre:!0},[e._v("createAPI")]),e._v(" with which you can invoke the custom component which has been instantiated in api form. And It could be called both in Vue instance context and "),s("a",{attrs:{href:"https://didi.github.io/cube-ui/#/en-US/docs/create-api#cube-HowtouseingeneralJSfilesoruseitinglobal-anchor"}},[e._v("general js file")]),e._v(".")])},function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("p",[s("strong",[e._v("Notice:")]),e._v(" All cube-ui componnets which used "),s("code",{pre:!0},[e._v("createAPI")]),e._v(" must be registered by "),s("code",{pre:!0},[e._v("Vue.use")]),e._v(".")])},function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("ul",[s("li",[s("p",[e._v("Parameters:")]),e._v(" "),s("ul",[s("li",[s("code",{pre:!0},[e._v("{Function} Vue")]),e._v(" Vue function")]),e._v(" "),s("li",[s("code",{pre:!0},[e._v("{Function | Object} Component")]),e._v(" Vue component which must contains "),s("code",{pre:!0},[e._v("name")])]),e._v(" "),s("li",[s("code",{pre:!0},[e._v("{Array} [events]")]),e._v(" the collection of the instantiated Vue Component's event name")]),e._v(" "),s("li",[s("code",{pre:!0},[e._v("{Boolean} [single]")]),e._v(" whether singleton")])])]),e._v(" "),s("li",[s("p",[e._v("Usage:")]),e._v(" "),s("ul",[s("li",[s("p",[e._v("This method will add a method which is named "),s("code",{pre:!0},[e._v("$create{camelize(Component.name)}")]),e._v(" to Vue's prototype, so you can instantiate the Vue component by "),s("code",{pre:!0},[e._v("const instance = this.$createAaBb(config, [renderFn, single])")]),e._v(" in other components. The instantiated component's template content will be attached to "),s("code",{pre:!0},[e._v("body")]),e._v(" element.")])]),e._v(" "),s("li",[s("p",[s("code",{pre:!0},[e._v("const instance = this.$createAaBb(config, renderFn, single)")])]),e._v(" "),s("p",[s("strong",[e._v("Parameters：")])]),e._v(" "),s("table",[s("thead",[s("tr",[s("th",[e._v("Attribute")]),e._v(" "),s("th",[e._v("Description")]),e._v(" "),s("th",[e._v("Type")]),e._v(" "),s("th",[e._v("Accepted Values")]),e._v(" "),s("th",[e._v("Default")])])]),e._v(" "),s("tbody",[s("tr",[s("td",[e._v("config")]),e._v(" "),s("td",[e._v("Config options")]),e._v(" "),s("td",[e._v("Object")]),e._v(" "),s("td",[e._v("{}")]),e._v(" "),s("td",[e._v("-")])]),e._v(" "),s("tr",[s("td",[e._v("renderFn")]),e._v(" "),s("td",[e._v("Optional, used to generate the VNode child node in the slot scene in general")]),e._v(" "),s("td",[e._v("Function")]),e._v(" "),s("td",[e._v("-")]),e._v(" "),s("td",[e._v("function (createElement) {...}")])]),e._v(" "),s("tr",[s("td",[e._v("single")]),e._v(" "),s("td",[e._v("Optional, whether the instantiated component is a singleton or not. If two parameters are provided and the "),s("code",{pre:!0},[e._v("renderFn")]),e._v("'s type is not function, then the "),s("code",{pre:!0},[e._v("single")]),e._v(" value is the sencond parameter's value.")]),e._v(" "),s("td",[e._v("Boolean")]),e._v(" "),s("td",[e._v("single in createAPI()")]),e._v(" "),s("td",[e._v("-")])])])]),e._v(" "),s("p",[s("strong",[e._v("Config options "),s("code",{pre:!0},[e._v("config")]),e._v(":")])]),e._v(" "),s("p",[e._v("It will be passed to the component as its props except the events in "),s("code",{pre:!0},[e._v("events")]),e._v("(It will transform by default, eg: If "),s("code",{pre:!0},[e._v("events")]),e._v(" has value "),s("code",{pre:!0},[e._v("['click']")]),e._v(", then the prop "),s("code",{pre:!0},[e._v("onClick")]),e._v(" will be treated as component's event and not component's props).")]),e._v(" "),s("p",[e._v("After 1.8.0+, you can set "),s("code",{pre:!0},[e._v("$props")]),e._v(" and "),s("code",{pre:!0},[e._v("$events")]),e._v(" in "),s("code",{pre:!0},[e._v("config")]),e._v(", "),s("code",{pre:!0},[e._v("$props")]),e._v(" supported reactive properties, these props will be watched.")]),e._v(" "),s("table",[s("thead",[s("tr",[s("th",[e._v("Attribute")]),e._v(" "),s("th",[e._v("Description")]),e._v(" "),s("th",[e._v("Type")]),e._v(" "),s("th",[e._v("Accepted Values")]),e._v(" "),s("th",[e._v("Default")])])]),e._v(" "),s("tbody",[s("tr",[s("td",[e._v("$props")]),e._v(" "),s("td",[e._v("Component props")]),e._v(" "),s("td",[e._v("Object")]),e._v(" "),s("td",[e._v("-")]),e._v(" "),s("td",[e._v("{"),s("br"),e._v(" title: 'title',"),s("br"),e._v(" content: 'my content',"),s("br"),e._v(" open: false"),s("br"),e._v("}")])]),e._v(" "),s("tr",[s("td",[e._v("$events")]),e._v(" "),s("td",[e._v("Component event handlers")]),e._v(" "),s("td",[e._v("Object")]),e._v(" "),s("td",[e._v("-")]),e._v(" "),s("td",[e._v("{"),s("br"),e._v(" click: 'clickHandler',"),s("br"),e._v(" select: this.selectHandler"),s("br"),e._v("}")])])])]),e._v(" "),s("p",[s("code",{pre:!0},[e._v("$props")]),e._v(" example, "),s("code",{pre:!0},[e._v("{ [key]: [propKey] }")]),e._v(":")]),e._v(" "),s("pre",{pre:!0},[s("code",{attrs:{"v-pre":"",class:"language-js"}},[e._v("{\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("title")]),e._v(": "),s("span",{attrs:{class:"hljs-string"}},[e._v("'title'")]),e._v(",\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("content")]),e._v(": "),s("span",{attrs:{class:"hljs-string"}},[e._v("'my content'")]),e._v(",\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("open")]),e._v(": "),s("span",{attrs:{class:"hljs-literal"}},[e._v("false")]),e._v("\n}\n")])]),e._v(" "),s("p",[s("code",{pre:!0},[e._v("title")]),e._v(", "),s("code",{pre:!0},[e._v("content")]),e._v(" and "),s("code",{pre:!0},[e._v("open")]),e._v(" are keys of the component prop, and the prop' value will be taken by the following steps:")]),e._v(" "),s("ol",[s("li",[e._v("If "),s("code",{pre:!0},[e._v("propKey")]),e._v(" is not a string value, then use "),s("code",{pre:!0},[e._v("propKey")]),e._v(" as the prop value.")]),e._v(" "),s("li",[e._v("If "),s("code",{pre:!0},[e._v("propKey")]),e._v(" is a string value and the caller instance dont have the "),s("code",{pre:!0},[e._v("propKey")]),e._v(" property, then use "),s("code",{pre:!0},[e._v("propKey")]),e._v(" as the prop value.")]),e._v(" "),s("li",[e._v("If "),s("code",{pre:!0},[e._v("propKey")]),e._v(" is a string value and the caller instance have the "),s("code",{pre:!0},[e._v("propKey")]),e._v(" property, then use the caller's "),s("code",{pre:!0},[e._v("propKey")]),e._v(" property value as the prop value. And the prop value will be reactively.")])]),e._v(" "),s("p",[s("code",{pre:!0},[e._v("$events")]),e._v(" example, "),s("code",{pre:!0},[e._v("{ [eventName]: [eventValue] }")]),e._v(":")]),e._v(" "),s("pre",{pre:!0},[s("code",{attrs:{"v-pre":"",class:"language-js"}},[e._v("{\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("click")]),e._v(": "),s("span",{attrs:{class:"hljs-string"}},[e._v("'clickHandler'")]),e._v(",\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("select")]),e._v(": "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("this")]),e._v(".selectHandler\n}\n")])]),e._v(" "),s("p",[s("code",{pre:!0},[e._v("click")]),e._v(" and "),s("code",{pre:!0},[e._v("select")]),e._v(" are event names, and the event handlers will be taken by the following steps:")]),e._v(" "),s("ol",[s("li",[e._v("If "),s("code",{pre:!0},[e._v("eventValue")]),e._v(" is not a string value, then use "),s("code",{pre:!0},[e._v("eventValue")]),e._v(" as the event handler.")]),e._v(" "),s("li",[e._v("If "),s("code",{pre:!0},[e._v("eventValue")]),e._v(" is a string value, then use the caller's "),s("code",{pre:!0},[e._v("eventValue")]),e._v(" property value as the event handler.")])]),e._v(" "),s("p",[e._v("After 1.10.0+, you can set "),s("a",{attrs:{href:"https://vuejs.org/v2/guide/render-function.html#The-Data-Object-In-Depth"}},[e._v("all avaliable properties in Vue")]),e._v(", but you need to add prefix "),s("code",{pre:!0},[e._v("$")]),e._v(", eg:")]),e._v(" "),s("pre",{pre:!0},[s("code",{attrs:{"v-pre":"",class:"language-js"}},[s("span",{attrs:{class:"hljs-keyword"}},[e._v("this")]),e._v(".$createAaBb({\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("$attrs")]),e._v(": {\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("id")]),e._v(": "),s("span",{attrs:{class:"hljs-string"}},[e._v("'id'")]),e._v("\n },\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("$class")]),e._v(": {\n "),s("span",{attrs:{class:"hljs-string"}},[e._v("'my-class'")]),e._v(": "),s("span",{attrs:{class:"hljs-literal"}},[e._v("true")]),e._v("\n }\n})\n")])]),e._v(" "),s("p",[s("strong",[e._v("The Returned value "),s("code",{pre:!0},[e._v("instance")]),e._v(":")])]),e._v(" "),s("p",[s("code",{pre:!0},[e._v("instance")]),e._v(" is a instantiated Vue component.")]),e._v(" "),s("blockquote",[s("p",[e._v("And the "),s("code",{pre:!0},[e._v("remove")]),e._v(" method will be "),s("strong",[e._v("attached")]),e._v(" to this instance.")])]),e._v(" "),s("p",[e._v("You can invoke the "),s("code",{pre:!0},[e._v("remove")]),e._v(" method to destroy the component and detach the component's content from "),s("code",{pre:!0},[e._v("body")]),e._v(" element.")]),e._v(" "),s("p",[e._v("If the caller is destroyed and the "),s("code",{pre:!0},[e._v("instance")]),e._v(" will be destroyed too.")])])])]),e._v(" "),s("li",[s("p",[e._v("Example:")]),e._v(" "),s("p",[e._v("First we create Hello.vue component：")]),e._v(" "),s("pre",{pre:!0},[s("code",{attrs:{"v-pre":"",class:"language-html"}},[s("span",{attrs:{class:"hljs-tag"}},[e._v("<"),s("span",{attrs:{class:"hljs-name"}},[e._v("template")]),e._v(">")]),e._v("\n "),s("span",{attrs:{class:"hljs-tag"}},[e._v("<"),s("span",{attrs:{class:"hljs-name"}},[e._v("div")]),e._v(" "),s("span",{attrs:{class:"hljs-attr"}},[e._v("@click")]),e._v("="),s("span",{attrs:{class:"hljs-string"}},[e._v('"clickHandler"')]),e._v(">")]),e._v("\n {{content}}\n "),s("span",{attrs:{class:"hljs-tag"}},[e._v("<"),s("span",{attrs:{class:"hljs-name"}},[e._v("slot")]),e._v(" "),s("span",{attrs:{class:"hljs-attr"}},[e._v("name")]),e._v("="),s("span",{attrs:{class:"hljs-string"}},[e._v('"other"')]),e._v(">")]),s("span",{attrs:{class:"hljs-tag"}},[e._v("")]),e._v("\n "),s("span",{attrs:{class:"hljs-tag"}},[e._v("")]),e._v("\n"),s("span",{attrs:{class:"hljs-tag"}},[e._v("")]),e._v("\n\n"),s("span",{attrs:{class:"hljs-tag"}},[e._v("<"),s("span",{attrs:{class:"hljs-name"}},[e._v("script")]),e._v(" "),s("span",{attrs:{class:"hljs-attr"}},[e._v("type")]),e._v("="),s("span",{attrs:{class:"hljs-string"}},[e._v('"text/ecmascript-6"')]),e._v(">")]),s("span",{attrs:{class:"javascript"}},[e._v("\n "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("export")]),e._v(" "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("default")]),e._v(" {\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("name")]),e._v(": "),s("span",{attrs:{class:"hljs-string"}},[e._v("'hello'")]),e._v(",\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("props")]),e._v(": {\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("content")]),e._v(": {\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("type")]),e._v(": "),s("span",{attrs:{class:"hljs-built_in"}},[e._v("String")]),e._v(",\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("default")]),e._v(": "),s("span",{attrs:{class:"hljs-string"}},[e._v("'Hello'")]),e._v("\n }\n },\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("methods")]),e._v(": {\n clickHandler(e) {\n "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("this")]),e._v(".$emit("),s("span",{attrs:{class:"hljs-string"}},[e._v("'click'")]),e._v(", e)\n }\n }\n }\n")]),s("span",{attrs:{class:"hljs-tag"}},[e._v("")]),e._v("\n")])]),e._v(" "),s("p",[e._v("Then we make Hello.vue to an API style component by calling the "),s("code",{pre:!0},[e._v("createAPI")]),e._v(" method.")]),e._v(" "),s("pre",{pre:!0},[s("code",{attrs:{"v-pre":"",class:"language-js"}},[e._v(" "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("import")]),e._v(" Vue "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("from")]),e._v(" "),s("span",{attrs:{class:"hljs-string"}},[e._v("'vue'")]),e._v("\n "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("import")]),e._v(" Hello "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("from")]),e._v(" "),s("span",{attrs:{class:"hljs-string"}},[e._v("'./Hello.vue'")]),e._v("\n\n "),s("span",{attrs:{class:"hljs-comment"}},[e._v("// import Style to load the base style")]),e._v("\n "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("import")]),e._v(" {\n "),s("span",{attrs:{class:"hljs-comment"}},[e._v("/* eslint-disable no-unused-vars */")]),e._v("\n Style,\n Dialog,\n createAPI\n } "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("from")]),e._v(" "),s("span",{attrs:{class:"hljs-string"}},[e._v("'cube-ui'")]),e._v("\n\n Vue.use(Dialog)\n\n "),s("span",{attrs:{class:"hljs-comment"}},[e._v("// create this.$createHello API")]),e._v("\n createAPI(Vue, Hello, ["),s("span",{attrs:{class:"hljs-string"}},[e._v("'click'")]),e._v("], "),s("span",{attrs:{class:"hljs-literal"}},[e._v("true")]),e._v(")\n\n "),s("span",{attrs:{class:"hljs-comment"}},[e._v("// init Vue")]),e._v("\n "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("new")]),e._v(" Vue({\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("el")]),e._v(": "),s("span",{attrs:{class:"hljs-string"}},[e._v("'#app'")]),e._v(",\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("render")]),e._v(": "),s("span",{attrs:{class:"hljs-function"}},[s("span",{attrs:{class:"hljs-keyword"}},[e._v("function")]),e._v(" ("),s("span",{attrs:{class:"hljs-params"}},[e._v("h")]),e._v(") ")]),e._v("{\n "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("return")]),e._v(" h("),s("span",{attrs:{class:"hljs-string"}},[e._v("'button'")]),e._v(", {\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("on")]),e._v(": {\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("click")]),e._v(": "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("this")]),e._v(".showHello\n }\n }, ["),s("span",{attrs:{class:"hljs-string"}},[e._v("'Show Hello'")]),e._v("])\n },\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("methods")]),e._v(": {\n showHello() {\n "),s("span",{attrs:{class:"hljs-comment"}},[e._v("/* The first parameter of `$createHello` will be passed to the component as its props except the events in `events`(It will transform by default, eg: If `events` has value `['click']`, then the prop `onClick` will be treated as component's event and not component's props) */")]),e._v("\n "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("const")]),e._v(" instance = "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("this")]),e._v(".$createHello({\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("content")]),e._v(": "),s("span",{attrs:{class:"hljs-string"}},[e._v("'My Hello Content'")]),e._v(",\n onClick(e) {\n "),s("span",{attrs:{class:"hljs-built_in"}},[e._v("console")]),e._v(".log("),s("span",{attrs:{class:"hljs-string"}},[e._v("'Hello component clicked.'")]),e._v(")\n }\n }, "),s("span",{attrs:{class:"hljs-comment"}},[e._v("/* renderFn */")]),e._v(" (createElement) => {\n "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("return")]),e._v(" [\n createElement("),s("span",{attrs:{class:"hljs-string"}},[e._v("'p'")]),e._v(", {\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("slot")]),e._v(": "),s("span",{attrs:{class:"hljs-string"}},[e._v("'other'")]),e._v("\n }, "),s("span",{attrs:{class:"hljs-string"}},[e._v("'other content'")]),e._v(")\n ]\n })\n "),s("span",{attrs:{class:"hljs-comment"}},[e._v("// Also, the event hanlder can be registered by instance's `$on` method")]),e._v("\n instance.$on("),s("span",{attrs:{class:"hljs-string"}},[e._v("'click'")]),e._v(", (e) => {\n "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("const")]),e._v(" $dialog = "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("this")]),e._v(".$createDialog({\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("type")]),e._v(": "),s("span",{attrs:{class:"hljs-string"}},[e._v("'confirm'")]),e._v(",\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("content")]),e._v(": "),s("span",{attrs:{class:"hljs-string"}},[e._v("'click confirm to remove current instance'")]),e._v(",\n "),s("span",{attrs:{class:"hljs-attr"}},[e._v("icon")]),e._v(": "),s("span",{attrs:{class:"hljs-string"}},[e._v("'cubeic-alert'")]),e._v("\n })\n $dialog.show()\n\n $dialog.$on("),s("span",{attrs:{class:"hljs-string"}},[e._v("'confirm'")]),e._v(", () => {\n "),s("span",{attrs:{class:"hljs-comment"}},[e._v("// remove instance")]),e._v("\n instance.remove()\n }).$on("),s("span",{attrs:{class:"hljs-string"}},[e._v("'cancel'")]),e._v(", () => {\n "),s("span",{attrs:{class:"hljs-built_in"}},[e._v("console")]),e._v(".log("),s("span",{attrs:{class:"hljs-string"}},[e._v("'cancel'")]),e._v(")\n })\n })\n }\n }\n })\n")])]),e._v(" "),s("p",[e._v("In this example, we create a component "),s("code",{pre:!0},[e._v("Hello")]),e._v(" which needs to be invoked in api form and we invoke it in another component.The focus is what "),s("code",{pre:!0},[e._v("showHello()")]),e._v(" does: invoking method "),s("code",{pre:!0},[e._v("this.$createHello(config, renderFn)")]),e._v(" to instantiate "),s("code",{pre:!0},[e._v("Hello")]),e._v(".")])])])},function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("p",[e._v("In vue component, you could call by "),s("code",{pre:!0},[e._v("this.$createHello(config, renderFn)")]),e._v(" because the "),s("code",{pre:!0},[e._v("this")]),e._v(" is just a Vue instance. But in general JS files, you need to use "),s("code",{pre:!0},[e._v("Hello.$create")]),e._v(". As shown below:")])},function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("pre",{pre:!0},[s("code",{attrs:{"v-pre":"",class:"language-js"}},[s("span",{attrs:{class:"hljs-keyword"}},[e._v("import")]),e._v(" Vue "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("from")]),e._v(" "),s("span",{attrs:{class:"hljs-string"}},[e._v("'vue'")]),e._v("\n"),s("span",{attrs:{class:"hljs-keyword"}},[e._v("import")]),e._v(" Hello "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("from")]),e._v(" "),s("span",{attrs:{class:"hljs-string"}},[e._v("'./Hello.vue'")]),e._v("\n\n"),s("span",{attrs:{class:"hljs-keyword"}},[e._v("import")]),e._v(" {\n createAPI\n} "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("from")]),e._v(" "),s("span",{attrs:{class:"hljs-string"}},[e._v("'cube-ui'")]),e._v("\n\n"),s("span",{attrs:{class:"hljs-comment"}},[e._v("// 创建 this.$createHello and $Hello.create API")]),e._v("\ncreateAPI(Vue, Hello, ["),s("span",{attrs:{class:"hljs-string"}},[e._v("'click'")]),e._v("], "),s("span",{attrs:{class:"hljs-literal"}},[e._v("true")]),e._v(")\n\nHello.$create(config, renderFn)\n")])])},function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("pre",{pre:!0},[s("code",{attrs:{"v-pre":"",class:"language-js"}},[s("span",{attrs:{class:"hljs-keyword"}},[e._v("import")]),e._v(" Vue "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("from")]),e._v(" "),s("span",{attrs:{class:"hljs-string"}},[e._v("'vue'")]),e._v("\n"),s("span",{attrs:{class:"hljs-keyword"}},[e._v("import")]),e._v(" { Dialog } "),s("span",{attrs:{class:"hljs-keyword"}},[e._v("from")]),e._v(" "),s("span",{attrs:{class:"hljs-string"}},[e._v("'cube-ui'")]),e._v("\n\nVue.use(Dialog)\n\nDialog.$create({\n ...\n})\n")])])}]}},"i/fd":function(e,t,s){e.exports=s("3JND")}}); \ No newline at end of file diff --git a/docs/js/85.6807e0093e0b13ce9b0f.js b/docs/js/85.6807e0093e0b13ce9b0f.js new file mode 100644 index 000000000..6dbd37261 --- /dev/null +++ b/docs/js/85.6807e0093e0b13ce9b0f.js @@ -0,0 +1 @@ +webpackJsonp([85],{P4Dd:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Checker"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Checker-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Checker")]),s._v(" "),a("p",[s._v("Checker is more flexible selection component, you can alse customize the layout.")]),s._v(" "),a("h3",{attrs:{id:"Example"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Example")]),s._v(" "),s._m(0),s._v(" "),a("h3",{attrs:{id:"Propsconfiguration"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props configuration")]),s._v(" "),s._m(1),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),a("h3",{attrs:{id:"CubeCheckerItemPropsconfiguration"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-CubeCheckerItemPropsconfiguration-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CubeCheckerItem Props configuration")]),s._v(" "),s._m(4),s._v(" "),s._m(5),s._v(" "),s._m(6)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("Basic usage")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checker")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checkerValue"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"options"')]),s._v(" />")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("checkerValue")]),s._v(": [],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'red'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'yellow'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'blue'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("4")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'green'")]),s._v("\n }\n ]\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("The value of "),a("code",{pre:!0},[s._v("options")]),s._v(" is an array. The default "),a("code",{pre:!0},[s._v("checkerValue")]),s._v(" value is "),a("code",{pre:!0},[s._v("''")]),s._v(",\nIf you clicked one option, the "),a("code",{pre:!0},[s._v("checkerValue")]),s._v(" will be set as the value of this option.")])]),s._v(" "),a("li",[a("p",[s._v("radio")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checker")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checkerValue"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"options"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"radio"')]),s._v(" />")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("checkerValue")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("''")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'AAAAA'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'BBBBB'")]),s._v("\n }\n ]\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("If the "),a("code",{pre:!0},[s._v("type")]),s._v(" is set to "),a("code",{pre:!0},[s._v("'radio'")]),s._v(", the checker will be a radio type.\nThe default type is a "),a("code",{pre:!0},[s._v("'checkbox'")]),s._v(".")])]),s._v(" "),a("li",[a("p",[s._v("Use slot")]),s._v(" "),a("p",[s._v("You can use slot to implement custom layout.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checker")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checkerList"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"options"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"radio"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checker-item")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-for")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item in options"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":key")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item.value"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":option")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"item"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("span")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"orange"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("i")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"cubeic-alert"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("{{item.text}}"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("checkerList")]),s._v(": [],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'AAAAA'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'BBBBB'")]),s._v("\n }\n ]\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("Use min & max prop")]),s._v(" "),a("p",[s._v("You can use "),a("code",{pre:!0},[s._v("min")]),s._v(" and "),a("code",{pre:!0},[s._v("max")]),s._v(" prop but the "),a("code",{pre:!0},[s._v("type")]),s._v(" must set to "),a("code",{pre:!0},[s._v("'checkbox'")]),s._v(".")]),s._v(" "),a("p",[a("code",{pre:!0},[s._v("max")]),s._v(" set the max number of checked items, "),a("code",{pre:!0},[s._v("min")]),s._v(" set the min number of checked items.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checker")]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checkerList"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"options"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":min")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"1"')]),s._v("\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":max")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"2"')]),s._v("/>")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("checkerList")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("option")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'red'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'yellow'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'blue'")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("4")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'green'")]),s._v("\n }\n ]\n }\n }\n}\n")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Accepted Values")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("options")]),s._v(" "),a("td",[s._v("a collection of configuration items")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("type")]),s._v(" "),a("td",[s._v("the type of checker")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("checkbox/radio")]),s._v(" "),a("td",[s._v("checkbox")])]),s._v(" "),a("tr",[a("td",[s._v("min")]),s._v(" "),a("td",[s._v("the min number")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("0")])]),s._v(" "),a("tr",[a("td",[s._v("max")]),s._v(" "),a("td",[s._v("the max number")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("options length")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[s._v("options sub configuration")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("value")]),s._v(" "),a("td",[s._v("the value of checker item")]),s._v(" "),a("td",[s._v("String/Number")])]),s._v(" "),a("tr",[a("td",[s._v("text")]),s._v(" "),a("td",[s._v("the text of checker item")]),s._v(" "),a("td",[s._v("String")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Accepted Values")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("option")]),s._v(" "),a("td",[s._v("item configuration object")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[s._v("option sub configuration")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("value")]),s._v(" "),a("td",[s._v("the value of checker item")]),s._v(" "),a("td",[s._v("String/Number")])]),s._v(" "),a("tr",[a("td",[s._v("text")]),s._v(" "),a("td",[s._v("the text of checker item")]),s._v(" "),a("td",[s._v("String")])])])])}]}},YWVk:function(s,t,a){s.exports=a("nHuG")},nHuG:function(s,t,a){var v=a("VU/8")(null,a("P4Dd"),null,null,null);s.exports=v.exports}}); \ No newline at end of file diff --git a/docs/js/86.994f1822168b8f7f871c.js b/docs/js/86.994f1822168b8f7f871c.js new file mode 100644 index 000000000..d89a72945 --- /dev/null +++ b/docs/js/86.994f1822168b8f7f871c.js @@ -0,0 +1 @@ +webpackJsonp([86],{QTnR:function(s,t,a){s.exports=a("nejK")},V4w7:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"Checkbox"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Checkbox-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Checkbox")]),s._v(" "),s._m(0),s._v(" "),a("h3",{attrs:{id:"Example"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Example")]),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"Propsconfiguration"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props configuration")]),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),s._m(4)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("code",{pre:!0},[s._v("Checkbox")]),s._v(" component. You can set the state, pass on special class and set the position of the checkbox's icon.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("Basic usage")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checked"')]),s._v(">")]),s._v("\n Checkbox\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("p",[s._v("If selected, the value of "),a("code",{pre:!0},[s._v("checked")]),s._v(" is "),a("code",{pre:!0},[s._v("true")]),s._v(".")])]),s._v(" "),a("li",[a("p",[s._v("Styled checkbox")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checked"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("position")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"right"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("shape")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"square"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":hollow-style")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v(">")]),s._v("\n Styled Checkbox\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("p",[s._v("If setting "),a("code",{pre:!0},[s._v("position")]),s._v(" to "),a("code",{pre:!0},[s._v("'right'")]),s._v(", the position of the checkbox's icon is on the right. And you could use "),a("code",{pre:!0},[s._v("shape")]),s._v(" to configure the shape of icon, set "),a("code",{pre:!0},[s._v("hollow-style=true")]),s._v(" to use hollow-out style.")])]),s._v(" "),a("li",[a("p",[s._v("Change the value of model")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checked"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":option")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"option"')]),s._v(" />")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("checked")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("option")]),s._v(": {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Option Checkbox'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'optionValue'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("disabled")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("false")]),s._v("\n }\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("If "),a("code",{pre:!0},[s._v("option")]),s._v(" is setted, and when the checkbox is selected, the value of "),a("code",{pre:!0},[s._v("checked")]),s._v(" is "),a("code",{pre:!0},[s._v("'optionValue'")]),s._v(". When not selected, the value is "),a("code",{pre:!0},[s._v("false")]),s._v("; Therefore, in circumstances of single checkbox, better not set "),a("code",{pre:!0},[s._v("option")]),s._v(".")])]),s._v(" "),a("li",[a("p",[s._v("Disabled state")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checked"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":option")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"{disabled: true}"')]),s._v(">")]),s._v("\n Disabled Checkbox\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("With click")]),s._v(" "),a("p",[s._v("If you want to handle click event, you need to handle the style:")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("class")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"with-click"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checked"')]),s._v(">")]),s._v("\n Agree "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("a")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("href")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"javascript:;"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click.stop")]),s._v(">")]),s._v("《xxx》"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-styl"}},[a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".with-click")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-class"}},[s._v(".cube-checkbox-label")]),s._v("\n "),a("span",{attrs:{class:"hljs-selector-tag"}},[s._v("a")]),s._v("\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("position")]),s._v(": relative\n "),a("span",{attrs:{class:"hljs-attribute"}},[s._v("z-index")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("\n")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Accepted Values")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("option")]),s._v(" "),a("td",[s._v("option value")]),s._v(" "),a("td",[s._v("Boolean/String/Object")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("position")]),s._v(" "),a("td",[s._v("icon position")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("left/right")]),s._v(" "),a("td",[s._v("left")])]),s._v(" "),a("tr",[a("td",[s._v("shape")]),s._v(" "),a("td",[s._v("icon shape")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("circle/square")]),s._v(" "),a("td",[s._v("circle")])]),s._v(" "),a("tr",[a("td",[s._v("hollowStyle")]),s._v(" "),a("td",[s._v("whether is hollow-out style")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("option")]),s._v(" sub configuration")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("label")]),s._v(" "),a("td",[s._v("the text of label")]),s._v(" "),a("td",[s._v("String")])]),s._v(" "),a("tr",[a("td",[s._v("value")]),s._v(" "),a("td",[s._v("the value of checkbox item")]),s._v(" "),a("td",[s._v("String/Number")])]),s._v(" "),a("tr",[a("td",[s._v("disabled")]),s._v(" "),a("td",[s._v("whether the checkbox item is disabled")]),s._v(" "),a("td",[s._v("Boolean")])])])])}]}},nejK:function(s,t,a){var e=a("VU/8")(null,a("V4w7"),null,null,null);s.exports=e.exports}}); \ No newline at end of file diff --git a/docs/js/87.5e0971238075d01eced1.js b/docs/js/87.5e0971238075d01eced1.js new file mode 100644 index 000000000..bad60150f --- /dev/null +++ b/docs/js/87.5e0971238075d01eced1.js @@ -0,0 +1 @@ +webpackJsonp([87],{kDRg:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"CheckboxGroup"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-CheckboxGroup-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CheckboxGroup")]),s._v(" "),s._m(0),s._v(" "),a("h3",{attrs:{id:"Example"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Example")]),s._v(" "),s._m(1),s._v(" "),a("h3",{attrs:{id:"Propsconfiguration"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props configuration")]),s._v(" "),s._m(2),s._v(" "),s._m(3),s._v(" "),s._m(4),s._v(" "),s._m(5)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("code",{pre:!0},[s._v("CheckboxGroup")]),s._v(" is a group of checkboxs, which is used to select a group of options. It has vertical and horizontal styles.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("Vertical order")]),s._v(" "),a("p",[s._v("Default is vertical order style.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox-group")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checkList"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"options"')]),s._v(" />")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("checkList")]),s._v(": ["),a("span",{attrs:{class:"hljs-string"}},[s._v("'1'")]),s._v(", "),a("span",{attrs:{class:"hljs-string"}},[s._v("'4'")]),s._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": [\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'1'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-string"}},[s._v("'2'")]),s._v(",\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'3'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'3'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("disabled")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'4'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'4'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("disabled")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n }\n ]\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("The value of "),a("code",{pre:!0},[s._v("checkList")]),s._v(" is an array, which represents the set of the values of "),a("code",{pre:!0},[s._v("value")]),s._v(" in selected checkboxs.")])]),s._v(" "),a("li",[a("p",[s._v("Horizontal order and icon shape")]),s._v(" "),a("p",[s._v("You can set "),a("code",{pre:!0},[s._v("horizontal")]),s._v(" to change the style to horizontal order. Besides, you could use "),a("code",{pre:!0},[s._v("shape")]),s._v(" to configure the shape of icon and set "),a("code",{pre:!0},[s._v("hollow-style=true")]),s._v(" to use hollow-out style.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox-group")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checkList"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":options")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"options"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":horizontal")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("shape")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"square"')]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":hollow-style")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"true"')]),s._v(" />")]),s._v("\n")])])]),s._v(" "),a("li",[a("p",[s._v("Use slot")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox-group")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"checkList"')]),s._v(">")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("option")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"1"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("i")]),s._v(">")]),s._v("Checkbox 1"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("option")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"2"')]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("i")]),s._v(">")]),s._v("Checkbox 2"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":option")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"{value: '3', disabled: true}\"")]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("i")]),s._v(">")]),s._v("Disabled Checkbox"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n "),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-checkbox")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v(":option")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v("\"{value: '4', disabled: true}\"")]),s._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("i")]),s._v(">")]),s._v("Disabled & Checked Checkbox"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("p",[s._v("Use "),a("code",{pre:!0},[s._v("cube-checkbox")]),s._v(", "),a("a",{attrs:{href:"#/en-US/docs/checkbox"}},[s._v("cube-checkbox doc")]),s._v(".")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Accepted Values")]),s._v(" "),a("th",[s._v("Default")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("options")]),s._v(" "),a("td",[s._v("array of checkbox options")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("horizontal")]),s._v(" "),a("td",[s._v("whether in horizontal order")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("shape")]),s._v(" "),a("td",[s._v("icon shape")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("circle/square")]),s._v(" "),a("td",[s._v("circle")])]),s._v(" "),a("tr",[a("td",[s._v("hollowStyle")]),s._v(" "),a("td",[s._v("whether is hollow-out style")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("min"),a("sup",[s._v("1.11.0")])]),s._v(" "),a("td",[s._v("min selected items count")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("0")])]),s._v(" "),a("tr",[a("td",[s._v("max"),a("sup",[s._v("1.11.0")])]),s._v(" "),a("td",[s._v("max selected items count")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("Infinite")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("options")]),s._v(" sub configuration")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("label")]),s._v(" "),a("td",[s._v("label content")]),s._v(" "),a("td",[s._v("String")])]),s._v(" "),a("tr",[a("td",[s._v("value")]),s._v(" "),a("td",[s._v("checkbox item value")]),s._v(" "),a("td",[s._v("String/Number")])]),s._v(" "),a("tr",[a("td",[s._v("disabled")]),s._v(" "),a("td",[s._v("whether disabled")]),s._v(" "),a("td",[s._v("Boolean")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[s._v("Note: each "),a("code",{pre:!0},[s._v("options")]),s._v(" item can be an string value, now both the"),a("code",{pre:!0},[s._v("label")]),s._v(" and "),a("code",{pre:!0},[s._v("value")]),s._v(" values are the string value.")])}]}},wNVF:function(s,t,a){s.exports=a("xIH8")},xIH8:function(s,t,a){var v=a("VU/8")(null,a("kDRg"),null,null,null);s.exports=v.exports}}); \ No newline at end of file diff --git a/docs/js/88.de4a916472f104f61636.js b/docs/js/88.de4a916472f104f61636.js new file mode 100644 index 000000000..9910ebb79 --- /dev/null +++ b/docs/js/88.de4a916472f104f61636.js @@ -0,0 +1 @@ +webpackJsonp([88],{FLq0:function(s,t){s.exports={render:function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("section",[a("h2",{attrs:{id:"CascadePicker"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-CascadePicker-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" CascadePicker")]),s._v(" "),s._m(0),s._v(" "),s._m(1),s._v(" "),s._m(2),s._v(" "),a("h3",{attrs:{id:"Example"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Example")]),s._v(" "),s._m(3),s._v(" "),a("h3",{attrs:{id:"Propsconfiguration"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Props configuration")]),s._v(" "),s._m(4),s._v(" "),s._m(5),s._v(" "),s._m(6),s._v(" "),a("h3",{attrs:{id:"Events"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Events")]),s._v(" "),s._m(7),s._v(" "),a("h3",{attrs:{id:"Instancemethods"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Instancemethods-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),s._v(" Instance methods")]),s._v(" "),s._m(8)])},staticRenderFns:[function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("blockquote",[a("p",[s._v("New in 1.2.0+")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("code",{pre:!0},[s._v("CascadePicker")]),s._v(" component is used to implement the cascading change between picker columns. What is the effect of cascade? Considering the usage of province-city-area picker, when the province is changed, you may want the city column to display the exact cities of current province, so does the area column. And the "),a("code",{pre:!0},[s._v("CascadePicker")]),s._v(" is here to help you handle this.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("p",[a("strong",[s._v("Notice:")]),s._v(" Cause this component used create-api, so you should read "),a("a",{attrs:{href:"#/en-US/docs/create-api"}},[s._v("create-api")]),s._v(" first.")])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("p",[s._v("Basic usage")]),s._v(" "),a("p",[s._v("Comparing to "),a("code",{pre:!0},[s._v("Picker")]),s._v(", the required structure of props data is different for "),a("code",{pre:!0},[s._v("CascadePicker")]),s._v(". The data structure of "),a("code",{pre:!0},[s._v("Picker")]),s._v(" is a two-dimensional array, and each column corresponds to an array. As in "),a("code",{pre:!0},[s._v("CascadePicker")]),s._v(", we need a tree structure, that each item of first column has a "),a("code",{pre:!0},[s._v("children")]),s._v(" property which contains the corresponding data of following columns. Here is an example.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showCascadePicker"')]),s._v(">")]),s._v("Cascade Picker"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" cascadeData = [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Fruit'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Fruit'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("children")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Apple'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Apple'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("children")]),s._v(": [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'One'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Two'")]),s._v(" }]\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Orange'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Orange'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("children")]),s._v(": [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Three'")]),s._v("}, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("4")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Four'")]),s._v(" }]\n }\n ]\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Drink'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Drink'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("children")]),s._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Coffee'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Coffee'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("children")]),s._v(": [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'One'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Two'")]),s._v(" }]\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Tea'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Tea'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("children")]),s._v(": [{ "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'One'")]),s._v(" }, { "),a("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("3")]),s._v(", "),a("span",{attrs:{class:"hljs-attr"}},[s._v("text")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Three'")]),s._v("}]\n }\n ]\n }\n]\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n mounted () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cascadePicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createCascadePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Cascade Picker'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": cascadeData,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selectedIndex")]),s._v(": ["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("],\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandle\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showCascadePicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cascadePicker.show()\n },\n selectHandle(selectedVal, selectedIndex, selectedText) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Selected Item:
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("' '")]),s._v(")}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n cancelHandle() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n }\n}\n")])]),s._v(" "),a("p",[s._v("When the first column goes to "),a("code",{pre:!0},[s._v("Fruit")]),s._v(", the data of second column are "),a("code",{pre:!0},[s._v("Apple")]),s._v(" and "),a("code",{pre:!0},[s._v("Orange")]),s._v(". And so on, when the second column goes to on "),a("code",{pre:!0},[s._v("Orange")]),s._v(", the data of third column are "),a("code",{pre:!0},[s._v("Three")]),s._v(" and "),a("code",{pre:!0},[s._v("Four")]),s._v(".")])]),s._v(" "),a("li",[a("p",[s._v("Address Picker")]),s._v(" "),a("p",[s._v("For address picker, the only thing you need to do is constructing the cascading data.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showAddressPicker"')]),s._v(">")]),s._v("Address Picker"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" { provinceList, cityList, areaList } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'example/data/area'")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" addressData = provinceList\naddressData.forEach("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("province")]),s._v(" =>")]),s._v(" {\n province.children = cityList[province.value]\n province.children.forEach("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("city")]),s._v(" =>")]),s._v(" {\n city.children = areaList[city.value]\n })\n})\n\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n mounted () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".addressPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createCascadePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'City Picker'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": addressData,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandle\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showAddressPicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".addressPicker.show()\n },\n selectHandle(selectedVal, selectedIndex, selectedText) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Selected Item:
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("' '")]),s._v(")}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n cancelHandle() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("Instance method "),a("code",{pre:!0},[s._v("setData")])]),s._v(" "),a("p",[s._v("You could use "),a("code",{pre:!0},[s._v("setData")]),s._v(" to reset the cascading data and selected index of "),a("code",{pre:!0},[s._v("CascadePicker")]),s._v(" instance no matter whether the picker is visible.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showSetDataPicker"')]),s._v(">")]),s._v("SetData Picker"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n mounted () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".setDataPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createCascadePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Set Data'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandle\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showSetDataPicker() {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// setData when the picker is invisible.")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".setDataPicker.setData(cascadeData)\n\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".setDataPicker.show()\n setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// setData when the picker is visible.")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".setDataPicker.setData(addressData, ["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("])\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v(")\n },\n selectHandle(selectedVal, selectedIndex, selectedText) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Selected Item:
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("' '")]),s._v(")}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n cancelHandle() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n }\n}\n")])])]),s._v(" "),a("li",[a("p",[s._v("Async load data")]),s._v(" "),a("p",[s._v("When the data is too large, it will be really hard to construct the whole cascade data tree at beginning. For this case, you could use the property "),a("code",{pre:!0},[s._v("async")]),s._v(" to enable async load data and update the data at the event "),a("code",{pre:!0},[s._v("change")]),s._v(". Before the data is updated, we will block the confirm handler temporarily.")]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[s._v("<"),a("span",{attrs:{class:"hljs-name"}},[s._v("cube-button")]),s._v(" "),a("span",{attrs:{class:"hljs-attr"}},[s._v("@click")]),s._v("="),a("span",{attrs:{class:"hljs-string"}},[s._v('"showAsyncPicker"')]),s._v(">")]),s._v("Async Load Data"),a("span",{attrs:{class:"hljs-tag"}},[s._v("")]),s._v("\n")])]),s._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[s._v("import")]),s._v(" { provinceList, cityList, areaList } "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("from")]),s._v(" "),a("span",{attrs:{class:"hljs-string"}},[s._v("'example/data/area'")]),s._v("\n\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" asyncData = provinceList\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" asyncSelectedIndex = ["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(", "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("]\nasyncData["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("].children = cityList[asyncData["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("].value]\nasyncData["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("].children["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("].children = areaList[asyncData["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("].children["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("].value]\n\n"),a("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n mounted () {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".asyncPicker = "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createCascadePicker({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("title")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Async Load Data'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("async")]),s._v(": "),a("span",{attrs:{class:"hljs-literal"}},[s._v("true")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": asyncData,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("selectedIndex")]),s._v(": asyncSelectedIndex.slice(),\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onSelect")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".selectHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onCancel")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".cancelHandle,\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("onChange")]),s._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".asyncChangeHandle\n })\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n showAsyncPicker() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".asyncPicker.show()\n },\n asyncChangeHandle(i, newIndex) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (newIndex !== asyncSelectedIndex[i]) {\n asyncSelectedIndex[i] = newIndex\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// If the first two column is changed, request the data for rest columns.")]),s._v("\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (i < "),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v(") {\n "),a("span",{attrs:{class:"hljs-comment"}},[s._v("// Mock async load.")]),s._v("\n setTimeout("),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v(" =>")]),s._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (i === "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v(") {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" current = asyncData[newIndex]\n current.children = current.children || cityList[current.value]\n current.children["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("].children = current.children["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("].children || areaList[current.children["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("].value]\n asyncSelectedIndex["),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v("] = "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n asyncSelectedIndex["),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v("] = "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n }\n\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("if")]),s._v(" (i === "),a("span",{attrs:{class:"hljs-number"}},[s._v("1")]),s._v(") {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("const")]),s._v(" current = asyncData[asyncSelectedIndex["),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("]].children[newIndex]\n current.children = current.children || areaList[current.value]\n asyncSelectedIndex["),a("span",{attrs:{class:"hljs-number"}},[s._v("2")]),s._v("] = "),a("span",{attrs:{class:"hljs-number"}},[s._v("0")]),s._v("\n }\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".asyncPicker.setData(asyncData, asyncSelectedIndex)\n }, "),a("span",{attrs:{class:"hljs-number"}},[s._v("500")]),s._v(")\n }\n }\n },\n selectHandle(selectedVal, selectedIndex, selectedText) {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createDialog({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'warn'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("content")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("`Selected Item:
- value: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedVal.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- index: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedIndex.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("', '")]),s._v(")}")]),s._v("
- text: "),a("span",{attrs:{class:"hljs-subst"}},[s._v("${selectedText.join("),a("span",{attrs:{class:"hljs-string"}},[s._v("' '")]),s._v(")}")]),s._v("`")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("icon")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'cubeic-alert'")]),s._v("\n }).show()\n },\n cancelHandle() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[s._v("this")]),s._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("type")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'correct'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("txt")]),s._v(": "),a("span",{attrs:{class:"hljs-string"}},[s._v("'Picker canceled'")]),s._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[s._v("time")]),s._v(": "),a("span",{attrs:{class:"hljs-number"}},[s._v("1000")]),s._v("\n }).show()\n }\n }\n}\n")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Default")]),s._v(" "),a("th",[s._v("Accepted Values")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("data")]),s._v(" "),a("td",[s._v("the cascading data used to init option items")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("[]")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("selectedIndex")]),s._v(" "),a("td",[s._v("the index of the selected item, corresponding content will be displayed when picker shows")]),s._v(" "),a("td",[s._v("Array")]),s._v(" "),a("td",[s._v("[]")]),s._v(" "),a("td",[s._v("[1]")])]),s._v(" "),a("tr",[a("td",[s._v("async"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("async load data")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("false")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("title")]),s._v(" "),a("td",[s._v("title")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("''")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("subtitle"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("subtitle")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("''")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("cancelTxt")]),s._v(" "),a("td",[s._v("the text of the cancel button")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'取消'")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("confirmTxt")]),s._v(" "),a("td",[s._v("the text of the confirm button")]),s._v(" "),a("td",[s._v("String")]),s._v(" "),a("td",[s._v("'确定'")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("swipeTime")]),s._v(" "),a("td",[s._v("the duration of the momentum animation when user flicks the wheel of the picker, Unit: ms")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("2500")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("alias")]),s._v(" "),a("td",[s._v("configure the alias of "),a("code",{pre:!0},[s._v("value")]),s._v(" and "),a("code",{pre:!0},[s._v("text")]),s._v(", used as same as the alias of "),a("code",{pre:!0},[s._v("Picker")]),s._v(" component")]),s._v(" "),a("td",[s._v("Object")]),s._v(" "),a("td",[s._v("{}")]),s._v(" "),a("td",[s._v("{ value: 'id', text: 'name'}")])]),s._v(" "),a("tr",[a("td",[s._v("visible"),a("sup",[s._v("1.8.1")])]),s._v(" "),a("td",[s._v("whether visible. Bind to "),a("code",{pre:!0},[s._v("v-model")])]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("false")])]),s._v(" "),a("tr",[a("td",[s._v("maskClosable"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("whether hide the component when clicked the mask layer")]),s._v(" "),a("td",[s._v("Boolean")]),s._v(" "),a("td",[s._v("true/false")]),s._v(" "),a("td",[s._v("true")])]),s._v(" "),a("tr",[a("td",[s._v("zIndex"),a("sup",[s._v("1.9.6")])]),s._v(" "),a("td",[s._v("the value of the style z-index")]),s._v(" "),a("td",[s._v("Number")]),s._v(" "),a("td",[s._v("100")]),s._v(" "),a("td",[s._v("-")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("ul",[a("li",[a("code",{pre:!0},[s._v("data")]),s._v(" sub configuration")])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Attribute")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Type")]),s._v(" "),a("th",[s._v("Default")]),s._v(" "),a("th",[s._v("Example")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("text")]),s._v(" "),a("td",[s._v("the displayed text of each item")]),s._v(" "),a("td",[s._v("String/Number")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("value")]),s._v(" "),a("td",[s._v("the value of each item")]),s._v(" "),a("td",[s._v("String/Number/Boolean")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Event Name")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Parameters 1")]),s._v(" "),a("th",[s._v("Parameters 2")]),s._v(" "),a("th",[s._v("Parameters 3")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("select")]),s._v(" "),a("td",[s._v("triggers when clicking the confirm button")]),s._v(" "),a("td",[s._v("selectedVal: Array, values of each columns in current selected item")]),s._v(" "),a("td",[s._v("selectedIndex: Array, indexes of each columns in current selected item")]),s._v(" "),a("td",[s._v("selectedText: Array, texts of each columns in current selected item")])]),s._v(" "),a("tr",[a("td",[s._v("change")]),s._v(" "),a("td",[s._v("triggers when the roller scrolls")]),s._v(" "),a("td",[s._v("index: Number, index of current scrolling roller")]),s._v(" "),a("td",[s._v("selectedIndex: Number, index of selected item in current column")]),s._v(" "),a("td")]),s._v(" "),a("tr",[a("td",[s._v("cancel")]),s._v(" "),a("td",[s._v("triggers when clicking the cancel button")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td")])])])},function(){var s=this,t=s.$createElement,a=s._self._c||t;return a("table",[a("thead",[a("tr",[a("th",[s._v("Method name")]),s._v(" "),a("th",[s._v("Description")]),s._v(" "),a("th",[s._v("Parameters 1")]),s._v(" "),a("th",[s._v("Parameters 2")])])]),s._v(" "),a("tbody",[a("tr",[a("td",[s._v("show")]),s._v(" "),a("td",[s._v("show")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("hide")]),s._v(" "),a("td",[s._v("hide")]),s._v(" "),a("td",[s._v("-")]),s._v(" "),a("td",[s._v("-")])]),s._v(" "),a("tr",[a("td",[s._v("setData")]),s._v(" "),a("td",[s._v("reset the cascading data and selected index")]),s._v(" "),a("td",[s._v("Array, the cascading data")]),s._v(" "),a("td",[s._v("Array, the indexes of selected item in each column")])])])])}]}},KI1o:function(s,t,a){s.exports=a("QRzD")},QRzD:function(s,t,a){var e=a("VU/8")(null,a("FLq0"),null,null,null);s.exports=e.exports}}); \ No newline at end of file diff --git a/docs/js/89.f10e96c58d8eb0db1c28.js b/docs/js/89.f10e96c58d8eb0db1c28.js new file mode 100644 index 000000000..f91ccf15d --- /dev/null +++ b/docs/js/89.f10e96c58d8eb0db1c28.js @@ -0,0 +1 @@ +webpackJsonp([89],{"4Xeq":function(t,s,a){t.exports=a("P/Yg")},"P/Yg":function(t,s,a){var v=a("VU/8")(null,a("v8Nh"),null,null,null);t.exports=v.exports},v8Nh:function(t,s){t.exports={render:function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("section",[a("h2",{attrs:{id:"Button"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Button-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Button")]),t._v(" "),t._m(0),t._v(" "),a("h3",{attrs:{id:"Example"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Example")]),t._v(" "),t._m(1),t._v(" "),a("h3",{attrs:{id:"Propsconfiguration"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Props configuration")]),t._v(" "),t._m(2),t._v(" "),a("h3",{attrs:{id:"Events"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Events")]),t._v(" "),t._m(3)])},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[a("code",{pre:!0},[t._v("Button")]),t._v(" provides various types, styles, states and icons.")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("p",[t._v("Button type")]),t._v(" "),a("p",[t._v("The default type is "),a("code",{pre:!0},[t._v("button")]),t._v(", and you can set that to "),a("code",{pre:!0},[t._v("submit")]),t._v(" in form.")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(">")]),t._v("Button"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"submit"')]),t._v(">")]),t._v("Submit Button"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])])]),t._v(" "),a("li",[a("p",[t._v("Button state")]),t._v(" "),a("p",[t._v("Default is normal, can be set to active or disabled state.")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":active")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"true"')]),t._v(">")]),t._v("Active Button"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":disabled")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"true"')]),t._v(">")]),t._v("Disabled Button"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])])]),t._v(" "),a("li",[a("p",[t._v("Icon")]),t._v(" "),a("p",[t._v("You can set the class of "),a("code",{pre:!0},[t._v("icon")]),t._v(".")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("icon")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"cubeic-right"')]),t._v(">")]),t._v("Button With Icon"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])])]),t._v(" "),a("li",[a("p",[t._v("Style")]),t._v(" "),a("p",[t._v("You can set attributes like "),a("code",{pre:!0},[t._v("light")]),t._v(", "),a("code",{pre:!0},[t._v("inline")]),t._v(", "),a("code",{pre:!0},[t._v("outline")]),t._v(", and "),a("code",{pre:!0},[t._v("primary")]),t._v(" to change the button's style.")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":light")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"true"')]),t._v(">")]),t._v("Light Button"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":inline")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"true"')]),t._v(">")]),t._v("Inline Button"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":outline")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"true"')]),t._v(">")]),t._v("Outline Button"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":primary")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"true"')]),t._v(">")]),t._v("Primary Button"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Attribute")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Accepted Values")]),t._v(" "),a("th",[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("type")]),t._v(" "),a("td",[t._v("Button type")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("button/submit")]),t._v(" "),a("td",[t._v("button")])]),t._v(" "),a("tr",[a("td",[t._v("active")]),t._v(" "),a("td",[t._v("active state")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("disabled")]),t._v(" "),a("td",[t._v("disabled state")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("icon")]),t._v(" "),a("td",[t._v("Icon")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("the class of icon")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("light")]),t._v(" "),a("td",[t._v("light style")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("inline")]),t._v(" "),a("td",[t._v("whether inline")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("outline")]),t._v(" "),a("td",[t._v("outline style")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("primary")]),t._v(" "),a("td",[t._v("primary style")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Event Name")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Parameters")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("click")]),t._v(" "),a("td",[t._v("triggers when the button is clicked. If in disabled state, then it won't trigger")]),t._v(" "),a("td",[t._v("e - event target")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/9.25b65d16390d7c485995.js b/docs/js/9.25b65d16390d7c485995.js deleted file mode 100644 index 5a909b6fd..000000000 --- a/docs/js/9.25b65d16390d7c485995.js +++ /dev/null @@ -1 +0,0 @@ -webpackJsonp([9],{477:function(s,a,e){s.exports=e(561)},561:function(s,a,e){var n=e(11)(null,e(562),null,null,null);s.exports=n.exports},562:function(s,a){s.exports={render:function(){var s=this,a=s.$createElement;s._self._c;return s._m(0)},staticRenderFns:[function(){var s=this,a=s.$createElement,e=s._self._c||a;return e("section",[e("h2",[s._v("后编译")]),s._v(" "),e("p",[s._v("后编译指的是应用依赖的 NPM 包并不需要在发布前编译，而是随着应用编译打包的时候一块编译。")]),s._v(" "),e("p",[e("em",[s._v("注：")]),s._v(" 关于后编译更详细内容可参阅 "),e("a",{attrs:{href:"https://github.com/DDFE/DDFE-blog/issues/23"}},[s._v("webpack 应用编译优化之路")])]),s._v(" "),e("h3",[s._v("背景")]),s._v(" "),e("p",[s._v("使用 webpack + babel 开发应用越来越多，而且一般都是通过 NPM 进行包管理的，这样依赖包越来越多，这些依赖包也是使用的 ES2015+ 开发的，所以每个依赖包都需要编译才能发布，这样编译后代码中往往后包含很多编译代码，所以为了消除这部分冗余，推荐大家使用后编译。")]),s._v(" "),e("h3",[s._v("优缺点")]),s._v(" "),e("p",[s._v("优点：")]),s._v(" "),e("ul",[e("li",[s._v("公共的依赖可以实现共用，只此一份，重要的是只编译一次，建议通过 peerDependencies 管理依赖。")]),s._v(" "),e("li",[s._v("babel 转换 API（例如 babel-plugin-transform-runtime 或者 babel-polyfill）部分的代码只有一份。")]),s._v(" "),e("li",[s._v("不用每个依赖包都需要配置编译打包环节，甚至可以直接源码级别发布。")])]),s._v(" "),e("p",[s._v("缺点：")]),s._v(" "),e("ul",[e("li",[s._v("主应用的 babel 配置需要能兼容依赖包的 babel 配置。")]),s._v(" "),e("li",[s._v("依赖包不能使用 alias、不能方便的使用 DefinePlugin（可以经过一次简单编译，但是不做 babel 处理）。")]),s._v(" "),e("li",[s._v("应用编译时间会变长。")])]),s._v(" "),e("h3",[s._v("约定")]),s._v(" "),e("p",[s._v("考虑到有些应用会使用后编译，有些则只能使用编译好的依赖包，为了“争夺”入口，cube-ui 做了均衡，约定：")]),s._v(" "),e("blockquote",[e("p",[s._v("package.json 的 main 字段指向的就是编译后入口，而 module 字段指向的就是源码入口。")])]),s._v(" "),e("p",[e("em",[s._v("关于 "),e("a",{attrs:{href:"https://github.com/rollup/rollup/wiki/pkg.module"}},[s._v("pkg.module")])])]),s._v(" "),e("p",[s._v("这样，如果应用使用的是 webpack 2+，则默认走后编译，而如果使用的 webpack 1.x 则默认使用的是编译后内容；当然，这部分可以通过 webpack 的 alias 配置达到和版本无关效果。")]),s._v(" "),e("h3",[s._v("webpack 配置使用")]),s._v(" "),e("p",[s._v("后编译的场景是极有可能产生嵌套的情况，而且对于每个依赖包而言应该自己管理自身需要后编译的依赖；为了解决这个问题，可以使用 "),e("a",{attrs:{href:"https://www.npmjs.com/package/webpack-post-compile-plugin"}},[s._v("webpack-post-compile-plugin")]),s._v("，只需要在应用或者 NPM 包自身的 package.json 中通过 compileDependencies 来指定自身需要后编译依赖的包名。")]),s._v(" "),e("p",[s._v("一个应用示例配置：")]),s._v(" "),e("pre",{pre:!0},[e("code",{attrs:{"v-pre":"",class:"language-js"}},[e("span",{attrs:{class:"hljs-comment"}},[s._v("// webpack.config.js")]),s._v("\n"),e("span",{attrs:{class:"hljs-keyword"}},[s._v("var")]),s._v(" PostCompilePlugin = "),e("span",{attrs:{class:"hljs-built_in"}},[s._v("require")]),s._v("("),e("span",{attrs:{class:"hljs-string"}},[s._v("'webpack-post-compile-plugin'")]),s._v(")\n\n"),e("span",{attrs:{class:"hljs-built_in"}},[s._v("module")]),s._v(".exports = {\n "),e("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n "),e("span",{attrs:{class:"hljs-built_in"}},[s._v("module")]),s._v(": {\n "),e("span",{attrs:{class:"hljs-attr"}},[s._v("rules")]),s._v(": [\n "),e("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n {\n "),e("span",{attrs:{class:"hljs-attr"}},[s._v("test")]),s._v(": "),e("span",{attrs:{class:"hljs-regexp"}},[s._v("/\\.js$/")]),s._v(",\n "),e("span",{attrs:{class:"hljs-attr"}},[s._v("loader")]),s._v(": "),e("span",{attrs:{class:"hljs-string"}},[s._v("'babel-loader'")]),s._v(",\n "),e("span",{attrs:{class:"hljs-attr"}},[s._v("include")]),s._v(": [\n resolve("),e("span",{attrs:{class:"hljs-string"}},[s._v("'src'")]),s._v(")\n ]\n },\n "),e("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n ]\n },\n "),e("span",{attrs:{class:"hljs-comment"}},[s._v("// ...")]),s._v("\n plugins: [\n "),e("span",{attrs:{class:"hljs-keyword"}},[s._v("new")]),s._v(" PostCompilePlugin()\n ]\n}\n")])]),s._v(" "),e("p",[s._v("在应用的 package.json 中增加 compileDependencies：")]),s._v(" "),e("pre",{pre:!0},[e("code",{attrs:{"v-pre":"",class:"language-json"}},[s._v("// package.json\n{\n // ...\n "),e("span",{attrs:{class:"hljs-attr"}},[s._v('"compileDependencies"')]),s._v(": ["),e("span",{attrs:{class:"hljs-string"}},[s._v('"A"')]),s._v(", "),e("span",{attrs:{class:"hljs-string"}},[s._v('"B"')]),s._v("]\n // ...\n}\n")])]),s._v(" "),e("p",[s._v("如果说 A 还依赖 C 的话，只需要在 A 的 package.json 中指定 compileDependencies 即可：")]),s._v(" "),e("pre",{pre:!0},[e("code",{attrs:{"v-pre":"",class:"language-json"}},[s._v("// A package.json\n{\n // ...\n "),e("span",{attrs:{class:"hljs-attr"}},[s._v('"compileDependencies"')]),s._v(": ["),e("span",{attrs:{class:"hljs-string"}},[s._v('"C"')]),s._v("]\n // ...\n}\n")])])])}]}}}); \ No newline at end of file diff --git a/docs/js/9.400dd0ca20b41e8a2ddb.js b/docs/js/9.400dd0ca20b41e8a2ddb.js new file mode 100644 index 000000000..94e494909 --- /dev/null +++ b/docs/js/9.400dd0ca20b41e8a2ddb.js @@ -0,0 +1 @@ +webpackJsonp([9],{"7K2V":function(t,a){t.exports={render:function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("section",[s("h2",{attrs:{id:"Textarea"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-Textarea-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Textarea")]),t._v(" "),t._m(0),t._v(" "),t._m(1),t._v(" "),s("h3",{attrs:{id:"示例"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-示例-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 示例")]),t._v(" "),t._m(2),t._v(" "),s("h3",{attrs:{id:"Props配置"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-Props配置-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Props 配置")]),t._v(" "),t._m(3),t._v(" "),t._m(4),t._v(" "),s("h3",{attrs:{id:"事件"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-事件-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 事件")]),t._v(" "),t._m(5),t._v(" "),s("h3",{attrs:{id:"实例方法"}},[s("a",{staticClass:"anchor",attrs:{href:"#cube-实例方法-anchor","aria-hidden":"true"}},[s("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[s("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" 实例方法")]),t._v(" "),t._m(6)])},staticRenderFns:[function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("blockquote",[s("p",[t._v("1.5.0 新增")])])},function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("p",[t._v("多行输入框组件，支持使用"),s("code",{pre:!0},[t._v("v-model")]),t._v("对数据双向绑定，根据是否有内容、是否聚焦有折叠、展开两种状态。")])},function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("ul",[s("li",[s("p",[t._v("基本用法")]),t._v(" "),s("p",[t._v("使用"),s("code",{pre:!0},[t._v("v-model")]),t._v("对输入内容双向绑定。")]),t._v(" "),s("pre",{pre:!0},[s("code",{attrs:{"v-pre":"",class:"language-html"}},[s("span",{attrs:{class:"hljs-tag"}},[t._v("<"),s("span",{attrs:{class:"hljs-name"}},[t._v("cube-textarea")]),t._v(" "),s("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"value"')]),t._v(">")]),s("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),s("pre",{pre:!0},[s("code",{attrs:{"v-pre":"",class:"language-javascript"}},[s("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),s("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n data() {\n "),s("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" {\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v("value")]),t._v(": "),s("span",{attrs:{class:"hljs-string"}},[t._v("''")]),t._v("\n }\n }\n}\n")])])]),t._v(" "),s("li",[s("p",[t._v("配置计数标识")]),t._v(" "),s("pre",{pre:!0},[s("code",{attrs:{"v-pre":"",class:"language-html"}},[s("span",{attrs:{class:"hljs-tag"}},[t._v("<"),s("span",{attrs:{class:"hljs-name"}},[t._v("cube-textarea")]),t._v(" "),s("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"value"')]),t._v(" "),s("span",{attrs:{class:"hljs-attr"}},[t._v("indicator")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"indicator"')]),t._v(">")]),s("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),s("pre",{pre:!0},[s("code",{attrs:{"v-pre":"",class:"language-js"}},[s("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),s("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n data() {\n "),s("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" {\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v("indicator")]),t._v(": {\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v("negative")]),t._v(": "),s("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v("remain")]),t._v(": "),s("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n }\n }\n }\n}\n")])]),t._v(" "),s("p",[t._v("如果 "),s("code",{pre:!0},[t._v("indicator")]),t._v(" 的值为 "),s("code",{pre:!0},[t._v("false")]),t._v("，则不显示计数标识，如果为 "),s("code",{pre:!0},[t._v("true")]),t._v("，则等同于 "),s("code",{pre:!0},[t._v("{remain: true, negative: true}")]),t._v("，而如果是对象，则可通过 "),s("code",{pre:!0},[t._v("remain")]),t._v(" 和 "),s("code",{pre:!0},[t._v("negative")]),t._v(" 分别控制是否显示剩余字数（如果为 "),s("code",{pre:!0},[t._v("false")]),t._v(" 则显示输入字数）和是否允许负值。")])]),t._v(" "),s("li",[s("p",[t._v("多项配置")]),t._v(" "),s("p",[t._v("支持原生组件的配置。")]),t._v(" "),s("pre",{pre:!0},[s("code",{attrs:{"v-pre":"",class:"language-html"}},[s("span",{attrs:{class:"hljs-tag"}},[t._v("<"),s("span",{attrs:{class:"hljs-name"}},[t._v("cube-textarea")]),t._v("\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v("v-model")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"value"')]),t._v("\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v(":placeholder")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"placeholder"')]),t._v("\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v(":maxlength")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"maxlength"')]),t._v("\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v(":readonly")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"readonly"')]),t._v("\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v(":disabled")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"disabled"')]),t._v("\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v(":autofocus")]),t._v("="),s("span",{attrs:{class:"hljs-string"}},[t._v('"autofocus"')]),t._v("\n>")]),s("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),s("pre",{pre:!0},[s("code",{attrs:{"v-pre":"",class:"language-javascript"}},[s("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),s("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n data() {\n "),s("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" {\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v("value")]),t._v(": "),s("span",{attrs:{class:"hljs-string"}},[t._v("''")]),t._v(",\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v("placeholder")]),t._v(": "),s("span",{attrs:{class:"hljs-string"}},[t._v("'请输入内容'")]),t._v(",\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v("readonly")]),t._v(": "),s("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v("maxlength")]),t._v(": "),s("span",{attrs:{class:"hljs-number"}},[t._v("100")]),t._v(",\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v("disabled")]),t._v(": "),s("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),s("span",{attrs:{class:"hljs-attr"}},[t._v("autofocus")]),t._v(": "),s("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v("\n }\n }\n}\n")])])])])},function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("table",[s("thead",[s("tr",[s("th",[t._v("参数")]),t._v(" "),s("th",[t._v("说明")]),t._v(" "),s("th",[t._v("类型")]),t._v(" "),s("th",[t._v("可选值")]),t._v(" "),s("th",[t._v("默认值")])])]),t._v(" "),s("tbody",[s("tr",[s("td",[t._v("v-model")]),t._v(" "),s("td",[t._v("绑定的值")]),t._v(" "),s("td",[t._v("String")]),t._v(" "),s("td",[t._v("-")]),t._v(" "),s("td",[t._v("空")])]),t._v(" "),s("tr",[s("td",[t._v("disabled")]),t._v(" "),s("td",[t._v("禁用状态")]),t._v(" "),s("td",[t._v("Boolean")]),t._v(" "),s("td",[t._v("true/false")]),t._v(" "),s("td",[t._v("false")])]),t._v(" "),s("tr",[s("td",[t._v("readonly")]),t._v(" "),s("td",[t._v("只读状态")]),t._v(" "),s("td",[t._v("Boolean")]),t._v(" "),s("td",[t._v("true/false")]),t._v(" "),s("td",[t._v("false")])]),t._v(" "),s("tr",[s("td",[t._v("maxlength")]),t._v(" "),s("td",[t._v("最大输入长度")]),t._v(" "),s("td",[t._v("Number")]),t._v(" "),s("td",[t._v("-")]),t._v(" "),s("td",[t._v("60")])]),t._v(" "),s("tr",[s("td",[t._v("placeholder")]),t._v(" "),s("td",[t._v("占位文本")]),t._v(" "),s("td",[t._v("String")]),t._v(" "),s("td",[t._v("-")]),t._v(" "),s("td",[t._v("空")])]),t._v(" "),s("tr",[s("td",[t._v("autofocus")]),t._v(" "),s("td",[t._v("自动对焦")]),t._v(" "),s("td",[t._v("Boolean")]),t._v(" "),s("td",[t._v("true/false")]),t._v(" "),s("td",[t._v("false")])]),t._v(" "),s("tr",[s("td",[t._v("indicator"),s("sup",[t._v("1.10.0")])]),t._v(" "),s("td",[t._v("计数标识配置")]),t._v(" "),s("td",[t._v("Boolean/Object")]),t._v(" "),s("td",[t._v("true/false/{}")]),t._v(" "),s("td",[t._v("true")])]),t._v(" "),s("tr",[s("td",[t._v("autoExpand"),s("sup",[t._v("1.12.0")])]),t._v(" "),s("td",[t._v("如果为 true 且默认有内容的话，会默认展开")]),t._v(" "),s("td",[t._v("Boolean")]),t._v(" "),s("td",[t._v("true/false")]),t._v(" "),s("td",[t._v("false")])])])])},function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("ul",[s("li",[s("p",[t._v("indicator 子配置项")]),t._v(" "),s("p",[t._v("如果 "),s("code",{pre:!0},[t._v("indicator")]),t._v(" 的值为 "),s("code",{pre:!0},[t._v("false")]),t._v("，则不显示计数标识，如果为 "),s("code",{pre:!0},[t._v("true")]),t._v(" 则等同于配置 "),s("code",{pre:!0},[t._v("{remain: true, negative: true}")]),t._v("。如果是对象，则：")]),t._v(" "),s("table",[s("thead",[s("tr",[s("th",[t._v("参数")]),t._v(" "),s("th",[t._v("说明")]),t._v(" "),s("th",[t._v("类型")]),t._v(" "),s("th",[t._v("可选值")]),t._v(" "),s("th",[t._v("默认值")])])]),t._v(" "),s("tbody",[s("tr",[s("td",[t._v("remain")]),t._v(" "),s("td",[t._v("是否控制显示剩余字数，如果为 "),s("code",{pre:!0},[t._v("false")]),t._v(" 则代表显示输入字数")]),t._v(" "),s("td",[t._v("Boolean")]),t._v(" "),s("td",[t._v("true/false")]),t._v(" "),s("td",[t._v("true")])]),t._v(" "),s("tr",[s("td",[t._v("negative")]),t._v(" "),s("td",[t._v("当 "),s("code",{pre:!0},[t._v("remain")]),t._v(" 为 true 时有效，是否允许出现负值")]),t._v(" "),s("td",[t._v("Boolean")]),t._v(" "),s("td",[t._v("true/false")]),t._v(" "),s("td",[t._v("true")])])])])])])},function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("table",[s("thead",[s("tr",[s("th",[t._v("事件名")]),t._v(" "),s("th",[t._v("说明")]),t._v(" "),s("th",[t._v("参数")])])]),t._v(" "),s("tbody",[s("tr",[s("td",[t._v("focus")]),t._v(" "),s("td",[t._v("输入框聚焦后触发此事件，如果禁用状态，则不触发")]),t._v(" "),s("td",[t._v("e - 事件对象")])]),t._v(" "),s("tr",[s("td",[t._v("blur")]),t._v(" "),s("td",[t._v("输入框失焦后触发此事件")]),t._v(" "),s("td",[t._v("e - 事件对象")])])])])},function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("table",[s("thead",[s("tr",[s("th",[t._v("方法名")]),t._v(" "),s("th",[t._v("说明")])])]),t._v(" "),s("tbody",[s("tr",[s("td",[t._v("focus"),s("sup",[t._v("1.12.10+")])]),t._v(" "),s("td",[t._v("获得焦点")])]),t._v(" "),s("tr",[s("td",[t._v("blur"),s("sup",[t._v("1.12.10+")])]),t._v(" "),s("td",[t._v("离焦")])])])])}]}},JsvZ:function(t,a,s){var v=s("VU/8")(null,s("7K2V"),null,null,null);t.exports=v.exports},PG1Z:function(t,a,s){t.exports=s("JsvZ")}}); \ No newline at end of file diff --git a/docs/js/90.5de2cbb333625c493adb.js b/docs/js/90.5de2cbb333625c493adb.js new file mode 100644 index 000000000..718ded2ae --- /dev/null +++ b/docs/js/90.5de2cbb333625c493adb.js @@ -0,0 +1 @@ +webpackJsonp([90],{"1H2i":function(t,e,r){t.exports=r("myNN")},myNN:function(t,e,r){var s=r("VU/8")(null,r("tPeN"),null,null,null);t.exports=s.exports},tPeN:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,r=t._self._c||e;return r("section",[r("h2",{attrs:{id:"better-scrollmodule"}},[r("a",{staticClass:"anchor",attrs:{href:"#cube-better-scrollmodule-anchor","aria-hidden":"true"}},[r("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[r("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" better-scroll module")]),t._v(" "),t._m(0),t._v(" "),r("h3",{attrs:{id:"Links"}},[r("a",{staticClass:"anchor",attrs:{href:"#cube-Links-anchor","aria-hidden":"true"}},[r("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[r("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Links")]),t._v(" "),r("p",[t._v("About better-scroll:")]),t._v(" "),t._m(1)])},staticRenderFns:[function(){var t=this,e=t.$createElement,r=t._self._c||e;return r("p",[t._v("This module exports a default function called "),r("code",{pre:!0},[t._v("BetterScroll")]),t._v(", for more information about better-scroll, please refer to "),r("a",{attrs:{href:"https://github.com/ustbhuangyi/better-scroll"}},[t._v("better-scroll lib")]),t._v(".")])},function(){var t=this,e=t.$createElement,r=t._self._c||e;return r("ul",[r("li",[r("p",[r("a",{attrs:{href:"https://ustbhuangyi.github.io/better-scroll/#/"}},[t._v("Home")])])]),t._v(" "),r("li",[r("p",[r("a",{attrs:{href:"https://ustbhuangyi.github.io/better-scroll/#/examples/en"}},[t._v("Example")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/91.1d32ffd75906b9317259.js b/docs/js/91.1d32ffd75906b9317259.js new file mode 100644 index 000000000..34ad26d91 --- /dev/null +++ b/docs/js/91.1d32ffd75906b9317259.js @@ -0,0 +1 @@ +webpackJsonp([91],{E7JB:function(t,s,a){var v=a("VU/8")(null,a("poR7"),null,null,null);t.exports=v.exports},egGD:function(t,s,a){t.exports=a("E7JB")},poR7:function(t,s){t.exports={render:function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("section",[a("h2",{attrs:{id:"ActionSheet"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-ActionSheet-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" ActionSheet")]),t._v(" "),t._m(0),t._v(" "),t._m(1),t._v(" "),a("h3",{attrs:{id:"Example"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Example-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Example")]),t._v(" "),t._m(2),t._v(" "),a("h3",{attrs:{id:"Propsconfiguration"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Propsconfiguration-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Props configuration")]),t._v(" "),t._m(3),t._v(" "),t._m(4),t._v(" "),t._m(5),t._v(" "),a("h3",{attrs:{id:"Events"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Events-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Events")]),t._v(" "),t._m(6),t._v(" "),a("h3",{attrs:{id:"Instancemethods"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Instancemethods-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Instance methods")]),t._v(" "),t._m(7)])},staticRenderFns:[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[a("code",{pre:!0},[t._v("ActionSheet")]),t._v(" provides two common styles and it is flexible.")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("p",[a("strong",[t._v("Notice:")]),t._v(" Cause this component used create-api, so you should read "),a("a",{attrs:{href:"#/en-US/docs/create-api"}},[t._v("create-api")]),t._v(" first.")])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("p",[t._v("Basic usage")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showActionSheet"')]),t._v(">")]),t._v("action sheet"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showDefault() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createActionSheet({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'我是标题~~~'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("data")]),t._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'align - center'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("class")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'cube-foo'")]),t._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'align - left'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("align")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'left'")]),t._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'align - right'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("align")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'right'")]),t._v("\n }\n ],\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onSelect")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[t._v("("),a("span",{attrs:{class:"hljs-params"}},[t._v("item, index")]),t._v(") =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`Clicked "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${item.content}")]),t._v("`")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v("\n }).show()\n }\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[t._v("You can create a basic actionsheet by setting "),a("code",{pre:!0},[t._v("title")]),t._v(" and "),a("code",{pre:!0},[t._v("data")]),t._v(" option. Pay attention that "),a("code",{pre:!0},[t._v("content")]),t._v(" in "),a("code",{pre:!0},[t._v("data")]),t._v(" can be a HTML string. Also, setting the custom class by "),a("code",{pre:!0},[t._v("class")]),t._v(" and setting the align of the item's content by "),a("code",{pre:!0},[t._v("align")]),t._v(".")])]),t._v(" "),a("li",[a("p",[t._v("Highlight item")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showActive"')]),t._v(">")]),t._v("ActionSheet - active"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showActive() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createActionSheet({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'我是标题~~~'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("active")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("0")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("data")]),t._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'舒适型'")]),t._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'七座商务'")]),t._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'豪华型'")]),t._v("\n }\n ],\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onSelect")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[t._v("("),a("span",{attrs:{class:"hljs-params"}},[t._v("item, index")]),t._v(") =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`Clicked "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${item.content}")]),t._v("`")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'correct'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onCancel")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[t._v("()")]),t._v(" =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`Clicked canceled`")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'warn'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v("\n }).show()\n }\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[t._v("You can control the highlighted item by setting the "),a("code",{pre:!0},[t._v("active")]),t._v(" option.")])]),t._v(" "),a("li",[a("p",[t._v("Picker style setting")]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showPickerStyle"')]),t._v(">")]),t._v("ActionSheet - picker style"),a("span",{attrs:{class:"hljs-tag"}},[t._v("")]),t._v("\n")])]),t._v(" "),a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-js"}},[a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n showPickerStyle() {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createActionSheet({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("title")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'我是标题~~~'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("pickerStyle")]),t._v(": "),a("span",{attrs:{class:"hljs-literal"}},[t._v("true")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("data")]),t._v(": [\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'舒适型'")]),t._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'七座商务'")]),t._v("\n },\n {\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("content")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'豪华型'")]),t._v("\n }\n ],\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onSelect")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[t._v("("),a("span",{attrs:{class:"hljs-params"}},[t._v("item, index")]),t._v(") =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`Clicked "),a("span",{attrs:{class:"hljs-subst"}},[t._v("${item.content}")]),t._v("`")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'correct'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v("\n }).show()\n },\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("onCancel")]),t._v(": "),a("span",{attrs:{class:"hljs-function"}},[a("span",{attrs:{class:"hljs-params"}},[t._v("()")]),t._v(" =>")]),t._v(" {\n "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("`Clicked canceled`")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("type")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'warn'")]),t._v(",\n "),a("span",{attrs:{class:"hljs-attr"}},[t._v("time")]),t._v(": "),a("span",{attrs:{class:"hljs-number"}},[t._v("1000")]),t._v("\n }).show()\n }\n }).show()\n }\n }\n}\n")])]),t._v(" "),a("p",[t._v("You can use Picker style by setting "),a("code",{pre:!0},[t._v("pickerStyle")]),t._v(" to be true.")])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Attribute")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Accepted Values")]),t._v(" "),a("th",[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("title")]),t._v(" "),a("td",[t._v("actionsheet's title")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("''")])]),t._v(" "),a("tr",[a("td",[t._v("cancelTxt"),a("sup",[t._v("1.9.9")])]),t._v(" "),a("td",[t._v("the text of the cancel button")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("'取消'")])]),t._v(" "),a("tr",[a("td",[t._v("data")]),t._v(" "),a("td",[t._v("the data list to display")]),t._v(" "),a("td",[t._v("Array")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("[]")])]),t._v(" "),a("tr",[a("td",[t._v("active")]),t._v(" "),a("td",[t._v("the highlighted item's index")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("-1")])]),t._v(" "),a("tr",[a("td",[t._v("pickerStyle")]),t._v(" "),a("td",[t._v("Picker style")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("visible"),a("sup",[t._v("1.8.1")])]),t._v(" "),a("td",[t._v("whether visible. Bind to "),a("code",{pre:!0},[t._v("v-model")])]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("false")])]),t._v(" "),a("tr",[a("td",[t._v("maskClosable"),a("sup",[t._v("1.9.6")])]),t._v(" "),a("td",[t._v("whether hide the component when clicked the mask layer")]),t._v(" "),a("td",[t._v("Boolean")]),t._v(" "),a("td",[t._v("true/false")]),t._v(" "),a("td",[t._v("true")])]),t._v(" "),a("tr",[a("td",[t._v("zIndex"),a("sup",[t._v("1.9.6")])]),t._v(" "),a("td",[t._v("the value of the style z-index")]),t._v(" "),a("td",[t._v("Number")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("100")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("ul",[a("li",[a("code",{pre:!0},[t._v("data")]),t._v(" sub configuration")])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Attribute")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Accepted Values")]),t._v(" "),a("th",[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("content")]),t._v(" "),a("td",[t._v("the content to display in the actionsheet's item")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("any text, include HTML")]),t._v(" "),a("td",[t._v("''")])]),t._v(" "),a("tr",[a("td",[t._v("align")]),t._v(" "),a("td",[t._v("align the content")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("left/right")]),t._v(" "),a("td",[t._v("''")])]),t._v(" "),a("tr",[a("td",[t._v("class")]),t._v(" "),a("td",[t._v("custom class")]),t._v(" "),a("td",[t._v("String")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("''")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Event Name")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Parameters 1")]),t._v(" "),a("th",[t._v("Parameters 2")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("cancel")]),t._v(" "),a("td",[t._v("triggers when clicking the cancel button")]),t._v(" "),a("td",[t._v("-")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("select")]),t._v(" "),a("td",[t._v("triggers when clicking some item")]),t._v(" "),a("td",[t._v("the clicked item - data[index]")]),t._v(" "),a("td",[t._v("the index of the clicked item")])])])])},function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("table",[a("thead",[a("tr",[a("th",[t._v("Method name")]),t._v(" "),a("th",[t._v("Description")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("show")]),t._v(" "),a("td",[t._v("show")])]),t._v(" "),a("tr",[a("td",[t._v("hide")]),t._v(" "),a("td",[t._v("hide")])])])])}]}}}); \ No newline at end of file diff --git a/docs/js/app.05004a92ec666dc4a3dd.js b/docs/js/app.05004a92ec666dc4a3dd.js deleted file mode 100644 index ed06c02fa..000000000 --- a/docs/js/app.05004a92ec666dc4a3dd.js +++ /dev/null @@ -1 +0,0 @@ -webpackJsonp([45],{101:function(t,e){t.exports={"en-US":{overview:{name:"Overview",subList:{introduction:"Introduction","quick-start":"QuickStart","post-compile":"PostCompile"}},components:{name:"Components",subList:{basic:{name:"Basic",subList:{button:"Button",checkbox:"Checkbox","checkbox-group":"CheckboxGroup",loading:"Loading",tip:"Tip"}},popup:{name:"Popup",subList:{popup:"Popup",toast:"Toast",picker:"Picker","time-picker":"TimePicker",dialog:"Dialog","action-sheet":"ActionSheet"}},scroll:{name:"Scroll",subList:{scroll:"Scroll",slide:"Slide","index-list":"IndexList"}}}},modules:{name:"Modules",subList:{style:"style","create-api":"create-api","better-scroll":"better-scroll"}}},"zh-CN":{overview:{name:"概览",subList:{introduction:"介绍","quick-start":"快速上手","post-compile":"后编译"}},components:{name:"组件",subList:{basic:{name:"基础",subList:{button:"Button",checkbox:"Checkbox","checkbox-group":"CheckboxGroup",loading:"Loading",tip:"Tip"}},popup:{name:"弹出层",subList:{popup:"Popup",toast:"Toast",picker:"Picker","time-picker":"TimePicker",dialog:"Dialog","action-sheet":"ActionSheet"}},scroll:{name:"滚动",subList:{scroll:"Scroll",slide:"Slide","index-list":"IndexList"}}}},modules:{name:"模块",subList:{style:"style","create-api":"create-api","better-scroll":"better-scroll"}}}}},102:function(t,e,n){function o(t){n(191)}var r=n(11)(n(192),n(193),o,null,null);t.exports=r.exports},103:function(t,e,n){function o(t){n(199)}var r=n(11)(n(200),n(205),o,null,null);t.exports=r.exports},104:function(t,e,n){function o(t){n(210)}var r=n(11)(n(211),n(212),o,null,null);t.exports=r.exports},105:function(t,e,n){var o,r,i;!function(a,s){r=[t,e,n(226),n(227),n(228),n(233),n(229),n(230),n(231),n(232)],o=s,void 0!==(i="function"==typeof o?o.apply(e,r):o)&&(t.exports=i)}(0,function(t,e,n,o,r,i,a,s,u,c){"use strict";function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var f=l(n),d=l(o),p=l(r),v=l(i),m=l(a),h=l(s),_=l(u),x=l(c);f.default.registerLanguage("css",p.default),f.default.registerLanguage("markdown",v.default),f.default.registerLanguage("javascript",m.default),f.default.registerLanguage("json",h.default),f.default.registerLanguage("shell",d.default),f.default.registerLanguage("stylus",_.default),f.default.registerLanguage("xml",x.default),e.default=f.default,t.exports=e.default})},140:function(t,e,n){function o(t){n(181)}var r=n(11)(n(182),n(194),o,null,null);t.exports=r.exports},141:function(t,e,n){var o,r,i;!function(a,s){r=[n(66),n(145),n(149),n(105),n(234),n(436),n(437),n(438)],o=s,void 0!==(i="function"==typeof o?o.apply(e,r):o)&&(t.exports=i)}(0,function(t,e,n,o){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}var i=r(t),a=r(e),s=r(n);r(o).default.initHighlightingOnLoad(),new i.default({el:"#app",router:s.default,render:function(t){return t(a.default)}})})},145:function(t,e,n){function o(t){n(146)}var r=n(11)(null,n(148),o,null,null);t.exports=r.exports},146:function(t,e){},148:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{attrs:{id:"app"}},[n("router-view")],1)},staticRenderFns:[]}},149:function(t,e,n){var o,r,i;!function(a,s){r=[t,e,n(66),n(150),n(51),n(152),n(222),n(196),n(207),n(214),n(218),n(140)],o=s,void 0!==(i="function"==typeof o?o.apply(e,r):o)&&(t.exports=i)}(0,function(t,e,n,o,r,i,a,s,u,c,l){"use strict";function f(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var d=f(n),p=f(o),v=f(i),m=f(a),h=f(s),_=f(u),x=f(c),g=f(l);d.default.use(p.default);var b=(0,r.getCurrentLang)(),y=[{path:"",component:_.default},{path:"example",component:g.default}].concat(v.default["en-US"]),C=[{path:"",component:x.default},{path:"example",component:g.default}].concat(v.default["zh-CN"]);e.default=new p.default({routes:[{path:"/",redirect:"/"+b},{path:"/en-US",component:m.default,children:y},{path:"/zh-CN",component:h.default,children:C}]}),t.exports=e.default})},152:function(t,e,n){var o,r,i;!function(a,s){r=[t,e,n(153),n(101)],o=s,void 0!==(i="function"==typeof o?o.apply(e,r):o)&&(t.exports=i)}(0,function(t,e,o,r){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}function a(t){var e=[];return(0,s.default)(t.subList).forEach(function(n){var o=t.subList[n];"string"==typeof o?e.push(n):e=e.concat(a(o))}),e}Object.defineProperty(e,"__esModule",{value:!0});var s=i(o),u=i(r),c={};(0,s.default)(u.default).forEach(function(t){var e=[],o={path:"docs",redirect:"./docs/introduction",component:function(){return n(180)("./"+t+".vue")},children:e};c[t]=[o];var r=u.default[t];(0,s.default)(r).forEach(function(o){a(r[o]).forEach(function(o){e.push({path:o,component:function(){return n(195)("./"+t+"/"+o+".md")}})})})}),e.default=c,t.exports=e.default})},180:function(t,e,n){function o(t){var e=r[t];return e?n.e(e[1]).then(function(){return n(e[0])}):Promise.reject(new Error("Cannot find module '"+t+"'."))}var r={"./en-US.vue":[441,1],"./zh-CN.vue":[442,0]};o.keys=function(){return Object.keys(r)},o.id=180,t.exports=o},181:function(t,e){},182:function(t,e,n){var o,r,i;!function(a,s){r=[t,e,n(183),n(102),n(101)],o=s,void 0!==(i="function"==typeof o?o.apply(e,r):o)&&(t.exports=i)}(0,function(t,e,n,o,r){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var a=i(n),s=i(o),u=i(r);e.default={props:{lang:{type:String,default:"zh-CN"}},data:function(){return{navList:u.default[this.lang]}},components:{SideList:a.default,Display:s.default}},t.exports=e.default})},183:function(t,e,n){function o(t){n(184)}var r=n(11)(n(185),n(190),o,null,null);t.exports=r.exports},184:function(t,e){},185:function(t,e,n){var o,r,i;!function(a,s){r=[t,e,n(186)],o=s,void 0!==(i="function"==typeof o?o.apply(e,r):o)&&(t.exports=i)}(0,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=function(t){return t&&t.__esModule?t:{default:t}}(n);e.default={props:{navList:{type:Object,default:function(){return{}}}},components:{SideNav:o.default}},t.exports=e.default})},186:function(t,e,n){function o(t){n(187)}var r=n(11)(n(188),n(189),o,null,null);t.exports=r.exports},187:function(t,e){},188:function(t,e,n){var o,r,i;!function(n,a){r=[t,e],o=a,void 0!==(i="function"==typeof o?o.apply(e,r):o)&&(t.exports=i)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"side-nav",props:{data:{type:Object,default:function(){return{}}}}},t.exports=e.default})},189:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("ul",{staticClass:"nav-ul"},t._l(t.data,function(e,o){return n("li",{key:o,staticClass:"nav-li"},[e.name?[n("p",{staticClass:"nav-name"},[t._v(t._s(e.name))]),t._v(" "),n("side-nav",{attrs:{data:e.subList}})]:n("router-link",{attrs:{"active-class":"nav-active",to:{path:o}}},[t._v(t._s(e))])],2)}))},staticRenderFns:[]}},190:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("nav",{staticClass:"page-sidelist"},[n("side-nav",{attrs:{data:t.navList}})],1)},staticRenderFns:[]}},191:function(t,e){},192:function(t,e,n){var o,r,i;!function(a,s){r=[t,e,n(51)],o=s,void 0!==(i="function"==typeof o?o.apply(e,r):o)&&(t.exports=i)}(0,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={data:function(){return{hash:"/"}},computed:{ifrSrc:function(){return""+n.baseUrl+this.hash}},watch:{$route:{handler:function(t,e){var n=t.path.indexOf("/docs/");this.hash=t.path.substr(n+6)},immediate:!0}}},t.exports=e.default})},193:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"page-display"},[n("div",{staticClass:"display-wrapper"},[n("section",{staticClass:"mofang-demo"},[n("iframe",{attrs:{src:t.ifrSrc,frameborder:"0",width:"100%",height:"100%"}})])])])},staticRenderFns:[]}},194:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"docs-view"},[n("side-list",{attrs:{"nav-list":t.navList}}),t._v(" "),n("router-view",{directives:[{name:"highlight",rawName:"v-highlight"}],staticClass:"page-doc md-body"}),t._v(" "),n("display")],1)},staticRenderFns:[]}},195:function(t,e,n){function o(t){var e=r[t];return e?n.e(e[1]).then(function(){return n(e[0])}):Promise.reject(new Error("Cannot find module '"+t+"'."))}var r={"./en-US/action-sheet.md":[443,43],"./en-US/better-scroll.md":[444,42],"./en-US/button.md":[445,41],"./en-US/checkbox-group.md":[446,40],"./en-US/checkbox.md":[447,39],"./en-US/create-api.md":[448,38],"./en-US/dialog.md":[449,37],"./en-US/index-list.md":[450,36],"./en-US/install.md":[451,35],"./en-US/introduction.md":[452,34],"./en-US/loading.md":[453,33],"./en-US/picker.md":[454,32],"./en-US/popup.md":[455,31],"./en-US/post-compile.md":[456,30],"./en-US/quick-start.md":[457,29],"./en-US/scroll.md":[458,28],"./en-US/slide.md":[459,27],"./en-US/style.md":[460,26],"./en-US/time-picker.md":[461,25],"./en-US/tip.md":[462,24],"./en-US/toast.md":[463,23],"./zh-CN/action-sheet.md":[464,22],"./zh-CN/better-scroll.md":[465,21],"./zh-CN/button.md":[466,20],"./zh-CN/checkbox-group.md":[467,19],"./zh-CN/checkbox.md":[468,18],"./zh-CN/create-api.md":[469,17],"./zh-CN/dialog.md":[470,16],"./zh-CN/index-list.md":[471,15],"./zh-CN/install.md":[472,14],"./zh-CN/introduction.md":[473,13],"./zh-CN/loading.md":[474,12],"./zh-CN/picker.md":[475,11],"./zh-CN/popup.md":[476,10],"./zh-CN/post-compile.md":[477,9],"./zh-CN/quick-start.md":[478,8],"./zh-CN/scroll.md":[479,7],"./zh-CN/slide.md":[480,6],"./zh-CN/style.md":[481,5],"./zh-CN/time-picker.md":[482,4],"./zh-CN/tip.md":[483,3],"./zh-CN/toast.md":[484,2]};o.keys=function(){return Object.keys(r)},o.id=195,t.exports=o},196:function(t,e,n){function o(t){n(197)}var r=n(11)(n(198),n(206),o,null,null);t.exports=r.exports},197:function(t,e){},198:function(t,e,n){var o,r,i;!function(a,s){r=[t,e,n(103)],o=s,void 0!==(i="function"==typeof o?o.apply(e,r):o)&&(t.exports=i)}(0,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=function(t){return t&&t.__esModule?t:{default:t}}(n);e.default={components:{Home:o.default}},t.exports=e.default})},199:function(t,e){},200:function(t,e,n){var o,r,i;!function(a,s){r=[t,e,n(201)],o=s,void 0!==(i="function"==typeof o?o.apply(e,r):o)&&(t.exports=i)}(0,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=function(t){return t&&t.__esModule?t:{default:t}}(n);e.default={components:{SiteLang:o.default}},t.exports=e.default})},201:function(t,e,n){function o(t){n(202)}var r=n(11)(n(203),n(204),o,null,null);t.exports=r.exports},202:function(t,e){},203:function(t,e,n){var o,r,i;!function(a,s){r=[t,e,n(51)],o=s,void 0!==(i="function"==typeof o?o.apply(e,r):o)&&(t.exports=i)}(0,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={data:function(){return{current:(0,n.getCurrentLang)(),langs:{"zh-CN":"中","en-US":"En"}}},methods:{to:function(t){this.current!==t&&(this.current=t,(0,n.setItem)("CUBE_LANGUAGE",t),this.$router.replace({path:this.$router.currentRoute.path.replace(/\/(zh-CN|en-US)(?=\/?)/,"/"+t)}))}}},t.exports=e.default})},204:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("span",{staticClass:"langs"},t._l(t.langs,function(e,o){return n("a",{class:{active:t.current===o},attrs:{href:"javascript:;"},on:{click:function(e){t.to(o)}}},[t._v(t._s(e))])}))},staticRenderFns:[]}},205:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"home-view"},[n("div",{staticClass:"navigator"},[n("h1",{staticClass:"logo"},[n("router-link",{attrs:{to:"/"}},[n("span",[t._v("cube-ui")])])],1),t._v(" "),n("div",{staticClass:"tabs"},[t._t("nav"),t._v(" "),n("site-lang")],2)]),t._v(" "),n("div",{staticClass:"router-view"},[n("router-view")],1)])},staticRenderFns:[]}},206:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("home",[n("template",{slot:"nav"},[n("router-link",{staticClass:"tab right",attrs:{to:"/zh-CN",exact:""}},[n("span",[t._v("首页")])]),t._v(" "),n("router-link",{staticClass:"tab right",attrs:{to:"/zh-CN/docs"}},[n("span",[t._v("文档")])]),t._v(" "),n("router-link",{staticClass:"tab right",attrs:{to:"/zh-CN/example"}},[n("span",[t._v("示例")])])],1),t._v(" "),n("div",{attrs:{slot:"home"},slot:"home"},[t._v("home")])],2)},staticRenderFns:[]}},207:function(t,e,n){function o(t){n(208)}var r=n(11)(n(209),n(213),o,null,null);t.exports=r.exports},208:function(t,e){},209:function(t,e,n){var o,r,i;!function(a,s){r=[t,e,n(104)],o=s,void 0!==(i="function"==typeof o?o.apply(e,r):o)&&(t.exports=i)}(0,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=function(t){return t&&t.__esModule?t:{default:t}}(n);e.default={components:{HomeIndex:o.default}},t.exports=e.default})},210:function(t,e){},211:function(t,e,n){var o,r,i;!function(n,a){r=[t,e],o=a,void 0!==(i="function"==typeof o?o.apply(e,r):o)&&(t.exports=i)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={},t.exports=e.default})},212:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"home-index"},[t._m(0),t._v(" "),n("p",[t._t("desc")],2),t._v(" "),t._m(1),t._v(" "),n("section",{staticClass:"features"},[n("ul",[t._t("features")],2)]),t._v(" "),t._m(2)])},staticRenderFns:[function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("h2",[n("img",{attrs:{src:"//static.galileo.xiaojukeji.com/static/tms/shield/z/mofang/mofang/images/mofang_logo.png"}}),t._v(" "),n("p",[t._v("cube-ui")])])},function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"ghbtns"},[n("iframe",{attrs:{src:"https://ghbtns.com/github-btn.html?user=twbs&repo=bootstrap&type=star&count=true",frameborder:"0",scrolling:"0"}}),t._v(" "),n("iframe",{attrs:{src:"https://ghbtns.com/github-btn.html?user=twbs&repo=bootstrap&type=fork&count=true",frameborder:"0",scrolling:"0"}})])},function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("footer",[n("a",{attrs:{href:"https://github.com/didi"}},[t._v("© DiDi")])])}]}},213:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("home-index",[n("template",{slot:"desc"},[t._v("A fantastic mobile ui lib implement by Vue.js")]),t._v(" "),n("template",{slot:"features"},[n("li",[n("h1",[t._v("Quality")]),t._v("\n Extracted from DiDi interior component library and has been put to business test for more than one year. Every component has full unit tests to provide assurance for continuous integration.\n ")]),t._v(" "),n("li",[n("h1",[t._v("Experience")]),t._v("\n Make quick response, fluent animation and close to native components as the goal, and pursue the perfection of the interactive experience.\n ")]),t._v(" "),n("li",[n("h1",[t._v("Standard")]),t._v("\n Follow a uniform design interaction standard and highly restore the design; Standardize the interface and unify the way of use, making development more simple and efficient.\n ")]),t._v(" "),n("li",[n("h1",[t._v("Scalability")]),t._v("\n Lightweight and flexible: support "),n("router-link",{attrs:{to:"/en-US/docs/post-compile"}},[t._v("post-compile")]),t._v(" and importing on demand; High scalability: it is easy to implement secondary development based on existing components.\n ")],1)])],2)},staticRenderFns:[]}},214:function(t,e,n){function o(t){n(215)}var r=n(11)(n(216),n(217),o,null,null);t.exports=r.exports},215:function(t,e){},216:function(t,e,n){var o,r,i;!function(a,s){r=[t,e,n(104)],o=s,void 0!==(i="function"==typeof o?o.apply(e,r):o)&&(t.exports=i)}(0,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=function(t){return t&&t.__esModule?t:{default:t}}(n);e.default={components:{HomeIndex:o.default}},t.exports=e.default})},217:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("home-index",[n("template",{slot:"desc"},[t._v("基于 Vue.js 实现的精致移动端组件库")]),t._v(" "),n("template",{slot:"features"},[n("li",[n("h1",[t._v("质量可靠")]),t._v("\n 由滴滴内部组件库精简提炼而来，历经考验，并且每个组件都有充分单元测试，为后续集成提供保障。\n ")]),t._v(" "),n("li",[n("h1",[t._v("体验极致")]),t._v("\n 以迅速响应、动画流畅、接近原生为目标，在交互体验方面追求极致。\n ")]),t._v(" "),n("li",[n("h1",[t._v("标准规范")]),t._v("\n 遵循统一的设计交互标准，高度还原设计效果；接口标准化，统一规范使用方式，开发更加简单高效。\n ")]),t._v(" "),n("li",[n("h1",[t._v("扩展性强")]),t._v("\n 支持按需引入和"),n("router-link",{attrs:{to:"/zh-CN/docs/post-compile"}},[t._v("后编译")]),t._v("，轻量灵活；扩展性强，可以方便地基于现有组件实现二次开发。\n ")],1)])],2)},staticRenderFns:[]}},218:function(t,e,n){function o(t){n(219)}var r=n(11)(n(220),n(221),o,null,null);t.exports=r.exports},219:function(t,e){},220:function(t,e,n){var o,r,i;!function(a,s){r=[t,e,n(51),n(102)],o=s,void 0!==(i="function"==typeof o?o.apply(e,r):o)&&(t.exports=i)}(0,function(t,e,n,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=function(t){return t&&t.__esModule?t:{default:t}}(o);e.default={data:function(){return{baseUrl:n.baseUrl}},components:{Display:r.default}},t.exports=e.default})},221:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"home-example"},[n("a",{staticClass:"online-link",attrs:{href:t.baseUrl}},[t._v("Online Example")]),t._v(" "),n("img",{attrs:{src:"https://raw.githubusercontent.com/didichuxing/cube-ui/master/assets/example-qr.png?token=ACBfUmDS85HOeaGQI49yS9qYyJOd0joSks5aCQpvwA%3D%3D"}}),t._v(" "),n("display")],1)},staticRenderFns:[]}},222:function(t,e,n){function o(t){n(223)}var r=n(11)(n(224),n(225),o,null,null);t.exports=r.exports},223:function(t,e){},224:function(t,e,n){var o,r,i;!function(a,s){r=[t,e,n(103)],o=s,void 0!==(i="function"==typeof o?o.apply(e,r):o)&&(t.exports=i)}(0,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=function(t){return t&&t.__esModule?t:{default:t}}(n);e.default={components:{Home:o.default}},t.exports=e.default})},225:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("home",[n("template",{slot:"nav"},[n("router-link",{staticClass:"tab right",attrs:{to:"/en-US",exact:""}},[n("span",[t._v("Home")])]),t._v(" "),n("router-link",{staticClass:"tab right",attrs:{to:"/en-US/docs"}},[n("span",[t._v("Docs")])]),t._v(" "),n("router-link",{staticClass:"tab right",attrs:{to:"/en-US/example"}},[n("span",[t._v("Example")])])],1),t._v(" "),n("div",{attrs:{slot:"home"},slot:"home"},[t._v("home")])],2)},staticRenderFns:[]}},436:function(t,e){},437:function(t,e){},438:function(t,e,n){var o,r,i;!function(a,s){r=[n(66),n(105)],o=s,void 0!==(i="function"==typeof o?o.apply(e,r):o)&&(t.exports=i)}(0,function(t,e){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}var o=n(t),r=n(e);o.default.directive("highlight",function(t){t.querySelectorAll("pre code").forEach(function(t){r.default.highlightBlock(t)})})})},51:function(t,e,n){var o,r,i;!function(a,s){r=[e,n(151)],o=s,void 0!==(i="function"==typeof o?o.apply(e,r):o)&&(t.exports=i)}(0,function(t,e){"use strict";function n(t,e){try{window.localStorage.setItem(t,e)}catch(n){i.default.set(t,e,{expires:365})}}function o(t){var e=window.localStorage.getItem(t);return e||(e=i.default.get(t)),e||""}function r(){var t=window.location.hash,e=t?t.indexOf("/zh-")>=0?"zh-CN":"en-US":"",r=e||o("CUBE_LANGUAGE")||window.navigator.language||"en-US",i="en-US";return r.indexOf("zh-")>=0&&(i="zh-CN"),n("CUBE_LANGUAGE",i),i}Object.defineProperty(t,"__esModule",{value:!0}),t.baseUrl=void 0,t.setItem=n,t.getItem=o,t.getCurrentLang=r;var i=function(t){return t&&t.__esModule?t:{default:t}}(e);t.baseUrl="https://didi.github.io/cube-ui/example/#/"})}},[141]); \ No newline at end of file diff --git a/docs/js/app.c3e5964c144d5c8b94dd.js b/docs/js/app.c3e5964c144d5c8b94dd.js new file mode 100644 index 000000000..6754b6f4a --- /dev/null +++ b/docs/js/app.c3e5964c144d5c8b94dd.js @@ -0,0 +1 @@ +webpackJsonp([93],{"//Y1":function(t,e,n){var a,s,i;!function(r,o){s=[n("/5sW"),n("HIuL")],a=o,void 0!==(i="function"==typeof a?a.apply(e,s):a)&&(t.exports=i)}(0,function(t,e){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}var a=n(t),s=n(e);a.default.directive("highlight",function(t){t.querySelectorAll("pre code").forEach(function(t){s.default.highlightBlock(t)})})})},"/jPq":function(t,e,n){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"home-view",class:{"home-view-docs":t.isDocs,"home-view-demo":t.isExample,opacity1:t.opacity1}},[a("div",{ref:"navigator",staticClass:"navigator",class:{active:t.showTabs}},[a("div",{staticClass:"logo"},[a("router-link",{attrs:{to:"/"}},[a("img",{attrs:{src:n("s9WP"),alt:"Cube-UI"}})])],1),t._v(" "),a("div",{staticClass:"tabs"},[a("i"),t._v(" "),t._t("nav"),t._v(" "),a("site-lang")],2),t._v(" "),a("span",{staticClass:"toggle-nav",on:{click:t.toggleNav}},[a("i")])]),t._v(" "),a("div",{staticClass:"router-view"},[a("nav-loading"),t._v(" "),a("router-view")],1)])},staticRenderFns:[]}},"1j6h":function(t,e,n){var a,s,i;!function(r,o){s=[t,e,n("VAcG")],a=o,void 0!==(i="function"==typeof a?a.apply(e,s):a)&&(t.exports=i)}(0,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={data:function(){return{hash:"/"}},computed:{ifrSrc:function(){return""+n.baseUrl+this.hash}},watch:{$route:{handler:function(t,e){var n=t.path.indexOf("/docs/");this.hash=t.path.substr(n+6)},immediate:!0}}},t.exports=e.default})},"2DPt":function(t,e,n){function a(t){n("L/YU")}var s=n("VU/8")(n("6p5i"),n("MHG4"),a,null,null);t.exports=s.exports},"2KHY":function(t,e){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAEYCAIAAAAI7H7bAAAG+0lEQVR4nO3d0Y3sNgwF0H1BGsxHmkhBaSIfKXFSQLSABF5S9uKcz8WM7ZnZCwE0Tf36fD5fQM1vty8AfgJBggBBggBBggBBggBBgoDfl3/948+/hq9jx7///F15+3cfannY5Yv3X9mkfgGTH6Hp97rruw9lRYIAQYIAQYIAQYIAQYIAQYKAdfl7qVjNPLJf+tx/Zf3692vi9SMUP1e9Jr7v6FzF7/CZ/4RfViSIECQIECQIECQIECQIECQIOCh/L9VbdDsKmtdL0ked5vuuN0QfFa/rdws2PeGf0IoEAYIEAYIEAYIEAYIEAYIEAdXy9zMdFV6Lw0/qitXbo0p9RwG9qdb/LlYkCBAkCBAkCBAkCBAkCBAkCPiZ5e8mTTXx/SMsL2Bycnf9XJP3FSZZkSBAkCBAkCBAkCBAkCBAkCBAkCCgeh/pmXcAJufKN90Yub6J7Ytu+DzhqqxIECBIECBIECBIECBIECBIEHBQ/r4+wb3J5BShsZpyfbD99R0Djs51nRUJAgQJAgQJAgQJAgQJAgQJAn59Pp/b1/BuTU3lxQt4V/v5E9q3i6xIECBIECBIECBIECBIECBIEFAtf9drrx39vPULmCzIdhSaj7q/949Qr/VPXkDR0f+AFQkCBAkCBAkCBAkCBAkCBAkC1sNP9guyxRnZ3ykOJJnc6rSp97mpTNz0exU11fqLju6LWJEgQJAgQJAgQJAgQJAgQJAgYF3+7qg+X+/Iro/Druv4CJMN+JOF5vrbJ/vHrUgQIEgQIEgQIEgQIEgQIEgQIEgQcLCH7FJ9p9Gljm7/picLrj9bcX0C/eQQ/aNzTf5eViQIECQIECQIECQIECQIECQIqE4R2lfvdd8fY9Q0Rahu7IGFeq1/3/VnK5p2DDhiRYIAQYIAQYIAQYIAQYIAQYKAgz1km1qPx0rt79pWtaMnvX6uI2Nj+JsGVBmiD9MECQIECQIECQIECQIECQIOyt9Lky26R4ftMLmt6tIzh+g/8wbAEeVveARBggBBggBBggBBggBBgoCD4SeTimXWd1WEi4d97Oa8+xdQfHtTq/vR57IiQYAgQYAgQYAgQYAgQYAgQYAgQcD6MYqO+0iTdxvqF7DUNJR98q7d5FMMTfsAxE90dAEeo4BGggQBggQBggQBggQBggQB68coOhwVSScnyEx6Zll/6fp8qCZN2whYkSBAkCBAkCBAkCBAkCBAkCCgOkR/6fpU9Xe53v299Mzi9eSexbq/YZogQYAgQYAgQYAgQYAgQUC1+7upR/in7jT69rL+0Y4BHcNP6l9g06YHViQIECQIECQIECQIECQIECQIOCh/N22r2rFd7P6JvjtCU5F03/V53E8YqF155dG56j+3FQkCBAkCBAkCBAkCBAkCBAkCqt3f9brh9e7vYu11v0m5rn7Yju9wstW9fkyzv+G5BAkCBAkCBAkCBAkCBAkCBAkCWvaQbZp0Xnzl0RGK98eecGejqOmqxm4u1Q97xIoEAYIEAYIEAYIEAYIEAYIEAff3kF3qGI1/1O1/dITKMY/ONfnFLjU9RtH0KM3kfQUrEgQIEgQIEgQIEgQIEgQIEgSsy9/Xd2tdarqAjolFR67X36+3uhdd3574y4oEEYIEAYIEAYIEAYIEAYIEAevhJ5NTI5omuO+/8kW1/uKmqHX1w17/Yptq4lYkCBAkCBAkCBAkCBAkCBAkCFiXvzs6f5t6hK/PA7k+pHvS5PCT4lU1nes7ViQIECQIECQIECQIECQIECQIECQIuP8Yxf4FjN2X6PPMj9A0MKh4rvoFmCIELyNIECBIECBIECBIECBIEHAwRH9fU5G0Y//T7w57fYT89TsQTSbL+mMDqr6sSBAhSBAgSBAgSBAgSBAgSBCwLn+/SFM/dVOPcMfA/p/akV085neavm0rEgQIEgQIEgQIEgQIEgQIEgRUh+hPaipcdnRk1zvNizvDXt9boG6y1l8/rBUJAgQJAgQJAgQJAgQJAgQJAtbl76XJemhH/b2ppt9Uap+cEt7U6l7UdC6zv+G5BAkCBAkCBAkCBAkCBAkCDsrfS9e7jCenlNTf3nG1RzXxyUp3sdZfN1mstyJBgCBBgCBBgCBBgCBBgCBBgCBBQPU+0jO9a4j+dZNT/Cfn5RfnQxmiD9MECQIECQIECQIECQIECQJeX/6uT6BvemJizOTOtvVK9+QzI01HWLIiQYAgQYAgQYAgQYAgQYAgQcCvz+fz/79eH6D+zAto8swZ9vvqE4s63n502DorEgQIEgQIEgQIEgQIEgQIEgQcdH9fb3PeV28Hbqq97msaEtJRkm4qKF//fzP8BKYJEgQIEgQIEgQIEgQIEgSsu7+BI1YkCBAkCBAkCBAkCBAkCBAkCBAkCPgPmhi1fkt5OnQAAAAASUVORK5CYII="},"2do9":function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("home-index",[n("template",{slot:"desc"},[t._v("基于 Vue.js 实现的精致移动端组件库")]),t._v(" "),n("template",{slot:"rec-btns"},[n("router-link",{staticClass:"btn-link",attrs:{to:"/zh-CN/docs/quick-start"}},[n("span",[t._v("快速上手")])]),t._v(" "),n("router-link",{staticClass:"btn-link btn-active",attrs:{to:"/zh-CN/docs/introduction"}},[n("span",[t._v("介绍")])])],1),t._v(" "),n("template",{slot:"feature-1"},[n("h1",{staticClass:"h1"},[t._v("质量可靠")]),t._v(" "),n("h1",{staticClass:"h2"},[t._v("Quality")]),t._v(" "),n("p",[t._v("\n 由滴滴内部组件库精简提炼而来，历经考验，并且每个组件都有充分单元测试，为后续集成提供保障。\n ")])]),t._v(" "),n("template",{slot:"feature-2"},[n("h1",{staticClass:"h1"},[t._v("体验极致")]),t._v(" "),n("h1",{staticClass:"h2"},[t._v("Experience")]),t._v(" "),n("p",[t._v("\n 以迅速响应、动画流畅、接近原生为目标，在交互体验方面追求极致。\n ")])]),t._v(" "),n("template",{slot:"feature-3"},[n("h1",{staticClass:"h1"},[t._v("标准规范")]),t._v(" "),n("h1",{staticClass:"h2"},[t._v("Standard")]),t._v(" "),n("p",[t._v("\n 遵循统一的设计交互标准，高度还原设计效果；接口标准化，统一规范使用方式，开发更加简单高效。\n ")])]),t._v(" "),n("template",{slot:"feature-4"},[n("h1",{staticClass:"h1"},[t._v("扩展性强")]),t._v(" "),n("h1",{staticClass:"h2"},[t._v("Scalability")]),t._v(" "),n("p",[t._v("\n 支持按需引入和"),n("router-link",{attrs:{to:"/zh-CN/docs/post-compile"}},[t._v("后编译")]),t._v("，轻量灵活；扩展性强，可以方便地基于现有组件实现二次开发。\n ")],1)])],2)},staticRenderFns:[]}},"2lqk":function(t,e){},"3+2Z":function(t,e,n){var a,s,i;!function(r,o){s=[t,e,n("fZjL"),n("ZQ4r")],a=o,void 0!==(i="function"==typeof a?a.apply(e,s):a)&&(t.exports=i)}(0,function(t,e,n,a){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var i=s(n),r=s(a),o={};e.default={props:{navList:{type:Object,default:function(){return{}}}},components:{SideNav:r.default},mounted:function(){var t=this,e="",n="",a=this.navList;this.$watch("$route.path",function(s){e=s.split("/").pop(),o&&(o.hasActived=!1,n||(o.isRootActive=!1,window.innerWidth>960&&setTimeout(function(){var t=document.querySelector(".page-sidelist .nav-active");t&&t.scrollIntoViewIfNeeded()},0))),n=t.seekRoot(a,e),o=n&&a[n],t.$set(o,"isRootActive",!0),t.$set(o,"hasActived",!0)},{immediate:!0})},methods:{seekRoot:function(t,e,n){for(var a=(0,i.default)(t),s=0;s=0?"zh-CN":t.indexOf("/en-")>=0?"en-US":"",n=e||i("CUBE_LANGUAGE")||window.navigator.language||"en-US",a="en-US";return n.indexOf("zh-")>=0&&(a="zh-CN"),s("CUBE_LANGUAGE",a),a}Object.defineProperty(t,"__esModule",{value:!0}),t.eventHub=t.baseUrl=void 0,t.setItem=s,t.getItem=i,t.getCurrentLang=r;var o=a(e),l=a(n),c=new o.default;t.baseUrl="https://didi.github.io/cube-ui/example/#/",t.eventHub=c})},XMLa:function(t,e,n){var a,s,i;!function(r,o){s=[t,e,n("/5sW"),n("/ocq"),n("VAcG"),n("9IYW"),n("k3Z2"),n("iCAB"),n("mGbb"),n("8Rhx"),n("M1wD"),n("YKRY")],a=o,void 0!==(i="function"==typeof a?a.apply(e,s):a)&&(t.exports=i)}(0,function(t,e,n,a,s,i,r,o,l,c,u){"use strict";function d(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var A=d(n),f=d(a),v=d(i),g=d(r),p=d(o),h=d(l),y=d(c),m=d(u);A.default.use(f.default);var L=[{path:"",component:h.default},{path:"example",component:m.default}].concat(v.default["en-US"]),C=[{path:"",component:y.default},{path:"example",component:m.default}].concat(v.default["zh-CN"]);e.default=new f.default({routes:[{path:"/",redirect:function(){return"/"+(0,s.getCurrentLang)()}},{path:"/en-US",component:g.default,children:L},{path:"/zh-CN",component:p.default,children:C}]}),t.exports=e.default})},YKRY:function(t,e,n){function a(t){n("GXIQ")}var s=n("VU/8")(n("ETzz"),n("hMfi"),a,null,null);t.exports=s.exports},YMmY:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("ul",{staticClass:"nav-ul"},t._l(t.data,function(e,a){return n("li",{key:a,staticClass:"nav-li",class:{"nav-li_open":e.isRootActive,"nav-li_active":e.hasActived}},[e.name?[n("p",{staticClass:"nav-name",on:{click:function(n){t.derail(e)}}},[t._v(t._s(e.name))]),t._v(" "),n("side-nav",{attrs:{data:e.subList}})]:n("router-link",{attrs:{"active-class":"nav-active",to:{path:a}}},[t._v(t._s(e))]),t._v(" "),e.angle?n("span",{staticClass:"angle"},[t._v(t._s(e.angle))]):t._e(),t._v(" "),e.angle?n("div",{staticClass:"arrow",class:{rotate:e.isRootActive}}):t._e()],2)}))},staticRenderFns:[]}},ZQ4r:function(t,e,n){function a(t){n("fULb")}var s=n("VU/8")(n("fSRg"),n("YMmY"),a,null,null);t.exports=s.exports},ZWYt:function(t,e,n){function a(t){var e=s[t];return e?n.e(e[1]).then(function(){return n(e[0])}):Promise.reject(new Error("Cannot find module '"+t+"'."))}var s={"./en-US.vue":["+GB6",1],"./zh-CN.vue":["RUos",0]};a.keys=function(){return Object.keys(s)},a.id="ZWYt",t.exports=a},ZfAl:function(t,e,n){function a(t){n("pY3S")}var s=n("VU/8")(n("kJGJ"),n("alSt"),a,null,null);t.exports=s.exports},"Zu/x":function(t,e,n){function a(t){n("LyEO")}var s=n("VU/8")(n("wtIw"),n("/jPq"),a,null,null);t.exports=s.exports},aP4Y:function(t,e,n){var a,s,i;!function(r,o){s=[n("/5sW"),n("vmBx"),n("XMLa"),n("j1ja"),n("HIuL"),n("MbER"),n("Gzs6"),n("rL4i"),n("//Y1")],a=o,void 0!==(i="function"==typeof a?a.apply(e,s):a)&&(t.exports=i)}(0,function(t,e,n){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}var s=a(t),i=a(e),r=a(n);new s.default({el:"#app",router:r.default,render:function(t){return t(i.default)}})})},alSt:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("div",{staticClass:"nav-loading",class:t.loadingCls})},staticRenderFns:[]}},"bj/E":function(t,e,n){function a(t){n("oCMu")}var s=n("VU/8")(n("3+2Z"),n("5AMc"),a,null,null);t.exports=s.exports},c3CN:function(t,e){t.exports={"en-US":{overview:{name:"Overview",angle:"01",subList:{introduction:"Introduction","quick-start":"QuickStart","post-compile":"PostCompile",theme:"Theme",singleton:"Singleton",internationalization:"Internationalization"}},components:{name:"Components",angle:"02",subList:{basic:{name:"Basic",subList:{button:"Button",loading:"Loading",tip:"Tip",toolbar:"Toolbar","tab-bar":"TabBar"}},form:{name:"Form",subList:{checkbox:"Checkbox","checkbox-group":"CheckboxGroup",radio:"Radio",checker:"Checker",input:"Input",textarea:"Textarea",select:"Select",switch:"Switch",rate:"Rate",validator:"Validator",upload:"Upload",form:"Form"}},popup:{name:"Popup",subList:{popup:"Popup",toast:"Toast",picker:"Picker","cascade-picker":"CascadePicker","date-picker":"DatePicker","time-picker":"TimePicker","segment-picker":"SegmentPicker",dialog:"Dialog","action-sheet":"ActionSheet",drawer:"Drawer","image-preview":"ImagePreview"}},scroll:{name:"Scroll",subList:{scroll:"Scroll",slide:"Slide","index-list":"IndexList",swipe:"Swipe",sticky:"Sticky","scroll-nav-bar":"ScrollNavBar","scroll-nav":"ScrollNav","recycle-list":"RecycleList"}}}},modules:{name:"Modules",angle:"03",subList:{style:"style","create-api":"create-api","better-scroll":"better-scroll"}}},"zh-CN":{overview:{name:"概览",angle:"01",subList:{introduction:"介绍","quick-start":"快速上手","post-compile":"后编译",theme:"主题",singleton:"单例模式",internationalization:"国际化"}},components:{name:"组件",angle:"02",subList:{basic:{name:"基础",subList:{button:"Button",loading:"Loading",tip:"Tip",toolbar:"Toolbar","tab-bar":"TabBar"}},form:{name:"表单",subList:{checkbox:"Checkbox","checkbox-group":"CheckboxGroup",radio:"Radio",checker:"Checker",input:"Input",textarea:"Textarea",select:"Select",switch:"Switch",rate:"Rate",validator:"Validator",upload:"Upload",form:"Form"}},popup:{name:"弹出层",subList:{popup:"Popup",toast:"Toast",picker:"Picker","cascade-picker":"CascadePicker","date-picker":"DatePicker","time-picker":"TimePicker","segment-picker":"SegmentPicker",dialog:"Dialog","action-sheet":"ActionSheet",drawer:"Drawer","image-preview":"ImagePreview"}},scroll:{name:"滚动",subList:{scroll:"Scroll",slide:"Slide","index-list":"IndexList",swipe:"Swipe",sticky:"Sticky","scroll-nav-bar":"ScrollNavBar","scroll-nav":"ScrollNav","recycle-list":"RecycleList"}}}},modules:{name:"模块",angle:"03",subList:{style:"style","create-api":"create-api","better-scroll":"better-scroll"}}}}},cIhR:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{attrs:{id:"app"}},[n("router-view")],1)},staticRenderFns:[]}},czga:function(t,e,n){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"home-example"},[a("div",{staticClass:"example-main"},[a("back"),t._v(" "),a("display"),t._v(" "),a("div",{staticClass:"example-desc"},[a("a",{staticClass:"online-link",attrs:{href:t.baseUrl}},[t._v("Online Example")]),t._v(" "),a("img",{attrs:{src:n("2KHY")}})])],1)])},staticRenderFns:[]}},fSRg:function(t,e,n){var a,s,i;!function(n,r){s=[t,e],a=r,void 0!==(i="function"==typeof a?a.apply(e,s):a)&&(t.exports=i)}(0,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={name:"side-nav",props:{data:{type:Object,default:function(){return{}}}},methods:{derail:function(t){var e=t.isRootActive;this.$set(t,"isRootActive",!e)}}},t.exports=e.default})},fULb:function(t,e){},gDL7:function(t,e,n){var a,s,i;!function(r,o){s=[t,e,n("Zu/x")],a=o,void 0!==(i="function"==typeof a?a.apply(e,s):a)&&(t.exports=i)}(0,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=function(t){return t&&t.__esModule?t:{default:t}}(n);e.default={components:{Home:a.default}},t.exports=e.default})},h042:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("home-index",[n("template",{slot:"desc"},[t._v("A fantastic mobile ui lib implement by Vue.js")]),t._v(" "),n("template",{slot:"rec-btns"},[n("router-link",{staticClass:"btn-link",attrs:{to:"/en-US/docs/quick-start"}},[n("span",[t._v("Quick Start")])]),t._v(" "),n("router-link",{staticClass:"btn-link btn-active",attrs:{to:"/en-US/docs/introduction"}},[n("span",[t._v("Introduction")])])],1),t._v(" "),n("template",{slot:"feature-1"},[n("h1",{staticClass:"h1"},[t._v("High Quality")]),t._v(" "),n("h1",{staticClass:"h2"},[t._v("Quality")]),t._v(" "),n("p",[t._v("\n From DiDi interior component library and has been put to business test for more than one year. Every component has full unit tests to provide assurance for continuous integration.\n ")])]),t._v(" "),n("template",{slot:"feature-2"},[n("h1",{staticClass:"h1"},[t._v("Good Experience")]),t._v(" "),n("h1",{staticClass:"h2"},[t._v("Experience")]),t._v(" "),n("p",[t._v("\n Make quick response, fluent animation and close to native components as the goal, and pursue the perfection of the interactive experience.\n ")])]),t._v(" "),n("template",{slot:"feature-3"},[n("h1",{staticClass:"h1"},[t._v("Keep Standard")]),t._v(" "),n("h1",{staticClass:"h2"},[t._v("Standard")]),t._v(" "),n("p",[t._v("\n Follow a uniform design interaction standard and highly restore the design; Standardize the interface and unify the way of use, making development more simple and efficient.\n ")])]),t._v(" "),n("template",{slot:"feature-4"},[n("h1",{staticClass:"h1"},[t._v("Design Scalability")]),t._v(" "),n("h1",{staticClass:"h2"},[t._v("Scalability")]),t._v(" "),n("p",[t._v("\n Lightweight and flexible: support "),n("router-link",{attrs:{to:"/en-US/docs/post-compile"}},[t._v("post-compile")]),t._v(" and importing on demand; High scalability: it is easy to implement secondary development based on existing components.\n ")],1)])],2)},staticRenderFns:[]}},hMfi:function(t,e,n){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"docs-view"},[a("img",{directives:[{name:"show",rawName:"v-show",value:t.showCatalog,expression:"showCatalog"}],staticClass:"menu",attrs:{src:n("CqQb")},on:{click:t.toggleCatalog}}),t._v(" "),a("img",{directives:[{name:"show",rawName:"v-show",value:!t.showCatalog,expression:"!showCatalog"}],staticClass:"menu",attrs:{src:n("tZDt")},on:{click:t.toggleCatalog}}),t._v(" "),a("back"),t._v(" "),a("div",{directives:[{name:"show",rawName:"v-show",value:t.showCatalog,expression:"showCatalog"}],staticClass:"mask",class:{active:t.showCatalog},on:{click:t.toggleCatalog}}),t._v(" "),a("div",{staticClass:"nav-list-wrapper",class:{active:t.showCatalog}},[a("side-list",{attrs:{"nav-list":t.navList}})],1),t._v(" "),a("router-view",{directives:[{name:"highlight",rawName:"v-highlight"}],staticClass:"page-doc md-body"}),t._v(" "),a("display")],1)},staticRenderFns:[]}},iCAB:function(t,e,n){function a(t){n("IPhc")}var s=n("VU/8")(n("txnZ"),n("sPlw"),a,null,null);t.exports=s.exports},ioLt:function(t,e,n){var a,s,i;!function(r,o){s=[t,e,n("VAcG")],a=o,void 0!==(i="function"==typeof a?a.apply(e,s):a)&&(t.exports=i)}(0,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default={data:function(){return{current:(0,n.getCurrentLang)()}},methods:{toggle:function(){this.current="zh-CN"===this.current?"en-US":"zh-CN",(0,n.setItem)("CUBE_LANGUAGE",this.current),this.$router.replace({path:this.$router.currentRoute.path.replace(/\/(zh-CN|en-US)(?=\/?)/,"/"+this.current)})}}},t.exports=e.default})},k3Z2:function(t,e,n){function a(t){n("FcU9")}var s=n("VU/8")(n("gDL7"),n("9Hp8"),a,null,null);t.exports=s.exports},kJGJ:function(t,e,n){var a,s,i;!function(r,o){s=[t,e,n("VAcG")],a=o,void 0!==(i="function"==typeof a?a.apply(e,s):a)&&(t.exports=i)}(0,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={data:function(){return{loading:!1,toEnd:!1}},computed:{loadingCls:function(){var t={};return this.loading&&(t["nav-loading-ani"]=!0),this.toEnd&&(t["nav-loading-ani-end"]=!0),t}},created:function(){var t=this,e=void 0,a=void 0;n.eventHub.$on("begin-loading",function(){a=Date.now(),clearTimeout(e),t.loading=!0}),n.eventHub.$on("finish-loading",function(){var n=Date.now()-a;n>500?t.resetLoading():e=setTimeout(t.resetLoading,500-n)})},methods:{resetLoading:function(){var t=this;this.toEnd=!0,setTimeout(function(){t.toEnd=!1,t.loading=!1},100)}}},t.exports=e.default})},mGbb:function(t,e,n){function a(t){n("wIcd")}var s=n("VU/8")(n("MJxS"),n("h042"),a,null,null);t.exports=s.exports},oCMu:function(t,e){},pY3S:function(t,e){},qG97:function(t,e){},rL4i:function(t,e){},s9WP:function(t,e){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANgAAABFCAYAAAFf3xjmAAAAAXNSR0IArs4c6QAAHm9JREFUeAHtXQl4FUW2ruq+2VhlFYRRQERQgYgrIE6UAII6g+Og8xy30fdMchPEKIOCC+iIihtIyOboc3nOGwdHHccREFFBFp1BRBHGlUVRCeCCLAlJbne9/3Ruder23fre3ITg6/6+e6vq1KlTVaf61HLqVDVjLfhwmZe4e7SQfnL5ba/bcSq8KX6LoJqRMWxzCD3fhG0py1STGYkO1cvVjEbpLzL6ySc/zy/oJ8Pk+vOLZqlhpx/xdxFMpvNJBLP/jhzy61lt2/NzNu0f/iqzCRcWFp5YWloasYYWIc6v9DG+JSDMlRWVZZqk6XTDIigjJ5Jp8qMlzJ/vz5N+ckGcMyGeRkarEOSIL5Y1EUK0V3G5ZKNkIbXR8FfX27V6e9zJVo0kASIu/RrX7hRc7EYeGjKcyQW/r6xywYMyA8LjnG1kXC8uLy9ZZrMmsKiPlYFsJ43zmavHZls8l4lT6hqL+m5Qa5VS4k5i4u4xDzlhqQzbbJRtZxE/ZevpfPyWtanMiGjZL4gkLF8UCqdSoIme/epTJnZGnH8vXxRCwitsvYHyLSRYvMefV3StikNpbaGWEc5Xn+AF+UWfWfIEPyWyXv/8wlfQBiYKcoEqDhJP0lPdsMzUSOmH1H4o/apbXlF6oRqWfku+mJgow9INy2z46x+OYIGAjG9wNb6mIM//IgRxYo+e3dsW5BfORkbng2iAcx6APxPCu1YIdholkLWjTNWw9TbSmyjbS7aV7DkacmuGf9mLNANpi6QtZ2oG4oGxbVmtoXbIH2AwzVZxWrvffj/E7NzvIU+drALXGqHlTjfqVQ6nWtZDM0tNiKNCAVRId5KT76YTTuHHtMtWPcUnndXs72ukzF3CaHgNqVRIB6kQoVYiAaQfVUqJsr1SgiWgIN+/HHOEIhlW3XgzJRXX6adOV86kZJyaN/ntHl8iOF2qkJtXLz/fX6ox7T/V9OUVZTllFWUL1EwpPh8deNC9RuJLHOkSHF3in2bNmpUucRJx41bMLbGKirJCk5mPqfhosffQYr9VYeRHj2V18pqmf+yMU8NpQp9VU1OTpcLIj8nb46Ywb3fC1bDd30ugU7Zk/y/jpdua5YvKGNbdi8X9hxsisEZWoLFivO7tcdkZEu65rZED4t7R57XGcrkpU9irSIkwx6qBkykJNMcSXtJuLjekYmL26OlYPt8TLbPDqYINveKbs3xs9cr6aBVy9JRvYFwbHQ23tcDD1n9qwcyBX38s2hwcqMKkv17v0C9r3IatMtza3MgDtC7+Ta0UrVI0BIzmT+e3tsqo5QmrmDVXHLrlBBVJ+nP0543GcU1CG12aDqk/TIfC6EtsdeokYW7dSGklTLqhGWcY/4xEnDP+e5ovGkwLmTCruPl5heugsXqalrTyV7Vjl2P9o6ZoXr+9HrOy0YywDsTNBLihiGJYeXnZKWpx1XV7NL/EV+NJBwANhw9sbF9WVqYueCV6XDe0Yg5095VyJHQZlJUpyCuci8ny1VBkjNZ8vCt0tN8RieBrFTIkuSTdqKhymyARPBQ2RJ8bLW15ZWmxyfgNUMdcbgTEt1QhKSuURoZVWDRaEh6zxSQSuSNeW3++MFVImN+YnDd5aEllyQcyxhSsAv5KGY7mYn12hS7YTFTuSVSyQT0BZKzxbqI0smWjpy96FPMlvxrvqmKkIg6rlODrVULI3EccxeKQVA2Lwf0LoT9Lkzgo/D/xTh0N2ZEgWkjWM86vE6b536WknWesE9FAjzYJPHyOcy1sLUeJqaKEBz3cJyB3PEPhnJXnYk7uIFYv/m3lllW3yhi03V72n+178S0kPNuKC/3bi/VYx1BQ6wrZgomJ7wqWVaepFYs0ZrX2BaZkr10xCVDVbGrFtLZZHVafNXCfxDtsXaogydbwpe+XHLaV+CkWPOxVjFdJcc+YnzPTXG7jcVbPdN6N37LsRxvmeZqNA64aDFrwNRiahrsrBb+b37YspsrPHR0PKxIHIs47xH25g1lAbLATKHMFGxbNc+SeUXLAwBx9vyb0rnzC57XR0D14YhywJUzcnfsyZpEXJJacsPlec9iWLMFMe1IYjQYmdlP08dvmR4v34PE5AA1V7tNoqCviozZiiC4HlpvHVOU0Qtz50GDiYv2xql2s6/+sGZt9s7tUHpbKAXSJLhqL81pz6NY6oRnSYClHJRLLX8W7vzNJqzwziIMmYz3RcK6fgoKi8VgH/hHpelEipN2Fv2nl5aVPuSaiIMIy7AwYbJ1eXr6gRae/fv/1I4QRuILr+qKyshL0ZpEfmIGUU0x5ZVmBxMAyltbqrKKiND/iGCYRyQ0qtmlHzPWumJ6WdsIIc2HDspUx2Vgq2bh+qdnAWvtF7JP2VhNQBRD/JMGca2YVL5JfGJxegJmIa9EGY4Y5CFqDfG6SUR2L2mCEEyy33WCY8EmtUZwGg44AiW0dQZBQuMP5Kt/4raPUCNg7Jv3IxorWGPSmLVy4sPCN15cHoDCphgFSG7gWEyJZQFGcYOJdNPydaqEK8wrHGEz8HbBMaIM3Ma39qPLy+35QcchPquyqqt0vg3ETEBQwQny4rKJ0qhOvJcJxJSxWIfSsIzrxc97fEwsn0TjYbUyDJQAMO/ldsdJecsklpDa3O1eyiYuGb8VB1aXG00uRztN7z62Ya1kj4AXQ6QUAPERqCQ8q+hBYcXFxVryXSs0rlf6QSiRKONWNpeaPlYSl3VZhqfST9KKxvpY06QWA+tPaa4GmfTHBozXK3Llza2ALPIxw/Hn+X5NLD/Zjap2/hhgSSxZbyywR47hNkrA4tJOKLqtYcD8YNQfdzyMgEHUJICUCOPVgflLGSM4CouszkTcTnMVdN1ZUlJD+25ZwolVRWRp1nM/I8C05WFOHuZNJm9t3EL7zQf4+kmZMrDY642S4SRImiajuiKXvz2mqDTjX0qzNbnrDMavrotInP+1cUPdFftlYqORHFC4qKgrZKCeLNYLDtu85cuVDkiD90rUlqqLUsvbVGR9LccjvbxJHurTZIPElLJY7b968HSjjdvQcI2BYtsiJW1AwZQgay9qUhEXdYGe8DJOlAM1aukpAiOvYmAiJQ4A2Ayet2Z711b5vv0WwjTM+Wtitzr84v7hXjaj91Ekbr/ULmPZe7KRfUFDcT5i1mx1wmpS0g9bF2toh20iMkTOpSwTjvgcD7a0qrmnXYLr/hCM9NdgzkPiQ3Z40rp9RUlHyLyeumzDNcpWZn5UEjfmJL00/vaSkZK+TBl6ObQRDPfqEiLS4J3cqTNofsBPEaTB1n8JOE82j8WFvj8mmbsR7msCBkAZT6YiHJ2UxbcfLxoCvohoUxWowvDHvrhl7smXnr9L1/E3jQNQGc5I1Fve5F93HLSrc2WC6ro9ZlTtkmYrj+VsBB8TKwZ2MxX3rMbn4rBUUxytCPA5g+6UjlMYb4uF58anngOsuUWaNzcz1mOEoB6y0h/ltr90k4z23eTngusHE7DF3wUDp9qjF0bQcPuO1FVHjvYiUcCBug+FkxGnMYG7XGwdZBnaYf7/0QEpK5xEJ40DUBhPzx2ewvXW0IG4Xlioe4IiDT/Gi1VfHQ/PiE+dAxAaD9uN1kDo3YXKcfWdmbz4CujhLiQoF+XR9/Jb7EqbjJYjKgZAGQ0NdD0xSuib8mCds3ywy646NlFBP04bwMVs+jBTnwRLjgNVg4v4xx7E6k3R2iT/d9y43eu/OiZcQGf2gZfXpzs9pUNrGw/fiI3NAwzR9ZlKN5TM+sA4ouWgsyhqa105GzTZcTdD35chF8aBuOEA3Csxyg9iIw6vN7C01xpBtQxth7nxf8J+tHqW/cIE7bA8rEgcS2sA0j6v6ULQ/EHWvJlIGBBNM23m274XueDlGRsPx4O444K7BOuL2smOtS8USbqzf+sq+/FL0PBqN5a5EChbtwO7csbsUBjT/BbA13mJf6/kje3S7DHF1CqprL8zmJgN5f6R9L9dEkkCMZL7mJEP2LLDo6su0DjOkMRCds4OFy8lpadoU7JXVxt1xNodtNoON5aQfM/ysNvEt0uZbjRUTM3Ik7Crm0w4sGus6YNizWRjUXAx4LTb1yiKnjA3FcbT5YMofYmOlPhavaz79YlFG3X5FOD7fgbYSD401Di97nmEYlmV1zAYzB37zKQjExJGEbZfzpblZr/Qs5VdFOjJno8XyYFv/bjQUSQLTfbwP7Q7LH87S9iQ4KlcQ6f4WivspPzEbQ7SpGeC28uiq9urHtM2AfeI4t2mi4gl2K8VRI+Fs8BcqHg4+V507OsfqynF69Rk17v+D390YFocTuuY7hZ/3+Xtx0FxFo6v7M6Qnpl0imaQB7xvgHYWxTPvhhx9619UGSjMy064jYxc1o4KCwkLMes6LZGAK24oXIKoXET6uuvwDLLYiWjP58yZfaTKjEmiZ6J2/1H1sAl6kTWo+LeWPKWHxCgGpWkiGOKlqLMoPjfAbcmE7P5PcaA8aoBdJIBrMDAQC7ZHuAvTz4YZAJhtCcSF0BLeOZFNjoQ6WvSBdY4WXgIxTQx5YRu1BYz0FIK435N+hhEfj8PxGGPC8G4LYQoGkGwymzfv08VsvbaFypjgbcSSM/5ZTg6PhdXIR/isaVrOkLpgbZnavwttR4+y6IG5XcmGvsgKdwCkFBZNzU1ywuOSSbjB0WjfEpd6KEWCff45aPIQnWeFgF0l+TLjGoiUP4Na9P6q4dBOfFW8aL6nwlvAnPYbputjeEgVsjjzQCBH1phAd61YXyjNo4wgrYPFYjDLYXTDd52gyEbLU0HTtP3C06IUY6SNG+ep9eFciP0k3WGRyLQel+04Mbpyp+bSl6MoSy5gLp7FpQ3rB1sFzRkOgfojlCjYF49iUBlj0f9jO67DpTA/BMIzEejAu2pJYsyz2fQgdJdAsDVZbXzdKySMhL97+97EGy4aJ9nDMxN6OlriemW+gcp11zjPRYP2j4UWCozs/JhIcy/MhFsMQib28H2EHT0v2O3BMKe5CG5qTR5GMfk14+AnUEVuHLaJQSewNiEIkHMz/Eg5zB0lj+iWEiZnYymgp0EDQfIjOFE/qGtP0WXb2Zp15fFgaLsJhQoAx4Q/oWkePKKZ7984rLAzBLTt7JzbdQCRvIXLGRQqjwJZ9PiY110eKJxjyj9secRGiEY8EH7nq4/YjXl1PtxehfMk98yvnf4aU1fjpmDovj0TFX1BkNZCm67+g+PLyRz4hF4fznidXfdBb/lwNSz8kOEQp4Pf7z6I4SLglJbRcaMAVw2Qa6fr9U06DIDyIzxL0lrB4ri9dt5Yr4M0jyKudEx+Nv9WCcf4nZ5waTlmXOGLp+rXmgZpTVeLJ+jF1bksnQ4jZ5GIavRaj/0Z078PxHg6kCEwQnlLPCgNnC8D9gA/1GyvH0YcewP8VlQHT8hsdZdkBCf4E0/a/ME17FhfFXGwa7HLCwT1eeRJX0zOPNo2DXzaUgd+DwxIrTNP0m0b9L4O4xRI3nks9AdZ596DsM5DXPvhr0OjrUNZBgHVp6Ip5HWarVjmi0WuyhOFuo9ut+8MEc9VYOAd5W7TCqPCGtVGDuQIa4jSMa7+jxkJDmXQcCeunq1V8TLWPhXSsAowOvtNl/VZjATYD0/K5Ki5gH9Cl2cC5FMpg+hbA5YDtsfJUEMvKHt6emZV+FEDgKTHawIdPBBqLv+fEVZJF9aLMt2p6OrpjjlMzAldliLOsxkIK5I8TNRHPl+1Cnb9o06YNikl4eLDrvAQFGUd+9QkeSFdBtn+FNrLgNj613Aa48Ggan7x6TPYCF6geShQOWBLGb112Hut2bDr6mR+j4IWB3+DDaY/K1YO3ZyWdCfMayxW7YiLZYxjPe7QemEeIe3NPZoZ4L2Yq95HVvdt37frciJ/VuE/iYcbigN1gEolPX7Yefo5b20hzfaeEJ+z6fCPfHj14TcLpvAQxORB10gE7+btIE49ucm1MCo5IDJD3U/fnNZaDMSkKhkmYky42JE8Xb57YzjxY/S1mNBnOeBlGy25aMy77JBn23ObhQFQJU7OjD+xhKyUTJyxHq3DyY/0T6NA+vYvXWE7ONE84roSp2fJxm9+gNsLpy0fgnoVd2l+uHjv07yqO5/c44HFA4UDSOj+FRlwvjIs1du+qa6GBmI0FerfGBHwRS/PdyG9eYukCG+Gez+PAT4MDzSZg4sEJx7CDdbijRTTsvMfjF+e7oSe7lU0/63HOpaI8XiIv3uNA6+ZAygQMKzTO7su9DFu0uIet4bLXplWdPwej32l8+pJtTaPjpfY4cOg40CQBE7PH9cQ9EPcybl4JoWoSrZgs4OxrmPffzG5Z9r/Qe1mbQjHxvUiPA62EAwkLhbh7zEXQ4z+ItVS/FquDxj4VfXfuNzvuHwY1GASMP63xzOn8vI92tFgZvIw8DiTBgbgCJu4ZDdsQ63LrPAiVnkQeySQJsA61q82+O4YK3TgiFgFUYIvG9al8/OYXY+F5cR4HDgUHIgoYzHFwQJPBxkgMarFCaWyrOHr3brPz3tOTzROVMbDTU6mlZdzBcz/GoSDv8ThwaDlgC1jDfUWctH6hlvzNVj58fqTtwdWsf9VAUw8oqvvUZYjKfQTr0WI+fhsd8PIejwMtzgHcVz8Glrrin/i5MhNoUgmhrBC9v/vC7LZnRJPoJJAYa7YDr/FRax/W/auWjhl+ewJJPVSPA03mgA8awOcwHWw+4cqqX23239FPpNX3RGl7BX9NLngsAtW8zabbtFvEWjaYjLfobpIcHDD5V6w0XpzHgebggA/C1SfFhHexXj98Yvb4HucxLNX9yBTTDyMH1X3tGn7K27O0m06tFpl04urEMKQWAFRWVqZt3LjxyEBA64yjTfszMsT3uC1kTwtk7WXRSjmQkDFi1DqkG+vEgB1dzfTaY4DT3fo1825VHcv49C5f8YEV4oyTkR+ZIeeQAr+lnqL8ohycLy2FZtU+c7v+vQ+C2TdcynIQ5z5wArCxSJgiY6pwMw6pxTxa2Zig6T75CSeLEvJ3fkS06Tm0LgoNVziYj8lSxbrWSOJEc3Er3Ts4uBe8mYCxtHT9ZziN+ZUTX71GieJwCVp73Ku1n/xNE7D0wFpz8BenYqQ6hYg154NRKlDNsh7/tf7opXtFW1LdD2hJgaK60V1WO3fuehSf5bw2gD/lOQjt5WKE/4E59xZw9Tt8brgnrFv64foHmqZejYaiaxx6IdUzELpncP6gBEdyox5KV2h73sOYA8kLmGZ+bpz0BR2gb7YHL+Fnms5v5OO2/IMyyXlzU4/aurq8ZsswBmF8nfFU3KX5DlDsvUCUbw6EJOSrXAoJ9ab3IoLjcoB54NcU8kPgJuMs+m86dGx33Jw5c1wfdqW03nP4cCB5AcsIVKGa/VNZVajVcUkDf0LTtBk4G7MrlbSbQgv3tI0K1BtvNdLgO7nWfpC8ibcRHtuH6dkN+Lz3Utwg8gphYoTr9uOe/TTytZhW1VlCsiHFLSVHYoaQ0a1bt50YpQ86cRINE010SJ1Bs0PXrl13pIJmomVoLfjJC1iKaoBR4Euhi2m+cduSvt8oRUWJSIZeFqxj1ENvIpOnnTkvwjfvIxJwAEsrSxdNnjy5OzoR+14kmnriZ+JFP5Fuy5RJMOfvjzl/5JvLJBJcrBUqMSJeZ4E4X4TbWM5XokO8yCdzZ9XuR1GvKygCo2gwXjCM0PaaEdsbP2iMX1taURrXQoZuZgsw80mUITs2Tex9MlHSrl2bWx988MEDwYx/0s6hEzDOXvSN32bdTtOaOVxYUHgVZsGN5lq4J39exbxtTSkzhGZ3U9InnRZrQAhRDaVHx7YHmzN34v6xFSeffNLGzz77LL26unoUlpa3Y009Ar9OGGlfwHqx2pemnbJgwYKPnfnSd7UPstoP64XRyY7DNcJpTHuoS48uG2jkIoGuqvr2fC4E8hKk3Z2yf1/1FFwT9TK+vW3dDWan/Ql6DomA4erBSnxGLOYd+62F1xjABtKKST74Ns1hfdUIpm2ft+/Qdtj999+/T9Yp6NI9OkvoN23atPb79h74CgLRAeE2gXpzI0bdPqoGDdPmM2vM2reDaUlgn8B69BoZli4JGfx0qd7zmDYehREad7aJDHD0QmjfXok12koah7MLrXHLPxoz4047Wr5U7nLEzX/fu8NslVgCSpVTIwhXSGEpHt/fOEMB6hCyGUoYfU5jG2I6uTKScIXgI4BR8BsIVuONZEJMIOWRE++nFD4kIxiulwzRcbdqhmrsc6he1KefGjic/BCEVW41ljQlhNZzGwbvPg11FLTfaD1YK56NkaiHDNOUMj+vsFaGY7qYEqjxZj0j4+53VRg+N3UdLq2sVGGR/BgdJpVVlv01NM6sDg2nLuTz+RKmfWgELMk619UFuiaZNOlkGRlpf609WF+JaY012mONcg2IzUyaIBJi/fEsevJLbRpcH1ZRUbLeDjeXhy7eTeDBtC8ApYRMQVNI6zEMDuNsGw7FL/8K4W9lfCIuvgEQpuzQNPEx+rTH49ERzLfViSM0fSvDfbzywXcDjpf+hF0u+irV3IebzROevRxWAga7SbqOoEUfMnXKzy96BC9QcUPGorc/v/DxsorSa5MpCHrnX6B3VoSLtH6RhYvX4TJkNw+HusINXzjLxprIh18gHtni4uLONdW1/Rvx+Erp1zTfv02jTgbJfQvXK1+pAprix6cJ3iKaydAoLy95B4oZEvaGzliwiRhxu4BmQseX6BM6wjTIKqnh4do/pDcR110DJkKxGXBHLnv/nBGvvo87p9mEZiAfl2RFxYIb0U3b5k2mENdgSrSOlAFxEysI9AkCCNdLEoQR4tMePbr9UobbtWuHkaDxCXDzmsZQZN/UqVPbYnS1BRYXKoTQUFMBr92uqt0PqbBo/oM1teqHmve1bZd1j8QtK5v3Efhh1wN0r7Bu7ZcIMVzqnCAAIvjbs3DhQnvjPkayhKJwMf2UxgQiHQPauhtuuKFRE9wYGdFH60K0k7VXSQgYoQOZmb6bIiLHAeK4ymg3fV84may6Vcag7WeFR8SH6Dofy8dtfS0aJhqMj3zt/avg3IuRw57rR8N3A8fLfDtu27zbDW40HL9/8q9wST3N+dWp1rdogTuystL/EmkKYe1tGWw6dpV/G0KXa3MtwQ0BWtYet2A0Qr2DD2fbONevRs+8QoLIxSiUiU/tzsYUjkZWWZ4fudahr7oBHmKLGCSAieJ2rqWPswQlCJOOtafFzUVog6MIBr4d8KVrA1UNosTF/ttK5N/4DnA2HV/km4MXMuydwsg9UZgC076Gb62A7h6ui0H0LUxJL5Wu33/9OaYReN2qQpAwdWhc53dg2v9354dsIFSDjXq0EWc3oO4ZsiyoyzewLRwSawSMZYvYagQs580PetfWYQrI2GWycqlywaT9HTu07bX4zOP2poKmP8//a6wRyKC0YyL0qCdEI8/GNzVnxUqXn3/9SZwZy9HQXWLhqXGYTD5dXl52lQojvypgyHsJFEyL0DvPd+JFCgP/YWgHY/bcJJD13HgFnUKvSDQiwOrpEyoweF4QIS7lIDL+xTqvBLy0N/bdZcI3c02/tLx8/rp4+LEFbO7EI1jNgTvxXRgy+/bFI2bHp2AEG750/SR0vQ9g6neMTTfFHvTWfx47JvvyWcFvkKaYPMP+UIdAQOSgDjhzZh6DEzpd0YGjWnwXXroq3NGzOqNNxquRRjc3ZcH671zgXYSe/3jQ6hxMg++O8x2o21vI69lYowCtpfDt1k6UDndpV8uP7dL0du/eA79DQYeBdh/Qo0UVrP3FMqzoXpLW4MH8XDkYrQeYJrsIvDjV+iYRZzVYg2xH+Aum+f6Gj01tcEWomZDoONGG9zbkQOD6wea9JxQgPVC+WpSvCnzcYTL9g2jr4WSLJKcWdnpccnMBLrl5CFOaATYwkqcJAjZTn/reG2wkGrY5HmwBcPYE3vEZa8YNbTX2jM1RU49m6+dA2IjFZ7xO2hJLYyIeGNud1Rm47ppfg14Owt46H/TkX3KNT1udm90q7RlbJ9e8UrUEB8IETM2U/34pjQC0827tvuO2qUswst2PcLNN6dT8Y/lp6peepk1bfs7Qr2LheXEeBw4lB2IKmLNg+FjfQsDox8TLA3ph0Q6lhLgMc9iwqaYzbdPDvAoL+Rmrc4c+iXzDtFRNp+9R8DiQeg4kJGBq9vzCT79G+HL6QUPDjSX9r4LmCx+2ZXS5TUoeSO1LzOe7ac3owZslwRaQZJmV53ocaDIHkhYwNefgiPIkYPSDHmpAP6OujjY0J1LY/QNDWi7u6D0mu+I5zhvtXdwT8DA9DrQqDqREwJw14rmfbgEMqmUIm5ikm0vW5eGw8l0Y3cL2dTAivcbTePHqc7M3Oel4YY8DHgcS5IBY1P+EWYvnXz1p06b0BJN66B4HDjsO/B8N1bixq/ZDrAAAAABJRU5ErkJggg=="},sJTd:function(t,e,n){var a,s,i;!function(r,o){s=[t,e,n("//Fk")],a=o,void 0!==(i="function"==typeof a?a.apply(e,s):a)&&(t.exports=i)}(0,function(t,e,n){"use strict";function a(t){return new s.default(function(e,n){var a=new window.XMLHttpRequest;a.open("GET",t,!0),a.send(null),a.onreadystatechange=function(){4===a.readyState&&(a.status>=200&&a.status<300?e(a.responseText):n(a))}})}Object.defineProperty(e,"__esModule",{value:!0}),e.default=a;var s=function(t){return t&&t.__esModule?t:{default:t}}(n);t.exports=e.default})},sPlw:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("home",[n("template",{slot:"nav"},[n("router-link",{staticClass:"tab",attrs:{to:"/zh-CN/docs"}},[n("span",[t._v("文档")])]),t._v(" "),n("router-link",{staticClass:"tab",attrs:{to:"/zh-CN/example"}},[n("span",[t._v("示例")])])],1),t._v(" "),n("div",{attrs:{slot:"home"},slot:"home"},[t._v("home")])],2)},staticRenderFns:[]}},slt8:function(t,e,n){var a,s,i;!function(r,o){s=[t,e,n("VAcG"),n("TAy9"),n("9zYt")],a=o,void 0!==(i="function"==typeof a?a.apply(e,s):a)&&(t.exports=i)}(0,function(t,e,n,a,s){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=i(a),o=i(s);e.default={data:function(){return{baseUrl:n.baseUrl}},mounted:function(){window.scrollTo(0,0)},components:{Display:r.default,Back:o.default}},t.exports=e.default})},tCUt:function(t,e,n){function a(t){var e=s[t];return e?n.e(e[1]).then(function(){return n(e[0])}):Promise.reject(new Error("Cannot find module '"+t+"'."))}var s={"./en-US/action-sheet.md":["egGD",91],"./en-US/better-scroll.md":["1H2i",90],"./en-US/button.md":["4Xeq",89],"./en-US/cascade-picker.md":["KI1o",88],"./en-US/checkbox-group.md":["wNVF",87],"./en-US/checkbox.md":["QTnR",86],"./en-US/checker.md":["YWVk",85],"./en-US/create-api.md":["i/fd",84],"./en-US/date-picker.md":["6Rwf",83],"./en-US/dialog.md":["gPPJ",82],"./en-US/drawer.md":["DOGQ",81],"./en-US/form.md":["nzGO",80],"./en-US/image-preview.md":["FFtv",79],"./en-US/index-list.md":["tHys",78],"./en-US/input.md":["o9DV",77],"./en-US/internationalization.md":["C/JU",76],"./en-US/introduction.md":["YA8a",75],"./en-US/loading.md":["jBRB",74],"./en-US/picker.md":["BBNq",73],"./en-US/popup.md":["HlXn",72],"./en-US/post-compile.md":["1cY+",71],"./en-US/quick-start.md":["gyX9",70],"./en-US/radio.md":["D+uV",69],"./en-US/rate.md":["qr3w",68],"./en-US/recycle-list.md":["9hRo",67],"./en-US/scroll-nav-bar.md":["vucU",66],"./en-US/scroll-nav.md":["jS6/",65],"./en-US/scroll.md":["a6IA",64],"./en-US/segment-picker.md":["PiHE",63],"./en-US/select.md":["CSGf",62],"./en-US/singleton.md":["AoaZ",61],"./en-US/slide.md":["qc/E",60],"./en-US/sticky.md":["X7Go",59],"./en-US/style.md":["jpwl",58],"./en-US/swipe.md":["FRSy",57],"./en-US/switch.md":["2nyi",56],"./en-US/tab-bar.md":["djff",55],"./en-US/textarea.md":["9woc",54],"./en-US/theme.md":["qVBK",53],"./en-US/time-picker.md":["BGpj",52],"./en-US/tip.md":["X+F9",51],"./en-US/toast.md":["jUSb",50],"./en-US/toolbar.md":["yyOQ",49],"./en-US/upload.md":["YJZO",48],"./en-US/validator.md":["hl6N",47],"./zh-CN/action-sheet.md":["Ezhp",46],"./zh-CN/better-scroll.md":["JGwD",45],"./zh-CN/button.md":["s6Rz",44],"./zh-CN/cascade-picker.md":["kh0H",43],"./zh-CN/checkbox-group.md":["NVJK",42],"./zh-CN/checkbox.md":["n3PG",41],"./zh-CN/checker.md":["Ye5R",40],"./zh-CN/create-api.md":["Nx+F",39],"./zh-CN/date-picker.md":["vw3j",38],"./zh-CN/dialog.md":["DZkJ",37],"./zh-CN/drawer.md":["e4wh",36],"./zh-CN/form.md":["XO3d",35],"./zh-CN/image-preview.md":["672m",34],"./zh-CN/index-list.md":["hUpT",33],"./zh-CN/input.md":["IwIh",32],"./zh-CN/internationalization.md":["H0+O",31],"./zh-CN/introduction.md":["zpSu",30],"./zh-CN/loading.md":["dNW6",29],"./zh-CN/picker.md":["92Kx",28],"./zh-CN/popup.md":["ZL7z",27],"./zh-CN/post-compile.md":["hvjf",26],"./zh-CN/quick-start.md":["8XCF",25],"./zh-CN/radio.md":["wPXv",24],"./zh-CN/rate.md":["JQnJ",23],"./zh-CN/recycle-list.md":["oF9l",22],"./zh-CN/scroll-nav-bar.md":["T9KO",21],"./zh-CN/scroll-nav.md":["iP+r",20],"./zh-CN/scroll.md":["kegs",19],"./zh-CN/segment-picker.md":["UCq8",18],"./zh-CN/select.md":["eM4Z",17],"./zh-CN/singleton.md":["+gXa",16],"./zh-CN/slide.md":["7yxM",15],"./zh-CN/sticky.md":["ula/",14],"./zh-CN/style.md":["rDWR",13],"./zh-CN/swipe.md":["YVHs",12],"./zh-CN/switch.md":["hpvZ",11],"./zh-CN/tab-bar.md":["2y7F",10],"./zh-CN/textarea.md":["PG1Z",9],"./zh-CN/theme.md":["7PUU",8],"./zh-CN/time-picker.md":["C6Sj",7],"./zh-CN/tip.md":["hIhO",6],"./zh-CN/toast.md":["Wmdn",5],"./zh-CN/toolbar.md":["1dH2",4],"./zh-CN/upload.md":["dSBi",3],"./zh-CN/validator.md":["OsmJ",2]};a.keys=function(){return Object.keys(s)},a.id="tCUt",t.exports=a},tZDt:function(t,e){t.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTIyMzk3MTQ1NzcxIiBjbGFzcz0iaWNvbiIgc3R5bGU9IiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjE4OTkiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTEyOCAyMTMuMzQwMTZsNzY4IDBxMTcuNjc0MjQgMCAzMC4xNjcwNCAxMi40OTI4dDEyLjQ5MjggMzAuMTY3MDQtMTIuNDkyOCAzMC4xNjcwNC0zMC4xNjcwNCAxMi40OTI4bC03NjggMHEtMTcuNjc0MjQgMC0zMC4xNjcwNC0xMi40OTI4dC0xMi40OTI4LTMwLjE2NzA0IDEyLjQ5MjgtMzAuMTY3MDQgMzAuMTY3MDQtMTIuNDkyOHpNMTI4IDcyNS4zNDAxNmw3NjggMHExNy42NzQyNCAwIDMwLjE2NzA0IDEyLjQ5Mjh0MTIuNDkyOCAzMC4xNjcwNC0xMi40OTI4IDMwLjE2NzA0LTMwLjE2NzA0IDEyLjQ5MjhsLTc2OCAwcS0xNy42NzQyNCAwLTMwLjE2NzA0LTEyLjQ5Mjh0LTEyLjQ5MjgtMzAuMTY3MDQgMTIuNDkyOC0zMC4xNjcwNCAzMC4xNjcwNC0xMi40OTI4ek0xMjggNDY5LjM0MDE2bDc2OCAwcTE3LjY3NDI0IDAgMzAuMTY3MDQgMTIuNDkyOHQxMi40OTI4IDMwLjE2NzA0LTEyLjQ5MjggMzAuMTY3MDQtMzAuMTY3MDQgMTIuNDkyOGwtNzY4IDBxLTE3LjY3NDI0IDAtMzAuMTY3MDQtMTIuNDkyOHQtMTIuNDkyOC0zMC4xNjcwNCAxMi40OTI4LTMwLjE2NzA0IDMwLjE2NzA0LTEyLjQ5Mjh6IiBwLWlkPSIxOTAwIiBmaWxsPSIjNjQ2NDY0Ij48L3BhdGg+PC9zdmc+Cg=="},tmFe:function(t,e,n){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("img",{staticClass:"to-home",attrs:{src:n("v4eX")},on:{click:t.toHome}})},staticRenderFns:[]}},txnZ:function(t,e,n){var a,s,i;!function(r,o){s=[t,e,n("Zu/x")],a=o,void 0!==(i="function"==typeof a?a.apply(e,s):a)&&(t.exports=i)}(0,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=function(t){return t&&t.__esModule?t:{default:t}}(n);e.default={components:{Home:a.default}},t.exports=e.default})},v4eX:function(t,e){t.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTIyMzk5MTkyMjAzIiBjbGFzcz0iaWNvbiIgc3R5bGU9IiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjM2MzMiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTI2OC44OTYgNDc2LjAzMiA2MjIuMjQgMTI1LjkyYzE4Ljg0OC0xOC42NTYgNDkuMjE2LTE4LjUyOCA2Ny44NzIgMC4zMiAxOC42NTYgMTguODE2IDE4LjUyOCA0OS4yMTYtMC4zMiA2Ny44NzJsLTMxOS40NTYgMzE2LjU3NiAzMTguMTc2IDMyMS4wNTZjMTguNjU2IDE4LjgxNiAxOC41MjggNDkuMjE2LTAuMzIgNjcuODcyLTkuMzQ0IDkuMjgtMjEuNTY4IDEzLjkyLTMzLjc5MiAxMy45Mi0xMi4zNTIgMC0yNC43MDQtNC43MzYtMzQuMDgtMTQuMjA4TDI3MC4yMDggNTQ1Ljk4NGMtMC41MTItMC41MTItMC42NzItMS4yNDgtMS4xODQtMS43OTItMC4xMjgtMC4xMjgtMC4yODgtMC4xNi0wLjQxNi0wLjI4OEMyNDkuOTUyIDUyNS4wODggMjUwLjA4IDQ5NC42ODggMjY4Ljg5NiA0NzYuMDMyeiIgcC1pZD0iMzYzNCIgZmlsbD0iIzY0NjQ2NCI+PC9wYXRoPjwvc3ZnPg=="},vmBx:function(t,e,n){function a(t){n("2lqk")}var s=n("VU/8")(n("CMlA"),n("cIhR"),a,null,null);t.exports=s.exports},wIcd:function(t,e){},wtIw:function(t,e,n){var a,s,i;!function(r,o){s=[t,e,n("7ntu"),n("ZfAl"),n("nP5o")],a=o,void 0!==(i="function"==typeof a?a.apply(e,s):a)&&(t.exports=i)}(0,function(t,e,n,a,s){"use strict";function i(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=i(n),o=i(a),l=i(s);e.default={data:function(){return{showTabs:!1,opacity1:!1,isDocs:this.$route.path.indexOf("/docs")>-1,isExample:this.$route.path.indexOf("/example")>-1}},computed:{isIndex:function(){return!this.isDocs&&!this.isExample}},watch:{$route:function(t){this.isDocs=t.path.indexOf("/docs")>-1,this.isExample=t.path.indexOf("/example")>-1,this.showTabs=!1},isIndex:{handler:function(t){t?(document.addEventListener("touchmove",this.checkScrollTop,!1),window.addEventListener("scroll",this.checkScrollTop,!1)):(document.removeEventListener("touchmove",this.checkScrollTop,!1),window.removeEventListener("scroll",this.checkScrollTop,!1),this.$refs.navigator&&(this.$refs.navigator.style.backgroundColor=""))},immediate:!0}},beforeCreate:function(){var t=this;this.checkScrollTop=(0,l.default)(function(){var e=window.scrollY,n=e/48;t.opacity1=n>=.98,t.$refs.navigator.style.backgroundColor="rgba(255, 255, 255, "+n+")"},10,{leading:!0})},mounted:function(){var t=this;setTimeout(function(){t.isIndex&&t.checkScrollTop()})},components:{SiteLang:r.default,NavLoading:o.default},methods:{toggleNav:function(){this.showTabs=!this.showTabs},toggleCatalog:function(){this.showCatalog=!this.showCatalog}}},t.exports=e.default})},x4LC:function(t,e){},zcSr:function(t,e,n){t.exports=n.p+"img/standard.79d9737.png"}},["aP4Y"]); \ No newline at end of file diff --git a/docs/js/manifest.69963ba1283a947111f0.js b/docs/js/manifest.69963ba1283a947111f0.js deleted file mode 100644 index 0a6ed1d7c..000000000 --- a/docs/js/manifest.69963ba1283a947111f0.js +++ /dev/null @@ -1 +0,0 @@ -!function(e){function a(c){if(d[c])return d[c].exports;var f=d[c]={i:c,l:!1,exports:{}};return e[c].call(f.exports,f,f.exports,a),f.l=!0,f.exports}var c=window.webpackJsonp;window.webpackJsonp=function(d,n,r){for(var t,b,o,u=0,i=[];u0?i(r(t),9007199254740991):0}},function(t,n,e){var r=e(24);t.exports=function(t){return Object(r(t))}},function(t,n){t.exports=function(t){if("function"!=typeof t)throw TypeError(t+" is not a function!");return t}},function(t,n){t.exports=function(t,n,e,r,i){var o,a=t=t||{},u=typeof t.default;"object"!==u&&"function"!==u||(o=t,a=t.default);var c="function"==typeof a?a.options:a;n&&(c.render=n.render,c.staticRenderFns=n.staticRenderFns),r&&(c._scopeId=r);var s;if(i?(s=function(t){t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,t||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),e&&e.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(i)},c._ssrRegister=s):e&&(s=e),s){var f=c.functional,l=f?c.render:c.beforeCreate;f?c.render=function(t,n){return s.call(n),l(t,n)}:c.beforeCreate=l?[].concat(l,s):[s]}return{esModule:o,exports:a,options:c}}},function(t,n){var e={}.hasOwnProperty;t.exports=function(t,n){return e.call(t,n)}},function(t,n,e){var r=e(7),i=e(32);t.exports=e(6)?function(t,n,e){return r.f(t,n,i(1,e))}:function(t,n,e){return t[n]=e,t}},function(t,n,e){var r=e(2),i=e(13),o=e(12),a=e(33)("src"),u=Function.toString,c=(""+u).split("toString");e(22).inspectSource=function(t){return u.call(t)},(t.exports=function(t,n,e,u){var s="function"==typeof e;s&&(o(e,"name")||i(e,"name",n)),t[n]!==e&&(s&&(o(e,a)||i(e,a,t[n]?""+t[n]:c.join(String(n)))),t===r?t[n]=e:u?t[n]?t[n]=e:i(t,n,e):(delete t[n],i(t,n,e)))})(Function.prototype,"toString",function(){return"function"==typeof this&&this[a]||u.call(this)})},function(t,n,e){var r=e(0),i=e(3),o=e(24),a=/"/g,u=function(t,n,e,r){var i=String(o(t)),u="<"+n;return""!==e&&(u+=" "+e+'="'+String(r).replace(a,""")+'"'),u+">"+i+""};t.exports=function(t,n){var e={};e[t]=n(u),r(r.P+r.F*i(function(){var n=""[t]('"');return n!==n.toLowerCase()||n.split('"').length>3}),"String",e)}},function(t,n,e){var r=e(47),i=e(24);t.exports=function(t){return r(i(t))}},function(t,n,e){var r=e(48),i=e(32),o=e(16),a=e(23),u=e(12),c=e(106),s=Object.getOwnPropertyDescriptor;n.f=e(6)?s:function(t,n){if(t=o(t),n=a(n,!0),c)try{return s(t,n)}catch(t){}if(u(t,n))return i(!r.f.call(t,n),t[n])}},function(t,n,e){var r=e(12),i=e(9),o=e(74)("IE_PROTO"),a=Object.prototype;t.exports=Object.getPrototypeOf||function(t){return t=i(t),r(t,o)?t[o]:"function"==typeof t.constructor&&t instanceof t.constructor?t.constructor.prototype:t instanceof Object?a:null}},function(t,n,e){var r=e(10);t.exports=function(t,n,e){if(r(t),void 0===n)return t;switch(e){case 1:return function(e){return t.call(n,e)};case 2:return function(e,r){return t.call(n,e,r)};case 3:return function(e,r,i){return t.call(n,e,r,i)}}return function(){return t.apply(n,arguments)}}},function(t,n){var e={}.toString;t.exports=function(t){return e.call(t).slice(8,-1)}},function(t,n,e){"use strict";var r=e(3);t.exports=function(t,n){return!!t&&r(function(){n?t.call(null,function(){},1):t.call(null)})}},function(t,n){var e=t.exports={version:"2.5.1"};"number"==typeof __e&&(__e=e)},function(t,n,e){var r=e(4);t.exports=function(t,n){if(!r(t))return t;var e,i;if(n&&"function"==typeof(e=t.toString)&&!r(i=e.call(t)))return i;if("function"==typeof(e=t.valueOf)&&!r(i=e.call(t)))return i;if(!n&&"function"==typeof(e=t.toString)&&!r(i=e.call(t)))return i;throw TypeError("Can't convert object to primitive value")}},function(t,n){t.exports=function(t){if(void 0==t)throw TypeError("Can't call method on "+t);return t}},function(t,n){var e=Math.ceil,r=Math.floor;t.exports=function(t){return isNaN(t=+t)?0:(t>0?r:e)(t)}},function(t,n,e){var r=e(0),i=e(22),o=e(3);t.exports=function(t,n){var e=(i.Object||{})[t]||Object[t],a={};a[t]=n(e),r(r.S+r.F*o(function(){e(1)}),"Object",a)}},function(t,n,e){var r=e(19),i=e(47),o=e(9),a=e(8),u=e(91);t.exports=function(t,n){var e=1==t,c=2==t,s=3==t,f=4==t,l=6==t,p=5==t||l,h=n||u;return function(n,u,d){for(var v,g,y=o(n),m=i(y),b=r(u,d,3),_=a(m.length),w=0,x=e?h(n,_):c?h(n,0):void 0;_>w;w++)if((p||w in m)&&(v=m[w],g=b(v,w,y),t))if(e)x[w]=g;else if(g)switch(t){case 3:return!0;case 5:return v;case 6:return w;case 2:x.push(v)}else if(f)return!1;return l?-1:s||f?f:x}}},function(t,n,e){"use strict";if(e(6)){var r=e(34),i=e(2),o=e(3),a=e(0),u=e(62),c=e(97),s=e(19),f=e(40),l=e(32),p=e(13),h=e(42),d=e(25),v=e(8),g=e(132),y=e(36),m=e(23),b=e(12),_=e(49),w=e(4),x=e(9),E=e(88),S=e(37),O=e(18),A=e(38).f,C=e(90),M=e(33),k=e(5),N=e(27),T=e(53),R=e(60),j=e(93),P=e(45),I=e(57),L=e(39),$=e(92),D=e(122),F=e(7),B=e(17),U=F.f,z=B.f,W=i.RangeError,G=i.TypeError,V=i.Uint8Array,H=Array.prototype,q=c.ArrayBuffer,K=c.DataView,Z=N(0),J=N(2),Y=N(3),X=N(4),Q=N(5),tt=N(6),nt=T(!0),et=T(!1),rt=j.values,it=j.keys,ot=j.entries,at=H.lastIndexOf,ut=H.reduce,ct=H.reduceRight,st=H.join,ft=H.sort,lt=H.slice,pt=H.toString,ht=H.toLocaleString,dt=k("iterator"),vt=k("toStringTag"),gt=M("typed_constructor"),yt=M("def_constructor"),mt=u.CONSTR,bt=u.TYPED,_t=u.VIEW,wt=N(1,function(t,n){return At(R(t,t[yt]),n)}),xt=o(function(){return 1===new V(new Uint16Array([1]).buffer)[0]}),Et=!!V&&!!V.prototype.set&&o(function(){new V(1).set({})}),St=function(t,n){var e=d(t);if(e<0||e%n)throw W("Wrong offset!");return e},Ot=function(t){if(w(t)&&bt in t)return t;throw G(t+" is not a typed array!")},At=function(t,n){if(!(w(t)&> in t))throw G("It is not a typed array constructor!");return new t(n)},Ct=function(t,n){return Mt(R(t,t[yt]),n)},Mt=function(t,n){for(var e=0,r=n.length,i=At(t,r);r>e;)i[e]=n[e++];return i},kt=function(t,n,e){U(t,n,{get:function(){return this._d[e]}})},Nt=function(t){var n,e,r,i,o,a,u=x(t),c=arguments.length,f=c>1?arguments[1]:void 0,l=void 0!==f,p=C(u);if(void 0!=p&&!E(p)){for(a=p.call(u),r=[],n=0;!(o=a.next()).done;n++)r.push(o.value);u=r}for(l&&c>2&&(f=s(f,arguments[2],2)),n=0,e=v(u.length),i=At(this,e);e>n;n++)i[n]=l?f(u[n],n):u[n];return i},Tt=function(){for(var t=0,n=arguments.length,e=At(this,n);n>t;)e[t]=arguments[t++];return e},Rt=!!V&&o(function(){ht.call(new V(1))}),jt=function(){return ht.apply(Rt?lt.call(Ot(this)):Ot(this),arguments)},Pt={copyWithin:function(t,n){return D.call(Ot(this),t,n,arguments.length>2?arguments[2]:void 0)},every:function(t){return X(Ot(this),t,arguments.length>1?arguments[1]:void 0)},fill:function(t){return $.apply(Ot(this),arguments)},filter:function(t){return Ct(this,J(Ot(this),t,arguments.length>1?arguments[1]:void 0))},find:function(t){return Q(Ot(this),t,arguments.length>1?arguments[1]:void 0)},findIndex:function(t){return tt(Ot(this),t,arguments.length>1?arguments[1]:void 0)},forEach:function(t){Z(Ot(this),t,arguments.length>1?arguments[1]:void 0)},indexOf:function(t){return et(Ot(this),t,arguments.length>1?arguments[1]:void 0)},includes:function(t){return nt(Ot(this),t,arguments.length>1?arguments[1]:void 0)},join:function(t){return st.apply(Ot(this),arguments)},lastIndexOf:function(t){return at.apply(Ot(this),arguments)},map:function(t){return wt(Ot(this),t,arguments.length>1?arguments[1]:void 0)},reduce:function(t){return ut.apply(Ot(this),arguments)},reduceRight:function(t){return ct.apply(Ot(this),arguments)},reverse:function(){for(var t,n=this,e=Ot(n).length,r=Math.floor(e/2),i=0;i1?arguments[1]:void 0)},sort:function(t){return ft.call(Ot(this),t)},subarray:function(t,n){var e=Ot(this),r=e.length,i=y(t,r);return new(R(e,e[yt]))(e.buffer,e.byteOffset+i*e.BYTES_PER_ELEMENT,v((void 0===n?r:y(n,r))-i))}},It=function(t,n){return Ct(this,lt.call(Ot(this),t,n))},Lt=function(t){Ot(this);var n=St(arguments[1],1),e=this.length,r=x(t),i=v(r.length),o=0;if(i+n>e)throw W("Wrong length!");for(;o255?255:255&r),i.v[h](e*n+i.o,r,xt)},k=function(t,n){U(t,n,{get:function(){return C(this,n)},set:function(t){return M(this,n,t)},enumerable:!0})};b?(d=e(function(t,e,r,i){f(t,d,s,"_d");var o,a,u,c,l=0,h=0;if(w(e)){if(!(e instanceof q||"ArrayBuffer"==(c=_(e))||"SharedArrayBuffer"==c))return bt in e?Mt(d,e):Nt.call(d,e);o=e,h=St(r,n);var y=e.byteLength;if(void 0===i){if(y%n)throw W("Wrong length!");if((a=y-h)<0)throw W("Wrong length!")}else if((a=v(i)*n)+h>y)throw W("Wrong length!");u=a/n}else u=g(e),a=u*n,o=new q(a);for(p(t,"_d",{b:o,o:h,l:a,e:u,v:new K(o)});ldocument.F=Object<\/script>"),t.close(),c=t.F;r--;)delete c.prototype[o[r]];return c()};t.exports=Object.create||function(t,n){var e;return null!==t?(u.prototype=r(t),e=new u,u.prototype=null,e[a]=t):e=c(),void 0===n?e:i(e,n)}},function(t,n,e){var r=e(108),i=e(75).concat("length","prototype");n.f=Object.getOwnPropertyNames||function(t){return r(t,i)}},function(t,n,e){"use strict";var r=e(2),i=e(7),o=e(6),a=e(5)("species");t.exports=function(t){var n=r[t];o&&n&&!n[a]&&i.f(n,a,{configurable:!0,get:function(){return this}})}},function(t,n){t.exports=function(t,n,e,r){if(!(t instanceof n)||void 0!==r&&r in t)throw TypeError(e+": incorrect invocation!");return t}},function(t,n,e){var r=e(19),i=e(120),o=e(88),a=e(1),u=e(8),c=e(90),s={},f={},n=t.exports=function(t,n,e,l,p){var h,d,v,g,y=p?function(){return t}:c(t),m=r(e,l,n?2:1),b=0;if("function"!=typeof y)throw TypeError(t+" is not iterable!");if(o(y)){for(h=u(t.length);h>b;b++)if((g=n?m(a(d=t[b])[0],d[1]):m(t[b]))===s||g===f)return g}else for(v=y.call(t);!(d=v.next()).done;)if((g=i(v,m,d.value,n))===s||g===f)return g};n.BREAK=s,n.RETURN=f},function(t,n,e){var r=e(14);t.exports=function(t,n,e){for(var i in n)r(t,i,n[i],e);return t}},function(t,n,e){var r=e(7).f,i=e(12),o=e(5)("toStringTag");t.exports=function(t,n,e){t&&!i(t=e?t:t.prototype,o)&&r(t,o,{configurable:!0,value:n})}},function(t,n,e){var r=e(0),i=e(24),o=e(3),a=e(78),u="["+a+"]",c="​…",s=RegExp("^"+u+u+"*"),f=RegExp(u+u+"*$"),l=function(t,n,e){var i={},u=o(function(){return!!a[t]()||c[t]()!=c}),s=i[t]=u?n(p):a[t];e&&(i[e]=s),r(r.P+r.F*u,"String",i)},p=l.trim=function(t,n){return t=String(i(t)),1&n&&(t=t.replace(s,"")),2&n&&(t=t.replace(f,"")),t};t.exports=l},function(t,n){t.exports={}},function(t,n,e){var r=e(4);t.exports=function(t,n){if(!r(t)||t._t!==n)throw TypeError("Incompatible receiver, "+n+" required!");return t}},function(t,n,e){var r=e(20);t.exports=Object("z").propertyIsEnumerable(0)?Object:function(t){return"String"==r(t)?t.split(""):Object(t)}},function(t,n){n.f={}.propertyIsEnumerable},function(t,n,e){var r=e(20),i=e(5)("toStringTag"),o="Arguments"==r(function(){return arguments}()),a=function(t,n){try{return t[n]}catch(t){}};t.exports=function(t){var n,e,u;return void 0===t?"Undefined":null===t?"Null":"string"==typeof(e=a(n=Object(t),i))?e:o?r(n):"Object"==(u=r(n))&&"function"==typeof n.callee?"Arguments":u}},function(t,n){var e;e=function(){return this}();try{e=e||Function("return this")()||(0,eval)("this")}catch(t){"object"==typeof window&&(e=window)}t.exports=e},,function(t,n,e){var r=e(2),i=r["__core-js_shared__"]||(r["__core-js_shared__"]={});t.exports=function(t){return i[t]||(i[t]={})}},function(t,n,e){var r=e(16),i=e(8),o=e(36);t.exports=function(t){return function(n,e,a){var u,c=r(n),s=i(c.length),f=o(a,s);if(t&&e!=e){for(;s>f;)if((u=c[f++])!=u)return!0}else for(;s>f;f++)if((t||f in c)&&c[f]===e)return t||f||0;return!t&&-1}}},function(t,n){n.f=Object.getOwnPropertySymbols},function(t,n,e){var r=e(20);t.exports=Array.isArray||function(t){return"Array"==r(t)}},function(t,n,e){var r=e(4),i=e(20),o=e(5)("match");t.exports=function(t){var n;return r(t)&&(void 0!==(n=t[o])?!!n:"RegExp"==i(t))}},function(t,n,e){var r=e(5)("iterator"),i=!1;try{var o=[7][r]();o.return=function(){i=!0},Array.from(o,function(){throw 2})}catch(t){}t.exports=function(t,n){if(!n&&!i)return!1;var e=!1;try{var o=[7],a=o[r]();a.next=function(){return{done:e=!0}},o[r]=function(){return a},t(o)}catch(t){}return e}},function(t,n,e){"use strict";var r=e(1);t.exports=function(){var t=r(this),n="";return t.global&&(n+="g"),t.ignoreCase&&(n+="i"),t.multiline&&(n+="m"),t.unicode&&(n+="u"),t.sticky&&(n+="y"),n}},function(t,n,e){"use strict";var r=e(13),i=e(14),o=e(3),a=e(24),u=e(5);t.exports=function(t,n,e){var c=u(t),s=e(a,c,""[t]),f=s[0],l=s[1];o(function(){var n={};return n[c]=function(){return 7},7!=""[t](n)})&&(i(String.prototype,t,f),r(RegExp.prototype,c,2==n?function(t,n){return l.call(t,this,n)}:function(t){return l.call(t,this)}))}},function(t,n,e){var r=e(1),i=e(10),o=e(5)("species");t.exports=function(t,n){var e,a=r(t).constructor;return void 0===a||void 0==(e=r(a)[o])?n:i(e)}},function(t,n,e){"use strict";var r=e(2),i=e(0),o=e(14),a=e(42),u=e(30),c=e(41),s=e(40),f=e(4),l=e(3),p=e(57),h=e(43),d=e(79);t.exports=function(t,n,e,v,g,y){var m=r[t],b=m,_=g?"set":"add",w=b&&b.prototype,x={},E=function(t){var n=w[t];o(w,t,"delete"==t?function(t){return!(y&&!f(t))&&n.call(this,0===t?0:t)}:"has"==t?function(t){return!(y&&!f(t))&&n.call(this,0===t?0:t)}:"get"==t?function(t){return y&&!f(t)?void 0:n.call(this,0===t?0:t)}:"add"==t?function(t){return n.call(this,0===t?0:t),this}:function(t,e){return n.call(this,0===t?0:t,e),this})};if("function"==typeof b&&(y||w.forEach&&!l(function(){(new b).entries().next()}))){var S=new b,O=S[_](y?{}:-0,1)!=S,A=l(function(){S.has(1)}),C=p(function(t){new b(t)}),M=!y&&l(function(){for(var t=new b,n=5;n--;)t[_](n,n);return!t.has(-0)});C||(b=n(function(n,e){s(n,b,t);var r=d(new m,n,b);return void 0!=e&&c(e,g,r[_],r),r}),b.prototype=w,w.constructor=b),(A||M)&&(E("delete"),E("has"),g&&E("get")),(M||O)&&E(_),y&&w.clear&&delete w.clear}else b=v.getConstructor(n,t,g,_),a(b.prototype,e),u.NEED=!0;return h(b,t),x[t]=b,i(i.G+i.W+i.F*(b!=m),x),y||v.setStrong(b,t,g),b}},function(t,n,e){for(var r,i=e(2),o=e(13),a=e(33),u=a("typed_array"),c=a("view"),s=!(!i.ArrayBuffer||!i.DataView),f=s,l=0,p="Int8Array,Uint8Array,Uint8ClampedArray,Int16Array,Uint16Array,Int32Array,Uint32Array,Float32Array,Float64Array".split(",");l<9;)(r=i[p[l++]])?(o(r.prototype,u,!0),o(r.prototype,c,!0)):f=!1;t.exports={ABV:s,CONSTR:f,TYPED:u,VIEW:c}},function(t,n,e){"use strict";t.exports=e(34)||!e(3)(function(){var t=Math.random();__defineSetter__.call(null,t,function(){}),delete e(2)[t]})},function(t,n,e){"use strict";var r=e(0);t.exports=function(t){r(r.S,t,{of:function(){for(var t=arguments.length,n=Array(t);t--;)n[t]=arguments[t];return new this(n)}})}},function(t,n,e){"use strict";var r=e(0),i=e(10),o=e(19),a=e(41);t.exports=function(t){r(r.S,t,{from:function(t){var n,e,r,u,c=arguments[1];return i(this),n=void 0!==c,n&&i(c),void 0==t?new this:(e=[],n?(r=0,u=o(c,arguments[2],2),a(t,!1,function(t){e.push(u(t,r++))})):a(t,!1,e.push,e),new this(e))}})}},function(t,n,e){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),function(t,e){/*! - * Vue.js v2.5.3 - * (c) 2014-2017 Evan You - * Released under the MIT License. - */ -function r(t){return void 0===t||null===t}function i(t){return void 0!==t&&null!==t}function o(t){return!0===t}function a(t){return!1===t}function u(t){return"string"==typeof t||"number"==typeof t||"boolean"==typeof t}function c(t){return null!==t&&"object"==typeof t}function s(t){return"[object Object]"===pr.call(t)}function f(t){return"[object RegExp]"===pr.call(t)}function l(t){var n=parseFloat(String(t));return n>=0&&Math.floor(n)===n&&isFinite(t)}function p(t){return null==t?"":"object"==typeof t?JSON.stringify(t,null,2):String(t)}function h(t){var n=parseFloat(t);return isNaN(n)?t:n}function d(t,n){for(var e=Object.create(null),r=t.split(","),i=0;i-1)return t.splice(e,1)}}function g(t,n){return dr.call(t,n)}function y(t){var n=Object.create(null);return function(e){return n[e]||(n[e]=t(e))}}function m(t,n){function e(e){var r=arguments.length;return r?r>1?t.apply(n,arguments):t.call(n,e):t.call(n)}return e._length=t.length,e}function b(t,n){n=n||0;for(var e=t.length-n,r=new Array(e);e--;)r[e]=t[e+n];return r}function _(t,n){for(var e in n)t[e]=n[e];return t}function w(t){for(var n={},e=0;e0&&(a=vt(a,(n||"")+"_"+e),dt(a[0])&&dt(s)&&(f[c]=R(s.text+a[0].text),a.shift()),f.push.apply(f,a)):u(a)?dt(s)?f[c]=R(s.text+a):""!==a&&f.push(R(a)):dt(a)&&dt(s)?f[c]=R(s.text+a.text):(o(t._isVList)&&i(a.tag)&&r(a.key)&&i(n)&&(a.key="__vlist"+n+"_"+e+"__"),f.push(a)));return f}function gt(t,n){return(t.__esModule||Wr&&"Module"===t[Symbol.toStringTag])&&(t=t.default),c(t)?n.extend(t):t}function yt(t,n,e,r,i){var o=Jr();return o.asyncFactory=t,o.asyncMeta={data:n,context:e,children:r,tag:i},o}function mt(t,n,e){if(o(t.error)&&i(t.errorComp))return t.errorComp;if(i(t.resolved))return t.resolved;if(o(t.loading)&&i(t.loadingComp))return t.loadingComp;if(!i(t.contexts)){var a=t.contexts=[e],u=!0,s=function(){for(var t=0,n=a.length;t_i&&vi[e].id>t.id;)e--;vi.splice(e+1,0,t)}else vi.push(t);mi||(mi=!0,at(Lt))}}function Ut(t){Ei.clear(),zt(t,Ei)}function zt(t,n){var e,r,i=Array.isArray(t);if((i||c(t))&&Object.isExtensible(t)){if(t.__ob__){var o=t.__ob__.dep.id;if(n.has(o))return;n.add(o)}if(i)for(e=t.length;e--;)zt(t[e],n);else for(r=Object.keys(t),e=r.length;e--;)zt(t[r[e]],n)}}function Wt(t,n,e){Si.get=function(){return this[n][e]},Si.set=function(t){this[n][e]=t},Object.defineProperty(t,e,Si)}function Gt(t){t._watchers=[];var n=t.$options;n.props&&Vt(t,n.props),n.methods&&Yt(t,n.methods),n.data?Ht(t):$(t._data={},!0),n.computed&&Kt(t,n.computed),n.watch&&n.watch!==Lr&&Xt(t,n.watch)}function Vt(t,n){var e=t.$options.propsData||{},r=t._props={},i=t.$options._propKeys=[],o=!t.$parent;ti.shouldConvert=o;for(var a in n)!function(o){i.push(o);var a=Y(o,n,e,t);D(r,o,a),o in t||Wt(t,"_props",o)}(a);ti.shouldConvert=!0}function Ht(t){var n=t.$options.data;n=t._data="function"==typeof n?qt(n,t):n||{},s(n)||(n={});for(var e=Object.keys(n),r=t.$options.props,i=(t.$options.methods,e.length);i--;){var o=e[i];r&&g(r,o)||A(o)||Wt(t,"_data",o)}$(n,!0)}function qt(t,n){try{return t.call(n,n)}catch(t){return nt(t,n,"data()"),{}}}function Kt(t,n){var e=t._computedWatchers=Object.create(null),r=Ur();for(var i in n){var o=n[i],a="function"==typeof o?o:o.get;r||(e[i]=new xi(t,a||x,x,Oi)),i in t||Zt(t,i,o)}}function Zt(t,n,e){var r=!Ur();"function"==typeof e?(Si.get=r?Jt(n):e,Si.set=x):(Si.get=e.get?r&&!1!==e.cache?Jt(n):e.get:x,Si.set=e.set?e.set:x),Object.defineProperty(t,n,Si)}function Jt(t){return function(){var n=this._computedWatchers&&this._computedWatchers[t];if(n)return n.dirty&&n.evaluate(),Hr.target&&n.depend(),n.value}}function Yt(t,n){t.$options.props;for(var e in n)t[e]=null==n[e]?x:m(n[e],t)}function Xt(t,n){for(var e in n){var r=n[e];if(Array.isArray(r))for(var i=0;i=0||e.indexOf(t[i])<0)&&r.push(t[i]);return r}return t}function Tn(t){this._init(t)}function Rn(t){t.use=function(t){var n=this._installedPlugins||(this._installedPlugins=[]);if(n.indexOf(t)>-1)return this;var e=b(arguments,1);return e.unshift(this),"function"==typeof t.install?t.install.apply(t,e):"function"==typeof t&&t.apply(null,e),n.push(t),this}}function jn(t){t.mixin=function(t){return this.options=Z(this.options,t),this}}function Pn(t){t.cid=0;var n=1;t.extend=function(t){t=t||{};var e=this,r=e.cid,i=t._Ctor||(t._Ctor={});if(i[r])return i[r];var o=t.name||e.options.name,a=function(t){this._init(t)};return a.prototype=Object.create(e.prototype),a.prototype.constructor=a,a.cid=n++,a.options=Z(e.options,t),a.super=e,a.options.props&&In(a),a.options.computed&&Ln(a),a.extend=e.extend,a.mixin=e.mixin,a.use=e.use,Er.forEach(function(t){a[t]=e[t]}),o&&(a.options.components[o]=a),a.superOptions=e.options,a.extendOptions=t,a.sealedOptions=_({},a.options),i[r]=a,a}}function In(t){var n=t.options.props;for(var e in n)Wt(t.prototype,"_props",e)}function Ln(t){var n=t.options.computed;for(var e in n)Zt(t.prototype,e,n[e])}function $n(t){Er.forEach(function(n){t[n]=function(t,e){return e?("component"===n&&s(e)&&(e.name=e.name||t,e=this.options._base.extend(e)),"directive"===n&&"function"==typeof e&&(e={bind:e,update:e}),this.options[n+"s"][t]=e,e):this.options[n+"s"][t]}})}function Dn(t){return t&&(t.Ctor.options.name||t.tag)}function Fn(t,n){return Array.isArray(t)?t.indexOf(n)>-1:"string"==typeof t?t.split(",").indexOf(n)>-1:!!f(t)&&t.test(n)}function Bn(t,n){var e=t.cache,r=t.keys,i=t._vnode;for(var o in e){var a=e[o];if(a){var u=Dn(a.componentOptions);u&&!n(u)&&Un(e,o,r,i)}}}function Un(t,n,e,r){var i=t[n];i&&i!==r&&i.componentInstance.$destroy(),t[n]=null,v(e,n)}function zn(t){for(var n=t.data,e=t,r=t;i(r.componentInstance);)r=r.componentInstance._vnode,r.data&&(n=Wn(r.data,n));for(;i(e=e.parent);)e.data&&(n=Wn(n,e.data));return Gn(n.staticClass,n.class)}function Wn(t,n){return{staticClass:Vn(t.staticClass,n.staticClass),class:i(t.class)?[t.class,n.class]:n.class}}function Gn(t,n){return i(t)||i(n)?Vn(t,Hn(n)):""}function Vn(t,n){return t?n?t+" "+n:t:n||""}function Hn(t){return Array.isArray(t)?qn(t):c(t)?Kn(t):"string"==typeof t?t:""}function qn(t){for(var n,e="",r=0,o=t.length;r-1?Zi[t]=n.constructor===window.HTMLUnknownElement||n.constructor===window.HTMLElement:Zi[t]=/HTMLUnknownElement/.test(n.toString())}function Yn(t){if("string"==typeof t){var n=document.querySelector(t);return n||document.createElement("div")}return t}function Xn(t,n){var e=document.createElement(t);return"select"!==t?e:(n.data&&n.data.attrs&&void 0!==n.data.attrs.multiple&&e.setAttribute("multiple","multiple"),e)}function Qn(t,n){return document.createElementNS(Vi[t],n)}function te(t){return document.createTextNode(t)}function ne(t){return document.createComment(t)}function ee(t,n,e){t.insertBefore(n,e)}function re(t,n){t.removeChild(n)}function ie(t,n){t.appendChild(n)}function oe(t){return t.parentNode}function ae(t){return t.nextSibling}function ue(t){return t.tagName}function ce(t,n){t.textContent=n}function se(t,n,e){t.setAttribute(n,e)}function fe(t,n){var e=t.data.ref;if(e){var r=t.context,i=t.componentInstance||t.elm,o=r.$refs;n?Array.isArray(o[e])?v(o[e],i):o[e]===i&&(o[e]=void 0):t.data.refInFor?Array.isArray(o[e])?o[e].indexOf(i)<0&&o[e].push(i):o[e]=[i]:o[e]=i}}function le(t,n){return t.key===n.key&&(t.tag===n.tag&&t.isComment===n.isComment&&i(t.data)===i(n.data)&&pe(t,n)||o(t.isAsyncPlaceholder)&&t.asyncFactory===n.asyncFactory&&r(n.asyncFactory.error))}function pe(t,n){if("input"!==t.tag)return!0;var e,r=i(e=t.data)&&i(e=e.attrs)&&e.type,o=i(e=n.data)&&i(e=e.attrs)&&e.type;return r===o||Ji(r)&&Ji(o)}function he(t,n,e){var r,o,a={};for(r=n;r<=e;++r)o=t[r].key,i(o)&&(a[o]=r);return a}function de(t,n){(t.data.directives||n.data.directives)&&ve(t,n)}function ve(t,n){var e,r,i,o=t===Qi,a=n===Qi,u=ge(t.data.directives,t.context),c=ge(n.data.directives,n.context),s=[],f=[];for(e in c)r=u[e],i=c[e],r?(i.oldValue=r.value,me(i,"update",n,t),i.def&&i.def.componentUpdated&&f.push(i)):(me(i,"bind",n,t),i.def&&i.def.inserted&&s.push(i));if(s.length){var l=function(){for(var e=0;e-1?n.split(/\s+/).forEach(function(n){return t.classList.add(n)}):t.classList.add(n);else{var e=" "+(t.getAttribute("class")||"")+" ";e.indexOf(" "+n+" ")<0&&t.setAttribute("class",(e+n).trim())}}function Le(t,n){if(n&&(n=n.trim()))if(t.classList)n.indexOf(" ")>-1?n.split(/\s+/).forEach(function(n){return t.classList.remove(n)}):t.classList.remove(n),t.classList.length||t.removeAttribute("class");else{for(var e=" "+(t.getAttribute("class")||"")+" ",r=" "+n+" ";e.indexOf(r)>=0;)e=e.replace(r," ");e=e.trim(),e?t.setAttribute("class",e):t.removeAttribute("class")}}function $e(t){if(t){if("object"==typeof t){var n={};return!1!==t.css&&_(n,mo(t.name||"v")),_(n,t),n}return"string"==typeof t?mo(t):void 0}}function De(t){Ao(function(){Ao(t)})}function Fe(t,n){var e=t._transitionClasses||(t._transitionClasses=[]);e.indexOf(n)<0&&(e.push(n),Ie(t,n))}function Be(t,n){t._transitionClasses&&v(t._transitionClasses,n),Le(t,n)}function Ue(t,n,e){var r=ze(t,n),i=r.type,o=r.timeout,a=r.propCount;if(!i)return e();var u=i===_o?Eo:Oo,c=0,s=function(){t.removeEventListener(u,f),e()},f=function(n){n.target===t&&++c>=a&&s()};setTimeout(function(){c0&&(e=_o,f=a,l=o.length):n===wo?s>0&&(e=wo,f=s,l=c.length):(f=Math.max(a,s),e=f>0?a>s?_o:wo:null,l=e?e===_o?o.length:c.length:0),{type:e,timeout:f,propCount:l,hasTransform:e===_o&&Co.test(r[xo+"Property"])}}function We(t,n){for(;t.length1}function Ze(t,n){!0!==n.data.show&&Ve(n)}function Je(t,n,e){Ye(t,n,e),(Tr||jr)&&setTimeout(function(){Ye(t,n,e)},0)}function Ye(t,n,e){var r=n.value,i=t.multiple;if(!i||Array.isArray(r)){for(var o,a,u=0,c=t.options.length;u-1,a.selected!==o&&(a.selected=o);else if(E(Qe(a),r))return void(t.selectedIndex!==u&&(t.selectedIndex=u));i||(t.selectedIndex=-1)}}function Xe(t,n){return n.every(function(n){return!E(n,t)})}function Qe(t){return"_value"in t?t._value:t.value}function tr(t){t.target.composing=!0}function nr(t){t.target.composing&&(t.target.composing=!1,er(t.target,"input"))}function er(t,n){var e=document.createEvent("HTMLEvents");e.initEvent(n,!0,!0),t.dispatchEvent(e)}function rr(t){return!t.componentInstance||t.data&&t.data.transition?t:rr(t.componentInstance._vnode)}function ir(t){var n=t&&t.componentOptions;return n&&n.Ctor.options.abstract?ir(_t(n.children)):t}function or(t){var n={},e=t.$options;for(var r in e.propsData)n[r]=t[r];var i=e._parentListeners;for(var o in i)n[gr(o)]=i[o];return n}function ar(t,n){if(/\d-keep-alive$/.test(n.tag))return t("keep-alive",{props:n.componentOptions.propsData})}function ur(t){for(;t=t.parent;)if(t.data.transition)return!0}function cr(t,n){return n.key===t.key&&n.tag===t.tag}function sr(t){t.elm._moveCb&&t.elm._moveCb(),t.elm._enterCb&&t.elm._enterCb()}function fr(t){t.data.newPos=t.elm.getBoundingClientRect()}function lr(t){var n=t.data.pos,e=t.data.newPos,r=n.left-e.left,i=n.top-e.top;if(r||i){t.data.moved=!0;var o=t.elm.style;o.transform=o.WebkitTransform="translate("+r+"px,"+i+"px)",o.transitionDuration="0s"}}var pr=Object.prototype.toString,hr=(d("slot,component",!0),d("key,ref,slot,slot-scope,is")),dr=Object.prototype.hasOwnProperty,vr=/-(\w)/g,gr=y(function(t){return t.replace(vr,function(t,n){return n?n.toUpperCase():""})}),yr=y(function(t){return t.charAt(0).toUpperCase()+t.slice(1)}),mr=/\B([A-Z])/g,br=y(function(t){return t.replace(mr,"-$1").toLowerCase()}),_r=function(t,n,e){return!1},wr=function(t){return t},xr="data-server-rendered",Er=["component","directive","filter"],Sr=["beforeCreate","created","beforeMount","mounted","beforeUpdate","updated","beforeDestroy","destroyed","activated","deactivated","errorCaptured"],Or={optionMergeStrategies:Object.create(null),silent:!1,productionTip:!1,devtools:!1,performance:!1,errorHandler:null,warnHandler:null,ignoredElements:[],keyCodes:Object.create(null),isReservedTag:_r,isReservedAttr:_r,isUnknownElement:_r,getTagNamespace:x,parsePlatformTagName:wr,mustUseProp:_r,_lifecycleHooks:Sr},Ar=Object.freeze({}),Cr=/[^\w.$]/,Mr="__proto__"in{},kr="undefined"!=typeof window,Nr=kr&&window.navigator.userAgent.toLowerCase(),Tr=Nr&&/msie|trident/.test(Nr),Rr=Nr&&Nr.indexOf("msie 9.0")>0,jr=Nr&&Nr.indexOf("edge/")>0,Pr=Nr&&Nr.indexOf("android")>0,Ir=Nr&&/iphone|ipad|ipod|ios/.test(Nr),Lr=(Nr&&/chrome\/\d+/.test(Nr),{}.watch),$r=!1;if(kr)try{var Dr={};Object.defineProperty(Dr,"passive",{get:function(){$r=!0}}),window.addEventListener("test-passive",null,Dr)}catch(t){}var Fr,Br,Ur=function(){return void 0===Fr&&(Fr=!kr&&void 0!==t&&"server"===t.process.env.VUE_ENV),Fr},zr=kr&&window.__VUE_DEVTOOLS_GLOBAL_HOOK__,Wr="undefined"!=typeof Symbol&&k(Symbol)&&"undefined"!=typeof Reflect&&k(Reflect.ownKeys);Br="undefined"!=typeof Set&&k(Set)?Set:function(){function t(){this.set=Object.create(null)}return t.prototype.has=function(t){return!0===this.set[t]},t.prototype.add=function(t){this.set[t]=!0},t.prototype.clear=function(){this.set=Object.create(null)},t}();var Gr=x,Vr=0,Hr=function(){this.id=Vr++,this.subs=[]};Hr.prototype.addSub=function(t){this.subs.push(t)},Hr.prototype.removeSub=function(t){v(this.subs,t)},Hr.prototype.depend=function(){Hr.target&&Hr.target.addDep(this)},Hr.prototype.notify=function(){for(var t=this.subs.slice(),n=0,e=t.length;n1?b(e):e;for(var r=b(arguments,1),i=0,o=e.length;iparseInt(this.max)&&Un(i,o[0],o,this._vnode)),t.data.keepAlive=!0}return t}},ji={KeepAlive:Ri};!function(t){var n={};n.get=function(){return Or},Object.defineProperty(t,"config",n),t.util={warn:Gr,extend:_,mergeOptions:Z,defineReactive:D},t.set=F,t.delete=B,t.nextTick=at,t.options=Object.create(null),Er.forEach(function(n){t.options[n+"s"]=Object.create(null)}),t.options._base=t,_(t.options.components,ji),Rn(t),jn(t),Pn(t),$n(t)}(Tn),Object.defineProperty(Tn.prototype,"$isServer",{get:Ur}),Object.defineProperty(Tn.prototype,"$ssrContext",{get:function(){return this.$vnode&&this.$vnode.ssrContext}}),Tn.version="2.5.3";var Pi,Ii,Li=d("style,class"),$i=d("input,textarea,option,select,progress"),Di=function(t,n,e){return"value"===e&&$i(t)&&"button"!==n||"selected"===e&&"option"===t||"checked"===e&&"input"===t||"muted"===e&&"video"===t},Fi=d("contenteditable,draggable,spellcheck"),Bi=d("allowfullscreen,async,autofocus,autoplay,checked,compact,controls,declare,default,defaultchecked,defaultmuted,defaultselected,defer,disabled,enabled,formnovalidate,hidden,indeterminate,inert,ismap,itemscope,loop,multiple,muted,nohref,noresize,noshade,novalidate,nowrap,open,pauseonexit,readonly,required,reversed,scoped,seamless,selected,sortable,translate,truespeed,typemustmatch,visible"),Ui="http://www.w3.org/1999/xlink",zi=function(t){return":"===t.charAt(5)&&"xlink"===t.slice(0,5)},Wi=function(t){return zi(t)?t.slice(6,t.length):""},Gi=function(t){return null==t||!1===t},Vi={svg:"http://www.w3.org/2000/svg",math:"http://www.w3.org/1998/Math/MathML"},Hi=d("html,body,base,head,link,meta,style,title,address,article,aside,footer,header,h1,h2,h3,h4,h5,h6,hgroup,nav,section,div,dd,dl,dt,figcaption,figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,rtc,ruby,s,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,output,progress,select,textarea,details,dialog,menu,menuitem,summary,content,element,shadow,template,blockquote,iframe,tfoot"),qi=d("svg,animate,circle,clippath,cursor,defs,desc,ellipse,filter,font-face,foreignObject,g,glyph,image,line,marker,mask,missing-glyph,path,pattern,polygon,polyline,rect,switch,symbol,text,textpath,tspan,use,view",!0),Ki=function(t){return Hi(t)||qi(t)},Zi=Object.create(null),Ji=d("text,number,password,search,email,tel,url"),Yi=Object.freeze({createElement:Xn,createElementNS:Qn,createTextNode:te,createComment:ne,insertBefore:ee,removeChild:re,appendChild:ie,parentNode:oe,nextSibling:ae,tagName:ue,setTextContent:ce,setAttribute:se}),Xi={create:function(t,n){fe(n)},update:function(t,n){t.data.ref!==n.data.ref&&(fe(t,!0),fe(n))},destroy:function(t){fe(t,!0)}},Qi=new Kr("",{},[]),to=["create","activate","update","remove","destroy"],no={create:de,update:de,destroy:function(t){de(t,Qi)}},eo=Object.create(null),ro=[Xi,no],io={create:be,update:be},oo={create:we,update:we},ao="__r",uo="__c",co={create:Ae,update:Ae},so={create:Ce,update:Ce},fo=y(function(t){var n={},e=/;(?![^(]*\))/g,r=/:(.+)/;return t.split(e).forEach(function(t){if(t){var e=t.split(r);e.length>1&&(n[e[0].trim()]=e[1].trim())}}),n}),lo=/^--/,po=/\s*!important$/,ho=function(t,n,e){if(lo.test(n))t.style.setProperty(n,e);else if(po.test(e))t.style.setProperty(n,e.replace(po,""),"important");else{var r=go(n);if(Array.isArray(e))for(var i=0,o=e.length;id?(l=r(e[y+1])?null:e[y+1].elm,m(t,l,e,h,y,o)):h>y&&_(t,n,p,d)}function E(t,n,e,r){for(var o=e;o0;(o>>>=1)&&(n+=n))1&o&&(e+=n);return e}},function(t,n){t.exports=Math.sign||function(t){return 0==(t=+t)||t!=t?t:t<0?-1:1}},function(t,n){var e=Math.expm1;t.exports=!e||e(10)>22025.465794806718||e(10)<22025.465794806718||-2e-17!=e(-2e-17)?function(t){return 0==(t=+t)?t:t>-1e-6&&t<1e-6?t+t*t/2:Math.exp(t)-1}:e},function(t,n,e){var r=e(25),i=e(24);t.exports=function(t){return function(n,e){var o,a,u=String(i(n)),c=r(e),s=u.length;return c<0||c>=s?t?"":void 0:(o=u.charCodeAt(c),o<55296||o>56319||c+1===s||(a=u.charCodeAt(c+1))<56320||a>57343?t?u.charAt(c):o:t?u.slice(c,c+2):a-56320+(o-55296<<10)+65536)}}},function(t,n,e){"use strict";var r=e(34),i=e(0),o=e(14),a=e(13),u=e(12),c=e(45),s=e(85),f=e(43),l=e(18),p=e(5)("iterator"),h=!([].keys&&"next"in[].keys()),d=function(){return this};t.exports=function(t,n,e,v,g,y,m){s(e,n,v);var b,_,w,x=function(t){if(!h&&t in A)return A[t];switch(t){case"keys":case"values":return function(){return new e(this,t)}}return function(){return new e(this,t)}},E=n+" Iterator",S="values"==g,O=!1,A=t.prototype,C=A[p]||A["@@iterator"]||g&&A[g],M=C||x(g),k=g?S?x("entries"):M:void 0,N="Array"==n?A.entries||C:C;if(N&&(w=l(N.call(new t)))!==Object.prototype&&w.next&&(f(w,E,!0),r||u(w,p)||a(w,p,d)),S&&C&&"values"!==C.name&&(O=!0,M=function(){return C.call(this)}),r&&!m||!h&&!O&&A[p]||a(A,p,M),c[n]=M,c[E]=d,g)if(b={values:S?M:x("values"),keys:y?M:x("keys"),entries:k},m)for(_ in b)_ in A||o(A,_,b[_]);else i(i.P+i.F*(h||O),n,b);return b}},function(t,n,e){"use strict";var r=e(37),i=e(32),o=e(43),a={};e(13)(a,e(5)("iterator"),function(){return this}),t.exports=function(t,n,e){t.prototype=r(a,{next:i(1,e)}),o(t,n+" Iterator")}},function(t,n,e){var r=e(56),i=e(24);t.exports=function(t,n,e){if(r(n))throw TypeError("String#"+e+" doesn't accept regex!");return String(i(t))}},function(t,n,e){var r=e(5)("match");t.exports=function(t){var n=/./;try{"/./"[t](n)}catch(e){try{return n[r]=!1,!"/./"[t](n)}catch(t){}}return!0}},function(t,n,e){var r=e(45),i=e(5)("iterator"),o=Array.prototype;t.exports=function(t){return void 0!==t&&(r.Array===t||o[i]===t)}},function(t,n,e){"use strict";var r=e(7),i=e(32);t.exports=function(t,n,e){n in t?r.f(t,n,i(0,e)):t[n]=e}},function(t,n,e){var r=e(49),i=e(5)("iterator"),o=e(45);t.exports=e(22).getIteratorMethod=function(t){if(void 0!=t)return t[i]||t["@@iterator"]||o[r(t)]}},function(t,n,e){var r=e(326);t.exports=function(t,n){return new(r(t))(n)}},function(t,n,e){"use strict";var r=e(9),i=e(36),o=e(8);t.exports=function(t){for(var n=r(this),e=o(n.length),a=arguments.length,u=i(a>1?arguments[1]:void 0,e),c=a>2?arguments[2]:void 0,s=void 0===c?e:i(c,e);s>u;)n[u++]=t;return n}},function(t,n,e){"use strict";var r=e(31),i=e(123),o=e(45),a=e(16);t.exports=e(84)(Array,"Array",function(t,n){this._t=a(t),this._i=0,this._k=n},function(){var t=this._t,n=this._k,e=this._i++;return!t||e>=t.length?(this._t=void 0,i(1)):"keys"==n?i(0,e):"values"==n?i(0,t[e]):i(0,[e,t[e]])},"values"),o.Arguments=o.Array,r("keys"),r("values"),r("entries")},function(t,n,e){var r,i,o,a=e(19),u=e(113),c=e(76),s=e(72),f=e(2),l=f.process,p=f.setImmediate,h=f.clearImmediate,d=f.MessageChannel,v=f.Dispatch,g=0,y={},m=function(){var t=+this;if(y.hasOwnProperty(t)){var n=y[t];delete y[t],n()}},b=function(t){m.call(t.data)};p&&h||(p=function(t){for(var n=[],e=1;arguments.length>e;)n.push(arguments[e++]);return y[++g]=function(){u("function"==typeof t?t:Function(t),n)},r(g),g},h=function(t){delete y[t]},"process"==e(20)(l)?r=function(t){l.nextTick(a(m,t,1))}:v&&v.now?r=function(t){v.now(a(m,t,1))}:d?(i=new d,o=i.port2,i.port1.onmessage=b,r=a(o.postMessage,o,1)):f.addEventListener&&"function"==typeof postMessage&&!f.importScripts?(r=function(t){f.postMessage(t+"","*")},f.addEventListener("message",b,!1)):r="onreadystatechange"in s("script")?function(t){c.appendChild(s("script")).onreadystatechange=function(){c.removeChild(this),m.call(t)}}:function(t){setTimeout(a(m,t,1),0)}),t.exports={set:p,clear:h}},function(t,n,e){var r=e(2),i=e(94).set,o=r.MutationObserver||r.WebKitMutationObserver,a=r.process,u=r.Promise,c="process"==e(20)(a);t.exports=function(){var t,n,e,s=function(){var r,i;for(c&&(r=a.domain)&&r.exit();t;){i=t.fn,t=t.next;try{i()}catch(r){throw t?e():n=void 0,r}}n=void 0,r&&r.enter()};if(c)e=function(){a.nextTick(s)};else if(o){var f=!0,l=document.createTextNode("");new o(s).observe(l,{characterData:!0}),e=function(){l.data=f=!f}}else if(u&&u.resolve){var p=u.resolve();e=function(){p.then(s)}}else e=function(){i.call(r,s)};return function(r){var i={fn:r,next:void 0};n&&(n.next=i),t||(t=i,e()),n=i}}},function(t,n,e){"use strict";function r(t){var n,e;this.promise=new t(function(t,r){if(void 0!==n||void 0!==e)throw TypeError("Bad Promise constructor");n=t,e=r}),this.resolve=i(n),this.reject=i(e)}var i=e(10);t.exports.f=function(t){return new r(t)}},function(t,n,e){"use strict";function r(t,n,e){var r,i,o,a=Array(e),u=8*e-n-1,c=(1<>1,f=23===n?D(2,-24)-D(2,-77):0,l=0,p=t<0||0===t&&1/t<0?1:0;for(t=$(t),t!=t||t===I?(i=t!=t?1:0,r=c):(r=F(B(t)/U),t*(o=D(2,-r))<1&&(r--,o*=2),t+=r+s>=1?f/o:f*D(2,1-s),t*o>=2&&(r++,o/=2),r+s>=c?(i=0,r=c):r+s>=1?(i=(t*o-1)*D(2,n),r+=s):(i=t*D(2,s-1)*D(2,n),r=0));n>=8;a[l++]=255&i,i/=256,n-=8);for(r=r<0;a[l++]=255&r,r/=256,u-=8);return a[--l]|=128*p,a}function i(t,n,e){var r,i=8*e-n-1,o=(1<>1,u=i-7,c=e-1,s=t[c--],f=127&s;for(s>>=7;u>0;f=256*f+t[c],c--,u-=8);for(r=f&(1<<-u)-1,f>>=-u,u+=n;u>0;r=256*r+t[c],c--,u-=8);if(0===f)f=1-a;else{if(f===o)return r?NaN:s?-I:I;r+=D(2,n),f-=a}return(s?-1:1)*r*D(2,f-n)}function o(t){return t[3]<<24|t[2]<<16|t[1]<<8|t[0]}function a(t){return[255&t]}function u(t){return[255&t,t>>8&255]}function c(t){return[255&t,t>>8&255,t>>16&255,t>>24&255]}function s(t){return r(t,52,8)}function f(t){return r(t,23,4)}function l(t,n,e){A(t[k],n,{get:function(){return this[e]}})}function p(t,n,e,r){var i=+e,o=S(i);if(o+n>t[W])throw P(N);var a=t[z]._b,u=o+t[G],c=a.slice(u,u+n);return r?c:c.reverse()}function h(t,n,e,r,i,o){var a=+e,u=S(a);if(u+n>t[W])throw P(N);for(var c=t[z]._b,s=u+t[G],f=r(+i),l=0;lK;)(V=q[K++])in T||m(T,V,L[V]);g||(H.constructor=T)}var Z=new R(new T(2)),J=R[k].setInt8;Z.setInt8(0,2147483648),Z.setInt8(1,2147483649),!Z.getInt8(0)&&Z.getInt8(1)||b(R[k],{setInt8:function(t,n){J.call(this,t,n<<24>>24)},setUint8:function(t,n){J.call(this,t,n<<24>>24)}},!0)}else T=function(t){w(this,T,"ArrayBuffer");var n=S(t);this._b=C.call(Array(n),0),this[W]=n},R=function(t,n,e){w(this,R,"DataView"),w(t,T,"DataView");var r=t[W],i=x(n);if(i<0||i>r)throw P("Wrong offset!");if(e=void 0===e?r-i:E(e),i+e>r)throw P("Wrong length!");this[z]=t,this[G]=i,this[W]=e},v&&(l(T,"byteLength","_l"),l(R,"buffer","_b"),l(R,"byteLength","_l"),l(R,"byteOffset","_o")),b(R[k],{getInt8:function(t){return p(this,1,t)[0]<<24>>24},getUint8:function(t){return p(this,1,t)[0]},getInt16:function(t){var n=p(this,2,t,arguments[1]);return(n[1]<<8|n[0])<<16>>16},getUint16:function(t){var n=p(this,2,t,arguments[1]);return n[1]<<8|n[0]},getInt32:function(t){return o(p(this,4,t,arguments[1]))},getUint32:function(t){return o(p(this,4,t,arguments[1]))>>>0},getFloat32:function(t){return i(p(this,4,t,arguments[1]),23,4)},getFloat64:function(t){return i(p(this,8,t,arguments[1]),52,8)},setInt8:function(t,n){h(this,1,t,a,n)},setUint8:function(t,n){h(this,1,t,a,n)},setInt16:function(t,n){h(this,2,t,u,n,arguments[2])},setUint16:function(t,n){h(this,2,t,u,n,arguments[2])},setInt32:function(t,n){h(this,4,t,c,n,arguments[2])},setUint32:function(t,n){h(this,4,t,c,n,arguments[2])},setFloat32:function(t,n){h(this,4,t,f,n,arguments[2])},setFloat64:function(t,n){h(this,8,t,s,n,arguments[2])}});M(T,"ArrayBuffer"),M(R,"DataView"),m(R[k],y.VIEW,!0),n.ArrayBuffer=T,n.DataView=R},function(t,n){t.exports=function(t){if(void 0==t)throw TypeError("Can't call method on "+t);return t}},function(t,n,e){var r=e(160),i=e(98);t.exports=function(t){return r(i(t))}},function(t,n){var e=Math.ceil,r=Math.floor;t.exports=function(t){return isNaN(t=+t)?0:(t>0?r:e)(t)}},,,,,,function(t,n,e){t.exports=!e(6)&&!e(3)(function(){return 7!=Object.defineProperty(e(72)("div"),"a",{get:function(){return 7}}).a})},function(t,n,e){n.f=e(5)},function(t,n,e){var r=e(12),i=e(16),o=e(53)(!1),a=e(74)("IE_PROTO");t.exports=function(t,n){var e,u=i(t),c=0,s=[];for(e in u)e!=a&&r(u,e)&&s.push(e);for(;n.length>c;)r(u,e=n[c++])&&(~o(s,e)||s.push(e));return s}},function(t,n,e){var r=e(7),i=e(1),o=e(35);t.exports=e(6)?Object.defineProperties:function(t,n){i(t);for(var e,a=o(n),u=a.length,c=0;u>c;)r.f(t,e=a[c++],n[e]);return t}},function(t,n,e){var r=e(16),i=e(38).f,o={}.toString,a="object"==typeof window&&window&&Object.getOwnPropertyNames?Object.getOwnPropertyNames(window):[],u=function(t){try{return i(t)}catch(t){return a.slice()}};t.exports.f=function(t){return a&&"[object Window]"==o.call(t)?u(t):i(r(t))}},function(t,n,e){"use strict";var r=e(35),i=e(54),o=e(48),a=e(9),u=e(47),c=Object.assign;t.exports=!c||e(3)(function(){var t={},n={},e=Symbol(),r="abcdefghijklmnopqrst";return t[e]=7,r.split("").forEach(function(t){n[t]=t}),7!=c({},t)[e]||Object.keys(c({},n)).join("")!=r})?function(t,n){for(var e=a(t),c=arguments.length,s=1,f=i.f,l=o.f;c>s;)for(var p,h=u(arguments[s++]),d=f?r(h).concat(f(h)):r(h),v=d.length,g=0;v>g;)l.call(h,p=d[g++])&&(e[p]=h[p]);return e}:c},function(t,n,e){"use strict";var r=e(10),i=e(4),o=e(113),a=[].slice,u={},c=function(t,n,e){if(!(n in u)){for(var r=[],i=0;i>>0||(a.test(e)?16:10))}:r},function(t,n,e){var r=e(2).parseFloat,i=e(44).trim;t.exports=1/r(e(78)+"-0")!=-1/0?function(t){var n=i(String(t),3),e=r(n);return 0===e&&"-"==n.charAt(0)?-0:e}:r},function(t,n,e){var r=e(20);t.exports=function(t,n){if("number"!=typeof t&&"Number"!=r(t))throw TypeError(n);return+t}},function(t,n,e){var r=e(4),i=Math.floor;t.exports=function(t){return!r(t)&&isFinite(t)&&i(t)===t}},function(t,n){t.exports=Math.log1p||function(t){return(t=+t)>-1e-8&&t<1e-8?t-t*t/2:Math.log(1+t)}},function(t,n,e){var r=e(81),i=Math.pow,o=i(2,-52),a=i(2,-23),u=i(2,127)*(2-a),c=i(2,-126),s=function(t){return t+1/o-1/o};t.exports=Math.fround||function(t){var n,e,i=Math.abs(t),f=r(t);return iu||e!=e?f*(1/0):f*e)}},function(t,n,e){var r=e(1);t.exports=function(t,n,e,i){try{return i?n(r(e)[0],e[1]):n(e)}catch(n){var o=t.return;throw void 0!==o&&r(o.call(t)),n}}},function(t,n,e){var r=e(10),i=e(9),o=e(47),a=e(8);t.exports=function(t,n,e,u,c){r(n);var s=i(t),f=o(s),l=a(s.length),p=c?l-1:0,h=c?-1:1;if(e<2)for(;;){if(p in f){u=f[p],p+=h;break}if(p+=h,c?p<0:l<=p)throw TypeError("Reduce of empty array with no initial value")}for(;c?p>=0:l>p;p+=h)p in f&&(u=n(u,f[p],p,s));return u}},function(t,n,e){"use strict";var r=e(9),i=e(36),o=e(8);t.exports=[].copyWithin||function(t,n){var e=r(this),a=o(e.length),u=i(t,a),c=i(n,a),s=arguments.length>2?arguments[2]:void 0,f=Math.min((void 0===s?a:i(s,a))-c,a-u),l=1;for(c0;)c in e?e[u]=e[c]:delete e[u],u+=l,c+=l;return e}},function(t,n){t.exports=function(t,n){return{value:n,done:!!t}}},function(t,n,e){e(6)&&"g"!=/./g.flags&&e(7).f(RegExp.prototype,"flags",{configurable:!0,get:e(58)})},function(t,n){t.exports=function(t){try{return{e:!1,v:t()}}catch(t){return{e:!0,v:t}}}},function(t,n,e){var r=e(1),i=e(4),o=e(96);t.exports=function(t,n){if(r(t),i(n)&&n.constructor===t)return n;var e=o.f(t);return(0,e.resolve)(n),e.promise}},function(t,n,e){"use strict";var r=e(128),i=e(46);t.exports=e(61)("Map",function(t){return function(){return t(this,arguments.length>0?arguments[0]:void 0)}},{get:function(t){var n=r.getEntry(i(this,"Map"),t);return n&&n.v},set:function(t,n){return r.def(i(this,"Map"),0===t?0:t,n)}},r,!0)},function(t,n,e){"use strict";var r=e(7).f,i=e(37),o=e(42),a=e(19),u=e(40),c=e(41),s=e(84),f=e(123),l=e(39),p=e(6),h=e(30).fastKey,d=e(46),v=p?"_s":"size",g=function(t,n){var e,r=h(n);if("F"!==r)return t._i[r];for(e=t._f;e;e=e.n)if(e.k==n)return e};t.exports={getConstructor:function(t,n,e,s){var f=t(function(t,r){u(t,f,n,"_i"),t._t=n,t._i=i(null),t._f=void 0,t._l=void 0,t[v]=0,void 0!=r&&c(r,e,t[s],t)});return o(f.prototype,{clear:function(){for(var t=d(this,n),e=t._i,r=t._f;r;r=r.n)r.r=!0,r.p&&(r.p=r.p.n=void 0),delete e[r.i];t._f=t._l=void 0,t[v]=0},delete:function(t){var e=d(this,n),r=g(e,t);if(r){var i=r.n,o=r.p;delete e._i[r.i],r.r=!0,o&&(o.n=i),i&&(i.p=o),e._f==r&&(e._f=i),e._l==r&&(e._l=o),e[v]--}return!!r},forEach:function(t){d(this,n);for(var e,r=a(t,arguments.length>1?arguments[1]:void 0,3);e=e?e.n:this._f;)for(r(e.v,e.k,this);e&&e.r;)e=e.p},has:function(t){return!!g(d(this,n),t)}}),p&&r(f.prototype,"size",{get:function(){return d(this,n)[v]}}),f},def:function(t,n,e){var r,i,o=g(t,n);return o?o.v=e:(t._l=o={i:i=h(n,!0),k:n,v:e,p:r=t._l,n:void 0,r:!1},t._f||(t._f=o),r&&(r.n=o),t[v]++,"F"!==i&&(t._i[i]=o)),t},getEntry:g,setStrong:function(t,n,e){s(t,n,function(t,e){this._t=d(t,n),this._k=e,this._l=void 0},function(){for(var t=this,n=t._k,e=t._l;e&&e.r;)e=e.p;return t._t&&(t._l=e=e?e.n:t._t._f)?"keys"==n?f(0,e.k):"values"==n?f(0,e.v):f(0,[e.k,e.v]):(t._t=void 0,f(1))},e?"entries":"values",!e,!0),l(n)}}},function(t,n,e){"use strict";var r=e(128),i=e(46);t.exports=e(61)("Set",function(t){return function(){return t(this,arguments.length>0?arguments[0]:void 0)}},{add:function(t){return r.def(i(this,"Set"),t=0===t?0:t,t)}},r)},function(t,n,e){"use strict";var r,i=e(27)(0),o=e(14),a=e(30),u=e(111),c=e(131),s=e(4),f=e(3),l=e(46),p=a.getWeak,h=Object.isExtensible,d=c.ufstore,v={},g=function(t){return function(){return t(this,arguments.length>0?arguments[0]:void 0)}},y={get:function(t){if(s(t)){var n=p(t);return!0===n?d(l(this,"WeakMap")).get(t):n?n[this._i]:void 0}},set:function(t,n){return c.def(l(this,"WeakMap"),t,n)}},m=t.exports=e(61)("WeakMap",g,y,c,!0,!0);f(function(){return 7!=(new m).set((Object.freeze||Object)(v),7).get(v)})&&(r=c.getConstructor(g,"WeakMap"),u(r.prototype,y),a.NEED=!0,i(["delete","has","get","set"],function(t){var n=m.prototype,e=n[t];o(n,t,function(n,i){if(s(n)&&!h(n)){this._f||(this._f=new r);var o=this._f[t](n,i);return"set"==t?this:o}return e.call(this,n,i)})}))},function(t,n,e){"use strict";var r=e(42),i=e(30).getWeak,o=e(1),a=e(4),u=e(40),c=e(41),s=e(27),f=e(12),l=e(46),p=s(5),h=s(6),d=0,v=function(t){return t._l||(t._l=new g)},g=function(){this.a=[]},y=function(t,n){return p(t.a,function(t){return t[0]===n})};g.prototype={get:function(t){var n=y(this,t);if(n)return n[1]},has:function(t){return!!y(this,t)},set:function(t,n){var e=y(this,t);e?e[1]=n:this.a.push([t,n])},delete:function(t){var n=h(this.a,function(n){return n[0]===t});return~n&&this.a.splice(n,1),!!~n}},t.exports={getConstructor:function(t,n,e,o){var s=t(function(t,r){u(t,s,n,"_i"),t._t=n,t._i=d++,t._l=void 0,void 0!=r&&c(r,e,t[o],t)});return r(s.prototype,{delete:function(t){if(!a(t))return!1;var e=i(t);return!0===e?v(l(this,n)).delete(t):e&&f(e,this._i)&&delete e[this._i]},has:function(t){if(!a(t))return!1;var e=i(t);return!0===e?v(l(this,n)).has(t):e&&f(e,this._i)}}),s},def:function(t,n,e){var r=i(o(n),!0);return!0===r?v(t).set(n,e):r[t._i]=e,t},ufstore:v}},function(t,n,e){var r=e(25),i=e(8);t.exports=function(t){if(void 0===t)return 0;var n=r(t),e=i(n);if(n!==e)throw RangeError("Wrong length!");return e}},function(t,n,e){var r=e(38),i=e(54),o=e(1),a=e(2).Reflect;t.exports=a&&a.ownKeys||function(t){var n=r.f(o(t)),e=i.f;return e?n.concat(e(t)):n}},function(t,n,e){"use strict";function r(t,n,e,s,f,l,p,h){for(var d,v,g=f,y=0,m=!!p&&u(p,h,3);y0)g=r(t,n,d,a(d.length),g,l-1)-1;else{if(g>=9007199254740991)throw TypeError();t[g]=d}g++}y++}return g}var i=e(55),o=e(4),a=e(8),u=e(19),c=e(5)("isConcatSpreadable");t.exports=r},function(t,n,e){var r=e(8),i=e(80),o=e(24);t.exports=function(t,n,e,a){var u=String(o(t)),c=u.length,s=void 0===e?" ":String(e),f=r(n);if(f<=c||""==s)return u;var l=f-c,p=i.call(s,Math.ceil(l/s.length));return p.length>l&&(p=p.slice(0,l)),a?p+u:u+p}},function(t,n,e){var r=e(35),i=e(16),o=e(48).f;t.exports=function(t){return function(n){for(var e,a=i(n),u=r(a),c=u.length,s=0,f=[];c>s;)o.call(a,e=u[s++])&&f.push(t?[e,a[e]]:a[e]);return f}}},function(t,n,e){var r=e(49),i=e(138);t.exports=function(t){return function(){if(r(this)!=t)throw TypeError(t+"#toJSON isn't generic");return i(this)}}},function(t,n,e){var r=e(41);t.exports=function(t,n){var e=[];return r(t,!1,e.push,e,n),e}},function(t,n){t.exports=Math.scale||function(t,n,e,r,i){return 0===arguments.length||t!=t||n!=n||e!=e||r!=r||i!=i?NaN:t===1/0||t===-1/0?t:(t-n)*(i-r)/(e-n)+r}},,,function(t,n,e){function r(t,n){this._id=t,this._clearFn=n}var i=Function.prototype.apply;n.setTimeout=function(){return new r(i.call(setTimeout,window,arguments),clearTimeout)},n.setInterval=function(){return new r(i.call(setInterval,window,arguments),clearInterval)},n.clearTimeout=n.clearInterval=function(t){t&&t.close()},r.prototype.unref=r.prototype.ref=function(){},r.prototype.close=function(){this._clearFn.call(window,this._id)},n.enroll=function(t,n){clearTimeout(t._idleTimeoutId),t._idleTimeout=n},n.unenroll=function(t){clearTimeout(t._idleTimeoutId),t._idleTimeout=-1},n._unrefActive=n.active=function(t){clearTimeout(t._idleTimeoutId);var n=t._idleTimeout;n>=0&&(t._idleTimeoutId=setTimeout(function(){t._onTimeout&&t._onTimeout()},n))},e(143),n.setImmediate=setImmediate,n.clearImmediate=clearImmediate},function(t,n,e){(function(t,n){!function(t,e){"use strict";function r(t){"function"!=typeof t&&(t=new Function(""+t));for(var n=new Array(arguments.length-1),e=0;e1)for(var e=1;e-1}function o(t,n){switch(typeof n){case"undefined":return;case"object":return n;case"function":return n(t);case"boolean":return n?t.params:void 0}}function a(t,n){for(var e in n)t[e]=n[e];return t}function u(t,n,e){void 0===n&&(n={});var r,i=e||c;try{r=i(t||"")}catch(t){r={}}for(var o in n)r[o]=n[o];return r}function c(t){var n={};return(t=t.trim().replace(/^(\?|#|&)/,""))?(t.split("&").forEach(function(t){var e=t.replace(/\+/g," ").split("="),r=Bt(e.shift()),i=e.length>0?Bt(e.join("=")):null;void 0===n[r]?n[r]=i:Array.isArray(n[r])?n[r].push(i):n[r]=[n[r],i]}),n):n}function s(t){var n=t?Object.keys(t).map(function(n){var e=t[n];if(void 0===e)return"";if(null===e)return Ft(n);if(Array.isArray(e)){var r=[];return e.forEach(function(t){void 0!==t&&(null===t?r.push(Ft(n)):r.push(Ft(n)+"="+Ft(t)))}),r.join("&")}return Ft(n)+"="+Ft(e)}).filter(function(t){return t.length>0}).join("&"):null;return n?"?"+n:""}function f(t,n,e,r){var i=r&&r.options.stringifyQuery,o=n.query||{};try{o=l(o)}catch(t){}var a={name:n.name||t&&t.name,meta:t&&t.meta||{},path:n.path||"/",hash:n.hash||"",query:o,params:n.params||{},fullPath:h(n,i),matched:t?p(t):[]};return e&&(a.redirectedFrom=h(e,i)),Object.freeze(a)}function l(t){if(Array.isArray(t))return t.map(l);if(t&&"object"==typeof t){var n={};for(var e in t)n[e]=l(t[e]);return n}return t}function p(t){for(var n=[];t;)n.unshift(t),t=t.parent;return n}function h(t,n){var e=t.path,r=t.query;void 0===r&&(r={});var i=t.hash;void 0===i&&(i="");var o=n||s;return(e||"/")+o(r)+i}function d(t,n){return n===zt?t===n:!!n&&(t.path&&n.path?t.path.replace(Ut,"")===n.path.replace(Ut,"")&&t.hash===n.hash&&v(t.query,n.query):!(!t.name||!n.name)&&(t.name===n.name&&t.hash===n.hash&&v(t.query,n.query)&&v(t.params,n.params)))}function v(t,n){if(void 0===t&&(t={}),void 0===n&&(n={}),!t||!n)return t===n;var e=Object.keys(t),r=Object.keys(n);return e.length===r.length&&e.every(function(e){var r=t[e],i=n[e];return"object"==typeof r&&"object"==typeof i?v(r,i):String(r)===String(i)})}function g(t,n){return 0===t.path.replace(Ut,"/").indexOf(n.path.replace(Ut,"/"))&&(!n.hash||t.hash===n.hash)&&y(t.query,n.query)}function y(t,n){for(var e in n)if(!(e in t))return!1;return!0}function m(t){if(!(t.metaKey||t.altKey||t.ctrlKey||t.shiftKey||t.defaultPrevented||void 0!==t.button&&0!==t.button)){if(t.currentTarget&&t.currentTarget.getAttribute){if(/\b_blank\b/i.test(t.currentTarget.getAttribute("target")))return}return t.preventDefault&&t.preventDefault(),!0}}function b(t){if(t)for(var n,e=0;e=0&&(n=t.slice(r),t=t.slice(0,r));var i=t.indexOf("?");return i>=0&&(e=t.slice(i+1),t=t.slice(0,i)),{path:t,query:e,hash:n}}function E(t){return t.replace(/\/\//g,"/")}function S(t,n){for(var e,r=[],i=0,o=0,a="",u=n&&n.delimiter||"/";null!=(e=Qt.exec(t));){var c=e[0],s=e[1],f=e.index;if(a+=t.slice(o,f),o=f+c.length,s)a+=s[1];else{var l=t[o],p=e[2],h=e[3],d=e[4],v=e[5],g=e[6],y=e[7];a&&(r.push(a),a="");var m=null!=p&&null!=l&&l!==p,b="+"===g||"*"===g,_="?"===g||"*"===g,w=e[2]||u,x=d||v;r.push({name:h||i++,prefix:p||"",delimiter:w,optional:_,repeat:b,partial:m,asterisk:!!y,pattern:x?N(x):y?".*":"[^"+k(w)+"]+?"})}}return o-1&&(i.params[p]=e.params[p]);if(u)return i.path=D(u.path,i.params,'named route "'+o+'"'),a(u,i,r)}else if(i.path){i.params={};for(var h=0;h=t.length?e():t[i]?n(t[i],function(){r(i+1)}):r(i+1)};r(0)}function ft(t){return function(n,e,r){var o=!1,a=0,u=null;lt(t,function(t,n,e,c){if("function"==typeof t&&void 0===t.cid){o=!0,a++;var s,f=dt(function(n){ht(n)&&(n=n.default),t.resolved="function"==typeof n?n:Pt.extend(n),e.components[c]=n,--a<=0&&r()}),l=dt(function(t){var n="Failed to resolve async component "+c+": "+t;u||(u=i(t)?t:new Error(n),r(u))});try{s=t(f,l)}catch(t){l(t)}if(s)if("function"==typeof s.then)s.then(f,l);else{var p=s.component;p&&"function"==typeof p.then&&p.then(f,l)}}}),o||r()}}function lt(t,n){return pt(t.map(function(t){return Object.keys(t.components).map(function(e){return n(t.components[e],t.instances[e],t,e)})}))}function pt(t){return Array.prototype.concat.apply([],t)}function ht(t){return t.__esModule||an&&"Module"===t[Symbol.toStringTag]}function dt(t){var n=!1;return function(){for(var e=[],r=arguments.length;r--;)e[r]=arguments[r];if(!n)return n=!0,t.apply(this,e)}}function vt(t){if(!t)if(Ht){var n=document.querySelector("base");t=n&&n.getAttribute("href")||"/",t=t.replace(/^https?:\/\/[^\/]+/,"")}else t="/";return"/"!==t.charAt(0)&&(t="/"+t),t.replace(/\/$/,"")}function gt(t,n){var e,r=Math.max(t.length,n.length);for(e=0;e=0?n.slice(0,e):n)+"#"+t}function Nt(t){en?ut(kt(t)):window.location.hash=t}function Tt(t){en?ct(kt(t)):window.location.replace(kt(t))}function Rt(t,n){return t.push(n),function(){var e=t.indexOf(n);e>-1&&t.splice(e,1)}}function jt(t,n,e){var r="hash"===e?"#"+n:n;return t?E(t+"/"+r):r}Object.defineProperty(n,"__esModule",{value:!0});var Pt,It={name:"router-view",functional:!0,props:{name:{type:String,default:"default"}},render:function(t,n){var e=n.props,r=n.children,i=n.parent,u=n.data;u.routerView=!0;for(var c=i.$createElement,s=e.name,f=i.$route,l=i._routerViewCache||(i._routerViewCache={}),p=0,h=!1;i&&i._routerRoot!==i;)i.$vnode&&i.$vnode.data.routerView&&p++,i._inactive&&(h=!0),i=i.$parent;if(u.routerViewDepth=p,h)return c(l[s],u,r);var d=f.matched[p];if(!d)return l[s]=null,c();var v=l[s]=d.components[s];u.registerRouteInstance=function(t,n){var e=d.instances[s];(n&&e!==t||!n&&e===t)&&(d.instances[s]=n)},(u.hook||(u.hook={})).prepatch=function(t,n){d.instances[s]=n.componentInstance};var g=u.props=o(f,d.props&&d.props[s]);if(g){g=u.props=a({},g);var y=u.attrs=u.attrs||{};for(var m in g)v.props&&m in v.props||(y[m]=g[m],delete g[m])}return c(v,u,r)}},Lt=/[!'()*]/g,$t=function(t){return"%"+t.charCodeAt(0).toString(16)},Dt=/%2C/g,Ft=function(t){return encodeURIComponent(t).replace(Lt,$t).replace(Dt,",")},Bt=decodeURIComponent,Ut=/\/?$/,zt=f(null,{path:"/"}),Wt=[String,Object],Gt=[String,Array],Vt={name:"router-link",props:{to:{type:Wt,required:!0},tag:{type:String,default:"a"},exact:Boolean,append:Boolean,replace:Boolean,activeClass:String,exactActiveClass:String,event:{type:Gt,default:"click"}},render:function(t){var n=this,e=this.$router,r=this.$route,i=e.resolve(this.to,r,this.append),o=i.location,a=i.route,u=i.href,c={},s=e.options.linkActiveClass,l=e.options.linkExactActiveClass,p=null==s?"router-link-active":s,h=null==l?"router-link-exact-active":l,v=null==this.activeClass?p:this.activeClass,y=null==this.exactActiveClass?h:this.exactActiveClass,_=o.path?f(null,o,null,e):a;c[y]=d(r,_),c[v]=this.exact?c[y]:g(r,_);var w=function(t){m(t)&&(n.replace?e.replace(o):e.push(o))},x={click:m};Array.isArray(this.event)?this.event.forEach(function(t){x[t]=w}):x[this.event]=w;var E={class:c};if("a"===this.tag)E.on=x,E.attrs={href:u};else{var S=b(this.$slots.default);if(S){S.isStatic=!1;var O=Pt.util.extend;(S.data=O({},S.data)).on=x;(S.data.attrs=O({},S.data.attrs)).href=u}else E.on=x}return t(this.tag,E,this.$slots.default)}},Ht="undefined"!=typeof window,qt=Array.isArray||function(t){return"[object Array]"==Object.prototype.toString.call(t)},Kt=$,Zt=S,Jt=O,Yt=M,Xt=L,Qt=new RegExp(["(\\\\.)","([\\/.])?(?:(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?|(\\*))"].join("|"),"g");Kt.parse=Zt,Kt.compile=Jt,Kt.tokensToFunction=Yt,Kt.tokensToRegExp=Xt;var tn=Object.create(null),nn=Object.create(null),en=Ht&&function(){var t=window.navigator.userAgent;return(-1===t.indexOf("Android 2.")&&-1===t.indexOf("Android 4.0")||-1===t.indexOf("Mobile Safari")||-1!==t.indexOf("Chrome")||-1!==t.indexOf("Windows Phone"))&&(window.history&&"pushState"in window.history)}(),rn=Ht&&window.performance&&window.performance.now?window.performance:Date,on=it(),an="function"==typeof Symbol&&"symbol"==typeof Symbol.toStringTag,un=function(t,n){this.router=t,this.base=vt(n),this.current=zt,this.pending=null,this.ready=!1,this.readyCbs=[],this.readyErrorCbs=[],this.errorCbs=[]};un.prototype.listen=function(t){this.cb=t},un.prototype.onReady=function(t,n){this.ready?t():(this.readyCbs.push(t),n&&this.readyErrorCbs.push(n))},un.prototype.onError=function(t){this.errorCbs.push(t)},un.prototype.transitionTo=function(t,n,e){var r=this,i=this.router.match(t,this.current);this.confirmTransition(i,function(){r.updateRoute(i),n&&n(i),r.ensureURL(),r.ready||(r.ready=!0,r.readyCbs.forEach(function(t){t(i)}))},function(t){e&&e(t),t&&!r.ready&&(r.ready=!0,r.readyErrorCbs.forEach(function(n){n(t)}))})},un.prototype.confirmTransition=function(t,n,e){var o=this,a=this.current,u=function(t){i(t)&&(o.errorCbs.length?o.errorCbs.forEach(function(n){n(t)}):(r(!1,"uncaught error during route navigation:"),console.error(t))),e&&e(t)};if(d(t,a)&&t.matched.length===a.matched.length)return this.ensureURL(),u();var c=gt(this.current.matched,t.matched),s=c.updated,f=c.deactivated,l=c.activated,p=[].concat(bt(f),this.router.beforeHooks,_t(s),l.map(function(t){return t.beforeEnter}),ft(l));this.pending=t;var h=function(n,e){if(o.pending!==t)return u();try{n(t,a,function(t){!1===t||i(t)?(o.ensureURL(!0),u(t)):"string"==typeof t||"object"==typeof t&&("string"==typeof t.path||"string"==typeof t.name)?(u(),"object"==typeof t&&t.replace?o.replace(t):o.push(t)):e(t)})}catch(t){u(t)}};st(p,h,function(){var e=[];st(xt(l,e,function(){return o.current===t}).concat(o.router.resolveHooks),h,function(){if(o.pending!==t)return u();o.pending=null,n(t),o.router.app&&o.router.app.$nextTick(function(){e.forEach(function(t){t()})})})})},un.prototype.updateRoute=function(t){var n=this.current;this.current=t,this.cb&&this.cb(t),this.router.afterHooks.forEach(function(e){e&&e(t,n)})};var cn=function(t){function n(n,e){var r=this;t.call(this,n,e);var i=n.options.scrollBehavior;i&&K();var o=Ot(this.base);window.addEventListener("popstate",function(t){var e=r.current,a=Ot(r.base);r.current===zt&&a===o||r.transitionTo(a,function(t){i&&Z(n,t,e,!0)})})}return t&&(n.__proto__=t),n.prototype=Object.create(t&&t.prototype),n.prototype.constructor=n,n.prototype.go=function(t){window.history.go(t)},n.prototype.push=function(t,n,e){var r=this,i=this,o=i.current;this.transitionTo(t,function(t){ut(E(r.base+t.fullPath)),Z(r.router,t,o,!1),n&&n(t)},e)},n.prototype.replace=function(t,n,e){var r=this,i=this,o=i.current;this.transitionTo(t,function(t){ct(E(r.base+t.fullPath)),Z(r.router,t,o,!1),n&&n(t)},e)},n.prototype.ensureURL=function(t){if(Ot(this.base)!==this.current.fullPath){var n=E(this.base+this.current.fullPath);t?ut(n):ct(n)}},n.prototype.getCurrentLocation=function(){return Ot(this.base)},n}(un),sn=function(t){function n(n,e,r){t.call(this,n,e),r&&At(this.base)||Ct()}return t&&(n.__proto__=t),n.prototype=Object.create(t&&t.prototype),n.prototype.constructor=n,n.prototype.setupListeners=function(){var t=this,n=this.router,e=n.options.scrollBehavior,r=en&&e;r&&K(),window.addEventListener(en?"popstate":"hashchange",function(){var n=t.current;Ct()&&t.transitionTo(Mt(),function(e){r&&Z(t.router,e,n,!0),en||Tt(e.fullPath)})})},n.prototype.push=function(t,n,e){var r=this,i=this,o=i.current;this.transitionTo(t,function(t){Nt(t.fullPath),Z(r.router,t,o,!1),n&&n(t)},e)},n.prototype.replace=function(t,n,e){var r=this,i=this,o=i.current;this.transitionTo(t,function(t){Tt(t.fullPath),Z(r.router,t,o,!1),n&&n(t)},e)},n.prototype.go=function(t){window.history.go(t)},n.prototype.ensureURL=function(t){var n=this.current.fullPath;Mt()!==n&&(t?Nt(n):Tt(n))},n.prototype.getCurrentLocation=function(){return Mt()},n}(un),fn=function(t){function n(n,e){t.call(this,n,e),this.stack=[],this.index=-1}return t&&(n.__proto__=t),n.prototype=Object.create(t&&t.prototype),n.prototype.constructor=n,n.prototype.push=function(t,n,e){var r=this;this.transitionTo(t,function(t){r.stack=r.stack.slice(0,r.index+1).concat(t),r.index++,n&&n(t)},e)},n.prototype.replace=function(t,n,e){var r=this;this.transitionTo(t,function(t){r.stack=r.stack.slice(0,r.index).concat(t),n&&n(t)},e)},n.prototype.go=function(t){var n=this,e=this.index+t;if(!(e<0||e>=this.stack.length)){var r=this.stack[e];this.confirmTransition(r,function(){n.index=e,n.updateRoute(r)})}},n.prototype.getCurrentLocation=function(){var t=this.stack[this.stack.length-1];return t?t.fullPath:"/"},n.prototype.ensureURL=function(){},n}(un),ln=function(t){void 0===t&&(t={}),this.app=null,this.apps=[],this.options=t,this.beforeHooks=[],this.resolveHooks=[],this.afterHooks=[],this.matcher=V(t.routes||[],this);var n=t.mode||"hash";switch(this.fallback="history"===n&&!en&&!1!==t.fallback,this.fallback&&(n="hash"),Ht||(n="abstract"),this.mode=n,n){case"history":this.history=new cn(this,t.base);break;case"hash":this.history=new sn(this,t.base,this.fallback);break;case"abstract":this.history=new fn(this,t.base)}},pn={currentRoute:{configurable:!0}};ln.prototype.match=function(t,n,e){return this.matcher.match(t,n,e)},pn.currentRoute.get=function(){return this.history&&this.history.current},ln.prototype.init=function(t){var n=this;if(this.apps.push(t),!this.app){this.app=t;var e=this.history;if(e instanceof cn)e.transitionTo(e.getCurrentLocation());else if(e instanceof sn){var r=function(){e.setupListeners()};e.transitionTo(e.getCurrentLocation(),r,r)}e.listen(function(t){n.apps.forEach(function(n){n._route=t})})}},ln.prototype.beforeEach=function(t){return Rt(this.beforeHooks,t)},ln.prototype.beforeResolve=function(t){return Rt(this.resolveHooks,t)},ln.prototype.afterEach=function(t){return Rt(this.afterHooks,t)},ln.prototype.onReady=function(t,n){this.history.onReady(t,n)},ln.prototype.onError=function(t){this.history.onError(t)},ln.prototype.push=function(t,n,e){this.history.push(t,n,e)},ln.prototype.replace=function(t,n,e){this.history.replace(t,n,e)},ln.prototype.go=function(t){this.history.go(t)},ln.prototype.back=function(){this.go(-1)},ln.prototype.forward=function(){this.go(1)},ln.prototype.getMatchedComponents=function(t){var n=t?t.matched?t:this.resolve(t).route:this.currentRoute;return n?[].concat.apply([],n.matched.map(function(t){return Object.keys(t.components).map(function(n){return t.components[n]})})):[]},ln.prototype.resolve=function(t,n,e){var r=W(t,n||this.history.current,e,this),i=this.match(r,n),o=i.redirectedFrom||i.fullPath;return{location:r,route:i,href:jt(this.history.base,o,this.mode),normalizedTo:r,resolved:i}},ln.prototype.addRoutes=function(t){this.matcher.addRoutes(t),this.history.current!==zt&&this.history.transitionTo(this.history.getCurrentLocation())},Object.defineProperties(ln.prototype,pn),ln.install=_,ln.version="2.8.1",Ht&&window.Vue&&window.Vue.use(ln),n.default=ln},function(t,n,e){var r,i;!function(o){var a=!1;if(r=o,void 0!==(i="function"==typeof r?r.call(n,e,n,t):r)&&(t.exports=i),a=!0,t.exports=o(),a=!0,!a){var u=window.Cookies,c=window.Cookies=o();c.noConflict=function(){return window.Cookies=u,c}}}(function(){function t(){for(var t=0,n={};t1){if(o=t({path:"/"},r.defaults,o),"number"==typeof o.expires){var u=new Date;u.setMilliseconds(u.getMilliseconds()+864e5*o.expires),o.expires=u}o.expires=o.expires?o.expires.toUTCString():"";try{a=JSON.stringify(i),/^[\{\[]/.test(a)&&(i=a)}catch(t){}i=e.write?e.write(i,n):encodeURIComponent(String(i)).replace(/%(23|24|26|2B|3A|3C|3E|3D|2F|3F|40|5B|5D|5E|60|7B|7D|7C)/g,decodeURIComponent),n=encodeURIComponent(String(n)),n=n.replace(/%(23|24|26|2B|5E|60|7C)/g,decodeURIComponent),n=n.replace(/[\(\)]/g,escape);var c="";for(var s in o)o[s]&&(c+="; "+s,!0!==o[s]&&(c+="="+o[s]));return document.cookie=n+"="+i+c}n||(a={});for(var f=document.cookie?document.cookie.split("; "):[],l=/(%[0-9A-Z]{2})+/g,p=0;pc;)r(u,e=n[c++])&&(~o(s,e)||s.push(e));return s}},function(t,n){var e={}.hasOwnProperty;t.exports=function(t,n){return e.call(t,n)}},function(t,n,e){var r=e(161);t.exports=Object("z").propertyIsEnumerable(0)?Object:function(t){return"String"==r(t)?t.split(""):Object(t)}},function(t,n){var e={}.toString;t.exports=function(t){return e.call(t).slice(8,-1)}},function(t,n,e){var r=e(99),i=e(163),o=e(164);t.exports=function(t){return function(n,e,a){var u,c=r(n),s=i(c.length),f=o(a,s);if(t&&e!=e){for(;s>f;)if((u=c[f++])!=u)return!0}else for(;s>f;f++)if((t||f in c)&&c[f]===e)return t||f||0;return!t&&-1}}},function(t,n,e){var r=e(100),i=Math.min;t.exports=function(t){return t>0?i(r(t),9007199254740991):0}},function(t,n,e){var r=e(100),i=Math.max,o=Math.min;t.exports=function(t,n){return t=r(t),t<0?i(t+n,0):o(t,n)}},function(t,n,e){var r=e(166)("keys"),i=e(167);t.exports=function(t){return r[t]||(r[t]=i(t))}},function(t,n,e){var r=e(67),i=r["__core-js_shared__"]||(r["__core-js_shared__"]={});t.exports=function(t){return i[t]||(i[t]={})}},function(t,n){var e=0,r=Math.random();t.exports=function(t){return"Symbol(".concat(void 0===t?"":t,")_",(++e+r).toString(36))}},function(t,n){t.exports="constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",")},function(t,n,e){var r=e(170),i=e(68),o=e(71);t.exports=function(t,n){var e=(i.Object||{})[t]||Object[t],a={};a[t]=n(e),r(r.S+r.F*o(function(){e(1)}),"Object",a)}},function(t,n,e){var r=e(67),i=e(68),o=e(171),a=e(173),u=function(t,n,e){var c,s,f,l=t&u.F,p=t&u.G,h=t&u.S,d=t&u.P,v=t&u.B,g=t&u.W,y=p?i:i[n]||(i[n]={}),m=y.prototype,b=p?r:h?r[n]:(r[n]||{}).prototype;p&&(e=n);for(c in e)(s=!l&&b&&void 0!==b[c])&&c in y||(f=s?b[c]:e[c],y[c]=p&&"function"!=typeof b[c]?e[c]:v&&s?o(f,r):g&&b[c]==f?function(t){var n=function(n,e,r){if(this instanceof t){switch(arguments.length){case 0:return new t;case 1:return new t(n);case 2:return new t(n,e)}return new t(n,e,r)}return t.apply(this,arguments)};return n.prototype=t.prototype,n}(f):d&&"function"==typeof f?o(Function.call,f):f,d&&((y.virtual||(y.virtual={}))[c]=f,t&u.R&&m&&!m[c]&&a(m,c,f)))};u.F=1,u.G=2,u.S=4,u.P=8,u.B=16,u.W=32,u.U=64,u.R=128,t.exports=u},function(t,n,e){var r=e(172);t.exports=function(t,n,e){if(r(t),void 0===n)return t;switch(e){case 1:return function(e){return t.call(n,e)};case 2:return function(e,r){return t.call(n,e,r)};case 3:return function(e,r,i){return t.call(n,e,r,i)}}return function(){return t.apply(n,arguments)}}},function(t,n){t.exports=function(t){if("function"!=typeof t)throw TypeError(t+" is not a function!");return t}},function(t,n,e){var r=e(174),i=e(179);t.exports=e(70)?function(t,n,e){return r.f(t,n,i(1,e))}:function(t,n,e){return t[n]=e,t}},function(t,n,e){var r=e(175),i=e(176),o=e(178),a=Object.defineProperty;n.f=e(70)?Object.defineProperty:function(t,n,e){if(r(t),n=o(n,!0),r(e),i)try{return a(t,n,e)}catch(t){}if("get"in e||"set"in e)throw TypeError("Accessors not supported!");return"value"in e&&(t[n]=e.value),t}},function(t,n,e){var r=e(69);t.exports=function(t){if(!r(t))throw TypeError(t+" is not an object!");return t}},function(t,n,e){t.exports=!e(70)&&!e(71)(function(){return 7!=Object.defineProperty(e(177)("div"),"a",{get:function(){return 7}}).a})},function(t,n,e){var r=e(69),i=e(67).document,o=r(i)&&r(i.createElement);t.exports=function(t){return o?i.createElement(t):{}}},function(t,n,e){var r=e(69);t.exports=function(t,n){if(!r(t))return t;var e,i;if(n&&"function"==typeof(e=t.toString)&&!r(i=e.call(t)))return i;if("function"==typeof(e=t.valueOf)&&!r(i=e.call(t)))return i;if(!n&&"function"==typeof(e=t.toString)&&!r(i=e.call(t)))return i;throw TypeError("Can't convert object to primitive value")}},function(t,n){t.exports=function(t,n){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:n}}},,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,function(t,n,e){!function(t){"object"==typeof window&&window||"object"==typeof self&&self;t(n)}(function(t){function n(t){return t.replace(/&/g,"&").replace(//g,">")}function e(t){return t.nodeName.toLowerCase()}function r(t,n){var e=t&&t.exec(n);return e&&0===e.index}function i(t){return A.test(t)}function o(t){var n,e,r,o,a=t.className+" ";if(a+=t.parentNode?t.parentNode.className:"",e=C.exec(a))return w(e[1])?e[1]:"no-highlight";for(a=a.split(/\s+/),n=0,r=a.length;n"}function u(t){f+=""}function c(t){("start"===t.event?a:u)(t.node)}for(var s=0,f="",l=[];t.length||r.length;){var p=o();if(f+=n(i.substring(s,p[0].offset)),s=p[0].offset,p===t){l.reverse().forEach(u);do{c(p.splice(0,1)[0]),p=o()}while(p===t&&p.length&&p[0].offset===s);l.reverse().forEach(a)}else"start"===p[0].event?l.push(p[0].node):l.pop(),c(p.splice(0,1)[0])}return f+n(i.substr(s))}function s(t){return t.variants&&!t.cached_variants&&(t.cached_variants=t.variants.map(function(n){return a(t,{variants:null},n)})),t.cached_variants||t.endsWithParent&&[a(t)]||[t]}function f(t){function n(t){return t&&t.source||t}function e(e,r){return new RegExp(n(e),"m"+(t.case_insensitive?"i":"")+(r?"g":""))}function r(i,o){if(!i.compiled){if(i.compiled=!0,i.keywords=i.keywords||i.beginKeywords,i.keywords){var a={},u=function(n,e){t.case_insensitive&&(e=e.toLowerCase()),e.split(" ").forEach(function(t){var e=t.split("|");a[e[0]]=[n,e[1]?Number(e[1]):1]})};"string"==typeof i.keywords?u("keyword",i.keywords):E(i.keywords).forEach(function(t){u(t,i.keywords[t])}),i.keywords=a}i.lexemesRe=e(i.lexemes||/\w+/,!0),o&&(i.beginKeywords&&(i.begin="\\b("+i.beginKeywords.split(" ").join("|")+")\\b"),i.begin||(i.begin=/\B|\b/),i.beginRe=e(i.begin),i.end||i.endsWithParent||(i.end=/\B|\b/),i.end&&(i.endRe=e(i.end)),i.terminator_end=n(i.end)||"",i.endsWithParent&&o.terminator_end&&(i.terminator_end+=(i.end?"|":"")+o.terminator_end)),i.illegal&&(i.illegalRe=e(i.illegal)),null==i.relevance&&(i.relevance=1),i.contains||(i.contains=[]),i.contains=Array.prototype.concat.apply([],i.contains.map(function(t){return s("self"===t?i:t)})),i.contains.forEach(function(t){r(t,i)}),i.starts&&r(i.starts,o);var c=i.contains.map(function(t){return t.beginKeywords?"\\.?("+t.begin+")\\.?":t.begin}).concat([i.terminator_end,i.illegal]).map(n).filter(Boolean);i.terminators=c.length?e(c.join("|"),!0):{exec:function(){return null}}}}r(t)}function l(t,e,i,o){function a(t,n){var e,i;for(e=0,i=n.contains.length;e')+n+a}function d(){var t,e,r,i;if(!x.keywords)return n(A);for(i="",e=0,x.lexemesRe.lastIndex=0,r=x.lexemesRe.exec(A);r;)i+=n(A.substring(e,r.index)),t=s(x,r),t?(C+=t[1],i+=h(t[0],n(r[0]))):i+=n(r[0]),e=x.lexemesRe.lastIndex,r=x.lexemesRe.exec(A);return i+n(A.substr(e))}function v(){var t="string"==typeof x.subLanguage;if(t&&!S[x.subLanguage])return n(A);var e=t?l(x.subLanguage,A,!0,E[x.subLanguage]):p(A,x.subLanguage.length?x.subLanguage:void 0);return x.relevance>0&&(C+=e.relevance),t&&(E[x.subLanguage]=e.top),h(e.language,e.value,!1,!0)}function g(){O+=null!=x.subLanguage?v():d(),A=""}function y(t){O+=t.className?h(t.className,"",!0):"",x=Object.create(t,{parent:{value:x}})}function m(t,n){if(A+=t,null==n)return g(),0;var e=a(n,x);if(e)return e.skip?A+=n:(e.excludeBegin&&(A+=n),g(),e.returnBegin||e.excludeBegin||(A=n)),y(e,n),e.returnBegin?0:n.length;var r=u(x,n);if(r){var i=x;i.skip?A+=n:(i.returnEnd||i.excludeEnd||(A+=n),g(),i.excludeEnd&&(A=n));do{x.className&&(O+=k),x.skip||(C+=x.relevance),x=x.parent}while(x!==r.parent);return r.starts&&y(r.starts,""),i.returnEnd?0:n.length}if(c(n,x))throw new Error('Illegal lexeme "'+n+'" for mode "'+(x.className||"")+'"');return A+=n,n.length||1}var b=w(t);if(!b)throw new Error('Unknown language: "'+t+'"');f(b);var _,x=o||b,E={},O="";for(_=x;_!==b;_=_.parent)_.className&&(O=h(_.className,"",!0)+O);var A="",C=0;try{for(var M,T,R=0;;){if(x.terminators.lastIndex=R,!(M=x.terminators.exec(e)))break;T=m(e.substring(R,M.index),M[0]),R=M.index+T}for(m(e.substr(R)),_=x;_.parent;_=_.parent)_.className&&(O+=k);return{relevance:C,value:O,language:t,top:x}}catch(t){if(t.message&&-1!==t.message.indexOf("Illegal"))return{relevance:0,value:n(e)};throw t}}function p(t,e){e=e||N.languages||E(S);var r={relevance:0,value:n(t)},i=r;return e.filter(w).forEach(function(n){var e=l(n,t,!1);e.language=n,e.relevance>i.relevance&&(i=e),e.relevance>r.relevance&&(i=r,r=e)}),i.language&&(r.second_best=i),r}function h(t){return N.tabReplace||N.useBR?t.replace(M,function(t,n){return N.useBR&&"\n"===t?"
":N.tabReplace?n.replace(/\t/g,N.tabReplace):""}):t}function d(t,n,e){var r=n?O[n]:e,i=[t.trim()];return t.match(/\bhljs\b/)||i.push("hljs"),-1===t.indexOf(r)&&i.push(r),i.join(" ").trim()}function v(t){var n,e,r,a,s,f=o(t);i(f)||(N.useBR?(n=document.createElementNS("http://www.w3.org/1999/xhtml","div"),n.innerHTML=t.innerHTML.replace(/\n/g,"").replace(//g,"\n")):n=t,s=n.textContent,r=f?l(f,s,!0):p(s),e=u(n),e.length&&(a=document.createElementNS("http://www.w3.org/1999/xhtml","div"),a.innerHTML=r.value,r.value=c(e,u(a),s)),r.value=h(r.value),t.innerHTML=r.value,t.className=d(t.className,f,r.language),t.result={language:r.language,re:r.relevance},r.second_best&&(t.second_best={language:r.second_best.language,re:r.second_best.relevance}))}function g(t){N=a(N,t)}function y(){if(!y.called){y.called=!0;var t=document.querySelectorAll("pre code");x.forEach.call(t,v)}}function m(){addEventListener("DOMContentLoaded",y,!1),addEventListener("load",y,!1)}function b(n,e){var r=S[n]=e(t);r.aliases&&r.aliases.forEach(function(t){O[t]=n})}function _(){return E(S)}function w(t){return t=(t||"").toLowerCase(),S[t]||S[O[t]]}var x=[],E=Object.keys,S={},O={},A=/^(no-?highlight|plain|text)$/i,C=/\blang(?:uage)?-([\w-]+)\b/i,M=/((^(<[^>]+>|\t|)+|(?:\n)))/gm,k="",N={classPrefix:"hljs-",tabReplace:null,useBR:!1,languages:void 0};return t.highlight=l,t.highlightAuto=p,t.fixMarkup=h,t.highlightBlock=v,t.configure=g,t.initHighlighting=y,t.initHighlightingOnLoad=m,t.registerLanguage=b,t.listLanguages=_,t.getLanguage=w,t.inherit=a,t.IDENT_RE="[a-zA-Z]\\w*",t.UNDERSCORE_IDENT_RE="[a-zA-Z_]\\w*",t.NUMBER_RE="\\b\\d+(\\.\\d+)?",t.C_NUMBER_RE="(-?)(\\b0[xX][a-fA-F0-9]+|(\\b\\d+(\\.\\d*)?|\\.\\d+)([eE][-+]?\\d+)?)",t.BINARY_NUMBER_RE="\\b(0b[01]+)",t.RE_STARTERS_RE="!|!=|!==|%|%=|&|&&|&=|\\*|\\*=|\\+|\\+=|,|-|-=|/=|/|:|;|<<|<<=|<=|<|===|==|=|>>>=|>>=|>=|>>>|>>|>|\\?|\\[|\\{|\\(|\\^|\\^=|\\||\\|=|\\|\\||~",t.BACKSLASH_ESCAPE={begin:"\\\\[\\s\\S]",relevance:0},t.APOS_STRING_MODE={className:"string",begin:"'",end:"'",illegal:"\\n",contains:[t.BACKSLASH_ESCAPE]},t.QUOTE_STRING_MODE={className:"string",begin:'"',end:'"',illegal:"\\n",contains:[t.BACKSLASH_ESCAPE]},t.PHRASAL_WORDS_MODE={begin:/\b(a|an|the|are|I'm|isn't|don't|doesn't|won't|but|just|should|pretty|simply|enough|gonna|going|wtf|so|such|will|you|your|they|like|more)\b/},t.COMMENT=function(n,e,r){var i=t.inherit({className:"comment",begin:n,end:e,contains:[]},r||{});return i.contains.push(t.PHRASAL_WORDS_MODE),i.contains.push({className:"doctag",begin:"(?:TODO|FIXME|NOTE|BUG|XXX):",relevance:0}),i},t.C_LINE_COMMENT_MODE=t.COMMENT("//","$"),t.C_BLOCK_COMMENT_MODE=t.COMMENT("/\\*","\\*/"),t.HASH_COMMENT_MODE=t.COMMENT("#","$"),t.NUMBER_MODE={className:"number",begin:t.NUMBER_RE,relevance:0},t.C_NUMBER_MODE={className:"number",begin:t.C_NUMBER_RE,relevance:0},t.BINARY_NUMBER_MODE={className:"number",begin:t.BINARY_NUMBER_RE,relevance:0},t.CSS_NUMBER_MODE={className:"number",begin:t.NUMBER_RE+"(%|em|ex|ch|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|px|deg|grad|rad|turn|s|ms|Hz|kHz|dpi|dpcm|dppx)?",relevance:0},t.REGEXP_MODE={className:"regexp",begin:/\//,end:/\/[gimuy]*/,illegal:/\n/,contains:[t.BACKSLASH_ESCAPE,{begin:/\[/,end:/\]/,relevance:0,contains:[t.BACKSLASH_ESCAPE]}]},t.TITLE_MODE={className:"title",begin:t.IDENT_RE,relevance:0},t.UNDERSCORE_TITLE_MODE={className:"title",begin:t.UNDERSCORE_IDENT_RE,relevance:0},t.METHOD_GUARD={begin:"\\.\\s*"+t.UNDERSCORE_IDENT_RE,relevance:0},t})},function(t,n){t.exports=function(t){return{aliases:["console"],contains:[{className:"meta",begin:"^\\s{0,3}[\\w\\d\\[\\]()@-]*[>%$#]",starts:{end:"$",subLanguage:"bash"}}]}}},function(t,n){t.exports=function(t){var n={begin:/[A-Z\_\.\-]+\s*:/,returnBegin:!0,end:";",endsWithParent:!0,contains:[{className:"attribute",begin:/\S/,end:":",excludeEnd:!0,starts:{endsWithParent:!0,excludeEnd:!0,contains:[{begin:/[\w-]+\(/,returnBegin:!0,contains:[{className:"built_in",begin:/[\w-]+/},{begin:/\(/,end:/\)/,contains:[t.APOS_STRING_MODE,t.QUOTE_STRING_MODE]}]},t.CSS_NUMBER_MODE,t.QUOTE_STRING_MODE,t.APOS_STRING_MODE,t.C_BLOCK_COMMENT_MODE,{className:"number",begin:"#[0-9A-Fa-f]+"},{className:"meta",begin:"!important"}]}}]};return{case_insensitive:!0,illegal:/[=\/|'\$]/,contains:[t.C_BLOCK_COMMENT_MODE,{className:"selector-id",begin:/#[A-Za-z0-9_-]+/},{className:"selector-class",begin:/\.[A-Za-z0-9_-]+/},{className:"selector-attr",begin:/\[/,end:/\]/,illegal:"$"},{className:"selector-pseudo",begin:/:(:)?[a-zA-Z0-9\_\-\+\(\)"'.]+/},{begin:"@(font-face|page)",lexemes:"[a-z-]+",keywords:"font-face page"},{begin:"@",end:"[{;]",illegal:/:/,contains:[{className:"keyword",begin:/\w+/},{begin:/\s/,endsWithParent:!0,excludeEnd:!0,relevance:0,contains:[t.APOS_STRING_MODE,t.QUOTE_STRING_MODE,t.CSS_NUMBER_MODE]}]},{className:"selector-tag",begin:"[a-zA-Z-][a-zA-Z0-9_-]*",relevance:0},{begin:"{",end:"}",illegal:/\S/,contains:[t.C_BLOCK_COMMENT_MODE,n]}]}}},function(t,n){t.exports=function(t){var n="[A-Za-z$_][0-9A-Za-z$_]*",e={keyword:"in of if for while finally var new function do return void else break catch instanceof with throw case default try this switch continue typeof delete let yield const export super debugger as async await static import from as",literal:"true false null undefined NaN Infinity",built_in:"eval isFinite isNaN parseFloat parseInt decodeURI decodeURIComponent encodeURI encodeURIComponent escape unescape Object Function Boolean Error EvalError InternalError RangeError ReferenceError StopIteration SyntaxError TypeError URIError Number Math Date String RegExp Array Float32Array Float64Array Int16Array Int32Array Int8Array Uint16Array Uint32Array Uint8Array Uint8ClampedArray ArrayBuffer DataView JSON Intl arguments require module console window document Symbol Set Map WeakSet WeakMap Proxy Reflect Promise"},r={className:"number",variants:[{begin:"\\b(0[bB][01]+)"},{begin:"\\b(0[oO][0-7]+)"},{begin:t.C_NUMBER_RE}],relevance:0},i={className:"subst",begin:"\\$\\{",end:"\\}",keywords:e,contains:[]},o={className:"string",begin:"`",end:"`",contains:[t.BACKSLASH_ESCAPE,i]};i.contains=[t.APOS_STRING_MODE,t.QUOTE_STRING_MODE,o,r,t.REGEXP_MODE];var a=i.contains.concat([t.C_BLOCK_COMMENT_MODE,t.C_LINE_COMMENT_MODE]);return{aliases:["js","jsx"],keywords:e,contains:[{className:"meta",relevance:10,begin:/^\s*['"]use (strict|asm)['"]/},{className:"meta",begin:/^#!/,end:/$/},t.APOS_STRING_MODE,t.QUOTE_STRING_MODE,o,t.C_LINE_COMMENT_MODE,t.C_BLOCK_COMMENT_MODE,r,{begin:/[{,]\s*/,relevance:0,contains:[{begin:n+"\\s*:",returnBegin:!0,relevance:0,contains:[{className:"attr",begin:n,relevance:0}]}]},{begin:"("+t.RE_STARTERS_RE+"|\\b(case|return|throw)\\b)\\s*",keywords:"return throw case",contains:[t.C_LINE_COMMENT_MODE,t.C_BLOCK_COMMENT_MODE,t.REGEXP_MODE,{className:"function",begin:"(\\(.*?\\)|"+n+")\\s*=>",returnBegin:!0,end:"\\s*=>",contains:[{className:"params",variants:[{begin:n},{begin:/\(\s*\)/},{begin:/\(/,end:/\)/,excludeBegin:!0,excludeEnd:!0,keywords:e,contains:a}]}]},{begin://,subLanguage:"xml",contains:[{begin:/<\w+\s*\/>/,skip:!0},{begin:/<\w+/,end:/(\/\w+|\w+\/)>/,skip:!0,contains:[{begin:/<\w+\s*\/>/,skip:!0},"self"]}]}],relevance:0},{className:"function",beginKeywords:"function",end:/\{/,excludeEnd:!0,contains:[t.inherit(t.TITLE_MODE,{begin:n}),{className:"params",begin:/\(/,end:/\)/,excludeBegin:!0,excludeEnd:!0,contains:a}],illegal:/\[|%/},{begin:/\$[(.]/},t.METHOD_GUARD,{className:"class",beginKeywords:"class",end:/[{;=]/,excludeEnd:!0,illegal:/[:"\[\]]/,contains:[{beginKeywords:"extends"},t.UNDERSCORE_TITLE_MODE]},{beginKeywords:"constructor",end:/\{/,excludeEnd:!0}],illegal:/#(?!!)/}}},function(t,n){t.exports=function(t){var n={literal:"true false null"},e=[t.QUOTE_STRING_MODE,t.C_NUMBER_MODE],r={end:",",endsWithParent:!0,excludeEnd:!0,contains:e,keywords:n},i={begin:"{",end:"}",contains:[{className:"attr",begin:/"/,end:/"/,contains:[t.BACKSLASH_ESCAPE],illegal:"\\n"},t.inherit(r,{begin:/:/})],illegal:"\\S"},o={begin:"\\[",end:"\\]",contains:[t.inherit(r)],illegal:"\\S"};return e.splice(e.length,0,i,o),{contains:e,keywords:n,illegal:"\\S"}}},function(t,n){t.exports=function(t){var n={className:"variable",begin:"\\$"+t.IDENT_RE},e={className:"number",begin:"#([a-fA-F0-9]{6}|[a-fA-F0-9]{3})"},r=["charset","css","debug","extend","font-face","for","import","include","media","mixin","page","warn","while"],i=["after","before","first-letter","first-line","active","first-child","focus","hover","lang","link","visited"],o=["a","abbr","address","article","aside","audio","b","blockquote","body","button","canvas","caption","cite","code","dd","del","details","dfn","div","dl","dt","em","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","header","hgroup","html","i","iframe","img","input","ins","kbd","label","legend","li","mark","menu","nav","object","ol","p","q","quote","samp","section","span","strong","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","tr","ul","var","video"],a="[\\.\\s\\n\\[\\:,]",u=["align-content","align-items","align-self","animation","animation-delay","animation-direction","animation-duration","animation-fill-mode","animation-iteration-count","animation-name","animation-play-state","animation-timing-function","auto","backface-visibility","background","background-attachment","background-clip","background-color","background-image","background-origin","background-position","background-repeat","background-size","border","border-bottom","border-bottom-color","border-bottom-left-radius","border-bottom-right-radius","border-bottom-style","border-bottom-width","border-collapse","border-color","border-image","border-image-outset","border-image-repeat","border-image-slice","border-image-source","border-image-width","border-left","border-left-color","border-left-style","border-left-width","border-radius","border-right","border-right-color","border-right-style","border-right-width","border-spacing","border-style","border-top","border-top-color","border-top-left-radius","border-top-right-radius","border-top-style","border-top-width","border-width","bottom","box-decoration-break","box-shadow","box-sizing","break-after","break-before","break-inside","caption-side","clear","clip","clip-path","color","column-count","column-fill","column-gap","column-rule","column-rule-color","column-rule-style","column-rule-width","column-span","column-width","columns","content","counter-increment","counter-reset","cursor","direction","display","empty-cells","filter","flex","flex-basis","flex-direction","flex-flow","flex-grow","flex-shrink","flex-wrap","float","font","font-family","font-feature-settings","font-kerning","font-language-override","font-size","font-size-adjust","font-stretch","font-style","font-variant","font-variant-ligatures","font-weight","height","hyphens","icon","image-orientation","image-rendering","image-resolution","ime-mode","inherit","initial","justify-content","left","letter-spacing","line-height","list-style","list-style-image","list-style-position","list-style-type","margin","margin-bottom","margin-left","margin-right","margin-top","marks","mask","max-height","max-width","min-height","min-width","nav-down","nav-index","nav-left","nav-right","nav-up","none","normal","object-fit","object-position","opacity","order","orphans","outline","outline-color","outline-offset","outline-style","outline-width","overflow","overflow-wrap","overflow-x","overflow-y","padding","padding-bottom","padding-left","padding-right","padding-top","page-break-after","page-break-before","page-break-inside","perspective","perspective-origin","pointer-events","position","quotes","resize","right","tab-size","table-layout","text-align","text-align-last","text-decoration","text-decoration-color","text-decoration-line","text-decoration-style","text-indent","text-overflow","text-rendering","text-shadow","text-transform","text-underline-position","top","transform","transform-origin","transform-style","transition","transition-delay","transition-duration","transition-property","transition-timing-function","unicode-bidi","vertical-align","visibility","white-space","widows","width","word-break","word-spacing","word-wrap","z-index"];return{aliases:["styl"],case_insensitive:!1,keywords:"if else for in",illegal:"("+["\\?","(\\bReturn\\b)","(\\bEnd\\b)","(\\bend\\b)","(\\bdef\\b)",";","#\\s","\\*\\s","===\\s","\\|","%"].join("|")+")",contains:[t.QUOTE_STRING_MODE,t.APOS_STRING_MODE,t.C_LINE_COMMENT_MODE,t.C_BLOCK_COMMENT_MODE,e,{begin:"\\.[a-zA-Z][a-zA-Z0-9_-]*"+a,returnBegin:!0,contains:[{className:"selector-class",begin:"\\.[a-zA-Z][a-zA-Z0-9_-]*"}]},{begin:"\\#[a-zA-Z][a-zA-Z0-9_-]*"+a,returnBegin:!0,contains:[{className:"selector-id",begin:"\\#[a-zA-Z][a-zA-Z0-9_-]*"}]},{begin:"\\b("+o.join("|")+")"+a,returnBegin:!0,contains:[{className:"selector-tag",begin:"\\b[a-zA-Z][a-zA-Z0-9_-]*"}]},{begin:"&?:?:\\b("+i.join("|")+")"+a},{begin:"@("+r.join("|")+")\\b"},n,t.CSS_NUMBER_MODE,t.NUMBER_MODE,{className:"function",begin:"^[a-zA-Z][a-zA-Z0-9_-]*\\(.*\\)",illegal:"[\\n]",returnBegin:!0,contains:[{className:"title",begin:"\\b[a-zA-Z][a-zA-Z0-9_-]*"},{className:"params",begin:/\(/,end:/\)/,contains:[e,n,t.APOS_STRING_MODE,t.CSS_NUMBER_MODE,t.NUMBER_MODE,t.QUOTE_STRING_MODE]}]},{className:"attribute",begin:"\\b("+u.reverse().join("|")+")\\b",starts:{end:/;|$/,contains:[e,n,t.APOS_STRING_MODE,t.QUOTE_STRING_MODE,t.CSS_NUMBER_MODE,t.NUMBER_MODE,t.C_BLOCK_COMMENT_MODE],illegal:/\./,relevance:0}}]}}},function(t,n){t.exports=function(t){var n={endsWithParent:!0,illegal:/`]+/}]}]}]};return{aliases:["html","xhtml","rss","atom","xjb","xsd","xsl","plist"],case_insensitive:!0,contains:[{className:"meta",begin:"",relevance:10,contains:[{begin:"\\[",end:"\\]"}]},t.COMMENT("\x3c!--","--\x3e",{relevance:10}),{begin:"<\\!\\[CDATA\\[",end:"\\]\\]>",relevance:10},{begin:/<\?(php)?/,end:/\?>/,subLanguage:"php",contains:[{begin:"/\\*",end:"\\*/",skip:!0}]},{className:"tag",begin:"|$)",end:">",keywords:{name:"style"},contains:[n],starts:{end:"",returnEnd:!0,subLanguage:["css","xml"]}},{className:"tag",begin:"|$)",end:">",keywords:{name:"script"},contains:[n],starts:{end:"<\/script>",returnEnd:!0,subLanguage:["actionscript","javascript","handlebars","xml"]}},{className:"meta",variants:[{begin:/<\?xml/,end:/\?>/,relevance:10},{begin:/<\?\w+/,end:/\?>/}]},{className:"tag",begin:"",contains:[{className:"name",begin:/[^\/><\s]+/,relevance:0},n]}]}}},function(t,n){t.exports=function(t){return{aliases:["md","mkdown","mkd"],contains:[{className:"section",variants:[{begin:"^#{1,6}",end:"$"},{begin:"^.+?\\n[=-]{2,}$"}]},{begin:"<",end:">",subLanguage:"xml",relevance:0},{className:"bullet",begin:"^([*+-]|(\\d+\\.))\\s+"},{className:"strong",begin:"[*_]{2}.+?[*_]{2}"},{className:"emphasis",variants:[{begin:"\\*.+?\\*"},{begin:"_.+?_",relevance:0}]},{className:"quote",begin:"^>\\s+",end:"$"},{className:"code",variants:[{begin:"^```w*s*$",end:"^```s*$"},{begin:"`.+?`"},{begin:"^( {4}|\t)",end:"$",relevance:0}]},{begin:"^[-\\*]{3,}",end:"$"},{begin:"\\[.+?\\][\\(\\[].*?[\\)\\]]",returnBegin:!0,contains:[{className:"string",begin:"\\[",end:"\\]",excludeBegin:!0,returnEnd:!0,relevance:0},{className:"link",begin:"\\]\\(",end:"\\)",excludeBegin:!0,excludeEnd:!0},{className:"symbol",begin:"\\]\\[",end:"\\]",excludeBegin:!0,excludeEnd:!0}],relevance:10},{begin:/^\[[^\n]+\]:/,returnBegin:!0,contains:[{className:"symbol",begin:/\[/,end:/\]/,excludeBegin:!0,excludeEnd:!0},{className:"link",begin:/:\s*/,end:/$/,excludeBegin:!0}]}]}}},function(t,n,e){"use strict";(function(t){function n(t,n,e){t[n]||Object[r](t,n,{writable:!0,configurable:!0,value:e})}if(e(235),e(432),e(433),t._babelPolyfill)throw new Error("only one instance of babel-polyfill is allowed");t._babelPolyfill=!0;var r="defineProperty";n(String.prototype,"padLeft","".padStart),n(String.prototype,"padRight","".padEnd),"pop,reverse,shift,keys,values,entries,indexOf,every,some,forEach,map,filter,find,findIndex,includes,join,slice,concat,push,splice,unshift,sort,lastIndexOf,reduce,reduceRight,copyWithin,fill".split(",").forEach(function(t){[][t]&&n(Array,t,Function.call.bind([][t]))})}).call(n,e(50))},function(t,n,e){e(236),e(238),e(239),e(240),e(241),e(242),e(243),e(244),e(245),e(246),e(247),e(248),e(249),e(250),e(251),e(252),e(254),e(255),e(256),e(257),e(258),e(259),e(260),e(261),e(262),e(263),e(264),e(265),e(266),e(267),e(268),e(269),e(270),e(271),e(272),e(273),e(274),e(275),e(276),e(277),e(278),e(279),e(280),e(281),e(282),e(283),e(284),e(285),e(286),e(287),e(288),e(289),e(290),e(291),e(292),e(293),e(294),e(295),e(296),e(297),e(298),e(299),e(300),e(301),e(302),e(303),e(304),e(305),e(306),e(307),e(308),e(309),e(310),e(311),e(312),e(313),e(314),e(316),e(317),e(319),e(320),e(321),e(322),e(323),e(324),e(325),e(327),e(328),e(329),e(330),e(331),e(332),e(333),e(334),e(335),e(336),e(337),e(338),e(339),e(93),e(340),e(341),e(124),e(342),e(343),e(344),e(345),e(346),e(127),e(129),e(130),e(347),e(348),e(349),e(350),e(351),e(352),e(353),e(354),e(355),e(356),e(357),e(358),e(359),e(360),e(361),e(362),e(363),e(364),e(365),e(366),e(367),e(368),e(369),e(370),e(371),e(372),e(373),e(374),e(375),e(376),e(377),e(378),e(379),e(380),e(381),e(382),e(383),e(384),e(385),e(386),e(387),e(388),e(389),e(390),e(391),e(392),e(393),e(394),e(395),e(396),e(397),e(398),e(399),e(400),e(401),e(402),e(403),e(404),e(405),e(406),e(407),e(408),e(409),e(410),e(411),e(412),e(413),e(414),e(415),e(416),e(417),e(418),e(419),e(420),e(421),e(422),e(423),e(424),e(425),e(426),e(427),e(428),e(429),e(430),e(431),t.exports=e(22)},function(t,n,e){"use strict";var r=e(2),i=e(12),o=e(6),a=e(0),u=e(14),c=e(30).KEY,s=e(3),f=e(52),l=e(43),p=e(33),h=e(5),d=e(107),v=e(73),g=e(237),y=e(55),m=e(1),b=e(16),_=e(23),w=e(32),x=e(37),E=e(110),S=e(17),O=e(7),A=e(35),C=S.f,M=O.f,k=E.f,N=r.Symbol,T=r.JSON,R=T&&T.stringify,j=h("_hidden"),P=h("toPrimitive"),I={}.propertyIsEnumerable,L=f("symbol-registry"),$=f("symbols"),D=f("op-symbols"),F=Object.prototype,B="function"==typeof N,U=r.QObject,z=!U||!U.prototype||!U.prototype.findChild,W=o&&s(function(){return 7!=x(M({},"a",{get:function(){return M(this,"a",{value:7}).a}})).a})?function(t,n,e){var r=C(F,n);r&&delete F[n],M(t,n,e),r&&t!==F&&M(F,n,r)}:M,G=function(t){var n=$[t]=x(N.prototype);return n._k=t,n},V=B&&"symbol"==typeof N.iterator?function(t){return"symbol"==typeof t}:function(t){return t instanceof N},H=function(t,n,e){return t===F&&H(D,n,e),m(t),n=_(n,!0),m(e),i($,n)?(e.enumerable?(i(t,j)&&t[j][n]&&(t[j][n]=!1),e=x(e,{enumerable:w(0,!1)})):(i(t,j)||M(t,j,w(1,{})),t[j][n]=!0),W(t,n,e)):M(t,n,e)},q=function(t,n){m(t);for(var e,r=g(n=b(n)),i=0,o=r.length;o>i;)H(t,e=r[i++],n[e]);return t},K=function(t,n){return void 0===n?x(t):q(x(t),n)},Z=function(t){var n=I.call(this,t=_(t,!0));return!(this===F&&i($,t)&&!i(D,t))&&(!(n||!i(this,t)||!i($,t)||i(this,j)&&this[j][t])||n)},J=function(t,n){if(t=b(t),n=_(n,!0),t!==F||!i($,n)||i(D,n)){var e=C(t,n);return!e||!i($,n)||i(t,j)&&t[j][n]||(e.enumerable=!0),e}},Y=function(t){for(var n,e=k(b(t)),r=[],o=0;e.length>o;)i($,n=e[o++])||n==j||n==c||r.push(n);return r},X=function(t){for(var n,e=t===F,r=k(e?D:b(t)),o=[],a=0;r.length>a;)!i($,n=r[a++])||e&&!i(F,n)||o.push($[n]);return o};B||(N=function(){if(this instanceof N)throw TypeError("Symbol is not a constructor!");var t=p(arguments.length>0?arguments[0]:void 0),n=function(e){this===F&&n.call(D,e),i(this,j)&&i(this[j],t)&&(this[j][t]=!1),W(this,t,w(1,e))};return o&&z&&W(F,t,{configurable:!0,set:n}),G(t)},u(N.prototype,"toString",function(){return this._k}),S.f=J,O.f=H,e(38).f=E.f=Y,e(48).f=Z,e(54).f=X,o&&!e(34)&&u(F,"propertyIsEnumerable",Z,!0),d.f=function(t){return G(h(t))}),a(a.G+a.W+a.F*!B,{Symbol:N});for(var Q="hasInstance,isConcatSpreadable,iterator,match,replace,search,species,split,toPrimitive,toStringTag,unscopables".split(","),tt=0;Q.length>tt;)h(Q[tt++]);for(var nt=A(h.store),et=0;nt.length>et;)v(nt[et++]);a(a.S+a.F*!B,"Symbol",{for:function(t){return i(L,t+="")?L[t]:L[t]=N(t)},keyFor:function(t){if(!V(t))throw TypeError(t+" is not a symbol!");for(var n in L)if(L[n]===t)return n},useSetter:function(){z=!0},useSimple:function(){z=!1}}),a(a.S+a.F*!B,"Object",{create:K,defineProperty:H,defineProperties:q,getOwnPropertyDescriptor:J,getOwnPropertyNames:Y,getOwnPropertySymbols:X}),T&&a(a.S+a.F*(!B||s(function(){var t=N();return"[null]"!=R([t])||"{}"!=R({a:t})||"{}"!=R(Object(t))})),"JSON",{stringify:function(t){if(void 0!==t&&!V(t)){for(var n,e,r=[t],i=1;arguments.length>i;)r.push(arguments[i++]);return n=r[1],"function"==typeof n&&(e=n),!e&&y(n)||(n=function(t,n){if(e&&(n=e.call(this,t,n)),!V(n))return n}),r[1]=n,R.apply(T,r)}}}),N.prototype[P]||e(13)(N.prototype,P,N.prototype.valueOf),l(N,"Symbol"),l(Math,"Math",!0),l(r.JSON,"JSON",!0)},function(t,n,e){var r=e(35),i=e(54),o=e(48);t.exports=function(t){var n=r(t),e=i.f;if(e)for(var a,u=e(t),c=o.f,s=0;u.length>s;)c.call(t,a=u[s++])&&n.push(a);return n}},function(t,n,e){var r=e(0);r(r.S,"Object",{create:e(37)})},function(t,n,e){var r=e(0);r(r.S+r.F*!e(6),"Object",{defineProperty:e(7).f})},function(t,n,e){var r=e(0);r(r.S+r.F*!e(6),"Object",{defineProperties:e(109)})},function(t,n,e){var r=e(16),i=e(17).f;e(26)("getOwnPropertyDescriptor",function(){return function(t,n){return i(r(t),n)}})},function(t,n,e){var r=e(9),i=e(18);e(26)("getPrototypeOf",function(){return function(t){return i(r(t))}})},function(t,n,e){var r=e(9),i=e(35);e(26)("keys",function(){return function(t){return i(r(t))}})},function(t,n,e){e(26)("getOwnPropertyNames",function(){return e(110).f})},function(t,n,e){var r=e(4),i=e(30).onFreeze;e(26)("freeze",function(t){return function(n){return t&&r(n)?t(i(n)):n}})},function(t,n,e){var r=e(4),i=e(30).onFreeze;e(26)("seal",function(t){return function(n){return t&&r(n)?t(i(n)):n}})},function(t,n,e){var r=e(4),i=e(30).onFreeze;e(26)("preventExtensions",function(t){return function(n){return t&&r(n)?t(i(n)):n}})},function(t,n,e){var r=e(4);e(26)("isFrozen",function(t){return function(n){return!r(n)||!!t&&t(n)}})},function(t,n,e){var r=e(4);e(26)("isSealed",function(t){return function(n){return!r(n)||!!t&&t(n)}})},function(t,n,e){var r=e(4);e(26)("isExtensible",function(t){return function(n){return!!r(n)&&(!t||t(n))}})},function(t,n,e){var r=e(0);r(r.S+r.F,"Object",{assign:e(111)})},function(t,n,e){var r=e(0);r(r.S,"Object",{is:e(253)})},function(t,n){t.exports=Object.is||function(t,n){return t===n?0!==t||1/t==1/n:t!=t&&n!=n}},function(t,n,e){var r=e(0);r(r.S,"Object",{setPrototypeOf:e(77).set})},function(t,n,e){"use strict";var r=e(49),i={};i[e(5)("toStringTag")]="z",i+""!="[object z]"&&e(14)(Object.prototype,"toString",function(){return"[object "+r(this)+"]"},!0)},function(t,n,e){var r=e(0);r(r.P,"Function",{bind:e(112)})},function(t,n,e){var r=e(7).f,i=Function.prototype,o=/^\s*function ([^ (]*)/;"name"in i||e(6)&&r(i,"name",{configurable:!0,get:function(){try{return(""+this).match(o)[1]}catch(t){return""}}})},function(t,n,e){"use strict";var r=e(4),i=e(18),o=e(5)("hasInstance"),a=Function.prototype;o in a||e(7).f(a,o,{value:function(t){if("function"!=typeof this||!r(t))return!1;if(!r(this.prototype))return t instanceof this;for(;t=i(t);)if(this.prototype===t)return!0;return!1}})},function(t,n,e){var r=e(0),i=e(114);r(r.G+r.F*(parseInt!=i),{parseInt:i})},function(t,n,e){var r=e(0),i=e(115);r(r.G+r.F*(parseFloat!=i),{parseFloat:i})},function(t,n,e){"use strict";var r=e(2),i=e(12),o=e(20),a=e(79),u=e(23),c=e(3),s=e(38).f,f=e(17).f,l=e(7).f,p=e(44).trim,h=r.Number,d=h,v=h.prototype,g="Number"==o(e(37)(v)),y="trim"in String.prototype,m=function(t){var n=u(t,!1);if("string"==typeof n&&n.length>2){n=y?n.trim():p(n,3);var e,r,i,o=n.charCodeAt(0);if(43===o||45===o){if(88===(e=n.charCodeAt(2))||120===e)return NaN}else if(48===o){switch(n.charCodeAt(1)){case 66:case 98:r=2,i=49;break;case 79:case 111:r=8,i=55;break;default:return+n}for(var a,c=n.slice(2),s=0,f=c.length;si)return NaN;return parseInt(c,r)}}return+n};if(!h(" 0o1")||!h("0b1")||h("+0x1")){h=function(t){var n=arguments.length<1?0:t,e=this;return e instanceof h&&(g?c(function(){v.valueOf.call(e)}):"Number"!=o(e))?a(new d(m(n)),e,h):m(n)};for(var b,_=e(6)?s(d):"MAX_VALUE,MIN_VALUE,NaN,NEGATIVE_INFINITY,POSITIVE_INFINITY,EPSILON,isFinite,isInteger,isNaN,isSafeInteger,MAX_SAFE_INTEGER,MIN_SAFE_INTEGER,parseFloat,parseInt,isInteger".split(","),w=0;_.length>w;w++)i(d,b=_[w])&&!i(h,b)&&l(h,b,f(d,b));h.prototype=v,v.constructor=h,e(14)(r,"Number",h)}},function(t,n,e){"use strict";var r=e(0),i=e(25),o=e(116),a=e(80),u=1..toFixed,c=Math.floor,s=[0,0,0,0,0,0],f="Number.toFixed: incorrect invocation!",l=function(t,n){for(var e=-1,r=n;++e<6;)r+=t*s[e],s[e]=r%1e7,r=c(r/1e7)},p=function(t){for(var n=6,e=0;--n>=0;)e+=s[n],s[n]=c(e/t),e=e%t*1e7},h=function(){for(var t=6,n="";--t>=0;)if(""!==n||0===t||0!==s[t]){var e=String(s[t]);n=""===n?e:n+a.call("0",7-e.length)+e}return n},d=function(t,n,e){return 0===n?e:n%2==1?d(t,n-1,e*t):d(t*t,n/2,e)},v=function(t){for(var n=0,e=t;e>=4096;)n+=12,e/=4096;for(;e>=2;)n+=1,e/=2;return n};r(r.P+r.F*(!!u&&("0.000"!==8e-5.toFixed(3)||"1"!==.9.toFixed(0)||"1.25"!==1.255.toFixed(2)||"1000000000000000128"!==(0xde0b6b3a7640080).toFixed(0))||!e(3)(function(){u.call({})})),"Number",{toFixed:function(t){var n,e,r,u,c=o(this,f),s=i(t),g="",y="0";if(s<0||s>20)throw RangeError(f);if(c!=c)return"NaN";if(c<=-1e21||c>=1e21)return String(c);if(c<0&&(g="-",c=-c),c>1e-21)if(n=v(c*d(2,69,1))-69,e=n<0?c*d(2,-n,1):c/d(2,n,1),e*=4503599627370496,(n=52-n)>0){for(l(0,e),r=s;r>=7;)l(1e7,0),r-=7;for(l(d(10,r,1),0),r=n-1;r>=23;)p(1<<23),r-=23;p(1<0?(u=y.length,y=g+(u<=s?"0."+a.call("0",s-u)+y:y.slice(0,u-s)+"."+y.slice(u-s))):y=g+y,y}})},function(t,n,e){"use strict";var r=e(0),i=e(3),o=e(116),a=1..toPrecision;r(r.P+r.F*(i(function(){return"1"!==a.call(1,void 0)})||!i(function(){a.call({})})),"Number",{toPrecision:function(t){var n=o(this,"Number#toPrecision: incorrect invocation!");return void 0===t?a.call(n):a.call(n,t)}})},function(t,n,e){var r=e(0);r(r.S,"Number",{EPSILON:Math.pow(2,-52)})},function(t,n,e){var r=e(0),i=e(2).isFinite;r(r.S,"Number",{isFinite:function(t){return"number"==typeof t&&i(t)}})},function(t,n,e){var r=e(0);r(r.S,"Number",{isInteger:e(117)})},function(t,n,e){var r=e(0);r(r.S,"Number",{isNaN:function(t){return t!=t}})},function(t,n,e){var r=e(0),i=e(117),o=Math.abs;r(r.S,"Number",{isSafeInteger:function(t){return i(t)&&o(t)<=9007199254740991}})},function(t,n,e){var r=e(0);r(r.S,"Number",{MAX_SAFE_INTEGER:9007199254740991})},function(t,n,e){var r=e(0);r(r.S,"Number",{MIN_SAFE_INTEGER:-9007199254740991})},function(t,n,e){var r=e(0),i=e(115);r(r.S+r.F*(Number.parseFloat!=i),"Number",{parseFloat:i})},function(t,n,e){var r=e(0),i=e(114);r(r.S+r.F*(Number.parseInt!=i),"Number",{parseInt:i})},function(t,n,e){var r=e(0),i=e(118),o=Math.sqrt,a=Math.acosh;r(r.S+r.F*!(a&&710==Math.floor(a(Number.MAX_VALUE))&&a(1/0)==1/0),"Math",{acosh:function(t){return(t=+t)<1?NaN:t>94906265.62425156?Math.log(t)+Math.LN2:i(t-1+o(t-1)*o(t+1))}})},function(t,n,e){function r(t){return isFinite(t=+t)&&0!=t?t<0?-r(-t):Math.log(t+Math.sqrt(t*t+1)):t}var i=e(0),o=Math.asinh;i(i.S+i.F*!(o&&1/o(0)>0),"Math",{asinh:r})},function(t,n,e){var r=e(0),i=Math.atanh;r(r.S+r.F*!(i&&1/i(-0)<0),"Math",{atanh:function(t){return 0==(t=+t)?t:Math.log((1+t)/(1-t))/2}})},function(t,n,e){var r=e(0),i=e(81);r(r.S,"Math",{cbrt:function(t){return i(t=+t)*Math.pow(Math.abs(t),1/3)}})},function(t,n,e){var r=e(0);r(r.S,"Math",{clz32:function(t){return(t>>>=0)?31-Math.floor(Math.log(t+.5)*Math.LOG2E):32}})},function(t,n,e){var r=e(0),i=Math.exp;r(r.S,"Math",{cosh:function(t){return(i(t=+t)+i(-t))/2}})},function(t,n,e){var r=e(0),i=e(82);r(r.S+r.F*(i!=Math.expm1),"Math",{expm1:i})},function(t,n,e){var r=e(0);r(r.S,"Math",{fround:e(119)})},function(t,n,e){var r=e(0),i=Math.abs;r(r.S,"Math",{hypot:function(t,n){for(var e,r,o=0,a=0,u=arguments.length,c=0;a0?(r=e/c,o+=r*r):o+=e;return c===1/0?1/0:c*Math.sqrt(o)}})},function(t,n,e){var r=e(0),i=Math.imul;r(r.S+r.F*e(3)(function(){return-5!=i(4294967295,5)||2!=i.length}),"Math",{imul:function(t,n){var e=+t,r=+n,i=65535&e,o=65535&r;return 0|i*o+((65535&e>>>16)*o+i*(65535&r>>>16)<<16>>>0)}})},function(t,n,e){var r=e(0);r(r.S,"Math",{log10:function(t){return Math.log(t)*Math.LOG10E}})},function(t,n,e){var r=e(0);r(r.S,"Math",{log1p:e(118)})},function(t,n,e){var r=e(0);r(r.S,"Math",{log2:function(t){return Math.log(t)/Math.LN2}})},function(t,n,e){var r=e(0);r(r.S,"Math",{sign:e(81)})},function(t,n,e){var r=e(0),i=e(82),o=Math.exp;r(r.S+r.F*e(3)(function(){return-2e-17!=!Math.sinh(-2e-17)}),"Math",{sinh:function(t){return Math.abs(t=+t)<1?(i(t)-i(-t))/2:(o(t-1)-o(-t-1))*(Math.E/2)}})},function(t,n,e){var r=e(0),i=e(82),o=Math.exp;r(r.S,"Math",{tanh:function(t){var n=i(t=+t),e=i(-t);return n==1/0?1:e==1/0?-1:(n-e)/(o(t)+o(-t))}})},function(t,n,e){var r=e(0);r(r.S,"Math",{trunc:function(t){return(t>0?Math.floor:Math.ceil)(t)}})},function(t,n,e){var r=e(0),i=e(36),o=String.fromCharCode,a=String.fromCodePoint;r(r.S+r.F*(!!a&&1!=a.length),"String",{fromCodePoint:function(t){for(var n,e=[],r=arguments.length,a=0;r>a;){if(n=+arguments[a++],i(n,1114111)!==n)throw RangeError(n+" is not a valid code point");e.push(n<65536?o(n):o(55296+((n-=65536)>>10),n%1024+56320))}return e.join("")}})},function(t,n,e){var r=e(0),i=e(16),o=e(8);r(r.S,"String",{raw:function(t){for(var n=i(t.raw),e=o(n.length),r=arguments.length,a=[],u=0;e>u;)a.push(String(n[u++])),u=n.length?{value:void 0,done:!0}:(t=r(n,e),this._i+=t.length,{value:t,done:!1})})},function(t,n,e){"use strict";var r=e(0),i=e(83)(!1);r(r.P,"String",{codePointAt:function(t){return i(this,t)}})},function(t,n,e){"use strict";var r=e(0),i=e(8),o=e(86),a="".endsWith;r(r.P+r.F*e(87)("endsWith"),"String",{endsWith:function(t){var n=o(this,t,"endsWith"),e=arguments.length>1?arguments[1]:void 0,r=i(n.length),u=void 0===e?r:Math.min(i(e),r),c=String(t);return a?a.call(n,c,u):n.slice(u-c.length,u)===c}})},function(t,n,e){"use strict";var r=e(0),i=e(86);r(r.P+r.F*e(87)("includes"),"String",{includes:function(t){return!!~i(this,t,"includes").indexOf(t,arguments.length>1?arguments[1]:void 0)}})},function(t,n,e){var r=e(0);r(r.P,"String",{repeat:e(80)})},function(t,n,e){"use strict";var r=e(0),i=e(8),o=e(86),a="".startsWith;r(r.P+r.F*e(87)("startsWith"),"String",{startsWith:function(t){var n=o(this,t,"startsWith"),e=i(Math.min(arguments.length>1?arguments[1]:void 0,n.length)),r=String(t);return a?a.call(n,r,e):n.slice(e,e+r.length)===r}})},function(t,n,e){"use strict";e(15)("anchor",function(t){return function(n){return t(this,"a","name",n)}})},function(t,n,e){"use strict";e(15)("big",function(t){return function(){return t(this,"big","","")}})},function(t,n,e){"use strict";e(15)("blink",function(t){return function(){return t(this,"blink","","")}})},function(t,n,e){"use strict";e(15)("bold",function(t){return function(){return t(this,"b","","")}})},function(t,n,e){"use strict";e(15)("fixed",function(t){return function(){return t(this,"tt","","")}})},function(t,n,e){"use strict";e(15)("fontcolor",function(t){return function(n){return t(this,"font","color",n)}})},function(t,n,e){"use strict";e(15)("fontsize",function(t){return function(n){return t(this,"font","size",n)}})},function(t,n,e){"use strict";e(15)("italics",function(t){return function(){return t(this,"i","","")}})},function(t,n,e){"use strict";e(15)("link",function(t){return function(n){return t(this,"a","href",n)}})},function(t,n,e){"use strict";e(15)("small",function(t){return function(){return t(this,"small","","")}})},function(t,n,e){"use strict";e(15)("strike",function(t){return function(){return t(this,"strike","","")}})},function(t,n,e){"use strict";e(15)("sub",function(t){return function(){return t(this,"sub","","")}})},function(t,n,e){"use strict";e(15)("sup",function(t){return function(){return t(this,"sup","","")}})},function(t,n,e){var r=e(0);r(r.S,"Date",{now:function(){return(new Date).getTime()}})},function(t,n,e){"use strict";var r=e(0),i=e(9),o=e(23);r(r.P+r.F*e(3)(function(){return null!==new Date(NaN).toJSON()||1!==Date.prototype.toJSON.call({toISOString:function(){return 1}})}),"Date",{toJSON:function(t){var n=i(this),e=o(n);return"number"!=typeof e||isFinite(e)?n.toISOString():null}})},function(t,n,e){var r=e(0),i=e(315);r(r.P+r.F*(Date.prototype.toISOString!==i),"Date",{toISOString:i})},function(t,n,e){"use strict";var r=e(3),i=Date.prototype.getTime,o=Date.prototype.toISOString,a=function(t){return t>9?t:"0"+t};t.exports=r(function(){return"0385-07-25T07:06:39.999Z"!=o.call(new Date(-5e13-1))})||!r(function(){o.call(new Date(NaN))})?function(){if(!isFinite(i.call(this)))throw RangeError("Invalid time value");var t=this,n=t.getUTCFullYear(),e=t.getUTCMilliseconds(),r=n<0?"-":n>9999?"+":"";return r+("00000"+Math.abs(n)).slice(r?-6:-4)+"-"+a(t.getUTCMonth()+1)+"-"+a(t.getUTCDate())+"T"+a(t.getUTCHours())+":"+a(t.getUTCMinutes())+":"+a(t.getUTCSeconds())+"."+(e>99?e:"0"+a(e))+"Z"}:o},function(t,n,e){var r=Date.prototype,i=r.toString,o=r.getTime;new Date(NaN)+""!="Invalid Date"&&e(14)(r,"toString",function(){var t=o.call(this);return t===t?i.call(this):"Invalid Date"})},function(t,n,e){var r=e(5)("toPrimitive"),i=Date.prototype;r in i||e(13)(i,r,e(318))},function(t,n,e){"use strict";var r=e(1),i=e(23);t.exports=function(t){if("string"!==t&&"number"!==t&&"default"!==t)throw TypeError("Incorrect hint");return i(r(this),"number"!=t)}},function(t,n,e){var r=e(0);r(r.S,"Array",{isArray:e(55)})},function(t,n,e){"use strict";var r=e(19),i=e(0),o=e(9),a=e(120),u=e(88),c=e(8),s=e(89),f=e(90);i(i.S+i.F*!e(57)(function(t){Array.from(t)}),"Array",{from:function(t){var n,e,i,l,p=o(t),h="function"==typeof this?this:Array,d=arguments.length,v=d>1?arguments[1]:void 0,g=void 0!==v,y=0,m=f(p);if(g&&(v=r(v,d>2?arguments[2]:void 0,2)),void 0==m||h==Array&&u(m))for(n=c(p.length),e=new h(n);n>y;y++)s(e,y,g?v(p[y],y):p[y]);else for(l=m.call(p),e=new h;!(i=l.next()).done;y++)s(e,y,g?a(l,v,[i.value,y],!0):i.value);return e.length=y,e}})},function(t,n,e){"use strict";var r=e(0),i=e(89);r(r.S+r.F*e(3)(function(){function t(){}return!(Array.of.call(t)instanceof t)}),"Array",{of:function(){for(var t=0,n=arguments.length,e=new("function"==typeof this?this:Array)(n);n>t;)i(e,t,arguments[t++]);return e.length=n,e}})},function(t,n,e){"use strict";var r=e(0),i=e(16),o=[].join;r(r.P+r.F*(e(47)!=Object||!e(21)(o)),"Array",{join:function(t){return o.call(i(this),void 0===t?",":t)}})},function(t,n,e){"use strict";var r=e(0),i=e(76),o=e(20),a=e(36),u=e(8),c=[].slice;r(r.P+r.F*e(3)(function(){i&&c.call(i)}),"Array",{slice:function(t,n){var e=u(this.length),r=o(this);if(n=void 0===n?e:n,"Array"==r)return c.call(this,t,n);for(var i=a(t,e),s=a(n,e),f=u(s-i),l=Array(f),p=0;p1&&(r=Math.min(r,o(arguments[1]))),r<0&&(r=e+r);r>=0;r--)if(r in n&&n[r]===t)return r||0;return-1}})},function(t,n,e){var r=e(0);r(r.P,"Array",{copyWithin:e(122)}),e(31)("copyWithin")},function(t,n,e){var r=e(0);r(r.P,"Array",{fill:e(92)}),e(31)("fill")},function(t,n,e){"use strict";var r=e(0),i=e(27)(5),o=!0;"find"in[]&&Array(1).find(function(){o=!1}),r(r.P+r.F*o,"Array",{find:function(t){return i(this,t,arguments.length>1?arguments[1]:void 0)}}),e(31)("find")},function(t,n,e){"use strict";var r=e(0),i=e(27)(6),o="findIndex",a=!0;o in[]&&Array(1)[o](function(){a=!1}),r(r.P+r.F*a,"Array",{findIndex:function(t){return i(this,t,arguments.length>1?arguments[1]:void 0)}}),e(31)(o)},function(t,n,e){e(39)("Array")},function(t,n,e){var r=e(2),i=e(79),o=e(7).f,a=e(38).f,u=e(56),c=e(58),s=r.RegExp,f=s,l=s.prototype,p=/a/g,h=/a/g,d=new s(p)!==p;if(e(6)&&(!d||e(3)(function(){return h[e(5)("match")]=!1,s(p)!=p||s(h)==h||"/a/i"!=s(p,"i")}))){s=function(t,n){var e=this instanceof s,r=u(t),o=void 0===n;return!e&&r&&t.constructor===s&&o?t:i(d?new f(r&&!o?t.source:t,n):f((r=t instanceof s)?t.source:t,r&&o?c.call(t):n),e?this:l,s)};for(var v=a(f),g=0;v.length>g;)!function(t){t in s||o(s,t,{configurable:!0,get:function(){return f[t]},set:function(n){f[t]=n}})}(v[g++]);l.constructor=s,s.prototype=l,e(14)(r,"RegExp",s)}e(39)("RegExp")},function(t,n,e){"use strict";e(124);var r=e(1),i=e(58),o=e(6),a=/./.toString,u=function(t){e(14)(RegExp.prototype,"toString",t,!0)};e(3)(function(){return"/a/b"!=a.call({source:"a",flags:"b"})})?u(function(){var t=r(this);return"/".concat(t.source,"/","flags"in t?t.flags:!o&&t instanceof RegExp?i.call(t):void 0)}):"toString"!=a.name&&u(function(){return a.call(this)})},function(t,n,e){e(59)("match",1,function(t,n,e){return[function(e){"use strict";var r=t(this),i=void 0==e?void 0:e[n];return void 0!==i?i.call(e,r):new RegExp(e)[n](String(r))},e]})},function(t,n,e){e(59)("replace",2,function(t,n,e){return[function(r,i){"use strict";var o=t(this),a=void 0==r?void 0:r[n];return void 0!==a?a.call(r,o,i):e.call(String(o),r,i)},e]})},function(t,n,e){e(59)("search",1,function(t,n,e){return[function(e){"use strict";var r=t(this),i=void 0==e?void 0:e[n];return void 0!==i?i.call(e,r):new RegExp(e)[n](String(r))},e]})},function(t,n,e){e(59)("split",2,function(t,n,r){"use strict";var i=e(56),o=r,a=[].push,u="length";if("c"=="abbc".split(/(b)*/)[1]||4!="test".split(/(?:)/,-1)[u]||2!="ab".split(/(?:ab)*/)[u]||4!=".".split(/(.?)(.?)/)[u]||".".split(/()()/)[u]>1||"".split(/.?/)[u]){var c=void 0===/()??/.exec("")[1];r=function(t,n){var e=String(this);if(void 0===t&&0===n)return[];if(!i(t))return o.call(e,t,n);var r,s,f,l,p,h=[],d=(t.ignoreCase?"i":"")+(t.multiline?"m":"")+(t.unicode?"u":"")+(t.sticky?"y":""),v=0,g=void 0===n?4294967295:n>>>0,y=new RegExp(t.source,d+"g");for(c||(r=new RegExp("^"+y.source+"$(?!\\s)",d));(s=y.exec(e))&&!((f=s.index+s[0][u])>v&&(h.push(e.slice(v,s.index)),!c&&s[u]>1&&s[0].replace(r,function(){for(p=1;p1&&s.index=g));)y.lastIndex===s.index&&y.lastIndex++;return v===e[u]?!l&&y.test("")||h.push(""):h.push(e.slice(v)),h[u]>g?h.slice(0,g):h}}else"0".split(void 0,0)[u]&&(r=function(t,n){return void 0===t&&0===n?[]:o.call(this,t,n)});return[function(e,i){var o=t(this),a=void 0==e?void 0:e[n];return void 0!==a?a.call(e,o,i):r.call(String(o),e,i)},r]})},function(t,n,e){"use strict";var r,i,o,a,u=e(34),c=e(2),s=e(19),f=e(49),l=e(0),p=e(4),h=e(10),d=e(40),v=e(41),g=e(60),y=e(94).set,m=e(95)(),b=e(96),_=e(125),w=e(126),x=c.TypeError,E=c.process,S=c.Promise,O="process"==f(E),A=function(){},C=i=b.f,M=!!function(){try{var t=S.resolve(1),n=(t.constructor={})[e(5)("species")]=function(t){t(A,A)};return(O||"function"==typeof PromiseRejectionEvent)&&t.then(A)instanceof n}catch(t){}}(),k=function(t){var n;return!(!p(t)||"function"!=typeof(n=t.then))&&n},N=function(t,n){if(!t._n){t._n=!0;var e=t._c;m(function(){for(var r=t._v,i=1==t._s,o=0;e.length>o;)!function(n){var e,o,a=i?n.ok:n.fail,u=n.resolve,c=n.reject,s=n.domain;try{a?(i||(2==t._h&&j(t),t._h=1),!0===a?e=r:(s&&s.enter(),e=a(r),s&&s.exit()),e===n.promise?c(x("Promise-chain cycle")):(o=k(e))?o.call(e,u,c):u(e)):c(r)}catch(t){c(t)}}(e[o++]);t._c=[],t._n=!1,n&&!t._h&&T(t)})}},T=function(t){y.call(c,function(){var n,e,r,i=t._v,o=R(t);if(o&&(n=_(function(){O?E.emit("unhandledRejection",i,t):(e=c.onunhandledrejection)?e({promise:t,reason:i}):(r=c.console)&&r.error&&r.error("Unhandled promise rejection",i)}),t._h=O||R(t)?2:1),t._a=void 0,o&&n.e)throw n.v})},R=function(t){if(1==t._h)return!1;for(var n,e=t._a||t._c,r=0;e.length>r;)if(n=e[r++],n.fail||!R(n.promise))return!1;return!0},j=function(t){y.call(c,function(){var n;O?E.emit("rejectionHandled",t):(n=c.onrejectionhandled)&&n({promise:t,reason:t._v})})},P=function(t){var n=this;n._d||(n._d=!0,n=n._w||n,n._v=t,n._s=2,n._a||(n._a=n._c.slice()),N(n,!0))},I=function(t){var n,e=this;if(!e._d){e._d=!0,e=e._w||e;try{if(e===t)throw x("Promise can't be resolved itself");(n=k(t))?m(function(){var r={_w:e,_d:!1};try{n.call(t,s(I,r,1),s(P,r,1))}catch(t){P.call(r,t)}}):(e._v=t,e._s=1,N(e,!1))}catch(t){P.call({_w:e,_d:!1},t)}}};M||(S=function(t){d(this,S,"Promise","_h"),h(t),r.call(this);try{t(s(I,this,1),s(P,this,1))}catch(t){P.call(this,t)}},r=function(t){this._c=[],this._a=void 0,this._s=0,this._d=!1,this._v=void 0,this._h=0,this._n=!1},r.prototype=e(42)(S.prototype,{then:function(t,n){var e=C(g(this,S));return e.ok="function"!=typeof t||t,e.fail="function"==typeof n&&n,e.domain=O?E.domain:void 0,this._c.push(e),this._a&&this._a.push(e),this._s&&N(this,!1),e.promise},catch:function(t){return this.then(void 0,t)}}),o=function(){var t=new r;this.promise=t,this.resolve=s(I,t,1),this.reject=s(P,t,1)},b.f=C=function(t){return t===S||t===a?new o(t):i(t)}),l(l.G+l.W+l.F*!M,{Promise:S}),e(43)(S,"Promise"),e(39)("Promise"),a=e(22).Promise,l(l.S+l.F*!M,"Promise",{reject:function(t){var n=C(this);return(0,n.reject)(t),n.promise}}),l(l.S+l.F*(u||!M),"Promise",{resolve:function(t){return w(u&&this===a?S:this,t)}}),l(l.S+l.F*!(M&&e(57)(function(t){S.all(t).catch(A)})),"Promise",{all:function(t){var n=this,e=C(n),r=e.resolve,i=e.reject,o=_(function(){var e=[],o=0,a=1;v(t,!1,function(t){var u=o++,c=!1;e.push(void 0),a++,n.resolve(t).then(function(t){c||(c=!0,e[u]=t,--a||r(e))},i)}),--a||r(e)});return o.e&&i(o.v),e.promise},race:function(t){var n=this,e=C(n),r=e.reject,i=_(function(){v(t,!1,function(t){n.resolve(t).then(e.resolve,r)})});return i.e&&r(i.v),e.promise}})},function(t,n,e){"use strict";var r=e(131),i=e(46);e(61)("WeakSet",function(t){return function(){return t(this,arguments.length>0?arguments[0]:void 0)}},{add:function(t){return r.def(i(this,"WeakSet"),t,!0)}},r,!1,!0)},function(t,n,e){"use strict";var r=e(0),i=e(62),o=e(97),a=e(1),u=e(36),c=e(8),s=e(4),f=e(2).ArrayBuffer,l=e(60),p=o.ArrayBuffer,h=o.DataView,d=i.ABV&&f.isView,v=p.prototype.slice,g=i.VIEW;r(r.G+r.W+r.F*(f!==p),{ArrayBuffer:p}),r(r.S+r.F*!i.CONSTR,"ArrayBuffer",{isView:function(t){return d&&d(t)||s(t)&&g in t}}),r(r.P+r.U+r.F*e(3)(function(){return!new p(2).slice(1,void 0).byteLength}),"ArrayBuffer",{slice:function(t,n){if(void 0!==v&&void 0===n)return v.call(a(this),t);for(var e=a(this).byteLength,r=u(t,e),i=u(void 0===n?e:n,e),o=new(l(this,p))(c(i-r)),s=new h(this),f=new h(o),d=0;r=e.length)return{value:void 0,done:!0}}while(!((t=e[n._i++])in n._t));return{value:t,done:!1}}),r(r.S,"Reflect",{enumerate:function(t){return new o(t)}})},function(t,n,e){function r(t,n){var e,u,f=arguments.length<3?t:arguments[2];return s(t)===f?t[n]:(e=i.f(t,n))?a(e,"value")?e.value:void 0!==e.get?e.get.call(f):void 0:c(u=o(t))?r(u,n,f):void 0}var i=e(17),o=e(18),a=e(12),u=e(0),c=e(4),s=e(1);u(u.S,"Reflect",{get:r})},function(t,n,e){var r=e(17),i=e(0),o=e(1);i(i.S,"Reflect",{getOwnPropertyDescriptor:function(t,n){return r.f(o(t),n)}})},function(t,n,e){var r=e(0),i=e(18),o=e(1);r(r.S,"Reflect",{getPrototypeOf:function(t){return i(o(t))}})},function(t,n,e){var r=e(0);r(r.S,"Reflect",{has:function(t,n){return n in t}})},function(t,n,e){var r=e(0),i=e(1),o=Object.isExtensible;r(r.S,"Reflect",{isExtensible:function(t){return i(t),!o||o(t)}})},function(t,n,e){var r=e(0);r(r.S,"Reflect",{ownKeys:e(133)})},function(t,n,e){var r=e(0),i=e(1),o=Object.preventExtensions;r(r.S,"Reflect",{preventExtensions:function(t){i(t);try{return o&&o(t),!0}catch(t){return!1}}})},function(t,n,e){function r(t,n,e){var c,p,h=arguments.length<4?t:arguments[3],d=o.f(f(t),n);if(!d){if(l(p=a(t)))return r(p,n,e,h);d=s(0)}return u(d,"value")?!(!1===d.writable||!l(h))&&(c=o.f(h,n)||s(0),c.value=e,i.f(h,n,c),!0):void 0!==d.set&&(d.set.call(h,e),!0)}var i=e(7),o=e(17),a=e(18),u=e(12),c=e(0),s=e(32),f=e(1),l=e(4);c(c.S,"Reflect",{set:r})},function(t,n,e){var r=e(0),i=e(77);i&&r(r.S,"Reflect",{setPrototypeOf:function(t,n){i.check(t,n);try{return i.set(t,n),!0}catch(t){return!1}}})},function(t,n,e){"use strict";var r=e(0),i=e(53)(!0);r(r.P,"Array",{includes:function(t){return i(this,t,arguments.length>1?arguments[1]:void 0)}}),e(31)("includes")},function(t,n,e){"use strict";var r=e(0),i=e(134),o=e(9),a=e(8),u=e(10),c=e(91);r(r.P,"Array",{flatMap:function(t){var n,e,r=o(this);return u(t),n=a(r.length),e=c(r,0),i(e,r,r,n,0,1,t,arguments[1]),e}}),e(31)("flatMap")},function(t,n,e){"use strict";var r=e(0),i=e(134),o=e(9),a=e(8),u=e(25),c=e(91);r(r.P,"Array",{flatten:function(){var t=arguments[0],n=o(this),e=a(n.length),r=c(n,0);return i(r,n,n,e,0,void 0===t?1:u(t)),r}}),e(31)("flatten")},function(t,n,e){"use strict";var r=e(0),i=e(83)(!0);r(r.P,"String",{at:function(t){return i(this,t)}})},function(t,n,e){"use strict";var r=e(0),i=e(135);r(r.P,"String",{padStart:function(t){return i(this,t,arguments.length>1?arguments[1]:void 0,!0)}})},function(t,n,e){"use strict";var r=e(0),i=e(135);r(r.P,"String",{padEnd:function(t){return i(this,t,arguments.length>1?arguments[1]:void 0,!1)}})},function(t,n,e){"use strict";e(44)("trimLeft",function(t){return function(){return t(this,1)}},"trimStart")},function(t,n,e){"use strict";e(44)("trimRight",function(t){return function(){return t(this,2)}},"trimEnd")},function(t,n,e){"use strict";var r=e(0),i=e(24),o=e(8),a=e(56),u=e(58),c=RegExp.prototype,s=function(t,n){this._r=t,this._s=n};e(85)(s,"RegExp String",function(){var t=this._r.exec(this._s);return{value:t,done:null===t}}),r(r.P,"String",{matchAll:function(t){if(i(this),!a(t))throw TypeError(t+" is not a regexp!");var n=String(this),e="flags"in c?String(t.flags):u.call(t),r=new RegExp(t.source,~e.indexOf("g")?e:"g"+e);return r.lastIndex=o(t.lastIndex),new s(r,n)}})},function(t,n,e){e(73)("asyncIterator")},function(t,n,e){e(73)("observable")},function(t,n,e){var r=e(0),i=e(133),o=e(16),a=e(17),u=e(89);r(r.S,"Object",{getOwnPropertyDescriptors:function(t){for(var n,e,r=o(t),c=a.f,s=i(r),f={},l=0;s.length>l;)void 0!==(e=c(r,n=s[l++]))&&u(f,n,e);return f}})},function(t,n,e){var r=e(0),i=e(136)(!1);r(r.S,"Object",{values:function(t){return i(t)}})},function(t,n,e){var r=e(0),i=e(136)(!0);r(r.S,"Object",{entries:function(t){return i(t)}})},function(t,n,e){"use strict";var r=e(0),i=e(9),o=e(10),a=e(7);e(6)&&r(r.P+e(63),"Object",{__defineGetter__:function(t,n){a.f(i(this),t,{get:o(n),enumerable:!0,configurable:!0})}})},function(t,n,e){"use strict";var r=e(0),i=e(9),o=e(10),a=e(7);e(6)&&r(r.P+e(63),"Object",{__defineSetter__:function(t,n){a.f(i(this),t,{set:o(n),enumerable:!0,configurable:!0})}})},function(t,n,e){"use strict";var r=e(0),i=e(9),o=e(23),a=e(18),u=e(17).f;e(6)&&r(r.P+e(63),"Object",{__lookupGetter__:function(t){var n,e=i(this),r=o(t,!0);do{if(n=u(e,r))return n.get}while(e=a(e))}})},function(t,n,e){"use strict";var r=e(0),i=e(9),o=e(23),a=e(18),u=e(17).f;e(6)&&r(r.P+e(63),"Object",{__lookupSetter__:function(t){var n,e=i(this),r=o(t,!0);do{if(n=u(e,r))return n.set}while(e=a(e))}})},function(t,n,e){var r=e(0);r(r.P+r.R,"Map",{toJSON:e(137)("Map")})},function(t,n,e){var r=e(0);r(r.P+r.R,"Set",{toJSON:e(137)("Set")})},function(t,n,e){e(64)("Map")},function(t,n,e){e(64)("Set")},function(t,n,e){e(64)("WeakMap")},function(t,n,e){e(64)("WeakSet")},function(t,n,e){e(65)("Map")},function(t,n,e){e(65)("Set")},function(t,n,e){e(65)("WeakMap")},function(t,n,e){e(65)("WeakSet")},function(t,n,e){var r=e(0);r(r.G,{global:e(2)})},function(t,n,e){var r=e(0);r(r.S,"System",{global:e(2)})},function(t,n,e){var r=e(0),i=e(20);r(r.S,"Error",{isError:function(t){return"Error"===i(t)}})},function(t,n,e){var r=e(0);r(r.S,"Math",{clamp:function(t,n,e){return Math.min(e,Math.max(n,t))}})},function(t,n,e){var r=e(0);r(r.S,"Math",{DEG_PER_RAD:Math.PI/180})},function(t,n,e){var r=e(0),i=180/Math.PI;r(r.S,"Math",{degrees:function(t){return t*i}})},function(t,n,e){var r=e(0),i=e(139),o=e(119);r(r.S,"Math",{fscale:function(t,n,e,r,a){return o(i(t,n,e,r,a))}})},function(t,n,e){var r=e(0);r(r.S,"Math",{iaddh:function(t,n,e,r){var i=t>>>0,o=n>>>0,a=e>>>0;return o+(r>>>0)+((i&a|(i|a)&~(i+a>>>0))>>>31)|0}})},function(t,n,e){var r=e(0);r(r.S,"Math",{isubh:function(t,n,e,r){var i=t>>>0,o=n>>>0,a=e>>>0;return o-(r>>>0)-((~i&a|~(i^a)&i-a>>>0)>>>31)|0}})},function(t,n,e){var r=e(0);r(r.S,"Math",{imulh:function(t,n){var e=+t,r=+n,i=65535&e,o=65535&r,a=e>>16,u=r>>16,c=(a*o>>>0)+(i*o>>>16);return a*u+(c>>16)+((i*u>>>0)+(65535&c)>>16)}})},function(t,n,e){var r=e(0);r(r.S,"Math",{RAD_PER_DEG:180/Math.PI})},function(t,n,e){var r=e(0),i=Math.PI/180;r(r.S,"Math",{radians:function(t){return t*i}})},function(t,n,e){var r=e(0);r(r.S,"Math",{scale:e(139)})},function(t,n,e){var r=e(0);r(r.S,"Math",{umulh:function(t,n){var e=+t,r=+n,i=65535&e,o=65535&r,a=e>>>16,u=r>>>16,c=(a*o>>>0)+(i*o>>>16);return a*u+(c>>>16)+((i*u>>>0)+(65535&c)>>>16)}})},function(t,n,e){var r=e(0);r(r.S,"Math",{signbit:function(t){return(t=+t)!=t?t:0==t?1/t==1/0:t>0}})},function(t,n,e){"use strict";var r=e(0),i=e(22),o=e(2),a=e(60),u=e(126);r(r.P+r.R,"Promise",{finally:function(t){var n=a(this,i.Promise||o.Promise),e="function"==typeof t;return this.then(e?function(e){return u(n,t()).then(function(){return e})}:t,e?function(e){return u(n,t()).then(function(){throw e})}:t)}})},function(t,n,e){"use strict";var r=e(0),i=e(96),o=e(125);r(r.S,"Promise",{try:function(t){var n=i.f(this),e=o(t);return(e.e?n.reject:n.resolve)(e.v),n.promise}})},function(t,n,e){var r=e(29),i=e(1),o=r.key,a=r.set;r.exp({defineMetadata:function(t,n,e,r){a(t,n,i(e),o(r))}})},function(t,n,e){var r=e(29),i=e(1),o=r.key,a=r.map,u=r.store;r.exp({deleteMetadata:function(t,n){var e=arguments.length<3?void 0:o(arguments[2]),r=a(i(n),e,!1);if(void 0===r||!r.delete(t))return!1;if(r.size)return!0;var c=u.get(n);return c.delete(e),!!c.size||u.delete(n)}})},function(t,n,e){var r=e(29),i=e(1),o=e(18),a=r.has,u=r.get,c=r.key,s=function(t,n,e){if(a(t,n,e))return u(t,n,e);var r=o(n);return null!==r?s(t,r,e):void 0};r.exp({getMetadata:function(t,n){return s(t,i(n),arguments.length<3?void 0:c(arguments[2]))}})},function(t,n,e){var r=e(129),i=e(138),o=e(29),a=e(1),u=e(18),c=o.keys,s=o.key,f=function(t,n){var e=c(t,n),o=u(t);if(null===o)return e;var a=f(o,n);return a.length?e.length?i(new r(e.concat(a))):a:e};o.exp({getMetadataKeys:function(t){return f(a(t),arguments.length<2?void 0:s(arguments[1]))}})},function(t,n,e){var r=e(29),i=e(1),o=r.get,a=r.key;r.exp({getOwnMetadata:function(t,n){return o(t,i(n),arguments.length<3?void 0:a(arguments[2]))}})},function(t,n,e){var r=e(29),i=e(1),o=r.keys,a=r.key;r.exp({getOwnMetadataKeys:function(t){return o(i(t),arguments.length<2?void 0:a(arguments[1]))}})},function(t,n,e){var r=e(29),i=e(1),o=e(18),a=r.has,u=r.key,c=function(t,n,e){if(a(t,n,e))return!0;var r=o(n);return null!==r&&c(t,r,e)};r.exp({hasMetadata:function(t,n){return c(t,i(n),arguments.length<3?void 0:u(arguments[2]))}})},function(t,n,e){var r=e(29),i=e(1),o=r.has,a=r.key;r.exp({hasOwnMetadata:function(t,n){return o(t,i(n),arguments.length<3?void 0:a(arguments[2]))}})},function(t,n,e){var r=e(29),i=e(1),o=e(10),a=r.key,u=r.set;r.exp({metadata:function(t,n){return function(e,r){u(t,n,(void 0!==r?i:o)(e),a(r))}}})},function(t,n,e){var r=e(0),i=e(95)(),o=e(2).process,a="process"==e(20)(o);r(r.G,{asap:function(t){var n=a&&o.domain;i(n?n.bind(t):t)}})},function(t,n,e){"use strict";var r=e(0),i=e(2),o=e(22),a=e(95)(),u=e(5)("observable"),c=e(10),s=e(1),f=e(40),l=e(42),p=e(13),h=e(41),d=h.RETURN,v=function(t){return null==t?void 0:c(t)},g=function(t){var n=t._c;n&&(t._c=void 0,n())},y=function(t){return void 0===t._o},m=function(t){y(t)||(t._o=void 0,g(t))},b=function(t,n){s(t),this._c=void 0,this._o=t,t=new _(this);try{var e=n(t),r=e;null!=e&&("function"==typeof e.unsubscribe?e=function(){r.unsubscribe()}:c(e),this._c=e)}catch(n){return void t.error(n)}y(this)&&g(this)};b.prototype=l({},{unsubscribe:function(){m(this)}});var _=function(t){this._s=t};_.prototype=l({},{next:function(t){var n=this._s;if(!y(n)){var e=n._o;try{var r=v(e.next);if(r)return r.call(e,t)}catch(t){try{m(n)}finally{throw t}}}},error:function(t){var n=this._s;if(y(n))throw t;var e=n._o;n._o=void 0;try{var r=v(e.error);if(!r)throw t;t=r.call(e,t)}catch(t){try{g(n)}finally{throw t}}return g(n),t},complete:function(t){var n=this._s;if(!y(n)){var e=n._o;n._o=void 0;try{var r=v(e.complete);t=r?r.call(e,t):void 0}catch(t){try{g(n)}finally{throw t}}return g(n),t}}});var w=function(t){f(this,w,"Observable","_f")._f=c(t)};l(w.prototype,{subscribe:function(t){return new b(t,this._f)},forEach:function(t){var n=this;return new(o.Promise||i.Promise)(function(e,r){c(t);var i=n.subscribe({next:function(n){try{return t(n)}catch(t){r(t),i.unsubscribe()}},error:r,complete:e})})}}),l(w,{from:function(t){var n="function"==typeof this?this:w,e=v(s(t)[u]);if(e){var r=s(e.call(t));return r.constructor===n?r:new n(function(t){return r.subscribe(t)})}return new n(function(n){var e=!1;return a(function(){if(!e){try{if(h(t,!1,function(t){if(n.next(t),e)return d})===d)return}catch(t){if(e)throw t;return void n.error(t)}n.complete()}}),function(){e=!0}})},of:function(){for(var t=0,n=arguments.length,e=Array(n);t2,i=!!r&&a.call(arguments,2);return t(r?function(){("function"==typeof n?n:Function(n)).apply(this,i)}:n,e)}};i(i.G+i.B+i.F*u,{setTimeout:c(r.setTimeout),setInterval:c(r.setInterval)})},function(t,n,e){var r=e(0),i=e(94);r(r.G+r.B,{setImmediate:i.set,clearImmediate:i.clear})},function(t,n,e){for(var r=e(93),i=e(35),o=e(14),a=e(2),u=e(13),c=e(45),s=e(5),f=s("iterator"),l=s("toStringTag"),p=c.Array,h={CSSRuleList:!0,CSSStyleDeclaration:!1,CSSValueList:!1,ClientRectList:!1,DOMRectList:!1,DOMStringList:!1,DOMTokenList:!0,DataTransferItemList:!1,FileList:!1,HTMLAllCollection:!1,HTMLCollection:!1,HTMLFormElement:!1,HTMLSelectElement:!1,MediaList:!0,MimeTypeArray:!1,NamedNodeMap:!1,NodeList:!0,PaintRequestList:!1,Plugin:!1,PluginArray:!1,SVGLengthList:!1,SVGNumberList:!1,SVGPathSegList:!1,SVGPointList:!1,SVGStringList:!1,SVGTransformList:!1,SourceBufferList:!1,StyleSheetList:!0,TextTrackCueList:!1,TextTrackList:!1,TouchList:!1},d=i(h),v=0;v=0;--r){var i=this.tryEntries[r],o=i.completion;if("root"===i.tryLoc)return n("end");if(i.tryLoc<=this.prev){var a=m.call(i,"catchLoc"),u=m.call(i,"finallyLoc");if(a&&u){if(this.prev=0;--e){var r=this.tryEntries[e];if(r.tryLoc<=this.prev&&m.call(r,"finallyLoc")&&this.prev=0;--n){var e=this.tryEntries[n];if(e.finallyLoc===t)return this.complete(e.completion,e.afterLoc),p(e),k}},catch:function(t){for(var n=this.tryEntries.length-1;n>=0;--n){var e=this.tryEntries[n];if(e.tryLoc===t){var r=e.completion;if("throw"===r.type){var i=r.arg;p(e)}return i}}throw new Error("illegal catch attempt")},delegateYield:function(t,n,e){return this.delegate={iterator:d(t),resultName:n,nextLoc:e},"next"===this.method&&(this.arg=g),k}}}("object"==typeof n?n:"object"==typeof window?window:"object"==typeof self?self:this)}).call(n,e(50))},function(t,n,e){e(434),t.exports=e(22).RegExp.escape},function(t,n,e){var r=e(0),i=e(435)(/[\\^$*+?.()|[\]{}]/g,"\\$&");r(r.S,"RegExp",{escape:function(t){return i(t)}})},function(t,n){t.exports=function(t,n){var e=n===Object(n)?function(t){return n[t]}:n;return function(n){return String(n).replace(t,e)}}},,,,function(t,n){function e(t,n){var e=t[1]||"",i=t[3];if(!i)return e;if(n&&"function"==typeof btoa){var o=r(i);return[e].concat(i.sources.map(function(t){return"/*# sourceURL="+i.sourceRoot+t+" */"})).concat([o]).join("\n")}return[e].join("\n")}function r(t){return"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(t))))+" */"}t.exports=function(t){var n=[];return n.toString=function(){return this.map(function(n){var r=e(n,t);return n[2]?"@media "+n[2]+"{"+r+"}":r}).join("")},n.i=function(t,e){"string"==typeof t&&(t=[[null,t,""]]);for(var r={},i=0;ie.parts.length&&(r.parts.length=e.parts.length)}else{for(var a=[],i=0;i=0&&Math.floor(n)===n&&isFinite(t)}function p(t){return null==t?"":"object"==typeof t?JSON.stringify(t,null,2):String(t)}function d(t){var n=parseFloat(t);return isNaN(n)?t:n}function h(t,n){for(var e=Object.create(null),r=t.split(","),o=0;o-1)return t.splice(e,1)}}function y(t,n){return _r.call(t,n)}function g(t){var n=Object.create(null);return function(e){return n[e]||(n[e]=t(e))}}function m(t,n){function e(e){var r=arguments.length;return r?r>1?t.apply(n,arguments):t.call(n,e):t.call(n)}return e._length=t.length,e}function b(t,n){return t.bind(n)}function _(t,n){n=n||0;for(var e=t.length-n,r=new Array(e);e--;)r[e]=t[e+n];return r}function w(t,n){for(var e in n)t[e]=n[e];return t}function x(t){for(var n={},e=0;e-1)if(i&&!y(o,"default"))a=!1;else if(""===a||a===Er(t)){var s=et(String,o.type);(s<0||u0&&(a=bt(a,(n||"")+"_"+e),mt(a[0])&&mt(c)&&(f[s]=I(c.text+a[0].text),a.shift()),f.push.apply(f,a)):u(a)?mt(c)?f[s]=I(c.text+a):""!==a&&f.push(I(a)):mt(a)&&mt(c)?f[s]=I(c.text+a.text):(i(t._isVList)&&o(a.tag)&&r(a.key)&&o(n)&&(a.key="__vlist"+n+"_"+e+"__"),f.push(a)));return f}function _t(t,n){return(t.__esModule||Hr&&"Module"===t[Symbol.toStringTag])&&(t=t.default),s(t)?n.extend(t):t}function wt(t,n,e,r,o){var i=ro();return i.asyncFactory=t,i.asyncMeta={data:n,context:e,children:r,tag:o},i}function xt(t,n,e){if(i(t.error)&&o(t.errorComp))return t.errorComp;if(o(t.resolved))return t.resolved;if(i(t.loading)&&o(t.loadingComp))return t.loadingComp;if(!o(t.contexts)){var a=t.contexts=[e],u=!0,c=function(){for(var t=0,n=a.length;tAo&&So[e].id>t.id;)e--;So.splice(e+1,0,t)}else So.push(t);ko||(ko=!0,st(zt))}}function Kt(t,n,e){No.get=function(){return this[n][e]},No.set=function(t){this[n][e]=t},Object.defineProperty(t,e,No)}function Vt(t){t._watchers=[];var n=t.$options;n.props&&Gt(t,n.props),n.methods&&Jt(t,n.methods),n.data?Xt(t):F(t._data={},!0),n.computed&&Ht(t,n.computed),n.watch&&n.watch!==qr&&tn(t,n.watch)}function Gt(t,n){var e=t.$options.propsData||{},r=t._props={},o=t.$options._propKeys=[];!t.$parent||j(!1);for(var i in n)!function(i){o.push(i);var a=Z(i,n,e,t);U(r,i,a),i in t||Kt(t,"_props",i)}(i);j(!0)}function Xt(t){var n=t.$options.data;n=t._data="function"==typeof n?Yt(n,t):n||{},c(n)||(n={});for(var e=Object.keys(n),r=t.$options.props,o=(t.$options.methods,e.length);o--;){var i=e[o];r&&y(r,i)||k(i)||Kt(t,"_data",i)}F(n,!0)}function Yt(t,n){D();try{return t.call(n,n)}catch(t){return rt(t,n,"data()"),{}}finally{N()}}function Ht(t,n){var e=t._computedWatchers=Object.create(null),r=Xr();for(var o in n){var i=n[o],a="function"==typeof i?i:i.get;r||(e[o]=new Do(t,a||O,O,Io)),o in t||Qt(t,o,i)}}function Qt(t,n,e){var r=!Xr();"function"==typeof e?(No.get=r?Zt(n):e,No.set=O):(No.get=e.get?r&&!1!==e.cache?Zt(n):e.get:O,No.set=e.set?e.set:O),Object.defineProperty(t,n,No)}function Zt(t){return function(){var n=this._computedWatchers&&this._computedWatchers[t];if(n)return n.dirty&&n.evaluate(),Jr.target&&n.depend(),n.value}}function Jt(t,n){t.$options.props;for(var e in n)t[e]=null==n[e]?O:Pr(n[e],t)}function tn(t,n){for(var e in n){var r=n[e];if(Array.isArray(r))for(var o=0;o=0||e.indexOf(t[o])<0)&&r.push(t[o]);return r}return t}function jn(t){this._init(t)}function Tn(t){t.use=function(t){var n=this._installedPlugins||(this._installedPlugins=[]);if(n.indexOf(t)>-1)return this;var e=_(arguments,1);return e.unshift(this),"function"==typeof t.install?t.install.apply(t,e):"function"==typeof t&&t.apply(null,e),n.push(t),this}}function Ln(t){t.mixin=function(t){return this.options=H(this.options,t),this}}function Fn(t){t.cid=0;var n=1;t.extend=function(t){t=t||{};var e=this,r=e.cid,o=t._Ctor||(t._Ctor={});if(o[r])return o[r];var i=t.name||e.options.name,a=function(t){this._init(t)};return a.prototype=Object.create(e.prototype),a.prototype.constructor=a,a.cid=n++,a.options=H(e.options,t),a.super=e,a.options.props&&Un(a),a.options.computed&&zn(a),a.extend=e.extend,a.mixin=e.mixin,a.use=e.use,Cr.forEach(function(t){a[t]=e[t]}),i&&(a.options.components[i]=a),a.superOptions=e.options,a.extendOptions=t,a.sealedOptions=w({},a.options),o[r]=a,a}}function Un(t){var n=t.options.props;for(var e in n)Kt(t.prototype,"_props",e)}function zn(t){var n=t.options.computed;for(var e in n)Qt(t.prototype,e,n[e])}function Bn(t){Cr.forEach(function(n){t[n]=function(t,e){return e?("component"===n&&c(e)&&(e.name=e.name||t,e=this.options._base.extend(e)),"directive"===n&&"function"==typeof e&&(e={bind:e,update:e}),this.options[n+"s"][t]=e,e):this.options[n+"s"][t]}})}function $n(t){return t&&(t.Ctor.options.name||t.tag)}function qn(t,n){return Array.isArray(t)?t.indexOf(n)>-1:"string"==typeof t?t.split(",").indexOf(n)>-1:!!f(t)&&t.test(n)}function Wn(t,n){var e=t.cache,r=t.keys,o=t._vnode;for(var i in e){var a=e[i];if(a){var u=$n(a.componentOptions);u&&!n(u)&&Kn(e,i,r,o)}}}function Kn(t,n,e,r){var o=t[n];!o||r&&o.tag===r.tag||o.componentInstance.$destroy(),t[n]=null,v(e,n)}function Vn(t){for(var n=t.data,e=t,r=t;o(r.componentInstance);)(r=r.componentInstance._vnode)&&r.data&&(n=Gn(r.data,n));for(;o(e=e.parent);)e&&e.data&&(n=Gn(n,e.data));return Xn(n.staticClass,n.class)}function Gn(t,n){return{staticClass:Yn(t.staticClass,n.staticClass),class:o(t.class)?[t.class,n.class]:n.class}}function Xn(t,n){return o(t)||o(n)?Yn(t,Hn(n)):""}function Yn(t,n){return t?n?t+" "+n:t:n||""}function Hn(t){return Array.isArray(t)?Qn(t):s(t)?Zn(t):"string"==typeof t?t:""}function Qn(t){for(var n,e="",r=0,i=t.length;r-1?ri[t]=n.constructor===window.HTMLUnknownElement||n.constructor===window.HTMLElement:ri[t]=/HTMLUnknownElement/.test(n.toString())}function ne(t){if("string"==typeof t){var n=document.querySelector(t);return n||document.createElement("div")}return t}function ee(t,n){var e=document.createElement(t);return"select"!==t?e:(n.data&&n.data.attrs&&void 0!==n.data.attrs.multiple&&e.setAttribute("multiple","multiple"),e)}function re(t,n){return document.createElementNS(Jo[t],n)}function oe(t){return document.createTextNode(t)}function ie(t){return document.createComment(t)}function ae(t,n,e){t.insertBefore(n,e)}function ue(t,n){t.removeChild(n)}function se(t,n){t.appendChild(n)}function ce(t){return t.parentNode}function fe(t){return t.nextSibling}function le(t){return t.tagName}function pe(t,n){t.textContent=n}function de(t,n){t.setAttribute(n,"")}function he(t,n){var e=t.data.ref;if(o(e)){var r=t.context,i=t.componentInstance||t.elm,a=r.$refs;n?Array.isArray(a[e])?v(a[e],i):a[e]===i&&(a[e]=void 0):t.data.refInFor?Array.isArray(a[e])?a[e].indexOf(i)<0&&a[e].push(i):a[e]=[i]:a[e]=i}}function ve(t,n){return t.key===n.key&&(t.tag===n.tag&&t.isComment===n.isComment&&o(t.data)===o(n.data)&&ye(t,n)||i(t.isAsyncPlaceholder)&&t.asyncFactory===n.asyncFactory&&r(n.asyncFactory.error))}function ye(t,n){if("input"!==t.tag)return!0;var e,r=o(e=t.data)&&o(e=e.attrs)&&e.type,i=o(e=n.data)&&o(e=e.attrs)&&e.type;return r===i||oi(r)&&oi(i)}function ge(t,n,e){var r,i,a={};for(r=n;r<=e;++r)i=t[r].key,o(i)&&(a[i]=r);return a}function me(t,n){(t.data.directives||n.data.directives)&&be(t,n)}function be(t,n){var e,r,o,i=t===ui,a=n===ui,u=_e(t.data.directives,t.context),s=_e(n.data.directives,n.context),c=[],f=[];for(e in s)r=u[e],o=s[e],r?(o.oldValue=r.value,xe(o,"update",n,t),o.def&&o.def.componentUpdated&&f.push(o)):(xe(o,"bind",n,t),o.def&&o.def.inserted&&c.push(o));if(c.length){var l=function(){for(var e=0;e-1?Ee(t,n,e):Xo(n)?Zo(e)?t.removeAttribute(n):(e="allowfullscreen"===n&&"EMBED"===t.tagName?"true":n,t.setAttribute(n,e)):Go(n)?t.setAttribute(n,Zo(e)||"false"===e?"false":"true"):Ho(n)?Zo(e)?t.removeAttributeNS(Yo,Qo(n)):t.setAttributeNS(Yo,n,e):Ee(t,n,e)}function Ee(t,n,e){if(Zo(e))t.removeAttribute(n);else{if(Ur&&!zr&&"TEXTAREA"===t.tagName&&"placeholder"===n&&!t.__ieph){var r=function(n){n.stopImmediatePropagation(),t.removeEventListener("input",r)};t.addEventListener("input",r),t.__ieph=!0}t.setAttribute(n,e)}}function Pe(t,n){var e=n.elm,i=n.data,a=t.data;if(!(r(i.staticClass)&&r(i.class)&&(r(a)||r(a.staticClass)&&r(a.class)))){var u=Vn(n),s=e._transitionClasses;o(s)&&(u=Yn(u,Hn(s))),u!==e._prevClass&&(e.setAttribute("class",u),e._prevClass=u)}}function ke(t){if(o(t[hi])){var n=Ur?"change":"input";t[n]=[].concat(t[hi],t[n]||[]),delete t[hi]}o(t[vi])&&(t.change=[].concat(t[vi],t.change||[]),delete t[vi])}function Me(t,n,e){var r=$o;return function o(){null!==t.apply(null,arguments)&&Ce(n,o,e,r)}}function Ae(t,n,e,r,o){n=ut(n),e&&(n=Me(n,t,r)),$o.addEventListener(t,n,Wr?{capture:r,passive:o}:r)}function Ce(t,n,e,r){(r||$o).removeEventListener(t,n._withTask||n,e)}function De(t,n){if(!r(t.data.on)||!r(n.data.on)){var e=n.data.on||{},o=t.data.on||{};$o=n.elm,ke(e),pt(e,o,Ae,Ce,n.context),$o=void 0}}function Ne(t,n){if(!r(t.data.domProps)||!r(n.data.domProps)){var e,i,a=n.elm,u=t.data.domProps||{},s=n.data.domProps||{};o(s.__ob__)&&(s=n.data.domProps=w({},s));for(e in u)r(s[e])&&(a[e]="");for(e in s){if(i=s[e],"textContent"===e||"innerHTML"===e){if(n.children&&(n.children.length=0),i===u[e])continue;1===a.childNodes.length&&a.removeChild(a.childNodes[0])}if("value"===e){a._value=i;var c=r(i)?"":String(i);Ie(a,c)&&(a.value=c)}else a[e]=i}}}function Ie(t,n){return!t.composing&&("OPTION"===t.tagName||Re(t,n)||je(t,n))}function Re(t,n){var e=!0;try{e=document.activeElement!==t}catch(t){}return e&&t.value!==n}function je(t,n){var e=t.value,r=t._vModifiers;if(o(r)){if(r.lazy)return!1;if(r.number)return d(e)!==d(n);if(r.trim)return e.trim()!==n.trim()}return e!==n}function Te(t){var n=Le(t.style);return t.staticStyle?w(t.staticStyle,n):n}function Le(t){return Array.isArray(t)?x(t):"string"==typeof t?mi(t):t}function Fe(t,n){var e,r={};if(n)for(var o=t;o.componentInstance;)(o=o.componentInstance._vnode)&&o.data&&(e=Te(o.data))&&w(r,e);(e=Te(t.data))&&w(r,e);for(var i=t;i=i.parent;)i.data&&(e=Te(i.data))&&w(r,e);return r}function Ue(t,n){var e=n.data,i=t.data;if(!(r(e.staticStyle)&&r(e.style)&&r(i.staticStyle)&&r(i.style))){var a,u,s=n.elm,c=i.staticStyle,f=i.normalizedStyle||i.style||{},l=c||f,p=Le(n.data.style)||{};n.data.normalizedStyle=o(p.__ob__)?w({},p):p;var d=Fe(n,!0);for(u in l)r(d[u])&&wi(s,u,"");for(u in d)(a=d[u])!==l[u]&&wi(s,u,null==a?"":a)}}function ze(t,n){if(n&&(n=n.trim()))if(t.classList)n.indexOf(" ")>-1?n.split(/\s+/).forEach(function(n){return t.classList.add(n)}):t.classList.add(n);else{var e=" "+(t.getAttribute("class")||"")+" ";e.indexOf(" "+n+" ")<0&&t.setAttribute("class",(e+n).trim())}}function Be(t,n){if(n&&(n=n.trim()))if(t.classList)n.indexOf(" ")>-1?n.split(/\s+/).forEach(function(n){return t.classList.remove(n)}):t.classList.remove(n),t.classList.length||t.removeAttribute("class");else{for(var e=" "+(t.getAttribute("class")||"")+" ",r=" "+n+" ";e.indexOf(r)>=0;)e=e.replace(r," ");e=e.trim(),e?t.setAttribute("class",e):t.removeAttribute("class")}}function $e(t){if(t){if("object"==typeof t){var n={};return!1!==t.css&&w(n,Ei(t.name||"v")),w(n,t),n}return"string"==typeof t?Ei(t):void 0}}function qe(t){Ii(function(){Ii(t)})}function We(t,n){var e=t._transitionClasses||(t._transitionClasses=[]);e.indexOf(n)<0&&(e.push(n),ze(t,n))}function Ke(t,n){t._transitionClasses&&v(t._transitionClasses,n),Be(t,n)}function Ve(t,n,e){var r=Ge(t,n),o=r.type,i=r.timeout,a=r.propCount;if(!o)return e();var u=o===ki?Ci:Ni,s=0,c=function(){t.removeEventListener(u,f),e()},f=function(n){n.target===t&&++s>=a&&c()};setTimeout(function(){s0&&(e=ki,f=a,l=i.length):n===Mi?c>0&&(e=Mi,f=c,l=s.length):(f=Math.max(a,c),e=f>0?a>c?ki:Mi:null,l=e?e===ki?i.length:s.length:0),{type:e,timeout:f,propCount:l,hasTransform:e===ki&&Ri.test(r[Ai+"Property"])}}function Xe(t,n){for(;t.length1}function tr(t,n){!0!==n.data.show&&He(n)}function nr(t,n,e){er(t,n,e),(Ur||Br)&&setTimeout(function(){er(t,n,e)},0)}function er(t,n,e){var r=n.value,o=t.multiple;if(!o||Array.isArray(r)){for(var i,a,u=0,s=t.options.length;u-1,a.selected!==i&&(a.selected=i);else if(S(or(a),r))return void(t.selectedIndex!==u&&(t.selectedIndex=u));o||(t.selectedIndex=-1)}}function rr(t,n){return n.every(function(n){return!S(n,t)})}function or(t){return"_value"in t?t._value:t.value}function ir(t){t.target.composing=!0}function ar(t){t.target.composing&&(t.target.composing=!1,ur(t.target,"input"))}function ur(t,n){var e=document.createEvent("HTMLEvents");e.initEvent(n,!0,!0),t.dispatchEvent(e)}function sr(t){return!t.componentInstance||t.data&&t.data.transition?t:sr(t.componentInstance._vnode)}function cr(t){var n=t&&t.componentOptions;return n&&n.Ctor.options.abstract?cr(St(n.children)):t}function fr(t){var n={},e=t.$options;for(var r in e.propsData)n[r]=t[r];var o=e._parentListeners;for(var i in o)n[xr(i)]=o[i];return n}function lr(t,n){if(/\d-keep-alive$/.test(n.tag))return t("keep-alive",{props:n.componentOptions.propsData})}function pr(t){for(;t=t.parent;)if(t.data.transition)return!0}function dr(t,n){return n.key===t.key&&n.tag===t.tag}function hr(t){t.elm._moveCb&&t.elm._moveCb(),t.elm._enterCb&&t.elm._enterCb()}function vr(t){t.data.newPos=t.elm.getBoundingClientRect()}function yr(t){var n=t.data.pos,e=t.data.newPos,r=n.left-e.left,o=n.top-e.top;if(r||o){t.data.moved=!0;var i=t.elm.style;i.transform=i.WebkitTransform="translate("+r+"px,"+o+"px)",i.transitionDuration="0s"}}/*! + * Vue.js v2.5.17 + * (c) 2014-2018 Evan You + * Released under the MIT License. + */ +var gr=Object.freeze({}),mr=Object.prototype.toString,br=(h("slot,component",!0),h("key,ref,slot,slot-scope,is")),_r=Object.prototype.hasOwnProperty,wr=/-(\w)/g,xr=g(function(t){return t.replace(wr,function(t,n){return n?n.toUpperCase():""})}),Or=g(function(t){return t.charAt(0).toUpperCase()+t.slice(1)}),Sr=/\B([A-Z])/g,Er=g(function(t){return t.replace(Sr,"-$1").toLowerCase()}),Pr=Function.prototype.bind?b:m,kr=function(t,n,e){return!1},Mr=function(t){return t},Ar="data-server-rendered",Cr=["component","directive","filter"],Dr=["beforeCreate","created","beforeMount","mounted","beforeUpdate","updated","beforeDestroy","destroyed","activated","deactivated","errorCaptured"],Nr={optionMergeStrategies:Object.create(null),silent:!1,productionTip:!1,devtools:!1,performance:!1,errorHandler:null,warnHandler:null,ignoredElements:[],keyCodes:Object.create(null),isReservedTag:kr,isReservedAttr:kr,isUnknownElement:kr,getTagNamespace:O,parsePlatformTagName:Mr,mustUseProp:kr,_lifecycleHooks:Dr},Ir=/[^\w.$]/,Rr="__proto__"in{},jr="undefined"!=typeof window,Tr="undefined"!=typeof WXEnvironment&&!!WXEnvironment.platform,Lr=Tr&&WXEnvironment.platform.toLowerCase(),Fr=jr&&window.navigator.userAgent.toLowerCase(),Ur=Fr&&/msie|trident/.test(Fr),zr=Fr&&Fr.indexOf("msie 9.0")>0,Br=Fr&&Fr.indexOf("edge/")>0,$r=(Fr&&Fr.indexOf("android"),Fr&&/iphone|ipad|ipod|ios/.test(Fr)||"ios"===Lr),qr=(Fr&&/chrome\/\d+/.test(Fr),{}.watch),Wr=!1;if(jr)try{var Kr={};Object.defineProperty(Kr,"passive",{get:function(){Wr=!0}}),window.addEventListener("test-passive",null,Kr)}catch(t){}var Vr,Gr,Xr=function(){return void 0===Vr&&(Vr=!jr&&!Tr&&void 0!==t&&"server"===t.process.env.VUE_ENV),Vr},Yr=jr&&window.__VUE_DEVTOOLS_GLOBAL_HOOK__,Hr="undefined"!=typeof Symbol&&C(Symbol)&&"undefined"!=typeof Reflect&&C(Reflect.ownKeys);Gr="undefined"!=typeof Set&&C(Set)?Set:function(){function t(){this.set=Object.create(null)}return t.prototype.has=function(t){return!0===this.set[t]},t.prototype.add=function(t){this.set[t]=!0},t.prototype.clear=function(){this.set=Object.create(null)},t}();var Qr=O,Zr=0,Jr=function(){this.id=Zr++,this.subs=[]};Jr.prototype.addSub=function(t){this.subs.push(t)},Jr.prototype.removeSub=function(t){v(this.subs,t)},Jr.prototype.depend=function(){Jr.target&&Jr.target.addDep(this)},Jr.prototype.notify=function(){for(var t=this.subs.slice(),n=0,e=t.length;n1?_(e):e;for(var r=_(arguments,1),o=0,i=e.length;oparseInt(this.max)&&Kn(s,c[0],c,this._vnode)),n.data.keepAlive=!0}return n||t&&t[0]}},Bo={KeepAlive:zo};!function(t){var n={};n.get=function(){return Nr},Object.defineProperty(t,"config",n),t.util={warn:Qr,extend:w,mergeOptions:H,defineReactive:U},t.set=z,t.delete=B,t.nextTick=st,t.options=Object.create(null),Cr.forEach(function(n){t.options[n+"s"]=Object.create(null)}),t.options._base=t,w(t.options.components,Bo),Tn(t),Ln(t),Fn(t),Bn(t)}(jn),Object.defineProperty(jn.prototype,"$isServer",{get:Xr}),Object.defineProperty(jn.prototype,"$ssrContext",{get:function(){return this.$vnode&&this.$vnode.ssrContext}}),Object.defineProperty(jn,"FunctionalRenderContext",{value:mn}),jn.version="2.5.17";var $o,qo,Wo=h("style,class"),Ko=h("input,textarea,option,select,progress"),Vo=function(t,n,e){return"value"===e&&Ko(t)&&"button"!==n||"selected"===e&&"option"===t||"checked"===e&&"input"===t||"muted"===e&&"video"===t},Go=h("contenteditable,draggable,spellcheck"),Xo=h("allowfullscreen,async,autofocus,autoplay,checked,compact,controls,declare,default,defaultchecked,defaultmuted,defaultselected,defer,disabled,enabled,formnovalidate,hidden,indeterminate,inert,ismap,itemscope,loop,multiple,muted,nohref,noresize,noshade,novalidate,nowrap,open,pauseonexit,readonly,required,reversed,scoped,seamless,selected,sortable,translate,truespeed,typemustmatch,visible"),Yo="http://www.w3.org/1999/xlink",Ho=function(t){return":"===t.charAt(5)&&"xlink"===t.slice(0,5)},Qo=function(t){return Ho(t)?t.slice(6,t.length):""},Zo=function(t){return null==t||!1===t},Jo={svg:"http://www.w3.org/2000/svg",math:"http://www.w3.org/1998/Math/MathML"},ti=h("html,body,base,head,link,meta,style,title,address,article,aside,footer,header,h1,h2,h3,h4,h5,h6,hgroup,nav,section,div,dd,dl,dt,figcaption,figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,rtc,ruby,s,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,output,progress,select,textarea,details,dialog,menu,menuitem,summary,content,element,shadow,template,blockquote,iframe,tfoot"),ni=h("svg,animate,circle,clippath,cursor,defs,desc,ellipse,filter,font-face,foreignObject,g,glyph,image,line,marker,mask,missing-glyph,path,pattern,polygon,polyline,rect,switch,symbol,text,textpath,tspan,use,view",!0),ei=function(t){return ti(t)||ni(t)},ri=Object.create(null),oi=h("text,number,password,search,email,tel,url"),ii=Object.freeze({createElement:ee,createElementNS:re,createTextNode:oe,createComment:ie,insertBefore:ae,removeChild:ue,appendChild:se,parentNode:ce,nextSibling:fe,tagName:le,setTextContent:pe,setStyleScope:de}),ai={create:function(t,n){he(n)},update:function(t,n){t.data.ref!==n.data.ref&&(he(t,!0),he(n))},destroy:function(t){he(t,!0)}},ui=new no("",{},[]),si=["create","activate","update","remove","destroy"],ci={create:me,update:me,destroy:function(t){me(t,ui)}},fi=Object.create(null),li=[ai,ci],pi={create:Oe,update:Oe},di={create:Pe,update:Pe},hi="__r",vi="__c",yi={create:De,update:De},gi={create:Ne,update:Ne},mi=g(function(t){var n={},e=/;(?![^(]*\))/g,r=/:(.+)/;return t.split(e).forEach(function(t){if(t){var e=t.split(r);e.length>1&&(n[e[0].trim()]=e[1].trim())}}),n}),bi=/^--/,_i=/\s*!important$/,wi=function(t,n,e){if(bi.test(n))t.style.setProperty(n,e);else if(_i.test(e))t.style.setProperty(n,e.replace(_i,""),"important");else{var r=Oi(n);if(Array.isArray(e))for(var o=0,i=e.length;oh?(l=r(e[g+1])?null:e[g+1].elm,m(t,l,e,d,g,i)):d>g&&_(t,n,p,h)}function O(t,n,e,r){for(var i=e;i-1}function i(t,n){switch(typeof n){case"undefined":return;case"object":return n;case"function":return n(t);case"boolean":return n?t.params:void 0}}function a(t,n){for(var e in n)t[e]=n[e];return t}function u(t,n,e){void 0===n&&(n={});var r,o=e||s;try{r=o(t||"")}catch(t){r={}}for(var i in n)r[i]=n[i];return r}function s(t){var n={};return(t=t.trim().replace(/^(\?|#|&)/,""))?(t.split("&").forEach(function(t){var e=t.replace(/\+/g," ").split("="),r=zt(e.shift()),o=e.length>0?zt(e.join("=")):null;void 0===n[r]?n[r]=o:Array.isArray(n[r])?n[r].push(o):n[r]=[n[r],o]}),n):n}function c(t){var n=t?Object.keys(t).map(function(n){var e=t[n];if(void 0===e)return"";if(null===e)return Ut(n);if(Array.isArray(e)){var r=[];return e.forEach(function(t){void 0!==t&&(null===t?r.push(Ut(n)):r.push(Ut(n)+"="+Ut(t)))}),r.join("&")}return Ut(n)+"="+Ut(e)}).filter(function(t){return t.length>0}).join("&"):null;return n?"?"+n:""}function f(t,n,e,r){var o=r&&r.options.stringifyQuery,i=n.query||{};try{i=l(i)}catch(t){}var a={name:n.name||t&&t.name,meta:t&&t.meta||{},path:n.path||"/",hash:n.hash||"",query:i,params:n.params||{},fullPath:d(n,o),matched:t?p(t):[]};return e&&(a.redirectedFrom=d(e,o)),Object.freeze(a)}function l(t){if(Array.isArray(t))return t.map(l);if(t&&"object"==typeof t){var n={};for(var e in t)n[e]=l(t[e]);return n}return t}function p(t){for(var n=[];t;)n.unshift(t),t=t.parent;return n}function d(t,n){var e=t.path,r=t.query;void 0===r&&(r={});var o=t.hash;void 0===o&&(o="");var i=n||c;return(e||"/")+i(r)+o}function h(t,n){return n===$t?t===n:!!n&&(t.path&&n.path?t.path.replace(Bt,"")===n.path.replace(Bt,"")&&t.hash===n.hash&&v(t.query,n.query):!(!t.name||!n.name)&&(t.name===n.name&&t.hash===n.hash&&v(t.query,n.query)&&v(t.params,n.params)))}function v(t,n){if(void 0===t&&(t={}),void 0===n&&(n={}),!t||!n)return t===n;var e=Object.keys(t),r=Object.keys(n);return e.length===r.length&&e.every(function(e){var r=t[e],o=n[e];return"object"==typeof r&&"object"==typeof o?v(r,o):String(r)===String(o)})}function y(t,n){return 0===t.path.replace(Bt,"/").indexOf(n.path.replace(Bt,"/"))&&(!n.hash||t.hash===n.hash)&&g(t.query,n.query)}function g(t,n){for(var e in n)if(!(e in t))return!1;return!0}function m(t){if(!(t.metaKey||t.altKey||t.ctrlKey||t.shiftKey||t.defaultPrevented||void 0!==t.button&&0!==t.button)){if(t.currentTarget&&t.currentTarget.getAttribute){if(/\b_blank\b/i.test(t.currentTarget.getAttribute("target")))return}return t.preventDefault&&t.preventDefault(),!0}}function b(t){if(t)for(var n,e=0;e=0&&(n=t.slice(r),t=t.slice(0,r));var o=t.indexOf("?");return o>=0&&(e=t.slice(o+1),t=t.slice(0,o)),{path:t,query:e,hash:n}}function O(t){return t.replace(/\/\//g,"/")}function S(t,n){for(var e,r=[],o=0,i=0,a="",u=n&&n.delimiter||"/";null!=(e=Jt.exec(t));){var s=e[0],c=e[1],f=e.index;if(a+=t.slice(i,f),i=f+s.length,c)a+=c[1];else{var l=t[i],p=e[2],d=e[3],h=e[4],v=e[5],y=e[6],g=e[7];a&&(r.push(a),a="");var m=null!=p&&null!=l&&l!==p,b="+"===y||"*"===y,_="?"===y||"*"===y,w=e[2]||u,x=h||v;r.push({name:d||o++,prefix:p||"",delimiter:w,optional:_,repeat:b,partial:m,asterisk:!!g,pattern:x?C(x):g?".*":"[^"+A(w)+"]+?"})}}return i-1&&(o.params[p]=e.params[p]);if(u)return o.path=F(u.path,o.params,'named route "'+i+'"'),a(u,o,r)}else if(o.path){o.params={};for(var d=0;d=t.length?e():t[o]?n(t[o],function(){r(o+1)}):r(o+1)};r(0)}function ft(t){return function(n,e,r){var i=!1,a=0,u=null;lt(t,function(t,n,e,s){if("function"==typeof t&&void 0===t.cid){i=!0,a++;var c,f=ht(function(n){dt(n)&&(n=n.default),t.resolved="function"==typeof n?n:Rt.extend(n),e.components[s]=n,--a<=0&&r()}),l=ht(function(t){var n="Failed to resolve async component "+s+": "+t;u||(u=o(t)?t:new Error(n),r(u))});try{c=t(f,l)}catch(t){l(t)}if(c)if("function"==typeof c.then)c.then(f,l);else{var p=c.component;p&&"function"==typeof p.then&&p.then(f,l)}}}),i||r()}}function lt(t,n){return pt(t.map(function(t){return Object.keys(t.components).map(function(e){return n(t.components[e],t.instances[e],t,e)})}))}function pt(t){return Array.prototype.concat.apply([],t)}function dt(t){return t.__esModule||an&&"Module"===t[Symbol.toStringTag]}function ht(t){var n=!1;return function(){for(var e=[],r=arguments.length;r--;)e[r]=arguments[r];if(!n)return n=!0,t.apply(this,e)}}function vt(t){if(!t)if(Vt){var n=document.querySelector("base");t=n&&n.getAttribute("href")||"/",t=t.replace(/^https?:\/\/[^\/]+/,"")}else t="/";return"/"!==t.charAt(0)&&(t="/"+t),t.replace(/\/$/,"")}function yt(t,n){var e,r=Math.max(t.length,n.length);for(e=0;e=0?n.slice(0,e):n)+"#"+t}function Ct(t){en?ut(At(t)):window.location.hash=t}function Dt(t){en?st(At(t)):window.location.replace(At(t))}function Nt(t,n){return t.push(n),function(){var e=t.indexOf(n);e>-1&&t.splice(e,1)}}function It(t,n,e){var r="hash"===e?"#"+n:n;return t?O(t+"/"+r):r}Object.defineProperty(n,"__esModule",{value:!0});var Rt,jt={name:"router-view",functional:!0,props:{name:{type:String,default:"default"}},render:function(t,n){var e=n.props,r=n.children,o=n.parent,u=n.data;u.routerView=!0;for(var s=o.$createElement,c=e.name,f=o.$route,l=o._routerViewCache||(o._routerViewCache={}),p=0,d=!1;o&&o._routerRoot!==o;)o.$vnode&&o.$vnode.data.routerView&&p++,o._inactive&&(d=!0),o=o.$parent;if(u.routerViewDepth=p,d)return s(l[c],u,r);var h=f.matched[p];if(!h)return l[c]=null,s();var v=l[c]=h.components[c];u.registerRouteInstance=function(t,n){var e=h.instances[c];(n&&e!==t||!n&&e===t)&&(h.instances[c]=n)},(u.hook||(u.hook={})).prepatch=function(t,n){h.instances[c]=n.componentInstance};var y=u.props=i(f,h.props&&h.props[c]);if(y){y=u.props=a({},y);var g=u.attrs=u.attrs||{};for(var m in y)v.props&&m in v.props||(g[m]=y[m],delete y[m])}return s(v,u,r)}},Tt=/[!'()*]/g,Lt=function(t){return"%"+t.charCodeAt(0).toString(16)},Ft=/%2C/g,Ut=function(t){return encodeURIComponent(t).replace(Tt,Lt).replace(Ft,",")},zt=decodeURIComponent,Bt=/\/?$/,$t=f(null,{path:"/"}),qt=[String,Object],Wt=[String,Array],Kt={name:"router-link",props:{to:{type:qt,required:!0},tag:{type:String,default:"a"},exact:Boolean,append:Boolean,replace:Boolean,activeClass:String,exactActiveClass:String,event:{type:Wt,default:"click"}},render:function(t){var n=this,e=this.$router,r=this.$route,o=e.resolve(this.to,r,this.append),i=o.location,a=o.route,u=o.href,s={},c=e.options.linkActiveClass,l=e.options.linkExactActiveClass,p=null==c?"router-link-active":c,d=null==l?"router-link-exact-active":l,v=null==this.activeClass?p:this.activeClass,g=null==this.exactActiveClass?d:this.exactActiveClass,_=i.path?f(null,i,null,e):a;s[g]=h(r,_),s[v]=this.exact?s[g]:y(r,_);var w=function(t){m(t)&&(n.replace?e.replace(i):e.push(i))},x={click:m};Array.isArray(this.event)?this.event.forEach(function(t){x[t]=w}):x[this.event]=w;var O={class:s};if("a"===this.tag)O.on=x,O.attrs={href:u};else{var S=b(this.$slots.default);if(S){S.isStatic=!1;var E=Rt.util.extend;(S.data=E({},S.data)).on=x;(S.data.attrs=E({},S.data.attrs)).href=u}else O.on=x}return t(this.tag,O,this.$slots.default)}},Vt="undefined"!=typeof window,Gt=Array.isArray||function(t){return"[object Array]"==Object.prototype.toString.call(t)},Xt=L,Yt=S,Ht=E,Qt=M,Zt=T,Jt=new RegExp(["(\\\\.)","([\\/.])?(?:(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?|(\\*))"].join("|"),"g");Xt.parse=Yt,Xt.compile=Ht,Xt.tokensToFunction=Qt,Xt.tokensToRegExp=Zt;var tn=Object.create(null),nn=Object.create(null),en=Vt&&function(){var t=window.navigator.userAgent;return(-1===t.indexOf("Android 2.")&&-1===t.indexOf("Android 4.0")||-1===t.indexOf("Mobile Safari")||-1!==t.indexOf("Chrome")||-1!==t.indexOf("Windows Phone"))&&(window.history&&"pushState"in window.history)}(),rn=Vt&&window.performance&&window.performance.now?window.performance:Date,on=ot(),an="function"==typeof Symbol&&"symbol"==typeof Symbol.toStringTag,un=function(t,n){this.router=t,this.base=vt(n),this.current=$t,this.pending=null,this.ready=!1,this.readyCbs=[],this.readyErrorCbs=[],this.errorCbs=[]};un.prototype.listen=function(t){this.cb=t},un.prototype.onReady=function(t,n){this.ready?t():(this.readyCbs.push(t),n&&this.readyErrorCbs.push(n))},un.prototype.onError=function(t){this.errorCbs.push(t)},un.prototype.transitionTo=function(t,n,e){var r=this,o=this.router.match(t,this.current);this.confirmTransition(o,function(){r.updateRoute(o),n&&n(o),r.ensureURL(),r.ready||(r.ready=!0,r.readyCbs.forEach(function(t){t(o)}))},function(t){e&&e(t),t&&!r.ready&&(r.ready=!0,r.readyErrorCbs.forEach(function(n){n(t)}))})},un.prototype.confirmTransition=function(t,n,e){var i=this,a=this.current,u=function(t){o(t)&&(i.errorCbs.length?i.errorCbs.forEach(function(n){n(t)}):(r(!1,"uncaught error during route navigation:"),console.error(t))),e&&e(t)};if(h(t,a)&&t.matched.length===a.matched.length)return this.ensureURL(),u();var s=yt(this.current.matched,t.matched),c=s.updated,f=s.deactivated,l=s.activated,p=[].concat(bt(f),this.router.beforeHooks,_t(c),l.map(function(t){return t.beforeEnter}),ft(l));this.pending=t;var d=function(n,e){if(i.pending!==t)return u();try{n(t,a,function(t){!1===t||o(t)?(i.ensureURL(!0),u(t)):"string"==typeof t||"object"==typeof t&&("string"==typeof t.path||"string"==typeof t.name)?(u(),"object"==typeof t&&t.replace?i.replace(t):i.push(t)):e(t)})}catch(t){u(t)}};ct(p,d,function(){var e=[];ct(xt(l,e,function(){return i.current===t}).concat(i.router.resolveHooks),d,function(){if(i.pending!==t)return u();i.pending=null,n(t),i.router.app&&i.router.app.$nextTick(function(){e.forEach(function(t){t()})})})})},un.prototype.updateRoute=function(t){var n=this.current;this.current=t,this.cb&&this.cb(t),this.router.afterHooks.forEach(function(e){e&&e(t,n)})};var sn=function(t){function n(n,e){var r=this;t.call(this,n,e);var o=n.options.scrollBehavior;o&&X();var i=Et(this.base);window.addEventListener("popstate",function(t){var e=r.current,a=Et(r.base);r.current===$t&&a===i||r.transitionTo(a,function(t){o&&Y(n,t,e,!0)})})}return t&&(n.__proto__=t),n.prototype=Object.create(t&&t.prototype),n.prototype.constructor=n,n.prototype.go=function(t){window.history.go(t)},n.prototype.push=function(t,n,e){var r=this,o=this,i=o.current;this.transitionTo(t,function(t){ut(O(r.base+t.fullPath)),Y(r.router,t,i,!1),n&&n(t)},e)},n.prototype.replace=function(t,n,e){var r=this,o=this,i=o.current;this.transitionTo(t,function(t){st(O(r.base+t.fullPath)),Y(r.router,t,i,!1),n&&n(t)},e)},n.prototype.ensureURL=function(t){if(Et(this.base)!==this.current.fullPath){var n=O(this.base+this.current.fullPath);t?ut(n):st(n)}},n.prototype.getCurrentLocation=function(){return Et(this.base)},n}(un),cn=function(t){function n(n,e,r){t.call(this,n,e),r&&Pt(this.base)||kt()}return t&&(n.__proto__=t),n.prototype=Object.create(t&&t.prototype),n.prototype.constructor=n,n.prototype.setupListeners=function(){var t=this,n=this.router,e=n.options.scrollBehavior,r=en&&e;r&&X(),window.addEventListener(en?"popstate":"hashchange",function(){var n=t.current;kt()&&t.transitionTo(Mt(),function(e){r&&Y(t.router,e,n,!0),en||Dt(e.fullPath)})})},n.prototype.push=function(t,n,e){var r=this,o=this,i=o.current;this.transitionTo(t,function(t){Ct(t.fullPath),Y(r.router,t,i,!1),n&&n(t)},e)},n.prototype.replace=function(t,n,e){var r=this,o=this,i=o.current;this.transitionTo(t,function(t){Dt(t.fullPath),Y(r.router,t,i,!1),n&&n(t)},e)},n.prototype.go=function(t){window.history.go(t)},n.prototype.ensureURL=function(t){var n=this.current.fullPath;Mt()!==n&&(t?Ct(n):Dt(n))},n.prototype.getCurrentLocation=function(){return Mt()},n}(un),fn=function(t){function n(n,e){t.call(this,n,e),this.stack=[],this.index=-1}return t&&(n.__proto__=t),n.prototype=Object.create(t&&t.prototype),n.prototype.constructor=n,n.prototype.push=function(t,n,e){var r=this;this.transitionTo(t,function(t){r.stack=r.stack.slice(0,r.index+1).concat(t),r.index++,n&&n(t)},e)},n.prototype.replace=function(t,n,e){var r=this;this.transitionTo(t,function(t){r.stack=r.stack.slice(0,r.index).concat(t),n&&n(t)},e)},n.prototype.go=function(t){var n=this,e=this.index+t;if(!(e<0||e>=this.stack.length)){var r=this.stack[e];this.confirmTransition(r,function(){n.index=e,n.updateRoute(r)})}},n.prototype.getCurrentLocation=function(){var t=this.stack[this.stack.length-1];return t?t.fullPath:"/"},n.prototype.ensureURL=function(){},n}(un),ln=function(t){void 0===t&&(t={}),this.app=null,this.apps=[],this.options=t,this.beforeHooks=[],this.resolveHooks=[],this.afterHooks=[],this.matcher=K(t.routes||[],this);var n=t.mode||"hash";switch(this.fallback="history"===n&&!en&&!1!==t.fallback,this.fallback&&(n="hash"),Vt||(n="abstract"),this.mode=n,n){case"history":this.history=new sn(this,t.base);break;case"hash":this.history=new cn(this,t.base,this.fallback);break;case"abstract":this.history=new fn(this,t.base)}},pn={currentRoute:{configurable:!0}};ln.prototype.match=function(t,n,e){return this.matcher.match(t,n,e)},pn.currentRoute.get=function(){return this.history&&this.history.current},ln.prototype.init=function(t){var n=this;if(this.apps.push(t),!this.app){this.app=t;var e=this.history;if(e instanceof sn)e.transitionTo(e.getCurrentLocation());else if(e instanceof cn){var r=function(){e.setupListeners()};e.transitionTo(e.getCurrentLocation(),r,r)}e.listen(function(t){n.apps.forEach(function(n){n._route=t})})}},ln.prototype.beforeEach=function(t){return Nt(this.beforeHooks,t)},ln.prototype.beforeResolve=function(t){return Nt(this.resolveHooks,t)},ln.prototype.afterEach=function(t){return Nt(this.afterHooks,t)},ln.prototype.onReady=function(t,n){this.history.onReady(t,n)},ln.prototype.onError=function(t){this.history.onError(t)},ln.prototype.push=function(t,n,e){this.history.push(t,n,e)},ln.prototype.replace=function(t,n,e){this.history.replace(t,n,e)},ln.prototype.go=function(t){this.history.go(t)},ln.prototype.back=function(){this.go(-1)},ln.prototype.forward=function(){this.go(1)},ln.prototype.getMatchedComponents=function(t){var n=t?t.matched?t:this.resolve(t).route:this.currentRoute;return n?[].concat.apply([],n.matched.map(function(t){return Object.keys(t.components).map(function(n){return t.components[n]})})):[]},ln.prototype.resolve=function(t,n,e){var r=q(t,n||this.history.current,e,this),o=this.match(r,n),i=o.redirectedFrom||o.fullPath;return{location:r,route:o,href:It(this.history.base,i,this.mode),normalizedTo:r,resolved:o}},ln.prototype.addRoutes=function(t){this.matcher.addRoutes(t),this.history.current!==$t&&this.history.transitionTo(this.history.getCurrentLocation())},Object.defineProperties(ln.prototype,pn),ln.install=_,ln.version="2.8.1",Vt&&window.Vue&&window.Vue.use(ln),n.default=ln},"/whu":function(t,n){t.exports=function(t){if(void 0==t)throw TypeError("Can't call method on "+t);return t}},"06OY":function(t,n,e){var r=e("3Eo+")("meta"),o=e("EqjI"),i=e("D2L2"),a=e("evD5").f,u=0,s=Object.isExtensible||function(){return!0},c=!e("S82l")(function(){return s(Object.preventExtensions({}))}),f=function(t){a(t,r,{value:{i:"O"+ ++u,w:{}}})},l=function(t,n){if(!o(t))return"symbol"==typeof t?t:("string"==typeof t?"S":"P")+t;if(!i(t,r)){if(!s(t))return"F";if(!n)return"E";f(t)}return t[r].i},p=function(t,n){if(!i(t,r)){if(!s(t))return!0;if(!n)return!1;f(t)}return t[r].w},d=function(t){return c&&h.NEED&&s(t)&&!i(t,r)&&f(t),t},h=t.exports={KEY:r,NEED:!1,fastKey:l,getWeak:p,onFreeze:d}},"07k+":function(t,n,e){for(var r,o=e("OzIq"),i=e("2p1q"),a=e("ulTY"),u=a("typed_array"),s=a("view"),c=!(!o.ArrayBuffer||!o.DataView),f=c,l=0,p="Int8Array,Uint8Array,Uint8ClampedArray,Int16Array,Uint16Array,Int32Array,Uint32Array,Float32Array,Float64Array".split(",");l<9;)(r=o[p[l++]])?(i(r.prototype,u,!0),i(r.prototype,s,!0)):f=!1;t.exports={ABV:c,CONSTR:f,TYPED:u,VIEW:s}},"0Rih":function(t,n,e){"use strict";var r=e("OzIq"),o=e("Ds5P"),i=e("R3AP"),a=e("A16L"),u=e("1aA0"),s=e("vmSO"),c=e("9GpA"),f=e("UKM+"),l=e("zgIt"),p=e("qkyc"),d=e("yYvK"),h=e("kic5");t.exports=function(t,n,e,v,y,g){var m=r[t],b=m,_=y?"set":"add",w=b&&b.prototype,x={},O=function(t){var n=w[t];i(w,t,"delete"==t?function(t){return!(g&&!f(t))&&n.call(this,0===t?0:t)}:"has"==t?function(t){return!(g&&!f(t))&&n.call(this,0===t?0:t)}:"get"==t?function(t){return g&&!f(t)?void 0:n.call(this,0===t?0:t)}:"add"==t?function(t){return n.call(this,0===t?0:t),this}:function(t,e){return n.call(this,0===t?0:t,e),this})};if("function"==typeof b&&(g||w.forEach&&!l(function(){(new b).entries().next()}))){var S=new b,E=S[_](g?{}:-0,1)!=S,P=l(function(){S.has(1)}),k=p(function(t){new b(t)}),M=!g&&l(function(){for(var t=new b,n=5;n--;)t[_](n,n);return!t.has(-0)});k||(b=n(function(n,e){c(n,b,t);var r=h(new m,n,b);return void 0!=e&&s(e,y,r[_],r),r}),b.prototype=w,w.constructor=b),(P||M)&&(O("delete"),O("has"),y&&O("get")),(M||E)&&O(_),g&&w.clear&&delete w.clear}else b=v.getConstructor(n,t,y,_),a(b.prototype,e),u.NEED=!0;return d(b,t),x[t]=b,o(o.G+o.W+o.F*(b!=m),x),g||v.setStrong(b,t,y),b}},"0j1G":function(t,n,e){"use strict";var r=e("Ds5P");t.exports=function(t){r(r.S,t,{of:function(){for(var t=arguments.length,n=new Array(t);t--;)n[t]=arguments[t];return new this(n)}})}},"0pGU":function(t,n,e){"use strict";var r=e("DIVP");t.exports=function(){var t=r(this),n="";return t.global&&(n+="g"),t.ignoreCase&&(n+="i"),t.multiline&&(n+="m"),t.unicode&&(n+="u"),t.sticky&&(n+="y"),n}},"162o":function(t,n,e){(function(t){function r(t,n){this._id=t,this._clearFn=n}var o=void 0!==t&&t||"undefined"!=typeof self&&self||window,i=Function.prototype.apply;n.setTimeout=function(){return new r(i.call(setTimeout,o,arguments),clearTimeout)},n.setInterval=function(){return new r(i.call(setInterval,o,arguments),clearInterval)},n.clearTimeout=n.clearInterval=function(t){t&&t.close()},r.prototype.unref=r.prototype.ref=function(){},r.prototype.close=function(){this._clearFn.call(o,this._id)},n.enroll=function(t,n){clearTimeout(t._idleTimeoutId),t._idleTimeout=n},n.unenroll=function(t){clearTimeout(t._idleTimeoutId),t._idleTimeout=-1},n._unrefActive=n.active=function(t){clearTimeout(t._idleTimeoutId);var n=t._idleTimeout;n>=0&&(t._idleTimeoutId=setTimeout(function(){t._onTimeout&&t._onTimeout()},n))},e("mypn"),n.setImmediate="undefined"!=typeof self&&self.setImmediate||void 0!==t&&t.setImmediate||this&&this.setImmediate,n.clearImmediate="undefined"!=typeof self&&self.clearImmediate||void 0!==t&&t.clearImmediate||this&&this.clearImmediate}).call(n,e("DuR2"))},"1A13":function(t,n,e){"use strict";var r=e("49qz")(!0);e("uc2A")(String,"String",function(t){this._t=String(t),this._i=0},function(){var t,n=this._t,e=this._i;return e>=n.length?{value:void 0,done:!0}:(t=r(n,e),this._i+=t.length,{value:t,done:!1})})},"1ETD":function(t,n,e){var r=e("kkCw")("match");t.exports=function(t){var n=/./;try{"/./"[t](n)}catch(e){try{return n[r]=!1,!"/./"[t](n)}catch(t){}}return!0}},"1aA0":function(t,n,e){var r=e("ulTY")("meta"),o=e("UKM+"),i=e("WBcL"),a=e("lDLk").f,u=0,s=Object.isExtensible||function(){return!0},c=!e("zgIt")(function(){return s(Object.preventExtensions({}))}),f=function(t){a(t,r,{value:{i:"O"+ ++u,w:{}}})},l=function(t,n){if(!o(t))return"symbol"==typeof t?t:("string"==typeof t?"S":"P")+t;if(!i(t,r)){if(!s(t))return"F";if(!n)return"E";f(t)}return t[r].i},p=function(t,n){if(!i(t,r)){if(!s(t))return!0;if(!n)return!1;f(t)}return t[r].w},d=function(t){return c&&h.NEED&&s(t)&&!i(t,r)&&f(t),t},h=t.exports={KEY:r,NEED:!1,fastKey:l,getWeak:p,onFreeze:d}},"1ip3":function(t,n,e){var r=e("Ds5P");r(r.S,"Math",{log10:function(t){return Math.log(t)*Math.LOG10E}})},"1kS7":function(t,n){n.f=Object.getOwnPropertySymbols},"1uLP":function(t,n,e){var r=e("Ds5P");r(r.G+r.W+r.F*!e("07k+").ABV,{DataView:e("LrcN").DataView})},"2KxR":function(t,n){t.exports=function(t,n,e,r){if(!(t instanceof n)||void 0!==r&&r in t)throw TypeError(e+": incorrect invocation!");return t}},"2VSL":function(t,n,e){var r=e("BbyF"),o=e("xAdt"),i=e("/whu");t.exports=function(t,n,e,a){var u=String(i(t)),s=u.length,c=void 0===e?" ":String(e),f=r(n);if(f<=s||""==c)return u;var l=f-s,p=o.call(c,Math.ceil(l/c.length));return p.length>l&&(p=p.slice(0,l)),a?p+u:u+p}},"2p1q":function(t,n,e){var r=e("lDLk"),o=e("fU25");t.exports=e("bUqO")?function(t,n,e){return r.f(t,n,o(1,e))}:function(t,n,e){return t[n]=e,t}},"3Eo+":function(t,n){var e=0,r=Math.random();t.exports=function(t){return"Symbol(".concat(void 0===t?"":t,")_",(++e+r).toString(36))}},"3QrE":function(t,n,e){var r=e("Ds5P");r(r.P,"Function",{bind:e("ZtwE")})},"3fs2":function(t,n,e){var r=e("RY/4"),o=e("dSzd")("iterator"),i=e("/bQp");t.exports=e("FeBl").getIteratorMethod=function(t){if(void 0!=t)return t[o]||t["@@iterator"]||i[r(t)]}},"3g/S":function(t,n,e){var r=e("OzIq"),o=e("7gX0"),i=e("V3l/"),a=e("M8WE"),u=e("lDLk").f;t.exports=function(t){var n=o.Symbol||(o.Symbol=i?{}:r.Symbol||{});"_"==t.charAt(0)||t in n||u(n,t,{value:a.f(t)})}},"3i66":function(t,n,e){var r=e("Ds5P"),o=e("7gX0"),i=e("zgIt");t.exports=function(t,n){var e=(o.Object||{})[t]||Object[t],a={};a[t]=n(e),r(r.S+r.F*i(function(){e(1)}),"Object",a)}},"3q4u":function(t,n,e){var r=e("wCso"),o=e("DIVP"),i=r.key,a=r.map,u=r.store;r.exp({deleteMetadata:function(t,n){var e=arguments.length<3?void 0:i(arguments[2]),r=a(o(n),e,!1);if(void 0===r||!r.delete(t))return!1;if(r.size)return!0;var s=u.get(n);return s.delete(e),!!s.size||u.delete(n)}})},"3s83":function(t,n,e){var r=e("Ds5P");r(r.S,"Math",{RAD_PER_DEG:180/Math.PI})},"41xE":function(t,n,e){var r=e("OzIq"),o=r.navigator;t.exports=o&&o.userAgent||""},"49qz":function(t,n,e){var r=e("oeih"),o=e("/whu");t.exports=function(t){return function(n,e){var i,a,u=String(o(n)),s=r(e),c=u.length;return s<0||s>=c?t?"":void 0:(i=u.charCodeAt(s),i<55296||i>56319||s+1===c||(a=u.charCodeAt(s+1))<56320||a>57343?t?u.charAt(s):i:t?u.slice(s,s+2):a-56320+(i-55296<<10)+65536)}}},"4IZP":function(t,n){t.exports=Object.is||function(t,n){return t===n?0!==t||1/t==1/n:t!=t&&n!=n}},"4M2W":function(t,n,e){e("A0n/"),e("i68Q"),e("QzLV"),e("Hhm4"),e("C+4B"),e("W4Z6"),e("tJwI"),e("eC2H"),e("VTn2"),e("W/IU"),e("Y5ex"),e("WpPb"),e("+yjc"),e("gPva"),e("n12u"),e("nRs1"),e("jrHM"),e("gYYG"),e("3QrE"),e("EuXz"),e("PbPd"),e("S+E/"),e("EvFb"),e("QBuC"),e("QWLi"),e("ZRJK"),e("Stuz"),e("yuXV"),e("XtiL"),e("LG56"),e("A1ng"),e("WiIn"),e("aJ2J"),e("altv"),e("dULJ"),e("v2lb"),e("7Jvp"),e("lyhN"),e("kBOG"),e("xONB"),e("LlNE"),e("9xIj"),e("m6Yj"),e("wrs0"),e("Lqg1"),e("1ip3"),e("pWGb"),e("N4KQ"),e("Hl+4"),e("MjHD"),e("SRCy"),e("H0mh"),e("bqOW"),e("F3sI"),e("mhn7"),e("1A13"),e("Racj"),e("Y1S0"),e("Gh7F"),e("tqSY"),e("CvWX"),e("8Np7"),e("R4pa"),e("4RlI"),e("iM2X"),e("J+j9"),e("82of"),e("X/Hz"),e("eVIH"),e("UJiG"),e("SU+a"),e("5iw+"),e("EWrS"),e("J2ob"),e("QaEu"),e("8fhx"),e("UbXY"),e("Rk41"),e("4Q0w"),e("IMUI"),e("beEN"),e("xMpm"),e("j42X"),e("81dZ"),e("uDYd"),e("CEO+"),e("w6W7"),e("fOdq"),e("wVdn"),e("Nkrw"),e("wnRD"),e("lkT3"),e("+CM9"),e("oHKp"),e("9vc3"),e("No4x"),e("WpTh"),e("U6qc"),e("Q/CP"),e("WgSQ"),e("lnZN"),e("FaZr"),e("pd+2"),e("MfeA"),e("VjuZ"),e("qwQ3"),e("mJx5"),e("y9m4"),e("MsuQ"),e("dSUw"),e("ZDXm"),e("V/H1"),e("9mmO"),e("1uLP"),e("52Wt"),e("TFWu"),e("MyjO"),e("qtRy"),e("THnP"),e("K0JP"),e("NfZy"),e("dTzs"),e("+vXH"),e("CVR+"),e("vmSu"),e("4ZU1"),e("yx1U"),e("X7aK"),e("SPtU"),e("A52B"),e("PuTd"),e("dm+7"),e("JG34"),e("Rw4K"),e("9mGU"),e("bUY0"),e("mTp7"),e("gbyG"),e("oF0V"),e("v90c"),e("+2+s"),e("smQ+"),e("m8F4"),e("xn9I"),e("LRL/"),e("sc7i"),e("9Yib"),e("vu/c"),e("zmx7"),e("YVn/"),e("FKfb"),e("oYp4"),e("dxQb"),e("xCpI"),e("AkTE"),e("h7Xi"),e("arGp"),e("JJ3w"),e("qZb+"),e("La7N"),e("BOYP"),e("4rmF"),e("Ygg6"),e("6Xxs"),e("qdHU"),e("DQfQ"),e("j/Lv"),e("U+VG"),e("X6NR"),e("W0pi"),e("taNN"),e("vnWP"),e("R3KI"),e("6iMJ"),e("B3Xn"),e("3s83"),e("F1ui"),e("uEEG"),e("i039"),e("H7zx"),e("+Mt+"),e("QcWB"),e("yJ2x"),e("3q4u"),e("NHaJ"),e("v3hU"),e("zZHq"),e("vsh6"),e("8WbS"),e("yOtE"),e("EZ+5"),e("aM0T"),e("nh2o"),e("v8VU"),e("dich"),e("fx22"),t.exports=e("7gX0")},"4Q0w":function(t,n,e){var r=e("kkCw")("toPrimitive"),o=Date.prototype;r in o||e("2p1q")(o,r,e("jB26"))},"4RlI":function(t,n,e){"use strict";e("y325")("blink",function(t){return function(){return t(this,"blink","","")}})},"4ZU1":function(t,n,e){var r=e("lDLk"),o=e("Ds5P"),i=e("DIVP"),a=e("s4j0");o(o.S+o.F*e("zgIt")(function(){Reflect.defineProperty(r.f({},1,{value:1}),1,{value:2})}),"Reflect",{defineProperty:function(t,n,e){i(t),n=a(n,!0),i(e);try{return r.f(t,n,e),!0}catch(t){return!1}}})},"4mcu":function(t,n){t.exports=function(){}},"4rmF":function(t,n,e){e("iKpr")("Map")},"52Wt":function(t,n,e){e("77Ug")("Int8",1,function(t){return function(n,e,r){return t(this,n,e,r)}})},"52gC":function(t,n){t.exports=function(t){if(void 0==t)throw TypeError("Can't call method on "+t);return t}},"5QVw":function(t,n,e){t.exports={default:e("BwfY"),__esModule:!0}},"5iw+":function(t,n,e){"use strict";e("y325")("strike",function(t){return function(){return t(this,"strike","","")}})},"6STP":function(t,n){t.exports=function(t){var n={endsWithParent:!0,illegal:/`]+/}]}]}]};return{aliases:["html","xhtml","rss","atom","xjb","xsd","xsl","plist"],case_insensitive:!0,contains:[{className:"meta",begin:"",relevance:10,contains:[{begin:"\\[",end:"\\]"}]},t.COMMENT("\x3c!--","--\x3e",{relevance:10}),{begin:"<\\!\\[CDATA\\[",end:"\\]\\]>",relevance:10},{begin:/<\?(php)?/,end:/\?>/,subLanguage:"php",contains:[{begin:"/\\*",end:"\\*/",skip:!0}]},{className:"tag",begin:"|$)",end:">",keywords:{name:"style"},contains:[n],starts:{end:"",returnEnd:!0,subLanguage:["css","xml"]}},{className:"tag",begin:"|$)",end:">",keywords:{name:"script"},contains:[n],starts:{end:"<\/script>",returnEnd:!0,subLanguage:["actionscript","javascript","handlebars","xml"]}},{className:"meta",variants:[{begin:/<\?xml/,end:/\?>/,relevance:10},{begin:/<\?\w+/,end:/\?>/}]},{className:"tag",begin:"",contains:[{className:"name",begin:/[^\/><\s]+/,relevance:0},n]}]}}},"6Xxs":function(t,n,e){e("iKpr")("WeakMap")},"6iMJ":function(t,n,e){var r=e("Ds5P");r(r.S,"Math",{isubh:function(t,n,e,r){var o=t>>>0,i=n>>>0,a=e>>>0;return i-(r>>>0)-((~o&a|~(o^a)&o-a>>>0)>>>31)|0}})},"70Rd":function(t,n,e){!function(t){"object"==typeof window&&window||"object"==typeof self&&self;t(n)}(function(t){function n(t){return t.replace(/&/g,"&").replace(//g,">")}function e(t){return t.nodeName.toLowerCase()}function r(t,n){var e=t&&t.exec(n);return e&&0===e.index}function o(t){return P.test(t)}function i(t){var n,e,r,i,a=t.className+" ";if(a+=t.parentNode?t.parentNode.className:"",e=k.exec(a))return w(e[1])?e[1]:"no-highlight";for(a=a.split(/\s+/),n=0,r=a.length;n"}function u(t){f+=""}function s(t){("start"===t.event?a:u)(t.node)}for(var c=0,f="",l=[];t.length||r.length;){var p=i();if(f+=n(o.substring(c,p[0].offset)),c=p[0].offset,p===t){l.reverse().forEach(u);do{s(p.splice(0,1)[0]),p=i()}while(p===t&&p.length&&p[0].offset===c);l.reverse().forEach(a)}else"start"===p[0].event?l.push(p[0].node):l.pop(),s(p.splice(0,1)[0])}return f+n(o.substr(c))}function c(t){return t.variants&&!t.cached_variants&&(t.cached_variants=t.variants.map(function(n){return a(t,{variants:null},n)})),t.cached_variants||t.endsWithParent&&[a(t)]||[t]}function f(t){function n(t){return t&&t.source||t}function e(e,r){return new RegExp(n(e),"m"+(t.case_insensitive?"i":"")+(r?"g":""))}function r(o,i){if(!o.compiled){if(o.compiled=!0,o.keywords=o.keywords||o.beginKeywords,o.keywords){var a={},u=function(n,e){t.case_insensitive&&(e=e.toLowerCase()),e.split(" ").forEach(function(t){var e=t.split("|");a[e[0]]=[n,e[1]?Number(e[1]):1]})};"string"==typeof o.keywords?u("keyword",o.keywords):O(o.keywords).forEach(function(t){u(t,o.keywords[t])}),o.keywords=a}o.lexemesRe=e(o.lexemes||/\w+/,!0),i&&(o.beginKeywords&&(o.begin="\\b("+o.beginKeywords.split(" ").join("|")+")\\b"),o.begin||(o.begin=/\B|\b/),o.beginRe=e(o.begin),o.end||o.endsWithParent||(o.end=/\B|\b/),o.end&&(o.endRe=e(o.end)),o.terminator_end=n(o.end)||"",o.endsWithParent&&i.terminator_end&&(o.terminator_end+=(o.end?"|":"")+i.terminator_end)),o.illegal&&(o.illegalRe=e(o.illegal)),null==o.relevance&&(o.relevance=1),o.contains||(o.contains=[]),o.contains=Array.prototype.concat.apply([],o.contains.map(function(t){return c("self"===t?o:t)})),o.contains.forEach(function(t){r(t,o)}),o.starts&&r(o.starts,i);var s=o.contains.map(function(t){return t.beginKeywords?"\\.?("+t.begin+")\\.?":t.begin}).concat([o.terminator_end,o.illegal]).map(n).filter(Boolean);o.terminators=s.length?e(s.join("|"),!0):{exec:function(){return null}}}}r(t)}function l(t,e,o,i){function a(t,n){var e,o;for(e=0,o=n.contains.length;e')+n+a}function h(){var t,e,r,o;if(!x.keywords)return n(P);for(o="",e=0,x.lexemesRe.lastIndex=0,r=x.lexemesRe.exec(P);r;)o+=n(P.substring(e,r.index)),t=c(x,r),t?(k+=t[1],o+=d(t[0],n(r[0]))):o+=n(r[0]),e=x.lexemesRe.lastIndex,r=x.lexemesRe.exec(P);return o+n(P.substr(e))}function v(){var t="string"==typeof x.subLanguage;if(t&&!S[x.subLanguage])return n(P);var e=t?l(x.subLanguage,P,!0,O[x.subLanguage]):p(P,x.subLanguage.length?x.subLanguage:void 0);return x.relevance>0&&(k+=e.relevance),t&&(O[x.subLanguage]=e.top),d(e.language,e.value,!1,!0)}function y(){E+=null!=x.subLanguage?v():h(),P=""}function g(t){E+=t.className?d(t.className,"",!0):"",x=Object.create(t,{parent:{value:x}})}function m(t,n){if(P+=t,null==n)return y(),0;var e=a(n,x);if(e)return e.skip?P+=n:(e.excludeBegin&&(P+=n),y(),e.returnBegin||e.excludeBegin||(P=n)),g(e,n),e.returnBegin?0:n.length;var r=u(x,n);if(r){var o=x;o.skip?P+=n:(o.returnEnd||o.excludeEnd||(P+=n),y(),o.excludeEnd&&(P=n));do{x.className&&(E+=A),x.skip||(k+=x.relevance),x=x.parent}while(x!==r.parent);return r.starts&&g(r.starts,""),o.returnEnd?0:n.length}if(s(n,x))throw new Error('Illegal lexeme "'+n+'" for mode "'+(x.className||"")+'"');return P+=n,n.length||1}var b=w(t);if(!b)throw new Error('Unknown language: "'+t+'"');f(b);var _,x=i||b,O={},E="";for(_=x;_!==b;_=_.parent)_.className&&(E=d(_.className,"",!0)+E);var P="",k=0;try{for(var M,D,N=0;;){if(x.terminators.lastIndex=N,!(M=x.terminators.exec(e)))break;D=m(e.substring(N,M.index),M[0]),N=M.index+D}for(m(e.substr(N)),_=x;_.parent;_=_.parent)_.className&&(E+=A);return{relevance:k,value:E,language:t,top:x}}catch(t){if(t.message&&-1!==t.message.indexOf("Illegal"))return{relevance:0,value:n(e)};throw t}}function p(t,e){e=e||C.languages||O(S);var r={relevance:0,value:n(t)},o=r;return e.filter(w).forEach(function(n){var e=l(n,t,!1);e.language=n,e.relevance>o.relevance&&(o=e),e.relevance>r.relevance&&(o=r,r=e)}),o.language&&(r.second_best=o),r}function d(t){return C.tabReplace||C.useBR?t.replace(M,function(t,n){return C.useBR&&"\n"===t?"
":C.tabReplace?n.replace(/\t/g,C.tabReplace):""}):t}function h(t,n,e){var r=n?E[n]:e,o=[t.trim()];return t.match(/\bhljs\b/)||o.push("hljs"),-1===t.indexOf(r)&&o.push(r),o.join(" ").trim()}function v(t){var n,e,r,a,c,f=i(t);o(f)||(C.useBR?(n=document.createElementNS("http://www.w3.org/1999/xhtml","div"),n.innerHTML=t.innerHTML.replace(/\n/g,"").replace(//g,"\n")):n=t,c=n.textContent,r=f?l(f,c,!0):p(c),e=u(n),e.length&&(a=document.createElementNS("http://www.w3.org/1999/xhtml","div"),a.innerHTML=r.value,r.value=s(e,u(a),c)),r.value=d(r.value),t.innerHTML=r.value,t.className=h(t.className,f,r.language),t.result={language:r.language,re:r.relevance},r.second_best&&(t.second_best={language:r.second_best.language,re:r.second_best.relevance}))}function y(t){C=a(C,t)}function g(){if(!g.called){g.called=!0;var t=document.querySelectorAll("pre code");x.forEach.call(t,v)}}function m(){addEventListener("DOMContentLoaded",g,!1),addEventListener("load",g,!1)}function b(n,e){var r=S[n]=e(t);r.aliases&&r.aliases.forEach(function(t){E[t]=n})}function _(){return O(S)}function w(t){return t=(t||"").toLowerCase(),S[t]||S[E[t]]}var x=[],O=Object.keys,S={},E={},P=/^(no-?highlight|plain|text)$/i,k=/\blang(?:uage)?-([\w-]+)\b/i,M=/((^(<[^>]+>|\t|)+|(?:\n)))/gm,A="",C={classPrefix:"hljs-",tabReplace:null,useBR:!1,languages:void 0};return t.highlight=l,t.highlightAuto=p,t.fixMarkup=d,t.highlightBlock=v,t.configure=y,t.initHighlighting=g,t.initHighlightingOnLoad=m,t.registerLanguage=b,t.listLanguages=_,t.getLanguage=w,t.inherit=a,t.IDENT_RE="[a-zA-Z]\\w*",t.UNDERSCORE_IDENT_RE="[a-zA-Z_]\\w*",t.NUMBER_RE="\\b\\d+(\\.\\d+)?",t.C_NUMBER_RE="(-?)(\\b0[xX][a-fA-F0-9]+|(\\b\\d+(\\.\\d*)?|\\.\\d+)([eE][-+]?\\d+)?)",t.BINARY_NUMBER_RE="\\b(0b[01]+)",t.RE_STARTERS_RE="!|!=|!==|%|%=|&|&&|&=|\\*|\\*=|\\+|\\+=|,|-|-=|/=|/|:|;|<<|<<=|<=|<|===|==|=|>>>=|>>=|>=|>>>|>>|>|\\?|\\[|\\{|\\(|\\^|\\^=|\\||\\|=|\\|\\||~",t.BACKSLASH_ESCAPE={begin:"\\\\[\\s\\S]",relevance:0},t.APOS_STRING_MODE={className:"string",begin:"'",end:"'",illegal:"\\n",contains:[t.BACKSLASH_ESCAPE]},t.QUOTE_STRING_MODE={className:"string",begin:'"',end:'"',illegal:"\\n",contains:[t.BACKSLASH_ESCAPE]},t.PHRASAL_WORDS_MODE={begin:/\b(a|an|the|are|I'm|isn't|don't|doesn't|won't|but|just|should|pretty|simply|enough|gonna|going|wtf|so|such|will|you|your|they|like|more)\b/},t.COMMENT=function(n,e,r){var o=t.inherit({className:"comment",begin:n,end:e,contains:[]},r||{});return o.contains.push(t.PHRASAL_WORDS_MODE),o.contains.push({className:"doctag",begin:"(?:TODO|FIXME|NOTE|BUG|XXX):",relevance:0}),o},t.C_LINE_COMMENT_MODE=t.COMMENT("//","$"),t.C_BLOCK_COMMENT_MODE=t.COMMENT("/\\*","\\*/"),t.HASH_COMMENT_MODE=t.COMMENT("#","$"),t.NUMBER_MODE={className:"number",begin:t.NUMBER_RE,relevance:0},t.C_NUMBER_MODE={className:"number",begin:t.C_NUMBER_RE,relevance:0},t.BINARY_NUMBER_MODE={className:"number",begin:t.BINARY_NUMBER_RE,relevance:0},t.CSS_NUMBER_MODE={className:"number",begin:t.NUMBER_RE+"(%|em|ex|ch|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|px|deg|grad|rad|turn|s|ms|Hz|kHz|dpi|dpcm|dppx)?",relevance:0},t.REGEXP_MODE={className:"regexp",begin:/\//,end:/\/[gimuy]*/,illegal:/\n/,contains:[t.BACKSLASH_ESCAPE,{begin:/\[/,end:/\]/,relevance:0,contains:[t.BACKSLASH_ESCAPE]}]},t.TITLE_MODE={className:"title",begin:t.IDENT_RE,relevance:0},t.UNDERSCORE_TITLE_MODE={className:"title",begin:t.UNDERSCORE_IDENT_RE,relevance:0},t.METHOD_GUARD={begin:"\\.\\s*"+t.UNDERSCORE_IDENT_RE,relevance:0},t})},"77Pl":function(t,n,e){var r=e("EqjI");t.exports=function(t){if(!r(t))throw TypeError(t+" is not an object!");return t}},"77Ug":function(t,n,e){"use strict";if(e("bUqO")){var r=e("V3l/"),o=e("OzIq"),i=e("zgIt"),a=e("Ds5P"),u=e("07k+"),s=e("LrcN"),c=e("rFzY"),f=e("9GpA"),l=e("fU25"),p=e("2p1q"),d=e("A16L"),h=e("oeih"),v=e("BbyF"),y=e("8D8H"),g=e("zo/l"),m=e("s4j0"),b=e("WBcL"),_=e("wC1N"),w=e("UKM+"),x=e("FryR"),O=e("9vb1"),S=e("7ylX"),E=e("KOrd"),P=e("WcO1").f,k=e("SHe9"),M=e("ulTY"),A=e("kkCw"),C=e("LhTa"),D=e("ot5s"),N=e("7O1s"),I=e("WgSQ"),R=e("bN1p"),j=e("qkyc"),T=e("CEne"),L=e("zCYm"),F=e("DPsE"),U=e("lDLk"),z=e("x9zv"),B=U.f,$=z.f,q=o.RangeError,W=o.TypeError,K=o.Uint8Array,V=Array.prototype,G=s.ArrayBuffer,X=s.DataView,Y=C(0),H=C(2),Q=C(3),Z=C(4),J=C(5),tt=C(6),nt=D(!0),et=D(!1),rt=I.values,ot=I.keys,it=I.entries,at=V.lastIndexOf,ut=V.reduce,st=V.reduceRight,ct=V.join,ft=V.sort,lt=V.slice,pt=V.toString,dt=V.toLocaleString,ht=A("iterator"),vt=A("toStringTag"),yt=M("typed_constructor"),gt=M("def_constructor"),mt=u.CONSTR,bt=u.TYPED,_t=u.VIEW,wt=C(1,function(t,n){return Pt(N(t,t[gt]),n)}),xt=i(function(){return 1===new K(new Uint16Array([1]).buffer)[0]}),Ot=!!K&&!!K.prototype.set&&i(function(){new K(1).set({})}),St=function(t,n){var e=h(t);if(e<0||e%n)throw q("Wrong offset!");return e},Et=function(t){if(w(t)&&bt in t)return t;throw W(t+" is not a typed array!")},Pt=function(t,n){if(!(w(t)&&yt in t))throw W("It is not a typed array constructor!");return new t(n)},kt=function(t,n){return Mt(N(t,t[gt]),n)},Mt=function(t,n){for(var e=0,r=n.length,o=Pt(t,r);r>e;)o[e]=n[e++];return o},At=function(t,n,e){B(t,n,{get:function(){return this._d[e]}})},Ct=function(t){var n,e,r,o,i,a,u=x(t),s=arguments.length,f=s>1?arguments[1]:void 0,l=void 0!==f,p=k(u);if(void 0!=p&&!O(p)){for(a=p.call(u),r=[],n=0;!(i=a.next()).done;n++)r.push(i.value);u=r}for(l&&s>2&&(f=c(f,arguments[2],2)),n=0,e=v(u.length),o=Pt(this,e);e>n;n++)o[n]=l?f(u[n],n):u[n];return o},Dt=function(){for(var t=0,n=arguments.length,e=Pt(this,n);n>t;)e[t]=arguments[t++];return e},Nt=!!K&&i(function(){dt.call(new K(1))}),It=function(){return dt.apply(Nt?lt.call(Et(this)):Et(this),arguments)},Rt={copyWithin:function(t,n){return F.call(Et(this),t,n,arguments.length>2?arguments[2]:void 0)},every:function(t){return Z(Et(this),t,arguments.length>1?arguments[1]:void 0)},fill:function(t){return L.apply(Et(this),arguments)},filter:function(t){return kt(this,H(Et(this),t,arguments.length>1?arguments[1]:void 0))},find:function(t){return J(Et(this),t,arguments.length>1?arguments[1]:void 0)},findIndex:function(t){return tt(Et(this),t,arguments.length>1?arguments[1]:void 0)},forEach:function(t){Y(Et(this),t,arguments.length>1?arguments[1]:void 0)},indexOf:function(t){return et(Et(this),t,arguments.length>1?arguments[1]:void 0)},includes:function(t){return nt(Et(this),t,arguments.length>1?arguments[1]:void 0)},join:function(t){return ct.apply(Et(this),arguments)},lastIndexOf:function(t){return at.apply(Et(this),arguments)},map:function(t){return wt(Et(this),t,arguments.length>1?arguments[1]:void 0)},reduce:function(t){return ut.apply(Et(this),arguments)},reduceRight:function(t){return st.apply(Et(this),arguments)},reverse:function(){for(var t,n=this,e=Et(n).length,r=Math.floor(e/2),o=0;o1?arguments[1]:void 0)},sort:function(t){return ft.call(Et(this),t)},subarray:function(t,n){var e=Et(this),r=e.length,o=g(t,r);return new(N(e,e[gt]))(e.buffer,e.byteOffset+o*e.BYTES_PER_ELEMENT,v((void 0===n?r:g(n,r))-o))}},jt=function(t,n){return kt(this,lt.call(Et(this),t,n))},Tt=function(t){Et(this);var n=St(arguments[1],1),e=this.length,r=x(t),o=v(r.length),i=0;if(o+n>e)throw q("Wrong length!");for(;i255?255:255&r),o.v[d](e*n+o.o,r,xt)},A=function(t,n){B(t,n,{get:function(){return k(this,n)},set:function(t){return M(this,n,t)},enumerable:!0})};b?(h=e(function(t,e,r,o){f(t,h,c,"_d");var i,a,u,s,l=0,d=0;if(w(e)){if(!(e instanceof G||"ArrayBuffer"==(s=_(e))||"SharedArrayBuffer"==s))return bt in e?Mt(h,e):Ct.call(h,e);i=e,d=St(r,n);var g=e.byteLength;if(void 0===o){if(g%n)throw q("Wrong length!");if((a=g-d)<0)throw q("Wrong length!")}else if((a=v(o)*n)+d>g)throw q("Wrong length!");u=a/n}else u=y(e),a=u*n,i=new G(a);for(p(t,"_d",{b:i,o:d,l:a,e:u,v:new X(i)});l0),"Math",{asinh:r})},"7KvD":function(t,n){var e=t.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=e)},"7O1s":function(t,n,e){var r=e("DIVP"),o=e("XSOZ"),i=e("kkCw")("species");t.exports=function(t,n){var e,a=r(t).constructor;return void 0===a||void 0==(e=r(a)[i])?n:o(e)}},"7UMu":function(t,n,e){var r=e("R9M2");t.exports=Array.isArray||function(t){return"Array"==r(t)}},"7gX0":function(t,n){var e=t.exports={version:"2.5.7"};"number"==typeof __e&&(__e=e)},"7ylX":function(t,n,e){var r=e("DIVP"),o=e("twxM"),i=e("QKXm"),a=e("mZON")("IE_PROTO"),u=function(){},s=function(){var t,n=e("jhxf")("iframe"),r=i.length;for(n.style.display="none",e("d075").appendChild(n),n.src="javascript:",t=n.contentWindow.document,t.open(),t.write(" + + diff --git a/document/Cube-UI_logo.ico b/document/Cube-UI_logo.ico new file mode 100644 index 000000000..f9a59fd08 Binary files /dev/null and b/document/Cube-UI_logo.ico differ diff --git a/document/common/config/menu.json b/document/common/config/menu.json index 5ed24eec6..8759eca86 100644 --- a/document/common/config/menu.json +++ b/document/common/config/menu.json @@ -2,23 +2,45 @@ "en-US": { "overview": { "name": "Overview", + "angle": "01", "subList": { "introduction": "Introduction", "quick-start": "QuickStart", - "post-compile": "PostCompile" + "post-compile": "PostCompile", + "theme": "Theme", + "singleton": "Singleton", + "internationalization": "Internationalization" } }, "components": { "name": "Components", + "angle": "02", "subList": { "basic": { "name": "Basic", "subList": { "button": "Button", + "loading": "Loading", + "tip": "Tip", + "toolbar": "Toolbar", + "tab-bar": "TabBar" + } + }, + "form": { + "name": "Form", + "subList": { "checkbox": "Checkbox", "checkbox-group": "CheckboxGroup", - "loading": "Loading", - "tip": "Tip" + "radio": "Radio", + "checker": "Checker", + "input": "Input", + "textarea": "Textarea", + "select": "Select", + "switch": "Switch", + "rate": "Rate", + "validator": "Validator", + "upload": "Upload", + "form": "Form" } }, "popup": { @@ -27,9 +49,14 @@ "popup": "Popup", "toast": "Toast", "picker": "Picker", + "cascade-picker": "CascadePicker", + "date-picker": "DatePicker", "time-picker": "TimePicker", + "segment-picker": "SegmentPicker", "dialog": "Dialog", - "action-sheet": "ActionSheet" + "action-sheet": "ActionSheet", + "drawer": "Drawer", + "image-preview": "ImagePreview" } }, "scroll": { @@ -37,13 +64,19 @@ "subList": { "scroll": "Scroll", "slide": "Slide", - "index-list": "IndexList" + "index-list": "IndexList", + "swipe": "Swipe", + "sticky": "Sticky", + "scroll-nav-bar": "ScrollNavBar", + "scroll-nav": "ScrollNav", + "recycle-list": "RecycleList" } } } }, "modules": { "name": "Modules", + "angle": "03", "subList": { "style": "style", "create-api": "create-api", @@ -54,23 +87,45 @@ "zh-CN": { "overview": { "name": "概览", + "angle": "01", "subList": { "introduction": "介绍", "quick-start": "快速上手", - "post-compile": "后编译" + "post-compile": "后编译", + "theme": "主题", + "singleton": "单例模式", + "internationalization": "国际化" } }, "components": { "name": "组件", + "angle": "02", "subList": { "basic": { "name": "基础", "subList": { "button": "Button", + "loading": "Loading", + "tip": "Tip", + "toolbar": "Toolbar", + "tab-bar": "TabBar" + } + }, + "form": { + "name": "表单", + "subList": { "checkbox": "Checkbox", "checkbox-group": "CheckboxGroup", - "loading": "Loading", - "tip": "Tip" + "radio": "Radio", + "checker": "Checker", + "input": "Input", + "textarea": "Textarea", + "select": "Select", + "switch": "Switch", + "rate": "Rate", + "validator": "Validator", + "upload": "Upload", + "form": "Form" } }, "popup": { @@ -79,9 +134,14 @@ "popup": "Popup", "toast": "Toast", "picker": "Picker", + "cascade-picker": "CascadePicker", + "date-picker": "DatePicker", "time-picker": "TimePicker", + "segment-picker": "SegmentPicker", "dialog": "Dialog", - "action-sheet": "ActionSheet" + "action-sheet": "ActionSheet", + "drawer": "Drawer", + "image-preview": "ImagePreview" } }, "scroll": { @@ -89,13 +149,19 @@ "subList": { "scroll": "Scroll", "slide": "Slide", - "index-list": "IndexList" + "index-list": "IndexList", + "swipe": "Swipe", + "sticky": "Sticky", + "scroll-nav-bar": "ScrollNavBar", + "scroll-nav": "ScrollNav", + "recycle-list": "RecycleList" } } } }, "modules": { "name": "模块", + "angle": "03", "subList": { "style": "style", "create-api": "create-api", diff --git a/document/common/js/ajax.js b/document/common/js/ajax.js new file mode 100644 index 000000000..07ede88f0 --- /dev/null +++ b/document/common/js/ajax.js @@ -0,0 +1,16 @@ +export default function ajax (url) { + return new Promise(function (resolve, reject) { + const xhr = new window.XMLHttpRequest() + xhr.open('GET', url, true) + xhr.send(null) + xhr.onreadystatechange = () => { + if (xhr.readyState === 4) { + if (xhr.status >= 200 && xhr.status < 300) { + resolve(xhr.responseText) + } else { + reject(xhr) + } + } + } + }) +} diff --git a/document/common/js/utils.js b/document/common/js/utils.js index 8374e6b8e..9ebaba7dc 100644 --- a/document/common/js/utils.js +++ b/document/common/js/utils.js @@ -1,3 +1,4 @@ +import Vue from 'vue' import cookie from 'js-cookie' export function setItem(k, v) { @@ -21,7 +22,7 @@ export function getItem(k) { export function getCurrentLang() { const itemKey = 'CUBE_LANGUAGE' const hash = window.location.hash - const hashZhLang = hash ? hash.indexOf('/zh-') >= 0 ? 'zh-CN' : 'en-US' : '' + const hashZhLang = hash.indexOf('/zh-') >= 0 ? 'zh-CN' : hash.indexOf('/en-') >= 0 ? 'en-US' : '' const lang = hashZhLang || getItem(itemKey) || window.navigator.language || 'en-US' let defaultLang = 'en-US' if (lang.indexOf('zh-') >= 0) { @@ -31,5 +32,8 @@ export function getCurrentLang() { return defaultLang } -const baseUrl = process.env.NODE_ENV === 'production' ? 'https://didi.github.io/cube-ui/example/#/' : 'http://localhost:8081/#/' -export { baseUrl } +const baseUrl = process.env.NODE_ENV === 'production' ? 'https://didi.github.io/cube-ui/example/#/' : `http://${window.location.hostname}:8081/#/` + +const eventHub = new Vue() + +export { baseUrl, eventHub } diff --git a/document/common/stylus/base.styl b/document/common/stylus/base.styl index c25cc9d61..d66244513 100644 --- a/document/common/stylus/base.styl +++ b/document/common/stylus/base.styl @@ -1,10 +1,10 @@ -@import "~@/common/stylus/variable.styl" +@require "~@/common/stylus/variable.styl" html, body width: 100% height: 100% color: $color-dark-grey - background: $color-background + background: white font-family -apple-system,"Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","WenQuanYi Micro Hei","Microsoft Yahei",sans-serif -webkit-font-smoothing antialiased input diff --git a/document/common/stylus/index.styl b/document/common/stylus/index.styl index c803279fc..d578741a4 100644 --- a/document/common/stylus/index.styl +++ b/document/common/stylus/index.styl @@ -1,3 +1,3 @@ -@import '~@/common/stylus/reset.styl' -@import "./base.styl" -@import "./md.styl" +@require '~@/common/stylus/reset.styl' +@require "./base.styl" +@require "./md.styl" diff --git a/document/common/stylus/md.styl b/document/common/stylus/md.styl index dde2f00aa..a31d5e7bb 100644 --- a/document/common/stylus/md.styl +++ b/document/common/stylus/md.styl @@ -1,19 +1,22 @@ -@import "~@/common/stylus/variable.styl" +@require "~@/common/stylus/variable.styl" .md-body font-size: $fontsize-medium line-height: 1.6 - color: $color-dark-grey + color: $color-grey p margin: 1.2em 0 + .anchor + display: inline-block h2 margin-top: 1.2em margin-bottom: .8em - font-size: 1.5em + font-size: 2em font-weight: 600 + color: $color-dark-grey h3 margin: 1em 0 1em - font-size: 1.25em + font-size: 1.4em font-weight: 600 h4 margin: 0.8em 0 0.8em @@ -26,16 +29,35 @@ table // margin 0.8em 1em 0.8em 1em width: 100% - color: $color-blue box-sizing: border-box + table-layout: fixed + border-collapse: separate + border: 1px solid #E7E7E7 + border-width: 1px 0 0 1px + border-radius: 4px th, td padding: 6px 13px - border: 1px solid rgb(223, 226, 229) + border: 1px solid #E7E7E7 + border-width: 0 1px 1px 0 vertical-align: middle text-align: left - th - font-weight: 600 - background-color: $color-row-line + word-wrap: break-word + word-break: break-word + tr + th + font-weight: 600 + background-color: #F9F8F8 + &:first-child + border-top-left-radius: 4px + &:last-child + border-top-right-radius: 4px + tr + &:last-child + td + &:first-child + border-bottom-left-radius: 4px + &:last-child + border-bottom-right-radius: 4px ul, ol, li line-height: 20px li @@ -43,8 +65,49 @@ margin: 1em 0 ul padding-left: 20px + h1, h2, h3, h4 + .anchor + display: none + h1:hover, h2:hover, h3:hover, h4:hover + .anchor + display: inline-block + float: left + margin-left: -20px + position relative + top: 6px + padding-right: 4px + line-height: 1 + img + max-width: 100% + .hljs + border: 1px solid #E7E7E7 + color: #666 + background-color: #F9F8F8 + border-radius: 4px + .hljs-variable, + .hljs-template-variable, + .hljs-attribute, + .hljs-tag, + .hljs-name, + .hljs-regexp, + .hljs-link, + .hljs-name, + .hljs-selector-id, + .hljs-selector-class + color: #3CA0E6 + .hljs-string, + .hljs-symbol, + .hljs-bullet + color: #3FB374 + .hljs-tag + color: #666 + .hljs-attr + .hljs-tag + color: #fc9153 + .hljs-attr + color: #fc9153 pre - margin: .8em 0 + margin: 1em 0 font-size: 12px code font-family: monaco @@ -59,4 +122,21 @@ strong font-weight: bold a text-decoration: none - color: rgb(0, 154, 97) + color:#3CA0E6 + &:hover + color: #137DC6 +sup + position: absolute + margin: -10px 0 0 -4px + padding: 2px + transform: scale(0.6) translateZ(0) + border: 1px solid #ccc + border-radius: 4px +table + i[class^="cubeic-"] + &::before + font-size: 20px + &::after + content: attr(class) + display: block + margin: -6px 0 8px 0 diff --git a/document/components/back/back.svg b/document/components/back/back.svg new file mode 100644 index 000000000..e7005c56d --- /dev/null +++ b/document/components/back/back.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/document/components/back/back.vue b/document/components/back/back.vue new file mode 100644 index 000000000..237e2dcb3 --- /dev/null +++ b/document/components/back/back.vue @@ -0,0 +1,27 @@ + + + diff --git a/document/components/badge/badge.vue b/document/components/badge/badge.vue new file mode 100644 index 000000000..c605bf157 --- /dev/null +++ b/document/components/badge/badge.vue @@ -0,0 +1,67 @@ + + + diff --git a/document/components/display/display.vue b/document/components/display/display.vue index e04c6a7b6..e83ecbceb 100644 --- a/document/components/display/display.vue +++ b/document/components/display/display.vue @@ -2,7 +2,7 @@
- +
@@ -34,25 +34,33 @@ diff --git a/document/components/display/iphoneX.png b/document/components/display/iphoneX.png new file mode 100644 index 000000000..f9d5e3ce0 Binary files /dev/null and b/document/components/display/iphoneX.png differ diff --git a/document/components/docs/en-US/action-sheet.md b/document/components/docs/en-US/action-sheet.md index 53f0b1613..a3ce674ff 100644 --- a/document/components/docs/en-US/action-sheet.md +++ b/document/components/docs/en-US/action-sheet.md @@ -2,145 +2,151 @@ `ActionSheet` provides two common styles and it is flexible. +__Notice:__ Cause this component used create-api, so you should read [create-api](#/en-US/docs/create-api) first. + ### Example - Basic usage -```html -action sheet -``` -```js -export default { - methods: { - showDefault() { - this.$createActionSheet({ - title: '我是标题~~~', - data: [ - { - content: '舒适型', - class: 'cube-foo' - }, - { - content: '七座商务', - align: 'left' - }, - { - content: '豪华型', - align: 'right' + ```html + action sheet + ``` + ```js + export default { + methods: { + showDefault() { + this.$createActionSheet({ + title: '我是标题~~~', + data: [ + { + content: 'align - center', + class: 'cube-foo' + }, + { + content: 'align - left', + align: 'left' + }, + { + content: 'align - right', + align: 'right' + } + ], + onSelect: (item, index) => { + this.$createToast({ + txt: `Clicked ${item.content}`, + time: 1000 + }).show() } - ], - onSelect: (item, index) => { - this.$createToast({ - txt: `Clicked ${item.content}`, - time: 1000 - }).show() - } - }).show() + }).show() + } } } -} -``` + ``` -You can create a basic actionsheet by setting `title` and `data` option. Pay attention that `content` in `data` can be a HTML string. Also, setting the custom class by `class` and setting the align of the item's content by `align`. + You can create a basic actionsheet by setting `title` and `data` option. Pay attention that `content` in `data` can be a HTML string. Also, setting the custom class by `class` and setting the align of the item's content by `align`. - Highlight item -```html -ActionSheet - active -``` -```js -export default { - methods: { - showActive() { - this.$createActionSheet({ - title: '我是标题~~~', - active: 0, - data: [ - { - content: '舒适型' - }, - { - content: '七座商务' + ```html + ActionSheet - active + ``` + ```js + export default { + methods: { + showActive() { + this.$createActionSheet({ + title: '我是标题~~~', + active: 0, + data: [ + { + content: '舒适型' + }, + { + content: '七座商务' + }, + { + content: '豪华型' + } + ], + onSelect: (item, index) => { + this.$createToast({ + txt: `Clicked ${item.content}`, + type: 'correct', + time: 1000 + }).show() }, - { - content: '豪华型' + onCancel: () => { + this.$createToast({ + txt: `Clicked canceled`, + type: 'warn', + time: 1000 + }).show() } - ], - onSelect: (item, index) => { - this.$createToast({ - txt: `Clicked ${item.content}`, - type: 'correct', - time: 1000 - }).show() - }, - onCancel: () => { - this.$createToast({ - txt: `Clicked canceled`, - type: 'warn', - time: 1000 - }).show() - } - }).show() + }).show() + } } } -} -``` + ``` -You can control the highlighted item by setting the `active` option. + You can control the highlighted item by setting the `active` option. - Picker style setting -```html -ActionSheet - picker style -``` -```js -export default { - methods: { - showPickerStyle() { - this.$createActionSheet({ - title: '我是标题~~~', - pickerStyle: true, - data: [ - { - content: '舒适型' + ```html + ActionSheet - picker style + ``` + ```js + export default { + methods: { + showPickerStyle() { + this.$createActionSheet({ + title: '我是标题~~~', + pickerStyle: true, + data: [ + { + content: '舒适型' + }, + { + content: '七座商务' + }, + { + content: '豪华型' + } + ], + onSelect: (item, index) => { + this.$createToast({ + txt: `Clicked ${item.content}`, + type: 'correct', + time: 1000 + }).show() }, - { - content: '七座商务' - }, - { - content: '豪华型' + onCancel: () => { + this.$createToast({ + txt: `Clicked canceled`, + type: 'warn', + time: 1000 + }).show() } - ], - onSelect: (item, index) => { - this.$createToast({ - txt: `Clicked ${item.content}`, - type: 'correct', - time: 1000 - }).show() - }, - onCancel: () => { - this.$createToast({ - txt: `Clicked canceled`, - type: 'warn', - time: 1000 - }).show() - } - }).show() + }).show() + } } } -} -``` + ``` -You can use Picker style by setting `pickerStyle` to be true. + You can use Picker style by setting `pickerStyle` to be true. ### Props configuration | Attribute | Description | Type | Accepted Values | Default | | - | - | - | - | - | | title | actionsheet's title | String | - | '' | +| cancelTxt1.9.9 | the text of the cancel button | String | - | '取消' | | data | the data list to display | Array | - | [] | | active | the highlighted item's index | Number | - | -1 | | pickerStyle | Picker style | Boolean | true/false | false | +| visible1.8.1 | whether visible. Bind to `v-model` | Boolean | true/false | false | +| maskClosable1.9.6 | whether hide the component when clicked the mask layer | Boolean | true/false | true | +| zIndex1.9.6 | the value of the style z-index | Number | - | 100 | * `data` sub configuration @@ -156,3 +162,10 @@ You can use Picker style by setting `pickerStyle` to be true. | - | - | - | - | | cancel | triggers when clicking the cancel button | - | - | | select | triggers when clicking some item | the clicked item - data[index] | the index of the clicked item | + +### Instance methods + +| Method name | Description | +| - | - | +| show | show | +| hide | hide | diff --git a/document/components/docs/en-US/better-scroll.md b/document/components/docs/en-US/better-scroll.md index 018e0a8ac..b84a0b013 100644 --- a/document/components/docs/en-US/better-scroll.md +++ b/document/components/docs/en-US/better-scroll.md @@ -1,6 +1,6 @@ ## better-scroll module -This module exports a default function called `BScroll`, for more information about better-scroll, please refer to [better-scroll lib](https://github.com/ustbhuangyi/better-scroll). +This module exports a default function called `BetterScroll`, for more information about better-scroll, please refer to [better-scroll lib](https://github.com/ustbhuangyi/better-scroll). ### Links diff --git a/document/components/docs/en-US/button.md b/document/components/docs/en-US/button.md index e46ddb294..5d6f93935 100644 --- a/document/components/docs/en-US/button.md +++ b/document/components/docs/en-US/button.md @@ -6,40 +6,40 @@ - Button type -The default type is `button`, and you can set that to `submit` in form. + The default type is `button`, and you can set that to `submit` in form. -```html -Button -Submit Button -``` + ```html + Button + Submit Button + ``` - Button state -Default is normal, can be set to active or disabled state. + Default is normal, can be set to active or disabled state. -```html -Active Button -Disabled Button -``` + ```html + Active Button + Disabled Button + ``` - Icon -You can set the class of `icon`. + You can set the class of `icon`. -```html -Button With Icon -``` + ```html + Button With Icon + ``` - Style -You can set attributes like `light`, `inline`, `outline`, and `primary` to change the button's style. + You can set attributes like `light`, `inline`, `outline`, and `primary` to change the button's style. -```html -Light Button -Inline Button -Outline Button -Primary Button -``` + ```html + Light Button + Inline Button + Outline Button + Primary Button + ``` ### Props configuration diff --git a/document/components/docs/en-US/cascade-picker.md b/document/components/docs/en-US/cascade-picker.md new file mode 100644 index 000000000..64afe184b --- /dev/null +++ b/document/components/docs/en-US/cascade-picker.md @@ -0,0 +1,293 @@ +## CascadePicker + +> New in 1.2.0+ + +`CascadePicker` component is used to implement the cascading change between picker columns. What is the effect of cascade? Considering the usage of province-city-area picker, when the province is changed, you may want the city column to display the exact cities of current province, so does the area column. And the `CascadePicker` is here to help you handle this. + +__Notice:__ Cause this component used create-api, so you should read [create-api](#/en-US/docs/create-api) first. + +### Example + +- Basic usage + + Comparing to `Picker`, the required structure of props data is different for `CascadePicker`. The data structure of `Picker` is a two-dimensional array, and each column corresponds to an array. As in `CascadePicker`, we need a tree structure, that each item of first column has a `children` property which contains the corresponding data of following columns. Here is an example. + + ```html + Cascade Picker + ``` + ```js + const cascadeData = [ + { + value: 'Fruit', + text: 'Fruit', + children: [ + { + value: 'Apple', + text: 'Apple', + children: [{ value: 1, text: 'One' }, { value: 2, text: 'Two' }] + }, + { + value: 'Orange', + text: 'Orange', + children: [{ value: 3, text: 'Three'}, { value: 4, text: 'Four' }] + } + ] + }, + { + value: 'Drink', + text: 'Drink', + children: [ + { + value: 'Coffee', + text: 'Coffee', + children: [{ value: 1, text: 'One' }, { value: 2, text: 'Two' }] + }, + { + value: 'Tea', + text: 'Tea', + children: [{ value: 1, text: 'One' }, { value: 3, text: 'Three'}] + } + ] + } + ] + export default { + mounted () { + this.cascadePicker = this.$createCascadePicker({ + title: 'Cascade Picker', + data: cascadeData, + selectedIndex: [0, 1, 0], + onSelect: this.selectHandle, + onCancel: this.cancelHandle + }) + }, + methods: { + showCascadePicker() { + this.cascadePicker.show() + }, + selectHandle(selectedVal, selectedIndex, selectedText) { + this.$createDialog({ + type: 'warn', + content: `Selected Item:
- value: ${selectedVal.join(', ')}
- index: ${selectedIndex.join(', ')}
- text: ${selectedText.join(' ')}`, + icon: 'cubeic-alert' + }).show() + }, + cancelHandle() { + this.$createToast({ + type: 'correct', + txt: 'Picker canceled', + time: 1000 + }).show() + } + } + } + ``` + + When the first column goes to `Fruit`, the data of second column are `Apple` and `Orange`. And so on, when the second column goes to on `Orange`, the data of third column are `Three` and `Four`. + +- Address Picker + + For address picker, the only thing you need to do is constructing the cascading data. + + ```html + Address Picker + ``` + ```js + import { provinceList, cityList, areaList } from 'example/data/area' + + const addressData = provinceList + addressData.forEach(province => { + province.children = cityList[province.value] + province.children.forEach(city => { + city.children = areaList[city.value] + }) + }) + + export default { + mounted () { + this.addressPicker = this.$createCascadePicker({ + title: 'City Picker', + data: addressData, + onSelect: this.selectHandle, + onCancel: this.cancelHandle + }) + }, + methods: { + showAddressPicker() { + this.addressPicker.show() + }, + selectHandle(selectedVal, selectedIndex, selectedText) { + this.$createDialog({ + type: 'warn', + content: `Selected Item:
- value: ${selectedVal.join(', ')}
- index: ${selectedIndex.join(', ')}
- text: ${selectedText.join(' ')}`, + icon: 'cubeic-alert' + }).show() + }, + cancelHandle() { + this.$createToast({ + type: 'correct', + txt: 'Picker canceled', + time: 1000 + }).show() + } + } + } + ``` + +- Instance method `setData` + + You could use `setData` to reset the cascading data and selected index of `CascadePicker` instance no matter whether the picker is visible. + + ```html + SetData Picker + ``` + ```js + export default { + mounted () { + this.setDataPicker = this.$createCascadePicker({ + title: 'Set Data', + onSelect: this.selectHandle, + onCancel: this.cancelHandle + }) + }, + methods: { + showSetDataPicker() { + // setData when the picker is invisible. + this.setDataPicker.setData(cascadeData) + + this.setDataPicker.show() + setTimeout(() => { + // setData when the picker is visible. + this.setDataPicker.setData(addressData, [1, 1, 0]) + }, 1000) + }, + selectHandle(selectedVal, selectedIndex, selectedText) { + this.$createDialog({ + type: 'warn', + content: `Selected Item:
- value: ${selectedVal.join(', ')}
- index: ${selectedIndex.join(', ')}
- text: ${selectedText.join(' ')}`, + icon: 'cubeic-alert' + }).show() + }, + cancelHandle() { + this.$createToast({ + type: 'correct', + txt: 'Picker canceled', + time: 1000 + }).show() + } + } + } + ``` + +- Async load data + + When the data is too large, it will be really hard to construct the whole cascade data tree at beginning. For this case, you could use the property `async` to enable async load data and update the data at the event `change`. Before the data is updated, we will block the confirm handler temporarily. + + ```html + Async Load Data + ``` + ```js + import { provinceList, cityList, areaList } from 'example/data/area' + + const asyncData = provinceList + const asyncSelectedIndex = [0, 0, 0] + asyncData[0].children = cityList[asyncData[0].value] + asyncData[0].children[0].children = areaList[asyncData[0].children[0].value] + + export default { + mounted () { + this.asyncPicker = this.$createCascadePicker({ + title: 'Async Load Data', + async: true, + data: asyncData, + selectedIndex: asyncSelectedIndex.slice(), + onSelect: this.selectHandle, + onCancel: this.cancelHandle, + onChange: this.asyncChangeHandle + }) + }, + methods: { + showAsyncPicker() { + this.asyncPicker.show() + }, + asyncChangeHandle(i, newIndex) { + if (newIndex !== asyncSelectedIndex[i]) { + asyncSelectedIndex[i] = newIndex + // If the first two column is changed, request the data for rest columns. + if (i < 2) { + // Mock async load. + setTimeout(() => { + if (i === 0) { + const current = asyncData[newIndex] + current.children = current.children || cityList[current.value] + current.children[0].children = current.children[0].children || areaList[current.children[0].value] + asyncSelectedIndex[1] = 0 + asyncSelectedIndex[2] = 0 + } + + if (i === 1) { + const current = asyncData[asyncSelectedIndex[0]].children[newIndex] + current.children = current.children || areaList[current.value] + asyncSelectedIndex[2] = 0 + } + this.asyncPicker.setData(asyncData, asyncSelectedIndex) + }, 500) + } + } + }, + selectHandle(selectedVal, selectedIndex, selectedText) { + this.$createDialog({ + type: 'warn', + content: `Selected Item:
- value: ${selectedVal.join(', ')}
- index: ${selectedIndex.join(', ')}
- text: ${selectedText.join(' ')}`, + icon: 'cubeic-alert' + }).show() + }, + cancelHandle() { + this.$createToast({ + type: 'correct', + txt: 'Picker canceled', + time: 1000 + }).show() + } + } + } + ``` + +### Props configuration + +| Attribute | Description | Type | Default | Accepted Values | +| - | - | - | - | - | +| data | the cascading data used to init option items | Array | [] | - | +| selectedIndex | the index of the selected item, corresponding content will be displayed when picker shows | Array | [] | [1] | +| async1.8.1 | async load data | Boolean | false | - | +| title | title | String | '' | - | +| subtitle1.8.1 | subtitle | String | '' | - | +| cancelTxt | the text of the cancel button | String | '取消' | - | +| confirmTxt | the text of the confirm button | String | '确定' | - | +| swipeTime | the duration of the momentum animation when user flicks the wheel of the picker, Unit: ms | Number | 2500 | - | +| alias | configure the alias of `value` and `text`, used as same as the alias of `Picker` component | Object | {} | { value: 'id', text: 'name'} | +| visible1.8.1 | whether visible. Bind to `v-model` | Boolean | true/false | false | +| maskClosable1.9.6 | whether hide the component when clicked the mask layer | Boolean | true/false | true | +| zIndex1.9.6 | the value of the style z-index | Number | 100 | - | + +* `data` sub configuration + +| Attribute | Description | Type | Default | Example | +| - | - | - | - | - | +| text | the displayed text of each item | String/Number | - | - | +| value | the value of each item | String/Number/Boolean | - | - | + +### Events + +| Event Name | Description | Parameters 1 | Parameters 2 | Parameters 3 | +| - | - | - | - | - | +| select | triggers when clicking the confirm button | selectedVal: Array, values of each columns in current selected item | selectedIndex: Array, indexes of each columns in current selected item | selectedText: Array, texts of each columns in current selected item | +| change | triggers when the roller scrolls | index: Number, index of current scrolling roller | selectedIndex: Number, index of selected item in current column | +| cancel | triggers when clicking the cancel button | - | - | + +### Instance methods + +| Method name | Description | Parameters 1 | Parameters 2 | +| - | - | - | - | +| show | show | - | - | +| hide | hide | - | - | +| setData | reset the cascading data and selected index | Array, the cascading data | Array, the indexes of selected item in each column | diff --git a/document/components/docs/en-US/checkbox-group.md b/document/components/docs/en-US/checkbox-group.md index 33cfdda5a..66273febe 100644 --- a/document/components/docs/en-US/checkbox-group.md +++ b/document/components/docs/en-US/checkbox-group.md @@ -6,49 +6,75 @@ - Vertical order -Default is vertical order style. - -```html - - - Checkbox 1 - - - Checkbox 2 - - - Disabled Checkbox - - - Disabled & Checked Checkbox - - -``` - - -The value of `checkList` is an array, which represents the set of the values of `label` in selected checkboxs. - -- Horizontal order - -You can set `horizontal` to change the style to horizontal order. - -```html - - 1 - 2 - 3 - 4 - -``` + Default is vertical order style. + + ```html + + ``` + ```js + export default { + data() { + return { + checkList: ['1', '4'], + options: [ + '1', + '2', + { + label: '3', + value: '3', + disabled: true + }, + { + label: '4', + value: '4', + disabled: true + } + ] + } + } + } + ``` + + The value of `checkList` is an array, which represents the set of the values of `value` in selected checkboxs. + +- Horizontal order and icon shape + + You can set `horizontal` to change the style to horizontal order. Besides, you could use `shape` to configure the shape of icon and set `hollow-style=true` to use hollow-out style. + + ```html + + ``` + +- Use slot + + ```html + + Checkbox 1 + Checkbox 2 + Disabled Checkbox + Disabled & Checked Checkbox + + ``` + + Use `cube-checkbox`, [cube-checkbox doc](#/en-US/docs/checkbox). ### Props configuration | Attribute | Description | Type | Accepted Values | Default | | - | - | - | - | - | +| options | array of checkbox options | Array | - | - | | horizontal | whether in horizontal order | Boolean | true/false | false | +| shape | icon shape | String | circle/square | circle | +| hollowStyle | whether is hollow-out style | Boolean | true/false | false | +| min1.11.0 | min selected items count | Number | - | 0 | +| max1.11.0 | max selected items count | Number | - | Infinite | -### Events +* `options` sub configuration -| Event Name | Description | Parameters | +| Attribute | Description | Type | | - | - | - | -| input | triggers when the selecting state in the group changes | the set of values of selected checkboxs, which type is Array | +| label | label content | String | +| value | checkbox item value | String/Number | +| disabled | whether disabled | Boolean | + +Note: each `options` item can be an string value, now both the`label` and `value` values are the string value. diff --git a/document/components/docs/en-US/checkbox.md b/document/components/docs/en-US/checkbox.md index 8ef5af369..13f281be5 100644 --- a/document/components/docs/en-US/checkbox.md +++ b/document/components/docs/en-US/checkbox.md @@ -6,55 +6,84 @@ - Basic usage -```html - - Checkbox - -``` + ```html + + Checkbox + + ``` -If selected, the value of `checked` is `true`. + If selected, the value of `checked` is `true`. -- Disabled state - -```html - - Disabled Checkbox - -``` - -Set `disabled` to `true` to turn into the disabled state. - -- Position of the checkbox icon +- Styled checkbox -```html - - Position Checkbox - -``` + ```html + + Styled Checkbox + + ``` -If setting `position` to `'right'`, the position of the checkbox's icon is on the right. + If setting `position` to `'right'`, the position of the checkbox's icon is on the right. And you could use `shape` to configure the shape of icon, set `hollow-style=true` to use hollow-out style. - Change the value of model -```html - - Set label Checkbox - -``` + ```html + + ``` + ```js + export default { + data() { + return { + checked: false, + option: { + label: 'Option Checkbox', + value: 'optionValue', + disabled: false + } + } + } + } + ``` + + If `option` is setted, and when the checkbox is selected, the value of `checked` is `'optionValue'`. When not selected, the value is `false`; Therefore, in circumstances of single checkbox, better not set `option`. -If `label` is setted, and when the checkbox is selected, the value of `checked` is `'labelValue'`. When not selected, the value is `false`; Therefore, in circumstances of single checkbox, better not set `label`. +- Disabled state + + ```html + + Disabled Checkbox + + ``` + +- With click + + If you want to handle click event, you need to handle the style: + + ```html + + Agree 《xxx》 + + ``` + ```styl + .with-click + .cube-checkbox-label + a + position: relative + z-index: 1 + ``` ### Props configuration | Attribute | Description | Type | Accepted Values | Default | | - | - | - | - | - | -| disabled | whether disabled | Boolean | true/false | false | -| position | position | String | left/right | left | -| label | if selected, then map the value to v-model | Boolean/String | - | '' | +| option | option value | Boolean/String/Object | - | - | +| position | icon position | String | left/right | left | +| shape | icon shape | String | circle/square | circle | +| hollowStyle | whether is hollow-out style | Boolean | true/false | false | -### Events +* `option` sub configuration -| Event Name | Description | Parameters | +| Attribute | Description | Type | | - | - | - | -| input | triggers when the selecting state changes | the value of label if setted or boolean value which represents whether selected | - +| label | the text of label | String | +| value | the value of checkbox item | String/Number | +| disabled | whether the checkbox item is disabled | Boolean | diff --git a/document/components/docs/en-US/checker.md b/document/components/docs/en-US/checker.md new file mode 100644 index 000000000..120322f95 --- /dev/null +++ b/document/components/docs/en-US/checker.md @@ -0,0 +1,182 @@ +## Checker + +Checker is more flexible selection component, you can alse customize the layout. + +### Example + +- Basic usage + + ```html + + ``` + ```js + export default { + data() { + return { + checkerValue: [], + options: [ + { + value: 1, + text: 'red' + }, + { + value: 2, + text: 'yellow' + }, + { + value: 3, + text: 'blue' + }, + { + value: 4, + text: 'green' + } + ] + } + } + } + ``` + The value of `options` is an array. The default `checkerValue` value is `''`, + If you clicked one option, the `checkerValue` will be set as the value of this option. + +- radio + + ```html + + ``` + ```js + export default { + data() { + return { + checkerValue: '', + options: [ + { + value: 0, + text: 'AAAAA' + }, + { + value: 1, + text: 'BBBBB' + } + ] + } + } + } + ``` + If the `type` is set to `'radio'`, the checker will be a radio type. + The default type is a `'checkbox'`. + +- Use slot + + You can use slot to implement custom layout. + + ```html + + + {{item.text}} + + + ``` + ```js + export default { + data() { + return { + checkerList: [], + options: [ + { + value: 0, + text: 'AAAAA' + }, + { + value: 1, + text: 'BBBBB' + } + ] + } + } + } + ``` + + +- Use min & max prop + + You can use `min` and `max` prop but the `type` must set to `'checkbox'`. + + `max` set the max number of checked items, `min` set the min number of checked items. + + + ```html + + ``` + ```js + export default { + data() { + return { + checkerList: [3], + option: [ + { + value: 1, + text: 'red' + }, + { + value: 2, + text: 'yellow' + }, + { + value: 3, + text: 'blue' + }, + { + value: 4, + text: 'green' + } + ] + } + } + } + ``` + + +### Props configuration + +| Attribute | Description | Type | Accepted Values | Default | +| - | - | - | - | - | +| options | a collection of configuration items | Array | - | - | +| type | the type of checker | String | checkbox/radio | checkbox | +| min | the min number | Number | - | 0 | +| max | the max number | Number | - | options length | + +* options sub configuration + +| Attribute | Description | Type | +| - | - | - | +| value | the value of checker item | String/Number | +| text | the text of checker item | String | + +### CubeCheckerItem Props configuration + +| Attribute | Description | Type | Accepted Values | Default | +| - | - | - | - | - | +| option | item configuration object | Object | - | - | + +* option sub configuration + +| Attribute | Description | Type | +| - | - | - | +| value | the value of checker item | String/Number | +| text | the text of checker item | String | diff --git a/document/components/docs/en-US/create-api.md b/document/components/docs/en-US/create-api.md index b26528da4..2dd88974c 100644 --- a/document/components/docs/en-US/create-api.md +++ b/document/components/docs/en-US/create-api.md @@ -1,6 +1,9 @@ ## create-api module -This module exports a function called `createAPI` with which you can invoke the custom component which has been instantiated in api form. +This module exports a function called `createAPI` with which you can invoke the custom component which has been instantiated in api form. And It could be called both in Vue instance context and [general js file](https://didi.github.io/cube-ui/#/en-US/docs/create-api#cube-HowtouseingeneralJSfilesoruseitinglobal-anchor). + + +__Notice:__ All cube-ui componnets which used `createAPI` must be registered by `Vue.use`. ### createAPI(Vue, Component, [events, single]) @@ -13,66 +16,206 @@ This module exports a function called `createAPI` with which you can invoke the - Usage: - - This method will add a method which is named `$create{camelize(Component.name)}` to Vue's prototype, so you can instantiate the Vue component by `const instance = this.$createAaBb(config, [renderFn])` in other components. The instantiated component's template content will be attached to `body` element.The parameters of the `$createAaBb`： - - `{Object} config` It will be passed to the component as its props except the events in `events`(It will transform by default, eg: If `events` has value `['click']`, then the prop `onClick` will be treated as component's event and not component's props). - - `{Function} [renderFn]` Optional, used to generate the VNode child node in the slot scene in general. - - The return of the method `instance` is a instantiated Vue component，and the `remove` method will be **attached** to this instance.You can invoke the `remove` method to destroy the component and detach the component's content from `body` element. + - This method will add a method which is named `$create{camelize(Component.name)}` to Vue's prototype, so you can instantiate the Vue component by `const instance = this.$createAaBb(config, [renderFn, single])` in other components. The instantiated component's template content will be attached to `body` element. -- Example: + - `const instance = this.$createAaBb(config, renderFn, single)` - ```js - import Vue form 'vue' - import { createAPI } from 'cube-ui' - // import Cube from 'cube-ui' - // const { createAPI } = Cube - // the Vue component which needs to be instantiated in the api form - const MyComponent = Vue.extend({ - name: 'hello', - props: { - content: { - type: String, - default: 'Hello' + **Parameters：** + + | Attribute | Description | Type | Accepted Values | Default | + | - | - | - | - | - | + | config | Config options | Object | {} | - | + | renderFn | Optional, used to generate the VNode child node in the slot scene in general | Function | - | function (createElement) {...} | + | single | Optional, whether the instantiated component is a singleton or not. If two parameters are provided and the `renderFn`'s type is not function, then the `single` value is the sencond parameter's value. | Boolean | single in createAPI() | - | + + **Config options `config`:** + + It will be passed to the component as its props except the events in `events`(It will transform by default, eg: If `events` has value `['click']`, then the prop `onClick` will be treated as component's event and not component's props). + + After 1.8.0+, you can set `$props` and `$events` in `config`, `$props` supported reactive properties, these props will be watched. + + | Attribute | Description | Type | Accepted Values | Default | + | - | - | - | - | - | + | $props | Component props | Object | - | {
title: 'title',
content: 'my content',
open: false
} | + | $events | Component event handlers | Object | - | {
click: 'clickHandler',
select: this.selectHandler
} | + + `$props` example, `{ [key]: [propKey] }`: + + ```js + { + title: 'title', + content: 'my content', + open: false + } + ``` + + `title`, `content` and `open` are keys of the component prop, and the prop' value will be taken by the following steps: + + 1. If `propKey` is not a string value, then use `propKey` as the prop value. + 1. If `propKey` is a string value and the caller instance dont have the `propKey` property, then use `propKey` as the prop value. + 1. If `propKey` is a string value and the caller instance have the `propKey` property, then use the caller's `propKey` property value as the prop value. And the prop value will be reactively. + + `$events` example, `{ [eventName]: [eventValue] }`: + + ```js + { + click: 'clickHandler', + select: this.selectHandler + } + ``` + + `click` and `select` are event names, and the event handlers will be taken by the following steps: + + 1. If `eventValue` is not a string value, then use `eventValue` as the event handler. + 1. If `eventValue` is a string value, then use the caller's `eventValue` property value as the event handler. + + After 1.10.0+, you can set [all avaliable properties in Vue](https://vuejs.org/v2/guide/render-function.html#The-Data-Object-In-Depth), but you need to add prefix `$`, eg: + + ```js + this.$createAaBb({ + $attrs: { + id: 'id' + }, + $class: { + 'my-class': true } - }, - template: '
{{content}}
', - methods: { - clickHandler(e) { - this.$emit('click', e) + }) + ``` + + **The Returned value `instance`:** + + `instance` is a instantiated Vue component. + > And the `remove` method will be **attached** to this instance. + + You can invoke the `remove` method to destroy the component and detach the component's content from `body` element. + + If the caller is destroyed and the `instance` will be destroyed too. + +- Example: + + First we create Hello.vue component： + + ```html + + + + ``` + + Then we make Hello.vue to an API style component by calling the `createAPI` method. + + ```js + import Vue from 'vue' + import Hello from './Hello.vue' + + // import Style to load the base style + import { + /* eslint-disable no-unused-vars */ + Style, + Dialog, + createAPI + } from 'cube-ui' + + Vue.use(Dialog) + + // create this.$createHello API + createAPI(Vue, Hello, ['click'], true) + + // init Vue + new Vue({ + el: '#app', + render: function (h) { + return h('button', { + on: { + click: this.showHello } - }, /* renderFn */ (createElement) => { - return [ - createElement('p', { - slot: 'other' - }, 'other content') - ] - }) - // Also, the event hanlder can be registered by instance's `$on` method - instance.$on('click', (e) => { - console.log('on click', e) - }) - // destroy the component and detach the component's content from `body` element - instance.remove() + }, ['Show Hello']) + }, + methods: { + showHello() { + /* The first parameter of `$createHello` will be passed to the component as its props except the events in `events`(It will transform by default, eg: If `events` has value `['click']`, then the prop `onClick` will be treated as component's event and not component's props) */ + const instance = this.$createHello({ + content: 'My Hello Content', + onClick(e) { + console.log('Hello component clicked.') + } + }, /* renderFn */ (createElement) => { + return [ + createElement('p', { + slot: 'other' + }, 'other content') + ] + }) + // Also, the event hanlder can be registered by instance's `$on` method + instance.$on('click', (e) => { + const $dialog = this.$createDialog({ + type: 'confirm', + content: 'click confirm to remove current instance', + icon: 'cubeic-alert' + }) + $dialog.show() + + $dialog.$on('confirm', () => { + // remove instance + instance.remove() + }).$on('cancel', () => { + console.log('cancel') + }) + }) + } } - } - }) + }) ``` + In this example, we create a component `Hello` which needs to be invoked in api form and we invoke it in another component.The focus is what `showHello()` does: invoking method `this.$createHello(config, renderFn)` to instantiate `Hello`. + +### How to use in general JS files or use it in global + +In vue component, you could call by `this.$createHello(config, renderFn)` because the `this` is just a Vue instance. But in general JS files, you need to use `Hello.$create`. As shown below: + +```js +import Vue from 'vue' +import Hello from './Hello.vue' + +import { + createAPI +} from 'cube-ui' + +// 创建 this.$createHello and $Hello.create API +createAPI(Vue, Hello, ['click'], true) + +Hello.$create(config, renderFn) +``` + +Or components in cube-ui, like Dialog: + +```js +import Vue from 'vue' +import { Dialog } from 'cube-ui' + +Vue.use(Dialog) + +Dialog.$create({ + ... +}) +``` - In this example, we create a component `MyComponent` with its name option `hello` which needs to be invoked in api form and we invoke it in another component.The focus is what `showHello()` does: invoking method `this.$createHello(config, renderFn)` to instantiate `MyComponent`. +There is another idea which used the mode of data-driven. For example, in vuex, you could use a global state to label whether to call the component, and watch this state in App.vue to handle this component. diff --git a/document/components/docs/en-US/date-picker.md b/document/components/docs/en-US/date-picker.md new file mode 100644 index 000000000..8b5703a45 --- /dev/null +++ b/document/components/docs/en-US/date-picker.md @@ -0,0 +1,306 @@ +## DatePicker + +> New in 1.7.0+ + +DatePicker can be used to choose date, which has flexible configuration for time granularity, such as year - month - date, hour - minute - second, year - month - date - hour - minute - second, year - month, etc. + +__Notice:__ Cause this component used create-api, so you should read [create-api](#/en-US/docs/create-api) first. + +### Example + +- Basic usage + + You can create a component instance by `$createDatePicker`, and configure `min`, `max` to set the selected date range. the `value` could use to set the current selected date. + + ```html + Date Picker + ``` + ```js + export default { + methods: { + showDatePicker() { + if (!this.datePicker) { + this.datePicker = this.$createDatePicker({ + title: 'Date Picker', + min: new Date(2008, 7, 8), + max: new Date(2020, 9, 20), + value: new Date(), + onSelect: this.selectHandle, + onCancel: this.cancelHandle + }) + } + + this.datePicker.show() + }, + selectHandle(date, selectedVal, selectedText) { + this.$createDialog({ + type: 'warn', + content: `Selected Item:
- date: ${date}
- value: ${selectedVal.join(', ')}
- text: ${selectedText.join(' ')}`, + icon: 'cubeic-alert' + }).show() + }, + cancelHandle() { + this.$createToast({ + type: 'correct', + txt: 'Picker canceled', + time: 1000 + }).show() + } + } + } + ``` + +- Column configuration + + Though column configuration, `DatePicker` get the power of flexible time granularity. There are six columns in total: year, month, date, hour, minute and second. You can configure the starting column and the count of columns by `startColumn` and `columnCount`, such as the default "year - month - date" picker is "three column" starting from "year", and "hour - minute - second" picker is the "three column" starting from "time". + + ```html + Time Picker + ``` + ```js + export default { + methods: { + showTimePicker() { + if (!this.timePicker) { + this.timePicker = this.$createDatePicker({ + title: 'Time Picker', + min: [8, 0, 0], + max: [20, 59, 59], + value: new Date(), + startColumn: 'hour', + onSelect: this.selectHandle, + onCancel: this.cancelHandle + }) + } + + this.timePicker.show() + }, + selectHandle(date, selectedVal, selectedText) { + this.$createDialog({ + type: 'warn', + content: `Selected Item:
- date: ${date}
- value: ${selectedVal.join(', ')}
- text: ${selectedText.join(' ')}`, + icon: 'cubeic-alert' + }).show() + }, + cancelHandle() { + this.$createToast({ + type: 'correct', + txt: 'Picker canceled', + time: 1000 + }).show() + } + } + } + ``` + +- year-month-date-hour-minute-second + + Similarly, if you want year-month-date-hour-minute-second picker, just "six columns" starting from "year" + + ```html + Date Time Picker + ``` + ```js + export default { + methods: { + showDateTimePicker() { + if (!this.dateTimePicker) { + this.dateTimePicker = this.$createDatePicker({ + title: 'Date Time Picker', + min: new Date(2008, 7, 8, 8, 0, 0), + max: new Date(2020, 9, 20, 20, 59, 59), + value: new Date(), + columnCount: 6, + onSelect: this.selectHandle, + onCancel: this.cancelHandle + }) + } + + this.dateTimePicker.show() + }, + selectHandle(date, selectedVal, selectedText) { + this.$createDialog({ + type: 'warn', + content: `Selected Item:
- date: ${date}
- value: ${selectedVal.join(', ')}
- text: ${selectedText.join(' ')}`, + icon: 'cubeic-alert' + }).show() + }, + cancelHandle() { + this.$createToast({ + type: 'correct', + txt: 'Picker canceled', + time: 1000 + }).show() + } + } + } + ``` + +- Format + + You can also configure the date format by the property `format`. + + ```html + Use format + ``` + ```js + export default { + methods: { + showFormatPicker() { + if (!this.formatPicker) { + this.formatPicker = this.$createDatePicker({ + title: 'Use format', + min: new Date(2008, 7, 8), + max: new Date(2020, 9, 20), + value: new Date(), + format: { + year: 'YY年', + month: 'MM月', + date: '第 D 日' + }, + onSelect: this.selectHandle, + onCancel: this.cancelHandle + }) + } + + this.formatPicker.show() + }, + selectHandle(date, selectedVal, selectedText) { + this.$createDialog({ + type: 'warn', + content: `Selected Item:
- date: ${date}
- value: ${selectedVal.join(', ')}
- text: ${selectedText.join(' ')}`, + icon: 'cubeic-alert' + }).show() + }, + cancelHandle() { + this.$createToast({ + type: 'correct', + txt: 'Picker canceled', + time: 1000 + }).show() + } + } + } + ``` + +- `columnOrder` 1.12.14 + + `columnOrder` can be used to change the display order in case where the order is not 'Year-Month-Date Hour-Minute-Second'. For example, we can set the `columnOrder` to `['month', 'date', 'year']` for the display order of 'Month-Date-Year'. + + ```html + Date Picker(Change order) + ``` + ```js + export default { + methods: { + showChangeOrderPicker() { + if (!this.changeOrderPicker) { + this.changeOrderPicker = this.$createDatePicker({ + title: 'Date Picker', + min: new Date(2008, 7, 8), + max: new Date(2020, 9, 20), + value: new Date(), + columnOrder: ['month', 'date', 'year'], + onSelect: this.selectHandle, + onCancel: this.cancelHandle + }) + } + this.changeOrderPicker.show() + } + } + } + ``` + +- `$updateProps` + + With the `$updateProps` method, you can modify the properties of component instances created by createAPI. For example, in `DatePicker`, we can modify the value of `value` attribute to change the date currently selected. + + ```html + Use $updateProps + ``` + ```js + export default { + methods: { + showUpdatePropsPicker() { + if (!this.updatePropsPicker) { + this.updatePropsPicker = this.$createDatePicker({ + title: 'Use $updateProps', + min: new Date(2008, 7, 8), + max: new Date(2020, 9, 20), + value: new Date(), + onSelect: this.selectHandle, + onCancel: this.cancelHandle + }) + } + + this.updatePropsPicker.show() + setTimeout(() => { + this.updatePropsPicker.$updateProps({ + title: 'updated', + value: new Date(2010, 9, 1) + }) + }, 1000) + }, + selectHandle(date, selectedVal, selectedText) { + this.$createDialog({ + type: 'warn', + content: `Selected Item:
- date: ${date}
- value: ${selectedVal.join(', ')}
- text: ${selectedText.join(' ')}`, + icon: 'cubeic-alert' + }).show() + }, + cancelHandle() { + this.$createToast({ + type: 'correct', + txt: 'Picker canceled', + time: 1000 + }).show() + } + } + } + ``` + +### Props configuration + +| Attribute | Description | Type | Accepted Values | Default | Example | +| - | - | - | - | - | - | +| min | the minimum value of optional range | Date, Array | - | new Date(2010, 1, 1) | new Date(2008, 7, 8) | +| max | the maximum value of optional range | Date, Array | - | new Date(2020, 12, 31) | new Date(2020, 9, 20) | +| value | current selected Date | Date, Array | - | the minimum value of optional range | new Date() | +| startColumn | the start column | String | year/month/date/hour/minute/second| year | hour | +| columnCount | the count of column | Number | - | 3 | 6 | +| format1.8.0+ | date format | Object | - | { year: 'YYYY', month: 'M', date: 'D', hour: 'hh', minute: 'mm', second: 'ss' } | { year: 'YY年', month: 'MM月', date: '第 D 日' } | +| title | title | String | - | '' | - | +| subtitle1.8.1 | subtitle | String | - | '' | - | +| cancelTxt | the text of the cancel button | String | - | '取消' | - | +| confirmTxt | the text of the confirm button | String | - | '确定' | - | +| swipeTime | the duration of the momentum animation when user flicks the wheel of the picker, Unit: ms | Number | - | 2500 | - | +| visible1.8.1 | whether visible. Bind to `v-model` | Boolean | true/false | false | - | +| maskClosable1.9.6 | whether hide the component when clicked the mask layer | Boolean | true/false | true | - | +| zIndex1.9.6 | the value of the style z-index | Number | - | 100 | - | +| columnOrder1.12.14 | display order | Array | - | ['year', 'month', 'date', 'hour', 'minute', 'second'] | - | + +* `format` sub configuration + +| Attribute | Description | Type | Default | Example | +| - | - | - | - | - | +| year | the format of year, `YYYY` represent full year，`YY` only last two digit of year | String | `YYYY` | `YY年` | +| month | the format of month, `M` don't pad 0，`MM` pad 0 | String | `M` | `MM月` | +| date | the format of date, `D` don't pad 0，`DD` pad 0 | String | `D` | `第 D 日` | +| hour | the format of hour, `h` don't pad 0，`hh` pad 0 | String | `hh` | `h点` | +| minute | the format of minute, `m` don't pad 0，`mm` pad 0 | String | `mm` | `mm分` | +| second | the format of second, `s` don't pad 0，`ss` pad 0 | String | `ss` | `ss秒` | + +### Events + +| Event Name | Description | Parameters 1 | Parameters 2 | Parameters 3 | +| - | - | - | - | - | +| select | triggers when clicking the confirm button | date: Date, the selected date | selectedVal: Array, the selected value | selectedText: Array, the selected text | +| cancel | triggers when clicking the cancel button | - | - | +| change | triggers when the roller scrolls | index: Number, index of current scrolling roller | selectedIndex: Number, index of selected item in current column | + +### Methods + +| Method name | Description | +| - | - | +| show | show | +| hide | hide | diff --git a/document/components/docs/en-US/dialog.md b/document/components/docs/en-US/dialog.md index db7a74430..f70aff249 100644 --- a/document/components/docs/en-US/dialog.md +++ b/document/components/docs/en-US/dialog.md @@ -2,12 +2,14 @@ `Dialog` modal component，provides various styles and interactions. +__Notice:__ Cause this component used create-api, so you should read [create-api](#/en-US/docs/create-api) first. + ### Example -- Dialog type +- Alert type ```html - Dialog - type + Dialog - alert ``` ```js export default { @@ -24,7 +26,38 @@ } ``` - `type` will be one of the following: `alert`, `confirm`. + `type` will be one of the following: `alert`, `confirm`, `prompt` 1.11.0. + +- Prompt type + + ```html + Dialog - prompt + ``` + ```js + export default { + methods: { + showAlert() { + this.dialog = this.$createDialog({ + type: 'prompt', + title: '我是标题', + prompt: { + value: '', + placeholder: '请输入' + }, + onConfirm: (e, promptValue) => { + this.$createToast({ + type: 'warn', + time: 1000, + txt: `Prompt value: ${promptValue || ''}` + }).show() + } + }).show() + } + } + } + ``` + + You can get prompt input value in confirm event handler. And `prompt` value will be passed to [Input component](#/en-US/docs/input) as props. - Button configuration @@ -43,11 +76,13 @@ confirmBtn: { text: 'confirm', active: true, + disabled: false, href: 'javascript:;' }, cancelBtn: { text: 'cancel', active: false, + disabled: false, href: 'javascript:;' }, onConfirm: () => { @@ -70,7 +105,7 @@ } ``` - Button configuration(`confirmBtn`, `cancelBtn`) can be `String` or `Object` type. When given an Object, `text` can be used to set button content，`active` is used to set button highlight state，`href` is used to set the link that will be jumped to when the button is clicked. + Button configuration(`confirmBtn`, `cancelBtn`) can be `String` or `Object` type. When given an Object, `text` can be used to set button content，`active` is used to set button highlight state，`disabled` is used to set button disabled state，`href` is used to set the link that will be jumped to when the button is clicked. - Show close button @@ -150,13 +185,17 @@ | Attribute | Description | Type | Accepted Values | Default | | - | - | - | - | - | -| type | dialog type | String | alert / confirm | alert | -| icon | icon class name | String | [refer to built-in icons in style module](#/style) | '' | +| type | dialog type | String | alert / confirm / prompt1.11.0 | alert | +| icon | icon class name | String | [refer to built-in icons in style module](#/en-US/docs/style) | '' | | title | title | String | - | '' | | content | content | String | - | '' | | showClose | whether to show close button | Boolean | true/false | false | | confirmBtn | confirm button configuration | Object/String | - | { text: '确定', active: true, href: 'javascript:;' } | | cancelBtn | cancel button configuration | Object/String | - | { text: '取消', active: false, href: 'javascript:;' } | +| visible1.8.1 | whether visible. Bind to `v-model` | Boolean | true/false | false | +| maskClosable1.9.6 | whether hide the component when clicked the mask layer | Boolean | true/false | false | +| zIndex1.9.6 | the value of the style z-index | Number | - | 100 | +| prompt1.11.0 | prompt config, all [Input component's](#/en-US/docs/input)props | Object | - | {} | * `confirmBtn` sub configuration @@ -164,6 +203,7 @@ | - | - | - | - | - | | text | button text | String | - | '确认' | | active | whether to highlight | Boolean | true/false | true | +| disabled | whether to disabled button | Boolean | true/false | false | | href | the link that will be jumped to when the button is clicked | String | - | 'javascript:;' | * `cancelBtn` sub configuration @@ -172,6 +212,7 @@ | - | - | - | - | - | | text | button text | String | - | '取消' | | active | whether highlight | Boolean | true/false | false | +| disabled | whether to disabled button | Boolean | true/false | false | | href | the link that will be jumped to when the button is clicked | String | - | 'javascript:;' | ### Slot @@ -183,8 +224,15 @@ ### Events -| Event Name | Description | Parameters | +| Event Name | Description | Parameters 1 | Parameters 2 | | - | - | - | - | -| confirm | triggers when the confirm button is clicked | e - event target | -| cancel | triggers when the cancel button is clicked | e - event target | -| close | triggers when the close button is clicked | e - event target | +| confirm | triggers when the confirm button is clicked | e - event target | the prompt input value when `type` is `'prompt'`1.11.0 | +| cancel | triggers when the cancel button is clicked | e - event target | - | +| close | triggers when the close button is clicked | e - event target | - | + +### Instance methods + +| Method name | Description | +| - | - | +| show | show | +| hide | hide | diff --git a/document/components/docs/en-US/drawer.md b/document/components/docs/en-US/drawer.md new file mode 100644 index 000000000..108e5928a --- /dev/null +++ b/document/components/docs/en-US/drawer.md @@ -0,0 +1,205 @@ +## Drawer + +> New in 1.7.0+ + +Drawer, this component is used to select item in many items, it used full-page panels to interaction normally. + +__Notice:__ Drawer component's container element should be be a relative or absolute position element. + +### Demo + +- Default usage + + ```html + Show Drawer + + ``` + ```js + import { provinceList, cityList, areaList } from '../../data/area' + export default { + data() { + return { + selectedIndex: [], + data: [ + provinceList, + [], + [] + ] + } + }, + methods: { + showDrawer() { + this.$refs.drawer.show() + }, + changeHandler(index, item, selectedVal, selectedIndex, selectedText) { + // fake request + setTimeout(() => { + let data + if (index === 0) { + // procince change, get city data + data = cityList[item.value] + } else { + // city change, get area data + data = areaList[item.value] + } + // refill panel(index + 1) data + this.$refs.drawer.refill(index + 1, data) + }, 200) + }, + selectHandler(selectedVal, selectedIndex, selectedText) { + this.$createDialog({ + type: 'warn', + content: `Selected Item:
- value: ${selectedVal.join(', ')}
- index: ${selectedIndex.join(', ')}
- text: ${selectedText.join(' ')}`, + icon: 'cubeic-alert' + }).show() + }, + cancelHandler() { + console.log('cancel') + } + } + } + ``` + + `title` is the drawer's title, optional; `data` source, an array with array items; `selected-index` is the initial index of the selected value; `change`、`select`、`cancel` are events: when selected item changed (the selected item is not in the last Panel)、when selected one item (the item is in the last Panel)、cancel (when clicked the left empty area). + + You can use Drawer's `fill` method to update next Panel's data. + +- Custom usage + + You can use slots to define your own HTML structure. + + ```html + + {{province.text}} + + + + {{item.text}} + + + + ``` + ```js + import { provinceList, cityList, areaList } from '../../data/area' + export default { + data() { + return { + province: {}, + selectedIndex: [], + data: [ + [], + [] + ] + } + }, + methods: { + showDrawer() { + // get radom province + const randomIndex = Math.round(Math.random() * provinceList.length) + const randomProvince = provinceList[randomIndex] + this.province = randomProvince + this.$refs.drawer.refill(0, cityList[randomProvince.value]) + this.$refs.drawer.show() + }, + changeHandler(index, item, selectedVal, selectedIndex, selectedText) { + setTimeout(() => { + // city change, get area data + const data = areaList[item.value] + this.$refs.drawer.refill(index + 1, data) + }, 200) + }, + selectHandler(selectedVal, selectedIndex, selectedText) { + this.$createDialog({ + type: 'warn', + content: `Selected Item:
- value: ${selectedVal.join(', ')}
- index: ${selectedIndex.join(', ')}
- text: ${selectedText.join(' ')}`, + icon: 'cubeic-alert' + }).show() + }, + cancelHandler() { + console.log('cancel') + } + } + } + ``` + + You can use `cube-drawer-panel` and `cube-drawer-item` in `cube-drawer`. + +### Props + +#### CubeDrawer + +| Attribute | Description | Type | Accepted Values | Default | +| - | - | - | - | - | +| title | title | String | - | '' | +| data | data source | Array | - | [] | +| selectedIndex | initial selected index | Array | - | [] | +| visible1.8.1 | whether visible. Bind to `v-model` | Boolean | true/false | false | + +- `data` sub configuration + + It is an array and it's items is Array too, eg: + + ```js + [ + [ + { + text: 'text', + value: 'value' + }, + ... + ], + [ + 'text', + 'text2', + ... + ] + ] + ``` + +#### CubeDrawerPanel + +| Attribute | Description | Type | Accepted Values | Default | +| - | - | - | - | - | +| data | data source | Array | - | [] | +| index | the data source index in CubeDrawer's data | Number | - | -1 | + +#### CubeDrawerItem + +| Attribute | Description | Type | Accepted Values | Default | +| - | - | - | - | - | +| data | item data | String/Object | - | '' | +| index | the item index in CubeDrawerPanel's data | Number | - | -1 | + +### Events + +| Event Name | Description | Parameters 1 | Parameters 2 | Parameters 3 | Parameters 4 | Parameters 5 | +| - | - | - | - | - | - | - | +| change | when selected item changed (the selected item is not in the last Panel) | current Panel index | changed item | selectedVal: Array, selected item values of each panels | selectedIndex: Array, selected indexes of each panels | selectedText: Array, texts of each columns in current selected item | +| select | when selected one item (the item is in the last Panel) | selectedVal: Array, selected item values of each panels | selectedIndex: Array, selected indexes of each panels | selectedText: Array, texts of each columns in current selected item | - | - | +| cancel | when clicked the left empty area | - | - | - | - | - | + +### Instance methods + +| Method name | Description | Parameters 1 | Parameters 2 | Parameters 3 | +| - | - | - | - | - | +| refill | refill data, change one Panel's data source | the Panel index | the data source | default selected index (Optional, recommended do not specify a value) | +| show | show | - | - | - | +| hide | hide | - | - | - | diff --git a/document/components/docs/en-US/form.md b/document/components/docs/en-US/form.md new file mode 100644 index 000000000..ec2299188 --- /dev/null +++ b/document/components/docs/en-US/form.md @@ -0,0 +1,476 @@ +## Form + +> New in 1.7.0+ +> +> 1.8.0+ supported trigger validating when blur and debounce. Supported async validate too because of Validator supported it. + +CubeForm is a schema-based form generator component. + +### Example + +- default usage + + This demo includes all cube-ui form fields. + + ```html + + ``` + ```js + export default { + data() { + return { + validity: {}, + valid: undefined, + model: { + checkboxValue: false, + checkboxGroupValue: [], + inputValue: '', + radioValue: '', + rateValue: 0, + selectValue: 2018, + switchValue: true, + textareaValue: '', + uploadValue: [] + }, + schema: { + groups: [ + { + legend: '基础', + fields: [ + { + type: 'checkbox', + modelKey: 'checkboxValue', + props: { + option: { + label: 'Checkbox', + value: true + } + }, + rules: { + required: true + }, + messages: { + required: 'Please check this field' + } + }, + { + type: 'checkbox-group', + modelKey: 'checkboxGroupValue', + label: 'CheckboxGroup', + props: { + options: ['1', '2', '3'] + }, + rules: { + required: true + } + }, + { + type: 'input', + modelKey: 'inputValue', + label: 'Input', + props: { + placeholder: '请输入' + }, + rules: { + required: true + }, + // validating when blur + trigger: 'blur' + }, + { + type: 'radio-group', + modelKey: 'radioValue', + label: 'Radio', + props: { + options: ['1', '2', '3'] + }, + rules: { + required: true + } + }, + { + type: 'select', + modelKey: 'selectValue', + label: 'Select', + props: { + options: [2015, 2016, 2017, 2018, 2019, 2020] + }, + rules: { + required: true + } + }, + { + type: 'switch', + modelKey: 'switchValue', + label: 'Switch', + rules: { + required: true + } + }, + { + type: 'textarea', + modelKey: 'textareaValue', + label: 'Textarea', + rules: { + required: true + }, + // debounce validate + // if set to true, the default debounce time will be 200(ms) + debounce: 100 + } + ] + }, + { + legend: '高级', + fields: [ + { + type: 'rate', + modelKey: 'rateValue', + label: 'Rate', + rules: { + required: true + } + }, + { + type: 'upload', + modelKey: 'uploadValue', + label: 'Upload', + events: { + 'file-removed': (...args) => { + console.log('file removed', args) + } + }, + rules: { + required: true, + uploaded: (val, config) => { + return Promise.all(val.map((file, i) => { + return new Promise((resolve, reject) => { + if (file.uploadedUrl) { + return resolve() + } + // fake request + setTimeout(() => { + if (i % 2) { + reject(new Error()) + } else { + file.uploadedUrl = 'uploaded/url' + resolve() + } + }, 1000) + }) + })).then(() => { + return true + }) + } + }, + messages: { + uploaded: '上传失败' + } + } + ] + }, + { + fields: [ + { + type: 'submit', + label: 'Submit' + }, + { + type: 'reset', + label: 'Reset' + } + ] + } + ] + }, + options: { + scrollToInvalidField: true, + layout: 'standard' // classic fresh + } + } + }, + methods: { + submitHandler(e) { + e.preventDefault() + console.log('submit', e) + }, + validateHandler(result) { + this.validity = result.validity + this.valid = result.valid + console.log('validity', result.validity, result.valid, result.dirty, result.firstInvalidFieldIndex) + }, + resetHandler(e) { + console.log('reset', e) + } + } + } + ``` + + `model` is the model/target JSON object, `schema` is the schema object with fields, if `immediate-validate` is true, we will run validation after load. + + `submit` is the submited event, the `validate` is the form validate event and the `reset` is the form reset event. + +- Custom usage + + You can choose to use your own custom components, or use slots to custom your logic. + + ```html + + + + + + {{model.dateValue || 'Please select date'}} + + + + + Submit + + + ``` + ```js + // province, city, area + // select component + const PCA = { + props: { + value: { + type: Array, + default() { + return [] + } + } + }, + data() { + return { + selected: [] + } + }, + render(createElement) { + return createElement('cube-button', { + on: { + click: this.showPicker + } + }, this.selected.length ? this.selected.join(' ') : 'placeholder') + }, + mounted() { + this.picker = this.$createCascadePicker({ + title: 'PCA Select', + data: cityData, + selectedIndex: this.value, + onSelect: this.selectHandler + }) + }, + methods: { + showPicker() { + this.picker.show() + }, + selectHandler(selectedVal, selectedIndex, selectedTxt) { + this.selected = selectedTxt + this.$emit('input', selectedVal) + } + } + } + export default { + data() { + return { + validity: {}, + valid: undefined, + model: { + inputValue: '', + pcaValue: [], + dateValue: '' + }, + fields: [ + { + type: 'input', + modelKey: 'inputValue', + label: 'Input', + props: { + placeholder: '请输入' + }, + rules: { + required: true + } + }, + { + component: PCA, + modelKey: 'pcaValue', + label: 'PCASelect', + rules: { + required: true + }, + messages: { + required: '请选择' + } + }, + { + modelKey: 'dateValue', + label: 'Date', + rules: { + required: true + } + } + ] + } + }, + methods: { + submitHandler(e) { + console.log('submit') + }, + validateHandler(result) { + this.validity = result.validity + this.valid = result.valid + console.log('validity', result.validity, result.valid, result.dirty, result.firstInvalidFieldIndex) + }, + showDatePicker() { + this.$refs.datePicker.show() + }, + dateSelectHandler(selectedVal) { + this.model.dateValue = new Date(selectedVal[0], selectedVal[1] - 1, selectedVal[2]).toDateString() + } + }, + components: { + DatePicker + } + } + ``` + + Like the `PCA` component, you can use `component` to define your custom component. Or use slots, like use DatePicker component. + +### Props + +#### Form + +| Attribute | Description | Type | Accepted Values | Default | +| - | - | - | - | - | +| model | The model/target JSON object | Object | - | {} | +| schema | the schema object with fields | Object | - | {} | +| immediateValidate | If true, we will run validation after load | Boolean | true/false | false | +| action | Form action value | String | - | undefined | +| options | Options for CubeForm | Object | - | {
scrollToInvalidField: false,
layout: 'standard' // or: classic|fresh
} | + +- `schema` sub configuration + + The schema contains the fields of the form, optionally in groups. + + - Without groups + + Use `fields`: + + ```js + { + fields: [ + { + type: 'input', + modelKey: 'inputValue', + label: 'Input' + }, + // ... + ] + } + ``` + + - With groups + + Use `groups`： + + ```js + { + groups: [ + { + legend: 'Group 1' + fields: [ + { + type: 'input', + modelKey: 'inputValue', + label: 'Input' + }, + // ... + ] + }, + { + legend: 'Group 2' + fields: [ + { + type: 'input', + modelKey: 'inputValue', + label: 'Input' + }, + // ... + ] + } + ] + } + ``` + + A field in the schema defines an input element to a value of model. The common properties of field: + + | Attribute | Description | Type | Accepted Values | Default | + | - | - | - | - | - | + | type | Type of field | String | Default fields: `button`, `checkbox`, `checkbox-group`, `input`, `radio`, `radio-group`, `rate`, `select`, `switch`, `textarea`, `upload`. There are two special types: `submit` and `reset`, they will be transformed to the corresponding type of `button`. | - | + | component | Custom filed component to replace `type`, the component should to work with `v-model` | Object/String | - | - | + | modelKey | Name of property in the `form` model | String | - | - | + | label | Label of field | String | - | - | + | props | This value will be the `type` or `component` props | Object | - | - | + | events1.8.0+ | This value will be the `type` or `component` custom events | Object | - | - | + | rules | Validator rules, see Validator | Object | - | - | + | trigger1.8.0+ | If set to 'blur' then will be validate this filed when blur | String | blur/change | - | + | debounce1.8.0+ | Debounce validating time(ms). If `trigger` is 'blur' then the debounce will be ignored | Number/Boolean | >= 0, if set to true the time will be 200(ms) | - | + | messages | Validator messages, see Validator | String | - | - | + +#### FormGroup + +| Attribute | Description | Type | Accepted Values | Default | +| - | - | - | - | - | +| legend | Group legend | String | - | '' | +| fields | Group fields | Array | - | [] | + +#### FormItem + +| Attribute | Description | Type | Accepted Values | Default | +| - | - | - | - | - | +| field | Field value | Object | - | - | + +### Events + +| Event Name | Description | Parameters 1 | Parameters 2 | +| - | - | - | - | +| submit | Form submit, only trigged when the form's validation is ok. If only have sync validators, this event will not be prevented by default. If have async validators, this event will be prevented by default. | e - event | form model value | +| reset | Form reset | e - event | - | +| validate | Form validated | Properties:
{
validity,
valid,
invalid,
dirty,
firstInvalidFieldIndex
} | - | +| valid | Form valid | Validity result | - | +| invalid | Form invalid | Validity result | - | + +- `validate` event parameters + + | Attribute | Description | Type | + | - | - | - | + | validity | Validity result | Object | + | valid | Validity check, if not verified this value will be undefined, once checked this value will be true or false | Boolean/Undefined | + | invalid | Validity check, if not verified this value will be undefined, once checked this value will be true or false | Boolean | + | dirty | When the form model changed then the form's dirty is true | Boolean | + | firstInvalidFieldIndex | First invalid field index | Number | + + - Validity result `validity` + + | Attribute | Description | Type | + | - | - | - | + | valid | Is valid or not | Boolean/Undefined | + | result | Result, eg:
{
 required: {
  valid: false,
  invalid: true,
  message: 'Required.'
 }
} | Object | + | dirty | The form model is changed or not | Boolean | + +### Instance methods + +| Method name | Description | Parameters | Returned value | +| - | - | - | - | +| submit | submit form | skipValidate: default `false`, if skipValidate is `true` then will be trigged submit event without validating1.12.2+ | - | +| reset | reset form | - | - | +| validate(cb) | validate form | cb: validated callback function, used to async validating cases normally. The arguments is the `valid` value | If supported Promise then the returned value will be Promise instance(Only have resolved state, the resolved value is `valid`), otherwise the returned value is `undefined` | diff --git a/document/components/docs/en-US/image-preview.md b/document/components/docs/en-US/image-preview.md new file mode 100644 index 000000000..c03544b81 --- /dev/null +++ b/document/components/docs/en-US/image-preview.md @@ -0,0 +1,167 @@ +## ImagePreview + +> New in 1.10.0+ + +Image preview. Support swipe, zoomin zoomout. + +__Notice:__ Cause this component used create-api, so you should read [create-api](#/en-US/docs/create-api) first. + +### Example + +The following demo code is [here](https://github.com/didi/cube-ui/tree/master/example/pages/image-preview). + +- Default usage + + ```html + Show ImagePreview + ``` + + ```js + export default { + data() { + return { + imgs: [ + 'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0mpd5uj21hc0tyws2.jpg', + 'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0ncnnej21hc0zetxo.jpg', + 'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0mqvu5j21hc0zkgzz.jpg', + 'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0m3ufuj21hc0zkqbj.jpg' + ] + } + }, + methods: { + showImagePreview() { + if (!this.imagePreview) { + this.imagePreview = this.$createImagePreview({ + imgs: this.imgs + }) + } + this.imagePreview.show() + } + } + } + ``` + + You can create a basic ImagePreview by setting `imgs` prop. + +- Custom usage + + ```html + Show Custom ImagePreview + ``` + + ```js + export default { + data() { + return { + customIndex: 1, + imgs: [ + 'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0mpd5uj21hc0tyws2.jpg', + 'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0ncnnej21hc0zetxo.jpg', + 'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0mqvu5j21hc0zkgzz.jpg', + 'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0m3ufuj21hc0zkqbj.jpg' + ] + } + }, + methods: { + showCustomImagePreview() { + if (!this.customImagePreview) { + this.customImagePreview = this.$createImagePreview({ + imgs: this.imgs, + initialIndex: this.customIndex, + loop: false, + speed: 500, + onChange: (i) => { + this.customIndex = i + }, + onHide: () => { + console.log('hide') + } + }, (h) => { + return h('div', { + class: { + 'image-preview-custom-header': true + }, + slot: 'header' + }, this.customIndex + 1) + }) + } + this.customImagePreview.show() + } + } + } + ``` + + You can set other props to config ImagePreview. And you can use render function to define slots content. + +- Multi images + + ```html +
+ +
+ ``` + + ```js + export default { + data() { + return { + initialIndex: 0, + imgs: [ + 'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0mpd5uj21hc0tyws2.jpg', + 'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0ncnnej21hc0zetxo.jpg', + 'https://wx1.sinaimg.cn/mw1024/686d7361ly1fpha0mqvu5j21hc0zkgzz.jpg' + ] + } + }, + methods: { + handleImgsClick(index) { + this.initialIndex = index + const params = { + $props: { + imgs: this.imgs, + initialIndex: 'initialIndex', // name of reactive key in data + loop: false + }, + $events: { + change: (i) => { + // You must update initialIndex + this.initialIndex = i + } + } + } + this.$createImagePreview({ ...params }).show() + } + } + } + ``` + + The image-preview component is instantiated in multi-images scenarios, and the displayed image is the image that is clicked each time. + +### Props + +| Attribute | Description | Type | Accepted Values | Default | +| - | - | - | - | - | +| imgs | image urls | Array | - | [] | +| initial-index | initial index | Number | - | 0 | +| loop | whether to loop swipe | Boolean | true/false | true | +| speed | speed of switching pages, ms | Number | - | 400 | +| zIndex1.10.11 | the value of the style z-index | Number | - | 100 | +| preventDefault1.10.16 | BetterScroll `preventDefault` option | Boolean | true/false | true | + +### Slots + +| Name | Description | Scope Parameters | +| - | - | - | +| header | header content | current: active index | +| footer | footer content | current: active index | + +### Events + +| Event Name | Description | Parameters | +| - | - | - | +| change | triggers when current index changes | current active index | +| hide | triggers when hide | - | diff --git a/document/components/docs/en-US/index-list.md b/document/components/docs/en-US/index-list.md index 47670b49c..a86b68465 100644 --- a/document/components/docs/en-US/index-list.md +++ b/document/components/docs/en-US/index-list.md @@ -6,62 +6,222 @@ - Basic usage -Construct data like `cityData` in the example below and pass it into `data` in `cube-index-list` component. - -```html - -``` -```javascript -const cityData = [ - { - "name": "★Hot City", - "items": [ - { - "name": "BEIJING", - "value": 1 + Construct data like `cityData` in the example below and pass it into `data` in `cube-index-list` component. + + ```html + + ``` + ```javascript + const cityData = [ + { + "name": "★Hot City", + "items": [ + { + "name": "BEIJING", + "value": 1 + }, + { + "name": "SHANGHAI", + "value": 2 + } + ] + }, + { + "name": "A", + "items": [ + { + "name": "ANSHAN", + "value": 3 + }, + { + "name": "ANQING", + "value": 4 + } + ] + } + ] + + export default { + data() { + return { + title: 'Current City: BEIJING', + cityData: cityData + } + }, + methods: { + selectItem(item) { + console.log(item.name) }, - { - "name": "SHANGHAI", - "value": 2 + clickTitle(title) { + console.log(title) } - ] - }, - { - "name": "A", - "items": [ - { - "name": "ANSHAN", - "value": 3 + } + } + ``` + +- Custom item content + + Beside default usage, you could customise the content of each item as required by inserting your custom DOM into the slot of `cube-index-list-item` as shown below. And please don't modify the usage of `cube-index-list-group` and `cube-index-list-item` unless you really know what you are doing. + + ```html + + + +
I am the custom {{item.name}}
+ + + + ``` + ```javascript + export default { + data() { + return { + cityData: cityData + } + }, + methods: { + selectItem(item) { + console.log(item.name) }, - { - "name": "ANQING", - "value": 4 + clickTitle(title) { + console.log(title) } - ] + } } -] + ``` + ```stylus + // Style of the custom item. + .custom-item + position: relative + height: 70px + line-height: 70px + padding: 0 16px + font-size: $fontsize-medium + + // Use custom style to cover default style. + .cube-index-list-content + background-color: #222 + color: #909090 + .cube-index-list-anchor + background-color: #333 + height: 30px + line-height: 30px + padding: 0 0 0 20px + .cube-index-list-nav + padding: 20px 0 + border-radius: 10px + background: rgba(0,0,0,.3) + >ul + >li + padding: 3px + font-size: 12px + color: #909090 + &.active + color: #ffcd32 + ``` + +- Pull Up Load + + Beside, you could use `pullUpLoad` to enable pull-up-load, the detail config is same as the `options.pullUpLoad` of Scroll. -export default { - data() { - return { - title: 'Current City: BEIJING', - cityData: cityData + ```html + + + ``` + ```javascript + export default { + data() { + return { + title: 'Current City: BEIJING', + data: cityData.slice(0, 4) + } + }, + methods: { + selectItem(item) { + console.log(item.name) + }, + clickTitle(title) { + console.log(title) + }, + onPullingUp() { + // Mock async load. + setTimeout(() => { + const length = this.data.length + if (length < cityData.length) { + // Update data. + this.data.push(cityData[length]) + } + // Call forceUpdate after finishing data load. + this.$refs.indexList.forceUpdate() + }, 1000) + } } - }, - methods: { - selectItem(item) { - console.log(item.name) + } + ``` + + - Pull Down Refresh + + Beside, you could use `pullDownRefresh` to enable pull-down-refresh, the detail config is same as the `options.pullDownRefresh` of Scroll. + + ```html + + + ``` + ```javascript + export default { + data() { + return { + title: 'Current City: BEIJING', + data: cityData, + pullDownRefresh: { + stop: 55 + } + } }, - clickTitle(title) { - console.log(title) + methods: { + selectItem(item) { + console.log(item.name) + }, + clickTitle(title) { + console.log(title) + }, + onPullingDown() { + // Mock async load. + setTimeout(() => { + // Update data. + this.data[1].items.push(...cityData[1].items) + // Call forceUpdate after finishing data load. + this.$refs.indexList.forceUpdate() + }, 1000) + } } } -} -``` + ``` ### Props configuration @@ -69,6 +229,11 @@ export default { | - | - | - | - | | title | title | String | - | | data | data to be displayed | Array | [] | +| navbar | whether need navbar | Boolean | true | +| speed | when click the navigator, the transition time of scrolling to the specific anchor (unit: ms). | number | 0 | +| options1.9.8+ | the options of better-scroll, you could find details at [BS Document](https://ustbhuangyi.github.io/better-scroll/doc/en/options.html) | Object | {
observeDOM: true,
click: true,
probeType: 1,
scrollbar: false,
pullDownRefresh: false,
pullUpLoad: false
} | +| pullUpLoad1.8.0+ | pull-up-load, the detail config is same as the `options.pullUpLoad` of Scroll. `Deprecated`, please use the property `options` instead. | Boolean/Object | false | +| pullDownRefresh1.8.0+ | pull-down-refresh, the detail config is same as the `options.pullDownRefresh` of Scroll. `Deprecated`, please use the property `options` instead. | Boolean/Object | false | - `data` sub configuration @@ -81,9 +246,18 @@ export default { Each item of `items` array must be an object that must contains the `name` attribute which is used for displaying the content; For example: `items`: `[{name: 'xx', ...}, ...]` +### Slot + +| Name | Description | Scope Parameters | +| - | - | - | +| pulldown1.9.4+ | located above the list and shown when pulling down refreshing | the detail is the same as Scroll component's pulldown slot scope parameters | +| pullup1.9.4+ | located below the list and shown when pulling up loading | the detail is the same as Scroll component's pullup slot scope parameters | + ### Events | Event Name | Description | Parameters | | - | - | - | | select | triggers when clicking one of the items in IndexList | data of the item | | title-click | triggers when clicking title(valid only if title has been configured) | the value of title | +| pulling-up1.8.0+ | triggers when the distance of pulling up exceeds the threshold, if pullUpLoad is true | - | +| pulling-down1.8.0+ | triggers when the distance of pulling down exceeds the threshold, if pullDownRefresh is true | - | diff --git a/document/components/docs/en-US/input.md b/document/components/docs/en-US/input.md new file mode 100644 index 000000000..31c3577e8 --- /dev/null +++ b/document/components/docs/en-US/input.md @@ -0,0 +1,130 @@ +## Input + +> New in 1.5.0+ + +Input component. You can use the `v-model` directive to create two-way data bindings and use a clear button to clear the content. + +### Example + +- Basic usage + + You can use the `v-model` directive to create two-way data bindings + + ```html + + ``` + + ```javascript + export default { + data() { + return { + value: '' + } + } + } + ``` + + +- Clearable config + + You can use the `clearable` attribute to toggle the clear button. + + Before 1.11.0, the `clearable` value only can be a Boolean value. + + After 1.11.0 the `clearable` value can be a Boolean or an Object value. + + ```html + + ``` + ```javascript + export default { + data() { + return { + value: '', + clearable: { + visible: true, + blurHidden: true + } + } + } + } + ``` + +- Eye config + + You can use `pwdEye` to toggle password eye button and password filed's visibility. + + ```html + + ``` + ```javascript + export default { + data() { + return { + value: '', + placeholder: '请输入内容', + type: 'password', + readonly: true, + maxlength: 100, + disabled: true, + autofocus: true, + autocomplete: true, + eye: { + open: true, + reverse: false + } + } + } + } + ``` + + As you can see, this component also support the native attributes of the Input element. + +### Props configuration + +| Attribute | Description | Type | Accepted Values | Default | +| - | - | - | - | - | +| type | type of input | String | text/number/password/date | text | +| v-model | bound value | String | - | empty | +| disabled | disabled status | Boolean | true/false | false | +| readonly | readonly status | Boolean | true/false | false | +| maxlength | maxlength of input | Number | - | 60 | +| placeholder | placeholder of input | String | - | empty | +| autofocus | autofocus status | Boolean | true/false | false | +| autocomplete | autocomplete status | Boolean | true/false | false | +| clearable | whether to show clear button, after 1.11.0 you can alse use object config like `{visible: true, blurHidden: true}`, the `visible` is used to control the visibility and the `blurHidden` is used to control whether hidden after blur. | Boolean/Object1.11.0+ | true/false | false | +| eye | If set to false then the password eye is invisible, if true, equal to `{open: true, reverse: false}`, Object form mean using the password eye. The `open` control the password eye open or close, `reverse` control whether the password content visibility is reverse with the password eye open or not. | Boolean/Object | true/false/{open: `true/false`} | false | + +### Slot + +| Slot Name | Description | +| - | - | +| prepend | prepend content | +| append | append content | + +### Event + +| Event Name | Description | Parameters | +| - | - | - | +| focus | This event is triggered after the input box is focused. If input is disabled, it will not be triggered | e - event | +| blur | This event is triggered after the input box blur | e - event | + +### Instance methods + +| Method name | Description | +| - | - | +| focus1.12.10+ | Focus element | +| blur1.12.10+ | Blur element | diff --git a/document/components/docs/en-US/install.md b/document/components/docs/en-US/install.md deleted file mode 100644 index 4c47bab3b..000000000 --- a/document/components/docs/en-US/install.md +++ /dev/null @@ -1,24 +0,0 @@ -## Install - - -### NPM - -It is recommended to install `cube-ui` via npm. - -```shell -$ npm install cube-ui -``` - - -### CDN - -You can also import js and css files from unpkg.com with tags in html. - -```html - - -``` - -### Version log - -For update logs of each version, see [GitHub](https://github.com/didi/cube-ui/releases) diff --git a/document/components/docs/en-US/internationalization.md b/document/components/docs/en-US/internationalization.md new file mode 100644 index 000000000..9b5819b66 --- /dev/null +++ b/document/components/docs/en-US/internationalization.md @@ -0,0 +1,121 @@ +## Internationalization + +> New in 1.11.0+ + +The cube-ui component uses Chinese internally by default. If you want to use another language, you need to set it in multiple languages. Take English as an example in main.js: + +```js + + // Full import + import Vue from 'vue' + import CubeUI from 'cube-ui' + import enUSMessages from 'cube-ui/src/locale/lang/en-US' // Built-in in cube-ui + import jaJPMessages from '../some/path/lang/ja-JP' // Import Japanese language by yourself + const Locale = CubeUI.Locale + Vue.use(CubeUI) + Locale.use('en-US', enUSMessages) + Locale.use('ja-JP', jaJPMessages) + +``` + +Or, import by module + +```js + + // Only import ActionSheet + import Vue from 'vue' + import { ActionSheet, Locale } from 'cube-ui' + import enUSMessages from 'cube-ui/src/locale/lang/en-US' + + Vue.use(Locale) + Locale.use('en-US', enUSMessages) + +``` + +Cube-ui will watch the current language type, so it automatically renders once language type has changed, and caches the loaded translation. When the language type is switched and the language translation is already installed, cube-ui directly takes the cached copy. Similar pseudo code is as follows: + +```js + + // Only import ActionSheet + import Vue from 'vue' + import { ActionSheet, Locale } from 'cube-ui' + import enUSMessages from 'cube-ui/src/locale/lang/en-US' + + // Chinese translation by default + Vue.use(Locale) + + // Click to switch English language translation + one.click(() =>{ + Locale.use('en-US', enUSMessages) + }) + + // Switch back to default + another.click(() => { + // Take the translation from the cache + Locale.use('zh-CN') + }) + +``` + +The default messages is as follows + +```js + + export default { + cancel: '取消', + confirm: '确认', + ok: '确定', + prev: '上一步', + next: '下一步', + selectText: '请选择', + now: '现在', + selectTime: '选择时间', + today: '今日', + formatDate: 'M月D日', + hours: '点', + minutes: '分', + validator: { + required: '此为必填项', + type: { + string: '请输入字符', + number: '请输入数字', + array: '数据类型应为数组', + date: '请选择有效日期', + email: '请输入有效邮箱', + tel: '请输入有效的手机号码', + url: '请输入有效网址' + }, + min: { + string: '至少输入 {{config}} 位字符', + number: '不得小于 {{config}}', + array: '请选择至少 {{config}} 项', + date: '请选择 {{config | toLocaleDateString("yyyy年MM月dd日")}} 之后的时间', + email: '至少输入 {{config}} 位字符', + tel: '至少输入 {{config}} 位字符', + url: '至少输入 {{config}} 位字符' + }, + max: { + string: '请勿超过 {{config}} 位字符', + number: '请勿大于 {{config}}', + array: '最多选择 {{config}} 项', + date: '请选择 {{config | toLocaleDateString("yyyy年MM月dd日")}} 之前的时间', + email: '请勿超过 {{config}} 位字符', + tel: '请勿超过 {{config}} 位字符', + url: '请勿超过 {{config}} 位字符' + }, + len: { + string: '请输入 {{config}} 位字符', + number: '长度应等于 {{config}}', + array: '请选择 {{config}} 项', + date: '请选择 {{config | toLocaleDateString("yyyy年MM月dd日")}} 之前的时间', + email: '请输入 {{config}} 位字符', + tel: '请输入 {{config}} 位字符', + url: '请输入 {{config}} 位字符' + }, + pattern: '格式错误', + custom: '未通过校验', + notWhitespace: '空白内容无效' + } + } + +``` diff --git a/document/components/docs/en-US/introduction.md b/document/components/docs/en-US/introduction.md index fe1b62518..4bae45dc0 100644 --- a/document/components/docs/en-US/introduction.md +++ b/document/components/docs/en-US/introduction.md @@ -6,11 +6,11 @@ cube-ui is an elegant mobile component library based on Vue.js. - **Quality** - Extracted from DiDi interior component library and has been put to business test for more than one year. Every component has full unit tests to provide assurance for continuous integration. + Extracted from DiDi interior component library and has been put to business test for more than one year. Every component has full unit tests to provide assurance for continuous integration. - **Experience** - Make quick response, fluent animation and close to native components as the goal, and pursue the perfection of the interactive experience. + Make quick response, fluent animation and close to native components as the goal, and pursue the perfection of the interactive experience. - **Standard** @@ -25,21 +25,40 @@ cube-ui is an elegant mobile component library based on Vue.js. #### Basic - [Button](#/en-US/docs/button) -- [Checkbox](#/en-US/docs/checkbox) -- [CheckboxGroup](#/en-US/docs/checkbox-group) - [Loading](#/en-US/docs/loading) - [Tip](#/en-US/docs/tip) +- [Toolbar](#/en-US/docs/toolbar) +- [TabBar](#/en-US/docs/tab-bar) + +#### Form + +- [Checkbox](#/en-US/docs/checkbox) +- [CheckboxGroup](#/en-US/docs/checkbox-group) +- [Radio](#/en-US/docs/radio) +- [Input](#/en-US/docs/input) +- [Textarea](#/en-US/docs/textarea) +- [Select](#/en-US/docs/select) +- [Switch](#/en-US/docs/switch) +- [Rate](#/en-US/docs/rate) +- [Validator](#/en-US/docs/validator) +- [Upload](#/en-US/docs/upload) +- [Form](#/en-US/docs/form) #### Layer - [Popup](#/en-US/docs/popup) - [Toast](#/en-US/docs/toast) - [Picker](#/en-US/docs/picker) +- [CascadePicker](#/en-US/docs/cascade-picker) +- [DatePicker](#/en-US/docs/date-picker) - [TimePicker](#/en-US/docs/time-picker) +- [SegmentPicker](#/en-US/docs/segment-picker) - [Dialog](#/en-US/docs/dialog) - [ActionSheet](#/en-US/docs/action-sheet) +- [Drawer](#/en-US/docs/drawer) +- [ImagePreview](#/en-US/docs/image-preview) -All the layer components can be invoked by components and API, let's take `Toast` as an example: +Most of the layer components can be invoked by components and API, let's take `Toast` as an example: Component invoking: @@ -96,8 +115,12 @@ Pay attention that the name of the API is `$create` + `${component name}`. For e - [Scroll](#/en-US/docs/scroll) - [Slide](#/en-US/docs/slide) - [IndexList](#/en-US/docs/index-list) +- [Swipe](#/en-US/docs/swipe) +- [Sticky](#/en-US/docs/sticky) +- [ScrollNavBar](#/en-US/docs/scroll-nav-bar) +- [ScrollNav](#/en-US/docs/scroll-nav) -Scroll Components are all implemented based on [better-scroll](https://github.com/ustbhuangyi/better-scroll) and `Scroll` Component is the encapsulation of better-scroll. +Most of the scroll components are all implemented based on [better-scroll](https://github.com/ustbhuangyi/better-scroll) and `Scroll` Component is the encapsulation of better-scroll. ### Modules diff --git a/document/components/docs/en-US/loading.md b/document/components/docs/en-US/loading.md index d2ccf6b48..0827df948 100644 --- a/document/components/docs/en-US/loading.md +++ b/document/components/docs/en-US/loading.md @@ -6,13 +6,13 @@ - The size of icon -Default is `24px` and can be configured by setting `size`. + Default is `24px` and can be configured by setting `size`. -```html - - - -``` + ```html + + + + ``` ### Props configuration diff --git a/document/components/docs/en-US/picker.md b/document/components/docs/en-US/picker.md index 70cce9cae..db7f7f3fb 100644 --- a/document/components/docs/en-US/picker.md +++ b/document/components/docs/en-US/picker.md @@ -1,190 +1,213 @@ ## Picker -`Picker` component supports multi-column selectors and linkage data. +`Picker` could use to implementing single or multi-column picker. + +__Notice:__ Cause this component used create-api, so you should have basically knowledge of [create-api](#/en-US/docs/create-api) first. ### Example -- Basic usage - -```html -Picker -``` -```js -const col1Data = [{ text: '剧毒', value: '剧毒'}, { text: '蚂蚁', value: '蚂蚁' }, { text: '幽鬼', value: '幽鬼' }] -export default { - mounted () { - this.picker = this.$createPicker({ - title: 'Picker selectors - single column', - data: [col1Data], - onSelect: (selectedText, selectedIndex) => { + As for Picker, the most important thing is how to define the options. The property `data` is used to define options. It's a two-dimensional array, the first dimensional means which columns the picker has, while the second dimensional represent the options of each column. + +#### 1\) Single-column Picker + + firstly, there is an example of Single-column Picker: + + ```html + Picker + ``` + ```js + const column1 = [{ text: '剧毒', value: '剧毒'}, { text: '蚂蚁', value: '蚂蚁' }, + { text: '幽鬼', value: '幽鬼' }] + + export default { + methods: { + showPicker() { + if (!this.picker) { + this.picker = this.$createPicker({ + title: 'Picker', + data: [column1], + onSelect: this.selectHandle, + onCancel: this.cancelHandle + }) + } + this.picker.show() + }, + selectHandle(selectedVal, selectedIndex, selectedText) { this.$createDialog({ type: 'warn', - content: `selected content：${selectedText.join(',')}
selected index： ${selectedIndex.join(',')}`, + content: `Selected Item:
- value: ${selectedVal.join(', ')}
- index: ${selectedIndex.join(', ')}
- text: ${selectedText.join(' ')}`, icon: 'cubeic-alert' }).show() }, - onCancel: () => { + cancelHandle() { this.$createToast({ type: 'correct', - txt: 'Clicked cancel button', + txt: 'Picker canceled', time: 1000 }).show() } - }) - }, - methods: { - showPicker () { - this.picker.show() - } - } -} -``` - -- Multi-column selectors - -```html -Picker - multiple Columns -``` -```js -const col1Data = [{ text: '剧毒', value: '剧毒'}, { text: '蚂蚁', value: '蚂蚁' }, { text: '幽鬼', value: '幽鬼' }] - const col2Data = [{ text: '输出', value: '输出' }, { text: '控制', value: '控制' }, { text: '核心', value: '核心' -}, { text: '爆发', value: '爆发' }, { text: '辅助', value: '辅助' }, { text: '打野', value: '打野' }, { text: '逃生', value: '逃生' }, { text: '先手', value: '先手' }] - const col3Data = [{ text: '梅肯', value: '梅肯'}, { text: '秘法鞋', value: '秘法鞋' }, { text: '假腿', value: '假腿' }, { text: '飞鞋', value: '飞鞋' }, { text: '辉耀', value: '辉耀' }, { text: '金箍棒', value: '金箍棒' }] -export default { - mounted () { - this.picker = this.$createPicker({ - title: 'Picker selectors - multiple columns', - data: [col1Data, col2Data, col3Data] - }) - }, - methods: { - showPicker () { - this.picker.show() } } -} -``` - -`data` receives an array, whose length determines the columns of `picker`. - -- Linkage selectors - -```html -Picker - linkage -``` -```js -import { provinceList, cityList, areaList } from '../data/area' - -export default { - data () { - return { - tempIndex: [0, 0, 0] - } - }, - mounted () { - this.picker = this.$createPicker({ - title: 'Picker - linkage data', - data: this.linkageData, - onChange: (i, newIndex) => { - if (newIndex !== this.tempIndex[i]) { - for (let j = 2; j > i; j--) { - this.tempIndex.splice(j, 1, 0) - this.picker.scrollTo(j, 0) - } - - this.tempIndex.splice(i, 1, newIndex) - this.picker.setData(this.linkageData, this.tempIndex) + ``` + +#### 2\) Multi-column Picker + + You can genarate Multi-column Picker by input the data of several columns. For example, here is a three-colunms picker: + + ```html + Multi-column Picker + ``` + ```js + const column1 = [{ text: '剧毒', value: '剧毒'}, { text: '蚂蚁', value: '蚂蚁' }, + { text: '幽鬼', value: '幽鬼' }] + const column2 = [{ text: '输出', value: '输出' }, { text: '控制', value: '控制' }, + { text: '核心', value: '核心'}, { text: '爆发', value: '爆发' }] + const column3 = [{ text: '梅肯', value: '梅肯'}, { text: '秘法鞋', value: '秘法鞋' }, + { text: '假腿', value: '假腿' }, { text: '飞鞋', value: '飞鞋' }] + + export default { + methods: { + showMutiPicker() { + if (!this.mutiPicker) { + this.mutiPicker = this.$createPicker({ + title: 'Multi-column Picker', + data: [column1, column2, column3], + onSelect: this.selectHandle, + onCancel: this.cancelHandle + }) } + this.mutiPicker.show() }, - onSelect: (selectedText, selectedIndex) => { + selectHandle(selectedVal, selectedIndex, selectedText) { this.$createDialog({ type: 'warn', - content: `selected content：${selectedText.join(',')}
selected index： ${selectedIndex.join(',')}`, + content: `Selected Item:
- value: ${selectedVal.join(', ')}
- index: ${selectedIndex.join(', ')}
- text: ${selectedText.join(' ')}`, icon: 'cubeic-alert' }).show() }, - onCancel: () => { + cancelHandle() { this.$createToast({ type: 'correct', - txt: 'Clicked cancel button', + txt: 'Picker canceled', time: 1000 }).show() } - }) - }, - watch: { - linkageData() { - this.picker.refresh() - } - }, - computed: { - linkageData() { - const provinces = provinceList - const cities = cityList[provinces[this.tempIndex[0]].value] - const areas = areaList[cities[this.tempIndex[1]].value] - - return [provinces, cities, areas] } } - methods: { - showPicker () { - this.picker.show() + ``` + +#### 3\) Alias for the sub properties of option + + Sometimes, you may want to use alias to config the value and text of options, instead of `value` and `text`. Think about this, when the name origin data is `id` and `name`, you could use `id` 和 `name` to define value and text directly by using property `alias` to config the alias of `value` as `id`, `text` as `name`. + + ```html + Use Alias + ``` + ```js + export default { + methods: { + showAliasPicker() { + if (!this.aliasPicker) { + this.aliasPicker = this.$createPicker({ + title: 'Use Alias', + data: [[{ id: 1, name: 'A' }, { id: 2, name: 'B' }, { id: 3, name: 'C' }]], + alias: { + value: 'id', + text: 'name' + }, + onSelect: this.selectHandle, + onCancel: this.cancelHandle + }) + } + this.aliasPicker.show() + }, + selectHandle(selectedVal, selectedIndex, selectedText) { + this.$createDialog({ + type: 'warn', + content: `Selected Item:
- value: ${selectedVal.join(', ')}
- index: ${selectedIndex.join(', ')}
- text: ${selectedText.join(' ')}`, + icon: 'cubeic-alert' + }).show() + }, + cancelHandle() { + this.$createToast({ + type: 'correct', + txt: 'Picker canceled', + time: 1000 + }).show() + } } } -} -``` - -By monitoring the `change` event triggered by each roller and invoke `setData` method to dynamicly set values of associated rollers to accomplish linkage selectors. - -- Instance method `setData` - -```html -Picker - setData -``` -```js -const col1Data = [{ text: '剧毒', value: '剧毒'}, { text: '蚂蚁', value: '蚂蚁' }, { text: '幽鬼', value: '幽鬼' }] -const col2Data = [{ text: '梅肯', value: '梅肯'}, { text: '秘法鞋', value: '秘法鞋' }, { text: '假腿', value: '假腿' }, { text: '飞鞋', value: '飞鞋' }, { text: '辉耀', value: '辉耀' }, { text: '金箍棒', value: '金箍棒' }] -const col3Data = [{ text: '输出', value: '输出'}, { text: '控制', value: '控制' }, { text: '核心', value: '核心' }, { text: '爆发', value: '爆发'}, { text: '辅助', value: '辅助' }] -export default { - mounted () { - this.picker = this.$createPicker({ - title: 'Picker-setData', - onSelect: (selectedText, selectedIndex) => { + ``` + +#### 4\) Method `$updateProps` + + When you need to change some properties of Picker, you could use the method `$updateProps` to input the new properties. + + ```html + Use $updateProps + ``` + ```js + const column1 = [{ text: '剧毒', value: '剧毒'}, { text: '蚂蚁', value: '蚂蚁' }, + { text: '幽鬼', value: '幽鬼' }] + const column2 = [{ text: '输出', value: '输出' }, { text: '控制', value: '控制' }, + { text: '核心', value: '核心'}, { text: '爆发', value: '爆发' }] + const column3 = [{ text: '梅肯', value: '梅肯'}, { text: '秘法鞋', value: '秘法鞋' }, + { text: '假腿', value: '假腿' }, { text: '飞鞋', value: '飞鞋' }] + + export default { + methods: { + showUpdatePropsPicker() { + if (!this.updatePropsPicker) { + this.updatePropsPicker = this.$createPicker({ + title: 'Use $updateProps', + data: [column1], + selectedIndex: [0], + onSelect: this.selectHandle, + onCancel: this.cancelHandle + }) + } + this.updatePropsPicker.show() + setTimeout(() => { + this.updatePropsPicker.$updateProps({ + title: 'Updated', + data: [column1, column2, column3], + selectedIndex: [1, 2, 3] + }) + }, 1000) + }, + selectHandle(selectedVal, selectedIndex, selectedText) { this.$createDialog({ type: 'warn', - content: `selected content：${selectedText.join(',')}
selectedIndex： ${selectedIndex.join(',')}`, + content: `Selected Item:
- value: ${selectedVal.join(', ')}
- index: ${selectedIndex.join(', ')}
- text: ${selectedText.join(' ')}`, icon: 'cubeic-alert' }).show() }, - onCancel: () => { + cancelHandle() { this.$createToast({ type: 'correct', - txt: 'Clicked cancel button', + txt: 'Picker canceled', time: 1000 }).show() } - }) - }, - methods: { - showPicker () { - this.picker.setData([col1Data, col2Data, col3Data], [1, 2, 3]) - this.picker.show() } } -} -``` - -Instance method `setData` accepts two parameters, both of whom are arrays. The first is data that the roller displays and the second is indexs of selected values. + ``` ### Props configuration -| Attribute | Description | Type | Accepted Values | Default | +| Attribute | Description | Type | Default | Accepted Values | | - | - | - | - | - | -| title | title | String | '' | - | | data | data that passed into picker, whose length determines the columns of picker | Array | [] | - | -| cancelTxt | the text of the left button in picker | String | '取消' | - | -| confirmTxt | the text of the right button in picker | String | '确定' | - | -| selectIndex | the index of the selected value, corresponding content will be displayed when picker shows | Array | [] | [1] | +| selectedIndex | the index of the selected value, corresponding content will be displayed when picker shows | Array | [] | [1] | +| title | title | String | '' | - | +| subtitle1.8.1 | subtitle | String | '' | - | +| cancelTxt | the text of the cancel button | String | '取消' | - | +| confirmTxt | the text of the confirm button | String | '确定' | - | +| swipeTime | the duration of the momentum animation when user flicks the wheel of the picker, Unit: ms | Number | 2500 | - | +| alias | configure the alias of `value` and `text` | Object | {} | { value: 'id', text: 'name'} | +| visible1.8.1 | whether visible. Bind to `v-model` | Boolean | true/false | false | +| maskClosable1.9.6 | whether hide the component when clicked the mask layer | Boolean | true/false | true | +| zIndex1.9.6 | the value of the style z-index | Number | 100 | - | * `data` sub configuration @@ -192,12 +215,13 @@ Instance method `setData` accepts two parameters, both of whom are arrays. The f | - | - | - | - | - | | text | the text displayed in each column of picker | String/Number | - | - | | value | corresponding value of the text displayed in each column of picker | String/Number/Boolean | - | - | +| disabled | disabled to pick | Boolean | false | true/false | ### Events -| Event Name | Description | Parameters 1 | Parameters 2 | -| - | - | - | - | -| select | triggers when clicking the confirm button | selectedVal: Array, values of each columns in current selected item | selectedIndex: Array, indexes of each columns in current selected item | +| Event Name | Description | Parameters 1 | Parameters 2 | Parameters 3 | +| - | - | - | - | - | +| select | triggers when clicking the confirm button | selectedVal: Array, values of each columns in current selected item | selectedIndex: Array, indexes of each columns in current selected item | selectedText: Array, texts of each columns in current selected item | | change | triggers when the roller scrolls | index: Number, index of current scrolling roller | selectedIndex: Number, index of selected item in current column | | value-change | triggers when confirmed value changes| selectedVal: Array, values of each columns in current confirmed item | selectedIndex: Array, indexes of each columns in current confirmed item | | cancel | triggers when clicking the cancel button | - | - | @@ -207,3 +231,5 @@ Instance method `setData` accepts two parameters, both of whom are arrays. The f | Method name | Description | Parameters 1 | Parameters 2 | | - | - | - | - | | setData | set options in picker| Array, texts and values of options of each columns of picker | Array, indexes of selected item in each column of picker | +| show | show | - | - | +| hide | hide | - | - | diff --git a/document/components/docs/en-US/popup.md b/document/components/docs/en-US/popup.md index 6be3b1e2d..ec6c19481 100644 --- a/document/components/docs/en-US/popup.md +++ b/document/components/docs/en-US/popup.md @@ -2,136 +2,181 @@ The underlying popup component, mainly used to implement upper component encapsulation based on itself. It only provides basic functions: specifying the type, whether there's a background layer, showing content (HTML) and whether the component is in center position. -All of the built-in popup type components are implemented based on this component, including [Toast](#/en-US/docs/toast)、[Picker](#/en-US/docs/picker)、[TimePicker](#/en-US/docs/time-picker)、[Dialog](#/en-US/docs/dialog)、[ActionSheet](#/en-US/docs/action-sheet). +Most of the built-in popup type components are implemented based on this component, including [Toast](#/en-US/docs/toast)、[Picker](#/en-US/docs/picker)、[CascadePicker](#/en-US/docs/cascade-picker)、[DatePicker](#/en-US/docs/date-picker)、[TimePicker](#/en-US/docs/time-picker)、[SegmentPicker](#/en-US/docs/segment-picker)、[Dialog](#/en-US/docs/dialog)、[ActionSheet](#/en-US/docs/action-sheet). + +__Notice:__ All the components above used create-api, so you should read [create-api](#/en-US/docs/create-api) first. ### Example - Basic usage -```html - - My Popup Content 1 - - - Show Popup - -``` - -Specifying `type` will help control class according to the type. In the example above, `cube-my-popup` will be added to the classList of the root element. - -```js -export default { - methods: { - showPopup(refId) { - const component = this.$refs[refId] - component.show() - setTimeout(() => { - component.hide() - }, 1000) + ```html + + My Popup Content 1 + + + Show Popup + + ``` + + Specifying `type` will help control class according to the type. In the example above, `cube-my-popup` will be added to the classList of the root element. + + ```js + export default { + methods: { + showPopup(refId) { + const component = this.$refs[refId] + component.show() + setTimeout(() => { + component.hide() + }, 1000) + } } } -} -``` + ``` -The component is hidden by default and won't show up unless invoking the `show()` method of the instance of the component. And of course, invoking the `hide()` method of the instance of the component will hide itself. That's what `showPopup()` does in the example above (first show and hide in one second). + The component is hidden by default and won't show up unless invoking the `show()` method of the instance of the component. And of course, invoking the `hide()` method of the instance of the component will hide itself. That's what `showPopup()` does in the example above (first show and hide in one second). - Without background layer -```html - - My Popup Content 2 - - - Show Popup - no mask - -``` -Setting `mask` to `false` and the background layer is hidden. + ```html + + My Popup Content 2 + + + Show Popup - no mask + + ``` -- Show the HTML content + Setting `mask` to `false` and the background layer is hidden. -```html - - - Show Popup - with content - -``` +- Show the HTML content -You only need to pass the HTML fragment on to `content`. + ```html + + + Show Popup - with content + + ``` + + You only need to pass the HTML fragment on to `content`. + +- Control the content position & mask closable1.9.6 + ```html + My Popup Content 4 + top/right/bottom/left/center + ``` + ```js + const positions = ['top', 'right', 'bottom', 'left', 'center'] + let cur = 0 + export default { + data() { + return { + position: '' + } + }, + methods: { + showPopup() { + this.position = positions[cur++] + if (cur === positions.length) { + cur = 0 + } + const component = this.$refs.myPopup4 + component.show() + setTimeout(() => { + component.hide() + }, 2000) + } + } + } + ``` + You can use `position` to control the content's position and use `mask-closable` to control mask closable. - Setting to bottom -```html -My Popup Content 4 - - Show Popup - bottom - -``` + ```html + My Popup Content 4 + + Show Popup - bottom + + ``` -Considering that in mobile secnes, popup is in center or bottom most of the time (covered in horizontal direction when setted to bottom). So if setting `center` to `false`, you'll set the component to bottom. + Considering that in mobile secnes, popup is in center or bottom most of the time (covered in horizontal direction when setted to bottom). So if setting `center` to `false`, you'll set the component to bottom. - Upper layer encapsulation -```html - - - -``` - -An upper layer encapsulated CubeExtendPopup component with some styles is implemented. It supports passing the content on, has default slot and can be hidden if clicking the content. You can use it in this way (need to be registers globally or partially): - -```html - - - Show Extend Popup - -``` + + + ``` + + An upper layer encapsulated CubeExtendPopup component with some styles is implemented. It supports passing the content on, has default slot and can be hidden if clicking the content. You can use it in this way (need to be registers globally or partially): + + ```html + + + Show Extend Popup + + ``` ### Props configuration | Attribute | Description | Type | Accepted Values | Default | | - | - | - | - | - | +| visible1.8.1 | whether visible. Bind to `v-model` | Boolean | true/false | false | | type | the type of popup | String | - | '' | | mask | whether to show background layer | Boolean | true/false | true | | content | content, HTML string, valid when there's no slot | String | - | '' | | center | whether to be in center in horizontal and vertical direction | Boolean | true/false | true | +| position1.9.6 | content position, if set position then `center` will be ignored | String | top/right/bottom/left/center | '' | +| maskClosable1.9.6 | whether hide the component when clicked the mask layer | Boolean | true/false | false | +| zIndex1.9.6 | the value of the style z-index | Number | - | 100 | ### Events | Event Name | Description | Parameters | | - | - | - | | mask-click | triggers when the background layer is clicked | click event target | + +### Instance methods + +| Method name | Description | +| - | - | +| show | show | +| hide | hide | diff --git a/document/components/docs/en-US/post-compile.md b/document/components/docs/en-US/post-compile.md index a4510d63b..bca12ad38 100644 --- a/document/components/docs/en-US/post-compile.md +++ b/document/components/docs/en-US/post-compile.md @@ -64,7 +64,18 @@ module.exports = { } ``` -Add `compileDependencies：` to the application's package.json: +And if you can control all the packages which you want to post compile, you can just add postCompile: true to the packages package.json: + +```js +{ + "name": "your-one-pkg", + // ... + "postCompile": true + // ... +} +``` + +Or you can add compileDependencies to your application package.json: ```js // package.json @@ -75,7 +86,6 @@ Add `compileDependencies：` to the application's package.json: } ``` - If `A` package have a dependency on `C` which is needed to be post compiled, just add `compileDependencies` to `A`'s package.json: ```json diff --git a/document/components/docs/en-US/quick-start.md b/document/components/docs/en-US/quick-start.md index dabcad018..906464f71 100644 --- a/document/components/docs/en-US/quick-start.md +++ b/document/components/docs/en-US/quick-start.md @@ -1,44 +1,170 @@ ## Quick start +- [Application Guide](https://github.com/cube-ui/cube-application-guide) +- Have problems? See [QA](https://github.com/cube-ui/question-answer/issues) + +### CLI + + +#### vue-cli >= 3 + +If you are using vue-cli@3, you can use [vue-cli-plugin-cube-ui](https://github.com/cube-ui/vue-cli-plugin-cube-ui) plugin. After you inited your project, just run `vue add cube-ui`. About options, see [cube-template WIKI](https://github.com/cube-ui/cube-template/wiki). + +Then you can see the Usage part directly. + +#### vue-cli < 3 + +If you are going to create a new project with cube-ui, use the [cli tools](https://github.com/cube-ui/cube-template) base on [vue-cli](https://github.com/vuejs/vue-cli) to init the config and base code, then you can ignore the Install steps and see the Usage part directly. + +```shell +$ vue init cube-ui/cube-template projectname +``` + +About cube-template special options: [cube-template WIKI](https://github.com/cube-ui/cube-template/wiki). + +If you are going to use cube-ui in an existing project, see the Install part first. + ### Install +> This section only used in the case of vue-cli < 3 + +#### NPM + ```shell $ npm install cube-ui --save ``` -### Usage +Since cube-ui support two compile ways such as [post-compile] (#/en-US/docs/post-compile) and normal compile with webpack 2+(by default using post-compile), you need to modify your application's dependencies and configuration before using it. -It is recommended to use [babel-plugin-transform-modules](https://www.npmjs.com/package/babel-plugin-transform-modules),which helps you import component modules and corresponding styles more elegantly. +- post-compile -Before use, the plugin needs some configuration. Modify .babelrc: + 1. Modify package.json and install the dependencies -- webpack 1.x - ```json - { - "plugins": ["transform-modules", { - "cube-ui": { - "transform": "cube-ui/lib/${member}", - "kebabCase": true, - "style": true + ```json + { + // webpack-transform-modules-plugin depends on transformModules + "transformModules": { + "cube-ui": { + "transform": "cube-ui/src/modules/${member}", + "kebabCase": true + } + }, + "devDependencies": { + // add stylus dependencies + "stylus": "^0.54.5", + "stylus-loader": "^2.1.1", + "webpack-post-compile-plugin": "^0.4.1", + "webpack-transform-modules-plugin": "^0.3.5" } - }] - } - ``` -- webpack 2+ - ```json - { - "plugins": ["transform-modules", { - "cube-ui": { - "transform": "cube-ui/src/modules/${member}", - "kebabCase": true + } + ``` + + 2. Modify webpack.base.conf.js + + ```js + var PostCompilePlugin = require('webpack-post-compile-plugin') + var TransformModulesPlugin = require('webpack-transform-modules-plugin') + module.exports = { + // ... + plugins: [ + // ... + new PostCompilePlugin(), + new TransformModulesPlugin() + ] + // ... + } + ``` + + 3. Modify `exports.cssLoaders` function in build/utils.js + + ```js + exports.cssLoaders = function (options) { + // ... + const stylusOptions = { + 'resolve url': true } - }] - } - ``` + // https://vue-loader.vuejs.org/en/configurations/extract-css.html + return { + css: generateLoaders(), + postcss: generateLoaders(), + less: generateLoaders('less'), + sass: generateLoaders('sass', { indentedSyntax: true }), + scss: generateLoaders('sass'), + stylus: generateLoaders('stylus', stylusOptions), + styl: generateLoaders('stylus', stylusOptions) + } + } + ``` + 4. Modify vue-loader.conf.js + + ```javascript + module.exports = { + loaders: utils.cssLoaders({ + sourceMap: sourceMapEnabled, + extract: false + }), + // ... + } + + ``` + + See [https://github.com/vuejs-templates/webpack/pull/970/files](https://github.com/vuejs-templates/webpack/pull/970/files) + +- Normal compile + + 1. Modify package.json and install the dependencies + + ```json + { + // webpack-transform-modules-plugin depends on transformModules + "transformModules": { + "cube-ui": { + "transform": "cube-ui/lib/${member}", + "kebabCase": true, + "style": { + "ignore": ["create-api", "better-scroll", "locale"] + } + } + }, + "devDependencies": { + "webpack-transform-modules-plugin": "^0.3.5" + } + } + ``` + + 2. Modify webpack config - > [why distinguishs the version of webpack?](#/en-US/docs/post-compile) + ```js + // webpack.config.js + var TransformModulesPlugin = require('webpack-transform-modules-plugin') + module.exports = { + // ... + resolve: { + // ... + alias: { + // ... + 'cube-ui': 'cube-ui/lib' + // ... + } + // ... + } + // ... + plugins: [ + // ... + new TransformModulesPlugin() + ] + // ... + } + ``` -If not using babel-plugin-transform-modules, you need to import corresponding style files by hand. +#### CDN + +```html + + +``` + +### Usage #### Fully import @@ -54,42 +180,71 @@ Vue.use(Cube) #### Import on demand ```javascript -import { Button } from 'cube-ui' +import { + /* eslint-disable no-unused-vars */ + Style, + Button +} from 'cube-ui' ``` -You can choose to register globally or partially: +**Notice:** In this case, you also need to import [style module](#/en-US/docs/style). + +Then register globally: ```js // register globally Vue.use(Button) - -// or register partially -// in certain somponents -{ - components: { - CubeButton: Button - } -} +// ... ``` -All the components that can be imported on demand are listed below: +All the components and modules that can be imported on demand are listed below: ```js import { + // basic style + Style, + // basic Button, - Checkbox, Loading, Tip, + Toolbar, + // form + Checkbox, + CheckboxGroup, + Radio, + Checker, + Input, + Textarea, + Select, + Switch, + Rate, + Validator, + Upload, + Form, + // popup + Popup, Toast, Picker, + CascadePicker, + DatePicker, TimePicker, + SegmentPicker, Dialog, ActionSheet, + Drawer, + // scroll Scroll, Slide, - IndexList + IndexList, + Swipe } from 'cube-ui' ``` +You can also import [create-api](#/en-US/docs/create-api) and [better-scroll](#/en-US/docs/better-scroll) module: + +```js +import { createAPI, BetterScroll, Locale } from 'cube-ui' +``` + #### Examples ```html diff --git a/document/components/docs/en-US/radio.md b/document/components/docs/en-US/radio.md new file mode 100644 index 000000000..a65b894b2 --- /dev/null +++ b/document/components/docs/en-US/radio.md @@ -0,0 +1,168 @@ +## Radio + +> New in 1.4.0+ + +Radio component. You could set the options and the position of the radio's icon. + +### Example + +- Basic usage + + ```html + + ``` + ```js + export default { + data() { + return { + selected: '', + options: ['Option1', 'Option2'] + } + } + } + ``` + + The value of `options` is an array. The default `selected` value is `''`, which means no option will be selected by defaut. If you clicked one radio option, the `selected` will be set as the value of this option. + +- Configure the label, value, disabled state of options and icon style. + + ```html + + ``` + ```js + export default { + data() { + return { + selected2: 3, + options2: [ + { + label: 'Option1', + value: 1 + }, + { + label: 'Option2', + value: 2 + }, + { + label: 'Option3', + value: 3, + disabled: true + } + ] + } + } + } + ``` + + The `options` value can be an array which has some object items. You can set `label` and `value` in each item, and use `disabled` to configure whether the radio item's state is disabled. + + If the `position` is set as `'right'`, the radio's icon will be posited at the right of the label. Set `hollow-style=true` to use hollow-out style. + +- Horizontal order + + ```html + + ``` + ```js + export default { + data() { + return { + selected3: '3', + options3: [ + { + label: '1', + value: '1' + }, + { + label: '2', + value: '2' + }, + { + label: '3', + value: '3', + disabled: true + } + ] + } + } + } + ``` + + You can use `horizontal` to configure the style to horizontal layout. + +- Use slot + + ```html + + + + + + ``` + + ```js + export default { + data() { + return { + selected4: '1', + options4: [ + { + label: '1', + value: '1', + src: 'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1516805611092&di=80d0f229dd999ffa3be79d6e317832b0&imgtype=0&src=http%3A%2F%2Fimglf0.ph.126.net%2F1EnYPI5Vzo2fCkyy2GsJKg%3D%3D%2F2829667940890114965.jpg' + }, + { + label: '2', + value: '2', + src: 'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1516805611092&di=80d0f229dd999ffa3be79d6e317832b0&imgtype=0&src=http%3A%2F%2Fimglf0.ph.126.net%2F1EnYPI5Vzo2fCkyy2GsJKg%3D%3D%2F2829667940890114965.jpg' + }, + { + label: '3', + value: '3', + src: 'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1516805611092&di=80d0f229dd999ffa3be79d6e317832b0&imgtype=0&src=http%3A%2F%2Fimglf0.ph.126.net%2F1EnYPI5Vzo2fCkyy2GsJKg%3D%3D%2F2829667940890114965.jpg', + disabled: true + } + ] + } + } + } + ``` + +### Props configuration + +| Attribute | Description | Type | Accepted Values | Default | +| - | - | - | - | - | +| options | the array of radio options | Array | - | - | +| position | icon position | String | left/right | left | +| horizontal | whether use horizontal layout | Boolean | true/false | false | +| hollowStyle | whether is hollow-out style | Boolean | true/false | false | + +* `options` sub configuration + +| Attribute | Description | Type | +| - | - | - | +| label | the text of label | String | +| value | the value of radio item | String/Number | +| disabled | whether the radio item is disabled | Boolean | + +Note: Each item of `options` can be an string, Which means both the `label` and `value` will be set as this string. + +### cube-radio Props configuration + +| Attribute | Description | Type | Accepted Values | Default | +| - | - | - | - | - | +| option | option value | Object/String | - | - | +| position | icon position | String | left/right | left | +| hollow-style | whether is hollow-out style | Boolean | true/false | false | + +* `option` sub configuration + +| Attribute | Description | Type | +| - | - | - | +| label | the text of label | String | +| value | the value of radio item | String/Number | +| disabled | whether the radio item is disabled | Boolean | diff --git a/document/components/docs/en-US/rate.md b/document/components/docs/en-US/rate.md new file mode 100644 index 000000000..d26cda092 --- /dev/null +++ b/document/components/docs/en-US/rate.md @@ -0,0 +1,101 @@ +## Rate + +> New in 1.5.0+ + +Rate component. You can customize the rating star numbers, and disable the interaction, you can also customize the style of star through the slot. + +### Example + +- Basic usage + + You can use the v-model directive to create two-way data bindings. + + ```html + + ``` + + ```javascript + export default { + data() { + return { + value: 3 + } + } + } + ``` + +- Multiple configurations + + For example, you can use `disabled` to make the rating component read-only, use` max` to customize the number of stars and use `justify` to justify container's width. + + ```html + + ``` + + ```javascript + export default { + data() { + return { + disabled: false, + max: 5, + value: 3, + justify: false + } + } + } + ``` + +- Custom star style + + You need to use the `cube-rate-item` component, and define two different styles for custom stars, normal and active (under the` .cube-rate-item.active` class). + + ```html + + + +
+ + + ``` + + ```javascript + export default { + data() { + return { + value: 3 + } + } + } + ``` + + ```css + .rate-item + width: 100% + height: 100% + background-size: 100% + background-color: grey + .cube-rate-item.active + .rate-item + background-color: orange + ``` + +### Props configuration + +| Attribute | Description | Type | Accepted Values | Default | +| - | - | - | - | - | +| v-model | bound rate value | Number | - | 0 | +| max | max star number | Number | - | 5 | +| disabled | disabled status | Boolean | true/false | false | +| justify | auto justify container's width | Boolean | true/false | false | + +### slot + +| Name | Description | Scope parameters | +| - | - | - | +| default | a cube-rate-item component | - | + +### slot in cube-rate-item + +| Name | Description | Scope parameters | +| - | - | - | +| default | custom star element | - | diff --git a/document/components/docs/en-US/recycle-list.md b/document/components/docs/en-US/recycle-list.md new file mode 100644 index 000000000..09594f763 --- /dev/null +++ b/document/components/docs/en-US/recycle-list.md @@ -0,0 +1,152 @@ +## RecycleList + +> New in 1.12.0+ + +A recyclable scrolling list that always keeps the number of DOMs at a very low range. Excellent performance in the rendering list of massive data. + +### Precautions + + - To achieve infinite scrolling, you must ensure that you have a fixed-height parent container element to wrapper component. For details, please refer to the example. + + - If there is an image with a fixed width and height in the list content, due to the mechanism of image loading, when DOM of each item is rendered, the image may not be loaded, resulting in incorrect calculation of the position of each item, so the caller need use CSS to specify image to avoid height calculation errors. + + - The internal implementation relies on Promise, so you need a polyfill for compatibility. + +### Example + +- **1. Basic usage** + + ```html +
+ + + +
+ ``` + ```js + export default { + data() { + return { + size: 50, + offset: 100 + } + }, + methods: { + onFetch() { + let items = [] + return new Promise((resolve) => { + // Simulation request for 50 items, because size is set to 50 + setTimeout(() => { + for (let i = 0; i < 50; i++) { + items.push({ + id: i, + avatar: 'https://s3.amazonaws.com/uifaces/faces/twitter/danpliego/128.jpg', + msg: '123', + time: 'Thu Oct 25 2018 15:02:12 GMT+0800 (中国标准时间)' + }) + } + resolve(items) + }, 1000) + }) + }, + handleClick(data) { + console.log('Item:' + data) + } + } + } + ``` + + ```stylus + /* Limit viewport to wrap component*/ + .view-wrapper + position: fixed + top: 54px + left: 0 + bottom: 0 + width: 100% + ``` + + The vast majority of list interactions are when the user scrolls to the bottom and requests the next page of data. The default implementation of the component is based on this interaction. + + The component accepts `size` as props and controls how many counts of data are rendered at a time. `offset` is the distance to configure the bottom pull data, `onFetch` is a function, which is mandatory, and the return value of the function must be a Promise, and the `items` ( **Array** ) must be the first parameter when calling `resolve` function, so the component can get `items`. Of course, if you want to stop scrolling, pass `false` or an array whose length is smaller than `size` props. + + The component supports the scope slot. You can use the destructuring assignment of the above example to get the `data` (each data item of item) that the component passes to the caller. + + The samples demo [Here](https://github.com/didi/cube-ui/blob/master/example/pages/recycle-list/recycle-list-default.vue). + +- **2. Infinite** + + However, the component also supports the second mode - infinite. With `tombstone` as a placeholder, which gives the user a perceptible page element, and makes the interaction more friendly and user-friendly. + The samples demo [Here](https://github.com/didi/cube-ui/blob/master/example/pages/recycle-list/recycle-list-tombstone.vue). + + ```html +
+ + + + + + + +
+ ``` + + `infinite` is used to enable infinite scroll mode. When you enable this configuration, you must implement a personalized style through the `tombstone` scope slot. The `spinner` and `noMore` slots are supported to customize the display of views that load more and no more data. `spinner` slot is built-in in component. + +### Props configuration + +| Attribute | Description | Type | Accepted Values | Default | +| - | - | - | - | - | +| infinite | Enable infinite scroll mode | Boolean | - | false | +| size | Amount of data loaded at one time | Number | - | 20 | +| offset | The distance to fetch more data at the bottom | Number | - | 200 | +| onFetch | Fetch data | Function | - | - | + +The `onFetch` function must return a Promise, and the first argument to Promise's resolve function must be an array or `false`, so that the component can internally get the corresponding data to decide whether to load more or stop scrolling. + +### Slot + +| Name | Description | Scope parameters | +| - | - | - | +| tombstone | Implement a customized `tombstone` view scope slot | - | +| item | Scope slot for each data item | data: An item in items | +| spinner | Named slot for loading more | - | +| noMore | Named slot for no more data | - | + +### Instance methods + +| Method name | Description | +| - | - | +| reset | To clean up all the contents | diff --git a/document/components/docs/en-US/scroll-nav-bar.md b/document/components/docs/en-US/scroll-nav-bar.md new file mode 100644 index 000000000..9aa903f08 --- /dev/null +++ b/document/components/docs/en-US/scroll-nav-bar.md @@ -0,0 +1,132 @@ +## ScrollNavBar + +> New in 1.10.0+ + +Scroll navigation bar component, like DiDi business navigation. + +### Example + +- Default horizontal + + ```html + + ``` + ```js + export default { + data() { + return { + current: '快车', + labels: [ + '快车', + '小巴', + '专车', + '顺风车', + '代驾', + '公交', + '自驾租车', + '豪华车', + '二手车', + '出租车' + ] + } + }, + methods: { + changeHandler(cur) { + this.current = cur + } + } + } + ``` + + You can set the active item by `current` Prop. `labels` is the collection if all the item's keys. The `change` events will be triggered when active item changed. + +- Vertical + + ```html +
+ + {{props.txt}} + +
+ ``` + ```js + export default { + data() { + return { + current: '快车', + labels: [ + '快车', + '小巴', + '专车', + '顺风车', + '代驾', + '公交', + '自驾租车', + '豪华车', + '二手车', + '出租车' + ], + txts: [ + '1快车', + '2小巴', + '3专车', + '4顺风车', + '5代驾', + '6公交', + '7自驾租车', + '8豪华车', + '9二手车', + '10出租车' + ] + } + }, + methods: { + changeHandler(cur) { + this.current = cur + } + } + } + ``` + ```stylus + .side-container + height: 300px + margin-top: 20px + ``` + + If the `direction` Prop is `vertical` then the ScrollNavBar will be vertical style. + + You can use `txts` Prop to defined the text of showcases, it's order is correspondence with `labels` Prop. The default `txts` value is `labels`. + + You can also use default scoped slot to defined your own item content. + +### Props + +| Attribute | Description | Type | Accepted Values | Default | +| - | - | - | - | - | +| direction | direction, default horizontal | String | horizontal/vertical | horizontal | +| labels | the collection if all the item's keys | Array | - | [] | +| txts | the text of showcases, it's order is correspondence with `labels`, the item can be a HTML string value | Array | - | default equals to `labels` Prop | +| current | the key of the active item | String/Number | - | '' | + +### Slot + +| Name | Description | Scope Parameters | +| - | - | - | +| default | default content | txt: item's text
index: item's index
active: the key of active item
label: item's label | + +### Events + +| Event Name | Description | Parameters | +| - | - | - | +| change | triggers when active item changed | active - the key of active item | + +### Instance methods + +| Method name | Description | +| - | - | +| refresh | You can call this method when content updated | diff --git a/document/components/docs/en-US/scroll-nav.md b/document/components/docs/en-US/scroll-nav.md new file mode 100644 index 000000000..c43180f55 --- /dev/null +++ b/document/components/docs/en-US/scroll-nav.md @@ -0,0 +1,176 @@ +## ScrollNav + +> New in 1.10.0+ + +ScrollNav component. You can use it to sticky your navigation bar and content. + +### Example + +- Basic usage - Default + + ```html + + +
    +
  • +
    + +

    {{food.name}}

    +
    +
    • +
+ + + ``` + ```js + import goodsData from 'example/data/goods-list.json' + + const goods = goodsData.goods + + export default { + data() { + return { + data: goods + } + }, + methods: { + changeHandler(label) { + console.log('changed to:', label) + } + } + } + ``` + + `goods`: + ```js + "goods": [ + { + "name": "热销榜", + "type": -1, + "foods": [ + { + "name": "皮蛋瘦肉粥", + // ... + "icon": "http://fuss10.elemecdn.com/c/cd/c12745ed8a5171e13b427dbc39401jpeg.jpeg?imageView2/1/w/114/h/114", + "image": "http://fuss10.elemecdn.com/c/cd/c12745ed8a5171e13b427dbc39401jpeg.jpeg?imageView2/1/w/750/h/750" + }, + // ... + ] + }, + // ... + ] + ``` + + `cube-scroll-nav` should contains `cube-scroll-nav-panel` which is the navigation target panel content. + + `cube-scroll-nav-panel` required Prop: `label`(the key of panel). + + The `change` event will be triggered when navigation active item changed. + +- Side Style + + ```html + +
    +
  • 11
    • +
  • 22
    • +
  • 333
    • +
+ +
    +
  • +
    + +

    {{food.name}}

    +
    +
    • +
+ + + ``` + ```js + import goodsData from 'example/data/goods-list.json' + + const goods = goodsData.goods + + export default { + components: { + CubePage + }, + data() { + return { + data: goods, + current: goods[3].name + } + }, + methods: { + changeHandler(label) { + console.log('changed to:', label) + }, + stickyChangeHandler(current) { + console.log('sticky-change', current) + } + } + } + ``` + + If set `side` to `true` then the navigation bar will be at the side position. + + `data` is the data source, it will be passed to `cube-scroll` component, if the `data` updated then `cube-scroll` will be auto refreshed. + + `current` is the default navigation value(label of panel), if set this value then the target panel will be auto scrolled to the top of container. + + The `sticky-change` event will be triggered when the navigation bar's sticky state changed. The parameter is one of `''`, `'cube-scroll-nav-bar'`. + + You can use `prepend` slot to insert your own content before the main content. + +### Props + +#### CubeScrollNav + +| Attribute | Description | Type | Accepted Values | Default | +| - | - | - | - | - | +| data | optional, data source | Array | - | - | +| side | If set to `true` then the navigation bar will be at the side position | Boolean | true/false | false | +| current | the default navigation value(label of panel) | String/Number | - | '' | +| speed | speed of navigating to target panel | Number | - | 300 | + +#### CubeScrollNavPanel + +| Attribute | Description | Type | Accepted Values | Default | +| - | - | - | - | - | +| label | required, the key of panel | String/Number | - | - | +| title | the title of panel, can be a HTML string value | String/Number | - | default equal to `label` Prop | + +### Slot + +| Name | Description | Scope Parameters | +| - | - | - | +| default | default panel content | - | +| prepend | prepend content | - | +| bar | navigation bar content, you should use `cube-scroll-nav-bar` component to define your own navigation bar content | labels: the collection of all panel labels
txts: the collection of all panel titles
current: current active navigation value(label of panel) | + +### Events + +| Event Name | Description | Parameters | +| - | - | - | +| change | triggers when navigation active item changed | active - active navigation value(label of panel) | +| sticky-change | triggers when the navigation bar's sticky state changed | current - if navigation bar is fixed then this value will be 'cube-scroll-nav-bar', otherwise this value will be '' | + +### Instance methods + +| Method name | Description | +| - | - | +| refresh | You can call this method when content updated | diff --git a/document/components/docs/en-US/scroll.md b/document/components/docs/en-US/scroll.md index 264263547..49dd90c92 100644 --- a/document/components/docs/en-US/scroll.md +++ b/document/components/docs/en-US/scroll.md @@ -1,232 +1,474 @@ ## Scroll -`Scroll` component, which is encapsulated based on `better-scroll`, provides high-quality native scrolling experience and has convenient configuration along tith events. +`Scroll` component, which is encapsulated based on `better-scroll`, provides high-quality native scrolling experience and has convenient configuration along with events. + +### Scrolling principle +The better-scroll's scrolling principle is, the length of the first child element exceeds the length of the container in the scroll direction. + +So for the Scroll component, The length of `.cube-scroll-content`, the scroll-content, must be larger than `.cube-scroll-wrapper`, the container element. Depending on the direction of scrolling, there are two situations: + +1）Scrolling vertically: **The height of the content element must be greater than the container element.** Since the height of the container element will be stretched by the height of the child element by default, in order to satisfy our scrolling premise, you need to give the Scroll component's `.cube-scroll-wrapper` element an fixed height. + +2）Scrolling horizontally: **The width of the content element must be greater than the container element.** Since the child element's width does not exceed the container element by default, the Scroll component's `.cube-scroll-content` element needs to be set to a width greater than the `.cube-scroll-wrapper`. + +> Note: If there is any situation where scrolling is not possible, you should first check if the height/width of the content element `.cube-scroll-content` is greater than the height/width of the container element `.cube-scroll-wrapper`. This is a prerequisite for content to scroll. **If there is images in the content, the scrolling should be not normal. The reason is images may not be downloaded when the DOM element is rendered, so the height of the content element is less than expected. At this point you should manually call the Scroll component's `refresh()` method after the image has been loaded, such as calling in the onload event callback, which will recalculate the scroll distance.** Scroll related FAQs can seek [Cube-UI/Question-Answer]. + ### Example -- Basic usage +Seven sample code to quickly understand how to use the Scroll component. -By setting `data` to an array, you can generate the list which can scrolls elegantly in the container. +- **1. Basic usage - Default** -```html -
- -
-``` + By setting the data property to an array, you can generate an elegantly scrolling list. The complete sample code is [here](https://github.com/didi/cube-ui/blob/master/example/pages/scroll/default.vue). -- Scroll bar + ```html +
+ + +
+ ``` -Default is without scroll bar. You can set it to fade-in-fade-out or always-show style. + ```stylus + .scroll-list-wrap + height: 350px + ``` -```html - - - - -``` -```javascript -export default { - data() { - return { - items: [1, 2, 3, 4, 5], - scrollbar: { - fade: false - } - } - } -} -``` + > **Note**: As the scrolling principle above, it is necessary to provide a fixed height to the scroll container, and scroll only when the height of the scroll content is greater than the height of the container. -- Pull down to refresh + In the prop `options`, you are able to control the scrollbar seen or not via `scrollbar`, and configure the initial position by `startX/startY`. -There is no pull-down-to-refresh function by default. Configuring `pull-down-refresh` can turn on the dispatching of the event `pulling-down` and the animation of pulling down. You can listen to `pulling-down` event to update data. + Scroll component provides a `scrollTo()` method that allows you to manually control the list scroll position. -```html - - - - -``` -```javascript -export default { - data() { - return { - items: [1, 2, 3, 4, 5], - pullDownRefresh: { - threshold: 90, - stop: 40, - txt: 'Refresh success' + ```javascript + scrollTo() { + this.$refs.scroll.scrollTo( + 0, + this.scrollToY, + this.scrollToTime, + ease[this.scrollToEasing] + ) + }, + ``` + + In fact, this is a very useful method, such as when we want to achieve "click different anchor, list scroll to the corresponding position to show different content", you can use the `scrollTo ()` method. + +- **2. Scrolling horizontally - Horizontal** + + Scroll component supports horizontal scrolling. All you need to do is specifying `direction = 'horizontal'` and giving some styles. The complete sample code is [here](https://github.com/didi/cube-ui/blob/master/example/pages/scroll/horizontal.vue) + + ```html + +
    +
  • {{ item }}
    • +
+ + ``` + + ```stylus + .horizontal-scroll-list-wrap + border: 1px solid rgba(0, 0, 0, 0.1) + border-radius: 5px + .cube-scroll-content + display: inline-block + .list-wrapper + padding: 0 10px + line-height: 60px + white-space: nowrap + .list-item + display: inline-block + ``` + + > **Note**：1. As the scrolling principle above, the CSS style setting here is required, and scrolling is possible only when the scrolling content is wider than the container width. 2. Sometimes we want to use the `Scroll` component to simulate the horizontal scroll, vertically retaining the browser's native scrolling, or vice versa. At this point you need to pass the better-scroll configuration item [eventPassthrough](http://ustbhuangyi.github.io/better-scroll/doc/en/options.html#eventpassthrough) + + Here giving a brief explanation of the style settings. `list-item` items with `display: inline-block` lead to all `list-item` elements showing on one line. `list-wrapper` adds `white-space: nowrap` hope `list-item` also showing on one line when reaching the outer element boundary. And the most important is setting `cube-scroll-content` with `display: inline-block`， which make the width of `cube-scroll-content` bigger enough so that `cube-scroll-content` can wrap descendants elements. Styles with the same properties are floating elements and absolutely positioned elements. When no specific width is set, the width is the minimum width of the wrapped descendant element. + +- **3. Custom content - Customized** + + The Scroll component supports the customization of list content through default slot. The complete sample code is [here](https://github.com/didi/cube-ui/blob/master/example/pages/scroll/config.vue). + + ```html +
+ + ... // custom content + +
+ ``` + + Scroll components also support **pull-down refresh** and **pull-up load** capabilities. By default, there is no pulldown refresh/pull-up load. You can enable corresponding functions by `pullDownRefresh` and `pullUpLoad`. After opening, when pulling down, the Scroll component will show the default pulldown animation and dispatch pulldown events. You can monitor the `pull-down` event to update the data. Similarly, after the pull-up load is enabled, the data can be updated by the `pull-up` event. + + `pullDownRefresh`'s related configurations include: drop threshold (threshold), rebound position (stop), update successful copy (txt) and copy display time (stopTime). See the [Props configuration](#/en-US/docs/scroll#cube-Propsconfiguration-anchor) for all the configuration items and meanings of the `pullDownRefresh` and `pullUpLoad` objects. + + ```javascript + ... // ignore + computed: { + options() { + return { + pullDownRefresh: this.pullDownRefreshObj, + pullUpLoad: this.pullUpLoadObj, + scrollbar: true } - } + }, + ... }, methods: { onPullingDown() { - // simulate updating data + // simulate asynchronous request data setTimeout(() => { if (Math.random() > 0.5) { - // if new data - this.items.unshift('I am new data: ' + +new Date()) + // if data update + this.items.unshift(_foods[1]) } else { - // if no new data + // if no data update this.$refs.scroll.forceUpdate() } }, 1000) - } + }, + onPullingUp() { + // simulate asynchronous request data + setTimeout(() => { + if (Math.random() > 0.5) { + // if data update + let newPage = _foods.slice(0, 5) + this.items = this.items.concat(newPage) + } else { + // if no data update + this.$refs.scroll.forceUpdate() + } + }, 1000) + }, + ... } -} -``` - -- Pulling up to load - -There is no pull-up-to-load function by default. Configuring `pull-up-load` can turn on the dispatching of the event `pulling-up` and the animation of pulling up. You can listen to `pulling-up` event to update data. - - -```html - - - - -``` -```javascript -export default { + ``` + + > **Note**: If a pulldown-refresh/pullup-loading has no data update, you must manually call the Scroll component's `forceUpdate()` method to end the pulldown-refresh/pullup-loading so that Scroll will restart listening for the next pulldown-refresh/pullup-loading operation. In the above example, when the data is updated, we did not invoke the `forceUpdate()` method. The reason is: ** If you pass the `data` attribute to the `Scroll` component, then when the `Scroll` component listens to the `data` update, the `forceUpate(true)` method will be called automatically. ** so it is recommended to pass the `data` attribute. + +- **4. Custom pull-down refresh animation - Fake JD App** + + If you don't like the built-in pull-down refresh and pull-up loading animations, you can also use the scope slots for custom animations. The variables exposed by [the scoped slots](https://vuejs.org/v2/guide/components-slots.html#Scoped-Slots) of the Scroll component are perfect to meet the needs of custom pull-down/pull-up animations in most scenarios. The following example imitates the pull-down refresh animation of Jingdong App's homepage. The complete sample code is [here](https://github.com/didi/cube-ui/blob/master/example/pages/scroll/jd.vue). + + ```html + + + + + ``` + ```javascript data() { return { - items: [1, 2, 3, 4, 5], - itemIndex: 5, - pullUpLoad: { - threshold: 0, - txt: { - more: 'Load more', - noMore: 'No more data' + options: { + pullDownRefresh: { + threshold: 60, + stop: 40, + txt: '更新成功' } + }, + ... + } + }, + computed: { + pullDownTip() { + if (this.pullDownY <= 60) { + return '下拉刷新...' + } else if (this.pullDownY <= 90) { + return '继续下拉有惊喜...' + } else { + return '松手得惊喜！' } + }, + headerStyle() { + return Math.min(1, Math.max(0, 1 - this.pullDownY / 40)) } }, methods: { - onPullingUp() { - // simulate updating data - setTimeout(() => { - if (Math.random() > 0.5) { - // if new data - let newPage = [ - 'I am line ' + ++this.itemIndex, - 'I am line ' + ++this.itemIndex, - 'I am line ' + ++this.itemIndex, - 'I am line ' + ++this.itemIndex, - 'I am line ' + ++this.itemIndex - ] - - this.items = this.items.concat(newPage) - } else { - // if no new data - this.$refs.scroll.forceUpdate() + onScrollHandle(pos) { + this.pullDownY = pos.y + if (pos.y > 0) { + this.pullDownStyle = `top:${pos.y}px` + this.triggerSurpriseFlag = false + if (this.pullDownY > 90) { + this.triggerSurpriseFlag = true } + } + this.$refs.topHeader.style.opacity = this.headerStyle + }, + onPullingDown() { + if (this.triggerSurpriseFlag) { + this.triggerSurprise = true + this.$refs.scroll.forceUpdate() + return + } + setTimeout(() => { + this.$refs.scroll.forceUpdate() }, 1000) - } + }, + ... } -} -``` + ``` + Through the scope parameters provided by the scoped slots, such as: `beforePulldown` and `isPullingDown`, allows you control the animation process. Tht other scope parameters, see [slots](#/en-US/docs/scroll#cube-Slot-anchor). In a complete pulldown refresh, the status of `beforePullDown` and `isPullingDown` changes as follows: + + | step | beforePulldown | isPullingDown | note + | - | - | - | - | + | 1. Untrigger pull-down refresh | true | - | Show pattern guide user continues to pull down | + | 2. Trigger pull-down refresh | false | true | Asynchronous request data，show loading | + | 3. Request data success | false | false | invoke `forceUpdate(true)`, show success copy. And delay 'stopTime' into step 4 | + | 4. A pull-down refresh complete | true | - | - | -- Customize the animation of pulling down refreshing and pulling up loading +- **5. Advanced usage - Fake TouTiao App** -If you don't like the built-in slots of pulling down refreshing and pulling up loading, you can use [scoped slots](https://vuejs.org/v2/guide/components.html#Scoped-Slots) to customize animation. The example below uses scoped slots to customize animation of pulling down refreshing, while pulling up loading keeps default built-in animation. +Scroll components can meet the scrolling needs of most mobile applications. In this example, using two Scroll components, one vertical and one horizontal, to imitates the Toutiao App's home page. The complete sample code is [here](https://github.com/didi/cube-ui/blob/master/example/pages/scroll/toutiao.vue). ```html - -