项目初始化

.babelrc

@@ -0,0 +1,21 @@
+{
+  "presets": [
+    ["env", {
+      "modules": false,
+      "targets": {
+        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
+      }
+    }],
+    "stage-2"
+  ],
+  "plugins": [
+    "transform-vue-jsx", 
+    ["transform-runtime"],
+    ["transform-modules", {
+      "cube-ui": {
+        "transform": "./node_modules/cube-ui/src/modules/${member}",
+        "kebabCase": true
+      }
+    }]
+  ]
+}

.editorconfig

@@ -6,4 +6,4 @@ indent_style = space
 indent_size = 2
 end_of_line = lf
 insert_final_newline = true
-trim_trailing_whitespace = true
+trim_trailing_whitespace = true

.gitignore

@@ -0,0 +1,14 @@
+.DS_Store
+node_modules/
+/dist/
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln

.postcssrc.js

@@ -0,0 +1,10 @@
+// https://github.com/michael-ciniawsky/postcss-load-config
+
+module.exports = {
+  "plugins": {
+    "postcss-import": {},
+    "postcss-url": {},
+    // to edit target browsers: use "browserslist" field in package.json
+    "autoprefixer": {}
+  }
+}

README.md

@@ -1,2 +1,2 @@
-# ITSM3-PC-Repair
+# ITSM3-service-wechat
 

build/build.js

@@ -0,0 +1,41 @@
+'use strict'
+require('./check-versions')()
+
+process.env.NODE_ENV = 'production'
+
+const ora = require('ora')
+const rm = require('rimraf')
+const path = require('path')
+const chalk = require('chalk')
+const webpack = require('webpack')
+const config = require('../config')
+const webpackConfig = require('./webpack.prod.conf')
+
+const spinner = ora('building for production...')
+spinner.start()
+
+rm(path.join(config.build.assetsRoot, config.build.assetsSubDirectory), err => {
+  if (err) throw err
+  webpack(webpackConfig, (err, stats) => {
+    spinner.stop()
+    if (err) throw err
+    process.stdout.write(stats.toString({
+      colors: true,
+      modules: false,
+      children: false, // If you are using ts-loader, setting this to true will make TypeScript errors show up during build.
+      chunks: false,
+      chunkModules: false
+    }) + '\n\n')
+
+    if (stats.hasErrors()) {
+      console.log(chalk.red('  Build failed with errors.\n'))
+      process.exit(1)
+    }
+
+    console.log(chalk.cyan('  Build complete.\n'))
+    console.log(chalk.yellow(
+      '  Tip: built files are meant to be served over an HTTP server.\n' +
+      '  Opening index.html over file:// won\'t work.\n'
+    ))
+  })
+})

build/check-versions.js

@@ -0,0 +1,54 @@
+'use strict'
+const chalk = require('chalk')
+const semver = require('semver')
+const packageConfig = require('../package.json')
+const shell = require('shelljs')
+
+function exec (cmd) {
+  return require('child_process').execSync(cmd).toString().trim()
+}
+
+const versionRequirements = [
+  {
+    name: 'node',
+    currentVersion: semver.clean(process.version),
+    versionRequirement: packageConfig.engines.node
+  }
+]
+
+if (shell.which('npm')) {
+  versionRequirements.push({
+    name: 'npm',
+    currentVersion: exec('npm --version'),
+    versionRequirement: packageConfig.engines.npm
+  })
+}
+
+module.exports = function () {
+  const warnings = []
+
+  for (let i = 0; i < versionRequirements.length; i++) {
+    const mod = versionRequirements[i]
+
+    if (!semver.satisfies(mod.currentVersion, mod.versionRequirement)) {
+      warnings.push(mod.name + ': ' +
+        chalk.red(mod.currentVersion) + ' should be ' +
+        chalk.green(mod.versionRequirement)
+      )
+    }
+  }
+
+  if (warnings.length) {
+    console.log('')
+    console.log(chalk.yellow('To use this template, you must update following to modules:'))
+    console.log()
+
+    for (let i = 0; i < warnings.length; i++) {
+      const warning = warnings[i]
+      console.log('  ' + warning)
+    }
+
+    console.log()
+    process.exit(1)
+  }
+}

build/dev-client.js

@@ -0,0 +1,9 @@
+/* eslint-disable */
+require('eventsource-polyfill')
+var hotClient = require('webpack-hot-middleware/client?noInfo=true&reload=true')
+
+hotClient.subscribe(function (event) {
+  if (event.action === 'reload') {
+    window.location.reload()
+  }
+})

build/dev-server.js

@@ -0,0 +1,89 @@
+require('./check-versions')()
+
+var config = require('../config')
+if (!process.env.NODE_ENV) {
+  process.env.NODE_ENV = JSON.parse(config.dev.env.NODE_ENV)
+}
+
+var opn = require('opn')
+var path = require('path')
+var express = require('express')
+var webpack = require('webpack')
+var proxyMiddleware = require('http-proxy-middleware')
+var webpackConfig = require('./webpack.dev.conf')
+
+// default port where dev server listens for incoming traffic
+var port = process.env.PORT || config.dev.port
+// automatically open browser, if not set will be false
+var autoOpenBrowser = !!config.dev.autoOpenBrowser
+// Define HTTP proxies to your custom API backend
+// https://github.com/chimurai/http-proxy-middleware
+var proxyTable = config.dev.proxyTable
+
+var app = express()
+var compiler = webpack(webpackConfig)
+
+var devMiddleware = require('webpack-dev-middleware')(compiler, {
+  publicPath: webpackConfig.output.publicPath,
+  quiet: true
+})
+
+var hotMiddleware = require('webpack-hot-middleware')(compiler, {
+  log: () => {}
+})
+// force page reload when html-webpack-plugin template changes
+compiler.plugin('compilation', function (compilation) {
+  compilation.plugin('html-webpack-plugin-after-emit', function (data, cb) {
+    hotMiddleware.publish({ action: 'reload' })
+    cb()
+  })
+})
+
+// proxy api requests
+Object.keys(proxyTable).forEach(function (context) {
+  var options = proxyTable[context]
+  if (typeof options === 'string') {
+    options = { target: options }
+  }
+  app.use(proxyMiddleware(options.filter || context, options))
+})
+
+// handle fallback for HTML5 history API
+app.use(require('connect-history-api-fallback')())
+
+// serve webpack bundle output
+app.use(devMiddleware)
+
+// enable hot-reload and state-preserving
+// compilation error display
+app.use(hotMiddleware)
+
+// serve pure static assets
+var staticPath = path.posix.join(config.dev.assetsPublicPath, config.dev.assetsSubDirectory)
+app.use(staticPath, express.static('./static'))
+
+var uri = 'http://localhost:' + port
+
+var _resolve
+var readyPromise = new Promise(resolve => {
+  _resolve = resolve
+})
+
+console.log('> Starting dev server...')
+devMiddleware.waitUntilValid(() => {
+  console.log('> Listening at ' + uri + '\n')
+  // when env is testing, don't need open it
+  if (autoOpenBrowser && process.env.NODE_ENV !== 'testing') {
+    opn(uri)
+  }
+  _resolve()
+})
+
+var server = app.listen(port)
+
+module.exports = {
+  ready: readyPromise,
+  close: () => {
+    server.close()
+  }
+}

build/utils.js

@@ -0,0 +1,125 @@
+'use strict'
+const path = require('path')
+const config = require('../config')
+const ExtractTextPlugin = require('extract-text-webpack-plugin')
+const packageConfig = require('../package.json')
+// var cssLoader = {
+//   loader: 'css-loader',
+//     options: {
+//     sourceMap: options.sourceMap
+//   }
+// }
+// var px2remLoader = {
+//   loader: 'px2rem-loader',
+//     options: {
+//     remUnit: 75
+//   }
+// }
+
+exports.assetsPath = function (_path) {
+  const assetsSubDirectory = process.env.NODE_ENV === 'production'
+    ? config.build.assetsSubDirectory
+    : config.dev.assetsSubDirectory
+
+  return path.posix.join(assetsSubDirectory, _path)
+}
+
+exports.cssLoaders = function (options) {
+  options = options || {}
+
+  const cssLoader = {
+    loader: 'css-loader',
+    options: {
+      sourceMap: options.sourceMap
+    }
+  }
+
+  const postcssLoader = {
+    loader: 'postcss-loader',
+    options: {
+      sourceMap: options.sourceMap
+    }
+  }
+  const px2remLoader = {
+    loader: 'px2rem-loader',
+      options: {
+      remUnit: 60
+    }
+  }
+
+  const stylusOptions = {
+    'resolve url': true
+  }
+
+  // generate loader string to be used with extract text plugin
+  function generateLoaders (loader, loaderOptions) {
+    const loaders = options.usePostCSS ? [cssLoader, postcssLoader] : [cssLoader];
+    // var loaders = [cssLoader, px2remLoader]
+
+    if (loader) {
+      loaders.push({
+        loader: loader + '-loader',
+        options: Object.assign({}, loaderOptions, {
+          sourceMap: options.sourceMap
+        })
+      })
+    }
+
+    // Extract CSS when that option is specified
+    // (which is the case during production build)
+    if (options.extract) {
+      return ExtractTextPlugin.extract({
+        use: loaders,
+        fallback: 'vue-style-loader',
+        publicPath:'../../'
+      })
+    } else {
+      return ['vue-style-loader'].concat(loaders)
+    }
+  }
+
+  // https://vue-loader.vuejs.org/en/configurations/extract-css.html
+  return {
+    css: generateLoaders(),
+    postcss: generateLoaders(),
+    less: generateLoaders('less'),
+    sass: generateLoaders('sass', { indentedSyntax: true }),
+    scss: generateLoaders('sass'),
+    stylus: generateLoaders('stylus', stylusOptions),
+    styl: generateLoaders('stylus', stylusOptions)
+  }
+}
+
+// Generate loaders for standalone style files (outside of .vue)
+exports.styleLoaders = function (options) {
+  const output = []
+  const loaders = exports.cssLoaders(options)
+
+  for (const extension in loaders) {
+    const loader = loaders[extension]
+    output.push({
+      test: new RegExp('\\.' + extension + '$'),
+      use: loader
+    })
+  }
+
+  return output
+}
+
+exports.createNotifierCallback = () => {
+  const notifier = require('node-notifier')
+
+  return (severity, errors) => {
+    if (severity !== 'error') return
+
+    const error = errors[0]
+    const filename = error.file && error.file.split('!').pop()
+
+    notifier.notify({
+      title: packageConfig.name,
+      message: severity + ': ' + error.name,
+      subtitle: filename || '',
+      icon: path.join(__dirname, 'logo.png')
+    })
+  }
+}

build/vue-loader.conf.js

@@ -0,0 +1,22 @@
+'use strict'
+const utils = require('./utils')
+const config = require('../config')
+const isProduction = process.env.NODE_ENV === 'production'
+const sourceMapEnabled = isProduction
+  ? config.build.productionSourceMap
+  : config.dev.cssSourceMap
+
+module.exports = {
+  loaders: utils.cssLoaders({
+    sourceMap: sourceMapEnabled,
+    extract: isProduction
+  }),
+  cssSourceMap: sourceMapEnabled,
+  cacheBusting: config.dev.cacheBusting,
+  transformToRequire: {
+    video: ['src', 'poster'],
+    source: 'src',
+    img: 'src',
+    image: 'xlink:href'
+  }
+}

build/webpack.base.conf.js

@@ -0,0 +1,86 @@
+'use strict'
+const path = require('path')
+const utils = require('./utils')
+const config = require('../config')
+const vueLoaderConfig = require('./vue-loader.conf')
+
+function resolve (dir) {
+  return path.join(__dirname, '..', dir)
+}
+
+
+
+module.exports = {
+  context: path.resolve(__dirname, '../'),
+  entry: {
+    app: './src/main.js'
+  },
+  output: {
+    path: config.build.assetsRoot,
+    filename: '[name].js',
+    publicPath: process.env.NODE_ENV === 'production'
+      ? config.build.assetsPublicPath
+      : config.dev.assetsPublicPath
+  },
+  resolve: {
+    extensions: ['.js', '.vue', '.json'],
+    alias: {
+      'vue$': 'vue/dist/vue.esm.js',
+      '@': resolve('src'),
+    }
+  },
+  module: {
+    rules: [
+      {
+        test: /\.vue$/,
+        loader: 'vue-loader',
+        options: vueLoaderConfig
+      },
+      {
+        test: /\.js$/,
+        loader: 'babel-loader',
+        include: [resolve('src'), resolve('test'), resolve('node_modules/webpack-dev-server/client')]
+      },
+      {
+        test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
+        loader: 'url-loader',
+        options: {
+          limit: 90000,
+          name: utils.assetsPath('img/[name].[hash:7].[ext]')
+        }
+      },
+      {
+        test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/,
+        loader: 'url-loader',
+        options: {
+          limit: 90000,
+          name: utils.assetsPath('media/[name].[hash:7].[ext]')
+        }
+      },
+      {
+        test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
+        loader: 'url-loader',
+        options: {
+          limit: 90000,
+          name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
+        }
+      },
+      {
+        test: /\.less$/,
+        loader: "style-loader!css-loader!less-loader"
+      }
+    ]
+  },
+  node: {
+    // prevent webpack from injecting useless setImmediate polyfill because Vue
+    // source contains it (although only uses it if it's native).
+    setImmediate: false,
+    // prevent webpack from injecting mocks to Node native modules
+    // that does not make sense for the client
+    dgram: 'empty',
+    fs: 'empty',
+    net: 'empty',
+    tls: 'empty',
+    child_process: 'empty'
+  }
+}

build/webpack.dev.conf.js

@@ -0,0 +1,97 @@
+'use strict'
+const utils = require('./utils')
+const webpack = require('webpack')
+const config = require('../config')
+const merge = require('webpack-merge')
+const path = require('path')
+const baseWebpackConfig = require('./webpack.base.conf')
+const CopyWebpackPlugin = require('copy-webpack-plugin')
+const HtmlWebpackPlugin = require('html-webpack-plugin')
+const FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin')
+const portfinder = require('portfinder')
+const PostCompilePlugin = require('webpack-post-compile-plugin')
+
+const HOST = process.env.HOST
+const PORT = process.env.PORT && Number(process.env.PORT)
+
+const devWebpackConfig = merge(baseWebpackConfig, {
+  module: {
+    rules: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap, usePostCSS: true })
+  },
+  // cheap-module-eval-source-map is faster for development
+  devtool: config.dev.devtool,
+
+  // these devServer options should be customized in /config/index.js
+  devServer: {
+    clientLogLevel: 'warning',
+    historyApiFallback: {
+      rewrites: [
+        { from: /.*/, to: path.posix.join(config.dev.assetsPublicPath, 'index.html') },
+      ],
+    },
+    hot: true,
+    contentBase: false, // since we use CopyWebpackPlugin.
+    compress: true,
+    host: HOST || config.dev.host,
+    port: PORT || config.dev.port,
+    open: config.dev.autoOpenBrowser,
+    overlay: config.dev.errorOverlay
+      ? { warnings: false, errors: true }
+      : false,
+    publicPath: config.dev.assetsPublicPath,
+    proxy: config.dev.proxyTable,
+    quiet: true, // necessary for FriendlyErrorsPlugin
+    watchOptions: {
+      poll: config.dev.poll,
+    }
+  },
+  plugins: [
+    new webpack.DefinePlugin({
+      'process.env': require('../config/dev.env')
+    }),
+    new webpack.HotModuleReplacementPlugin(),
+    new webpack.NamedModulesPlugin(), // HMR shows correct file names in console on update.
+    new webpack.NoEmitOnErrorsPlugin(),
+    // https://github.com/ampedandwired/html-webpack-plugin
+    new HtmlWebpackPlugin({
+      filename: 'index.html',
+      template: 'index.html',
+      inject: true
+    }),
+    // copy custom static assets
+    new CopyWebpackPlugin([
+      {
+        from: path.resolve(__dirname, '../static'),
+        to: config.dev.assetsSubDirectory,
+        ignore: ['.*']
+      }
+    ]),
+    new PostCompilePlugin()
+  ]
+})
+
+module.exports = new Promise((resolve, reject) => {
+  portfinder.basePort = process.env.PORT || config.dev.port
+  portfinder.getPort((err, port) => {
+    if (err) {
+      reject(err)
+    } else {
+      // publish the new Port, necessary for e2e tests
+      process.env.PORT = port
+      // add port to devServer config
+      devWebpackConfig.devServer.port = port
+
+      // Add FriendlyErrorsPlugin
+      devWebpackConfig.plugins.push(new FriendlyErrorsPlugin({
+        compilationSuccessInfo: {
+          messages: [`Your application is running here: http://${devWebpackConfig.devServer.host}:${port}`],
+        },
+        onErrors: config.dev.notifyOnErrors
+        ? utils.createNotifierCallback()
+        : undefined
+      }))
+
+      resolve(devWebpackConfig)
+    }
+  })
+})

build/webpack.prod.conf.js

@@ -0,0 +1,150 @@
+'use strict'
+const path = require('path')
+const utils = require('./utils')
+const webpack = require('webpack')
+const config = require('../config')
+const merge = require('webpack-merge')
+const baseWebpackConfig = require('./webpack.base.conf')
+const CopyWebpackPlugin = require('copy-webpack-plugin')
+const HtmlWebpackPlugin = require('html-webpack-plugin')
+const ExtractTextPlugin = require('extract-text-webpack-plugin')
+const OptimizeCSSPlugin = require('optimize-css-assets-webpack-plugin')
+const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
+
+const env = require('../config/prod.env')
+
+const webpackConfig = merge(baseWebpackConfig, {
+  module: {
+    rules: utils.styleLoaders({
+      sourceMap: config.build.productionSourceMap,
+      extract: true,
+      usePostCSS: true
+    })
+  },
+  devtool: config.build.productionSourceMap ? config.build.devtool : false,
+  output: {
+    path: config.build.assetsRoot,
+    filename: utils.assetsPath('js/[name].[chunkhash].js'),
+    chunkFilename: utils.assetsPath('js/[id].[chunkhash].js')
+  },
+  plugins: [
+    // http://vuejs.github.io/vue-loader/en/workflow/production.html
+    new webpack.DefinePlugin({
+      'process.env': env
+    }),
+    new UglifyJsPlugin({
+      uglifyOptions: {
+        compress: {
+          warnings: false,
+            // 以下两行配置，关闭 debug 和 console
+          drop_debugger: true,
+          drop_console: true
+        }
+      },
+      sourceMap: config.build.productionSourceMap,
+      parallel: true
+    }),
+    // extract css into its own file
+    new ExtractTextPlugin({
+      filename: utils.assetsPath('css/[name].[contenthash].css'),
+      // Setting the following option to `false` will not extract CSS from codesplit chunks.
+      // Their CSS will instead be inserted dynamically with style-loader when the codesplit chunk has been loaded by webpack.
+      // It's currently set to `true` because we are seeing that sourcemaps are included in the codesplit bundle as well when it's `false`, 
+      // increasing file size: https://github.com/vuejs-templates/webpack/issues/1110
+      allChunks: true,
+    }),
+    // Compress extracted CSS. We are using this plugin so that possible
+    // duplicated CSS from different components can be deduped.
+    new OptimizeCSSPlugin({
+      cssProcessorOptions: config.build.productionSourceMap
+        ? { safe: true, map: { inline: false } }
+        : { safe: true }
+    }),
+    // generate dist index.html with correct asset hash for caching.
+    // you can customize output by editing /index.html
+    // see https://github.com/ampedandwired/html-webpack-plugin
+    new HtmlWebpackPlugin({
+      filename: config.build.index,
+      template: 'index.html',
+      inject: true,
+      minify: {
+        removeComments: true,
+        collapseWhitespace: true,
+        removeAttributeQuotes: true
+        // more options:
+        // https://github.com/kangax/html-minifier#options-quick-reference
+      },
+      // necessary to consistently work with multiple chunks via CommonsChunkPlugin
+      chunksSortMode: 'dependency'
+    }),
+    // keep module.id stable when vendor modules does not change
+    new webpack.HashedModuleIdsPlugin(),
+    // enable scope hoisting
+    new webpack.optimize.ModuleConcatenationPlugin(),
+    // split vendor js into its own file
+    new webpack.optimize.CommonsChunkPlugin({
+      name: 'vendor',
+      minChunks (module) {
+        // any required modules inside node_modules are extracted to vendor
+        return (
+          module.resource &&
+          /\.js$/.test(module.resource) &&
+          module.resource.indexOf(
+            path.join(__dirname, '../node_modules')
+          ) === 0
+        )
+      }
+    }),
+    // extract webpack runtime and module manifest to its own file in order to
+    // prevent vendor hash from being updated whenever app bundle is updated
+    new webpack.optimize.CommonsChunkPlugin({
+      name: 'manifest',
+      minChunks: Infinity
+    }),
+    // This instance extracts shared chunks from code splitted chunks and bundles them
+    // in a separate chunk, similar to the vendor chunk
+    // see: https://webpack.js.org/plugins/commons-chunk-plugin/#extra-async-commons-chunk
+    new webpack.optimize.CommonsChunkPlugin({
+      name: 'app',
+      async: 'vendor-async',
+      children: true,
+      minChunks: 3
+    }),
+
+    // copy custom static assets
+    new CopyWebpackPlugin([
+      {
+        from: path.resolve(__dirname, '../static'),
+        to: config.build.assetsSubDirectory,
+        ignore: ['.*']
+      }
+    ])
+  ]
+})
+
+if (config.build.productionGzip) {
+  const CompressionWebpackPlugin = require('compression-webpack-plugin')
+
+  webpackConfig.plugins.push(
+    new CompressionWebpackPlugin({
+     asset: '[path].gz[query]',// 原配置报错：ValidationError: Compression Plugin Invalid Options
+    //  filename: '[path].gz[query]', // 将asset 修改为 filename 后又报错：TypeError: Cannot read property 'emit' of undefined，执行以下操作：npm install --save-dev compression-webpack-plugin@1.1.12
+     
+      algorithm: 'gzip',
+      test: new RegExp(
+        '\\.(' +
+        config.build.productionGzipExtensions.join('|') +
+        ')$'
+      ),
+      threshold: 10240,
+      minRatio: 0.8
+    })
+  )
+}
+
+if (config.build.bundleAnalyzerReport) {
+  const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin
+  webpackConfig.plugins.push(new BundleAnalyzerPlugin())
+}
+
+module.exports = webpackConfig

config/dev.env.js

@@ -0,0 +1,7 @@
+'use strict'
+const merge = require('webpack-merge')
+const prodEnv = require('./prod.env')
+
+module.exports = merge(prodEnv, {
+  NODE_ENV: '"development"'
+})

config/index.js

@@ -0,0 +1,90 @@
+'use strict'
+// Template version: 1.3.1
+// see http://vuejs-templates.github.io/webpack for documentation.
+
+
+const path = require('path')
+const host=require('../src/request/host')
+module.exports = {
+  dev: {
+    // 新加的一行
+    env: require('./dev.env'),
+    // Paths
+    assetsSubDirectory: 'static',
+    assetsPublicPath: '/',
+    proxyTable: {
+      '/service': { //自定义名字，代表的是以下target中的内容
+        target: host.host+'/service/', //微信
+        // target: 'http://weixintest.ngser.dashitech.com/service/',//微信
+
+        // target: 'http://192.168.3.100:8080/service/',//微信
+        // target: 'http://localhost/service/',//微信
+        changeOrigin: true, //是否允许跨域
+        pathRewrite: {
+          '^/service': ''
+        }
+      }
+    },
+
+    // Various Dev Server settings
+    host: 'localhost', // can be overwritten by process.env.HOST
+    // host: '192.168.3.170', // can be overwritten by process.env.HOST
+    // host: '192.168.31.32', // can be overwritten by process.env.HOST
+    // host: '192.168.31.32', // can be overwritten by process.env.HOST
+    // host: '0.0.0.0', // can be overwritten by process.env.HOST
+    port: 8081, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
+    // 住了的4行
+    autoOpenBrowser: true,
+    // errorOverlay: true,
+    // notifyOnErrors: true,
+    // poll: false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions-
+
+
+    /**
+     * Source Maps
+     */
+
+    // https://webpack.js.org/configuration/devtool/#development
+    // 住了一行
+    // devtool: 'cheap-module-eval-source-map',
+
+    // If you have problems debugging vue-files in devtools,
+    // set this to false - it *may* help
+    // https://vue-loader.vuejs.org/en/options.html#cachebusting
+    // 住了的
+    // cacheBusting: true,
+
+    cssSourceMap: true
+  },
+
+  build: {
+    // Template for index.html
+    index: path.resolve(__dirname, '../dist/index.html'),
+
+    // Paths
+    assetsRoot: path.resolve(__dirname, '../dist'),
+    assetsSubDirectory: 'static',
+    assetsPublicPath: './',
+
+    /**
+     * Source Maps
+     */
+
+    productionSourceMap: false, // 把该项的配置修改为 false，关闭 source map
+    // https://webpack.js.org/configuration/devtool/#production
+    devtool: '#source-map',
+
+    // Gzip off by default as many popular static hosts such as
+    // Surge or Netlify already gzip all static assets for you.
+    // Before setting to `true`, make sure to:
+    // npm install --save-dev compression-webpack-plugin
+    productionGzip: true, // 开启 gzip 功能, 开启 GZIP 压缩，进一步压缩 js 和 css 文件的体积
+    productionGzipExtensions: ['js', 'css'],
+
+    // Run the build command with an extra argument to
+    // View the bundle analyzer report after build finishes:
+    // `npm run build --report`
+    // Set to `true` or `false` to always turn it on or off
+    bundleAnalyzerReport: process.env.npm_config_report
+  }
+}

config/prod.env.js

@@ -0,0 +1,4 @@
+'use strict'
+module.exports = {
+  NODE_ENV: '"production"',
+}

css/base.css

@@ -1,232 +0,0 @@
-/*格式化样式*/
-
-body,
-div,
-dl,
-dt,
-dd,
-ul,
-ol,
-li,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-pre,
-form,
-fieldset,
-input,
-textarea,
-p,
-blockquote,
-th,
-td {
-    margin: 0;
-    padding: 0;
-}
-
-table {
-    border-collapse: collapse;
-    border-spacing: 0;
-}
-
-fieldset,
-img {
-    border: 0
-}
-
-address,
-caption,
-cite,
-code,
-dfn,
-em,
-strong,
-th,
-b,
-var {
-    font-style: normal;
-    font-weight: normal
-}
-
-ol,
-ul {
-    list-style: none
-}
-
-caption,
-th {
-    text-align: left
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-    font-size: 100%;
-    font-weight: normal
-}
-
-q:before,
-q:after {
-    content: ''
-}
-
-abbr,
-acronym {
-    border: 0
-}
-
-* {
-    padding: 0px;
-    margin: 0px;
-    text-align: left;
-    font-family: 'PingFangSC-Regular', '微软雅黑', Arial, Verdana, Tahoma, "宋体", Helvetica, sans-serif;
-    line-height: 150%;
-    box-sizing: border-box;
-}
-
-html {
-    width: 100%;
-    height: 100%;
-    font-size: 14px;
-    color: #333;
-    overflow: hidden;
-}
-
-body {
-    width: 100%;
-    height: 100%;
-    font-size: 14px;
-    text-align: center;
-    color: #333;
-    overflow: hidden;
-}
-
-table {
-    border-collapse: collapse;
-}
-
-td {
-    padding: 3px;
-}
-
-img {
-    border: none;
-    vertical-align: middle;
-}
-
-input {
-    padding: 1px;
-    vertical-align: middle;
-    line-height: normal;
-}
-
-input:focus {
-    outline: none;
-}
-
-.main-box {
-    margin-right: auto;
-    margin-left: auto;
-    width: 960px;
-    clear: both;
-    zoom: 1;
-    overflow: hidden;
-    background-color: #CCCCCC;
-}
-
-.text-overflow-hidden {
-    white-space: nowrap;
-    word-spacing: normal;
-    letter-spacing: normal;
-    overflow: hidden;
-}
-
-.box-align-center {
-    margin-right: auto;
-    margin-left: auto;
-}
-
-
-/*css定义超链接四个状态也有顺序的。*/
-
-a:link,
-a:visited {
-    text-decoration: none;
-    color: #1F376D;
-}
-
-a:hover,
-a:active {
-    text-decoration: underline;
-    color: #BD0A01;
-    border: none;
-}
-
-.fl {
-    float: left;
-}
-
-.fr {
-    float: right;
-}
-
-.clearfix:after {
-    content: '';
-    display: block;
-    clear: both;
-    visibility: hidden;
-}
-
-.clearfix {
-    *zoom: 1;
-}
-
-.iconfont {
-    font-family: "iconfont";
-    font-style: normal;
-    -webkit-font-smoothing: antialiased;
-    -webkit-text-stroke-width: 0.2px;
-    -moz-osx-font-smoothing: grayscale;
-    color: #005395;
-    font-size: 18px;
-}
-
-.bolderFont {
-    font-weight: 600;
-}
-
-
-/* 超出部分隐藏 展示行数 */
-
-.firstLine {
-    -webkit-line-clamp: 1;
-}
-
-.secondLine {
-    -webkit-line-clamp: 2;
-}
-
-.required {
-    color: #fe2a44;
-    margin-right: 4px;
-}
-
-.oneline {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-}
-
-.twoline {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    -webkit-line-clamp: 2;
-    -webkit-box-orient: vertical;
-    display: -webkit-box;
-}

css/iconfont/iconfont.json

@@ -1,646 +0,0 @@
-{
-  "id": "460359",
-  "name": "华科项目微信端",
-  "font_family": "iconfont",
-  "css_prefix_text": "dsit-",
-  "description": "",
-  "glyphs": [
-    {
-      "icon_id": "51703",
-      "name": "编辑",
-      "font_class": "bianji2",
-      "unicode": "e69a",
-      "unicode_decimal": 59034
-    },
-    {
-      "icon_id": "402659",
-      "name": "维修保养",
-      "font_class": "weixiubaoyang",
-      "unicode": "e6d8",
-      "unicode_decimal": 59096
-    },
-    {
-      "icon_id": "553903",
-      "name": "公告",
-      "font_class": "gonggao",
-      "unicode": "e67c",
-      "unicode_decimal": 59004
-    },
-    {
-      "icon_id": "691081",
-      "name": "列表",
-      "font_class": "liebiao1",
-      "unicode": "e65b",
-      "unicode_decimal": 58971
-    },
-    {
-      "icon_id": "693129",
-      "name": "我要报修",
-      "font_class": "woyaobaoxiu",
-      "unicode": "e63d",
-      "unicode_decimal": 58941
-    },
-    {
-      "icon_id": "774369",
-      "name": "公告",
-      "font_class": "gonggao1",
-      "unicode": "e611",
-      "unicode_decimal": 58897
-    },
-    {
-      "icon_id": "777643",
-      "name": "问题",
-      "font_class": "question",
-      "unicode": "e60e",
-      "unicode_decimal": 58894
-    },
-    {
-      "icon_id": "786893",
-      "name": "添加",
-      "font_class": "tianjia",
-      "unicode": "e608",
-      "unicode_decimal": 58888
-    },
-    {
-      "icon_id": "919538",
-      "name": "新建",
-      "font_class": "xinjian",
-      "unicode": "e60f",
-      "unicode_decimal": 58895
-    },
-    {
-      "icon_id": "1027920",
-      "name": "向左",
-      "font_class": "xiangzuo",
-      "unicode": "e641",
-      "unicode_decimal": 58945
-    },
-    {
-      "icon_id": "1240786",
-      "name": "主题",
-      "font_class": "zhuti",
-      "unicode": "e61b",
-      "unicode_decimal": 58907
-    },
-    {
-      "icon_id": "1259918",
-      "name": "首页",
-      "font_class": "shouye",
-      "unicode": "e622",
-      "unicode_decimal": 58914
-    },
-    {
-      "icon_id": "1323503",
-      "name": "错",
-      "font_class": "false-circle",
-      "unicode": "e601",
-      "unicode_decimal": 58881
-    },
-    {
-      "icon_id": "1370534",
-      "name": "我的",
-      "font_class": "wode",
-      "unicode": "e632",
-      "unicode_decimal": 58930
-    },
-    {
-      "icon_id": "1377416",
-      "name": "录音_30",
-      "font_class": "luyin",
-      "unicode": "e638",
-      "unicode_decimal": 58936
-    },
-    {
-      "icon_id": "1586405",
-      "name": "更多",
-      "font_class": "gengduo",
-      "unicode": "e61d",
-      "unicode_decimal": 58909
-    },
-    {
-      "icon_id": "1615621",
-      "name": "新建",
-      "font_class": "icon-text-newlybuild",
-      "unicode": "e672",
-      "unicode_decimal": 58994
-    },
-    {
-      "icon_id": "1625721",
-      "name": "保修申请",
-      "font_class": "baoxiushenqing",
-      "unicode": "e613",
-      "unicode_decimal": 58899
-    },
-    {
-      "icon_id": "1630976",
-      "name": "巡检",
-      "font_class": "xunjian",
-      "unicode": "e603",
-      "unicode_decimal": 58883
-    },
-    {
-      "icon_id": "1646824",
-      "name": "待受理3",
-      "font_class": "daishouli",
-      "unicode": "e68d",
-      "unicode_decimal": 59021
-    },
-    {
-      "icon_id": "1728073",
-      "name": "受理中1",
-      "font_class": "shoulizhong",
-      "unicode": "e6a4",
-      "unicode_decimal": 59044
-    },
-    {
-      "icon_id": "1745077",
-      "name": "受理完成",
-      "font_class": "shouliwancheng",
-      "unicode": "e6a5",
-      "unicode_decimal": 59045
-    },
-    {
-      "icon_id": "1998573",
-      "name": "播放",
-      "font_class": "bofang",
-      "unicode": "e61a",
-      "unicode_decimal": 58906
-    },
-    {
-      "icon_id": "2097163",
-      "name": "查看",
-      "font_class": "chakan",
-      "unicode": "e692",
-      "unicode_decimal": 59026
-    },
-    {
-      "icon_id": "2133986",
-      "name": "审核",
-      "font_class": "shenhe",
-      "unicode": "e831",
-      "unicode_decimal": 59441
-    },
-    {
-      "icon_id": "2237405",
-      "name": "编辑",
-      "font_class": "bianji1",
-      "unicode": "e60a",
-      "unicode_decimal": 58890
-    },
-    {
-      "icon_id": "2437089",
-      "name": "待我处理的-工单",
-      "font_class": "daiwochulide",
-      "unicode": "e6cd",
-      "unicode_decimal": 59085
-    },
-    {
-      "icon_id": "2468749",
-      "name": "事件列表_睿松",
-      "font_class": "shijianliebiao_ruisong",
-      "unicode": "e60d",
-      "unicode_decimal": 58893
-    },
-    {
-      "icon_id": "2468751",
-      "name": "事件列表_睿松 (2)",
-      "font_class": "shijianliebiao_ruisong1",
-      "unicode": "e612",
-      "unicode_decimal": 58898
-    },
-    {
-      "icon_id": "2492912",
-      "name": "设备巡检",
-      "font_class": "shebeixunjian",
-      "unicode": "e609",
-      "unicode_decimal": 58889
-    },
-    {
-      "icon_id": "2587903",
-      "name": "新建工单",
-      "font_class": "xinjiangongdan",
-      "unicode": "e6f3",
-      "unicode_decimal": 59123
-    },
-    {
-      "icon_id": "2593815",
-      "name": "工单列表",
-      "font_class": "gongdanliebiao",
-      "unicode": "e644",
-      "unicode_decimal": 58948
-    },
-    {
-      "icon_id": "2616503",
-      "name": "问题",
-      "font_class": "wenti",
-      "unicode": "e643",
-      "unicode_decimal": 58947
-    },
-    {
-      "icon_id": "2675116",
-      "name": "搜索",
-      "font_class": "sousuo",
-      "unicode": "e633",
-      "unicode_decimal": 58931
-    },
-    {
-      "icon_id": "2768891",
-      "name": "我的",
-      "font_class": "wode3",
-      "unicode": "e602",
-      "unicode_decimal": 58882
-    },
-    {
-      "icon_id": "2786893",
-      "name": "默认头像",
-      "font_class": "morentouxiang",
-      "unicode": "e63e",
-      "unicode_decimal": 58942
-    },
-    {
-      "icon_id": "2797467",
-      "name": "返回",
-      "font_class": "fanhui",
-      "unicode": "e626",
-      "unicode_decimal": 58918
-    },
-    {
-      "icon_id": "2808233",
-      "name": "编辑",
-      "font_class": "bianji",
-      "unicode": "e627",
-      "unicode_decimal": 58919
-    },
-    {
-      "icon_id": "2838759",
-      "name": "我的",
-      "font_class": "wode1",
-      "unicode": "e6c0",
-      "unicode_decimal": 59072
-    },
-    {
-      "icon_id": "2856816",
-      "name": "对",
-      "font_class": "dui",
-      "unicode": "e647",
-      "unicode_decimal": 58951
-    },
-    {
-      "icon_id": "2923743",
-      "name": "故障报警",
-      "font_class": "guzhangbaojing",
-      "unicode": "e60c",
-      "unicode_decimal": 58892
-    },
-    {
-      "icon_id": "3122226",
-      "name": "一级-服务管理",
-      "font_class": "yiji-fuwuguanli",
-      "unicode": "eabd",
-      "unicode_decimal": 60093
-    },
-    {
-      "icon_id": "3176124",
-      "name": "知识库",
-      "font_class": "zhishiku2",
-      "unicode": "e76b",
-      "unicode_decimal": 59243
-    },
-    {
-      "icon_id": "3182520",
-      "name": "已逾期",
-      "font_class": "yiyuqi",
-      "unicode": "e61f",
-      "unicode_decimal": 58911
-    },
-    {
-      "icon_id": "3182521",
-      "name": "即将逾期",
-      "font_class": "jijiangyuqi",
-      "unicode": "e620",
-      "unicode_decimal": 58912
-    },
-    {
-      "icon_id": "3183889",
-      "name": "逾期",
-      "font_class": "yuqi",
-      "unicode": "e621",
-      "unicode_decimal": 58913
-    },
-    {
-      "icon_id": "3208382",
-      "name": "展开",
-      "font_class": "mulu",
-      "unicode": "e63a",
-      "unicode_decimal": 58938
-    },
-    {
-      "icon_id": "3223175",
-      "name": "向右",
-      "font_class": "xiangyou",
-      "unicode": "e6bd",
-      "unicode_decimal": 59069
-    },
-    {
-      "icon_id": "3262027",
-      "name": "C 拍照",
-      "font_class": "paizhao",
-      "unicode": "e697",
-      "unicode_decimal": 59031
-    },
-    {
-      "icon_id": "4207913",
-      "name": "我的",
-      "font_class": "wode2",
-      "unicode": "e607",
-      "unicode_decimal": 58887
-    },
-    {
-      "icon_id": "4341108",
-      "name": "评分",
-      "font_class": "pingfen-copy",
-      "unicode": "e600",
-      "unicode_decimal": 58880
-    },
-    {
-      "icon_id": "4510419",
-      "name": "主页",
-      "font_class": "zhuye",
-      "unicode": "e610",
-      "unicode_decimal": 58896
-    },
-    {
-      "icon_id": "4747741",
-      "name": "常见问题 (1)",
-      "font_class": "changjianwenti",
-      "unicode": "e62b",
-      "unicode_decimal": 58923
-    },
-    {
-      "icon_id": "4747742",
-      "name": "新建 (1)",
-      "font_class": "xinjian1",
-      "unicode": "e62c",
-      "unicode_decimal": 58924
-    },
-    {
-      "icon_id": "4747743",
-      "name": "首页-服务指南",
-      "font_class": "shouye-fuwuzhinan",
-      "unicode": "e62d",
-      "unicode_decimal": 58925
-    },
-    {
-      "icon_id": "4754426",
-      "name": "公告填充",
-      "font_class": "gonggaotianchong",
-      "unicode": "e62e",
-      "unicode_decimal": 58926
-    },
-    {
-      "icon_id": "4754427",
-      "name": "报修列表",
-      "font_class": "baoxiuliebiao",
-      "unicode": "e62f",
-      "unicode_decimal": 58927
-    },
-    {
-      "icon_id": "4754428",
-      "name": "手机",
-      "font_class": "shouji",
-      "unicode": "e630",
-      "unicode_decimal": 58928
-    },
-    {
-      "icon_id": "4754429",
-      "name": "常见问题",
-      "font_class": "changjianwenti1",
-      "unicode": "e631",
-      "unicode_decimal": 58929
-    },
-    {
-      "icon_id": "4844199",
-      "name": "首页",
-      "font_class": "ic",
-      "unicode": "e637",
-      "unicode_decimal": 58935
-    },
-    {
-      "icon_id": "4852580",
-      "name": "icon_liucheng",
-      "font_class": "icon_liucheng",
-      "unicode": "e634",
-      "unicode_decimal": 58932
-    },
-    {
-      "icon_id": "4852661",
-      "name": "icon_zhengzaijinx",
-      "font_class": "icon_zhengzaijinx",
-      "unicode": "e635",
-      "unicode_decimal": 58933
-    },
-    {
-      "icon_id": "4852700",
-      "name": "icon_weizuo",
-      "font_class": "icon_weizuo",
-      "unicode": "e636",
-      "unicode_decimal": 58934
-    },
-    {
-      "icon_id": "5667925",
-      "name": "8",
-      "font_class": "icon-test",
-      "unicode": "e646",
-      "unicode_decimal": 58950
-    },
-    {
-      "icon_id": "5667926",
-      "name": "9",
-      "font_class": "icon-test1",
-      "unicode": "e648",
-      "unicode_decimal": 58952
-    },
-    {
-      "icon_id": "5667931",
-      "name": "7",
-      "font_class": "icon-test2",
-      "unicode": "e649",
-      "unicode_decimal": 58953
-    },
-    {
-      "icon_id": "5667932",
-      "name": "8",
-      "font_class": "icon-test3",
-      "unicode": "e64a",
-      "unicode_decimal": 58954
-    },
-    {
-      "icon_id": "5667934",
-      "name": "4",
-      "font_class": "icon-test4",
-      "unicode": "e64b",
-      "unicode_decimal": 58955
-    },
-    {
-      "icon_id": "5667935",
-      "name": "6",
-      "font_class": "icon-test5",
-      "unicode": "e64c",
-      "unicode_decimal": 58956
-    },
-    {
-      "icon_id": "5667936",
-      "name": "5",
-      "font_class": "icon-test6",
-      "unicode": "e64d",
-      "unicode_decimal": 58957
-    },
-    {
-      "icon_id": "5667937",
-      "name": "2",
-      "font_class": "icon-test7",
-      "unicode": "e64e",
-      "unicode_decimal": 58958
-    },
-    {
-      "icon_id": "5667938",
-      "name": "3",
-      "font_class": "icon-test8",
-      "unicode": "e64f",
-      "unicode_decimal": 58959
-    },
-    {
-      "icon_id": "5667939",
-      "name": "Shape",
-      "font_class": "Shape",
-      "unicode": "e650",
-      "unicode_decimal": 58960
-    },
-    {
-      "icon_id": "5668766",
-      "name": "10",
-      "font_class": "icon-test9",
-      "unicode": "e651",
-      "unicode_decimal": 58961
-    },
-    {
-      "icon_id": "5796777",
-      "name": "报修",
-      "font_class": "baoxiu",
-      "unicode": "e604",
-      "unicode_decimal": 58884
-    },
-    {
-      "icon_id": "5826848",
-      "name": "voice-点击回放录音",
-      "font_class": "voice-dianjihuifangluyin",
-      "unicode": "e679",
-      "unicode_decimal": 59001
-    },
-    {
-      "icon_id": "6602932",
-      "name": "资源 1-wode",
-      "font_class": "ziyuan-wode",
-      "unicode": "e66c",
-      "unicode_decimal": 58988
-    },
-    {
-      "icon_id": "6602933",
-      "name": "资源 2-wode",
-      "font_class": "ziyuan-wode1",
-      "unicode": "e66d",
-      "unicode_decimal": 58989
-    },
-    {
-      "icon_id": "6602934",
-      "name": "资源 1-zhuye",
-      "font_class": "ziyuan-zhuye",
-      "unicode": "e66e",
-      "unicode_decimal": 58990
-    },
-    {
-      "icon_id": "6602935",
-      "name": "资源 2-baoxiu",
-      "font_class": "ziyuan-baoxiu",
-      "unicode": "e66f",
-      "unicode_decimal": 58991
-    },
-    {
-      "icon_id": "6602936",
-      "name": "资源 1-baoxiu",
-      "font_class": "ziyuan-baoxiu1",
-      "unicode": "e670",
-      "unicode_decimal": 58992
-    },
-    {
-      "icon_id": "6602937",
-      "name": "资源 2-zhuye",
-      "font_class": "ziyuan-zhuye1",
-      "unicode": "e671",
-      "unicode_decimal": 58993
-    },
-    {
-      "icon_id": "6796640",
-      "name": "新建 (1)",
-      "font_class": "xinjian2",
-      "unicode": "e673",
-      "unicode_decimal": 58995
-    },
-    {
-      "icon_id": "6796641",
-      "name": "我的报修",
-      "font_class": "wodebaoxiu",
-      "unicode": "e674",
-      "unicode_decimal": 58996
-    },
-    {
-      "icon_id": "6796642",
-      "name": "常见问题 (2)",
-      "font_class": "changjianwenti2",
-      "unicode": "e675",
-      "unicode_decimal": 58997
-    },
-    {
-      "icon_id": "6796643",
-      "name": "我的巡检",
-      "font_class": "wodexunjian",
-      "unicode": "e676",
-      "unicode_decimal": 58998
-    },
-    {
-      "icon_id": "6796644",
-      "name": "公告列表",
-      "font_class": "gonggaoliebiao",
-      "unicode": "e677",
-      "unicode_decimal": 58999
-    },
-    {
-      "icon_id": "6796645",
-      "name": "服务指南",
-      "font_class": "fuwuzhinan",
-      "unicode": "e678",
-      "unicode_decimal": 59000
-    },
-    {
-      "icon_id": "7123128",
-      "name": "回放",
-      "font_class": "huifang",
-      "unicode": "e663",
-      "unicode_decimal": 58979
-    },
-    {
-      "icon_id": "7533050",
-      "name": "回拨",
-      "font_class": "huibo",
-      "unicode": "e851",
-      "unicode_decimal": 59473
-    },
-    {
-      "icon_id": "9432433",
-      "name": "电话留言",
-      "font_class": "dianhualiuyan",
-      "unicode": "e680",
-      "unicode_decimal": 59008
-    }
-  ]
-}

css/login.css

@@ -1,117 +0,0 @@
-.container {
-    background-color: #f4f8fd;
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    height: 480px;
-    background: url(./../imgs/BG_login.png) no-repeat center top;
-    background-size: cover;
-    behavior: url(PIE.htc);
-}
-
-.bg {
-    width: 100%;
-    position: absolute;
-    top: 0;
-    left: 0;
-    min-width: 1020px;
-}
-
-.content {
-    width: 480px;
-    height: 470px;
-    position: fixed;
-    left: 50%;
-    top: 50%;
-    margin-top: -235px;
-    margin-left: -240px;
-}
-
-.logo {
-    text-align: center;
-    font-size: 28px;
-    color: #fff;
-}
-
-.logo img {
-    height: 41px;
-    vertical-align: top;
-    margin-bottom: 20px;
-}
-
-.login {
-    width: 480px;
-    /* height: 400px; */
-    position: relative;
-    border-radius: 8px;
-    background: #fff;
-    border: 1px solid #e5e5e5;
-    padding: 38px 40px;
-}
-
-.login .title {
-    color: #68686b;
-    font-size: 24px;
-    text-align: center;
-    margin-bottom: 6px;
-}
-
-.login input {
-    width: 100%;
-    height: 56px;
-    font-size: 20px;
-    background-color: #ffffff;
-    border-radius: 8px;
-    border: 1px solid #d1d1d1;
-    padding: 15px;
-    margin-top: 18px;
-}
-
-.login button {
-    width: 100%;
-    height: 52px;
-    border-radius: 0;
-    background-color: #005395;
-    text-align: center;
-    line-height: 52px;
-    font-size: 20px;
-    color: #fff;
-    margin-top: 24px;
-    border: 0 none;
-    cursor: pointer;
-}
-
-.login button:hover {
-    background-color: #00437a;
-}
-
-.login p {
-    font-size: 12px;
-    color: #68686b;
-    text-align: left;
-    margin-top: 21px;
-}
-
-.shadow {
-    width: 480px;
-    margin-top: -20px;
-}
-
-.shadow img {
-    width: 100%;
-}
-
-.camp {
-    width: 100%;
-    position: fixed;
-    bottom: 16px;
-    text-align: center;
-    font-size: 14px;
-    color: #333;
-}
-
-.camp img {
-    height: 24px;
-    vertical-align: top;
-}

js/base.js

@@ -1,29 +0,0 @@
-// 接口地址
-// var baseUrl = 'http://localhost/service/'; //测试
-var domainName = document.domain;//域名
-var protocolName = document.location.protocol;//http协议
-var baseUrl = protocolName + '//' + domainName + '/service/';//线上
-function isLtIe10() {
-    var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
-    var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1; //判断是否IE<11浏览器
-    var isEdge = userAgent.indexOf("Edge") > -1 && !isIE; //判断是否IE的Edge浏览器
-    var isIE11 = userAgent.indexOf('Trident') > -1 && userAgent.indexOf("rv:11.0") > -1;
-    if (isIE) {
-        var reIE = new RegExp("MSIE (\\d+\\.\\d+);");
-        reIE.test(userAgent);
-        var fIEVersion = parseFloat(RegExp["$1"]);
-        if (fIEVersion == 7) {
-            return true;
-        } else if (fIEVersion == 8) {
-            return true;
-        } else if (fIEVersion == 9) {
-            return true;
-        } else if (fIEVersion == 10) {
-            return false;
-        } else {
-            return true; //IE版本<=7
-        }
-    } else {
-        return false;
-    }
-}

js/isLogin.js

@@ -1,6 +0,0 @@
-(function() {
-    var loginUser = JSON.parse(window.sessionStorage.getItem('loginUser'));
-    if (!(loginUser && loginUser.id)) {
-        window.location.href = "login.html";
-    }
-})()

js/login.js

@@ -1,105 +0,0 @@
-$(function () {
-  var isSSo = location.search.length > 0;//是否单点登录
-  if (isSSo) {
-    $('.container').hide();
-    login();
-  }
-  var hasClick = false; //是否已经点击过登录按钮
-  // 兼容ie的placeholder
-  $('input, textarea').placeholder();
-  // 登录点击
-  $('#login').on('click', login);
-  // 登录方法
-  function login() {
-    if (hasClick) return;
-    hasClick = true;
-    var name = $('#name').val()
-    var pwd = $('#pwd').val()
-    var data = {
-      username: name,
-      password: pwd
-    }
-    // 单点登录 start
-    var ssoStr = '';
-    var ssoJson;
-    if (isSSo) {
-      ssoStr = location.search.replace('?', '').split('&')[0].split('=')[1];
-      ssoStr = Base64.decode(decodeURIComponent(ssoStr));
-      ssoJson = JSON.parse(ssoStr);
-    }
-    var postData = isSSo ? { username: ssoJson.a, password: ssoJson.r, t: false } : data;
-    // 单点登录 end
-    $.ajax({
-      type: "POST",
-      contentType: "application/json;charset=UTF-8",
-      url: baseUrl + "auth/reqlogin",
-      data: JSON.stringify(postData),
-      success: function (res) {
-        if (res.state == 200) {
-          sessionStorage.setItem('loginUser', JSON.stringify(res.data.requester));
-          //判断版本类别
-          $.ajax({
-            type: "POST",
-            contentType: "application/json;charset=UTF-8",
-            url: baseUrl + "sysinfo/data/fetchDataList/systemConfiguration",
-            data: JSON.stringify({ "idx": 0, "sum": 1000, "systemConfiguration": { "keyconfig": "repairMain" } }),
-            success: function (result) {
-              if (result.status == 200) {
-                sessionStorage.setItem("repair_main", JSON.stringify(result.list[0]));
-                // --------------
-                //判断是否自动建单
-                $.ajax({
-                  type: "POST",
-                  contentType: "application/json;charset=UTF-8",
-                  url: baseUrl + "sysinfo/data/fetchDataList/systemConfiguration",
-                  data: JSON.stringify({ "idx": 0, "sum": 1000, "systemConfiguration": { "keyconfig": "ifCreate" } }),
-                  success: function (result) {
-                    if (result.status == 200) {
-                      sessionStorage.setItem("ifCreate", JSON.stringify(result.list[0]));
-                      window.location.href = 'index.html';
-                    }
-                    hasClick = false;
-                  },
-                  //请求失败，包含具体的错误信息
-                  error: function (e) {
-                    console.log(e.status);
-                    console.log(e.responseText);
-                  }
-                });
-                // --------------
-              }
-              hasClick = false;
-            },
-            //请求失败，包含具体的错误信息
-            error: function (e) {
-              console.log(e.status);
-              console.log(e.responseText);
-            }
-          });
-        } else {
-          alert('用户名或密码错误，请重试！');
-          hasClick = false;
-        }
-      },
-      //请求失败，包含具体的错误信息
-      error: function (e) {
-        console.log(e.status);
-        console.log(e.responseText);
-      }
-    });
-  }
-  // enter登录
-  $(document).bind('keypress', function (e) {
-    var keyCode;
-    if (window.event) {
-      keyCode = e.keyCode
-    } else if (e.which) {
-      keycode = e.which;
-    }
-    if (e.keyCode != 13) {
-      return;
-    }
-    $("#login").trigger("click");
-    return false;
-  });
-})

libs/jquery.placeholder.js

@@ -1,281 +0,0 @@
-/*!
- * jQuery Placeholder Plugin v2.3.1
- * https://github.com/mathiasbynens/jquery-placeholder
- *
- * Copyright 2011, 2015 Mathias Bynens
- * Released under the MIT license
- */
-(function(factory) {
-    if (typeof define === 'function' && define.amd) {
-        // AMD
-        define(['jquery'], factory);
-    } else if (typeof module === 'object' && module.exports) {
-        factory(require('jquery'));
-    } else {
-        // Browser globals
-        factory(jQuery);
-    }
-}(function($) {
-
-    /****
-     * Allows plugin behavior simulation in modern browsers for easier debugging. 
-     * When setting to true, use attribute "placeholder-x" rather than the usual "placeholder" in your inputs/textareas 
-     * i.e. <input type="text" placeholder-x="my placeholder text" />
-     */
-    var debugMode = false; 
-
-    // Opera Mini v7 doesn't support placeholder although its DOM seems to indicate so
-    var isOperaMini = Object.prototype.toString.call(window.operamini) === '[object OperaMini]';
-    var isInputSupported = 'placeholder' in document.createElement('input') && !isOperaMini && !debugMode;
-    var isTextareaSupported = 'placeholder' in document.createElement('textarea') && !isOperaMini && !debugMode;
-    var valHooks = $.valHooks;
-    var propHooks = $.propHooks;
-    var hooks;
-    var placeholder;
-    var settings = {};
-
-    if (isInputSupported && isTextareaSupported) {
-
-        placeholder = $.fn.placeholder = function() {
-            return this;
-        };
-
-        placeholder.input = true;
-        placeholder.textarea = true;
-
-    } else {
-
-        placeholder = $.fn.placeholder = function(options) {
-
-            var defaults = {customClass: 'placeholder'};
-            settings = $.extend({}, defaults, options);
-
-            return this.filter((isInputSupported ? 'textarea' : ':input') + '[' + (debugMode ? 'placeholder-x' : 'placeholder') + ']')
-                .not('.'+settings.customClass)
-                .not(':radio, :checkbox, [type=hidden]')
-                .bind({
-                    'focus.placeholder': clearPlaceholder,
-                    'blur.placeholder': setPlaceholder
-                })
-                .data('placeholder-enabled', true)
-                .trigger('blur.placeholder');
-        };
-
-        placeholder.input = isInputSupported;
-        placeholder.textarea = isTextareaSupported;
-
-        hooks = {
-            'get': function(element) {
-
-                var $element = $(element);
-                var $passwordInput = $element.data('placeholder-password');
-
-                if ($passwordInput) {
-                    return $passwordInput[0].value;
-                }
-
-                return $element.data('placeholder-enabled') && $element.hasClass(settings.customClass) ? '' : element.value;
-            },
-            'set': function(element, value) {
-
-                var $element = $(element);
-                var $replacement;
-                var $passwordInput;
-
-                if (value !== '') {
-
-                    $replacement = $element.data('placeholder-textinput');
-                    $passwordInput = $element.data('placeholder-password');
-
-                    if ($replacement) {
-                        clearPlaceholder.call($replacement[0], true, value) || (element.value = value);
-                        $replacement[0].value = value;
-
-                    } else if ($passwordInput) {
-                        clearPlaceholder.call(element, true, value) || ($passwordInput[0].value = value);
-                        element.value = value;
-                    }
-                }
-
-                if (!$element.data('placeholder-enabled')) {
-                    element.value = value;
-                    return $element;
-                }
-
-                if (value === '') {
-                    
-                    element.value = value;
-                    
-                    // Setting the placeholder causes problems if the element continues to have focus.
-                    if (element != safeActiveElement()) {
-                        // We can't use `triggerHandler` here because of dummy text/password inputs :(
-                        setPlaceholder.call(element);
-                    }
-
-                } else {
-                    
-                    if ($element.hasClass(settings.customClass)) {
-                        clearPlaceholder.call(element);
-                    }
-
-                    element.value = value;
-                }
-                // `set` can not return `undefined`; see http://jsapi.info/jquery/1.7.1/val#L2363
-                return $element;
-            }
-        };
-
-        if (!isInputSupported) {
-            valHooks.input = hooks;
-            propHooks.value = hooks;
-        }
-
-        if (!isTextareaSupported) {
-            valHooks.textarea = hooks;
-            propHooks.value = hooks;
-        }
-
-        $(function() {
-            // Look for forms
-            $(document).delegate('form', 'submit.placeholder', function() {
-                
-                // Clear the placeholder values so they don't get submitted
-                var $inputs = $('.'+settings.customClass, this).each(function() {
-                    clearPlaceholder.call(this, true, '');
-                });
-
-                setTimeout(function() {
-                    $inputs.each(setPlaceholder);
-                }, 10);
-            });
-        });
-
-        // Clear placeholder values upon page reload
-        $(window).bind('beforeunload.placeholder', function() {
-
-            var clearPlaceholders = true;
-
-            try {
-                // Prevent IE javascript:void(0) anchors from causing cleared values
-                if (document.activeElement.toString() === 'javascript:void(0)') {
-                    clearPlaceholders = false;
-                }
-            } catch (exception) { }
-
-            if (clearPlaceholders) {
-                $('.'+settings.customClass).each(function() {
-                    this.value = '';
-                });
-            }
-        });
-    }
-
-    function args(elem) {
-        // Return an object of element attributes
-        var newAttrs = {};
-        var rinlinejQuery = /^jQuery\d+$/;
-
-        $.each(elem.attributes, function(i, attr) {
-            if (attr.specified && !rinlinejQuery.test(attr.name)) {
-                newAttrs[attr.name] = attr.value;
-            }
-        });
-
-        return newAttrs;
-    }
-
-    function clearPlaceholder(event, value) {
-        
-        var input = this;
-        var $input = $(this);
-        
-        if (input.value === $input.attr((debugMode ? 'placeholder-x' : 'placeholder')) && $input.hasClass(settings.customClass)) {
-            
-            input.value = '';
-            $input.removeClass(settings.customClass);
-
-            if ($input.data('placeholder-password')) {
-
-                $input = $input.hide().nextAll('input[type="password"]:first').show().attr('id', $input.removeAttr('id').data('placeholder-id'));
-                
-                // If `clearPlaceholder` was called from `$.valHooks.input.set`
-                if (event === true) {
-                    $input[0].value = value;
-
-                    return value;
-                }
-
-                $input.focus();
-
-            } else {
-                input == safeActiveElement() && input.select();
-            }
-        }
-    }
-
-    function setPlaceholder(event) {
-        var $replacement;
-        var input = this;
-        var $input = $(this);
-        var id = input.id;
-
-        // If the placeholder is activated, triggering blur event (`$input.trigger('blur')`) should do nothing.
-        if (event && event.type === 'blur' && $input.hasClass(settings.customClass)) {
-            return;
-        }
-
-        if (input.value === '') {
-            if (input.type === 'password') {
-                if (!$input.data('placeholder-textinput')) {
-                    
-                    try {
-                        $replacement = $input.clone().prop({ 'type': 'text' });
-                    } catch(e) {
-                        $replacement = $('<input>').attr($.extend(args(this), { 'type': 'text' }));
-                    }
-
-                    $replacement
-                        .removeAttr('name')
-                        .data({
-                            'placeholder-enabled': true,
-                            'placeholder-password': $input,
-                            'placeholder-id': id
-                        })
-                        .bind('focus.placeholder', clearPlaceholder);
-
-                    $input
-                        .data({
-                            'placeholder-textinput': $replacement,
-                            'placeholder-id': id
-                        })
-                        .before($replacement);
-                }
-
-                input.value = '';
-                $input = $input.removeAttr('id').hide().prevAll('input[type="text"]:first').attr('id', $input.data('placeholder-id')).show();
-
-            } else {
-                
-                var $passwordInput = $input.data('placeholder-password');
-
-                if ($passwordInput) {
-                    $passwordInput[0].value = '';
-                    $input.attr('id', $input.data('placeholder-id')).show().nextAll('input[type="password"]:last').hide().removeAttr('id');
-                }
-            }
-
-            $input.addClass(settings.customClass);
-            $input[0].value = $input.attr((debugMode ? 'placeholder-x' : 'placeholder'));
-
-        } else {
-            $input.removeClass(settings.customClass);
-        }
-    }
-
-    function safeActiveElement() {
-        // Avoid IE9 `document.activeElement` of death
-        try {
-            return document.activeElement;
-        } catch (exception) {}
-    }
-}));

login.html

@@ -1,48 +0,0 @@
-<!DOCTYPE html>
-<html lang="zh-cn">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
-    <title>报修平台</title>
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-    <link rel="stylesheet" href="./css/base.css">
-    <link rel="stylesheet" href="./css/login.css">
-    <script src="./libs/jquery-1.9.1.min.js"></script>
-    <script src="./libs/jquery.placeholder.js"></script>
-    <script src="./libs/base64.min.js"></script>
-    <!--[if lt IE 10]>
-        <script src="./libs/html5shiv.js"></script>
-    <![endif]-->
-</head>
-
-<body>
-    <div class="container">
-        <div class="content">
-            <div class="logo">
-                <img src="./imgs/8@3x-8.png" alt="">
-                <span>网络与信息运维报修平台</span>
-            </div>
-            <div class="login">
-                <div class="title">用户登录</div>
-                <input id="name" type="text" placeholder="请输入用户名">
-                <input id="pwd" type="password" placeholder="请输入密码">
-                <button id="login">登录</button>
-                <p>推荐使用Google浏览器，其他浏览器可能出现兼容性问题</p>
-                <p class="login_reset" style="color: #005395;">账号为您的学号(工号)，初始密码为您的学号（工号）后4位</p>
-            </div>
-            <div class="shadow">
-                <img src="./imgs/shadow_login.png" alt="">
-            </div>
-        </div>
-        <div class="camp">
-            <img src="./imgs/logo.png" alt="">
-            <span>武汉大势恒通科技有限责任公司</span>
-        </div>
-    </div>
-</body>
-<script src="./js/base.js"></script>
-<script src="./js/login.js"></script>
-
-</html>

package.json

@@ -0,0 +1,79 @@
+{
+  "name": "jry",
+  "version": "1.0.0",
+  "description": "jryVue",
+  "author": "jiang",
+  "private": true,
+  "scripts": {
+    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
+    "start": "npm run dev",
+    "build": "node build/build.js"
+  },
+  "dependencies": {
+    "axios": "^0.18.0",
+    "cube-ui": "^1.12.10",
+    "less": "^3.9.0",
+    "less-loader": "^4.1.0",
+    "lib-flexible": "^0.3.2",
+    "vue": "^2.5.2",
+    "vue-axios": "^2.1.4",
+    "vue-router": "^3.0.1",
+    "vuex": "^3.1.1"
+  },
+  "compileDependencies": [
+    "cube-ui"
+  ],
+  "devDependencies": {
+    "autoprefixer": "^7.1.2",
+    "babel-cli": "^6.26.0",
+    "babel-core": "^6.22.1",
+    "babel-helper-vue-jsx-merge-props": "^2.0.3",
+    "babel-loader": "^7.1.1",
+    "babel-plugin-syntax-jsx": "^6.18.0",
+    "babel-plugin-transform-modules": "^0.0.2",
+    "babel-plugin-transform-runtime": "^6.22.0",
+    "babel-plugin-transform-vue-jsx": "^3.5.0",
+    "babel-preset-env": "^1.7.0",
+    "babel-preset-stage-2": "^6.22.0",
+    "chalk": "^2.0.1",
+    "compression-webpack-plugin": "^1.1.12",
+    "copy-webpack-plugin": "^4.0.1",
+    "css-loader": "^0.28.0",
+    "extract-text-webpack-plugin": "^3.0.0",
+    "file-loader": "^1.1.4",
+    "friendly-errors-webpack-plugin": "^1.6.1",
+    "html-webpack-plugin": "^2.30.1",
+    "node-notifier": "^5.1.2",
+    "optimize-css-assets-webpack-plugin": "^3.2.0",
+    "ora": "^1.2.0",
+    "portfinder": "^1.0.13",
+    "postcss-import": "^11.0.0",
+    "postcss-loader": "^2.0.8",
+    "postcss-url": "^7.2.1",
+    "px2rem-loader": "^0.1.9",
+    "rimraf": "^2.6.0",
+    "semver": "^5.3.0",
+    "shelljs": "^0.7.6",
+    "stylus": "^0.54.5",
+    "stylus-loader": "^2.1.1",
+    "uglifyjs-webpack-plugin": "^1.1.1",
+    "url-loader": "^0.5.8",
+    "vue-loader": "^13.3.0",
+    "vue-style-loader": "^3.0.1",
+    "vue-template-compiler": "^2.5.2",
+    "webpack": "^3.6.0",
+    "webpack-bundle-analyzer": "^2.9.0",
+    "webpack-dev-server": "^2.9.1",
+    "webpack-merge": "^4.1.0",
+    "webpack-post-compile-plugin": "^0.1.2"
+  },
+  "engines": {
+    "node": ">= 6.0.0",
+    "npm": ">= 3.0.0"
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not ie <= 8"
+  ]
+}

src/App.vue

@@ -0,0 +1,152 @@
+<template>
+  <div id="app">
+    <router-view></router-view>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "app",
+  components: {},
+  methods: {}
+};
+</script>
+
+<style lang='less'>
+body,#app{
+  height: 100%;
+}
+* {
+  font-family: "微软雅黑";
+}
+.fl {
+  float: left;
+}
+.fr {
+  float: right;
+}
+.overflowEllipsis2 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical !important;
+  text-overflow: -o-ellipsis-lastline;
+}
+.btn {
+  display: inline-block;
+  // width: 1.6rem;
+  height: 0.36rem;
+  line-height: 0.36rem;
+  font-size: 0.24rem;
+  text-align: center;
+  border-radius: 0.3rem;
+  border-width: 0.01rem;
+  border-style: solid;
+  padding: 0 0.16rem;
+  &.daipingjia {
+    border-color: #e0872c;
+    color: #e0872c;
+    background: #fbf3e9;
+  }
+  &.daiqiangdan {
+    border-color: #991f00;
+    color: #991f00;
+    background: #f4e8e5;
+  }
+  &.yiguanbi {
+    border-color: #333;
+    color: #333;
+    background: #eee;
+  }
+  &.daishenhe {
+    border-color: #fcb44c;
+    color: #fcb44c;
+    background: #fff;
+  }
+  &.chulizhong {
+    border-color: #003057;
+    color: #003057;
+    background: #e5eaee;
+  }
+  &.yijiejue {
+    border-color: #40a19c;
+    color: #40a19c;
+    background: #ebf5f5;
+  }
+  &.chongxinzhipai {
+    border-color: #48a843;
+    color: #48a843;
+    background: #ecf6ec;
+  }
+  &.daijiedan {
+    border-color: #c2654e;
+    color: #c2654e;
+    background: #faf4f2;
+  }
+  &.zhixingzhong {
+    border-color: #005395;
+    color: #005395;
+    background: #e5edf4;
+  }
+  &.yiwancheng {
+    border-color: #056b00;
+    color: #056b00;
+    background: #e6f0e5;
+  }
+  &.isValid{
+    border-color: #c21b1b;
+    color: #c21b1b;
+    background: #f8e7e7;
+  }
+  &.noValid{
+    border-color: #999;
+    color: #999;
+    background: #f4f4f4;
+  }
+  &.bushouli{
+    border-color: #999;
+    color: #999;
+    background: #f4f4f4;
+  }
+  &.yizhuanhuan{
+    border-color: #999;
+    color: #999;
+    background: #f4f4f4;
+  }
+  &.weizhuanhuan{
+    border-color: #01559d;
+    color: #01559d;
+    background: #e5eef5;
+  }
+}
+
+// 巡检详情按钮
+.inspedtionDetail {
+  .cube-switch .cube-switch-input:checked,
+  .cube-switch-ui {
+    border-color: #ccc !important;
+    background-color: #971e00 !important;
+  }
+}
+// 新建事件按钮
+.newIncident {
+  .cube-btn.cube-btn_active,
+  .cube-btn:active {
+    background-color: #fff !important;
+  }
+}
+
+// font-color 字体颜色
+i.iconfont {
+  &.icon-yiyuqi {
+    color: #991f00;
+  }
+  &.icon-jijiang {
+    color: #a37200;
+  }
+  &.icon-zhengchang {
+    color: #056a00;
+  }
+}
+</style>

src/common/helpers/create-api.js

@@ -0,0 +1,7 @@
+import createAPIComponent from 'vue-create-api'
+
+export default function createAPI (Vue, Component, events, single) {
+  Vue.use(createAPIComponent, {componentPrefix: 'cube-'})
+  const api = Vue.createAPI(Component, events, single)
+  return api
+}

src/common/helpers/debug.js

@@ -0,0 +1,14 @@
+export const warn = function (msg, componentName) {
+   /* istanbul ignore if */
+  if (process.env.NODE_ENV !== 'production') {
+    const component = componentName ? `<${componentName}> ` : ''
+    console.error(`[Cube warn]: ${component}${msg}`)
+  }
+}
+
+export const tip = function (msg, componentName) {
+  if (process.env.NODE_ENV !== 'production') {
+    const component = componentName ? `<${componentName}> ` : ''
+    console.warn(`[Cube tip]: ${component}${msg}`)
+  }
+}

src/common/helpers/dom.js

@@ -0,0 +1,98 @@
+import { inBrowser } from './env'
+
+export function hasClass(el, className) {
+  const reg = new RegExp('(^|\\s)' + className + '(\\s|$)')
+  return reg.test(el.className)
+}
+
+export function addClass(el, className) {
+  /* istanbul ignore if */
+  if (hasClass(el, className)) {
+    return
+  }
+
+  const newClass = el.className.split(' ')
+  newClass.push(className)
+  el.className = newClass.join(' ')
+}
+
+export function removeClass(el, className) {
+  /* istanbul ignore if */
+  if (!hasClass(el, className)) {
+    return
+  }
+
+  const reg = new RegExp('(^|\\s)' + className + '(\\s|$)', 'g')
+  el.className = el.className.replace(reg, ' ')
+}
+
+export function getData(el, name) {
+  const prefix = 'data-'
+  return el.getAttribute(prefix + name)
+}
+
+export function getRect(el) {
+  return {
+    top: el.offsetTop,
+    left: el.offsetLeft,
+    width: el.offsetWidth,
+    height: el.offsetHeight
+  }
+}
+
+let vendor = (() => {
+  /* istanbul ignore if */
+  if (!inBrowser) {
+    return false
+  }
+  let elementStyle = document.createElement('div').style
+  let transformNames = {
+    standard: 'transform',
+    webkit: 'webkitTransform',
+    Moz: 'MozTransform',
+    O: 'OTransform',
+    ms: 'msTransform'
+  }
+
+  for (let key in transformNames) {
+    if (elementStyle[transformNames[key]] !== undefined) {
+      return key
+    }
+  }
+
+  /* istanbul ignore next */
+  return false
+})()
+
+export function prefixStyle(style) {
+  /* istanbul ignore if */
+  if (vendor === false) {
+    return false
+  }
+
+  if (vendor === 'standard') {
+    if (style === 'transitionEnd') {
+      return 'transitionend'
+    }
+    return style
+  }
+
+  return vendor + style.charAt(0).toUpperCase() + style.substr(1)
+}
+
+export function getMatchedTarget(e, targetClassName) {
+  let el = e.target
+
+  while (el && !hasClass(el, targetClassName)) {
+    if (el === e.currentTarget) return null
+    el = el.parentNode
+  }
+
+  return el
+}
+
+export function dispatchEvent(ele, name, { type = 'Event', bubbles = true, cancelable = true } = {}) {
+  const e = document.createEvent(type)
+  e.initEvent(name, bubbles, cancelable)
+  ele.dispatchEvent(e)
+}

src/common/helpers/ease.js

@@ -0,0 +1,3 @@
+export const easeOutBack = 'cubic-bezier(0.18, 0.89, 0.32, 1.28)'
+export const easeOutQuart = 'cubic-bezier(0.165, 0.84, 0.44, 1)'
+export const easeOutCubic = 'cubic-bezier(0.22, 0.61, 0.36, 1)'

src/common/helpers/env.js

@@ -0,0 +1,4 @@
+// ssr support
+export const inBrowser = typeof window !== 'undefined'
+export const ua = inBrowser && navigator.userAgent.toLowerCase()
+export const isAndroid = ua && ua.indexOf('android') > 0

src/common/helpers/instantiate-component.js

@@ -0,0 +1,4 @@
+import createAPI from 'vue-create-api'
+const { instantiateComponent } = createAPI
+
+export default instantiateComponent

src/common/helpers/raf.js

@@ -0,0 +1,43 @@
+import { inBrowser } from './env'
+
+const DEFAULT_INTERVAL = 100 / 60
+
+function noop() {
+}
+
+export const requestAnimationFrame = (() => {
+  /* istanbul ignore next */
+  if (!inBrowser) {
+    return noop
+  }
+  return window.requestAnimationFrame ||
+    /* istanbul ignore next */
+    window.webkitRequestAnimationFrame ||
+    /* istanbul ignore next */
+    window.mozRequestAnimationFrame ||
+    /* istanbul ignore next */
+    window.oRequestAnimationFrame ||
+    // if all else fails, use setTimeout
+    /* istanbul ignore next */
+    function (callback) {
+      return window.setTimeout(callback, (callback.interval || DEFAULT_INTERVAL) / 2) // make interval as precise as possible.
+    }
+})()
+
+export const cancelAnimationFrame = (() => {
+  /* istanbul ignore next */
+  if (!inBrowser) {
+    return noop
+  }
+  return window.cancelAnimationFrame ||
+    /* istanbul ignore next */
+    window.webkitCancelAnimationFrame ||
+    /* istanbul ignore next */
+    window.mozCancelAnimationFrame ||
+    /* istanbul ignore next */
+    window.oCancelAnimationFrame ||
+    /* istanbul ignore next */
+    function (id) {
+      window.clearTimeout(id)
+    }
+})()

src/common/helpers/string-template.js

@@ -0,0 +1,50 @@
+import { isFunc } from './util'
+import { warn } from './debug'
+import Locale from '../../modules/locale'
+const stringRE = /\{\{((?:.|\n)+?)\}\}/g
+const quoteRe = /['"]/g
+const INVALID_INDEX = -1
+
+function format (string, config = '') {
+  return string.replace(stringRE, (match, group1, index) => {
+    const helpersArr = group1.split('|').slice(1).map(_ => _.trim())
+    const hasHelpers = helpersArr.length
+    let result = config
+
+    if (hasHelpers) {
+      helpersArr.forEach((helperString) => {
+        let { fnName, args } = resolveHelperFnString(helperString)
+        args.unshift(result)
+        /* istanbul ignore else */
+        if (isFunc(Locale.helpers[fnName])) {
+          result = Locale.helpers[fnName].apply(null, args)
+        } else {
+          warn(`A helper function named "${fnName}" is not registered, ` +
+               `please register it by Validator.addHelper()`)
+          result = ''
+        }
+      })
+    }
+
+    return result
+  })
+}
+
+function resolveHelperFnString (helperString) {
+  const leftBracketsIndex = helperString.indexOf('(')
+  const rightBracketsIndex = helperString.indexOf(')')
+  let fnName = ''
+  let args = []
+  /* istanbul ignore if */
+  if (leftBracketsIndex === INVALID_INDEX) {
+    args = []
+    fnName = helperString
+  } else if (leftBracketsIndex !== INVALID_INDEX && rightBracketsIndex !== INVALID_INDEX) {
+    const argsStr = helperString.slice(leftBracketsIndex + 1, rightBracketsIndex)
+    args = argsStr.split(',').map(_ => _.trim().replace(quoteRe, ''))
+    fnName = helperString.slice(0, leftBracketsIndex)
+  }
+  return { fnName, args }
+}
+
+export default format

src/common/helpers/util.js

@@ -0,0 +1,207 @@
+import { camelize } from '../lang/string'
+
+function findIndex(ary, fn) {
+  if (ary.findIndex) {
+    return ary.findIndex(fn)
+  }
+  /* istanbul ignore next */
+  let index = -1
+  /* istanbul ignore next */
+  ary.some(function (item, i, ary) {
+    const ret = fn.call(this, item, i, ary)
+    if (ret) {
+      index = i
+      return ret
+    }
+  })
+  /* istanbul ignore next */
+  return index
+}
+
+function deepAssign(to, from) {
+  for (let key in from) {
+    if (!to[key] || typeof to[key] !== 'object') {
+      to[key] = from[key]
+    } else {
+      deepAssign(to[key], from[key])
+    }
+  }
+}
+
+function createAddAPI(baseObj) {
+  return function add(...args) {
+    if (typeof args[0] === 'string') {
+      args[0] = {
+        [args[0]]: args[1]
+      }
+    }
+    deepAssign(baseObj, args[0])
+  }
+}
+
+function judgeTypeFnCreator (type) {
+  const toString = Object.prototype.toString
+  return function isType (o) {
+    return toString.call(o) === `[object ${type}]`
+  }
+}
+
+const typesReset = {
+  _set(obj, key, value) {
+    obj[key] = value
+  },
+  string(obj, key) {
+    typesReset._set(obj, key, '')
+  },
+  number(obj, key) {
+    typesReset._set(obj, key, 0)
+  },
+  boolean(obj, key) {
+    typesReset._set(obj, key, false)
+  },
+  object(obj, key, value) {
+    if (Array.isArray(value)) {
+      typesReset._set(obj, key, [])
+    } else {
+      typesReset._set(obj, key, {})
+    }
+  }
+}
+function resetTypeValue(obj, key, defVal) {
+  if (defVal !== undefined) {
+    return typesReset._set(obj, key, defVal)
+  }
+  if (key) {
+    const value = obj[key]
+    const resetHandler = typesReset[typeof value]
+    resetHandler && resetHandler(obj, key, value)
+  } else {
+    Object.keys(obj).forEach((key) => {
+      resetTypeValue(obj, key)
+    })
+  }
+}
+
+function parallel(tasks, cb) {
+  let doneCount = 0
+  let results = []
+  const tasksLen = tasks.length
+  if (!tasksLen) {
+    return cb(results)
+  }
+  tasks.forEach((task, i) => {
+    task((ret) => {
+      doneCount += 1
+      results[i] = ret
+      if (doneCount === tasksLen) {
+        // all tasks done
+        cb(results)
+      }
+    })
+  })
+}
+
+function cb2PromiseWithResolve(cb) {
+  let promise
+  if (typeof window.Promise !== 'undefined') {
+    const _cb = cb
+    promise = new window.Promise((resolve) => {
+      cb = (data) => {
+        _cb && _cb(data)
+        resolve(data)
+      }
+    })
+    promise.resolve = cb
+  }
+  return promise
+}
+
+function debounce(func, wait, immediate, initValue) {
+  let timeout
+  let result = initValue
+
+  const later = function (context, args) {
+    timeout = null
+    if (args) {
+      result = func.apply(context, args)
+    }
+  }
+
+  const debounced = function (...args) {
+    if (timeout) {
+      clearTimeout(timeout)
+    }
+    if (immediate) {
+      const callNow = !timeout
+      timeout = setTimeout(later, wait)
+      if (callNow) {
+        result = func.apply(this, args)
+      }
+    } else {
+      timeout = setTimeout(() => {
+        later(this, args)
+      }, wait)
+    }
+
+    return result
+  }
+
+  debounced.cancel = function () {
+    clearTimeout(timeout)
+    timeout = null
+  }
+
+  return debounced
+}
+
+function processComponentName(Component, { prefix = '', firstUpperCase = false } = {}) {
+  const name = Component.name
+  const pureName = name.replace(/^cube-/i, '')
+  let camelizeName = `${camelize(`${prefix}${pureName}`)}`
+   /* istanbul ignore if */
+  if (firstUpperCase) {
+    camelizeName = camelizeName.charAt(0).toUpperCase() + camelizeName.slice(1)
+  }
+  return camelizeName
+}
+
+function parsePath (obj, path = '') {
+  const segments = path.split('.')
+  let result = obj
+  for (let i = 0; i < segments.length; i++) {
+    const key = segments[i]
+     /* istanbul ignore if */
+    if (isUndef(result[key])) {
+      result = ''
+      break
+    } else {
+      result = result[key]
+    }
+  }
+  return result
+}
+
+const isFunc = judgeTypeFnCreator('Function')
+const isUndef = judgeTypeFnCreator('Undefined')
+const isArray = judgeTypeFnCreator('Array')
+const isString = judgeTypeFnCreator('String')
+const isObject = judgeTypeFnCreator('Object')
+const isNumber = judgeTypeFnCreator('Number')
+
+export {
+  findIndex,
+  deepAssign,
+  createAddAPI,
+  resetTypeValue,
+  parallel,
+  cb2PromiseWithResolve,
+  debounce,
+  processComponentName,
+  parsePath,
+  isUndef,
+  isFunc,
+  isArray,
+  isString,
+  isObject,
+  isNumber
+}

src/common/helpers/validator/index.js

@@ -0,0 +1,3 @@
+export { rules, addRule } from './rules'
+export { addMessage } from './messages'
+export { types, addType } from './types'

src/common/helpers/validator/language/chinese.js

@@ -0,0 +1,44 @@
+import { toLocaleDateString } from '../../util'
+
+export default {
+  required: '此为必填项',
+  type: {
+    string: '请输入字符',
+    number: '请输入数字',
+    array: '数据类型应为数组',
+    date: '请选择有效日期',
+    email: '请输入有效邮箱',
+    tel: '请输入有效的手机号码',
+    url: '请输入有效网址'
+  },
+  min: {
+    string: /* istanbul ignore next */ (config) => `至少输入 ${config} 位字符`,
+    number: /* istanbul ignore next */ (config) => `不得小于 ${config}`,
+    array: /* istanbul ignore next */ (config) => `请选择至少 ${config} 项`,
+    date: /* istanbul ignore next */ (config) => `请选择 ${toLocaleDateString(config, 'zh')} 之后的时间`,
+    email: /* istanbul ignore next */ (config) => `至少输入 ${config} 位字符`,
+    tel: /* istanbul ignore next */ (config) => `至少输入 ${config} 位字符`,
+    url: /* istanbul ignore next */ (config) => `至少输入 ${config} 位字符`
+  },
+  max: {
+    string: /* istanbul ignore next */ (config) => `请勿超过 ${config} 位字符`,
+    number: /* istanbul ignore next */ (config) => `请勿大于 ${config}`,
+    array: /* istanbul ignore next */ (config) => `最多选择 ${config} 项`,
+    date: /* istanbul ignore next */ (config) => `请选择 ${toLocaleDateString(config, 'zh')} 之前的时间`,
+    email: /* istanbul ignore next */ (config) => `请勿超过 ${config} 位字符`,
+    tel: /* istanbul ignore next */ (config) => `请勿超过 ${config} 位字符`,
+    url: /* istanbul ignore next */ (config) => `请勿超过 ${config} 位字符`
+  },
+  len: {
+    string: /* istanbul ignore next */ (config) => `请输入 ${config} 位字符`,
+    number: /* istanbul ignore next */ (config) => `长度应等于 ${config}`,
+    array: /* istanbul ignore next */ (config) => `请选择 ${config} 项`,
+    date: /* istanbul ignore next */ (config) => `请选择 ${toLocaleDateString(config, 'zh')}`,
+    email: /* istanbul ignore next */ (config) => `请输入 ${config} 位字符`,
+    tel: /* istanbul ignore next */ (config) => `请输入 ${config} 位字符`,
+    url: /* istanbul ignore next */ (config) => `请输入 ${config} 位字符`
+  },
+  pattern: '格式错误',
+  custom: '未通过校验',
+  notWhitespace: '空白内容无效'
+}

src/common/helpers/validator/language/english.js

@@ -0,0 +1,44 @@
+import { toLocaleDateString } from '../../util'
+
+export default {
+  required: 'Required.',
+  type: {
+    string: 'Please input characters.',
+    number: 'Please input numbers.',
+    array: 'The data type should be array.',
+    date: 'Please select a valid date.',
+    email: 'Please input a valid E-mail.',
+    tel: 'Please input a valid telphone number.',
+    url: 'Please input a valid web site.'
+  },
+  min: {
+    string: /* istanbul ignore next */ (config) => `Please input at least ${config} characters.`,
+    number: /* istanbul ignore next */ (config) => `The number could not smaller than ${config}.`,
+    array: /* istanbul ignore next */ (config) => `Please select at least ${config} items.`,
+    date: /* istanbul ignore next */ (config) => `Please select a date after ${toLocaleDateString(config, 'en')}`,
+    email: /* istanbul ignore next */ (config) => `Please input at least ${config} characters.`,
+    tel: /* istanbul ignore next */ (config) => `Please input at least ${config} characters.`,
+    url: /* istanbul ignore next */ (config) => `Please input at least ${config} characters.`
+  },
+  max: {
+    string: /* istanbul ignore next */ (config) => `Please input no more than ${config} characters.`,
+    number: /* istanbul ignore next */ (config) => `The number could not bigger than ${config}`,
+    array: /* istanbul ignore next */ (config) => `Please select no more than  ${config} items`,
+    date: /* istanbul ignore next */ (config) => `Please select a date before ${toLocaleDateString(config, 'en')}`,
+    email: /* istanbul ignore next */ (config) => `Please input no more than ${config} characters.`,
+    tel: /* istanbul ignore next */ (config) => `Please input no more than ${config} characters.`,
+    url: /* istanbul ignore next */ (config) => `Please input no more than ${config} characters.`
+  },
+  len: {
+    string: /* istanbul ignore next */ (config) => `Please input ${config} characters.`,
+    number: /* istanbul ignore next */ (config) => `The length should equal ${config}`,
+    array: /* istanbul ignore next */ (config) => `Please select ${config} items`,
+    date: /* istanbul ignore next */ (config) => `Please select ${toLocaleDateString(config, 'en')}`,
+    email: /* istanbul ignore next */ (config) => `Please input ${config} characters.`,
+    tel: /* istanbul ignore next */ (config) => `Please input ${config} characters.`,
+    url: /* istanbul ignore next */ (config) => `Please input ${config} characters.`
+  },
+  pattern: 'The input don"t match pattern.',
+  custom: 'Invalid.',
+  notWhitespace: 'Whitespace is invalid.'
+}

src/common/helpers/validator/messages.js

@@ -0,0 +1,18 @@
+import { deepAssign } from '../util'
+
+function addMessage (...args) {
+  const NAMESPACE = 'validator'
+  const vueProto = this._base.prototype
+  const lang = vueProto.$cubeLang
+  const baseMessages = vueProto.$cubeMessages[lang][NAMESPACE]
+
+  if (typeof args[0] === 'string') {
+    args[0] = {
+      [args[0]]: args[1]
+    }
+  }
+
+  deepAssign(baseMessages, args[0])
+}
+
+export { addMessage }

src/common/helpers/validator/rules.js

@@ -0,0 +1,52 @@
+import { createAddAPI } from '../util'
+import { types } from './types'
+
+const rules = {
+  required: (val, required, type) => {
+    type = type || (Array.isArray(val) ? 'array' : typeof val)
+    if (type === 'array' && Array.isArray(val)) {
+      return val.length > 0
+    }
+    return val !== '' && val !== undefined && val !== null
+  },
+  type: (val, type) => {
+    return !types[type] || types[type](val)
+  },
+  min: (val, min, type) => {
+    type = type || (typeof val)
+    if (type === 'number' || type === 'date') {
+      return Number(val) >= min
+    } else {
+      return val.length >= min
+    }
+  },
+  max: (val, max, type) => {
+    type = type || (typeof val)
+    if (type === 'number' || type === 'date') {
+      return Number(val) <= max
+    } else {
+      return val.length <= max
+    }
+  },
+  len: (val, len, type) => {
+    type = type || (typeof val)
+    let target = val
+    if (target.length === undefined) {
+      target = type === 'object' ? Object.keys(target) : String(target)
+    }
+    return target.length === len
+  },
+  notWhitespace: (val, config, type) => {
+    return !/^\s+$/.test(val)
+  },
+  pattern: (val, pattern, type) => {
+    return pattern.test(val)
+  },
+  custom: (val, custom, type) => {
+    return custom(val)
+  }
+}
+
+const addRule = createAddAPI(rules)
+
+export { rules, addRule }

src/common/helpers/validator/types.js

@@ -0,0 +1,31 @@
+import { createAddAPI } from '../util'
+
+const DATE_RE = /^(1|2)\d{3}[.\-/]\d{1,2}[.\-/]\d{1,2}$/
+
+const types = {
+  string: (val) => {
+    return typeof val === 'string'
+  },
+  number: (val) => {
+    return !isNaN(Number(val))
+  },
+  array: (val) => {
+    return Array.isArray(val)
+  },
+  date: (val) => {
+    return !isNaN(Number(val)) || DATE_RE.test(val)
+  },
+  email: (val) => {
+    return typeof val === 'string' && /^[a-z0-9_-]+@[a-z0-9_-]+(\.[a-z0-9_-]+)+$/i.test(val)
+  },
+  tel: (val) => {
+    return typeof val === 'string' && /^(11|13|14|15|17|18|19)[0-9]{9}$/.test(val)
+  },
+  url: (val) => {
+    return typeof val === 'string' && /(https?|ftp|file):\/\/[-A-Za-z0-9+&@#/%?=~_|!:,.;]+[-A-Za-z0-9+&@#/%=~_|]/.test(val)
+  }
+}
+
+const addType = createAddAPI(types)
+
+export { types, addType }

src/common/icon/cube-icon.styl

@@ -0,0 +1,208 @@
+@font-face
+  font-family: "cube-icon"
+  src:
+    url("./cubeic.woff") format("woff"),
+    url("./cubeic.ttf") format("truetype")
+
+[class^="cubeic-"], [class*=" cubeic-"]
+  font-family: "cube-icon"!important
+  font-size: 100%
+  font-style: normal
+  -webkit-font-smoothing: antialiased
+  -webkit-text-stroke-width: 0.2px
+  -moz-osx-font-smoothing: grayscale
+
+.cubeic-eye-invisible::before
+  content: "\e624"
+
+.cubeic-eye-visible::before
+  content: "\e625"
+
+.cubeic-square-right::before
+  content: "\e67d"
+
+.cubeic-select::before
+  content: "\e609"
+
+.cubeic-pulldown::before
+  content: "\e603"
+
+.cubeic-pullup::before
+  content: "\e604"
+
+.cubeic-more::before
+  content: "\e607"
+
+.cubeic-back::before
+  content: "\e608"
+
+.cubeic-arrow::before
+  content: "\e60b"
+
+.cubeic-close::before
+  content: "\e60d"
+
+.cubeic-warn::before
+  content: "\e614"
+
+.cubeic-question::before
+  content: "\e616"
+
+.cubeic-right::before
+  content: "\e617"
+
+.cubeic-wrong::before
+  content: "\e618"
+
+.cubeic-info::before
+  content: "\e619"
+
+.cubeic-remove::before
+  content: "\e61a"
+
+.cubeic-add::before
+  content: "\e61c"
+
+.cubeic-share::before
+  content: "\e631"
+
+.cubeic-no-wifi::before
+  content: "\e632"
+
+.cubeic-smile::before
+  content: "\e634"
+
+.cubeic-sad::before
+  content: "\e636"
+
+.cubeic-email::before
+  content: "\e637"
+
+.cubeic-game::before
+  content: "\e638"
+
+.cubeic-wifi::before
+  content: "\e639"
+
+.cubeic-hot::before
+  content: "\e63b"
+
+.cubeic-notification::before
+  content: "\e63d"
+
+.cubeic-delete::before
+  content: "\e63e"
+
+.cubeic-vip::before
+  content: "\e63f"
+
+.cubeic-mute::before
+  content: "\e640"
+
+.cubeic-danger::before
+  content: "\e641"
+
+.cubeic-volume::before
+  content: "\e642"
+
+.cubeic-bad::before
+  content: "\e643"
+
+.cubeic-mobile-phone::before
+  content: "\e644"
+
+.cubeic-aim::before
+  content: "\e645"
+
+.cubeic-navigation::before
+  content: "\e64d"
+
+.cubeic-safe-pay::before
+  content: "\e64e"
+
+.cubeic-tag::before
+  content: "\e64f"
+
+.cubeic-lock::before
+  content: "\e651"
+
+.cubeic-unlock::before
+  content: "\e652"
+
+.cubeic-edit::before
+  content: "\e653"
+
+.cubeic-scan::before
+  content: "\e654"
+
+.cubeic-qr-code::before
+  content: "\e655"
+
+.cubeic-calendar::before
+  content: "\e659"
+
+.cubeic-time::before
+  content: "\e65f"
+
+.cubeic-red-packet::before
+  content: "\e664"
+
+.cubeic-star::before
+  content: "\e668"
+
+.cubeic-setting::before
+  content: "\e669"
+
+.cubeic-home::before
+  content: "\e66d"
+
+.cubeic-credit-card::before
+  content: "\e66e"
+
+.cubeic-mall::before
+  content: "\e670"
+
+.cubeic-microphone::before
+  content: "\e673"
+
+.cubeic-search::before
+  content: "\e674"
+
+.cubeic-good::before
+  content: "\e675"
+
+.cubeic-alert::before
+  content: "\e676"
+
+.cubeic-picture::before
+  content: "\e677"
+
+.cubeic-message::before
+  content: "\e678"
+
+.cubeic-phone::before
+  content: "\e67a"
+
+.cubeic-location::before
+  content: "\e67b"
+
+.cubeic-like::before
+  content: "\e67c"
+
+.cubeic-camera::before
+  content: "\e67e"
+
+.cubeic-person::before
+  content: "\e67f"
+
+.cubeic-round-border::before
+  content: "\e683"
+
+.cubeic-important::before
+  content: "\e68b"
+
+.cubeic-ok::before
+  content: "\e68c"
+
+.cubeic-square-border::before
+  content: "\e990"

src/common/js/date.js

@@ -0,0 +1,23 @@
+export function formatDate (date, fmt) {
+    if (/(y+)/.test(fmt)) {
+    fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length));
+    }
+    let o = {
+    'M+': date.getMonth() + 1,
+    'd+': date.getDate(),
+    'h+': date.getHours(),
+    'm+': date.getMinutes(),
+    's+': date.getSeconds()
+    };
+    for (let k in o) {
+    if (new RegExp(`(${k})`).test(fmt)) {
+    let str = o[k] + '';
+    fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? str : padLeftZero(str));
+    }
+    }
+    return fmt;
+    };
+    
+    function padLeftZero (str) {
+    return ('00' + str).substr(str.length);
+    };

src/common/js/util.js

@@ -0,0 +1,61 @@
+var SIGN_REGEXP = /([yMdhsm])(\1*)/g;
+var DEFAULT_PATTERN = 'yyyy-MM-dd';
+function padding(s, len) {
+    var len = len - (s + '').length;
+    for (var i = 0; i < len; i++) { s = '0' + s; }
+    return s;
+};
+
+export default {
+    getQueryStringByName: function (name) {
+        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
+        var r = window.location.search.substr(1).match(reg);
+        var context = "";
+        if (r != null)
+            context = r[2];
+        reg = null;
+        r = null;
+        return context == null || context == "" || context == "undefined" ? "" : context;
+    },
+    formatDate: {
+
+
+        format: function (date, pattern) {
+            pattern = pattern || DEFAULT_PATTERN;
+            return pattern.replace(SIGN_REGEXP, function ($0) {
+                switch ($0.charAt(0)) {
+                    case 'y': return padding(date.getFullYear(), $0.length);
+                    case 'M': return padding(date.getMonth() + 1, $0.length);
+                    case 'd': return padding(date.getDate(), $0.length);
+                    case 'w': return date.getDay() + 1;
+                    case 'h': return padding(date.getHours(), $0.length);
+                    case 'm': return padding(date.getMinutes(), $0.length);
+                    case 's': return padding(date.getSeconds(), $0.length);
+                }
+            });
+        },
+        parse: function (dateString, pattern) {
+            var matchs1 = pattern.match(SIGN_REGEXP);
+            var matchs2 = dateString.match(/(\d)+/g);
+            if (matchs1.length == matchs2.length) {
+                var _date = new Date(1970, 0, 1);
+                for (var i = 0; i < matchs1.length; i++) {
+                    var _int = parseInt(matchs2[i]);
+                    var sign = matchs1[i];
+                    switch (sign.charAt(0)) {
+                        case 'y': _date.setFullYear(_int); break;
+                        case 'M': _date.setMonth(_int - 1); break;
+                        case 'd': _date.setDate(_int); break;
+                        case 'h': _date.setHours(_int); break;
+                        case 'm': _date.setMinutes(_int); break;
+                        case 's': _date.setSeconds(_int); break;
+                    }
+                }
+                return _date;
+            }
+            return null;
+        }
+
+    }
+
+};

src/common/lang/date.js

@@ -0,0 +1,109 @@
+const DAY_TIMESTAMP = 60 * 60 * 24 * 1000
+const HOUR_TIMESTAMP = 60 * 60 * 1000
+const MINUTE_TIMESTAMP = 60 * 1000
+
+function formatType(type, format, value, regExpAttributes) {
+  const regExpMap = {
+    year: '(Y+)',
+    month: '(M+)',
+    date: '(D+)',
+    hour: '(h+)',
+    minute: '(m+)',
+    second: '(s+)',
+    quarter: '(q+)',
+    millisecond: '(S)'
+  }
+
+  if (new RegExp(regExpMap[type], regExpAttributes).test(format)) {
+    const replaceStr = type === 'year'
+                       ? value.toString().substr(4 - RegExp.$1.length)
+                       : (RegExp.$1.length === 1) ? value : pad(value)
+    format = format.replace(RegExp.$1, replaceStr)
+  }
+
+  return format
+}
+
+function pad(value) {
+  return ('00' + value).substr(('' + value).length)
+}
+
+function formatDate(date, format) {
+  const map = {
+    year: {
+      value: date.getFullYear(),
+      regExpAttributes: 'i'
+    },
+    month: {
+      value: date.getMonth() + 1
+    },
+    date: {
+      value: date.getDate(),
+      regExpAttributes: 'i'
+    },
+    hour: {
+      value: date.getHours(),
+      regExpAttributes: 'i'
+    },
+    minute: {
+      value: date.getMinutes()
+    },
+    second: {
+      value: date.getSeconds()
+    },
+    quarter: {
+      value: Math.floor((date.getMonth() + 3) / 3),
+      regExpAttributes: 'i'
+    },
+    millisecond: {
+      value: date.getMilliseconds()
+    }
+  }
+
+  for (const key in map) {
+    format = formatType(key, format, map[key].value, map[key].regExpAttributes)
+  }
+
+  return format
+}
+
+function getZeroStamp(date) {
+  const year = date.getFullYear()
+  const month = date.getMonth() + 1
+  const day = date.getDate()
+  return +new Date(year + '/' + month + '/' + day + ' 00:00:00')
+}
+
+function getDayDiff(date1, date2) {
+  return Math.floor((getZeroStamp(date1) - getZeroStamp(date2)) / DAY_TIMESTAMP)
+}
+
+function getNow() {
+  return window.performance && window.performance.now ? (window.performance.now() + window.performance.timing.navigationStart) : +new Date()
+}
+
+function computeNatureMaxDay(month, year) {
+  let natureMaxDay = 30
+  if ([1, 3, 5, 7, 8, 10, 12].indexOf(month) > -1) {
+    natureMaxDay = 31
+  } else {
+    if (month === 2) {
+      natureMaxDay = !year || (!(year % 400) || (!(year % 4) && year % 100)) ? 29 : 28
+    }
+  }
+
+  return natureMaxDay
+}
+
+export {
+  DAY_TIMESTAMP,
+  HOUR_TIMESTAMP,
+  MINUTE_TIMESTAMP,
+  pad,
+  formatType,
+  formatDate,
+  getZeroStamp,
+  getDayDiff,
+  getNow,
+  computeNatureMaxDay
+}

src/common/lang/string.js

@@ -0,0 +1,12 @@
+const camelizeRE = /-(\w)/g
+export function camelize (str) {
+  str = String(str)
+  return str.replace(camelizeRE, function (m, c) {
+    return c ? c.toUpperCase() : ''
+  })
+}
+
+export function kebab (str) {
+  str = String(str)
+  return str.replace(/([A-Z])/g, '-$1').toLowerCase()
+}

src/common/locale/index.js

@@ -0,0 +1,51 @@
+import defaultMessages from '../../locale/lang/zh-CN'
+import { warn } from '../helpers/debug'
+import { isUndef, isNumber } from '../helpers/util'
+import { formatDate } from '../lang/date'
+
+let proto
+
+const DEFAULT_LANG = 'zh-CN'
+
+const locale = {
+  name: 'locale',
+  install (Vue) {
+    if (locale.installed) return
+    proto = Vue.prototype
+    Vue.util.defineReactive(proto, '$cubeLang', DEFAULT_LANG)
+    proto['$cubeMessages'] = { [DEFAULT_LANG]: defaultMessages }
+    locale.installed = true
+  },
+  use (lang, messages) {
+    proto['$cubeLang'] = lang
+    const cubeMessages = proto['$cubeMessages']
+    // if messages have never been stored in vue.prototye
+    if (!(lang in cubeMessages)) {
+      cubeMessages[[lang]] = messages
+    }
+  },
+  helpers: {
+    toLocaleDateString (config, formatRules) {
+      /**
+       * Safari don't support formatRules like
+       * 'yyyy-MM-dd hh:mm:ss', so transfer it to 'yyyy/MM/dd hh:mm:ss'
+       */
+      const compatibleConfig = isNumber(config) ? config : config.replace(/-/g, '/')
+      const date = new Date(compatibleConfig)
+      /* istanbul ignore if */
+      if (isUndef(formatRules)) return date.toDateString()
+      return formatDate(date, formatRules)
+    }
+  },
+  addHelper (fnName, fn) {
+    // check existed helper fn
+    /* istanbul ignore if */
+    if (fnName in locale.helpers) {
+      warn(`${fnName} has already been registered on helpers function, please change another name`)
+      return
+    }
+    locale.helpers[fnName] = fn
+  }
+}
+
+export default locale

src/common/mixins/basic-picker.js

@@ -0,0 +1,44 @@
+const DEFAULT_KEYS = {
+  value: 'value',
+  text: 'text'
+}
+
+export default {
+  props: {
+    data: {
+      type: Array,
+      default() {
+        return []
+      }
+    },
+    selectedIndex: {
+      type: Array,
+      default() {
+        return []
+      }
+    },
+    alias: {
+      type: Object,
+      default() {
+        return {}
+      }
+    }
+  },
+  computed: {
+    valueKey() {
+      return this.alias.value || DEFAULT_KEYS.value
+    },
+    textKey() {
+      return this.alias.text || DEFAULT_KEYS.text
+    },
+    merge() {
+      return [this.data, this.selectedIndex]
+    }
+  },
+  watch: {
+    // Merge the watch handlers of data and selectedIndex into one.
+    merge(newVal) {
+      this.setData(newVal[0], newVal[1])
+    }
+  }
+}

src/common/mixins/deprecated.js

@@ -0,0 +1,22 @@
+import { tip } from '../../common/helpers/debug'
+import { kebab } from '../../common/lang/string'
+
+export default {
+  methods: {
+    _checkDeprecated() {
+      const props = this.$options.props
+      const componentName = this.$options.name
+
+      Object.entries(props).forEach(([key, prop]) => {
+        const deprecated = prop.deprecated
+
+        if (deprecated && this[key] !== undefined) {
+          tip(`The property "${kebab(key)}" is deprecated, please use the recommended property "${deprecated.replacedBy}" to replace it. Details could be found in https://didi.github.io/cube-ui/#/en-US/docs/${componentName.substr(5)}#cube-Propsconfiguration-anchor`, componentName)
+        }
+      })
+    }
+  },
+  mounted() {
+    this._checkDeprecated()
+  }
+}

src/common/mixins/locale.js

@@ -0,0 +1,25 @@
+import locale from '../locale'
+import { parsePath, isUndef } from '../helpers/util'
+import { warn } from '../helpers/debug'
+
+const TRANSLATION_ABSENT = `Translation is not registered correctly, ` +
+                           `you can call Locale.use() to install it.`
+
+export default {
+  computed: {
+    $t () {
+      const lang = this.$cubeLang
+      const messages = this.$cubeMessages[lang]
+      if (isUndef(messages)) {
+        warn(TRANSLATION_ABSENT)
+        return ''
+      }
+      return (path) => {
+        return parsePath(messages, path)
+      }
+    }
+  },
+  beforeCreate() {
+    locale.install(this.$root.constructor)
+  }
+}

src/common/mixins/picker.js

@@ -0,0 +1,34 @@
+export default {
+  props: {
+    title: {
+      type: String
+    },
+    subtitle: {
+      type: String
+    },
+    cancelTxt: {
+      type: String,
+      default: ''
+    },
+    confirmTxt: {
+      type: String,
+      default: ''
+    },
+    swipeTime: {
+      type: Number,
+      default: 2500
+    },
+    maskClosable: {
+      type: Boolean,
+      default: true
+    }
+  },
+  computed: {
+    _cancelTxt () {
+      return this.cancelTxt || this.$t('cancel')
+    },
+    _confirmTxt () {
+      return this.confirmTxt || this.$t('ok')
+    }
+  }
+}

src/common/mixins/popup.js

@@ -0,0 +1,12 @@
+export default {
+  props: {
+    zIndex: {
+      type: Number,
+      default: 100
+    },
+    maskClosable: {
+      type: Boolean,
+      default: false
+    }
+  }
+}

src/common/mixins/scroll.js

@@ -0,0 +1,11 @@
+export default {
+  props: {
+    // the options of BetterScroll
+    options: {
+      type: Object,
+      default() {
+        return {}
+      }
+    }
+  }
+}

src/common/mixins/visibility.js

@@ -0,0 +1,45 @@
+const EVENT_TOGGLE = 'toggle'
+
+export default {
+  model: {
+    prop: 'visible',
+    event: EVENT_TOGGLE
+  },
+  props: {
+    visible: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+      // If use the prop visible directly, the toggle will failed when user haven't set v-model as a reactive property.
+      // So we use the data isVisible instead.
+      isVisible: false
+    }
+  },
+  watch: {
+    isVisible(newVal) {
+      this.$emit(EVENT_TOGGLE, newVal)
+    }
+  },
+  mounted() {
+    this.$watch('visible', (newVal, oldVal) => {
+      if (newVal) {
+        this.show()
+      } else if (oldVal && !this._createAPI_reuse) {
+        this.hide()
+      }
+    }, {
+      immediate: true
+    })
+  },
+  methods: {
+    show() {
+      this.isVisible = true
+    },
+    hide() {
+      this.isVisible = false
+    }
+  }
+}

src/common/stylus/base.styl

@@ -0,0 +1,93 @@
+@require "./variable.styl"
+@require "./mixin.styl"
+
+body, html
+  line-height: 1
+  font-family: 'PingFang SC', 'STHeitiSC-Light', 'Helvetica-Light', arial, sans-serif, 'Droid Sans Fallback'
+  user-select: none
+  -webkit-tap-highlight-color: transparent
+
+.clear-fix
+  &::after
+    content: ""
+    display: table
+    clear: both
+
+.border-top-1px, .border-right-1px, .border-bottom-1px, .border-left-1px
+  position: relative
+  &::before, &::after
+    content: ""
+    display: block
+    position: absolute
+    transform-origin: 0 0
+
+.border-top-1px
+  &::before
+    border-top: 1PX solid $color-row-line
+    left: 0
+    top: 0
+    width: 100%
+    transform-origin: 0 top
+
+.border-right-1px
+  &::after
+    border-right: 1PX solid $color-col-line
+    top: 0
+    right: 0
+    height: 100%
+    transform-origin: right 0
+
+.border-bottom-1px
+  &::after
+    border-bottom: 1PX solid $color-row-line
+    left: 0
+    bottom: 0
+    width: 100%
+    transform-origin: 0 bottom
+
+.border-left-1px
+  &::before
+    border-left: 1PX solid $color-col-line
+    top: 0
+    left: 0
+    height: 100%
+    transform-origin: left 0
+
+.cube-safe-area-pb
+  safe-area-mixin(padding-bottom, bottom, true)
+
+@media (min-resolution: 2dppx)
+  .border-top-1px
+    &::before
+      width: 200%
+      transform: scale(.5)
+  .border-right-1px
+    &::after
+      height: 200%
+      transform: scale(.5)
+  .border-bottom-1px
+    &::after
+      width: 200%
+      transform: scale(.5)
+  .border-left-1px
+    &::before
+      height: 200%
+      transform: scale(.5)
+
+@media (min-resolution: 3dppx)
+  .border-top-1px
+    &::before
+      width: 300%
+      transform: scale(.333)
+  .border-right-1px
+    &::after
+      height: 300%
+      transform: scale(.333)
+  .border-bottom-1px
+    &::after
+      width: 300%
+      transform: scale(.333)
+  .border-left-1px
+    &::before
+      height: 300%
+      transform: scale(.333)

src/common/stylus/index.styl

@@ -0,0 +1,5 @@
+@require "./variable.styl"
+@require "./mixin.styl"
+@require "./reset.styl"
+@require "./base.styl"
+@require "../icon/cube-icon.styl"

src/common/stylus/mixin.styl

@@ -0,0 +1,63 @@
+border-1px($color = #ccc, $radius = 2PX, $style = solid)
+  position: relative
+  &::after
+    content: ""
+    pointer-events: none
+    display: block
+    position: absolute
+    left: 0
+    top: 0
+    transform-origin: 0 0
+    border: 1PX $style $color
+    border-radius: $radius
+    box-sizing border-box
+    width 100%
+    height 100%
+    @media (min-resolution: 2dppx)
+      width: 200%
+      height: 200%
+      border-radius: $radius * 2
+      transform: scale(.5)
+    @media (min-resolution: 3dppx)
+      width: 300%
+      height: 300%
+      border-radius: $radius * 3
+      transform: scale(.333)
+
+border-none()
+  &::before
+    display: none
+  &::after
+    display: none
+
+flex-fix()
+  flex: 1
+  flex-basis: 0.000000001px
+  width: 1%
+
+touch-active(type = orange)
+  if (type == orange)
+    &:active
+      color: #fcc1a6
+      background-color: rgba(250, 143, 84, .04)
+  else
+    &:active
+      color: #c6c6c6
+      background-color: rgba(0, 0, 0, .04)
+
+hide-scrollbar()
+  &::-webkit-scrollbar
+    width: 0
+    height: 0
+
+bg-image($url, $ext = ".png")
+  background-image: url($url + "@2x" + $ext)
+  @media (min-resolution: 3dppx)
+    background-image: url($url + "@3x" + $ext)
+
+functions = constant env
+safe-area-fn(fn, position)
+  s("%s(safe-area-inset-%s)", fn, position)
+safe-area-mixin(property, position, important = false)
+  for fn in functions
+    {property} safe-area-fn(fn, position) important == true ? !important : unquote("")

src/common/stylus/reset.styl

@@ -0,0 +1,55 @@
+/**
+ * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
+ * http://cssreset.com
+ */
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video, input
+  margin: 0
+  padding: 0
+  border: 0
+  font-size: 100%
+  font-weight: normal
+  vertical-align: baseline
+
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure,
+footer, header, menu, nav, section
+  display: block
+
+body
+  line-height: 1
+
+blockquote, q
+  quotes: none
+
+blockquote:before, blockquote:after,
+q:before, q:after
+  content: none
+
+table
+  border-collapse: collapse
+  border-spacing: 0
+
+/* custom */
+
+a
+  color: #999
+  text-decoration: none
+
+li
+  list-style: none
+
+body
+  -webkit-text-size-adjust: none
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)

src/common/stylus/theme/default.styl

@@ -0,0 +1,224 @@
+@require "../var/color.styl"
+
+// action-sheet
+$action-sheet-color := $color-grey
+$action-sheet-active-color := $color-orange
+$action-sheet-bgc := $color-white
+$action-sheet-active-bgc := $color-light-grey-opacity
+$action-sheet-title-color := $color-dark-grey
+$action-sheet-space-bgc := $color-mask-bg
+/// picker style
+$action-sheet-picker-cancel-color := $color-light-grey
+$action-sheet-picker-cancel-active-color := $color-light-grey-s
+
+// bubble
+
+// button
+$btn-color := $color-white
+$btn-bgc := $color-regular-blue
+$btn-active-bgc := $color-blue
+/// primary
+$btn-primary-color := $color-white
+$btn-primary-bgc := $color-orange
+$btn-primary-active-bgc := $color-dark-orange
+/// light
+$btn-light-color := $color-grey
+$btn-light-bgc := $color-light-grey-sss
+$btn-light-active-bgc := $color-active-grey
+/// outline
+$btn-outline-color := $color-grey
+$btn-outline-bgc := transparent
+$btn-outline-bdc := $color-grey
+$btn-outline-active-bgc := $color-grey-opacity
+$btn-outline-active-bdc := $color-grey
+/// outline-primary
+$btn-outline-primary-color := $color-orange
+$btn-outline-primary-bgc := transparent
+$btn-outline-primary-bdc := $color-orange
+$btn-outline-primary-active-bgc := $color-orange-opacity
+$btn-outline-primary-active-bdc := $color-dark-orange
+/// disabled
+$btn-disabled-color := $color-white
+$btn-disabled-bgc := $color-light-grey-s
+$btn-disabled-bdc := $color-light-grey-s
+
+// toolbar
+$toolbar-bgc := $color-light-grey-sss
+$toolbar-active-bgc := $color-active-grey
+
+// checkbox
+$checkbox-color := $color-grey
+$checkbox-icon-color := $color-light-grey-s
+/// checked
+$checkbox-checked-icon-color := $color-orange
+$checkbox-checked-icon-bgc := $color-white
+/// disabled
+$checkbox-disabled-icon-color := $color-light-grey-ss
+$checkbox-disabled-icon-bgc := $color-light-grey-ss
+// checkbox hollow
+$checkbox-hollow-checked-icon-color := $color-orange
+$checkbox-hollow-disabled-icon-color := $color-light-grey-ss
+// checkbox-group
+$checkbox-group-bgc := $color-white
+$checkbox-group-horizontal-bdc := $color-light-grey-s
+
+// radio
+$radio-group-bgc := $color-white
+$radio-group-horizontal-bdc := $color-light-grey-s
+$radio-color := $color-grey
+$radio-icon-color := $color-light-grey-s
+/// selected
+$radio-selected-icon-color := $color-white
+$radio-selected-icon-bgc := $color-orange
+/// disabled
+$radio-disabled-icon-bgc := $color-light-grey-ss
+// radio hollow
+$radio-hollow-selected-icon-color := $color-orange
+$radio-hollow-disabled-icon-color := $color-light-grey-ss
+
+//checker
+$checker-item-color := $color-grey
+$checker-item-bdc := $color-light-grey-sss
+$checker-item-bgc := $color-white
+$checker-item-active-color := $color-orange
+$checker-item-active-bdc := $color-orange
+$checker-item-active-bgc := $color-light-orange-opacity
+
+// dialog
+$dialog-color := $color-grey
+$dialog-bgc := $color-white
+$dialog-icon-color := $color-regular-blue
+$dialog-icon-bgc := $color-background
+$dialog-title-color := $color-dark-grey
+$dialog-close-color := $color-light-grey
+$dialog-btn-color := $color-light-grey
+$dialog-btn-bgc := $color-white
+$dialog-btn-active-bgc := $color-light-grey-opacity
+$dialog-btn-highlight-color := $color-orange
+$dialog-btn-highlight-active-bgc := $color-light-orange-opacity
+$dialog-btn-disabled-color := $color-light-grey
+$dialog-btn-disabled-active-bgc := transparent
+$dialog-btns-split-color := $color-row-line
+
+// index-list
+$index-list-bgc := $color-white
+$index-list-title-color := $color-dark-grey
+$index-list-anchor-color := $color-light-grey
+$index-list-anchor-bgc := #f7f7f7
+$index-list-item-color := $color-dark-grey
+$index-list-item-active-bgc := $color-light-grey-opacity
+$index-list-nav-color := $color-grey
+$index-list-nav-active-color := $color-orange
+
+// loading
+
+// picker
+$picker-bgc := $color-white
+$picker-title-color := $color-dark-grey
+$picker-subtitle-color := $color-light-grey
+$picker-confirm-btn-color := $color-orange
+$picker-confirm-btn-active-color := $color-light-orange
+$picker-cancel-btn-color := $color-light-grey
+$picker-cancel-btn-active-color := $color-light-grey-s
+$picker-item-color := $color-dark-grey
+
+// popup
+$popup-mask-bgc := rgb(37, 38, 45)
+$popup-mask-opacity := .4
+
+//scroll
+
+// slide
+$slide-dot-bgc := $color-light-grey-s
+$slide-dot-active-bgc := $color-orange
+
+// time-picker
+
+// tip
+$tip-color := $color-white
+$tip-bgc := $color-dark-grey-opacity
+
+// toast
+$toast-color := $color-light-grey-s
+$toast-bgc := rgba(37, 38, 45, 0.9)
+
+// upload
+$upload-btn-color := $color-grey
+$upload-btn-bgc := $color-white
+$upload-btn-active-bgc := $color-light-grey-opacity
+$upload-btn-box-shadow := 0 0 6px 2px $color-grey-opacity
+$upload-btn-border-color := #e5e5e5
+$upload-file-bgc := $color-white
+$upload-file-remove-color := rgba(0, 0, 0, .8)
+$upload-file-remove-bgc := $color-white
+$upload-file-state-bgc := $color-mask-bg
+$upload-file-success-color := $color-orange
+$upload-file-error-color := #f43530
+$upload-file-status-bgc := $color-white
+$upload-file-progress-color := $color-white
+
+// switch
+$switch-on-bgc := $color-orange
+$switch-off-bgc := $color-white
+$switch-off-border-color := #e4e4e4
+
+// input
+$input-color := $color-grey
+$input-bgc := $color-white
+$input-border-color := $color-row-line
+$input-focus-border-color := $color-orange
+$input-placeholder-color := $color-light-grey-s
+$input-clear-icon-color := $color-light-grey
+
+//textarea
+$textarea-color := $color-grey
+$textarea-bgc := $color-white
+$textarea-border-color := $color-row-line
+$textarea-focus-border-color := $color-orange
+$textarea-outline-color := $color-orange
+$textarea-placeholder-color := $color-light-grey-s
+$textarea-indicator-color := $color-light-grey-s
+
+// validator
+$validator-msg-def-color := #e64340
+
+// select
+$select-color := $color-grey
+$select-bgc := $color-white
+$select-disabled-color := #b8b8b8
+$select-disabled-bgc := $color-light-grey-opacity
+$select-border-color := $color-light-grey-s
+$select-border-active-color := $color-orange
+$select-icon-color := $color-light-grey
+$select-placeholder-color := $color-light-grey-s
+
+// swipe
+$swipe-btn-color := $color-white
+
+// form
+$form-color := $color-grey
+$form-bgc := $color-white
+$form-invalid-color := #e64340
+$form-group-legend-color := $color-light-grey
+$form-group-legend-bgc := $color-background
+$form-label-required-color := #e64340
+
+// drawer
+$drawer-color := $color-dark-grey
+$drawer-title-bdc := $color-light-grey-ss
+$drawer-title-bgc := $color-white
+$drawer-panel-bgc := $color-white
+$drawer-item-active-bgc := $color-light-grey-opacity
+
+// scroll-nav
+$scroll-nav-bgc := $color-white
+$scroll-nav-color := $color-grey
+$scroll-nav-active-color := $color-orange
+
+// image-preview
+$image-preview-counter-color := $color-white
+
+// tab-bar & tab-panel
+$tab-color := $color-grey
+$tab-active-color := $color-dark-orange
+$tab-slider-bgc := $color-dark-orange