[ { "path": ".babelrc", "content": "{\n \t\"presets\": [\"es2015\", \"stage-2\"],\n \t\"plugins\": [\"transform-runtime\"],\n \t\"comments\": false\n}\n" }, { "path": ".editorconfig", "content": "root = true\n\n[*]\ncharset = utf-8\nindent_style = space\nindent_size = 2\nend_of_line = lf\ninsert_final_newline = true\ntrim_trailing_whitespace = true\n" }, { "path": ".gitignore", "content": ".DS_Store\nnode_modules/\ndist/\nnpm-debug.log\ntest/unit/coverage\ntest/e2e/reports\nselenium-debug.log\nnode_modules/\n.idea/\n" }, { "path": ".npmrc", "content": "sass_binary_site=https://npm.taobao.org/mirrors/node-sass/\nphantomjs_cdnurl=https://npm.taobao.org/mirrors/phantomjs/\nregistry=https://registry.npm.taobao.org\n" }, { "path": "LICENSE", "content": "MIT License\n\nCopyright (c) 2016 \n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n" }, { "path": "README.md", "content": "# vux-2.0\n根据vux-https://github.com/airyland/vux 修改升级的2.0\n\n## Docs\n\n+ [中文文档](https://jinhuiwong.gitbooks.io/vuxx/content/)\n\n## Demo\n\n

\n http://jhwong.cn/vux2
\n (You can view the demos' codes in /src/demos)
\n \n

\n\n## Use\n``` bash\n# install \nnpm install vuxx\n\n#vue-cli项目引用\n#在webpack.base.conf.js添加loader\n\n{\n test: /vuxx.src.*?js$/,\n loader: 'babel'\n}\n\n#使用组件\n\n\n\n\n```\n\n## Development Setup\n\n``` bash\n# install dependencies\nnpm install\n\n# serve with hot reload at localhost:8080\nnpm run dev\n\n# build for production with minification\nnpm run build\n\n```\n交流qq群：537322257\n![alt text]( http://og1rlwcj8.bkt.clouddn.com/7f4c4fe1gw1evv8bc0r3tj20go0ghjs3.jpg \"Title\")\n" }, { "path": "build/build.js", "content": "// https://github.com/shelljs/shelljs\nrequire('./check-versions')()\nrequire('shelljs/global')\nenv.NODE_ENV = 'production'\n\nvar path = require('path')\nvar config = require('../config')\nvar ora = require('ora')\nvar webpack = require('webpack')\nvar webpackConfig = require('./webpack.prod.conf')\n\nconsole.log(\n ' Tip:\\n' +\n ' Built files are meant to be served over an HTTP server.\\n' +\n ' Opening index.html over file:// won\\'t work.\\n'\n)\n\nvar spinner = ora('打包中...')\nspinner.start()\n\nvar assetsPath = path.join(config.build.assetsRoot, config.build.assetsSubDirectory)\nrm('-rf', assetsPath)\nmkdir('-p', assetsPath)\ncp('-R', 'static/*', assetsPath)\n\nwebpack(webpackConfig, function (err, stats) {\n spinner.stop()\n if (err) throw err\n process.stdout.write(stats.toString({\n colors: true,\n modules: false,\n children: false,\n chunks: false,\n chunkModules: false\n }) + '\\n')\n})\n" }, { "path": "build/check-versions.js", "content": "var semver = require('semver')\nvar chalk = require('chalk')\nvar packageConfig = require('../package.json')\nvar exec = function (cmd) {\n return require('child_process')\n .execSync(cmd).toString().trim()\n}\n\nvar versionRequirements = [\n {\n name: 'node',\n currentVersion: semver.clean(process.version),\n versionRequirement: packageConfig.engines.node\n },\n {\n name: 'npm',\n currentVersion: exec('npm --version'),\n versionRequirement: packageConfig.engines.npm\n }\n]\n\nmodule.exports = function () {\n var warnings = []\n for (var i = 0; i < versionRequirements.length; i++) {\n var mod = versionRequirements[i]\n if (!semver.satisfies(mod.currentVersion, mod.versionRequirement)) {\n warnings.push(mod.name + ': ' +\n chalk.red(mod.currentVersion) + ' should be ' +\n chalk.green(mod.versionRequirement)\n )\n }\n }\n\n if (warnings.length) {\n console.log('')\n console.log(chalk.yellow('To use this template, you must update following to modules:'))\n console.log()\n for (var i = 0; i < warnings.length; i++) {\n var warning = warnings[i]\n console.log(' ' + warning)\n }\n console.log()\n process.exit(1)\n }\n}\n" }, { "path": "build/dev-client.js", "content": "/* eslint-disable */\nrequire('eventsource-polyfill')\nvar hotClient = require('webpack-hot-middleware/client?noInfo=true&reload=true')\n\nhotClient.subscribe(function (event) {\n if (event.action === 'reload') {\n window.location.reload()\n }\n})\n" }, { "path": "build/dev-server.js", "content": "require('./check-versions')();\nvar config = require('../config');\nif (!process.env.NODE_ENV) process.env.NODE_ENV = config.dev.env\nvar path = require('path');\nvar fs = require('fs');\nvar http = require('http');\nvar https = require('https');\nvar express = require('express');\nvar webpack = require('webpack');\nvar opn = require('opn');\nvar proxyMiddleware = require('http-proxy-middleware')\nvar webpackConfig = process.env.NODE_ENV === 'testing' ? require('./webpack.prod.conf') : require('./webpack.dev.conf')\n // 定义监听端口\n // default port where dev server listens for incoming traffic\nvar port = process.env.PORT || config.dev.port;\n // Define HTTP proxies to your custom API backend\n // https://github.com/chimurai/http-proxy-middleware\nvar proxyTable = config.dev.proxyTable;\n\nvar app = express()\nvar compiler = webpack(webpackConfig);\n\nvar devMiddleware = require('webpack-dev-middleware')(compiler, {\n publicPath: webpackConfig.output.publicPath,\n stats: {\n colors: true,\n chunks: false\n }\n});\n\nvar hotMiddleware = require('webpack-hot-middleware')(compiler);\n // force page reload when html-webpack-plugin template changes\ncompiler.plugin('compilation', function(compilation) {\n compilation.plugin('html-webpack-plugin-after-emit', function(data, cb) {\n hotMiddleware.publish({ action: 'reload' })\n cb()\n })\n});\n\n// proxy api requests\n// Object.keys(proxyTable).forEach(function (context) {\n// var options = proxyTable[context]\n// if (typeof options === 'string') {\n// options = { target: options }\n// }\n// app.use(proxyMiddleware(context, options))\n// })\n\n// 设置反向代理地址\n// Object.keys(proxyTable).forEach(function(context) {\n// var options = proxyTable[context];\n// if (typeof options === 'string') {\n// options = { target: options, changeOrigin: true }\n// }\n// //var apiProxy =proxyMiddleware(context, options);\n// //console.log(apiProxy);\n// //app.use('/biz',apiProxy);\n// app.use(context, proxyMiddleware(options));\n// });\n\n\n// handle fallback for HTML5 history API\napp.use(require('connect-history-api-fallback')())\n\n// serve webpack bundle output\napp.use(devMiddleware)\n\n// enable hot-reload and state-preserving\n// compilation error display\napp.use(hotMiddleware)\n\n\nmodule.exports = app.listen(port, function(err) {\n if (err) {\n console.log(err)\n return\n }\n var uri = 'http://localhost:' + port + config.build.assetsPublicPath\n console.log('Listening at ' + uri + '\\n')\n opn(uri)\n})\n" }, { "path": "build/utils.js", "content": "var path = require('path')\nvar config = require('../config')\nvar ExtractTextPlugin = require('extract-text-webpack-plugin')\n\nexports.assetsPath = function (_path) {\n var assetsSubDirectory = process.env.NODE_ENV === 'production'\n ? config.build.assetsSubDirectory\n : config.dev.assetsSubDirectory\n return path.posix.join(assetsSubDirectory, _path)\n}\n\nexports.cssLoaders = function (options) {\n options = options || {}\n // generate loader string to be used with extract text plugin\n function generateLoaders (loaders) {\n var sourceLoader = loaders.map(function (loader) {\n var extraParamChar\n if (/\\?/.test(loader)) {\n loader = loader.replace(/\\?/, '-loader?')\n extraParamChar = '&'\n } else {\n loader = loader + '-loader'\n extraParamChar = '?'\n }\n return loader + (options.sourceMap ? extraParamChar + 'sourceMap' : '')\n }).join('!')\n\n // Extract CSS when that option is specified\n // (which is the case during production build)\n if (options.extract) {\n return ExtractTextPlugin.extract('vue-style-loader', sourceLoader)\n } else {\n return ['vue-style-loader', sourceLoader].join('!')\n }\n }\n\n // http://vuejs.github.io/vue-loader/en/configurations/extract-css.html\n return {\n css: generateLoaders(['css']),\n postcss: generateLoaders(['css']),\n less: generateLoaders(['css', 'less']),\n sass: generateLoaders(['css', 'sass?indentedSyntax']),\n scss: generateLoaders(['css', 'sass']),\n stylus: generateLoaders(['css', 'stylus']),\n styl: generateLoaders(['css', 'stylus'])\n }\n}\n\n// Generate loaders for standalone style files (outside of .vue)\nexports.styleLoaders = function (options) {\n var output = []\n var loaders = exports.cssLoaders(options)\n for (var extension in loaders) {\n var loader = loaders[extension]\n output.push({\n test: new RegExp('\\\\.' + extension + '$'),\n loader: loader\n })\n }\n return output\n}\n" }, { "path": "build/webpack.base.conf.js", "content": "var path = require('path')\nvar config = require('../config')\nvar utils = require('./utils')\nvar projectRoot = path.resolve(__dirname, '../')\n\nvar env = process.env.NODE_ENV\n// check env & config/index.js to decide weither to enable CSS Sourcemaps for the\n// various preprocessor loaders added to vue-loader at the end of this file\nvar cssSourceMapDev = (env === 'development' && config.dev.cssSourceMap)\nvar cssSourceMapProd = (env === 'production' && config.build.productionSourceMap)\nvar useCssSourceMap = cssSourceMapDev || cssSourceMapProd\n\nmodule.exports = {\n entry: {\n app: './src/main.js',\n fetch : 'whatwg-fetch'\n },\n //entry: [\"whatwg-fetch\",\"./src/main.js\"],\n output: {\n path: config.build.assetsRoot,\n publicPath: process.env.NODE_ENV === 'production' ? config.build.assetsPublicPath : config.dev.assetsPublicPath,\n filename: '[name].js'\n },\n resolve: {\n extensions: ['', '.js', '.vue'],\n fallback: [path.join(__dirname, '../node_modules')],\n alias: {\n 'vue$': 'vue/dist/vue',\n 'src': path.resolve(__dirname, '../src'),\n 'assets': path.resolve(__dirname, '../src/assets'),\n 'components': path.resolve(__dirname, '../src/components'),\n 'pages' : path.resolve(__dirname,'../src/pages'),\n 'store' : path.resolve(__dirname,'../src/store')\n }\n },\n resolveLoader: {\n fallback: [path.join(__dirname, '../node_modules')]\n },\n module: {\n loaders: [\n {\n test: /\\.vue$/,\n loader: 'vue'\n },\n {\n test: /\\.js$/,\n loader: 'babel',\n include: projectRoot,\n exclude: /node_modules/\n },\n {\n test: /\\.json$/,\n loader: 'json'\n },\n {\n test: /\\.(png|jpe?g|gif|svg)(\\?.*)?$/,\n loader: 'url',\n query: {\n limit: 1,\n // name: utils.assetsPath('img/[name].[hash:7].[ext]')\n name: utils.assetsPath('img/[name].[ext]')\n }\n },\n {\n test: /\\.(woff2?|eot|ttf|otf)(\\?.*)?$/,\n loader: 'url',\n query: {\n limit: 10000,\n name: utils.assetsPath('fonts/[name].[hash:7].[ext]')\n }\n }\n ]\n },\n vue: {\n loaders: utils.cssLoaders({ sourceMap: useCssSourceMap }),\n postcss: [\n require('autoprefixer')({\n browsers: ['last 2 versions']\n })\n ]\n }\n}\n" }, { "path": "build/webpack.dev.conf.js", "content": "var config = require('../config')\nvar webpack = require('webpack')\nvar merge = require('webpack-merge')\nvar utils = require('./utils')\nvar baseWebpackConfig = require('./webpack.base.conf')\nvar HtmlWebpackPlugin = require('html-webpack-plugin')\n\n// add hot-reload related code to entry chunks\nObject.keys(baseWebpackConfig.entry).forEach(function (name) {\n baseWebpackConfig.entry[name] = ['./build/dev-client'].concat(baseWebpackConfig.entry[name])\n})\n\nmodule.exports = merge(baseWebpackConfig, {\n module: {\n loaders: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap })\n },\n // eval-source-map is faster for development\n devtool: '#eval-source-map',\n plugins: [\n new webpack.DefinePlugin({\n 'process.env': config.dev.env\n }),\n // https://github.com/glenjamin/webpack-hot-middleware#installation--usage\n new webpack.optimize.OccurenceOrderPlugin(),\n new webpack.HotModuleReplacementPlugin(),\n new webpack.NoErrorsPlugin(),\n // https://github.com/ampedandwired/html-webpack-plugin\n new HtmlWebpackPlugin({\n filename: 'index.html',\n template: 'index.html',\n inject: true\n })\n ]\n})\n" }, { "path": "build/webpack.prod.conf.js", "content": "var path = require('path')\nvar config = require('../config')\nvar utils = require('./utils')\nvar webpack = require('webpack')\nvar merge = require('webpack-merge')\nvar baseWebpackConfig = require('./webpack.base.conf')\nvar ExtractTextPlugin = require('extract-text-webpack-plugin')\nvar HtmlWebpackPlugin = require('html-webpack-plugin')\nvar env = process.env.NODE_ENV === 'testing'\n ? require('../config/test.env')\n : config.build.env\n\nvar webpackConfig = merge(baseWebpackConfig, {\n module: {\n loaders: utils.styleLoaders({ sourceMap: config.build.productionSourceMap, extract: true })\n },\n devtool: config.build.productionSourceMap ? '#source-map' : false,\n output: {\n path: config.build.assetsRoot,\n filename: utils.assetsPath('js/[name].[chunkhash].js'),\n chunkFilename: utils.assetsPath('js/[id].[chunkhash].js')\n },\n vue: {\n loaders: utils.cssLoaders({\n sourceMap: config.build.productionSourceMap,\n extract: true\n // extract: false\n })\n },\n plugins: [\n // http://vuejs.github.io/vue-loader/en/workflow/production.html\n new webpack.DefinePlugin({\n 'process.env': env\n }),\n new webpack.optimize.UglifyJsPlugin({\n compress: {\n warnings: false\n }\n }),\n new webpack.optimize.OccurenceOrderPlugin(),\n // extract css into its own file\n new ExtractTextPlugin(utils.assetsPath('css/[name].[contenthash].css')),\n // generate dist index.html with correct asset hash for caching.\n // you can customize output by editing /index.html\n // see https://github.com/ampedandwired/html-webpack-plugin\n new HtmlWebpackPlugin({\n filename: process.env.NODE_ENV === 'testing'\n ? 'index.html'\n : config.build.index,\n template: 'index.html',\n inject: true,\n minify: {\n removeComments: true,\n collapseWhitespace: true,\n removeAttributeQuotes: true\n // more options:\n // https://github.com/kangax/html-minifier#options-quick-reference\n },\n // necessary to consistently work with multiple chunks via CommonsChunkPlugin\n chunksSortMode: 'dependency'\n }),\n // split vendor js into its own file\n new webpack.optimize.CommonsChunkPlugin({\n name: 'vendor',\n minChunks: function (module, count) {\n // any required modules inside node_modules are extracted to vendor\n return (\n module.resource &&\n /\\.js$/.test(module.resource) &&\n module.resource.indexOf(\n path.join(__dirname, '../node_modules')\n ) === 0\n )\n }\n }),\n // extract webpack runtime and module manifest to its own file in order to\n // prevent vendor hash from being updated whenever app bundle is updated\n new webpack.optimize.CommonsChunkPlugin({\n name: 'manifest',\n chunks: ['vendor']\n })\n ]\n})\n\nif (config.build.productionGzip) {\n var CompressionWebpackPlugin = require('compression-webpack-plugin')\n\n webpackConfig.plugins.push(\n new CompressionWebpackPlugin({\n asset: '[path].gz[query]',\n algorithm: 'gzip',\n test: new RegExp(\n '\\\\.(' +\n config.build.productionGzipExtensions.join('|') +\n ')$'\n ),\n threshold: 10240,\n minRatio: 0.8\n })\n )\n}\n\nmodule.exports = webpackConfig\n" }, { "path": "config/dev.env.js", "content": "var merge = require('webpack-merge')\nvar prodEnv = require('./prod.env')\n\nmodule.exports = merge(prodEnv, {\n NODE_ENV: '\"development\"'\n})\n" }, { "path": "config/index.js", "content": "// see http://vuejs-templates.github.io/webpack for documentation.\nvar path = require('path')\n\nmodule.exports = {\n build: {\n env: require('./prod.env'),\n index: path.resolve(__dirname, '../dist/index.html'),\n assetsRoot: path.resolve(__dirname, '../dist'),\n assetsSubDirectory: 'static',\n assetsPublicPath: '/vux2/',\n productionSourceMap: true,\n // Gzip off by default as many popular static hosts such as\n // Surge or Netlify already gzip all static assets for you.\n // Before setting to `true`, make sure to:\n // npm install --save-dev compression-webpack-plugin\n productionGzip: false,\n productionGzipExtensions: ['js', 'css']\n },\n dev: {\n env: require('./dev.env'),\n port: 8080,\n assetsSubDirectory: 'static',\n assetsPublicPath: '/',\n //反向代理配置\n proxyTable: {},\n // CSS Sourcemaps off by default because relative paths are \"buggy\"\n // with this option, according to the CSS-Loader README\n // (https://github.com/webpack/css-loader#sourcemaps)\n // In our experience, they generally work as expected,\n // just be aware of this issue when enabling this option.\n cssSourceMap: false\n }\n}\n" }, { "path": "config/prod.env.js", "content": "module.exports = {\n NODE_ENV: '\"production\"'\n}\n" }, { "path": "config/test.env.js", "content": "var merge = require('webpack-merge')\nvar devEnv = require('./dev.env')\n\nmodule.exports = merge(devEnv, {\n NODE_ENV: '\"testing\"'\n})\n" }, { "path": "index.html", "content": "\n\n \n \n \n \n \n Vux2.0\n \n \n
\n \n \n\n" }, { "path": "package.json", "content": "{\n \"name\": \"vuxx\",\n \"version\": \"0.1.7\",\n \"description\": \"vux2.0 project\",\n \"author\": \"wong <405176029@qq.com>\",\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"https://github.com/jinhuiWong/vux-2.0\"\n },\n \"homepage\": \"https://github.com/jinhuiWong/vux-2.0\",\n \"bugs\": {\n \"url\": \"https://github.com/jinhuiWong/vux-2.0/issues\"\n },\n \"license\": \"MIT\",\n \"keywords\": [\n \"vux\",\n \"vue\",\n \"weui\",\n \"weex\",\n \"vue-components\",\n \"web-components\",\n \"component\",\n \"components\",\n \"mobile ui\",\n \"framework\",\n \"frontend\"\n ],\n \"scripts\": {\n \"dev\": \"node build/dev-server.js\",\n \"build\": \"node build/build.js\",\n \"unit\": \"karma start test/unit/karma.conf.js --single-run\",\n \"e2e\": \"node test/e2e/runner.js\",\n \"test\": \"npm run unit && npm run e2e\"\n },\n \"dependencies\": {\n \"array-filter\": \"^1.0.0\",\n \"array-find\": \"^1.0.0\",\n \"array-from\": \"^2.1.1\",\n \"array-map\": \"0.0.0\",\n \"array-shuffle\": \"^1.0.1\",\n \"autosize\": \"^3.0.20\",\n \"countup\": \"^1.6.2\",\n \"fastclick\": \"^1.0.6\",\n \"less\": \"^2.7.1\",\n \"less-loader\": \"^2.2.3\",\n \"node-sass\": \"^3.13.0\",\n \"object-assign\": \"^4.1.0\",\n \"photoswipe\": \"^4.1.1\",\n \"qr.js\": \"0.0.0\",\n \"sass-loader\": \"^4.0.2\",\n \"shake.js\": \"^1.2.2\",\n \"validator\": \"^6.2.0\",\n \"vue\": \"^2.0.1\",\n \"vue-router\": \"^2.0.1\",\n \"vuex\": \"^2.0.0\",\n \"vuex-router-sync\": \"^3.0.0\",\n \"vux-blazy\": \"^1.6.4\",\n \"vux-xscroll\": \"^3.1.8\",\n \"webp-support\": \"^1.0.3\",\n \"whatwg-fetch\": \"^1.0.0\"\n },\n \"devDependencies\": {\n \"autoprefixer\": \"^6.4.0\",\n \"babel-core\": \"^6.0.0\",\n \"babel-loader\": \"^6.0.0\",\n \"babel-plugin-component\": \"^0.5.1\",\n \"babel-plugin-transform-runtime\": \"^6.0.0\",\n \"babel-preset-es2015\": \"^6.0.0\",\n \"babel-preset-stage-2\": \"^6.0.0\",\n \"babel-register\": \"^6.0.0\",\n \"chai\": \"^3.5.0\",\n \"chalk\": \"^1.1.3\",\n \"chromedriver\": \"^2.21.2\",\n \"connect-history-api-fallback\": \"^1.1.0\",\n \"cross-spawn\": \"^4.0.2\",\n \"css-loader\": \"^0.25.0\",\n \"eventsource-polyfill\": \"^0.9.6\",\n \"express\": \"^4.13.3\",\n \"extract-text-webpack-plugin\": \"^1.0.1\",\n \"file-loader\": \"^0.9.0\",\n \"function-bind\": \"^1.0.2\",\n \"html-webpack-plugin\": \"^2.8.1\",\n \"http-proxy-middleware\": \"^0.17.2\",\n \"inject-loader\": \"^2.0.1\",\n \"isparta-loader\": \"^2.0.0\",\n \"json-loader\": \"^0.5.4\",\n \"karma\": \"^1.3.0\",\n \"karma-coverage\": \"^1.1.1\",\n \"karma-mocha\": \"^1.2.0\",\n \"karma-phantomjs-launcher\": \"^1.0.0\",\n \"karma-sinon-chai\": \"^1.2.0\",\n \"karma-sourcemap-loader\": \"^0.3.7\",\n \"karma-spec-reporter\": \"0.0.26\",\n \"karma-webpack\": \"^1.7.0\",\n \"less-loader\": \"^2.2.3\",\n \"lolex\": \"^1.4.0\",\n \"mocha\": \"^3.1.0\",\n \"nightwatch\": \"^0.9.8\",\n \"opn\": \"^4.0.2\",\n \"ora\": \"^0.3.0\",\n \"phantomjs-prebuilt\": \"^2.1.3\",\n \"selenium-server\": \"2.53.1\",\n \"semver\": \"^5.3.0\",\n \"shelljs\": \"^0.7.4\",\n \"sinon\": \"^1.17.3\",\n \"sinon-chai\": \"^2.8.0\",\n \"url-loader\": \"^0.5.7\",\n \"vue-loader\": \"^9.4.0\",\n \"vue-style-loader\": \"^1.0.0\",\n \"webpack\": \"^1.13.2\",\n \"webpack-dev-middleware\": \"^1.8.3\",\n \"webpack-hot-middleware\": \"^2.12.2\",\n \"webpack-merge\": \"^0.14.1\"\n },\n \"engines\": {\n \"node\": \">= 4.0.0\",\n \"npm\": \">= 3.0.0\"\n }\n}\n" }, { "path": "src/App.vue", "content": "\n\n\n\n\n" }, { "path": "src/Home.vue", "content": "\n\n\n\n\n" }, { "path": "src/Wechat.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/actionsheet/component.json", "content": "{\n \"vux\": {\n \"is_weui\": true\n }\n}" }, { "path": "src/components/actionsheet/index.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/actionsheet/metas.yml", "content": "props:\n show:\n en: if show the component\n zh-CN: 是否显示\n show-cancel:\n en: if show the cancel menu\n zh-CN: 是否显示取消菜单\n cancel-text:\n en: text of cancel menu\n zh-CN: 取消菜单文字\n menus:\n en: \"menu items, for example: `{menu1: 'some text'}`, menu name with `.noop` will not trigger click events\"\n zh-CN: \"菜单项列表，举例：`{menu1: '删除'}`，如果名字上带有`.noop`表明这是纯文本展示，不会触发事件，用于展示描述\"\nevents:\n on-click-menu:\n en: triggers when clicking on the menu\n zh-CN: 点击菜单时触发，参数为当前菜单项对象\n on-click-menu-{menuName}:\n en: shortcut event for easily listening, you can listen on `on-click-menu-delete` if you have a menu named `delete`\n zh-CN: 点击事件的快捷方式, 如果你有一个菜单名字为`delete`, 那么你可以监听 `on-click-menu-delete`\n on-click-menu-cancel:\n en: triggers when click on cancel menu\n zh-CN: 点击取消菜单时触发\n" }, { "path": "src/components/alert/component.json", "content": "{\n \"vux\": {\n \"is_weui\": true\n }\n}" }, { "path": "src/components/alert/index.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/alert/metas.yml", "content": "extends:\n - Dialog\nwhen:\n -\n - en: Show some information that user should pay attention to and should be closed only after user has clicked the close button\n - zh-CN: 显示一个用户必须注意到并且必须点击按钮确认才能关闭的信息\nprops:\n show:\n en: visibility of the component\n zh-CN: 是否显示\n title:\n en: title\n zh-CN: 弹窗标题\n button-text:\n en: button text\n zh-CN: 按钮文字\n mask-transition:\n en: mask transition\n zh-CN: 遮罩动画\n dialog-transition:\n en: dialog transition\n zh-CN: 弹窗主体动画\n" }, { "path": "src/components/badge/index.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/badge/metas.yml", "content": "props:\n text:\n en: text of the Badge\n zh-CN: 显示的文字\n" }, { "path": "src/components/blur/blur.js", "content": "/* Image Blur plugin, author @msurguy\n\n Usage:\n\n Create a set of elements that follows the following HTML structure:\n\n
\n
\n ...\n
\n
\n\n Add the following css:\n\n .container {\n overflow: hidden\n width: 100%\n position: relative\n }\n\n .container .bg-blur-overlay {\n z-index: -1\n position: absolute\n width: 100%\n height: 100%\n background-image: url('data:image/svg+xmlbase64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI0NiUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wOCIvPjxzdG9wIG9mZnNldD0iNTklIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMDgiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC45Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g')\n background-size: 100%\n background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(46%, rgba(0, 0, 0, 0.08)), color-stop(59%, rgba(0, 0, 0, 0.08)), color-stop(100%, rgba(0, 0, 0, 0.9)))\n background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.08) 46%, rgba(0, 0, 0, 0.08) 59%, rgba(0, 0, 0, 0.9) 100%)\n background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.08) 46%, rgba(0, 0, 0, 0.08) 59%, rgba(0, 0, 0, 0.9) 100%)\n background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.08) 46%, rgba(0, 0, 0, 0.08) 59%, rgba(0, 0, 0, 0.9) 100%)\n }\n\n .container .bg-blur {\n z-index: -2\n opacity: 0\n position: absolute\n width: 100%\n min-height: 100%\n height: auto\n display: block\n top: 0\n left: 0\n }\n\n .container .content {\n z-index: 1\n }\n\n */\n\nimport Eventor from '../../libs/eventor'\n\n// Random ID generator\nvar randomID = function () {\n return '_' + Math.random().toString(36).substr(2, 9)\n}\n\n// micro lib that creates SVG elements and adds attributes to it\nvar SVG = {\n\n // namespaces\n svgns: 'http://www.w3.org/2000/svg',\n xlink: 'http://www.w3.org/1999/xlink',\n\n // creating of SVG element\n createElement (name, attrs) {\n var element = document.createElementNS(SVG.svgns, name)\n\n if (attrs) {\n SVG.setAttr(element, attrs)\n }\n return element\n },\n\n // setting attributes\n setAttr (element, attrs) {\n for (var i in attrs) {\n if (i === 'href') { // path of an image should be stored as xlink:href attribute\n element.setAttributeNS(SVG.xlink, i, attrs[i])\n } else { // other common attribute\n element.setAttribute(i, attrs[i])\n }\n }\n return element\n }\n}\n\n// backgroundBlur PUBLIC CLASS DEFINITION\n// ================================\n\nvar Blur = function (element, options) {\n this.internalID = randomID()\n this.element = element\n this.width = element.offsetWidth\n this.height = element.offsetHeight\n this.element = element\n this.parent = this.element.parentNode\n this.options = Object.assign({}, Blur.DEFAULTS, options)\n this.overlayEl = this.createOverlay()\n this.blurredImage = null\n this.attachListeners()\n this.generateBlurredImage(this.options.url)\n}\n\nBlur.VERSION = '0.0.1'\n\nEventor.mixTo(Blur)\n\nBlur.DEFAULTS = {\n url: '', // URL to the image\n blurAmount: 10, // Amount of blurrines\n imageClass: '', // CSS class that will be applied to the image and to the SVG element,\n overlayClass: '', // CSS class of the element that will overlay the blur image\n duration: false, // If the image needs to be faded in, how long should that take\n opacity: 1 // Specify the final opacity\n}\n\nBlur.prototype.setBlurAmount = function (blurAmount) {\n this.options.blurAmount = blurAmount\n}\n\nBlur.prototype.attachListeners = function () {\n this.on('ui.blur.loaded', this.fadeIn.bind(this))\n this.on('ui.blur.unload', this.fadeOut.bind(this))\n}\n\nBlur.prototype.fadeIn = function () {\n}\n\nBlur.prototype.fadeOut = function () {\n}\n\nBlur.prototype.generateBlurredImage = function (url) {\n const previousImage = this.blurredImage\n this.internalID = randomID()\n\n if (previousImage) {\n previousImage.parentNode.removeChild(previousImage)\n }\n\n this.blurredImage = this.createSVG(url, this.width, this.height)\n}\n\nBlur.prototype.createOverlay = function () {\n if (this.options.overlayClass && this.options.overlayClass !== '') {\n const div = document.createElement('div')\n div.classList.add(this.options.overlayClass)\n this.parent.insertBefore(div, this.element)\n return div\n }\n\n return false\n}\n\nBlur.prototype.createSVG = function (url, width, height) {\n var that = this\n var svg = SVG.createElement('svg', { // our SVG element\n xmlns: SVG.svgns,\n version: '1.1',\n width: width,\n height: height,\n id: 'blurred' + this.internalID,\n 'class': this.options.imageClass,\n viewBox: '0 0 ' + width + ' ' + height,\n preserveAspectRatio: 'none'\n })\n\n var filterId = 'blur' + this.internalID // id of the filter that is called by image element\n var filter = SVG.createElement('filter', { // filter\n id: filterId\n })\n\n var gaussianBlur = SVG.createElement('feGaussianBlur', { // gaussian blur element\n 'in': 'SourceGraphic', // \"in\" is keyword. Opera generates an error if we don't put quotes\n stdDeviation: this.options.blurAmount // intensity of blur\n })\n\n var image = SVG.createElement('image', { // The image that uses the filter of blur\n x: 0,\n y: 0,\n width: width,\n height: height,\n 'externalResourcesRequired': 'true',\n href: url,\n style: 'filter:url(#' + filterId + ')', // filter link\n preserveAspectRatio: 'none'\n })\n\n image.addEventListener('load', function () {\n that.emit('ui.blur.loaded')\n }, true)\n\n image.addEventListener('SVGLoad', function () {\n that.emit('ui.blur.loaded')\n }, true)\n\n filter.appendChild(gaussianBlur) // adding the element of blur into the element of filter\n svg.appendChild(filter) // adding the filter into the SVG\n svg.appendChild(image) // adding an element of an image into the SVG\n\n // Ensure that the image is shown after duration + 100 msec in case the SVG load event didn't fire or took too long\n if (that.options.duration && that.options.duration > 0) {\n svg.style.opacity = 0\n window.setTimeout(function () {\n if (getStyle(svg, 'opacity') === '0') {\n svg.style.opacity = 1\n }\n }, this.options.duration + 100)\n }\n this.element.insertBefore(svg, this.element.firstChild)\n return svg\n}\n\nBlur.prototype.createIMG = function (url, width, height) {\n var that = this\n var originalImage = this.prependImage(url)\n var newBlurAmount = ((this.options.blurAmount * 2) > 100) ? 100 : (this.options.blurAmount * 2)\n // apply special CSS attributes to the image to blur it\n const styles = {\n // filter property here the intensity of blur multipied by two is around equal to the intensity in common browsers.\n filter: 'progid:DXImageTransform.Microsoft.Blur(pixelradius=' + newBlurAmount + ') ',\n // aligning of the blurred image by vertical and horizontal\n top: -this.options.blurAmount * 2.5,\n left: -this.options.blurAmount * 2.5,\n width: width + (this.options.blurAmount * 2.5),\n height: height + (this.options.blurAmount * 2.5)\n }\n for (var i in styles) {\n originalImage.style[i] = styles[i]\n }\n originalImage.setAttribute('id', this.internalID)\n\n originalImage.onload = function () {\n that.trigger('ui.blur.loaded')\n }\n // Ensure that the image is shown after duration + 100 msec in case the image load event didn't fire or took too long\n if (this.options.duration && this.options.duration > 0) {\n window.setTimeout(function () {\n if (getStyle(originalImage, 'opacity') === '0') {\n originalImage.style.opacity = 1\n }\n }, this.options.duration + 100)\n }\n return originalImage\n}\n\nBlur.prototype.prependImage = function (url) {\n const img = document.createElement('img')\n img.url = url\n img.setAttribute('id', this.internalID)\n img.classList.add(this.options.imageClass)\n if (this.overlayEl) {\n this.parent.insertBefore(img, this.overlayEl)\n } else {\n this.parent.insertBefore(img, this.parent.firstChild)\n }\n return img\n}\n\nexport default Blur\n\nfunction getStyle (ele, prop) {\n return window.getComputedStyle(ele, null).getPropertyValue(prop)\n}\n" }, { "path": "src/components/blur/index.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/blur/metas.yml", "content": "tips:\n -\n - en: If the component renders slowly on your target platform, you can try `css3 blur filter`\n - zh-CN: 如果在手机上渲染过慢，可以尝试使用css3的`blur filter`\nprops:\n blur-amount:\n en: blur amount of the effect\n zh-CN: 模糊程度\n url:\n en: url of the image\n zh-CN: 图片地址\n height:\n en: height of the container\n zh-CN: 容器高度\nslots:\n default:\n en: content of the container, above the blur image\n zh-CN: 容器内容，显示在模糊内容上面\n" }, { "path": "src/components/box/index.vue", "content": "\n\n\n" }, { "path": "src/components/box/metas.yml", "content": "intro:\n en: a small component for lazy persons who don't want to write less code\n zh-CN: 为div设置margin值，懒人才需要的组件\nprops:\n gap:\n en: margin value\n zh-CN: margin值\n" }, { "path": "src/components/button-tab/button-tab-item.vue", "content": "\n\n\n" }, { "path": "src/components/button-tab/button-tab.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/button-tab/index.js", "content": "import ButtonTab from './button-tab'\nimport ButtonTabItem from './button-tab-item'\n\nexport {\n ButtonTab,\n ButtonTabItem\n}\n" }, { "path": "src/components/button-tab/metas.yml", "content": "button-tab:\n props:\n index:\n zh-CN: 当前选中索引值，从0开始\n height:\n zh-CN: 高度值\nbutton-tab-item:\n props:\n selected:\n zh-CN: 是否选中\n events:\n on-item-click:\n zh-CN: 当前按钮点击时触发\n" }, { "path": "src/components/calendar/index.vue", "content": "\n\n\n" }, { "path": "src/components/calendar/metas.yml", "content": "extends:\n - inline-calendar\n - popup\n - cell\nintro:\n zh-CN: 扩展自inline-calendar, 相关属性可查看inline-calendar文档\nprops:\n value:\n zh-CN: 选中值\n title:\n zh-CN: label文字\nevents:\n on-change:\n zh-CN: 值改变时触发\n" }, { "path": "src/components/card/component.json", "content": "{\n \"vux\": {\n \"is_weui\": true\n }\n}" }, { "path": "src/components/card/index.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/card/metas.yml", "content": "props:\n header.title:\n zh-CN: 头部标题，不指定则不显示\n footer.title:\n zh-CN: 底部标题，不指定则不显示\n footer.link:\n zh-CN: 底部链接，普通url或者v-link参数\nevents:\n on-click-footer:\n zh-CN: 点击底部时触发\n on-click-header:\n zh-CN: 点击头部时触发\nslots:\n header:\n zh-CN: 头部位置\n content:\n zh-CN: 中间主体位置\n footer:\n zh-CN: 底部位置\n" }, { "path": "src/components/cell/component.json", "content": "{\n \"vux\": {\n \"is_weui\": true\n }\n}" }, { "path": "src/components/cell/index.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/cell/metas.yml", "content": "props:\n title:\n en: label text\n zh-CN: 左边标题文字\n value:\n en: right text\n zh-CN: 右侧文字，复杂的样式布局请使用slot\n inline-desc:\n en: the text below title\n zh-CN: 标题下面文字，一般为说明文字\n is-link:\n en: if this is a link, if true, there will be an arrow on the right\n zh-CN: 是否为链接，如果是，右侧将会出现指引点击的右箭头\n primary:\n en: \"main content area, can be in ['title', 'content']\"\n zh-CN: \"可选值为 ['title', 'content']，对应的div会加上weui_cell_primary类名实现内容宽度自适应\"\nslots:\n default:\n en: \"right area, you can use default slot instead of prop:value so you can use complexed layout\"\n zh-CN: 右侧内容，相比于value的优点是可以用复杂的样式或者调用组件\n value:\n en: \"[deprecated] the same as default slot\"\n zh-CN: \"[废弃] 同默认slot\"\n icon:\n en: icon area before title\n zh-CN: 标题左侧的图像位置\n after-title:\n en: after title\n zh-CN: 标题右侧位置\n child:\n en: the child element of the cell, you can add an element with absolute position\n zh-CN: cell的直接子元素，因此可以添加一个相对于cell绝对定位的元素\n" }, { "path": "src/components/check-icon/index.vue", "content": "\n\n\n\n\n\n\n" }, { "path": "src/components/checker/checker-item.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/checker/checker.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/checker/index.js", "content": "import Checker from './checker'\nimport CheckerItem from './checker-item'\n\nexport {\n Checker,\n CheckerItem\n}\n" }, { "path": "src/components/checker/metas.yml", "content": "checker:\n props:\n default-item-class:\n zh-CN: 默认class\n selected-item-class:\n zh-CN: 选中样式\n disabled-item-class:\n zh-CN: 不可选样式\n type:\n zh-CN: 类型，单选为radio, 多选为checkbox\n value:\n zh-CN: 表单值\n max:\n zh-CN: 最多可选个数，多选时可用\n events:\n on-change:\n zh-CN: value值变化时触发\nchecker-item:\n props:\n value:\n zh-CN: 当前项的值\n disabled:\n zh-CN: 是否为不可选\n events:\n on-item-click:\n zh-CN: 当前项被点击时触发，参数为(itemValue, itemDisabled)\n" }, { "path": "src/components/checklist/component.json", "content": "{\n \"vux\": {\n \"is_weui\": true\n }\n}" }, { "path": "src/components/checklist/index.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/checklist/metas.yml", "content": "props:\n value:\n zh-CN: 表单值\n title:\n zh-CN: 标题\n required:\n zh-CN: 是否为必填\n options:\n zh-CN: 选项列表，可以为`[{name:'name',value:'value'}]`的形式\n max:\n zh-CN: 最多可选个数\n min:\n zh-CN: 最少可选个数\n fill-mode:\n zh-CN: 是否允许填写值\n random-order:\n zh-CN: 是否随机打乱选项顺序\nevents:\n on-change:\n zh-CN: 值变化时触发，参数为 (value)\n" }, { "path": "src/components/checklist/object-filter.js", "content": "export const getValue = function (item) {\n return typeof item === 'object' ? item.value : item\n}\n\nexport const getKey = function (item) {\n return typeof item === 'object' ? item.key : item\n}\n" }, { "path": "src/components/circle/index.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/circle/metas.yml", "content": "props:\n stroke-width:\n zh-CN: 线条宽度\n stoke-color:\n zh-CN: 线条颜色\n trail-width:\n zh-CN: 背景线条宽度\n trail-color:\n zh-CN: 背景线条颜色\n percent:\n zh-CN: 进度百分比\n" }, { "path": "src/components/clocker/clocker.js", "content": "// https://github.com/MoeKit/clocker\nvar instances = []\nvar matchers = []\n// Miliseconds\nmatchers.push(/^[0-9]*$/.source)\n// Month/Day/Year [hours:minutes:seconds]\nmatchers.push(/([0-9]{1,2}\\/){2}[0-9]{4}( [0-9]{1,2}(:[0-9]{2}){2})?/\n .source)\n// Year/Day/Month [hours:minutes:seconds] and\n// Year-Day-Month [hours:minutes:seconds]\nmatchers.push(/[0-9]{4}([\\/\\-][0-9]{1,2}){2}( [0-9]{1,2}(:[0-9]{2}){2})?/\n .source)\n// Cast the matchers to a regular expression object\nmatchers = new RegExp(matchers.join('|'))\n// Parse a Date formatted has String to a native object\n\nfunction parseDateString (dateString) {\n // Pass through when a native object is sent\n if (dateString instanceof Date) {\n return dateString\n }\n // Caste string to date object\n if (String(dateString).match(matchers)) {\n // If looks like a milisecond value cast to number before\n // final casting (Thanks to @msigley)\n if (String(dateString).match(/^[0-9]*$/)) {\n dateString = Number(dateString)\n }\n // Replace dashes to slashes\n if (String(dateString).match(/\\-/)) {\n dateString = String(dateString).replace(/\\-/g, '/')\n }\n return new Date(dateString)\n } else {\n throw new Error('Couldn\\'t cast `' + dateString +\n '` to a date object.')\n }\n}\n// Map to convert from a directive to offset object property\nvar DIRECTIVE_KEY_MAP = {\n 'Y': 'years',\n 'm': 'months',\n 'w': 'weeks',\n 'D': 'days',\n 'H': 'hours',\n 'M': 'minutes',\n 'S': 'seconds'\n}\n// Returns an escaped regexp from the string\n\nfunction escapedRegExp (str) {\n var sanitize = str.toString().replace(/([.?*+^$[\\]\\\\(){}|-])/g, '\\\\$1')\n return new RegExp(sanitize)\n}\n// Time string formatter\n\nfunction strftime (offsetObject) {\n return function (format) {\n var directives = format.match(/%(-|!)?[A-Z]{1}(:[^]+)?/gi)\n if (directives) {\n for (var i = 0, len = directives.length; i < len; ++i) {\n var directive = directives[i].match(/%(-|!)?([a-zA-Z]{1})(:[^]+)?/)\n var regexp = escapedRegExp(directive[0])\n var modifier = directive[1] || ''\n var plural = directive[3] || ''\n var value = null\n // Get the key\n directive = directive[2]\n // Swap shot-versions directives\n if (DIRECTIVE_KEY_MAP.hasOwnProperty(directive)) {\n value = DIRECTIVE_KEY_MAP[directive]\n value = Number(offsetObject[value])\n }\n if (value !== null) {\n // Pluralize\n if (modifier === '!') {\n value = pluralize(plural, value)\n }\n // Add zero-padding\n if (modifier === '') {\n if (value < 10) {\n value = '0' + value.toString()\n }\n }\n // Replace the directive\n format = format.replace(regexp, value.toString())\n }\n }\n }\n format = format.replace('%_M1', offsetObject.minutes_1)\n .replace('%_M2', offsetObject.minutes_2)\n .replace('%_S1', offsetObject.seconds_1)\n .replace('%_S2', offsetObject.seconds_2)\n .replace('%_H1', offsetObject.hours_1)\n .replace('%_H2', offsetObject.hours_2)\n .replace('%_D1', offsetObject.days_1)\n .replace('%_D2', offsetObject.days_2)\n format = format.replace(/%%/, '%')\n return format\n }\n}\n// Pluralize\n\nfunction pluralize (format, count) {\n var plural = 's'\n var singular = ''\n if (format) {\n format = format.replace(/(:||\\s)/gi, '').split(/,/)\n if (format.length === 1) {\n plural = format[0]\n } else {\n singular = format[0]\n plural = format[1]\n }\n }\n if (Math.abs(count) === 1) {\n return singular\n } else {\n return plural\n }\n}\n\nfunction splitNumber (number) {\n number = number + ''\n number = (number.length === 1 ? ('0' + number) : number) + ''\n return number.split('')\n}\n\n// The Final Countdown\nvar Countdown = function (finalDate, option) {\n option = option || {}\n this.PRECISION = option.precision || 100 // 0.1 seconds, used to update the DOM\n this.interval = null\n this.offset = {}\n // Register this instance\n this.instanceNumber = instances.length\n instances.push(this)\n // Set the final date and start\n this.setFinalDate(finalDate)\n}\nvar Eventor = require('../../libs/eventor')\nEventor.mixTo(Countdown)\nvar pro = Countdown.prototype\n\nvar fns = {\n start () {\n if (this.interval !== null) {\n clearInterval(this.interval)\n }\n var self = this\n this.update()\n this.interval = setInterval(function () {\n self.update()\n }, this.PRECISION)\n return this\n },\n stop () {\n clearInterval(this.interval)\n this.interval = null\n this._dispatchEvent('stoped')\n return this\n },\n toggle () {\n if (this.interval) {\n this.stop()\n } else {\n this.start()\n }\n return this\n },\n pause () {\n return this.stop()\n },\n resume () {\n return this.start()\n },\n remove () {\n this.stop()\n instances[this.instanceNumber] = null\n },\n setFinalDate (value) {\n this.finalDate = parseDateString(value) // Cast the given date\n return this\n },\n getOffset () {\n this.totalSecsLeft = this.finalDate.getTime() - new Date().getTime() // In miliseconds\n this.totalSecsLeft = Math.ceil(this.totalSecsLeft / 1000)\n this.totalSecsLeft = this.totalSecsLeft < 0 ? 0 : this.totalSecsLeft\n // Calculate the offsets\n return {\n seconds: this.totalSecsLeft % 60,\n minutes: Math.floor(this.totalSecsLeft / 60) % 60,\n hours: Math.floor(this.totalSecsLeft / 60 / 60) % 24,\n days: Math.floor(this.totalSecsLeft / 60 / 60 / 24),\n weeks: Math.floor(this.totalSecsLeft / 60 / 60 / 24 / 7),\n months: Math.floor(this.totalSecsLeft / 60 / 60 / 24 / 30),\n years: Math.floor(this.totalSecsLeft / 60 / 60 / 24 / 365)\n }\n },\n update () {\n // Calculate the offsets\n this.offset = this.getOffset()\n // split offset only for days, hours, minutes, seconds and two number like 45, do not support 100\n\n var list = ['days', 'hours', 'minutes', 'seconds']\n\n for (var i = 0; i < list.length; i++) {\n var key = list[i]\n var numbers = splitNumber(this.offset[key])\n this.offset[key + '_1'] = numbers[0]\n this.offset[key + '_2'] = numbers[1]\n }\n // Dispatch an event\n if (this.totalSecsLeft === 0) {\n this.stop()\n this._dispatchEvent('finish')\n } else {\n this._dispatchEvent('update')\n }\n return this\n },\n _dispatchEvent (eventName) {\n var event = {}\n event.finalDate = this.finalDate\n event.offset = this.offset\n event.strftime = strftime(this.offset)\n this.emit(eventName, event)\n this.emit('tick', event)\n }\n}\n\nfor (var i in fns) {\n pro[i] = fns[i]\n}\n\nmodule.exports = Countdown\n" }, { "path": "src/components/clocker/index.vue", "content": "\n\n\n" }, { "path": "src/components/clocker/metas.yml", "content": "props:\n time:\n en: the end time\n zh-CN: 结束时间\n format:\n en: the result format\n zh-CN: 显示格式\nevents:\n on-tick:\n en: triggers on time ticking\n zh-CN: 时间计算时触发，但非每1s触发\n on-finish:\n en: triggers on time end\n zh-CN: 时间结束时触发\nslots:\n default:\n en: if specified, will be the format for the result\n zh-CN: 若存在，则作为最终显示出来的结果模板\n" }, { "path": "src/components/color-picker/index.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/confirm/component.json", "content": "{\n \"vux\": {\n \"is_weui\": true\n }\n}" }, { "path": "src/components/confirm/index.vue", "content": "\n\n\n\n" }, { "path": "src/components/confirm/metas.yml", "content": "tags:\n en:\n - message\n - confirm\n zh-CN:\n - 消息提示\n - 确认\nprops:\n show:\n en: visibility of the component\n zh-CN: 是否显示\n title:\n en: dialog title\n zh-CN: 弹窗标题\n confirm-text:\n en: confirm button text\n zh-CN: 确认按钮文字\n cancel-text:\n en: cancel button text\n zh-CN: 取消按钮文字\n mask-transition:\n en: mask's transition\n zh-CN: 遮罩动画\n dialog-transition:\n en: dialog's transition\n zh-CN: 弹窗动画\nslots:\n default:\n en: body content of the dialog\n zh-CN: 弹窗主体内容\nevents:\n on-cancel:\n en: triggers when the cancel button is clicked\n zh-CN: 点击取消按钮时触发\n on-confirm:\n en: triggers when the confirm button is clicked\n zh-CN: 点击确定按钮时触发\n" }, { "path": "src/components/countdown/index.vue", "content": "\n\n\n" }, { "path": "src/components/countup/index.vue", "content": "\n\n\n" }, { "path": "src/components/datetime/datetimepicker.js", "content": "import Scroller from '../picker/scroller'\nimport { each, trimZero, addZero, getMaxDay, parseRow, parseDate, getElement, toElement, removeElement } from './util'\n\nconst MASK_TEMPLATE = '
'\n\nconst TEMPLATE = `
\n
\n
cancel
\n
\n
ok
\n
\n
\n
\n
\n
\n
\n
\n
\n
`\n\nvar SHOW_ANIMATION_TIME = 100 // ms\nvar SHOW_CONTAINER_TIME = 300\n\nvar TYPE_MAP = {\n year: ['YYYY'],\n month: ['MM', 'M'],\n day: ['DD', 'D'],\n hour: ['HH', 'H'],\n minute: ['mm', 'm']\n}\n\nvar MASK = null\n\nvar CURRENT_PICKER\n\nvar NOW = new Date()\n\nvar DEFAULT_CONFIG = {\n template: TEMPLATE,\n trigger: null,\n output: null,\n currentYear: NOW.getFullYear(),\n currentMonth: NOW.getMonth() + 1,\n minYear: 2000,\n maxYear: 2030,\n yearRow: '{value}',\n monthRow: '{value}',\n dayRow: '{value}',\n hourRow: '{value}',\n minuteRow: '{value}',\n format: 'YYYY-MM-DD',\n value: NOW.getFullYear() + '-' + (NOW.getMonth() + 1) + '-' + NOW.getDate(),\n onSelect () {},\n onConfirm () {},\n onClear () {},\n onShow () {},\n onHide () {},\n confirmText: 'ok',\n clearText: '',\n cancelText: 'cancel'\n}\n\nfunction renderScroller (el, data, value, fn) {\n var scroller = new Scroller(el, {\n data: data,\n defaultValue: value,\n onSelect: fn\n })\n return scroller\n}\n\nfunction showMask () {\n if (!MASK) {\n MASK = toElement(MASK_TEMPLATE)\n document.body.appendChild(MASK)\n\n MASK.addEventListener('click', function () {\n CURRENT_PICKER && CURRENT_PICKER.hide()\n }, false)\n }\n\n MASK.style.display = 'block'\n\n setTimeout(function () {\n MASK && (MASK.style.opacity = 0.5)\n }, 0)\n}\n\nfunction hideMask () {\n if (!MASK) {\n return\n }\n\n MASK.style.opacity = 0\n\n setTimeout(function () {\n MASK && (MASK.style.display = 'none')\n // hideMaskTimer = null\n }, SHOW_ANIMATION_TIME)\n}\n\nfunction DatetimePicker (config) {\n var self = this\n self.config = {}\n self.value = config.value || ''\n each(DEFAULT_CONFIG, function (key, val) {\n self.config[key] = config[key] || val\n })\n\n var trigger = self.config.trigger\n if (trigger) {\n var output = self.config.output || trigger\n trigger = self.trigger = getElement(trigger)\n output = self.output = getElement(output)\n\n trigger.addEventListener('click', function (e) {\n e.preventDefault()\n self.show(self.value)\n }, false)\n }\n}\n\nDatetimePicker.prototype = {\n\n _show (newValueMap) {\n var self = this\n\n self.container.style.display = 'block'\n\n each(TYPE_MAP, function (type) {\n self[type + 'Scroller'] && self[type + 'Scroller'].select(trimZero(newValueMap[type]), false)\n })\n\n setTimeout(function () {\n self.container.style['-webkit-transform'] = 'translateY(0)'\n self.container.style.transform = 'translateY(0)'\n }, 0)\n },\n show (value) {\n var self = this\n var config = self.config\n CURRENT_PICKER = self\n var valueMap = self.valueMap = parseDate(config.format, value || config.value)\n var newValueMap = {}\n\n each(TYPE_MAP, function (type, list) {\n newValueMap[type] = list.length === 1 ? valueMap[list[0]] : (valueMap[list[0]] || valueMap[list[1]])\n })\n\n if (self.container) {\n self._show(newValueMap)\n } else {\n var container = self.container = toElement(config.template)\n document.body.appendChild(container)\n\n self.container.style.display = 'block'\n\n container.addEventListener('touchstart', function (e) {\n // e.preventDefault()\n }, false)\n\n each(TYPE_MAP, function (type) {\n // 清除格式里没有列\n var div = self.find('[data-role=' + type + ']')\n if (newValueMap[type] === undefined) {\n removeElement(div)\n return\n }\n var data\n if (type === 'day') {\n data = self._makeData(type, trimZero(newValueMap.year), trimZero(newValueMap.month))\n } else {\n data = self._makeData(type)\n }\n\n self[type + 'Scroller'] = renderScroller(div, data, trimZero(newValueMap[type]), function (currentValue) {\n config.onSelect.call(self, type, currentValue)\n var currentDay\n if (!self.dayScroller) {\n return\n }\n if (type === 'year') {\n var currentMonth = self.monthScroller ? self.monthScroller.value : config.currentMonth\n currentDay = self.dayScroller.value\n self._setDayScroller(currentValue, currentMonth, currentDay)\n } else if (type === 'month') {\n var currentYear = self.yearScroller ? self.yearScroller.value : config.currentYear\n currentDay = self.dayScroller.value\n self._setDayScroller(currentYear, currentValue, currentDay)\n }\n })\n })\n\n if (!self.renderText) {\n if (self.config.confirmText) {\n self.find('[data-role=confirm]').innerText = self.config.confirmText\n }\n\n if (self.config.cancelText) {\n self.find('[data-role=cancel]').innerText = self.config.cancelText\n }\n if (self.config.clearText) {\n self.find('[data-role=clear]').innerText = self.config.clearText\n }\n self.renderText = true\n }\n\n this._show(newValueMap)\n\n self.find('[data-role=cancel]').addEventListener('click', function (e) {\n e.preventDefault()\n self.hide()\n }, false)\n\n self.find('[data-role=confirm]').addEventListener('click', function (e) {\n e.preventDefault()\n self.confirm()\n }, false)\n\n if (self.config.clearText) {\n self.find('[data-role=clear]').addEventListener('click', function (e) {\n e.preventDefault()\n self.clear()\n }, false)\n }\n }\n\n showMask()\n config.onShow.call(self)\n },\n\n _makeData (type, year, month) {\n var config = this.config\n var valueMap = this.valueMap\n var list = TYPE_MAP[type]\n var data = []\n var min\n var max\n if (type === 'year') {\n min = config.minYear\n max = config.maxYear\n } else if (type === 'month') {\n min = 1\n max = 12\n } else if (type === 'day') {\n min = 1\n max = getMaxDay(year, month)\n } else if (type === 'hour') {\n min = 0\n max = 23\n } else if (type === 'minute') {\n min = 0\n max = 59\n }\n for (var i = min; i <= max; i++) {\n var name\n if (type === 'year') {\n name = parseRow(config.yearRow, i)\n } else {\n var val = valueMap[list[0]] ? addZero(i) : i\n name = parseRow(config[type + 'Row'], val)\n }\n data.push({\n name: name,\n value: i\n })\n }\n return data\n },\n\n _setDayScroller (year, month, day) {\n var self = this\n var maxDay = getMaxDay(year, month)\n if (day > maxDay) {\n day = maxDay\n }\n self.dayScroller.destroy()\n var div = self.find('[data-role=day]')\n self.dayScroller = renderScroller(div, self._makeData('day', year, month), day, function (currentValue) {\n self.config.onSelect.call(self, 'day', currentValue)\n })\n },\n\n find (selector) {\n return this.container.querySelector(selector)\n },\n\n hide () {\n var self = this\n self.container.style.removeProperty('transform')\n self.container.style.removeProperty('-webkit-transform')\n\n setTimeout(function () {\n self.container.style.display = 'none'\n }, SHOW_CONTAINER_TIME)\n\n hideMask()\n\n self.config.onHide.call(self)\n },\n\n select (type, value) {\n this[type + 'Scroller'].select(value, false)\n },\n\n destroy () {\n var self = this\n removeElement(MASK)\n removeElement(self.container)\n MASK = null\n self.container = null\n },\n\n getValue () {\n var self = this\n var config = self.config\n\n var value = config.format\n\n function formatValue (scroller, expr1, expr2) {\n if (scroller) {\n var val = scroller.value\n if (expr1) {\n value = value.replace(new RegExp(expr1, 'g'), addZero(val))\n }\n if (expr2) {\n value = value.replace(new RegExp(expr2, 'g'), trimZero(val))\n }\n }\n }\n\n each(TYPE_MAP, function (key, list) {\n formatValue(self[key + 'Scroller'], list[0], list[1])\n })\n\n return value\n },\n\n confirm () {\n var self = this\n var value = self.getValue()\n this.value = value\n\n if (self.config.onConfirm.call(self, value) === false) {\n return\n }\n\n self.hide()\n },\n\n clear () {\n var self = this\n var value = self.getValue()\n\n if (self.config.onClear.call(self, value) === false) {\n return\n }\n\n self.hide()\n }\n}\n\nexport default DatetimePicker\n" }, { "path": "src/components/datetime/format.js", "content": "module.exports = function (date, fmt = 'YYYY-MM-DD HH:mm:ss') {\n var o = {\n 'M+': date.getMonth() + 1,\n 'D+': date.getDate(),\n 'h+': date.getHours() % 12 === 0 ? 12 : date.getHours() % 12,\n 'H+': date.getHours(),\n 'm+': date.getMinutes(),\n 's+': date.getSeconds(),\n 'q+': Math.floor((date.getMonth() + 3) / 3),\n 'S': date.getMilliseconds()\n }\n var week = {\n '0': '/u65e5',\n '1': '/u4e00',\n '2': '/u4e8c',\n '3': '/u4e09',\n '4': '/u56db',\n '5': '/u4e94',\n '6': '/u516d'\n }\n if (/(Y+)/.test(fmt)) {\n fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length))\n }\n if (/(E+)/.test(fmt)) {\n fmt = fmt.replace(RegExp.$1, ((RegExp.$1.length > 1) ? (RegExp.$1.length > 2 ? '/u661f/u671f' : '/u5468') : '') + week[date.getDay() + ''])\n }\n for (var k in o) {\n if (new RegExp('(' + k + ')').test(fmt)) {\n fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? (o[k]) : (('00' + o[k]).substr(('' + o[k]).length)))\n }\n }\n return fmt\n}\n" }, { "path": "src/components/datetime/index.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/datetime/util.js", "content": "import formater from './format'\n\nexport function each (obj, fn) {\n for (var key in obj) {\n if (obj.hasOwnProperty(key)) {\n if (fn.call(obj[key], key, obj[key]) === false) {\n break\n }\n }\n }\n}\n\nexport function trimZero (val) {\n val = String(val)\n val = val ? parseFloat(val.replace(/^0+/g, '')) : ''\n val = val || 0\n val = val + ''\n return val\n}\n\nexport function addZero (val) {\n val = String(val)\n return val.length < 2 ? '0' + val : val\n}\n\nexport function isLeapYear (year) {\n return year % 100 !== 0 && year % 4 === 0 || year % 400 === 0\n}\n\nexport function getMaxDay (year, month) {\n year = parseFloat(year)\n month = parseFloat(month)\n if (month === 2) {\n return isLeapYear(year) ? 29 : 28\n }\n return [4, 6, 9, 11].indexOf(month) >= 0 ? 30 : 31\n}\n\nexport function parseRow (tmpl, value) {\n return tmpl.replace(/\\{value\\}/g, value)\n}\n\n// parse Date String\nexport function parseDate (format, value) {\n var formatParts = format.split(/[^A-Za-z]+/)\n var valueParts = value.split(/\\D+/)\n if (formatParts.length !== valueParts.length) {\n // if it is error date, use current date\n var date = formater(new Date(), format)\n valueParts = date.split(/\\D+/)\n }\n\n var result = {}\n\n for (var i = 0; i < formatParts.length; i++) {\n if (formatParts[i]) {\n result[formatParts[i]] = valueParts[i]\n }\n }\n return result\n}\n\nexport function getElement (expr) {\n return (typeof expr === 'string') ? document.querySelector(expr) : expr\n}\n\nexport function toElement (html) {\n var tempContainer = document.createElement('div')\n tempContainer.innerHTML = html\n return tempContainer.firstElementChild\n}\n\nexport function removeElement (el) {\n el && el.parentNode.removeChild(el)\n}\n" }, { "path": "src/components/dev-tip/index.vue", "content": "\n\n\n" }, { "path": "src/components/dialog/component.json", "content": "{\n \"vux\": {\n \"is_weui\": true\n }\n}" }, { "path": "src/components/dialog/index.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/divider/index.vue", "content": "\n\n\n" }, { "path": "src/components/divider/metas.yml", "content": "tips:\n -\n en: cannot custom line color for the moment\n zh-CN: 暂时不可定义分割线颜色\nslots:\n default:\n en: divider title\n zh-CN: 分隔线标题\nreferences:\n - http://www.daqianduan.com/4258.html\n" }, { "path": "src/components/flexbox/flexbox-item.vue", "content": "\n\n\n" }, { "path": "src/components/flexbox/flexbox.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/flexbox/index.js", "content": "import Flexbox from './flexbox'\nimport FlexboxItem from './flexbox-item'\n\nexport {\n Flexbox,\n FlexboxItem\n}\n" }, { "path": "src/components/fullpage/DemoBasic.vue", "content": "\n\n\n\n" }, { "path": "src/components/fullpage/index.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/fullpage/lib.js", "content": "/*!\n * zepto.fullpage.js v0.5.0 (https://github.com/yanhaijing/zepto.fullpage)\n * API https://github.com/yanhaijing/zepto.fullpage/blob/master/doc/api.md\n * Copyright 2014 yanhaijing. All Rights Reserved\n * Licensed under MIT (https://github.com/yanhaijing/zepto.fullpage/blob/master/LICENSE)\n */\n\nconst BOX_CLASS = 'vux-fullpage-box'\nconst ANIM_CLASS = 'vux-fullpage-box-anim'\nconst ITEM_CLASS = 'vux-fullpage-item'\nconst DIR_CLASS = 'vux-fullpage-dir'\n\nvar d = {\n page: null,\n start: 0,\n duration: 500,\n loop: false,\n drag: false,\n dir: 'v',\n der: 0.1,\n change: function (data) {},\n beforeChange: function (data) {},\n afterChange: function (data) {},\n orientationchange: function (orientation) {}\n}\n\nfunction touchmove (e) {\n e.preventDefault()\n}\n\nfunction fix (cur, pagesLength, loop) {\n if (cur < 0) {\n return loop ? pagesLength - 1 : 0\n }\n\n if (cur >= pagesLength) {\n return loop ? 0 : pagesLength - 1\n }\n\n return cur\n}\n\nfunction move (ele, dir, dist) {\n var xPx = '0px'\n var yPx = '0px'\n if (dir === 'v') yPx = dist + 'px'\n else xPx = dist + 'px'\n ele.style.cssText += ('-webkit-transform : translate3d(' + xPx + ', ' + yPx + ', 0px);' +\n 'transform : translate3d(' + xPx + ', ' + yPx + ', 0px)')\n}\n\nfunction init (option) {\n var o = option || {}\n for (var key in d) {\n if (!o.hasOwnProperty(key)) {\n o[key] = d[key]\n }\n }\n\n var that = this\n that.curIndex = -1\n that.o = o\n\n that.startY = 0\n that.movingFlag = false\n\n that.ele.classList.add(BOX_CLASS)\n that.parentEle = that.ele.parentNode\n\n var query = o.page\n if (query && query.indexOf('.') === 0) {\n query = query.substring(1, query.length)\n that.pageEles = that.ele.getElementsByClassName(query)\n }\n\n if (!query) {\n that.pageEles = that.ele.children\n }\n\n for (var i = 0; i < that.pageEles.length; i++) {\n var pageEle = that.pageEles[i]\n pageEle.classList.add(ITEM_CLASS)\n pageEle.classList.add(DIR_CLASS + o.dir)\n }\n\n that.pagesLength = that.pageEles.length\n that.update()\n that.initEvent()\n that.start()\n}\n\nfunction Fullpage (ele, option) {\n this.ele = ele\n init.call(this, option)\n}\n\nFullpage.prototype.update = function () {\n let pageEle\n if (this.o.dir === 'h') {\n this.width = this.parentEle.offsetWidth\n for (let i = 0; i < this.pageEles.length; i++) {\n pageEle = this.pageEles[i]\n pageEle.style.width = this.width + 'px'\n }\n this.ele.style.width = (this.width * this.pagesLength) + 'px'\n }\n\n this.height = this.parentEle.offsetHeight\n for (let i = 0; i < this.pageEles.length; i++) {\n pageEle = this.pageEles[i]\n pageEle.style.height = this.height + 'px'\n }\n\n this.moveTo(this.curIndex < 0 ? this.o.start : this.curIndex)\n}\n\nFullpage.prototype.initEvent = function () {\n var that = this\n var ele = that.ele\n\n ele.addEventListener('touchstart', function (e) {\n if (!that.status) {\n return 1\n }\n // e.preventDefault()\n if (that.movingFlag) {\n return 0\n }\n\n that.startX = e.targetTouches[0].pageX\n that.startY = e.targetTouches[0].pageY\n })\n ele.addEventListener('touchend', function (e) {\n if (!that.status) {\n return 1\n }\n // e.preventDefault()\n if (that.movingFlag) {\n return 0\n }\n\n var sub = that.o.dir === 'v' ? (e.changedTouches[0].pageY - that.startY) / that.height : (e.changedTouches[0].pageX - that.startX) / that.width\n var der = (sub > that.o.der || sub < -that.o.der) ? sub > 0 ? -1 : 1 : 0\n\n that.moveTo(that.curIndex + der, true)\n })\n if (that.o.drag) {\n ele.addEventListener('touchmove', function (e) {\n if (!that.status) {\n return 1\n }\n // e.preventDefault()\n if (that.movingFlag) {\n that.startX = e.targetTouches[0].pageX\n that.startY = e.targetTouches[0].pageY\n return 0\n }\n\n var y = e.changedTouches[0].pageY - that.startY\n if ((that.curIndex === 0 && y > 0) || (that.curIndex === that.pagesLength - 1 && y < 0)) y /= 2\n var x = e.changedTouches[0].pageX - that.startX\n if ((that.curIndex === 0 && x > 0) || (that.curIndex === that.pagesLength - 1 && x < 0)) x /= 2\n var dist = (that.o.dir === 'v' ? (-that.curIndex * that.height + y) : (-that.curIndex * that.width + x))\n ele.classList.remove(ANIM_CLASS)\n move(ele, that.o.dir, dist)\n })\n }\n\n window.addEventListener('orientationchange', function () {\n if (window.orientation === 180 || window.orientation === 0) {\n that.o.orientationchange('portrait')\n }\n if (window.orientation === 90 || window.orientation === -90) {\n that.o.orientationchange('landscape')\n }\n }, false)\n\n window.addEventListener('resize', function () {\n that.update()\n }, false)\n}\n\nFullpage.prototype.holdTouch = function () {\n document.addEventListener('touchmove', touchmove)\n}\n\nFullpage.prototype.unholdTouch = function () {\n document.removeEventListener('touchmove', touchmove)\n}\n\nFullpage.prototype.start = function () {\n this.status = 1\n this.holdTouch()\n}\n\nFullpage.prototype.stop = function () {\n this.status = 0\n this.unholdTouch()\n}\n\nFullpage.prototype.getCurIndex = function () {\n return this.curIndex\n}\n\nFullpage.prototype.moveTo = function (next, anim) {\n var that = this\n var ele = that.ele\n var cur = that.curIndex\n next = fix(next, that.pagesLength, that.o.loop)\n\n if (anim) {\n ele.classList.add(ANIM_CLASS)\n } else {\n ele.classList.remove(ANIM_CLASS)\n }\n\n if (next !== cur) {\n var flag = that.o.beforeChange({\n next: next,\n cur: cur\n })\n\n // beforeChange return false to stop scrolling\n if (flag === false) {\n return 1\n }\n }\n\n that.movingFlag = true\n that.curIndex = next\n move(ele, that.o.dir, -next * (that.o.dir === 'v' ? that.height : that.width))\n\n if (next !== cur) {\n that.o.change({\n prev: cur,\n cur: next\n })\n }\n\n window.setTimeout(function () {\n that.movingFlag = false\n if (next !== cur) {\n that.o.afterChange({\n prev: cur,\n cur: next\n })\n for (var i = 0; i < that.pageEles.length; i++) {\n var pageEle = that.pageEles[i]\n if (i === next) {\n pageEle.classList.add('cur')\n } else {\n pageEle.classList.remove('cur')\n }\n }\n }\n }, that.o.duration)\n}\n\nFullpage.prototype.movePrev = function (anim) {\n this.moveTo(this.curIndex - 1, anim)\n}\n\nFullpage.prototype.moveNext = function (anim) {\n this.moveTo(this.curIndex + 1, anim)\n}\n\nexport default Fullpage\n\n" }, { "path": "src/components/group/component.json", "content": "{\n \"vux\": {\n \"is_weui\": true\n }\n}" }, { "path": "src/components/group/index.md", "content": "[zh-CN]\n`Group`是一个特殊的表单`wrapper`组件，主要用于将表单分组，单个表单元素也算一组。所以常见的`行内`组件都`必须`作为`Group`的子组件。\n\n包括：\n\n+ Cell\n+ XInput\n+ XTextarea\n+ Switch\n+ Calendar\n+ XNumber\n+ Radio\n+ Address\n+ Datetime\n+ Selector\n" }, { "path": "src/components/group/index.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/group/metas.yml", "content": "props:\n title:\n en: group title\n zh-CN:分组标题\n titleColor:\n en: group title's color\n zh-CN: 分组标题文字颜色\n labelWidth:\n en: common label width for child components\n zh-CN: 为子元素设定统一label宽度\n labelAlign:\n en: common label text-align for child components\n zh-CN: 为子元素设定统一对齐方式\n labelMarginRight:\n en: common margin right value for child components\n zh-CN: 为子元素设定统一的右边margin\n gutter:\n en: set the marginTop value when there is no title\n zh-CN: 设定group的上边距，只能用于没有标题时\nslot:\n default:\n en: content body for child components\n zh-CN: 子组件插槽\n" }, { "path": "src/components/group-title/index.vue", "content": "\n" }, { "path": "src/components/icon/component.json", "content": "{\n \"vux\": {\n \"is_weui\": true\n }\n}" }, { "path": "src/components/icon/index.md", "content": "```\n\n```\n" }, { "path": "src/components/icon/index.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/icon/metas.yml", "content": "props:\n type:\n en: icon name\n zh-CN: 图标名字，可选值见demo\n" }, { "path": "src/components/index.js", "content": "/* only for building vux.css */\nimport Style from '../styles/index.vue' // eslint-disable-line\n\nimport Radio from './radio'\nimport DevTip from './dev-tip'\nimport XInput from './x-input'\nimport XNumber from './x-number'\nimport Cell from './cell'\nimport InlineDesc from './inline-desc'\nimport Checklist from './checklist'\nimport XSwitch from './x-switch'\nimport XTextarea from './x-textarea'\nimport Group from './group'\nimport GroupTitle from './group-title'\nimport Box from './box'\nimport Tip from './tip'\nimport Selector from './selector'\nimport XButton from './x-button'\nimport Swiper from './swiper'\nimport SwiperItem from './swiper-item'\nimport Sticky from './sticky'\nimport Picker from './picker'\nimport Datetime from './datetime'\nimport Popup from './popup'\nimport Range from './range'\nimport Actionsheet from './actionsheet'\nimport Clocker from './clocker'\nimport Rater from './rater'\nimport PopupPicker from './popup-picker'\nimport XAddress from './x-address'\nimport Toast from './toast'\nimport Loading from './loading'\nimport Alert from './alert'\nimport Confirm from './confirm'\nimport XProgress from './progress'\nimport XImg from './x-img'\nimport Spinner from './spinner'\nimport Calendar from './calendar'\nimport Icon from './icon'\nimport XCircle from './circle'\nimport ColorPicker from './color-picker'\nimport AddressChinaData from './x-address/list.json'\nimport Divider from './divider'\nimport Blur from './blur'\nimport Countup from './countup'\nimport Scroller from './scroller'\nimport Shake from './shake'\nimport WechatEmotion from './wechat-emotion'\nimport Search from './search'\nimport DateFormatter from './datetime/format'\nimport Masker from './masker'\nimport Countdown from './countdown'\nimport FriendlyTime from '../filters/friendly-time'\nimport XHeader from './x-header'\nimport Panel from './panel'\nimport InlineCalendar from './inline-calendar'\nimport Badge from './badge'\nimport XDialog from './dialog'\nimport Card from './card'\nimport Previewer from './previewer'\nimport NumberRoller from './number-roller'\nimport ViewBox from './view-box'\nimport Popover from './popover'\n\nimport { ButtonTab, ButtonTabItem } from './button-tab'\nimport { Checker, CheckerItem } from './checker'\nimport { Flexbox, FlexboxItem } from './flexbox'\nimport { Step, StepItem } from './step'\nimport { Timeline, TimelineItem } from './timeline'\nimport { Tabbar, TabbarItem } from './tabbar'\nimport { Tab, TabItem } from './tab'\n\nconst vux = {\n Radio,\n Group,\n DevTip,\n XInput,\n GroupTitle,\n XNumber,\n Checklist,\n XSwitch,\n Box,\n Tip,\n Selector,\n Cell,\n InlineDesc,\n XButton,\n XTextarea,\n Flexbox,\n FlexboxItem,\n Tab,\n TabItem,\n Swiper,\n SwiperItem,\n Sticky,\n Picker,\n Datetime,\n Popup,\n Range,\n Actionsheet,\n Clocker,\n Rater,\n PopupPicker,\n XAddress,\n Toast,\n Loading,\n Alert,\n Confirm,\n XProgress,\n XImg,\n Spinner,\n Calendar,\n Icon,\n XCircle,\n ColorPicker,\n AddressChinaData,\n Divider,\n Blur,\n Countup,\n Scroller,\n Shake,\n WechatEmotion,\n Search,\n DateFormatter,\n Masker,\n Countdown,\n FriendlyTime,\n XHeader,\n Checker,\n CheckerItem,\n Timeline,\n TimelineItem,\n Step,\n StepItem,\n Tabbar,\n TabbarItem,\n Panel,\n ButtonTab,\n ButtonTabItem,\n InlineCalendar,\n Badge,\n XDialog,\n Card,\n Previewer,\n NumberRoller,\n ViewBox,\n Popover\n}\n\n// if (DEV) { // eslint-disable-line\n// const { getMetas } = require('../../build/build-metas')\n// const metas = getMetas(vux)\n// if (window.fetch) {\n// window.fetch(`http://${window.location.hostname}:8899/api/doc`, {\n// method: 'POST',\n// body: JSON.stringify(metas),\n// headers: {\n// 'Accept': 'application/json',\n// 'Content-Type': 'application/json'\n// }\n// })\n// }\n// }\n\nmodule.exports = vux\n" }, { "path": "src/components/inline-calendar/index.vue", "content": "\n\n\n \n\n" }, { "path": "src/components/inline-calendar/metas.yml", "content": "props:\n value:\n en:\n zh-CN: 当前选中日期，双向绑定，默认为空，即选中当天日期\n render-month:\n en:\n zh-CN: 指定渲染日期，如 [2018, 8]\n start-date:\n en:\n zh-CN: 起始日期，格式为'YYYY-MM-dd'\n end-date:\n en:\n zh-CN: 结束日期，格式为'YYYY-MM-dd'\n show-last-month:\n en:\n zh-CN: 是否显示上个月的日期\n show-next-month:\n en:\n zh-CN: 是否显示下个月的日期\n highlight-weekend:\n en:\n zh-CN: 是否高亮周末\n return-six-rows:\n en:\n zh-CN: 是否总是渲染6行日期\n hide-header:\n en:\n zh-CN: 是否隐藏日历头部\n hide-week-list:\n en:\n zh-CN: 是否隐藏星期列表\n replace-text-list:\n en:\n zh-CN: \"替换列表，可以将默认的日期换成文字，比如今天的日期替换成今，{'TODAY':'今'}\"\n weeks-list:\n en:\n zh-CN: 星期列表，从周日开始\n custom-slot-fn:\n en:\n zh-CN: 用于为特定日期添加额外的html内容，参数为(行index,列index,日期详细属性)\n render-on-value-change:\n en:\n zh-CN: 当日期变化时是否重新渲染日历，如果是渲染了多个日历的话需要设为false\n disable-past:\n en:\n zh-CN: 禁止选择过去的日期，该选项可以与start-date同时使用\n disable-future:\n en:\n zh-CN: 禁止选择未来的日期，该选项可以end-date同时使用\n" }, { "path": "src/components/inline-calendar/props.js", "content": "export default () => ({\n value: {\n type: String,\n default: ''\n },\n renderMonth: {\n type: Array, // [2018, 8]\n default () {\n return [null, null]\n }\n },\n startDate: {\n type: String\n },\n endDate: {\n type: String\n },\n showLastMonth: {\n type: Boolean,\n default: true\n },\n showNextMonth: {\n type: Boolean,\n default: true\n },\n highlightWeekend: {\n type: Boolean,\n default: false\n },\n returnSixRows: {\n type: Boolean,\n default: true\n },\n hideHeader: {\n type: Boolean,\n default: false\n },\n hideWeekList: {\n type: Boolean,\n default: false\n },\n replaceTextList: {\n type: Object,\n default () {\n return {}\n }\n },\n weeksList: {\n type: Array,\n default: () => ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa']\n },\n customSlotFn: {\n type: Function,\n default: () => ''\n },\n renderOnValueChange: {\n type: Boolean,\n default: true\n },\n disablePast: {\n type: Boolean,\n default: false\n },\n disableFuture: {\n type: Boolean,\n default: false\n }\n})\n" }, { "path": "src/components/inline-calendar/util.js", "content": "import format from '../datetime/format'\n\nexport function zero (n) {\n return n < 10 ? '0' + n : n\n}\n\nexport function splitValue (value) {\n let split = value.split('-')\n return {\n year: parseInt(split[0], 10),\n month: parseInt(split[1], 10) - 1,\n day: parseInt(split[2], 10)\n }\n}\n\nexport function getPrevTime (year, month) {\n if (month === 0) {\n return {\n month: 11,\n year: year - 1\n }\n } else {\n return {\n year,\n month: month - 1\n }\n }\n}\n\nexport function getNextTime (year, month) {\n if (month === 11) {\n return {\n month: 0,\n year: year + 1\n }\n } else {\n return {\n year,\n month: month + 1\n }\n }\n}\n\nfunction getTime (str) {\n if (typeof str === 'number') {\n return str\n }\n return typeof str === 'string' ? new Date(str.replace(/-/g, '/')).getTime() : str.getTime()\n}\n\nfunction isBetween (value, start, end) {\n value = getTime(value)\n let isGte = start ? value >= getTime(start) : true\n let isLte = end ? value <= getTime(end) : true\n return isGte && isLte\n}\n\nexport function getDays ({year, month, value, isRange = false, rangeBegin, rangeEnd, returnSixRows = true, disablePast = false, disableFuture = false}) {\n let today = format(new Date(), 'YYYY-MM-DD')\n let startOfToday = new Date()\n startOfToday.setHours(0, 0, 0, 0)\n\n let _splitValue = splitValue(value || today)\n\n // if year or month is not specified, get them from value\n if (typeof year !== 'number' || typeof month !== 'number' || month < 0) {\n year = _splitValue.year\n month = _splitValue.month\n }\n\n // if disablePast === true\n if (disablePast) {\n if (!rangeBegin) {\n rangeBegin = startOfToday\n } else {\n rangeBegin = Math.max(startOfToday.getTime(), getTime(rangeBegin))\n }\n }\n\n // if disableFuture === true\n if (disableFuture) {\n if (!rangeEnd) {\n rangeEnd = startOfToday\n } else {\n rangeEnd = Math.min(startOfToday.getTime(), getTime(rangeEnd))\n }\n }\n\n var firstDayOfMonth = new Date(year, month, 1).getDay()\n var lastDateOfMonth = new Date(year, month + 1, 0).getDate()\n var lastDayOfLastMonth = new Date(year, month, 0).getDate()\n\n var i\n var line = 0\n var temp = []\n for (i = 1; i <= lastDateOfMonth; i++) {\n var dow = new Date(year, month, i).getDay()\n // 第一行\n if (dow === 0) {\n temp[line] = []\n } else if (i === 1) {\n temp[line] = []\n\n var k = lastDayOfLastMonth - firstDayOfMonth + 1\n for (let j = 0; j < firstDayOfMonth; j++) {\n let rs = getPrevTime(year, month)\n temp[line].push({\n year: rs.year,\n month: rs.month,\n month_str: rs.month + 1,\n day: k,\n disabled: true,\n isLastMonth: true\n })\n k++\n }\n }\n\n let _format = format(new Date(year + '/' + (month + 1) + '/' + i), 'YYYY/MM/DD')\n let options = {\n year: year,\n month: month,\n month_str: month + 1,\n day: i,\n isCurrent: value && format(new Date(value), 'YYYY/MM/DD') === _format,\n disabled: !isBetween(_format, rangeBegin, rangeEnd),\n isToday: format(new Date(), 'YYYY/MM/DD') === _format\n }\n temp[line].push(options)\n\n if (dow === 6) {\n line++\n } else if (i === lastDateOfMonth) {\n let k = 1\n for (dow; dow < 6; dow++) {\n let rs = getNextTime(year, month)\n temp[line].push({\n year: rs.year,\n month: rs.month,\n month_str: rs.month + 1,\n day: k,\n disabled: true,\n isNextMonth: true\n })\n k++\n }\n }\n }\n\n if (returnSixRows && temp.length === 5) {\n let rs = getNextTime(year, month)\n let start = temp[4][6].isNextMonth ? temp[4][6].day : 0\n temp[6] = []\n for (let i = 0; i < 7; i++) {\n temp[6].push({\n year: rs.year,\n month: rs.month,\n month_str: rs.month + 1,\n day: ++start,\n disabled: true,\n isNextMonth: true\n })\n }\n }\n\n // 2026-02, there is only 4 lines\n if (returnSixRows && temp.length === 4) {\n let rs = getNextTime(year, month)\n let start = 0\n temp[5] = []\n temp[6] = []\n for (let i = 0; i < 7; i++) {\n temp[5].push({\n year: rs.year,\n month: rs.month,\n month_str: rs.month + 1,\n day: ++start,\n disabled: true,\n isNextMonth: true\n })\n temp[6].push({\n year: rs.year,\n month: rs.month,\n month_str: rs.month + 1,\n day: ++start,\n disabled: true,\n isNextMonth: true\n })\n }\n }\n\n return {\n year: year,\n month: month,\n month_str: month + 1,\n days: temp\n }\n}\n" }, { "path": "src/components/inline-desc/index.vue", "content": "\n\n\n" }, { "path": "src/components/inline-desc/metas.yml", "content": "intro:\n en: it is the child component of cell, you cannot use it alone\n zh-CN: cell的子组件，不能单独使用\nslots:\n default:\n en: text content\n zh-CN: 文字内容\n" }, { "path": "src/components/inline-x-number/index.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/loading/component.json", "content": "{\n \"vux\": {\n \"is_weui\": true\n }\n}" }, { "path": "src/components/loading/index.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/loading/metas.yml", "content": "props:\n show:\n en: visibility of the component\n zh-CN: 显示状态\n text:\n en: loading text\n zh-CN: 提示文字\n position:\n en: position, default is `fixed`, you can use `absolute`\n zh-CN: 定位方式，默认为`fixed`，在100%的布局下用`absolute`可以避免抖动\nslots:\n default:\n en: content area\n zh-CN: 提示文字区域\n" }, { "path": "src/components/masker/converter.js", "content": "/*!\n * HEX <=> RGB Conversion\n * Copyright(c) 2011 Daniel Lamb \n * MIT Licensed\n */\n\nexport function toRGB (color) {\n let num = parseInt(color, 16)\n return [num >> 16, num >> 8 & 255, num & 255]\n}\n\nexport function toHex (red, green, blue) {\n return ((blue | green << 8 | red << 16) | 1 << 24).toString(16).slice(1)\n}\n" }, { "path": "src/components/masker/index.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/masker/metas.yml", "content": "props:\n color:\n en: the mask's color in rgb format, for example, '0, 0, 0'\n zh-CN: 遮罩颜色，rgb值，'0, 0, 0'\n opacity:\n en: the opacity of the mask\n zh-CN: 遮罩透明度\nslots:\n default:\n en: content below the mask\n zh-CN: 背景内容，位于遮罩下方，一般为图片\n content:\n en: content above the mask\n zh-CN: 遮罩上方内容，一般显示标题消息\n" }, { "path": "src/components/number-roller/index.vue", "content": "\n\n\n" }, { "path": "src/components/number-roller/lib.js", "content": "const Roller = class {\n constructor (opts) {\n this.container = typeof opts.container === 'string' ? document.querySelector(opts.container) : opts.container\n this.width = opts.width || 1\n if (!this.container) {\n throw Error('no container')\n }\n this.container.style.overflow = 'hidden'\n this.rollHeight = parseInt(getComputedStyle(this.container).height)\n\n if (this.rollHeight < 1) {\n this.container.style.height = '20px'\n this.rollHeight = 20\n }\n this.setWidth()\n }\n\n roll (n) {\n var self = this\n this.number = parseInt(n) + ''\n if (this.number.length < this.width) {\n this.number = new Array(this.width - this.number.length + 1).join('0') + this.number\n } else if (this.number.length > this.width) {\n this.width = this.number.length\n this.setWidth()\n }\n Array.prototype.forEach.call(this.container.querySelectorAll('.num'), function (item, i) {\n var currentNum = parseInt(item.querySelector('div:last-child').innerHTML)\n var goalNum = parseInt(self.number[i])\n var gapNum = 0\n var gapStr = ''\n if (currentNum === goalNum) {\n return\n } else if (currentNum < goalNum) {\n gapNum = goalNum - currentNum\n for (let j = currentNum; j < goalNum + 1; j++) {\n gapStr += '
' + j + '
'\n }\n } else {\n gapNum = 10 - currentNum + goalNum\n for (let j = currentNum; j < 10; j++) {\n gapStr += '
' + j + '
'\n }\n for (let j = 0; j < goalNum + 1; j++) {\n gapStr += '
' + j + '
'\n }\n }\n item.style.cssText += '-webkit-transition-duration:0;s-webkit-transform:translateY(0)'\n item.innerHTML = gapStr\n let time = gapNum * (1 / 9)\n setTimeout(() => {\n item.style.cssText += '-webkit-transition-duration:' + time + 's;-webkit-transform:translateY(-' + self.rollHeight * gapNum + 'px)'\n }, 50)\n })\n }\n\n setWidth (n) {\n n = n || this.width\n var str = ''\n for (var i = 0; i < n; i++) {\n str += '
0
'\n }\n this.container.innerHTML = str\n }\n}\n\nexport default Roller\n" }, { "path": "src/components/orientation/index.js", "content": "/**\n * v-orientaion=\"landscape\" v-orientaion=\"portrait\"\n */\nimport Orientation from './orientation'\nexport default {\n bind () {\n const _this = this\n const value = this.expression\n const _value = value.toString()[0].toUpperCase() + value.toString().slice(1)\n\n if (Orientation['is' + _value]()) {\n this.el.style.display = 'block'\n } else {\n this.el.style.display = 'none'\n }\n\n Orientation.change(function (e) {\n let info = Orientation.getInfo()\n _this.el.style.display = info[value] ? 'block' : 'none'\n })\n },\n update () {\n },\n unbind () {\n }\n}\n" }, { "path": "src/components/orientation/orientation.js", "content": "/**\n * 横竖屏切换监听器\n * @author ningzbruc@gmail.com\n * @gitbub http://gitbub.com/kingback/orientation/\n * @date 2014-01-15\n * @version 0.0.1\n */\n\n// 原生不支持用resize模拟\nvar ORIENTATION_CHANGE = 'orientationchange'\nvar RESIZE = 'resize'\nvar EVT_ORIENTATION_CHANGE = 'onorientationchange' in window ? ORIENTATION_CHANGE : RESIZE\nvar FUNCTION = 'function'\nvar ON = 'on'\nvar AFTER = 'after'\n\n/**\n * 混入对象属性\n * @method merge\n * @param {Object} s 提供对象\n * @return {Object} r 接收对象\n * @private\n */\n\nfunction merge (s) {\n var r = {}\n var k\n\n if (s) {\n for (k in s) {\n if (s.hasOwnProperty(k)) {\n r[k] = s[k]\n }\n }\n }\n\n return r\n}\n\n/**\n * 绑定方法上下文\n * @method bind\n * @param {Function} fn\n * @param {Object} context\n * @return {Function}\n * @private\n */\n\nfunction bind (fn, context) {\n return fn.bind ? fn.bind(context) : function () {\n fn.apply(context, arguments)\n }\n}\n\n/**\n * 横竖屏切换监听器\n * @constructor Orientation\n * @class\n */\n\nfunction Orientation () {\n this.init.apply(this, arguments)\n}\n\nOrientation.prototype = {\n\n /**\n * 构造器\n * @property constructor\n * @public\n */\n constructor: Orientation,\n\n /**\n * 初始化\n * @method init\n * @public\n */\n init: function (cfg) {\n this._cfg = merge({\n delay: 400\n }, cfg)\n\n // 事件订阅数组\n this._subs = {\n on: [],\n after: []\n }\n\n // 当前信息\n this.info = this.getInfo()\n\n // 绑定事件回调上下文\n this._onWinOrientationChange = bind(this._onWinOrientationChange, this)\n\n // 绑定窗口切换事件\n window.addEventListener(EVT_ORIENTATION_CHANGE, this._onWinOrientationChange, false)\n },\n\n /**\n * 销毁\n * @method destroy\n * @public\n */\n destroy: function () {\n window.removeEventListener(EVT_ORIENTATION_CHANGE, this._onWinOrientationChange, false)\n delete this._subs\n },\n\n /**\n * 创建新实例\n * @method create\n * @return {Orientation} Orientation实例对象\n * @public\n */\n create: function (cfg) {\n return new Orientation(cfg)\n },\n\n /**\n * 获取横竖屏信息\n * @method getInfo\n * @return {Object} 横竖屏相关信息\n * @public\n */\n getInfo: function () {\n // 90度为横屏\n return (EVT_ORIENTATION_CHANGE === ORIENTATION_CHANGE) ? {\n landscape: (window.orientation === 90 || window.orientation === -90),\n portrait: (window.orientation === 0 || window.orientation === -180),\n orientation: window.orientation\n } : {\n landscape: window.screen.width > window.screen.height,\n portrait: window.screen.width <= window.screen.height,\n orientation: window.screen.width > window.screen.height ? 90 : 0\n }\n },\n\n /**\n * 是否是横屏\n * @method isLandscape\n * @return {Boolean}\n * @public\n */\n isLandscape: function () {\n return this.info.landscape\n },\n\n /**\n * 是否是竖屏\n * @method isPortrait\n * @return {Boolean}\n * @public\n */\n isPortrait: function () {\n return this.info.portrait\n },\n\n /**\n * 添加change事件\n * @method change\n * @param {Function} fn 回调函数\n * @param {Boolean} after 时候绑定after事件\n * @chainable\n */\n change: function (fn, after) {\n if (typeof fn === FUNCTION) {\n this._subs[after ? AFTER : ON].push(fn)\n }\n\n return this\n },\n\n /**\n * 触发横竖屏事件\n * @method _fireChange\n * @param {EventFacade} e\n * @protected\n */\n _fireChange: function (e) {\n var self = this\n var info = this.getInfo()\n var subs = this._subs\n var i\n var l\n\n // 如果不等于上次方向，则触发\n if (info.landscape !== this.info.landscape) {\n this.info = merge(info)\n info.originEvent = e\n info.originType = e.type\n\n // 执行on\n for (i = 0, l = subs.on.length; i < l; i++) {\n subs.on[i].call(self, e)\n }\n\n // 执行after\n setTimeout(function () {\n for (i = 0, l = subs.after.length; i < l; i++) {\n subs.after[i].call(self, e)\n }\n }, 0)\n }\n },\n\n /**\n * 检查旋转是否已经完成\n * @method _checkChange\n * @param {EventFacade} e\n * @protected\n */\n _checkChange: function (e) {\n var self = this\n\n if (self._cfg.delay) {\n // iPad打开键盘时旋转比较慢\n clearTimeout(this._changeTimer)\n self._changeTimer = setTimeout(function () {\n self._fireChange(e)\n }, self._cfg.delay)\n } else {\n self._fireChange(e)\n }\n },\n\n /**\n * 横竖屏事件回调\n * @method _onWinOrientationChange\n * @param {EventFacade} e 事件对象\n * @protected\n */\n _onWinOrientationChange: function (e) {\n if (e.type === RESIZE) {\n this._fireChange(e)\n } else {\n this._checkChange(e)\n }\n }\n\n}\n\n// 返回实例\nexport default Orientation.prototype.create()\n" }, { "path": "src/components/panel/component.json", "content": "{\n \"vux\": {\n \"is_weui\": true\n }\n}" }, { "path": "src/components/panel/index.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/picker/animate.js", "content": "const time = Date.now || function () {\n return +new Date()\n}\n\nlet running = {}\nlet counter = 1\nlet desiredFrames = 60\nlet millisecondsPerSecond = 1000\n\n// http://paulirish.com/2011/requestanimationframe-for-smart-animating/\n// http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating\n\n// requestAnimationFrame polyfill by Erik Möller\n// fixes from Paul Irish and Tino Zijdel\n;(function () {\n var lastTime = 0\n var vendors = ['ms', 'moz', 'webkit', 'o']\n for (var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {\n window.requestAnimationFrame = window[vendors[x] + 'RequestAnimationFrame']\n window.cancelAnimationFrame = window[vendors[x] + 'CancelAnimationFrame'] || window[vendors[x] + 'CancelRequestAnimationFrame']\n }\n\n if (!window.requestAnimationFrame) {\n window.requestAnimationFrame = function (callback, element) {\n var currTime = new Date().getTime()\n var timeToCall = Math.max(0, 16 - (currTime - lastTime))\n var id = window.setTimeout(function () { callback(currTime + timeToCall) },\n timeToCall)\n lastTime = currTime + timeToCall\n return id\n }\n }\n if (!window.cancelAnimationFrame) {\n window.cancelAnimationFrame = function (id) {\n clearTimeout(id)\n }\n }\n}())\n\nexport default {\n\n // A requestAnimationFrame wrapper / polyfill.\n requestAnimationFrame: (function () {\n var requestFrame = window.requestAnimationFrame\n return function (callback, root) {\n requestFrame(callback, root)\n }\n })(),\n\n // Stops the given animation.\n stop (id) {\n var cleared = running[id] != null\n if (cleared) {\n running[id] = null\n }\n return cleared\n },\n\n // Whether the given animation is still running.\n isRunning (id) {\n return running[id] != null\n },\n\n // Start the animation.\n start (stepCallback, verifyCallback, completedCallback, duration, easingMethod, root) {\n var _this = this\n var start = time()\n var lastFrame = start\n var percent = 0\n var dropCounter = 0\n var id = counter++\n\n if (!root) {\n root = document.body\n }\n\n // Compacting running db automatically every few new animations\n if (id % 20 === 0) {\n var newRunning = {}\n for (var usedId in running) {\n newRunning[usedId] = true\n }\n running = newRunning\n }\n\n // This is the internal step method which is called every few milliseconds\n var step = function (virtual) {\n // Normalize virtual value\n var render = virtual !== true\n // Get current time\n var now = time()\n\n // Verification is executed before next animation step\n if (!running[id] || (verifyCallback && !verifyCallback(id))) {\n running[id] = null\n completedCallback && completedCallback(desiredFrames - (dropCounter / ((now - start) / millisecondsPerSecond)), id, false)\n return\n }\n\n // For the current rendering to apply let's update omitted steps in memory.\n // This is important to bring internal state variables up-to-date with progress in time.\n if (render) {\n var droppedFrames = Math.round((now - lastFrame) / (millisecondsPerSecond / desiredFrames)) - 1\n for (var j = 0; j < Math.min(droppedFrames, 4); j++) {\n step(true)\n dropCounter++\n }\n }\n\n // Compute percent value\n if (duration) {\n percent = (now - start) / duration\n if (percent > 1) {\n percent = 1\n }\n }\n\n // Execute step callback, then...\n var value = easingMethod ? easingMethod(percent) : percent\n if ((stepCallback(value, now, render) === false || percent === 1) && render) {\n running[id] = null\n completedCallback && completedCallback(desiredFrames - (dropCounter / ((now - start) / millisecondsPerSecond)), id, percent === 1 || duration == null)\n } else if (render) {\n lastFrame = now\n _this.requestAnimationFrame(step, root)\n }\n }\n\n // Mark as running\n running[id] = true\n // Init first step\n _this.requestAnimationFrame(step, root)\n // Return unique animation ID\n return id\n }\n}\n" }, { "path": "src/components/picker/chain.js", "content": "import filter from 'array-filter'\n\nconst Manager = class {\n constructor (data, count, fixedColumns) {\n this.data = data\n this.count = count\n if (fixedColumns) {\n this.fixedColumns = fixedColumns\n }\n }\n\n getChildren (value) {\n return filter(this.data, one => {\n return one.parent === value\n })\n }\n\n getFirstColumn () {\n return filter(this.data, one => {\n return !one.parent || one.parent === 0 || one.parent === '0'\n })\n }\n\n getPure (obj) {\n return JSON.parse(JSON.stringify(obj))\n }\n\n getColumns (value) {\n // check is data contains the values\n if (value.length > 0) {\n const matchCount = this.getPure(this.data).filter((item) => {\n return this.getPure(value).indexOf(item.value) > -1\n }).length\n if (matchCount < this.getPure(value).length) {\n value = []\n }\n }\n var datas = []\n const max = this.fixedColumns || 8\n for (var i = 0; i < max; i++) {\n if (i === 0) {\n datas.push(this.getFirstColumn())\n } else {\n // 没有数据时，取得上一级的第一个\n if (!value[i]) {\n if (typeof datas[i - 1][0] === 'undefined') {\n break\n } else {\n const topValue = datas[i - 1][0].value\n datas.push(this.getChildren(topValue))\n }\n } else {\n datas.push(this.getChildren(value[i - 1]))\n }\n }\n }\n const list = datas.filter((item) => {\n return item.length > 0\n })\n // correct the column\n this.count = list.length\n return list\n }\n}\n\nexport default Manager\n" }, { "path": "src/components/picker/index.vue", "content": "\n\n\n\n\n\n" }, { "path": "src/components/picker/metas.yml", "content": "" }, { "path": "src/components/picker/scroller.css", "content": ".scroller-component {\n display: block;\n position: relative;\n height: 238px;\n overflow: hidden;\n width: 100%;\n}\n\n.scroller-content {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n z-index: 1;\n}\n\n.scroller-mask {\n position: absolute;\n left: 0;\n top: 0;\n height: 100%;\n margin: 0 auto;\n width: 100%;\n z-index: 3;\n background-image:\n -webkit-linear-gradient(top, rgba(255,255,255,0.95), rgba(255,255,255,0.6)),\n -webkit-linear-gradient(bottom, rgba(255,255,255,0.95), rgba(255,255,255,0.6));\n background-image:\n linear-gradient(to bottom, rgba(255,255,255,0.95), rgba(255,255,255,0.6)),\n linear-gradient(to top, rgba(255,255,255,0.95), rgba(255,255,255,0.6));\n background-position: top, bottom;\n background-size: 100% 102px;\n background-repeat: no-repeat;\n}\n\n.scroller-item {\n text-align: center;\n font-size: 16px;\n height: 34px;\n line-height: 34px;\n color: #000;\n}\n\n.scroller-indicator {\n width: 100%;\n height: 34px;\n position: absolute;\n left: 0;\n top: 102px;\n z-index: 3;\n background-image:\n -webkit-linear-gradient(top, #d0d0d0, #d0d0d0, transparent, transparent),\n -webkit-linear-gradient(bottom, #d0d0d0, #d0d0d0, transparent, transparent);\n background-image:\n linear-gradient(to bottom, #d0d0d0, #d0d0d0, transparent, transparent),\n linear-gradient(to top, #d0d0d0, #d0d0d0, transparent, transparent);\n background-position: top, bottom;\n background-size: 100% 1px;\n background-repeat: no-repeat;\n}\n.scroller-item {\n line-clamp: 1;\n -webkit-line-clamp: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n}" }, { "path": "src/components/picker/scroller.js", "content": "/*\n * Anima Scroller\n * Based Zynga Scroller (http://github.com/zynga/scroller)\n * Copyright 2011, Zynga Inc.\n * Licensed under the MIT License.\n * https://raw.github.com/zynga/scroller/master/MIT-LICENSE.txt\n */\nconst TEMPLATE = `\n
\n
\n
\n
\n
\n`\n\nimport Animate from './animate'\nimport { getElement, getComputedStyle, easeOutCubic, easeInOutCubic } from './util'\n\nvar Scroller = function (container, options) {\n var self = this\n\n options = options || {}\n\n self.options = {\n itemClass: 'scroller-item',\n onSelect () {},\n defaultValue: 0,\n data: []\n }\n\n for (var key in options) {\n if (options[key] !== undefined) {\n self.options[key] = options[key]\n }\n }\n\n self.__container = getElement(container)\n\n var tempContainer = document.createElement('div')\n tempContainer.innerHTML = options.template || TEMPLATE\n\n var component = self.__component = tempContainer.querySelector('[data-role=component]')\n var content = self.__content = component.querySelector('[data-role=content]')\n var indicator = component.querySelector('[data-role=indicator]')\n\n var data = self.options.data\n var html = ''\n if (data.length && data[0].constructor === Object) {\n data.forEach(function (row) {\n html += '
' + row.name + '
'\n })\n } else {\n data.forEach(function (val) {\n html += '
' + val + '
'\n })\n }\n content.innerHTML = html\n\n self.__container.appendChild(component)\n\n self.__itemHeight = parseInt(getComputedStyle(indicator, 'height'), 10)\n\n self.__callback = options.callback || function (top) {\n content.style.webkitTransform = 'translate3d(0, ' + (-top) + 'px, 0)'\n }\n\n var rect = component.getBoundingClientRect()\n\n self.__clientTop = (rect.top + component.clientTop) || 0\n\n self.__setDimensions(component.clientHeight, content.offsetHeight)\n\n if (component.clientHeight === 0) {\n self.__setDimensions(parseInt(getComputedStyle(component, 'height'), 10), 204)\n }\n self.select(self.options.defaultValue, false)\n\n component.addEventListener('touchstart', function (e) {\n if (e.target.tagName.match(/input|textarea|select/i)) {\n return\n }\n e.preventDefault()\n self.__doTouchStart(e.touches, e.timeStamp)\n }, false)\n\n component.addEventListener('touchmove', function (e) {\n self.__doTouchMove(e.touches, e.timeStamp)\n }, false)\n\n component.addEventListener('touchend', function (e) {\n self.__doTouchEnd(e.timeStamp)\n }, false)\n}\n\nvar members = {\n value: null,\n __prevValue: null,\n __isSingleTouch: false,\n __isTracking: false,\n __didDecelerationComplete: false,\n __isGesturing: false,\n __isDragging: false,\n __isDecelerating: false,\n __isAnimating: false,\n __clientTop: 0,\n __clientHeight: 0,\n __contentHeight: 0,\n __itemHeight: 0,\n __scrollTop: 0,\n __minScrollTop: 0,\n __maxScrollTop: 0,\n __scheduledTop: 0,\n __lastTouchTop: null,\n __lastTouchMove: null,\n __positions: null,\n __minDecelerationScrollTop: null,\n __maxDecelerationScrollTop: null,\n __decelerationVelocityY: null,\n\n __setDimensions (clientHeight, contentHeight) {\n var self = this\n\n self.__clientHeight = clientHeight\n self.__contentHeight = contentHeight\n\n var totalItemCount = self.options.data.length\n var clientItemCount = Math.round(self.__clientHeight / self.__itemHeight)\n\n self.__minScrollTop = -self.__itemHeight * (clientItemCount / 2)\n self.__maxScrollTop = self.__minScrollTop + totalItemCount * self.__itemHeight - 0.1\n },\n\n selectByIndex (index, animate) {\n var self = this\n if (index < 0 || index > self.__content.childElementCount - 1) {\n return\n }\n self.__scrollTop = self.__minScrollTop + index * self.__itemHeight\n\n self.scrollTo(self.__scrollTop, animate)\n\n self.__selectItem(self.__content.children[index])\n },\n\n select (value, animate) {\n var self = this\n\n var children = self.__content.children\n for (var i = 0, len = children.length; i < len; i++) {\n if (children[i].dataset.value === value) {\n self.selectByIndex(i, animate)\n return\n }\n }\n\n self.selectByIndex(0, animate)\n },\n\n getValue () {\n return this.value\n },\n\n scrollTo (top, animate) {\n var self = this\n\n animate = (animate === undefined) ? true : animate\n\n if (self.__isDecelerating) {\n Animate.stop(self.__isDecelerating)\n self.__isDecelerating = false\n }\n\n top = Math.round(top / self.__itemHeight) * self.__itemHeight\n top = Math.max(Math.min(self.__maxScrollTop, top), self.__minScrollTop)\n\n if (top === self.__scrollTop || !animate) {\n self.__publish(top)\n self.__scrollingComplete()\n return\n }\n self.__publish(top, 250)\n },\n\n destroy () {\n this.__component.parentNode && this.__component.parentNode.removeChild(this.__component)\n },\n\n __selectItem (selectedItem) {\n var self = this\n\n var selectedItemClass = self.options.itemClass + '-selected'\n var lastSelectedElem = self.__content.querySelector('.' + selectedItemClass)\n if (lastSelectedElem) {\n lastSelectedElem.classList.remove(selectedItemClass)\n }\n selectedItem.classList.add(selectedItemClass)\n\n if (self.value !== null) {\n self.__prevValue = self.value\n }\n\n self.value = selectedItem.dataset.value\n },\n\n __scrollingComplete () {\n var self = this\n\n var index = Math.round((self.__scrollTop - self.__minScrollTop - self.__itemHeight / 2) / self.__itemHeight)\n\n self.__selectItem(self.__content.children[index])\n\n if (self.__prevValue !== null && self.__prevValue !== self.value) {\n self.options.onSelect(self.value)\n }\n },\n\n __doTouchStart (touches, timeStamp) {\n var self = this\n\n if (touches.length == null) {\n throw new Error('Invalid touch list: ' + touches)\n }\n if (timeStamp instanceof Date) {\n timeStamp = timeStamp.valueOf()\n }\n if (typeof timeStamp !== 'number') {\n throw new Error('Invalid timestamp value: ' + timeStamp)\n }\n\n self.__interruptedAnimation = true\n\n if (self.__isDecelerating) {\n Animate.stop(self.__isDecelerating)\n self.__isDecelerating = false\n self.__interruptedAnimation = true\n }\n\n if (self.__isAnimating) {\n Animate.stop(self.__isAnimating)\n self.__isAnimating = false\n self.__interruptedAnimation = true\n }\n\n // Use center point when dealing with two fingers\n var currentTouchTop\n var isSingleTouch = touches.length === 1\n if (isSingleTouch) {\n currentTouchTop = touches[0].pageY\n } else {\n currentTouchTop = Math.abs(touches[0].pageY + touches[1].pageY) / 2\n }\n\n self.__initialTouchTop = currentTouchTop\n self.__lastTouchTop = currentTouchTop\n self.__lastTouchMove = timeStamp\n self.__lastScale = 1\n self.__enableScrollY = !isSingleTouch\n self.__isTracking = true\n self.__didDecelerationComplete = false\n self.__isDragging = !isSingleTouch\n self.__isSingleTouch = isSingleTouch\n self.__positions = []\n },\n\n __doTouchMove (touches, timeStamp, scale) {\n var self = this\n\n if (touches.length == null) {\n throw new Error('Invalid touch list: ' + touches)\n }\n if (timeStamp instanceof Date) {\n timeStamp = timeStamp.valueOf()\n }\n if (typeof timeStamp !== 'number') {\n throw new Error('Invalid timestamp value: ' + timeStamp)\n }\n\n // Ignore event when tracking is not enabled (event might be outside of element)\n if (!self.__isTracking) {\n return\n }\n\n var currentTouchTop\n\n // Compute move based around of center of fingers\n if (touches.length === 2) {\n currentTouchTop = Math.abs(touches[0].pageY + touches[1].pageY) / 2\n } else {\n currentTouchTop = touches[0].pageY\n }\n\n var positions = self.__positions\n\n // Are we already is dragging mode?\n if (self.__isDragging) {\n var moveY = currentTouchTop - self.__lastTouchTop\n var scrollTop = self.__scrollTop\n\n if (self.__enableScrollY) {\n scrollTop -= moveY\n\n var minScrollTop = self.__minScrollTop\n var maxScrollTop = self.__maxScrollTop\n\n if (scrollTop > maxScrollTop || scrollTop < minScrollTop) {\n // Slow down on the edges\n if (scrollTop > maxScrollTop) {\n scrollTop = maxScrollTop\n } else {\n scrollTop = minScrollTop\n }\n }\n }\n\n // Keep list from growing infinitely (holding min 10, max 20 measure points)\n if (positions.length > 40) {\n positions.splice(0, 20)\n }\n\n // Track scroll movement for decleration\n positions.push(scrollTop, timeStamp)\n\n // Sync scroll position\n self.__publish(scrollTop)\n\n // Otherwise figure out whether we are switching into dragging mode now.\n } else {\n var minimumTrackingForScroll = 0\n var minimumTrackingForDrag = 5\n\n var distanceY = Math.abs(currentTouchTop - self.__initialTouchTop)\n\n self.__enableScrollY = distanceY >= minimumTrackingForScroll\n\n positions.push(self.__scrollTop, timeStamp)\n\n self.__isDragging = self.__enableScrollY && (distanceY >= minimumTrackingForDrag)\n\n if (self.__isDragging) {\n self.__interruptedAnimation = false\n }\n }\n\n // Update last touch positions and time stamp for next event\n self.__lastTouchTop = currentTouchTop\n self.__lastTouchMove = timeStamp\n self.__lastScale = scale\n },\n\n __doTouchEnd (timeStamp) {\n var self = this\n\n if (timeStamp instanceof Date) {\n timeStamp = timeStamp.valueOf()\n }\n if (typeof timeStamp !== 'number') {\n throw new Error('Invalid timestamp value: ' + timeStamp)\n }\n\n // Ignore event when tracking is not enabled (no touchstart event on element)\n // This is required as this listener ('touchmove') sits on the document and not on the element itself.\n if (!self.__isTracking) {\n return\n }\n\n // Not touching anymore (when two finger hit the screen there are two touch end events)\n self.__isTracking = false\n\n // Be sure to reset the dragging flag now. Here we also detect whether\n // the finger has moved fast enough to switch into a deceleration animation.\n if (self.__isDragging) {\n // Reset dragging flag\n self.__isDragging = false\n\n // Start deceleration\n // Verify that the last move detected was in some relevant time frame\n if (self.__isSingleTouch && (timeStamp - self.__lastTouchMove) <= 100) {\n // Then figure out what the scroll position was about 100ms ago\n var positions = self.__positions\n var endPos = positions.length - 1\n var startPos = endPos\n\n // Move pointer to position measured 100ms ago\n for (var i = endPos; i > 0 && positions[i] > (self.__lastTouchMove - 100); i -= 2) {\n startPos = i\n }\n\n // If start and stop position is identical in a 100ms timeframe,\n // we cannot compute any useful deceleration.\n if (startPos !== endPos) {\n // Compute relative movement between these two points\n var timeOffset = positions[endPos] - positions[startPos]\n var movedTop = self.__scrollTop - positions[startPos - 1]\n\n // Based on 50ms compute the movement to apply for each render step\n self.__decelerationVelocityY = movedTop / timeOffset * (1000 / 60)\n\n // How much velocity is required to start the deceleration\n var minVelocityToStartDeceleration = 4\n\n // Verify that we have enough velocity to start deceleration\n if (Math.abs(self.__decelerationVelocityY) > minVelocityToStartDeceleration) {\n self.__startDeceleration(timeStamp)\n }\n }\n }\n }\n\n if (!self.__isDecelerating) {\n self.scrollTo(self.__scrollTop)\n }\n\n // Fully cleanup list\n self.__positions.length = 0\n },\n\n // Applies the scroll position to the content element\n __publish (top, animationDuration) {\n var self = this\n\n // Remember whether we had an animation, then we try to continue based on the current \"drive\" of the animation\n var wasAnimating = self.__isAnimating\n if (wasAnimating) {\n Animate.stop(wasAnimating)\n self.__isAnimating = false\n }\n\n if (animationDuration) {\n // Keep scheduled positions for scrollBy functionality\n self.__scheduledTop = top\n\n var oldTop = self.__scrollTop\n var diffTop = top - oldTop\n\n var step = function (percent, now, render) {\n self.__scrollTop = oldTop + (diffTop * percent)\n // Push values out\n if (self.__callback) {\n self.__callback(self.__scrollTop)\n }\n }\n\n var verify = function (id) {\n return self.__isAnimating === id\n }\n\n var completed = function (renderedFramesPerSecond, animationId, wasFinished) {\n if (animationId === self.__isAnimating) {\n self.__isAnimating = false\n }\n if (self.__didDecelerationComplete || wasFinished) {\n self.__scrollingComplete()\n }\n }\n\n // When continuing based on previous animation we choose an ease-out animation instead of ease-in-out\n self.__isAnimating = Animate.start(step, verify, completed, animationDuration, wasAnimating ? easeOutCubic : easeInOutCubic)\n } else {\n self.__scheduledTop = self.__scrollTop = top\n // Push values out\n if (self.__callback) {\n self.__callback(top)\n }\n }\n },\n\n // Called when a touch sequence end and the speed of the finger was high enough to switch into deceleration mode.\n __startDeceleration (timeStamp) {\n var self = this\n\n self.__minDecelerationScrollTop = self.__minScrollTop\n self.__maxDecelerationScrollTop = self.__maxScrollTop\n\n // Wrap class method\n var step = function (percent, now, render) {\n self.__stepThroughDeceleration(render)\n }\n\n // How much velocity is required to keep the deceleration running\n var minVelocityToKeepDecelerating = 0.5\n\n // Detect whether it's still worth to continue animating steps\n // If we are already slow enough to not being user perceivable anymore, we stop the whole process here.\n var verify = function () {\n var shouldContinue = Math.abs(self.__decelerationVelocityY) >= minVelocityToKeepDecelerating\n if (!shouldContinue) {\n self.__didDecelerationComplete = true\n }\n return shouldContinue\n }\n\n var completed = function (renderedFramesPerSecond, animationId, wasFinished) {\n self.__isDecelerating = false\n if (self.__scrollTop <= self.__minScrollTop || self.__scrollTop >= self.__maxScrollTop) {\n self.scrollTo(self.__scrollTop)\n return\n }\n if (self.__didDecelerationComplete) {\n self.__scrollingComplete()\n }\n }\n\n // Start animation and switch on flag\n self.__isDecelerating = Animate.start(step, verify, completed)\n },\n\n // Called on every step of the animation\n __stepThroughDeceleration (render) {\n var self = this\n\n var scrollTop = self.__scrollTop + self.__decelerationVelocityY\n\n var scrollTopFixed = Math.max(Math.min(self.__maxDecelerationScrollTop, scrollTop), self.__minDecelerationScrollTop)\n if (scrollTopFixed !== scrollTop) {\n scrollTop = scrollTopFixed\n self.__decelerationVelocityY = 0\n }\n\n if (Math.abs(self.__decelerationVelocityY) <= 1) {\n if (Math.abs(scrollTop % self.__itemHeight) < 1) {\n self.__decelerationVelocityY = 0\n }\n } else {\n self.__decelerationVelocityY *= 0.95\n }\n\n self.__publish(scrollTop)\n }\n}\n\n// Copy over members to prototype\nfor (var key in members) {\n Scroller.prototype[key] = members[key]\n}\n\nmodule.exports = Scroller\n" }, { "path": "src/components/picker/util.js", "content": "export function getElement (expr) {\n return (typeof expr === 'string') ? document.querySelector(expr) : expr\n}\n\nexport function getComputedStyle (el, key) {\n var computedStyle = window.getComputedStyle(el)\n return computedStyle[key] || ''\n}\n\n// Easing Equations (c) 2003 Robert Penner, all rights reserved.\n// Open source under the BSD License.\nexport function easeOutCubic (pos) {\n return (Math.pow((pos - 1), 3) + 1)\n}\n\nexport function easeInOutCubic (pos) {\n if ((pos /= 0.5) < 1) {\n return 0.5 * Math.pow(pos, 3)\n }\n return 0.5 * (Math.pow((pos - 2), 3) + 2)\n}\n" }, { "path": "src/components/popover/DemoIndex.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/popover/index.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/popover/metas.yml", "content": "keywords:\n - popover\n - float menu\n - tooltip\n - 弹窗\n - 菜单\nprops:\n content:\n en: content of the popover\n zh-CN: 弹出窗口内容\n placement:\n en: position of the popover\n zh-CN: 弹出窗口位置\n enum:\n - top\n - right\n - bottom\n - left\n gutter:\n en: the gutter between trigger element and popover arrow\n zh-CN: 箭头和触发元素之间的距离\nslots:\n default:\n en: trigger element\n zh-CN: 触发元素\n content:\n en: content of the popover\n zh-CN: 弹窗内容\nevents:\n on-show:\n en: triggers when popover shows\n zh-CN: 弹窗显示时触发\n on-hide:\n en: triggers when popover hides\n zh-CN: 弹窗隐藏时触发\n" }, { "path": "src/components/popup/index.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/popup/popup.js", "content": "// not a good way but works well\nwindow.__$vuxPopups = window.__$vuxPopups || {}\nconst popupDialog = function (option) {\n this.uuid = Math.random().toString(36).substring(3, 8)\n this.params = {}\n this.isShow = false\n if (Object.prototype.toString.call(option) === '[object Object]') {\n this.params = {\n input: option.input || '',\n container: document.querySelector(option.input) || '',\n innerHTML: option.innerHTML || '',\n hideOnBlur: option.hideOnBlur,\n onOpen: option.onOpen || function () {},\n onClose: option.onClose || function () {}\n }\n }\n if (!!document.querySelectorAll('.vux-popup-mask').length <= 0) {\n this.divMask = document.createElement('a')\n this.divMask.className = 'vux-popup-mask'\n this.divMask.dataset.uuid = '' // 用于多个popup共享一个mask\n this.divMask.href = 'javascript:void(0)'\n document.body.appendChild(this.divMask)\n }\n let div\n if (!option.container) {\n div = document.createElement('div')\n } else {\n div = option.container\n }\n div.className = 'vux-popup-dialog vux-popup-dialog-' + this.uuid\n\n if (!option.container) {\n document.body.appendChild(div)\n }\n this.container = document.querySelector('.vux-popup-dialog-' + this.uuid)\n this.mask = document.querySelector('.vux-popup-mask')\n this.mask.dataset.uuid += `,${this.uuid}`\n this._bindEvents()\n option = null\n return this\n}\n\npopupDialog.prototype.onClickMask = function () {\n if (this.params.hideOnBlur && this.isShow) {\n this.hide(false)\n }\n}\n\npopupDialog.prototype._bindEvents = function () {\n this.params.hideOnBlur && this.mask.addEventListener('click', this.onClickMask.bind(this), false)\n}\n\npopupDialog.prototype.show = function () {\n this.mask.classList.add('vux-popup-show')\n this.container.classList.add('vux-popup-show')\n this.params.onOpen && this.params.onOpen(this)\n this.isShow = true\n window.__$vuxPopups[this.uuid] = 1\n}\n\npopupDialog.prototype.hide = function (shouldCallback = true) {\n this.container.classList.remove('vux-popup-show')\n if (!document.querySelector('.vux-popup-dialog.vux-popup-show')) {\n this.mask.classList.remove('vux-popup-show')\n }\n shouldCallback === false && this.params.onClose && this.params.hideOnBlur && this.params.onClose(this)\n this.isShow = false\n delete window.__$vuxPopups[this.uuid]\n}\n\npopupDialog.prototype.html = function (html) {\n this.container.innerHTML = html\n}\n\npopupDialog.prototype.destroy = function () {\n this.mask.dataset.uuid = this.mask.dataset.uuid.replace(new RegExp(`,${this.uuid}`, 'g'), '')\n if (!this.mask.dataset.uuid) {\n this.mask.removeEventListener('click', this.onClickMask.bind(this), false)\n this.mask && this.mask.parentNode && this.mask.parentNode.removeChild(this.mask)\n } else {\n this.hide()\n }\n delete window.__$vuxPopups[this.uuid]\n}\n\nexport default popupDialog\n" }, { "path": "src/components/popup-picker/index.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/previewer/component.json", "content": "{\n\t\"tags\": [\"swipephoto\", \"swipe\", \"preview\"]\n}" }, { "path": "src/components/previewer/index.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/progress/index.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/progress/metas.yml", "content": "props:\n percent:\n en: percent of the progress, 0-100\n zh-CN: 进度值，0到100\n show-cancel:\n en: if show the cancel button\n zh-CN: 是否显示取消按钮\nevents:\n on-cancel:\n en: triggers when the cancel button is clicked\n zh-CN: 点击取消按钮时触发\n" }, { "path": "src/components/qrcode/index.vue", "content": "\n\n\n" }, { "path": "src/components/qrcode/metas.yml", "content": "props:\n value:\n zh-CN: 编码内容，如果为链接，请保证有http(s)协议名\n size:\n zh-CN: 尺寸大小\n bg-color:\n zh-CN: 背景颜色\n fg-color:\n zh-CN: 二级码着色\n" }, { "path": "src/components/radio/component.json", "content": "{\n \"vux\": {\n \"is_weui\": true\n }\n}" }, { "path": "src/components/radio/index.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/range/index.vue", "content": "\n\n\n\n\n\n" }, { "path": "src/components/range/powerange.less", "content": "/**\n *\n * Main stylesheet for Powerange.\n * http://abpetkov.github.io/powerange/\n *\n */\n\n/**\n * Horizontal slider style (default).\n */\n\n.range-bar {\n background-color: @range-color-bar-default;\n border-radius: 15px;\n display: block;\n height: 1px;\n position: relative;\n width: 100%;\n}\n\n.range-bar-disabled {\n opacity: @range-opacity-disabled;\n}\n\n.range-quantity {\n background-color: @range-color-bar-active;\n border-radius: 15px;\n display: block;\n height: 100%;\n width: 0;\n}\n\n.range-handle {\n background-color: #fff;\n border-radius: 100%;\n cursor: move;\n height: 30px;\n left: 0;\n top: -13px;\n position: absolute;\n width: 30px;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);\n}\n\n.range-min,\n.range-max {\n color: #181819;\n font-size: 12px;\n position: absolute;\n text-align: center;\n top: 50%;\n transform: translateY(-50%);\n width: 24px;\n}\n\n.range-min {\n left: -30px;\n}\n\n.range-max {\n right: -30px;\n}\n\n/**\n * Style for disabling text selection on handle move.\n */\n\n.unselectable {\n user-select: none;\n}\n\n/**\n * Style for handle cursor on disabled slider.\n */\n\n.range-disabled {\n cursor: default;\n}" }, { "path": "src/components/range/range/lib/horizontal.js", "content": "/**\n * External dependencies.\n *\n */\n\nvar inherits = require('./lib/super')\nvar closest = require('./lib/closest-num')\nvar percentage = require('./lib/percentage-calc')\n\n/**\n * Require main class.\n */\n\nvar Powerange = require('./main')\n\n/**\n * Expose `Horizontal`.\n */\n\nmodule.exports = Horizontal\n\n/**\n * Create horizontal slider object.\n *\n * @api public\n */\n\nfunction getWidth (el) {\n let width = getComputedStyle(el, null)['width']\n if (width === '100%' || width === 'auto') {\n return 0\n }\n return parseInt(width, 10)\n}\n\nfunction Horizontal () {\n Powerange.apply(this, arguments)\n if (this.options.step) {\n this.step(getWidth(this.slider) || this.options.initialBarWidth, getWidth(this.handle))\n }\n this.setStart(this.options.start)\n}\n\n/**\n * Inherit the main class.\n */\n\ninherits(Horizontal, Powerange)\n\n/**\n * Set horizontal slider position.\n *\n * @param {Number} start\n * @api private\n */\n\nHorizontal.prototype.setStart = function (start) {\n var begin = (start === null) ? this.options.min : start\n var part = percentage.from(begin - this.options.min, this.options.max - this.options.min) || 0\n var offset = percentage.of(part, this.slider.offsetWidth - this.handle.offsetWidth)\n var position = (this.options.step) ? closest.find(offset, this.steps) : offset\n\n this.setPosition(position)\n this.setValue(this.handle.style.left, this.slider.offsetWidth - this.handle.offsetWidth)\n}\n\n/**\n * Set horizontal slider current position.\n *\n * @param {Number} val\n * @api private\n */\n\nHorizontal.prototype.setPosition = function (val) {\n this.handle.style.left = val + 'px'\n this.slider.querySelector('.range-quantity').style.width = val + 'px'\n}\n\n/**\n * On slider mouse down.\n *\n * @param {Object} e\n * @api private\n */\n\nHorizontal.prototype.onmousedown = function (e) {\n if (e.touches) e = e.touches[0]\n this.startX = e.clientX\n this.handleOffsetX = this.handle.offsetLeft\n this.restrictHandleX = this.slider.offsetWidth - this.handle.offsetWidth\n this.unselectable(this.slider, true)\n}\n\n/**\n * On slider mouse move.\n *\n * @param {Object} e\n * @api private\n */\n\nHorizontal.prototype.onmousemove = function (e) {\n e.preventDefault()\n if (e.touches) e = e.touches[0]\n\n var leftOffset = this.handleOffsetX + e.clientX - this.startX\n var position = (this.steps) ? closest.find(leftOffset, this.steps) : leftOffset\n\n if (leftOffset <= 0) {\n this.setPosition(0)\n } else if (leftOffset >= this.restrictHandleX) {\n this.setPosition(this.restrictHandleX)\n } else {\n this.setPosition(position)\n }\n\n this.setValue(this.handle.style.left, this.slider.offsetWidth - this.handle.offsetWidth)\n}\n\n/**\n * On mouse up.\n *\n * @param {Object} e\n * @api private\n */\n\nHorizontal.prototype.onmouseup = function (e) {\n this.unselectable(this.slider, false)\n}\n" }, { "path": "src/components/range/range/lib/lib/classes.js", "content": "/**\n * Module dependencies.\n */\n\nvar index = require('./indexof')\n\n/**\n * Whitespace regexp.\n */\n\nvar re = /\\s+/\n\n/**\n * toString reference.\n */\n\nvar toString = Object.prototype.toString\n\n/**\n * Wrap `el` in a `ClassList`.\n *\n * @param {Element} el\n * @return {ClassList}\n * @api public\n */\n\nmodule.exports = function (el) {\n return new ClassList(el)\n}\n\n/**\n * Initialize a new ClassList for `el`.\n *\n * @param {Element} el\n * @api private\n */\n\nfunction ClassList (el) {\n if (!el || !el.nodeType) {\n throw new Error('A DOM element reference is required')\n }\n this.el = el\n this.list = el.classList\n}\n\n/**\n * Add class `name` if not already present.\n *\n * @param {String} name\n * @return {ClassList}\n * @api public\n */\n\nClassList.prototype.add = function (name) {\n // classList\n if (this.list) {\n this.list.add(name)\n return this\n }\n\n // fallback\n var arr = this.array()\n var i = index(arr, name)\n if (!~i) arr.push(name)\n this.el.className = arr.join(' ')\n return this\n}\n\n/**\n * Remove class `name` when present, or\n * pass a regular expression to remove\n * any which match.\n *\n * @param {String|RegExp} name\n * @return {ClassList}\n * @api public\n */\n\nClassList.prototype.remove = function (name) {\n if (toString.call(name) === '[object RegExp]') {\n return this.removeMatching(name)\n }\n\n // classList\n if (this.list) {\n this.list.remove(name)\n return this\n }\n\n // fallback\n var arr = this.array()\n var i = index(arr, name)\n if (~i) arr.splice(i, 1)\n this.el.className = arr.join(' ')\n return this\n}\n\n/**\n * Remove all classes matching `re`.\n *\n * @param {RegExp} re\n * @return {ClassList}\n * @api private\n */\n\nClassList.prototype.removeMatching = function (re) {\n var arr = this.array()\n for (var i = 0; i < arr.length; i++) {\n if (re.test(arr[i])) {\n this.remove(arr[i])\n }\n }\n return this\n}\n\n/**\n * Toggle class `name`, can force state via `force`.\n *\n * For browsers that support classList, but do not support `force` yet,\n * the mistake will be detected and corrected.\n *\n * @param {String} name\n * @param {Boolean} force\n * @return {ClassList}\n * @api public\n */\n\nClassList.prototype.toggle = function (name, force) {\n // classList\n if (this.list) {\n if (typeof force !== 'undefined') {\n if (force !== this.list.toggle(name, force)) {\n this.list.toggle(name) // toggle again to correct\n }\n } else {\n this.list.toggle(name)\n }\n return this\n }\n\n // fallback\n if (typeof force !== 'undefined') {\n if (!force) {\n this.remove(name)\n } else {\n this.add(name)\n }\n } else {\n if (this.has(name)) {\n this.remove(name)\n } else {\n this.add(name)\n }\n }\n\n return this\n}\n\n/**\n * Return an array of classes.\n *\n * @return {Array}\n * @api public\n */\n\nClassList.prototype.array = function () {\n var className = this.el.getAttribute('class') || ''\n var str = className.replace(/^\\s+|\\s+$/g, '')\n var arr = str.split(re)\n if (arr[0] === '') arr.shift()\n return arr\n}\n\n/**\n * Check if class `name` is present.\n *\n * @param {String} name\n * @return {ClassList}\n * @api public\n */\n\nClassList.prototype.has =\nClassList.prototype.contains = function (name) {\n return this.list\n ? this.list.contains(name)\n : !!~index(this.array(), name)\n}\n" }, { "path": "src/components/range/range/lib/lib/closest-num.js", "content": "/**\n * Closest-num 0.0.1\n * https://github.com/abpetkov/closest-num\n *\n * Author: Alexander Petkov\n * https://github.com/abpetkov\n *\n * Copyright 2014, Alexander Petkov\n * License: The MIT License (MIT)\n * http://opensource.org/licenses/MIT\n *\n */\n\n/**\n * Get closest number in array.\n *\n * @param {Number} target\n * @param {Array} points\n * @returns {Number} closest\n * @api private\n */\n\nexports.find = function (target, points) {\n var diff = null\n var current = null\n var closest = points[0]\n\n for (var i = 0; i < points.length; i++) {\n diff = Math.abs(target - closest)\n current = Math.abs(target - points[i])\n if (current < diff) {\n closest = points[i]\n }\n }\n\n return closest\n}\n" }, { "path": "src/components/range/range/lib/lib/closest.js", "content": "/**\n * Module Dependencies\n */\n\nvar matches = require('./matches-selector')\n\n/**\n * Export `closest`\n */\n\nmodule.exports = closest\n\n/**\n * Closest\n *\n * @param {Element} el\n * @param {String} selector\n * @param {Element} scope (optional)\n */\n\nfunction closest (el, selector, scope) {\n scope = scope || document.documentElement\n\n // walk up the dom\n while (el && el !== scope) {\n if (matches(el, selector)) return el\n el = el.parentNode\n }\n\n // check scope for match\n return matches(el, selector) ? el : null\n}\n" }, { "path": "src/components/range/range/lib/lib/delegate.js", "content": "/**\n * Module dependencies.\n */\n\nvar closest = require('./closest')\nvar event = require('./event')\n\n/**\n * Delegate event `type` to `selector`\n * and invoke `fn(e)`. A callback function\n * is returned which may be passed to `.unbind()`.\n *\n * @param {Element} el\n * @param {String} selector\n * @param {String} type\n * @param {Function} fn\n * @param {Boolean} capture\n * @return {Function}\n * @api public\n */\n\nexports.bind = function (el, selector, type, fn, capture) {\n return event.bind(el, type, function (e) {\n var target = e.target || e.srcElement\n e.delegateTarget = closest(target, selector, true, el)\n if (e.delegateTarget) fn.call(el, e)\n }, capture)\n}\n\n/**\n * Unbind event `type`'s callback `fn`.\n *\n * @param {Element} el\n * @param {String} type\n * @param {Function} fn\n * @param {Boolean} capture\n * @api public\n */\n\nexports.unbind = function (el, type, fn, capture) {\n event.unbind(el, type, fn, capture)\n}\n" }, { "path": "src/components/range/range/lib/lib/emitter.js", "content": "\n/**\n * Expose `Emitter`.\n */\n\nmodule.exports = Emitter\n\n/**\n * Initialize a new `Emitter`.\n *\n * @api public\n */\n\nfunction Emitter (obj) {\n if (obj) return mixin(obj)\n}\n\n/**\n * Mixin the emitter properties.\n *\n * @param {Object} obj\n * @return {Object}\n * @api private\n */\n\nfunction mixin (obj) {\n for (var key in Emitter.prototype) {\n obj[key] = Emitter.prototype[key]\n }\n return obj\n}\n\n/**\n * Listen on the given `event` with `fn`.\n *\n * @param {String} event\n * @param {Function} fn\n * @return {Emitter}\n * @api public\n */\n\nEmitter.prototype.on =\nEmitter.prototype.addEventListener = function (event, fn) {\n this._callbacks = this._callbacks || {}\n ;(this._callbacks['$' + event] = this._callbacks['$' + event] || []).push(fn)\n return this\n}\n\n/**\n * Adds an `event` listener that will be invoked a single\n * time then automatically removed.\n *\n * @param {String} event\n * @param {Function} fn\n * @return {Emitter}\n * @api public\n */\n\nEmitter.prototype.once = function (event, fn) {\n function on () {\n this.off(event, on)\n fn.apply(this, arguments)\n }\n\n on.fn = fn\n this.on(event, on)\n return this\n}\n\n/**\n * Remove the given callback for `event` or all\n * registered callbacks.\n *\n * @param {String} event\n * @param {Function} fn\n * @return {Emitter}\n * @api public\n */\n\nEmitter.prototype.off =\nEmitter.prototype.removeListener =\nEmitter.prototype.removeAllListeners =\nEmitter.prototype.removeEventListener = function (event, fn) {\n this._callbacks = this._callbacks || {}\n\n // all\n if (!arguments.length) {\n this._callbacks = {}\n return this\n }\n\n // specific event\n var callbacks = this._callbacks['$' + event]\n if (!callbacks) return this\n\n // remove all handlers\n if (arguments.length === 1) {\n delete this._callbacks['$' + event]\n return this\n }\n\n // remove specific handler\n var cb\n for (var i = 0; i < callbacks.length; i++) {\n cb = callbacks[i]\n if (cb === fn || cb.fn === fn) {\n callbacks.splice(i, 1)\n break\n }\n }\n return this\n}\n\n/**\n * Emit `event` with the given args.\n *\n * @param {String} event\n * @param {Mixed} ...\n * @return {Emitter}\n */\n\nEmitter.prototype.emit = function (event) {\n this._callbacks = this._callbacks || {}\n var args = [].slice.call(arguments, 1)\n var callbacks = this._callbacks['$' + event]\n\n if (callbacks) {\n callbacks = callbacks.slice(0)\n for (var i = 0, len = callbacks.length; i < len; ++i) {\n callbacks[i].apply(this, args)\n }\n }\n\n return this\n}\n\n/**\n * Return array of callbacks for `event`.\n *\n * @param {String} event\n * @return {Array}\n * @api public\n */\n\nEmitter.prototype.listeners = function (event) {\n this._callbacks = this._callbacks || {}\n return this._callbacks['$' + event] || []\n}\n\n/**\n * Check if this emitter has `event` handlers.\n *\n * @param {String} event\n * @return {Boolean}\n * @api public\n */\n\nEmitter.prototype.hasListeners = function (event) {\n return !!this.listeners(event).length\n}\n" }, { "path": "src/components/range/range/lib/lib/event.js", "content": "var bind = window.addEventListener ? 'addEventListener' : 'attachEvent'\nvar unbind = window.removeEventListener ? 'removeEventListener' : 'detachEvent'\nvar prefix = bind !== 'addEventListener' ? 'on' : ''\n\n/**\n * Bind `el` event `type` to `fn`.\n *\n * @param {Element} el\n * @param {String} type\n * @param {Function} fn\n * @param {Boolean} capture\n * @return {Function}\n * @api public\n */\n\nexports.bind = function (el, type, fn, capture) {\n el[bind](prefix + type, fn, capture || false)\n return fn\n}\n\n/**\n * Unbind `el` event `type`'s callback `fn`.\n *\n * @param {Element} el\n * @param {String} type\n * @param {Function} fn\n * @param {Boolean} capture\n * @return {Function}\n * @api public\n */\n\nexports.unbind = function (el, type, fn, capture) {\n el[unbind](prefix + type, fn, capture || false)\n return fn\n}\n" }, { "path": "src/components/range/range/lib/lib/events.js", "content": "/**\n * Module dependencies.\n */\n\nvar events = require('./event')\nvar delegate = require('./delegate')\n\n/**\n * Expose `Events`.\n */\n\nmodule.exports = Events\n\n/**\n * Initialize an `Events` with the given\n * `el` object which events will be bound to,\n * and the `obj` which will receive method calls.\n *\n * @param {Object} el\n * @param {Object} obj\n * @api public\n */\n\nfunction Events (el, obj) {\n if (!(this instanceof Events)) return new Events(el, obj)\n if (!el) throw new Error('element required')\n if (!obj) throw new Error('object required')\n this.el = el\n this.obj = obj\n this._events = {}\n}\n\n/**\n * Subscription helper.\n */\n\nEvents.prototype.sub = function (event, method, cb) {\n this._events[event] = this._events[event] || {}\n this._events[event][method] = cb\n}\n\n/**\n * Bind to `event` with optional `method` name.\n * When `method` is undefined it becomes `event`\n * with the \"on\" prefix.\n *\n * Examples:\n *\n * Direct event handling:\n *\n * events.bind('click') // implies \"onclick\"\n * events.bind('click', 'remove')\n * events.bind('click', 'sort', 'asc')\n *\n * Delegated event handling:\n *\n * events.bind('click li > a')\n * events.bind('click li > a', 'remove')\n * events.bind('click a.sort-ascending', 'sort', 'asc')\n * events.bind('click a.sort-descending', 'sort', 'desc')\n *\n * @param {String} event\n * @param {String|function} [method]\n * @return {Function} callback\n * @api public\n */\n\nEvents.prototype.bind = function (event, method) {\n var e = parse(event)\n var el = this.el\n var obj = this.obj\n var name = e.name\n method = method || 'on' + name\n var args = [].slice.call(arguments, 2)\n\n // callback\n var cb = function () {\n var a = [].slice.call(arguments).concat(args)\n obj[method].apply(obj, a)\n }\n\n // bind\n if (e.selector) {\n cb = delegate.bind(el, e.selector, name, cb)\n } else {\n events.bind(el, name, cb)\n }\n\n // subscription for unbinding\n this.sub(name, method, cb)\n\n return cb\n}\n\n/**\n * Unbind a single binding, all bindings for `event`,\n * or all bindings within the manager.\n *\n * Examples:\n *\n * Unbind direct handlers:\n *\n * events.unbind('click', 'remove')\n * events.unbind('click')\n * events.unbind()\n *\n * Unbind delegate handlers:\n *\n * events.unbind('click', 'remove')\n * events.unbind('click')\n * events.unbind()\n *\n * @param {String|Function} [event]\n * @param {String|Function} [method]\n * @api public\n */\n\nEvents.prototype.unbind = function (event, method) {\n if (arguments.length === 0) return this.unbindAll()\n if (arguments.length === 1) return this.unbindAllOf(event)\n\n // no bindings for this event\n var bindings = this._events[event]\n if (!bindings) return\n\n // no bindings for this method\n var cb = bindings[method]\n if (!cb) return\n\n events.unbind(this.el, event, cb)\n}\n\n/**\n * Unbind all events.\n *\n * @api private\n */\n\nEvents.prototype.unbindAll = function () {\n for (var event in this._events) {\n this.unbindAllOf(event)\n }\n}\n\n/**\n * Unbind all events for `event`.\n *\n * @param {String} event\n * @api private\n */\n\nEvents.prototype.unbindAllOf = function (event) {\n var bindings = this._events[event]\n if (!bindings) return\n\n for (var method in bindings) {\n this.unbind(event, method)\n }\n}\n\n/**\n * Parse `event`.\n *\n * @param {String} event\n * @return {Object}\n * @api private\n */\n\nfunction parse (event) {\n var parts = event.split(/ +/)\n return {\n name: parts.shift(),\n selector: parts.join(' ')\n }\n}\n" }, { "path": "src/components/range/range/lib/lib/indexof.js", "content": "module.exports = function (arr, obj) {\n if (arr.indexOf) return arr.indexOf(obj)\n for (var i = 0; i < arr.length; ++i) {\n if (arr[i] === obj) return i\n }\n return -1\n}\n" }, { "path": "src/components/range/range/lib/lib/matches-selector.js", "content": "/**\n * Module dependencies.\n */\n\nvar query = require('./query')\n\n/**\n * Element prototype.\n */\n\nvar proto = Element.prototype\n\n/**\n * Vendor function.\n */\n\nvar vendor = proto.matches || proto.webkitMatchesSelector || proto.mozMatchesSelector || proto.msMatchesSelector || proto.oMatchesSelector\n\n/**\n * Expose `match()`.\n */\n\nmodule.exports = match\n\n/**\n * Match `el` to `selector`.\n *\n * @param {Element} el\n * @param {String} selector\n * @return {Boolean}\n * @api public\n */\n\nfunction match (el, selector) {\n if (!el || el.nodeType !== 1) return false\n if (vendor) return vendor.call(el, selector)\n var nodes = query.all(selector, el.parentNode)\n for (var i = 0; i < nodes.length; ++i) {\n if (nodes[i] === el) return true\n }\n return false\n}\n" }, { "path": "src/components/range/range/lib/lib/mouse.js", "content": "\n/**\n * dependencies.\n */\n\nvar emitter = require('./emitter')\nvar event = require('./event')\n\n/**\n * export `Mouse`\n */\n\nmodule.exports = function (el, obj) {\n return new Mouse(el, obj)\n}\n\n/**\n * initialize new `Mouse`.\n *\n * @param {Element} el\n * @param {Object} obj\n */\n\nfunction Mouse (el, obj) {\n this.obj = obj || {}\n this.el = el\n}\n\n/**\n * mixin emitter.\n */\n\nemitter(Mouse.prototype)\n\n/**\n * bind mouse.\n *\n * @return {Mouse}\n */\n\nMouse.prototype.bind = function () {\n var obj = this.obj\n var self = this\n\n // up\n function up (e) {\n obj.onmouseup && obj.onmouseup(e)\n event.unbind(document, 'mousemove', move)\n event.unbind(document, 'mouseup', up)\n self.emit('up', e)\n }\n\n // move\n function move (e) {\n obj.onmousemove && obj.onmousemove(e)\n self.emit('move', e)\n }\n\n // down\n self.down = function (e) {\n obj.onmousedown && obj.onmousedown(e)\n event.bind(document, 'mouseup', up)\n event.bind(document, 'mousemove', move)\n self.emit('down', e)\n }\n\n // bind all.\n event.bind(this.el, 'mousedown', self.down)\n\n return this\n}\n\n/**\n * unbind mouse.\n *\n * @return {Mouse}\n */\n\nMouse.prototype.unbind = function () {\n event.unbind(this.el, 'mousedown', this.down)\n this.down = null\n}\n" }, { "path": "src/components/range/range/lib/lib/percentage-calc.js", "content": "\n/**\n * Percentage-Calc 0.0.1\n * https://github.com/abpetkov/percentage-calc\n *\n * Authored by Alexander Petkov\n * https://github.com/abpetkov\n *\n * Copyright 2014, Alexander Petkov\n * License: The MIT License (MIT)\n * http://opensource.org/licenses/MIT\n *\n */\n\n/**\n * Check if number.\n *\n * @param {Number} num\n * @returns {Boolean}\n * @api public\n */\n\nexports.isNumber = function (num) {\n return typeof num === 'number'\n}\n\n/**\n * Calculate percentage of a number.\n *\n * @param {Number} perc\n * @param {Number} num\n * @returns {Number} result\n * @api public\n */\n\nexports.of = function (perc, num) {\n if (exports.isNumber(perc) && exports.isNumber(num)) return (perc / 100) * num\n}\n\n/**\n * Calculate percentage of a number out ot another number.\n *\n * @param {Number} part\n * @param {Number} target\n * @returns {Number} result\n * @api public\n */\n\nexports.from = function (part, target) {\n if (exports.isNumber(part) && exports.isNumber(target)) return (part / target) * 100\n}\n" }, { "path": "src/components/range/range/lib/lib/query.js", "content": "function one (selector, el) {\n return el.querySelector(selector)\n}\n\nexports = module.exports = function (selector, el) {\n el = el || document\n return one(selector, el)\n}\n\nexports.all = function (selector, el) {\n el = el || document\n return el.querySelectorAll(selector)\n}\n\nexports.engine = function (obj) {\n if (!obj.one) throw new Error('.one callback required')\n if (!obj.all) throw new Error('.all callback required')\n // one = obj.one\n exports.all = obj.all\n return exports\n}\n" }, { "path": "src/components/range/range/lib/lib/super.js", "content": "/**\n * slice\n */\n\nvar slice = Array.prototype.slice\n\n/**\n * Primary export\n */\n\nvar exports = module.exports = super_\n\n/**\n * ### _super (dest, orig)\n *\n * Inherits the prototype methods or merges objects.\n * This is the primary export and it is recommended\n * that it be imported as `inherits` in node to match\n * the auto imported browser interface.\n *\n * var inherits = require('super')\n *\n * @param {Object|Function} destination object\n * @param {Object|Function} source object\n * @name _super\n * @api public\n */\n\nfunction super_ () {\n var args = slice.call(arguments)\n if (!args.length) return\n if (typeof args[0] !== 'function') return exports.merge(args)\n exports.inherits.apply(null, args)\n}\n\n/**\n * ### extend (proto[, klass])\n *\n * Provide `.extend` mechanism to allow extenion without\n * needing to use dependancy.\n *\n * function Bar () {\n * this._konstructed = true\n * }\n *\n * Bar.extend = inherits.extend\n *\n * var Fu = Bar.extend({\n * initialize () {\n * this._initialized = true\n * }\n * })\n *\n * var fu = new Fu()\n * fu.should.be.instanceof(Fu) // true\n * fu.should.be.instanceof(Bar) // true\n *\n * @param {Object} properties/methods to add to new prototype\n * @param {Object} properties/methods to add to new class\n * @returns {Object} new constructor\n * @name extend\n * @api public\n */\n\nexports.extend = function (proto, klass) {\n var self = this\n var child = function () { return self.apply(this, arguments) }\n exports.merge([ child, this ])\n exports.inherits(child, this)\n if (proto) exports.merge([ child.prototype, proto ])\n if (klass) exports.merge([ child, klass ])\n child.extend = this.extend // prevent overwrite\n return child\n}\n\n/**\n * ### inherits (ctor, superCtor)\n *\n * Inherit the prototype methods from on contructor\n * to another.\n *\n * @param {Function} destination\n * @param {Function} source\n * @api private\n */\n\nexports.inherits = function (ctor, SuperCtor) {\n ctor.super_ = SuperCtor\n if (Object.create) {\n ctor.prototype = Object.create(SuperCtor.prototype,\n {\n constructor: {\n value: ctor,\n enumerable: false,\n writable: true,\n configurable: true\n }\n })\n } else {\n ctor.prototype = new SuperCtor()\n ctor.prototype.constructor = ctor\n }\n}\n\n/**\n * Extends multiple objects.\n *\n * @param {Array} array of objects\n * @api private\n */\n\nexports.merge = function (arr) {\n var main = arr.length === 2 ? arr.shift() : {}\n var obj = null\n\n for (var i = 0, len = arr.length; i < len; i++) {\n obj = arr[i]\n for (var p in obj) {\n if (!obj.hasOwnProperty(p)) continue\n main[p] = obj[p]\n }\n }\n\n return main\n}\n" }, { "path": "src/components/range/range/lib/main.js", "content": "/**\n * External dependencies.\n *\n */\n\nvar mouse = require('./lib/mouse')\nvar events = require('./lib/events')\nvar classes = require('./lib/classes')\nvar percentage = require('./lib/percentage-calc')\n\n/**\n * Expose `Powerange`.\n */\n\nmodule.exports = Powerange\n\n/**\n * Create Powerange object.\n *\n * @constructor\n * @param {Object} element\n * @param {Object} options\n * @api public\n */\n\nfunction Powerange (element, options) {\n if (!(this instanceof Powerange)) return new Powerange(element, options)\n\n this.element = element\n this.options = options || {}\n this.slider = this.create('span', 'range-bar')\n this.hasAppend = false\n\n if (this.element !== null && this.element.type === 'text') this.init()\n}\n\n/**\n * Bind events on handle element.\n *\n * @api private\n */\n\nPowerange.prototype.bindEvents = function () {\n this.handle = this.slider.querySelector('.range-handle')\n this.touch = events(this.handle, this)\n this.touch.bind('touchstart', 'onmousedown')\n this.touch.bind('touchmove', 'onmousemove')\n this.touch.bind('touchend', 'onmouseup')\n this.mouse = mouse(this.handle, this)\n this.mouse.bind()\n}\n\n/**\n * Hide the target element.\n *\n * @api private\n */\n\nPowerange.prototype.hide = function () {\n this.element.style.display = 'none'\n}\n\n/**\n * Append the target after the element.\n *\n * @api private\n */\n\nPowerange.prototype.append = function () {\n if (!this.hasAppend) {\n var slider = this.generate()\n this.insertAfter(this.element, slider)\n }\n this.hasAppend = true\n}\n\n/**\n * Generate the appropriate type of slider.\n *\n * @returns {Object} this.slider\n * @api private\n */\n\nPowerange.prototype.generate = function () {\n var elems = {\n 'handle': {\n 'type': 'span',\n 'selector': 'range-handle'\n },\n 'min': {\n 'type': 'span',\n 'selector': 'range-min'\n },\n 'max': {\n 'type': 'span',\n 'selector': 'range-max'\n },\n 'quantity': {\n 'type': 'span',\n 'selector': 'range-quantity'\n }\n }\n\n for (var key in elems) {\n if (elems.hasOwnProperty(key)) {\n var temp = this.create(elems[key].type, elems[key].selector)\n this.slider.appendChild(temp)\n }\n }\n\n return this.slider\n}\n\n/**\n * Create HTML element.\n *\n * @param {String} type\n * @param {String} name\n * @returns {Object} elem\n * @api private\n */\n\nPowerange.prototype.create = function (type, name) {\n var elem = document.createElement(type)\n elem.className = name\n\n return elem\n}\n\n/**\n * Insert element after another element.\n *\n * @param {Object} reference\n * @param {Object} target\n * @api private\n */\n\nPowerange.prototype.insertAfter = function (reference, target) {\n reference.parentNode.insertBefore(target, reference.nextSibling)\n}\n\n/**\n * Set min and max values.\n *\n * @param {Number} min\n * @param {Number} max\n * @api private\n */\n\nPowerange.prototype.setRange = function (min, max) {\n if (typeof min === 'number' && typeof max === 'number' && !this.options.hideRange) {\n this.slider.querySelector('.range-min').innerHTML = this.options.minHTML || min\n this.slider.querySelector('.range-max').innerHTML = this.options.maxHTML || max\n }\n}\n\n/**\n * Set slider current value.\n *\n * @param {Number} offset\n * @param {Number} size\n * @api private\n */\n\nPowerange.prototype.setValue = function (offset, size) {\n var part = percentage.from(parseFloat(offset), size)\n if (offset === '0px' || size === 0) {\n value = this.options.min\n } else {\n var value = percentage.of(part, this.options.max - this.options.min) + this.options.min\n value = (this.options.decimal) ? (Math.round(value * 100) / 100) : Math.round(value)\n\n if (value > this.options.max) {\n value = this.options.max\n }\n }\n\n var changed = false\n\n changed = this.element.value !== value\n\n this.element.value = value\n this.options.callback(value)\n if (changed) this.changeEvent()\n}\n\n/**\n * Set step.\n *\n * @param {Number} sliderSize\n * @param {Number} handleSize\n * @returns {Array} this.steps\n * @api private\n */\n\nPowerange.prototype.step = function (sliderSize, handleSize) {\n var dimension = sliderSize - handleSize\n var part = percentage.from(this.checkStep(this.options.step), this.options.max - this.options.min)\n var interval = percentage.of(part, dimension)\n var steps = []\n\n for (var i = 0; i <= dimension; i += interval) {\n steps.push(i)\n }\n\n this.steps = steps\n\n return this.steps\n}\n\n/**\n * Check values.\n *\n * @param {Number} start\n * @api private\n */\n\nPowerange.prototype.checkValues = function (start) {\n if (start < this.options.min) this.options.start = this.options.min\n if (start > this.options.max) this.options.start = this.options.max\n if (this.options.min >= this.options.max) this.options.min = this.options.max\n}\n\n/**\n * Make sure `step` is positive.\n *\n * @param {Number} value\n * @returns {Number} this.options.step\n * @api private\n */\n\nPowerange.prototype.checkStep = function (value) {\n if (value < 0) value = Math.abs(value)\n this.options.step = value\n return this.options.step\n}\n\n/**\n * Disable range slider.\n *\n * @api private\n */\n\nPowerange.prototype.disable = function (force) {\n if (this.options.disable || force) {\n this.mouse.unbind()\n this.touch.unbind()\n }\n if (this.options.disable) {\n if (this.options.disableOpacity) {\n this.slider.style.opacity = this.options.disableOpacity\n }\n classes(this.slider).add('range-bar-disabled')\n }\n}\n\n/**\n * Make element unselectable.\n *\n * @param {Object} element\n * @param {Boolean} set\n * @api private\n */\n\nPowerange.prototype.unselectable = function (element, set) {\n if (!classes(this.slider).has('unselectable') && set === true) {\n classes(this.slider).add('unselectable')\n } else {\n classes(this.slider).remove('unselectable')\n }\n}\n\n/**\n * Handle the onchange event.\n *\n * @param {Boolean} state\n * @api private\n */\n\nPowerange.prototype.changeEvent = function (state) {\n if (typeof Event === 'function' || !document.fireEvent) {\n var event = document.createEvent('HTMLEvents')\n event.initEvent('change', false, true)\n this.element.dispatchEvent(event)\n } else {\n this.element.fireEvent('onchange')\n }\n}\n\n/**\n * Initialize main class.\n *\n * @api private\n */\n\nPowerange.prototype.init = function () {\n this.hide()\n this.append()\n this.bindEvents()\n this.checkValues(this.options.start)\n this.setRange(this.options.min, this.options.max)\n this.disable()\n}\n\nPowerange.prototype.reInit = function (opts) {\n this.options.start = opts.value\n this.options.min = opts.min\n this.options.max = opts.max\n this.disable(true)\n this.init()\n}\n\n" }, { "path": "src/components/range/range/lib/powerange.js", "content": "/**\n * Require classes.\n */\n\nvar Horizontal = require('./horizontal')\n\n/**\n * Set default values.\n *\n * @api public\n */\n\nvar defaults = {\n callback () {},\n decimal: false,\n disable: false,\n disableOpacity: null,\n hideRange: false,\n min: 0,\n max: 100,\n start: null,\n step: null,\n vertical: false\n}\n\n/**\n * Expose proper type of `Powerange`.\n */\n\nmodule.exports = function (element, options) {\n options = options || {}\n\n for (var i in defaults) {\n if (options[i] == null) {\n options[i] = defaults[i]\n }\n }\n\n return new Horizontal(element, options)\n}\n" }, { "path": "src/components/rater/index.vue", "content": "\n\n\n\n\n\n" }, { "path": "src/components/scroller/index.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/search/index.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/selector/component.json", "content": "{\n \"vux\": {\n \"is_weui\": true\n }\n}" }, { "path": "src/components/selector/index.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/selector/metas.yml", "content": "tips:\n -\n - en: key should be a `String` if you use key=>value\n - zh-CN: 选项的key必须是字符串，使用数字会出现问题\n" }, { "path": "src/components/shake/index.vue", "content": "\n\n\n" }, { "path": "src/components/spinner/index.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/spinner/requestAnimationFrame.js", "content": "var lastTime = 0\nvar vendors = ['webkit', 'moz']\nfor (var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {\n window.requestAnimationFrame = window[vendors[x] + 'RequestAnimationFrame']\n window.cancelAnimationFrame = window[vendors[x] + 'CancelAnimationFrame'] || window[vendors[x] + 'CancelRequestAnimationFrame']\n}\n\nif (!window.requestAnimationFrame) {\n window.requestAnimationFrame = function (callback, element) {\n var currTime = new Date().getTime()\n var timeToCall = Math.max(0, 16 - (currTime - lastTime))\n var id = window.setTimeout(function () {\n callback(currTime + timeToCall)\n }, timeToCall)\n lastTime = currTime + timeToCall\n return id\n }\n}\nif (!window.cancelAnimationFrame) {\n window.cancelAnimationFrame = function (id) {\n clearTimeout(id)\n }\n}\n" }, { "path": "src/components/spinner/spinner.js", "content": "/**\n* http://ionicframework.com/docs/api/directive/ionSpinner/\n*/\n\nimport './requestAnimationFrame'\n\nvar TRANSLATE32 = 'translate(32,32)'\nvar STROKE_OPACITY = 'stroke-opacity'\nvar ROUND = 'round'\nvar INDEFINITE = 'indefinite'\nvar DURATION = '750ms'\nvar NONE = 'none'\nvar SHORTCUTS = {\n a: 'animate',\n an: 'attributeName',\n at: 'animateTransform',\n c: 'circle',\n da: 'stroke-dasharray',\n os: 'stroke-dashoffset',\n f: 'fill',\n lc: 'stroke-linecap',\n rc: 'repeatCount',\n sw: 'stroke-width',\n t: 'transform',\n v: 'values'\n}\n\nvar SPIN_ANIMATION = {\n v: '0,32,32;360,32,32',\n an: 'transform',\n type: 'rotate',\n rc: INDEFINITE,\n dur: DURATION\n}\n\nfunction createSvgElement (tagName, data, parent, spinnerName) {\n var ele = document.createElement(SHORTCUTS[tagName] || tagName)\n var k, x, y\n\n for (k in data) {\n if (Object.prototype.toString.call(data[k]) === '[object Array]') {\n for (x = 0; x < data[k].length; x++) {\n if (data[k][x].fn) {\n for (y = 0; y < data[k][x].t; y++) {\n createSvgElement(k, data[k][x].fn(y, spinnerName), ele, spinnerName)\n }\n } else {\n createSvgElement(k, data[k][x], ele, spinnerName)\n }\n }\n } else {\n setSvgAttribute(ele, k, data[k])\n }\n }\n\n parent.appendChild(ele)\n}\n\nfunction setSvgAttribute (ele, k, v) {\n ele.setAttribute(SHORTCUTS[k] || k, v)\n}\n\nfunction animationValues (strValues, i) {\n var values = strValues.split(';')\n var back = values.slice(i)\n var front = values.slice(0, values.length - back.length)\n values = back.concat(front).reverse()\n return values.join(';') + ';' + values[0]\n}\n\nvar IOS_SPINNER = {\n sw: 4,\n lc: ROUND,\n line: [{\n fn (i, spinnerName) {\n return {\n y1: spinnerName === 'ios' ? 17 : 12,\n y2: spinnerName === 'ios' ? 29 : 20,\n t: TRANSLATE32 + ' rotate(' + (30 * i + (i < 6 ? 180 : -180)) + ')',\n a: [{\n fn () {\n return {\n an: STROKE_OPACITY,\n dur: DURATION,\n v: animationValues('0;.1;.15;.25;.35;.45;.55;.65;.7;.85;1', i),\n rc: INDEFINITE\n }\n },\n t: 1\n }]\n }\n },\n t: 12\n }]\n}\n\nvar spinners = {\n\n android: {\n c: [{\n sw: 6,\n da: 128,\n os: 82,\n r: 26,\n cx: 32,\n cy: 32,\n f: NONE\n }]\n },\n\n ios: IOS_SPINNER,\n\n 'ios-small': IOS_SPINNER,\n\n bubbles: {\n sw: 0,\n c: [{\n fn (i) {\n return {\n cx: 24 * Math.cos(2 * Math.PI * i / 8),\n cy: 24 * Math.sin(2 * Math.PI * i / 8),\n t: TRANSLATE32,\n a: [{\n fn () {\n return {\n an: 'r',\n dur: DURATION,\n v: animationValues('1;2;3;4;5;6;7;8', i),\n rc: INDEFINITE\n }\n },\n t: 1\n }]\n }\n },\n t: 8\n }]\n },\n\n circles: {\n\n c: [{\n fn (i) {\n return {\n r: 5,\n cx: 24 * Math.cos(2 * Math.PI * i / 8),\n cy: 24 * Math.sin(2 * Math.PI * i / 8),\n t: TRANSLATE32,\n sw: 0,\n a: [{\n fn () {\n return {\n an: 'fill-opacity',\n dur: DURATION,\n v: animationValues('.3;.3;.3;.4;.7;.85;.9;1', i),\n rc: INDEFINITE\n }\n },\n t: 1\n }]\n }\n },\n t: 8\n }]\n },\n\n crescent: {\n c: [{\n sw: 4,\n da: 128,\n os: 82,\n r: 26,\n cx: 32,\n cy: 32,\n f: NONE,\n at: [SPIN_ANIMATION]\n }]\n },\n\n dots: {\n\n c: [{\n fn (i) {\n return {\n cx: 16 + (16 * i),\n cy: 32,\n sw: 0,\n a: [{\n fn () {\n return {\n an: 'fill-opacity',\n dur: DURATION,\n v: animationValues('.5;.6;.8;1;.8;.6;.5', i),\n rc: INDEFINITE\n }\n },\n t: 1\n }, {\n fn () {\n return {\n an: 'r',\n dur: DURATION,\n v: animationValues('4;5;6;5;4;3;3', i),\n rc: INDEFINITE\n }\n },\n t: 1\n }]\n }\n },\n t: 3\n }]\n },\n\n lines: {\n sw: 7,\n lc: ROUND,\n line: [{\n fn (i) {\n return {\n x1: 10 + (i * 14),\n x2: 10 + (i * 14),\n a: [{\n fn () {\n return {\n an: 'y1',\n dur: DURATION,\n v: animationValues('16;18;28;18;16', i),\n rc: INDEFINITE\n }\n },\n t: 1\n }, {\n fn () {\n return {\n an: 'y2',\n dur: DURATION,\n v: animationValues('48;44;36;46;48', i),\n rc: INDEFINITE\n }\n },\n t: 1\n }, {\n fn () {\n return {\n an: STROKE_OPACITY,\n dur: DURATION,\n v: animationValues('1;.8;.5;.4;1', i),\n rc: INDEFINITE\n }\n },\n t: 1\n }]\n }\n },\n t: 4\n }]\n },\n\n ripple: {\n f: NONE,\n 'fill-rule': 'evenodd',\n sw: 3,\n circle: [{\n fn (i) {\n return {\n cx: 32,\n cy: 32,\n a: [{\n fn () {\n return {\n an: 'r',\n begin: (i * -1) + 's',\n dur: '2s',\n v: '0;24',\n keyTimes: '0;1',\n keySplines: '0.1,0.2,0.3,1',\n calcMode: 'spline',\n rc: INDEFINITE\n }\n },\n t: 1\n }, {\n fn () {\n return {\n an: STROKE_OPACITY,\n begin: (i * -1) + 's',\n dur: '2s',\n v: '.2;1;.2;0',\n rc: INDEFINITE\n }\n },\n t: 1\n }]\n }\n },\n t: 2\n }]\n },\n\n spiral: {\n defs: [{\n linearGradient: [{\n id: 'sGD',\n gradientUnits: 'userSpaceOnUse',\n x1: 55,\n y1: 46,\n x2: 2,\n y2: 46,\n stop: [{\n offset: 0.1,\n class: 'stop1'\n }, {\n offset: 1,\n class: 'stop2'\n }]\n }]\n }],\n g: [{\n sw: 4,\n lc: ROUND,\n f: NONE,\n path: [{\n stroke: 'url(#sGD)',\n d: 'M4,32 c0,15,12,28,28,28c8,0,16-4,21-9'\n }, {\n d: 'M60,32 C60,16,47.464,4,32,4S4,16,4,32'\n }],\n at: [SPIN_ANIMATION]\n }]\n }\n\n}\n\nvar animations = {\n\n android (ele) {\n var self = this\n\n this.stop = false\n\n var rIndex = 0\n var rotateCircle = 0\n var startTime\n var svgEle = ele.querySelector('g')\n var circleEle = ele.querySelector('circle')\n\n function run () {\n if (self.stop) return\n\n var v = easeInOutCubic(Date.now() - startTime, 650)\n var scaleX = 1\n var translateX = 0\n var dasharray = (188 - (58 * v))\n var dashoffset = (182 - (182 * v))\n\n if (rIndex % 2) {\n scaleX = -1\n translateX = -64\n dasharray = (128 - (-58 * v))\n dashoffset = (182 * v)\n }\n\n var rotateLine = [0, -101, -90, -11, -180, 79, -270, -191][rIndex]\n\n setSvgAttribute(circleEle, 'da', Math.max(Math.min(dasharray, 188), 128))\n setSvgAttribute(circleEle, 'os', Math.max(Math.min(dashoffset, 182), 0))\n setSvgAttribute(circleEle, 't', 'scale(' + scaleX + ',1) translate(' + translateX + ',0) rotate(' + rotateLine + ',32,32)')\n\n rotateCircle += 4.1\n if (rotateCircle > 359) rotateCircle = 0\n setSvgAttribute(svgEle, 't', 'rotate(' + rotateCircle + ',32,32)')\n\n if (v >= 1) {\n rIndex++\n if (rIndex > 7) rIndex = 0\n startTime = Date.now()\n }\n\n requestAnimationFrame(run)\n }\n\n return function () {\n startTime = Date.now()\n run()\n return self\n }\n }\n\n}\n\nfunction easeInOutCubic (t, c) {\n t /= c / 2\n if (t < 1) return 1 / 2 * t * t * t\n t -= 2\n return 1 / 2 * (t * t * t + 2)\n}\n\nexport default function (el, icon) {\n var spinnerName, anim // eslint-disable-line\n spinnerName = icon\n var container = document.createElement('div')\n createSvgElement('svg', {\n viewBox: '0 0 64 64',\n g: [spinners[spinnerName]]\n }, container, spinnerName)\n\n // Specifically for animations to work,\n // Android 4.3 and below requires the element to be\n // added as an html string, rather than dynmically\n // building up the svg element and appending it.\n el.innerHTML = container.innerHTML\n start()\n function start () {\n if (animations[spinnerName]) {\n anim = animations[spinnerName](el)()\n }\n }\n return el\n}\n" }, { "path": "src/components/step/index.js", "content": "import Step from './step'\nimport StepItem from './step-item'\n\nexport {\n Step,\n StepItem\n}\n" }, { "path": "src/components/step/step-item.vue", "content": "\n\n\n" }, { "path": "src/components/step/step.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/sticky/index.vue", "content": "\n\n\n\n\n\n" }, { "path": "src/components/sticky/sticky.js", "content": "// http://efe.baidu.com/blog/position-sticky/\n\n// 检测iOS版本大于等于6\nfunction gtIOS6 () {\n var userAgent = window.navigator.userAgent\n var ios = userAgent.match(/(iPad|iPhone|iPod)\\s+OS\\s([\\d_\\.]+)/)\n return ios && ios[2] && (parseInt(ios[2].replace(/_/g, '.'), 10) >= 6)\n}\n\n// 判断是否支持sticky属性\nfunction isSupportSticky () {\n var prefixTestList = ['', '-webkit-', '-ms-', '-moz-', '-o-']\n var stickyText = ''\n for (var i = 0; i < prefixTestList.length; i++) {\n stickyText += 'position:' + prefixTestList[i] + 'sticky'\n }\n // 创建一个dom来检查\n var div = document.createElement('div')\n var body = document.body\n div.style.cssText = 'display:none' + stickyText\n body.appendChild(div)\n var isSupport = /sticky/i.test(window.getComputedStyle(div).position)\n body.removeChild(div)\n div = null\n return isSupport\n}\n\nexport default function (nav) {\n if (gtIOS6() || isSupportSticky()) {\n // 大于等于iOS6版本使用sticky\n nav.classList.add('vux-sticky')\n } else {\n var navOffsetY = nav.offsetTop\n window.addEventListener('scroll', function () {\n window.scrollY >= navOffsetY ? nav.classList.add('vux-fixed') : nav.classList.remove('vux-fixed')\n })\n }\n}\n" }, { "path": "src/components/swiper/index.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/swiper/swiper.js", "content": "import arrayFrom from 'array-from'\nimport objectAssign from 'object-assign'\n\nclass Swiper {\n constructor (options) {\n this._default = {\n container: '.vux-swiper',\n item: '.vux-swiper-item',\n direction: 'vertical',\n activeClass: 'active',\n threshold: 50,\n duration: 300,\n auto: false,\n loop: false,\n interval: 3000,\n height: 'auto',\n minMovingDistance: 0\n }\n this._options = objectAssign(this._default, options)\n this._options.height = this._options.height.replace('px', '')\n this._start = {}\n this._move = {}\n this._end = {}\n this._eventHandlers = {}\n this._prev = this._current = this._goto = 0\n this._width = this._height = this._distance = 0\n this._offset = []\n this.$box = this._options.container\n this.$container = this._options.container.querySelector('.vux-swiper')\n this.$items = this.$container.querySelectorAll(this._options.item)\n this.count = this.$items.length\n this.realCount = this.$items.length // real items length\n this._position = [] // used by go event\n this._firstItemIndex = 0\n if (!this.count) {\n return\n }\n this._init()\n this._auto()\n this._bind()\n this._onResize()\n return this\n }\n\n _auto () {\n const me = this\n me.stop()\n if (me._options.auto) {\n me.timer = setTimeout(() => {\n me.next()\n }, me._options.interval)\n }\n }\n\n updateItemWidth () {\n this._width = this.$box.offsetWidth\n this._distance = this._options.direction === 'horizontal' ? this._width : this._height\n }\n\n stop () {\n this.timer && clearTimeout(this.timer)\n }\n\n _loop () {\n return this._options.loop && this.realCount >= 3\n }\n\n _onResize () {\n const me = this\n this.resizeHandler = () => {\n setTimeout(() => {\n me.updateItemWidth()\n me._setOffset()\n me._setTransfrom()\n }, 100)\n }\n window.addEventListener('orientationchange', this.resizeHandler, false)\n }\n\n _init () {\n if (this._options.loop) {\n this._loopTwoItems()\n }\n this._height = this._options.height === 'auto' ? 'auto' : this._options.height - 0\n this.updateItemWidth()\n this._initPosition()\n this._activate(this._current)\n this._setOffset()\n this._setTransfrom()\n if (this._loop()) {\n this._loopRender()\n }\n }\n\n _initPosition () {\n for (let i = 0; i < this.realCount; i++) {\n this._position.push(i)\n }\n }\n\n _movePosition (position) {\n const me = this\n if (position > 0) {\n let firstIndex = me._position.splice(0, 1)\n me._position.push(firstIndex[0])\n } else if (position < 0) {\n let lastIndex = me._position.pop()\n me._position.unshift(lastIndex)\n }\n }\n\n _setOffset () {\n let me = this\n let index = me._position.indexOf(me._current)\n me._offset = []\n arrayFrom(me.$items).forEach(function ($item, key) {\n me._offset.push((key - index) * me._distance)\n })\n }\n\n _setTransition (duration) {\n duration = duration || (this._options.duration || 'none')\n let transition = duration === 'none' ? 'none' : duration + 'ms'\n arrayFrom(this.$items).forEach(function ($item, key) {\n $item.style.webkitTransition = transition\n $item.style.transition = transition\n })\n }\n\n _setTransfrom (offset) {\n const me = this\n offset = offset || 0\n arrayFrom(me.$items).forEach(function ($item, key) {\n let distance = me._offset[key] + offset\n let transform = `translate3d(${distance}px, 0, 0)`\n if (me._options.direction === 'vertical') {\n transform = `translate3d(0, ${distance}px, 0)`\n }\n $item.style.webkitTransform = transform\n $item.style.transform = transform\n })\n }\n\n _bind () {\n const me = this\n me.touchstartHandler = (e) => {\n me.stop()\n me._start.x = e.changedTouches[0].pageX\n me._start.y = e.changedTouches[0].pageY\n me._setTransition('none')\n }\n me.touchmoveHandler = (e) => {\n me._move.x = e.changedTouches[0].pageX\n me._move.y = e.changedTouches[0].pageY\n let distanceX = me._move.x - me._start.x\n let distanceY = me._move.y - me._start.y\n let distance = distanceY\n let noScrollerY = Math.abs(distanceX) > Math.abs(distanceY)\n if (me._options.direction === 'horizontal' && noScrollerY) {\n distance = distanceX\n }\n if (((me._options.minMovingDistance && Math.abs(distance) >= me._options.minMovingDistance) || !me._options.minMovingDistance) && noScrollerY) {\n me._setTransfrom(distance)\n }\n\n noScrollerY && e.preventDefault()\n }\n\n me.touchendHandler = (e) => {\n me._end.x = e.changedTouches[0].pageX\n me._end.y = e.changedTouches[0].pageY\n\n let distance = me._end.y - me._start.y\n if (me._options.direction === 'horizontal') {\n distance = me._end.x - me._start.x\n }\n\n distance = me.getDistance(distance)\n if (distance !== 0 && me._options.minMovingDistance && Math.abs(distance) < me._options.minMovingDistance) {\n return\n }\n if (distance > me._options.threshold) {\n me.move(-1)\n } else if (distance < -me._options.threshold) {\n me.move(1)\n } else {\n me.move(0)\n }\n\n me._loopRender()\n }\n\n me.transitionEndHandler = (e) => {\n me._activate(me._current)\n let cb = me._eventHandlers.swiped\n cb && cb.apply(me, [me._prev % me.count, me._current % me.count])\n me._auto()\n me._loopRender()\n e.preventDefault()\n }\n me.$container.addEventListener('touchstart', me.touchstartHandler, false)\n me.$container.addEventListener('touchmove', me.touchmoveHandler, false)\n me.$container.addEventListener('touchend', me.touchendHandler, false)\n me.$items[1] && me.$items[1].addEventListener('webkitTransitionEnd', me.transitionEndHandler, false)\n }\n\n _loopTwoItems () {\n // issue #596 (support when onlt two)\n if (this.count === 2) {\n let div = document.createElement('div')\n let $item\n for (let i = this.$items.length - 1; i >= 0; i--) {\n div.innerHTML = this.$items[i].outerHTML\n $item = div.querySelector(this._options.item)\n $item.classList.add(`${this._options.item.replace('.', '')}-clone`)\n this.$container.appendChild($item)\n }\n this.realCount = 4\n }\n }\n\n _loopRender () {\n const me = this\n if (me._loop()) {\n // issue #507 (delete cloneNode)\n if (me._offset[me._offset.length - 1] === 0) {\n me.$container.appendChild(me.$items[0])\n me._loopEvent(1)\n } else if (me._offset[0] === 0) {\n me.$container.insertBefore(me.$items[me.$items.length - 1], me.$container.firstChild)\n me._loopEvent(-1)\n }\n }\n }\n\n _loopEvent (num) {\n const me = this\n me._itemDestoy()\n me.$items = me.$container.querySelectorAll(me._options.item)\n me.$items[1] && me.$items[1].addEventListener('webkitTransitionEnd', me.transitionEndHandler, false)\n me._movePosition(num)\n me._setOffset()\n me._setTransfrom()\n }\n\n getDistance (distance) {\n if (this._loop()) {\n return distance\n } else {\n if (distance > 0 && this._current === 0) {\n return 0\n } else if (distance < 0 && this._current === this.realCount - 1) {\n return 0\n } else {\n return distance\n }\n }\n }\n\n _moveIndex (num) {\n if (num !== 0) {\n this._prev = this._current\n this._current += this.realCount\n this._current += num\n this._current %= this.realCount\n }\n }\n\n _activate (index) {\n let clazz = this._options.activeClass\n Array.prototype.forEach.call(this.$items, ($item, key) => {\n $item.classList.remove(clazz)\n if (index === Number($item.dataset.index)) {\n $item.classList.add(clazz)\n }\n })\n }\n\n go (index) {\n const me = this\n me.stop()\n\n index = index || 0\n index += this.realCount\n index = index % this.realCount\n index = this._position.indexOf(index) - this._position.indexOf(this._current)\n\n me._moveIndex(index)\n me._setOffset()\n me._setTransition()\n me._setTransfrom()\n me._auto()\n return this\n }\n\n next () {\n this.move(1)\n return this\n }\n\n move (num) {\n this.go(this._current + num)\n return this\n }\n\n on (event, callback) {\n if (this._eventHandlers[event]) {\n console.error(`[swiper] event ${event} is already register`)\n }\n if (typeof callback !== 'function') {\n console.error('[swiper] parameter callback must be a function')\n }\n this._eventHandlers[event] = callback\n return this\n }\n\n _itemDestoy () {\n for (let item of this.$items) {\n item.removeEventListener('webkitTransitionEnd', this.transitionEndHandler, false)\n }\n }\n destroy () {\n this.stop()\n this._current = 0\n this._setTransfrom(0)\n window.removeEventListener('orientationchange', this.resizeHandler, false)\n this.$container.removeEventListener('touchstart', this.touchstartHandler, false)\n this.$container.removeEventListener('touchmove', this.touchmoveHandler, false)\n this.$container.removeEventListener('touchend', this.touchendHandler, false)\n this._itemDestoy()\n // remove clone item (used by loop only 2)\n if (this._options.loop && this.count === 2) {\n let $item = this.$container.querySelector(`${this._options.item}-clone`)\n $item && this.$container.removeChild($item)\n $item = this.$container.querySelector(`${this._options.item}-clone`)\n $item && this.$container.removeChild($item)\n }\n }\n}\n\nexport default Swiper\n" }, { "path": "src/components/swiper-item/index.vue", "content": "\n\n\n" }, { "path": "src/components/tab/index.js", "content": "import Tab from './tab'\nimport TabItem from './tab-item'\n\nexport {\n Tab,\n TabItem\n}\n" }, { "path": "src/components/tab/tab-item.vue", "content": "\n\n\n" }, { "path": "src/components/tab/tab.vue", "content": "\n\n\n\n\n\n" }, { "path": "src/components/tabbar/component.json", "content": "{\n \"vux\": {\n \"is_weui\": true\n }\n}" }, { "path": "src/components/tabbar/index.js", "content": "import Tabbar from './tabbar'\nimport TabbarItem from './tabbar-item'\n\nexport {\n Tabbar,\n TabbarItem\n}\n" }, { "path": "src/components/tabbar/metas.yml", "content": "tabbar:\n props:\n icon-class:\n en: icon's classname\n zh-CN: 图标的class名\n slots:\n default:\n en: main content for tabbar items\n zh-CN: tabbar主体内容，只允许tabbar-item\ntabbar-item:\n props:\n badge:\n en: badge text, if not specified, the badge will not show\n zh-CN: 徽标文字，不指定则不显示\n show-dot:\n en: if show the red dot\n zh-CN: 是否显示红点\n link:\n en: the url for current tabbar item, can be a url or a `v-link` value\n zh-CN: 链接，可以为普通url或者用`v-link`写法\n icon-class:\n en: the classname for current icon, if tabbar and tabbar-item both specify icon-class, tabbar-item's will be usePulldown\n zh-CN: 图标类名，如果tabbar也同时定义了icon-class, 会使用tabbar-item的\n slots:\n icon:\n en: icon area\n zh-CN: 图标区域\n label:\n en: label text\n zh-CN: 图标下方文字\n events:\n on-item-click:\n en: triggers when tabbar item is click\n zh-CN: 点击菜单项时触发\n" }, { "path": "src/components/tabbar/tabbar-item.vue", "content": "\n\n\n" }, { "path": "src/components/tabbar/tabbar.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/timeline/index.js", "content": "import Timeline from './timeline'\nimport TimelineItem from './timeline-item'\n\nmodule.exports = {\n Timeline,\n TimelineItem\n}\n" }, { "path": "src/components/timeline/timeline-item.vue", "content": "\n\n\n\n" }, { "path": "src/components/timeline/timeline.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/tip/index.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/toast/component.json", "content": "{\n \"vux\": {\n \"is_weui\": true\n }\n}" }, { "path": "src/components/toast/index.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/video/index.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/video/zy.media.css", "content": "body { margin: 0 }\n\n/* zy.media style */\n.zy_media { background: #000; position: relative }\n.zy_media video, .zy_media audio { width: 100%; position: absolute; top: 0; left: 0; display: block }\n.zy_fullscreen { overflow: hidden }\n.zy_fullscreen .zy_media { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000 }\n.zy_fullscreen .zy_wrap, .zy_fullscreen video { width: 100%; height: 100% }\n.zy_wrap { width: 100% }\n\n/* 视频标题 */\n.zy_title { height: 34px; padding-left: 10px; color: #fff; font-size: 12px; line-height: 34px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background: rgba(0, 0, 0, .25); position: absolute; left: 0; right: 0; top: 0; -webkit-transition: top .5s; transition: top .5s }\n\n/* 视频主区中播放、加载中、错误提示 */\n.zy_media .dec_play, .zy_media .dec_loading, .zy_media .dec_error { margin: -32px 0 0 -31px; position: absolute; top: 50%; left: 50% }\n.zy_media .dec_play::before { width: 60px; height: 60px; content: ''; border-radius: 60px; border: #e5e5e4 1px solid; display: block }\n.zy_media .dec_play::after { width: 0; height: 0; content: ''; border-color: transparent transparent transparent #e5e5e4; border-width: 14px 20px; border-style: solid; position: absolute; top: 16px; left: 23px; z-index: 2; display: block }\n.zy_media .dec_loading { width: 62px; height: 62px; -webkit-animation: ani_loading .6s infinite linear; -webkit-animation-fill-mode: forwards; animation: ani_loading .6s infinite linear; animation-fill-mode: forwards }\n@-webkit-keyframes ani_loading {\n\t100% { -webkit-transform: rotate(360deg) }\n}\n@keyframes ani_loading {\n\t100% { transform: rotate(360deg) }\n}\n.zy_media .dec_loading::before { width: 7px; height: 7px; content: ''; border-radius: 7px; background: #fff; opacity: .8; position: absolute; top: 25px }\n.zy_media .dec_loading::after { width: 48px; height: 48px; content: ''; border-radius: 50px; border: 7px solid #fff; opacity: .2; display: block }\n.zy_media .dec_error { width: 62px; height: 62px; margin-top: -53px; margin-left: -25px; white-space: nowrap; color: #fff; font-size: 12px; text-align: center; position: absolute; top: 50%; left: 50%; }\n\n/* 控制栏 */\n.zy_controls { height: 44px; background: rgba(0, 0, 0, .55); position: absolute; left: 0; right: 0; bottom: 0; -webkit-transition: bottom .5s; transition: bottom .5s; display: -webkit-box; display: box; display: -webkit-flex; display: flex }\n\n/* 播放、暂停按钮 */\n.zy_playpause_btn { width: 26px; height: 30px; margin-right: 4px; padding: 13px 0 0 14px; position: relative }\n.zy_play::before { width: 0; height: 0; content: ''; border-color: transparent transparent transparent #cbcbcb; border-width: 8px 12px; border-style: solid; display: block }\n.zy_pause::before, .zy_pause::after { width: 3px; height: 14px; content: ''; background: #cbcbcb; position: absolute; top: 13px; left: 14px }\n.zy_pause::after { left: 22px }\n\n/* 时间线操作区 */\n.zy_timeline { margin-right: 10px; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto }\n.zy_timeline_slider { width: 100%; height: 1px; background: #999; position: relative; top: 21px; left: 0 }\n.zy_timeline_buffering { width: 100%; height: 15px; top: -7px; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)), color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); -webkit-background-size: 15px 15px; background-size: 15px 15px; -webkit-animation: ani_buffering 2s linear infinite; animation: ani_buffering 2s linear infinite; position: absolute; }\n@-webkit-keyframes ani_buffering {\n\tfrom { background-position: 0 0 }\n\tto { background-position: 30px 0 }\n}\n@keyframes ani_buffering {\n\tfrom { background-position: 0 0 }\n\tto { background-position: 30px 0 }\n}\n.zy_timeline_loaded { width: 0; height: 1px; background: #e5e5e5; position: absolute; top: 0; left: 0; z-index: 1 }\n.zy_timeline_current { width: 0; height: 1px; background: #ff6159; position: relative; z-index: 2 }\n.zy_timeline_handle { width: 16px; height: 16px; border-radius: 16px; background: #e5e5e5; position: absolute; top: -8px; left: -8px; z-index: 3 }\n\n/* 时间展示 */\n.zy_time { width: auto; height: 44px; margin-right: 5px; line-height: 44px; font-size: 11px; color: #999; text-align: center }\n.zy_time .zy_currenttime { color: #e5e5e5 }\n\n/* 全屏控制按钮 */\n.zy_fullscreen_btn { width: 38px; height: 44px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaBAMAAAEsY2FrAAAAElBMVEX///////////////////////+65XQCAAAABXRSTlMAHm1u3TG+li4AAAB5SURBVBgZBcGxbQNBEAQwPnCXC49TviU4UQnKx8ZP/62YVB58qQCIBwArGgAAwK4HkAUEgEXAEmBFG/AH+B0gN5BrQLwAAG4bXLOBewPXB/AGu6VtG4CeAUCdAaCcAVCcAQAAAAMAzrAD4IwdAM7PDgDOJwBt2wAA/9uDEjcL3fqtAAAAAElFTkSuQmCC); background-repeat: no-repeat; background-position: center; -webkit-background-size: 16px; background-size: 16px }\n.zy_unfullscreen { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaBAMAAAEsY2FrAAAAElBMVEX///////////////////////+65XQCAAAABXRSTlMAHm1u3TG+li4AAAB5SURBVBgZBcGxDcMwEAQwGtH1QuD0WiGAB8gI39z+q4SEhR8AwALAwmAwgCAIS4AV0BYg7UAWEIttwNeA1x7gO8BrQDsAAGlBDpA3kOuAeIO4eDYZAM+WAeDZGQA8nwFo2w4AAAAAANq2A9D7AKDuA0C5D4DiPgDAH9lBEChOLXSRAAAAAElFTkSuQmCC) }" }, { "path": "src/components/video/zy.media.js", "content": "/*\n *\n * zy.media.js\n * HTML5