diff --git a/.env b/.env
index b24896b..4a2c246 100644
--- a/.env
+++ b/.env
@@ -2,13 +2,13 @@
 # 注释只能在单独的一行里($需要转义: \$)
 
 APP_NAME=vue-tpl
-APP_VERSION=1.2.10
-# 发布地址(建议相对路径, 比如 '' './')
+# APP_VERSION: 自动从 package.json version 字段获取
+# 静态资源路径(开发环境的相对路径只支持'', 不支持./../等)
 BASE_URL=''
 # 接口地址(hash路由建议相对路径)
 BASE_PATH=api
 
-# 皮肤文件夹相对路径(其下的文件夹里只要没有index.scss就不会被识别为皮肤)
+# 皮肤文件夹相对别名的路径(其下的文件夹里只要没有index.scss就不会被识别为皮肤)
 SKIN_DIR=skin
 # 默认皮肤名 camelCase(多皮肤):SKIN_DIR/SKIN(/index)?.scss falsy(单皮肤):SKIN_DIR(/index)?.scss
 SKIN=light
@@ -24,4 +24,4 @@ SEARCH_FIELD=_target\d+
 #  [别名, 路径(相对根目录或入口), 默认指令(可省略)] 或者
 #  [别名, 路径, [允许的指令, ...], 默认指令(可省略)]
 #  ... ], 可使用cli命令指定指令(优先 --alias=foo.bar,bar.foo )
-_ALIAS=[["@iRoute", "index/route"]]
+_ALIAS=[["@iRoute", "index/route"], ["@oRoute", "other/route"]]
diff --git a/.env.development b/.env.development
index f9a55b2..97e8fc6 100644
--- a/.env.development
+++ b/.env.development
@@ -3,11 +3,11 @@
 # import() => require(), 提高热更新速度, https://github.com/vuejs/vue-cli/blob/master/packages/@vue/babel-preset-app/index.js#L134
 VUE_CLI_BABEL_TRANSPILE_MODULES=true
 
-# 服务主机，默认0.0.0.0(可通过localhost和ip访问), 默认打开优先ip
-DEV_SERVER_HOST=0.0.0.0
+# 服务主机，默认0.0.0.0(优先ip)
+# DEV_SERVER_HOST=0.0.0.0
 # DEV_SERVER_NETWORK=IPv6
 # 服务端口，默认9000
-DEV_SERVER_PORT=9000
+# DEV_SERVER_PORT=9000
 # 默认打开页 默认/
 # DEV_SERVER_PAGE=/
 # 是否使用https (不支持http2) 默认false
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 6e4ac64..7609d13 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,9 @@
 # 更新日志
 
+## v 1.2.17
+
+- 完善多SPA支持
+
 ## v 1.2.16
 
 - 文件/图片数据仓库, 下载任务增加禁用缓存选项
diff --git a/README.md b/README.md
index af595f6..ed8c3dc 100644
--- a/README.md
+++ b/README.md
@@ -194,7 +194,7 @@ yarn vue-cli-service help # [命令] : 比如 yarn vue-cli-service help test:e2e
 
 支持通过浏览器地址栏动态传递调试参数
 
-- 环境变量`SEARCH_FIELD`: **所有**ajax请求将会把满足该正则的参数传递给服务端(开发环境代理服务器)
+- 环境变量`SEARCH_FIELD`: **所有**ajax请求将会把满足该正则的参数传递给服务端
 
 - 动态代理字段, 通过`PROXY_FIELD`指定, 数字与静态代理(`BASE_PATH` + `PROXY_TARGET`)一致, 可以指定为环境变量名(比如 PROXY_TARGET)/ip/域名/完整url. 匹配的代理字段将**不会**传递给服务器
 
@@ -207,6 +207,8 @@ yarn vue-cli-service help # [命令] : 比如 yarn vue-cli-service help test:e2e
   # PROXY_TARGET1=https://bar.com:999/bar
   # PROXY_FIELD=proxy
   # SEARCH_FIELD=$PROXY_FIELD\d*
+
+  # 访问如下url:
   http://{ip}:{port}/{path}?proxy=http://127.0.0.1/foo&proxy1=0.0.0.0
   # 结果: BASE_PATH 为 foo 的接口代理到 http://127.0.0.1/foo
   #      BASE_PATH 为 bar 的接口代理到 https://0.0.0.0:999/bar
@@ -217,20 +219,20 @@ yarn vue-cli-service help # [命令] : 比如 yarn vue-cli-service help test:e2e
 ### 目录结构
 
 ```bash
-├── public # 静态文件目录, 除特殊文件(比如 html 模板)外, 直接复制到输出目录下
+├── public # 静态文件目录, 除SPA模板(*.html)外, 直接复制到输出目录下
 ├── src # 源码目录
 │   │── api # http通信
 │   │── assets # 静态资源文件目录, 使用到的会被解析处理(比如图片等)
-│   │── components # 从views/pages提取的复用组件(建文件夹分类, 未分类的基本就是基础组件了)
-│   │── functions # 从views/pages提取的复用逻辑(建文件夹分类, 未分类的基本就是公用逻辑了)
-│   │── config # 配置目录
+│   │── components # 提取的复用组件(文件夹分类, 未分类的基本就是基础组件了)
+│   │── functions # 提取的复用逻辑(文件夹分类, 未分类的基本就是公用逻辑了)
+│   │── config # 配置目录(输出到内联js, 可以直接修改而不用重新打包)
 │   │── enums # 枚举目录
 │   │── lang # 多语言目录
 │   │── libs # 存储不(能)通过 npm 管理的第三方库/依赖库等相关
 │   │── scss # 样式/CSS 对象(.module).scss 文件
-│   │── skin # 皮肤(scss变量) 文件
+│   │── skin # 皮肤文件(夹)
 │   │── route # 路由配置
-│   │── router # 路由设置
+│   │── router # 路由逻辑
 │   │── store # 状态管理
 │   │   └── modules # 各模块状态管理
 │   │── types # ts 接口/申明文件
@@ -242,12 +244,14 @@ yarn vue-cli-service help # [命令] : 比如 yarn vue-cli-service help test:e2e
 ├── tests # 测试用例目录
 │   │── e2e # e2e 测试(cypress): https://www.cypress.io
 │   └── unit # unit 测试(jest): https://jestjs.io
-├── build # 工具类脚本
-├── .env # 所有环境的环境变量(可通过 process.env 访问)
-├── .env.[mode] # 指定环境的环境变量
-├── .env.*.local # 本地环境变量(git忽略)
-├── ... # 配置文件
-└── vue.config.js # 工程(vue cli)配置入口
+├── build # 脚本
+│   └── ~fileName # 部署文件chunk名字典
+├── dist # 生成的部署文件目录
+├── .env # 所有环境的环境变量(满足正则/^[A-Z]+(?:_[A-Z]+)?$/的可通过process.env访问)
+├── .env.[mode] # 指定环境的环境变量(mode: development/production/test)
+├── .env.local/env.[mode].local # 本地环境变量(git忽略)
+├── ... # 其他配置文件
+└── vue.config.js # 配置入口(vue cli)
 ```
 
 > 目录结构说明:
@@ -264,13 +268,13 @@ yarn vue-cli-service help # [命令] : 比如 yarn vue-cli-service help test:e2e
 
 2. <a id="别名"></a>已有目录别名如下:
 
-   - `@` -> `src`
-   - `@com` -> `src/components`
-   - `@{entry}` -> 页面入口文件所在目录, 如: `@index`
-   - `@{entry}Com` -> 页面入口文件所在目录下的 `components` 目录(若存在), 如: `@indexCom`
-   - [路由配置别名](#指定路由配置通过别名)
+   - `@` => `src`
+   - `@com` => `src/components`
+   - `@{entry}` => 页面入口文件所在目录, 如: `@index`
+   - `@{entry}Com` => 页面入口文件所在目录下的 `components` 目录(若存在), 如: `@indexCom`
+   - [配置的别名](#指定路由配置通过别名)
 
-   **Tips**: 在 `scss` 中使用 `~` 解析 `别名`/`依赖包` 对应目录. 示例:
+   **Tips**: 在 `scss` 中使用 `~` 解析 `别名`/`依赖包`, 示例:
 
    ```html
    <!-- SomeView.vue -->
@@ -282,7 +286,6 @@ yarn vue-cli-service help # [命令] : 比如 yarn vue-cli-service help test:e2e
    </template>
 
    <style lang="scss">
-    /* => node_modules/normalize.css/normalize.css */
     @import '~normalize.css';
    </style>
 
@@ -293,13 +296,12 @@ yarn vue-cli-service help # [命令] : 比如 yarn vue-cli-service help test:e2e
    </style>
    ```
 
-3. 输出目录为 `dist`, 包含 js/css/img/font/media 等文件夹
-4. `config` 目录下的所有内容都会被内联到对应`html`中(需要保留的注释请使用: `/*! 注释内容 */`), 用于支持直接修改配置而不必重新打包代码
-5. 测试用例目录层级与文件名应尽量与源码对应
+3. `config` 目录下的所有内容都会被内联到对应`html`中(需要保留的注释请使用: `/*! 注释内容 */`), 用于支持直接修改配置而不必重新打包代码
+4. 测试用例目录层级与文件名应尽量与源码对应
 
 > **提示和建议**
 
-- 新建目录时尽量复用上述列出的目录名, 保证结构清晰的情况下减少目录层级
+- `src`下新建目录时应尽量复用现有目录名, 在保证结构清晰的情况下减少目录层级
 - 目录及文件命名:
 
   **文件夹及其它文件**(js/scss/图片等)使用 `camelCase` (即: 首字母小写驼峰 = lowerCamelCase)
@@ -317,14 +319,14 @@ yarn vue-cli-service help # [命令] : 比如 yarn vue-cli-service help test:e2e
     │── Item.vue
     └── ...
 
-    // 使用组件
+    // 使用BillList组件
     import BillList from '{path}/BillList'
     ```
 
 - **先设计**功能模块/组件再(目录层级)向下细分或向上提取
 - 越接近 src 目录的, 测试覆盖率也应越高; 被测试的代码应加注释`@test: true`表示在对应目录下包含测试用例, 否则指明测试代码路径或就近建`__tests__`目录; 修改了测试覆盖的代码后, 应视情况增加测试内容
-- 尽量**不要使用全局注册**(插件/组件/指令/混入等)以优化性能及chunk并且代码更清晰、易维护
-- 尽量**按照依赖库的文档描述**来使用她, 从其源码(src)引入模块(css/scss/.../js/mjs/ts/jsx/tsx/vue), 将可能**不会被转译**且更可能随版本更新改变, 需要时可以从其构建后的 lib/dist 等目录引入或者增加一些配置(需要了解模块解析及转码规则和相关插件, 不推荐)
+- 尽量**不要使用全局注册**(插件/组件/指令/混入等)以优化性能并且代码更清晰、更易维护
+- 尽量**按照依赖库的文档描述**来使用她, 从其源码(src)引入模块(css/scss/.../js/mjs/ts/jsx/tsx/vue), 将可能**不会被处理**且更可能随版本更新改变, 需要时可以从其构建后的 lib/dist 等目录引入或者增加一些配置(需要了解模块解析及转码规则和相关插件, 不推荐)
 - 若开发环境出现缓存相关错误信息导致热更新慢, 可以删除 `node_modules/.cache` 文件夹再试
 
 ### 风格建议
@@ -343,7 +345,7 @@ yarn vue-cli-service help # [命令] : 比如 yarn vue-cli-service help test:e2e
 - 另请参考: [vue 风格指南](https://cn.vuejs.org/v2/style-guide/) **推荐(C)及以上** 和 [stylelint](https://github.com/stylelint/stylelint/blob/master/docs/user-guide/rules.md) [配置](.stylelintrc.js)
 - 请直接使用`ES6+`, 除了`Proxy`等极少数不能shim和polyfill的(实际业务也极少用到), 不需要考虑兼容, 也不要做没必要/效果微弱的的优化(我检讨), 优先考虑代码**可读性**
 - 引用 `vue/tsx/ts/js/jsx` **不要加文件扩展名** 且省略 `/index`, 有利于重构代码
-- 在`tsx/jsx`中使用全局注册的组件时可以使用`kebab-case`, 否则会在控制台输出错误 ┐(: ´ ゞ｀)┌
+- 在`tsx/jsx`中使用**全局组件**时应使用`kebab-case`, 否则会在控制台输出错误 ┐(: ´ ゞ｀)┌
 
   ```TypeScript
   import { CreateElement } from 'vue'
@@ -352,7 +354,6 @@ yarn vue-cli-service help # [命令] : 比如 yarn vue-cli-service help test:e2e
   @Component
   export default class extends Vue {
     private render(h: CreateElement) {
-
       return (
         <el-row>
           <el-button>这是个按钮</el-button>
@@ -365,25 +366,25 @@ yarn vue-cli-service help # [命令] : 比如 yarn vue-cli-service help test:e2e
 - `enum/type/interface` 需要导出的直接 `export` (否则可能会得到 undefined), 其他的除了字典(硬编码)和只有默认导出的外, 先定义再`export`(IDE 提示更友好), 并且`export`语句放到最后
 - 不要使用 `$` 作为组件事件名, 该名字已被[异步组件刷新](src/components/hoc)占用
 - **私有属性**命名规则(避免 [属性名](https://cn.vuejs.org/v2/style-guide/#私有属性名-必要) 冲突):
-  - `$_` 实例命名空间(在保证易维护的前提下可以使用单字母, 但应尽量避免)
-  - `_$` **全局/跨组件/hack**命名空间, 命名前应**先全局搜索**是否有重复
-  - `/^[$_]+_$/` 注入**vue data 选项**命名空间应满足该正则, 即以`_`结尾(因为以`$_`其中一个字符开头的Vue不会劫持), 命名前应**先全局搜索**是否有重复
+  - `$_` 实例属性名前缀(在保证易维护的前提下可以使用单字母, 但应尽量避免)
+  - `_$` **全局/跨组件/hack**属性名前缀, 命名前应**先全局搜索**是否有重复
+  - `/^[^$_]+_$/` 注入**vue data 选项**的属性名应满足该正则, 即以`_`结尾(以`$_`其中一个字符开头的Vue会略过), 命名前应**先全局搜索**是否有重复
 
-- 除了以下样式可以使用全局:
+- 除了以下情况外, 不应使用全局样式:
 
   - 浏览器默认样式重置
-  - 通用`Transition` 动画样式
+  - 通用 `Transition` 动画样式
   - 通用字体图标样式
   - 基础组件样式(按照[BEM](https://en.bem.info)约定命名[参考链接](https://www.ibm.com/developerworks/cn/web/1512_chengfu_bem/))
 
-  均应使用 [CSSModule](https://vue-loader-v14.vuejs.org/zh-cn/features/css-modules.html)(开发环境class名:`[folder]__[name]_[local]-[emoji]$`), 以更好的实现模块化(支持复用)
+  应使用 [CSSModule](https://vue-loader-v14.vuejs.org/zh-cn/features/css-modules.html)(开发环境class名:`[folder]__[name]_[local]-[emoji]$`), 以更好地实现模块化(支持复用)
 
 - CSS Modules class 名使用 `camelCase`, 选择器嵌套**不应超过三层**
-- <a id="scss变量"></a>**皮肤文件**(scss变量) _(包含<a href="#别名">各别名</a>下[.env](.env) `GLOBAL_SCSS`变量指定的文件)_ 中不要出现具体样式, 也不要有[`:export{}`](https://github.com/css-modules/icss#export)(应在 `scss/export` 目录下或 `export*.scss` 中使用)
-- 为保证在`ts/js`中引入scss文件时, 变量注入正确(使用缓存会导致无法对相同文件注入不同变量，不用缓存显然不合理而且也不支持), 应在合适的位置新建 scss 文件来中转:
+- <a id="scss变量"></a>**皮肤文件**(`*.scss`) _(包含<a href="#别名">各别名</a>下GLOBAL_SCSS环境变量指定的文件)_ 中不要出现具体样式, 也不要有[`:export{}`](https://github.com/css-modules/icss#export) (`:export{}`应在 `scss/export` 目录下或 `export*.scss` 中使用)
+- 为保证在`ts/js`中引入scss文件时, 变量注入正确(使用缓存会导致无法对相同文件注入不同变量，不用缓存显然不好而且也不支持), 应在合适的位置新建 scss 文件来中转:
 
   ```scss
-  // el.scss
+  /// el.scss
   @import '~element-ui/packages/theme-chalk/src/button';
   ```
 
@@ -400,11 +401,10 @@ yarn vue-cli-service help # [命令] : 比如 yarn vue-cli-service help test:e2e
     import ElButton from 'element-ui/lib/button'
     import './el.scss'
 
-    @Component({
-      components: { ElButton },
-    })
+    @Component({ components: { ElButton } })
     export default class extends Vue {}
   </script>
+
   <!-- 也可以在这儿引用
   <style lang="scss">
   @import '~element-ui/packages/theme-chalk/src/button';
@@ -487,7 +487,7 @@ yarn vue-cli-service help # [命令] : 比如 yarn vue-cli-service help test:e2e
 
     /// 皮肤样式 ///
     import './scss/c.scss'
-    import $styleD from './scss/d.module.scss'
+    import D from './scss/d.module.scss'
 
     /// 指定皮肤样式 ///
     import './scss/e.scss?skin=dark'
@@ -495,21 +495,21 @@ yarn vue-cli-service help # [命令] : 比如 yarn vue-cli-service help test:e2e
 
     // CSS Module
     import getSkin from '@/skin'
-    import styleDark from './scss/g.module.scss?skin=dark|foo.scss'
-    import styleLight from './scss/g.module.scss?skin=light|bar.scss'
+    import dark from './scss/g.module.scss?skin=dark|foo.scss'
+    import light from './scss/g.module.scss?skin=light|bar.scss'
 
     import { Component, Vue } from 'vue-property-decorator'
 
-    const $styleF = getSkin({ dark: styleDark, light: styleLight })
+    const G = getSkin({ dark, light })
 
     @Component
     export default class extends Vue {
-      private get $styleD() {
-        return $styleD
+      private get D() {
+        return D
       }
 
-      private get $styleF() {
-        return $styleF
+      private get G() {
+        return G
       }
     }
   </script>
@@ -612,7 +612,7 @@ yarn vue-cli-service help # [命令] : 比如 yarn vue-cli-service help test:e2e
 - libs 下的库文件模块化懒加载示例(只会成功加载一次):
 
   ```TypeScript
-  // src/libs/somelib/index.ts
+  /// src/libs/somelib/index.ts
   /** 模块化异步引入somelib及其插件(全局类似)
   * @param plugins 需要加载的somelib插件名列表:
   *
@@ -624,7 +624,7 @@ yarn vue-cli-service help # [命令] : 比如 yarn vue-cli-service help test:e2e
   *
   * @returns {Promise<Array<Module>>} 模块
   */
-  function get(plugins: string[] = []): Promise<any> {
+  export default (plugins: string[] = []): Promise<any> => {
     let somelib: any
     return import(/* webpackChunkName: "lSomelib" */ './somelib.min')
       .then((module: any) => {
@@ -644,11 +644,7 @@ yarn vue-cli-service help # [命令] : 比如 yarn vue-cli-service help test:e2e
       .then((modules: Array<Promise<any>>) => somelib)
   }
 
-  export default get
-
-  // src/pages/index/components/Foo.vue
-  // ...
-  // <script lang="ts"> ...
+  /// src/pages/index/components/Foo.vue
   import get from '@/libs/somelib'
 
   @Component
@@ -657,7 +653,6 @@ yarn vue-cli-service help # [命令] : 比如 yarn vue-cli-service help test:e2e
       get(['plugin2']).then((somelib: any) => somelib.init(this.$refs.panel))
     }
   }
-  // ...
   ```
 
 - 所有视图组件可接收props:`route`代替`this.$route`, 区别是: **只在首次进入当前视图或当前视图url发生变化时改变**
@@ -682,9 +677,8 @@ yarn vue-cli-service help # [命令] : 比如 yarn vue-cli-service help test:e2e
     - 缺点: 需要其他模块时需要重新指定
   4. (第三方)依赖静态化[不推荐]
     - 优点: 静态化依赖只需一次构建; 支持CDN加载(可供多个应用使用)
-    - 缺点: 通常会增加文件体积(无法tree-shaking)/数量, 可能导致全局变量污染; CDN维护更新/版本管理
-
-## 部署(nginx)
+    - 缺点: 通常会增加文件体积(无法tree-shaking)/数量(不能合并), 可能导致全局变量污染; CDN维护更新/版本管理
+  5. **下一代方案**: 使用 [esbuild](https://github.com/evanw/esbuild) 提升构建/压缩速度
 
 - chunk hash 长度： 修改 [webpack.optimize.SplitChunksPlugin](node_modules/webpack/lib/optimize/SplitChunksPlugin.js)
 
@@ -698,10 +692,14 @@ yarn vue-cli-service help # [命令] : 比如 yarn vue-cli-service help test:e2e
   /* 29 */ };
   ```
 
-- url 重写兼容旧版
+## 部署(nginx)
+
+- url 重写`rewrite`兼容旧版
 - 反向代理, 绕过同源策略限制(api/图片等资源跨域等)
 - 开启 `gzip` 压缩, 并重用已有 `gz` 文件 `gzip_static on;`
 - 缓存静态资源(html 可减少缓存时间)
+- [HTTP2 Server Push](https://www.nginx.com/blog/nginx-1-13-9-http2-server-push) 服务器推送, 需要 `nginx` 版本**1.13.9**及以上, [文档链接](http://nginx.org/en/docs/http/ngx_http_v2_module.html#http2_push_preload)
+- 多个SPA history路由部署, 只能一个SPA一个location了么(待运维大佬解决)?
 
 配置示例( `nginx.conf` 文件, `xxx` 换成对应值):
 
@@ -757,42 +755,61 @@ http {
     # ssl_ciphers          HIGH:!aNULL:!MD5; # 定义算法
     # ssl_prefer_server_ciphers  on; # 优先采取服务器算法
 
+    client_max_body_size 10m; # 请求体大小限制 for上传文件
+
+    # http2_push_preload on; # 开启服务器推送
+    # add_header Set-Cookie "session=1"; # 添加cookie标识首次访问
+    # add_header Link $res; # 添加响应头 Link 指定要推送的文件, 使用自定义变量 res
+
+    # 安全性
     add_header Strict-Transport-Security "max-age=31536000; includeSubDomains; preload" always; # HSTS策略
     add_header X-Frame-Options DENY; # 减少点击劫持
     add_header X-Content-Type-Options nosniff; # 禁止服务器自动解析资源类型
     add_header X-Xss-Protection 1; # 防XSS攻擊
 
-    client_max_body_size 10m; # 请求体大小限制 for上传文件
-
     # error_page 500 502 503 504  /50x.html; # 错误页
     # error_page 404              /404.html; # 未知页
 
     location / {
       # rewrite ^/(?:path|path-alias)/(.*)$ /$1 last; # 兼容某些路由
-      # 设置静态资源缓存(文件名带内容哈希)
+      # 设置静态资源缓存(文件名已带内容哈希了)
       if ($uri ~ .*\.(?:js|css|jpg|jpeg|gif|png|ico|gz|svg|svgz|ttf|eot|mp4)$) {
-        expires 7d; # 7天
+        expires 7d; # d: 天
       }
       # html(文件名不变)
       if ($uri ~ .*\.(?:htm|html)$) {
-        expires 25m; # 25分钟
+        expires 25m; # m: 分钟
         # add_header Cache-Control private,no-store,no-cache,must-revalidate,proxy-revalidate;
       }
 
       index index.html;
       alias xxx/;
-      try_files $uri $uri.html $uri/ / =404;
+
+      set $u /; # for 多页history路由 其他location: ^/location([^/]+)
+      if ($uri ~ ^/([^/]+)) {
+        set $u $1.html; # 待测试
+      }
+      try_files $uri $uri/ $uri.html $u / =404;
+      # try_files $uri $uri/ $uri.html /location$u /location =404;
     }
     location /api {
       proxy_pass https?://xxx:xxx/xxx;
+      # http2_push_preload on; # 转发 Link 响应头
       # 缓存策略...
     }
 
   }
+
+  # 根据cookie映射变量res
+  # map $http_cookie $res {
+  #  "~*session=1" ""; # session为1时返回空字符串
+  #  # nopush: 若客户端存在缓存就不推送了
+  #  default "</style.css>; as=style; rel=preload; nopush, </image2.jpg>; as=image; rel=preload; nopush, </index.js>; as=script; rel=preload; nopush";
+  # }
 }
 ```
 
-- 解决字体图标偶尔乱码, 在 `mime.types` 文件中补全以下配置:
+(似乎也没必要)补全字体图标配置(`mime.types` 文件):
 
 ```diff
   font/woff                                        woff;
@@ -838,10 +855,10 @@ http {
 
 ### 笔记
 
-- 在 `ts/js` 中使用 `assets` 目录下的图片可以 `import img from '@/assets/img/*.png'`(或 require), `img`为图片输出路径或 base64 字符串, 其他类似(新的文件格式需要配置 loader 和增加[ts 定义](src/shims-modules.d.ts))
+- 在 `ts/js` 中使用 `assets` 目录下的图片可以 `import IMG from '@/assets/img/*.png'`(或 require), `IMG`为图片输出路径或 base64 字符串, 其他类似(新的文件格式需要配置 loader 和补充[ts 定义](src/shims-modules.d.ts))
 - 在 `scss` 中引入 `css` ([@import](https://www.sass.hk/docs)) 有两种方式
-  1. 【推荐】不带文件后缀, css 文件内容会被合并到当前文件. 比如: `@import '~normalize.css';`
-  1. 带文件后缀, 会处理成 css 的[@import](https://developer.mozilla.org/en-US/docs/Web/CSS/@import). 比如: `@import '~normalize.css/normalize.css';`
+  1. 【推荐】不带文件后缀, css 文件内容会被合并到当前文件, 比如: `@import '~normalize.css';`
+  1. 带文件后缀, 会处理成 css 的[@import](https://developer.mozilla.org/en-US/docs/Web/CSS/@import), 比如: `@import '~normalize.css/normalize.css';`
 - 文件下载(需要token且在请求头设置)
 
   ```TypeScript
@@ -876,7 +893,7 @@ http {
 ### 问题及思考
 
 - Vue 异步组件加载失败重试: 最好还是 Vue 对异步组件提供支持[#9788](https://github.com/vuejs/vue/issues/9788)
-- 现代模式(只针对 js 文件): 该模式优点是若浏览器支持 ES2015 则加载 ES2015 代码(体积更小执行更快, `<script type="module">` & `<link rel="modulepreload">`); 不支持则加载 Babel 转码后的代码(`<script nomodule>` & `<link rel="preload">`)
+- 现代模式(只针对 js 文件): 优先使用模块加载(体积更小执行更快, `<script type="module">` & `<link rel="modulepreload">`); 不支持时回退到普通加载(`<script nomodule>` & `<link rel="preload">`)
 - [#714](https://github.com/webpack-contrib/sass-loader/issues/714): 【不再考虑支持】可追踪引用, 使在 js 中引用 scss 时可正确<a href="#scss变量">注入 scss 变量</a>
 - scss 模块化: 已出 beta 但生态不完善, [草案](https://github.com/sass/sass/blob/master/accepted/module-system.md)
 - [微前端化](https://github.com/phodal/microfrontends#复合型): 应考虑基于 [Web Components](https://developer.mozilla.org/zh-CN/docs/Web/Web_Components) ([vue 友好](https://cli.vuejs.org/zh/guide/build-targets.html#web-components-组件), 可以兼容其他) 的集成和通信.
@@ -885,6 +902,7 @@ http {
 
 ### 其他
 
+- 观望 [deno](https://github.com/denoland/deno)
 - 期待 [vue3.0](https://github.com/vuejs/vue/projects/6)及其生态正式版 & [webpack 5.0](https://github.com/webpack/webpack/projects/5) [正式版](https://github.com/webpack/changelog-v5/blob/master/README.md)
 - `crypto-js` v4 **不支持 IE10**
 - `TypeScript`(3.8.2) `const enum` 编译为内联代码(`inline code`)的支持有限, 尽量使用常量成员, 然后等[更新](https://github.com/microsoft/TypeScript)吧
\ No newline at end of file
diff --git a/build/devServer.js b/build/devServer.js
index abedf33..4dffa47 100644
--- a/build/devServer.js
+++ b/build/devServer.js
@@ -1,14 +1,8 @@
-/*
- * @Description: 开发服务器代理设置
- * @Author: 毛瑞
- * @Date: 2019-07-25 19:27:34
- */
-
 /** 获取开发服务器代理设置
- *
  * @param {Object} ENV 环境变量
+ * @param {String[]} PAGES SPA名字
  */
-module.exports = function(ENV) {
+module.exports = function(ENV, PAGES) {
   const PORT = 9000
   const HOST = '0.0.0.0'
   const TARGET = 'PROXY_TARGET'
@@ -79,6 +73,8 @@ module.exports = function(ENV) {
   }
 
   // http2 应该是不能配置了
+  const REG_SLASHES = /\/+/g
+  const REG_FILES = /\..+$/
   return {
     host,
     port,
@@ -87,5 +83,30 @@ module.exports = function(ENV) {
     clientLogLevel: 'warn',
     overlay: { errors: true }, // lint
     openPage: ENV.DEV_SERVER_PAGE || '',
+    historyApiFallback: {
+      rewrites: [
+        {
+          // SPA可省略.html 支持history路由(路径不能有'.', 因为用REG_FILES匹配文件)
+          // TODO: 精确匹配已有资源
+          from: /./,
+          to({ parsedUrl: { pathname, search } }) {
+            search || (search = '')
+            const paths = pathname.replace(ENV.BASE_URL, '').split('/')
+            paths[0] || paths.shift()
+            const entry = paths.shift()
+
+            return (
+              (PAGES.includes(entry)
+                ? `${ENV.BASE_URL}/${
+                  paths.length && REG_FILES.test(pathname)
+                    ? paths.join('/')
+                    : `${entry}.html`
+                }`.replace(REG_SLASHES, '/')
+                : pathname) + search
+            )
+          },
+        },
+      ],
+    },
   }
 }
diff --git a/build/pages.js b/build/pages.js
index fcfc631..2848dc6 100644
--- a/build/pages.js
+++ b/build/pages.js
@@ -68,7 +68,7 @@ module.exports = function(isProd, entries) {
   const PAGRS_DIR = path.join(SRC_DIR, PAGRS_NAME) // 存放页面代码目录
   const templates = fs.readdirSync(PUB_DIR, { withFileTypes: true })
   const REG_DIR_FILE = /[\\/]\w+\.\w+$/
-  const REG_TEMPLATE = /\.html?$/
+  const REG_TEMPLATE = /\.html$/
   const pages = {}
 
   let isEmpty = true
diff --git a/build/production.config.js b/build/production.config.js
index 499a863..4728fb8 100644
--- a/build/production.config.js
+++ b/build/production.config.js
@@ -127,15 +127,15 @@ module.exports = function(config, ENV, pages) {
     chunks: 'all', // 包含所有类型包（同步&异步 用insert-preload补齐依赖）
 
     // 分割优先级: maxInitialRequest/maxAsyncRequests < maxSize < minSize
-    minSize: 84992, // 最小分包大小
+    minSize: 103424, // 最小分包大小
     // webpack 5
     // minSize: {
-    //   javascript: 84992, // 83k
-    //   style: 134144, // 131k
+    //   javascript: 103424, // 101k
+    //   style: 166912, // 163k
     // },
-    maxSize: 320512, // 最大分包大小（超过后尝试分出大于minSize的包）
+    maxSize: 357376, // 最大分包大小（超过后尝试分出大于minSize的包）
     // maxSize: {
-    //   javascript: 320512, // 313k
+    //   javascript: 357376, // 349k
     //   style: 398336, // 389k
     // },
     // maxInitialSize: 216064, // 最大初始加载大小 211k
diff --git a/build/updateJSON.js b/build/updateJSON.js
index 4432964..2181f93 100644
--- a/build/updateJSON.js
+++ b/build/updateJSON.js
@@ -72,9 +72,10 @@ module.exports = function(fileName, key, value) {
   } else {
     // 同步读
     try {
-      json = JSON.parse(fs.readFileSync(fileName).toString())
+      json = fs.readFileSync(fileName).toString()
+      json = JSON.parse(json)
     } catch (error) {
-      return
+      return json
     }
   }
 
@@ -97,7 +98,7 @@ module.exports = function(fileName, key, value) {
     fs.writeFile(
       fileName,
       JSON.stringify(json, null, 2),
-      error => error && console.error(`写入${fileName}失败`, error)
+      (error) => error && console.error(`写入${fileName}失败`, error)
     )
   }
 }
diff --git a/package.json b/package.json
index 7ea7ed6..1cf4fbf 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-tpl",
-  "version": "1.2.16",
+  "version": "1.2.17",
   "private": false,
   "description": "vue + vuex + vue router + TypeScript(支持 JavaScript) 模板",
   "author": "毛瑞 <Maorey@Foxmail.com>",
@@ -26,10 +26,11 @@
     "pixi.js": "^5.2.4",
     "pixi.js-legacy": "^5.2.4",
     "register-service-worker": "^1.7.1",
+    "screenfull": "^5.0.2",
     "three": "^0.116.1",
     "vue": "^2.6.11",
     "vue-class-component": "^7.2.3",
-    "vue-i18n": "^8.17.4",
+    "vue-i18n": "^8.17.6",
     "vue-property-decorator": "^8.4.2",
     "vue-router": "^3.1.6",
     "vuex": "^3.4.0",
@@ -43,10 +44,10 @@
     "@babel/plugin-proposal-export-namespace-from": "^7.8.3",
     "@babel/plugin-proposal-function-sent": "^7.8.3",
     "@babel/plugin-proposal-private-methods": "^7.8.3",
-    "@types/crypto-js": "3.1.45",
+    "@types/crypto-js": "3.1.46",
     "@types/d3": "^5.7.2",
     "@types/echarts": "^4.6.0",
-    "@types/jest": "^25.2.1",
+    "@types/jest": "^25.2.2",
     "@typescript-eslint/eslint-plugin": "^2.33.0",
     "@typescript-eslint/parser": "^2.33.0",
     "@vue/cli-plugin-babel": "^4.3.1",
@@ -60,7 +61,7 @@
     "@vue/cli-service": "^4.3.1",
     "@vue/eslint-config-standard": "^5.1.2",
     "@vue/eslint-config-typescript": "^5.0.2",
-    "@vue/test-utils": "^1.0.2",
+    "@vue/test-utils": "^1.0.3",
     "alternate-css-extract-plugin": "^0.9.4",
     "compression-webpack-plugin": "^4.0.0",
     "eslint": "^7.0.0",
@@ -78,7 +79,7 @@
     "regjsparser": "^0.6.4",
     "sass": "^1.26.5",
     "sass-loader": "^8.0.2",
-    "stylelint": "^13.3.3",
+    "stylelint": "^13.4.0",
     "stylelint-config-scss-maorey": "^1.1.1",
     "stylelint-webpack-plugin": "^2.0.0",
     "typescript": "^3.9.2",
diff --git a/src/api/user.ts b/src/api/user.ts
index 14345c9..1ed9422 100644
--- a/src/api/user.ts
+++ b/src/api/user.ts
@@ -6,6 +6,7 @@
 import { setHEAD, get, post } from '@/utils/ajax'
 import { local } from '@/utils/storage'
 import CONFIG from '@/config'
+import { STORAGE, AUTH } from '@/enums'
 
 // 加密算法(token + RSA 加密)
 import Jsencrypt from 'jsencrypt'
@@ -61,9 +62,9 @@ function login(formData: ILogin) {
     account,
     password,
   }).then(res => {
-    setHEAD(CONFIG.token, res.data.token, true)
+    setHEAD(AUTH.head, res.data.token, true)
     // 加密存token + 进入页面最先检查/设置token
-    local.set(CONFIG.token, res.data, CONFIG.tokenAlive)
+    local.set(STORAGE.me, res.data, CONFIG.tokenAlive)
     return res
   })
 }
@@ -74,8 +75,8 @@ function login(formData: ILogin) {
  */
 function logout() {
   return get(API.logout).then(res => {
-    setHEAD(CONFIG.token, '', true)
-    local.remove(CONFIG.token)
+    setHEAD(AUTH.head, '', true)
+    local.remove(STORAGE.me)
     return res
   })
 }
diff --git a/src/components/RouterViewTransparent.ts b/src/components/RouterViewTransparent.ts
index 59b0b46..26c885a 100644
--- a/src/components/RouterViewTransparent.ts
+++ b/src/components/RouterViewTransparent.ts
@@ -15,7 +15,6 @@ import getKey from '@/utils/getKey'
 // const ModuleOne: any = getAsync(() =>
 //  import(/* webpackChunkName: "ihOne" */ './ModuleOne')
 // )
-const max = CONFIG.subPage > 1 ? CONFIG.subPage : 1
 
 /** 透明分发路由(支持嵌套)
  *    可以给个key防止<RVT>复用:
@@ -51,7 +50,12 @@ export default {
     const meta = (this.route || this.$route).meta
     return (this.n = h(
       'KeepAlive',
-      { props: { max, exclude: this.$router.$.e } },
+      {
+        props: {
+          exclude: this.$router.$.e,
+          max: CONFIG.subPage > 1 ? CONFIG.subPage : 1,
+        },
+      },
       [
         h(
           'RouterView',
diff --git a/src/components/hoc.ts b/src/components/hoc.ts
index 7b3917f..0be060b 100644
--- a/src/components/hoc.ts
+++ b/src/components/hoc.ts
@@ -65,7 +65,7 @@ const Chooser: Component = {
   },
 }
 
-// 偶现一直在加载中的诡异状况, 原因未知
+// 偶现一直在加载中的诡异状况, 原因未知, key的问题?
 // function getAsync(
 //   promiseFactory: () => Promise<Component | AsyncComponent>,
 //   loading: Component = Loading,
@@ -113,10 +113,10 @@ const enum Status {
  *
  *      error: 加载失败展示的组件 默认:'com/Info'
  *
- *      delay: 展示loading延迟(ms) 默认:250
- *
  *      timeout: 加载组件超时时间 默认:'/config'.timeout
  *
+ *      delay: 展示loading延迟(ms) 默认:250
+ *
  *    }
  *
  * @returns {Component} 组件, error、loading、目标三个组件可触发事件'$'以重新加载
@@ -130,16 +130,15 @@ function getAsync(
     loading?: Component
     /** 加载失败展示的组件 默认:'@com/Info' */
     error?: Component
-    /** 展示loading延迟(ms) 默认:250 */
-    delay?: number
     /** 加载组件超时时间 默认:'@/config'.timeout */
     timeout?: number
+    /** 展示loading延迟(ms) */
+    delay?: number
   }
 ): Component {
   config || (config = {})
   config.loading || (config.loading = Loading)
   config.error || (config.error = Info)
-  config.delay || (config.delay = 250)
   config.timeout || (config.timeout = CONFIG.timeout)
 
   const store = Vue.observable({ s: Status.init })
@@ -174,10 +173,6 @@ function getAsync(
   return {
     functional: true,
     render(h, context) {
-      const data = context.data
-      ;(data.on || (data.on = {})).$ = onInit // event: $ 用于重新加载
-      key || (key = data.key || (data.key = getKey())) // 防缓存导致一直加载中
-
       if (keyDelay) {
         clearTimeout(keyDelay)
         keyDelay = 0
@@ -186,19 +181,25 @@ function getAsync(
         clearTimeout(keyTimeout)
         keyTimeout = 0
       }
+
+      const data = context.data
+      ;(data.on || (data.on = {})).$ = onInit // event: $ 用于重新加载
+      key || (key = data.key || (data.key = getKey())) // 防缓存导致一直加载中
+
       switch (store.s) {
         case Status.init:
           promiseFactory(context)
             .then(onDone)
             .catch(onFail)
-          keyTimeout = setTimeout(onTimeout, (config as any).timeout)
-          keyDelay = setTimeout(onLoad, (config as any).delay) // 默认延迟250ms显示loading
-          return h()
+          keyDelay = setTimeout(onLoad, (config as any).delay) // 延迟显示loading
+          ;(config as any).timeout > 0 &&
+            (keyTimeout = setTimeout(onTimeout, (config as any).timeout))
+          return h('i', { style: 'display:none', key: key + 'I' })
         case Status.load:
           data.key = key + 'L'
           return h((config as any).loading, data, context.children)
         case Status.fail:
-          data.key = key + 'R'
+          data.key = key + 'F'
           return h((config as any).error, data, context.children)
         default:
           data.key = key
diff --git a/src/config/index.ts b/src/config/index.ts
index 0f04f91..2aebd27 100644
--- a/src/config/index.ts
+++ b/src/config/index.ts
@@ -4,12 +4,39 @@
  * @Date: 2019-06-19 12:52:09
  */
 export default {
-  /*! 【全局配置】 */
+  /*! 【全局配置(时间单位ms)】 */
 
-  /*! 请求接口基础路径(hash路由建议相对路径, 比如'api') */
-  /** 请求接口基础路径(hash路由建议相对路径, 比如'api') */
+  /* ！【↓应用跳转配置↓】history路由必须绝对路径 */
+  /*! 索引页 */
+  /** 索引页 */
+  index: './',
+
+  /*! 登录页 */
+  /** 登录页 */
+  login: 'login',
+
+  /*! 其他页 */
+  /** 其他页 */
+  other: 'other',
+
+  /*! 未知页 */
+  /** 未知页 */
+  notFind: '404',
+
+  /*! 错误页 */
+  /** 错误页 */
+  error: '50x',
+
+  /* ！【↑应用跳转配置↑】 */
+
+  /*! 接口地址(hash路由建议相对路径, 比如'api') */
+  /** 接口地址(hash路由建议相对路径, 比如'api') */
   baseUrl: process.env.BASE_PATH,
 
+  /*! 网站路径, history路由必须/开头 */
+  /** 网站路径, history路由必须/开头 */
+  base: '',
+
   /*! 接口请求超时 0表示不限制 */
   /** 接口请求超时 0表示不限制 */
   timeout: 30 * 1000,
@@ -20,19 +47,19 @@ export default {
 
   /*! 全局接口响应缓存最大存活时间 */
   /** 全局接口响应缓存最大存活时间 */
-  apiCacheAlive: 30 * 1000,
+  apiCacheAlive: 3 * 1000,
 
-  /*! token header 字段 */
-  /** token header 字段 */
-  token: 'token',
+  /*! token cookie 字段 */
+  /** token cookie 字段 */
+  cookie: 'Authorization',
 
-  /*! token 有效期(小时 服务端响应？) */
-  /** token 有效期(小时 服务端响应？) */
-  tokenAlive: 24 * 7,
+  /*! token head 字段 */
+  /** token head 字段 */
+  head: 'Authorization',
 
-  /*! 本地偏好存储键 */
-  /** 本地偏好存储键 */
-  prefer: 'prefer',
+  /*! 身份有效期(取与服务端有效期的最小值) */
+  /** 身份有效期(取与服务端有效期的最小值) */
+  tokenAlive: 2 * 60 * 60 * 1000,
 
   /*! 最大页面缓存数 */
   /** 最大页面缓存数 */
@@ -45,4 +72,22 @@ export default {
   /*! 最大页面缓存时间 */
   /** 最大页面缓存时间 */
   pageAlive: 30 * 1000,
+
+  /** 去指定页
+   * @param id SPA ID, 见this键值
+   *  falsy: 去登录页
+   *  string: 去指定页
+   *  不存在的id: 未知页
+   */
+  g(id?: string) {
+    if (id) {
+      location.href = (this as any)[id] || this.notFind
+    } else {
+      try {
+        window.stop() // 停止加载资源
+      } catch (error) {}
+      location.href = this.login
+      throw 0 // eslint-disable-line no-throw-literal
+    }
+  },
 }
diff --git a/src/enums/index.ts b/src/enums/index.ts
new file mode 100644
index 0000000..d017196
--- /dev/null
+++ b/src/enums/index.ts
@@ -0,0 +1,17 @@
+/** 本地存储 */
+export const enum STORAGE {
+  /** 用户信息 */
+  me = '`',
+  /** 权限 */
+  auth = '~',
+  /** 偏好 */
+  prefer = '!',
+}
+
+/** 授权 */
+export const enum AUTH {
+  /** cookie字段 */
+  cookie = 'XSF-TOKEN',
+  /** http head字段 */
+  head = 'X-XSF-TOKEN',
+}
diff --git a/src/functions/auth.ts b/src/functions/auth.ts
new file mode 100644
index 0000000..1aea3ab
--- /dev/null
+++ b/src/functions/auth.ts
@@ -0,0 +1,25 @@
+/** 鉴权 */
+
+/** 是否满足(全部)指定权限
+ * @param {...String} authKey 权限id
+ *
+ * @returns {Boolean}
+ */
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+function fit(...authKey: string[]) {
+  return true
+}
+/** 是否包含指定权限(之一)
+ * @param {...String} authKey 权限id
+ *
+ * @returns {Boolean}
+ */
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+function any(...authKey: string[]) {
+  return true
+}
+
+/** 初始化权限 */
+// eslint-disable-next-line no-empty-function, @typescript-eslint/no-unused-vars
+export default (auth: any, expires?: number) => {}
+export { fit, any }
diff --git a/src/functions/checkLogin.ts b/src/functions/checkLogin.ts
new file mode 100644
index 0000000..dd49902
--- /dev/null
+++ b/src/functions/checkLogin.ts
@@ -0,0 +1 @@
+// 检查是否登录
diff --git a/src/functions/cipher.ts b/src/functions/cipher.ts
new file mode 100644
index 0000000..29bdbb3
--- /dev/null
+++ b/src/functions/cipher.ts
@@ -0,0 +1 @@
+/** 加密/解密 */
diff --git a/src/functions/main.ts b/src/functions/main.ts
new file mode 100644
index 0000000..ebe92d6
--- /dev/null
+++ b/src/functions/main.ts
@@ -0,0 +1,97 @@
+/** 入口挂载公共逻辑, 手工控制入口大小 */
+import Vue from 'vue'
+import { Store } from 'vuex'
+import Router from 'vue-router'
+
+import { fit, any } from '@/functions/auth'
+import { on, off, once, emit } from '@/utils/eventBus'
+// import { throttle } from '@/utils/performance'
+import { dev } from '@/libs/vue'
+
+import '@/libs/components/junior'
+import '@/libs/components/senior'
+
+/// 全局样式(使用全局皮肤 src/skin) ///
+import 'element-ui/lib/theme-chalk/base.css' // element-ui字体+过渡动画
+import '@/scss/base.scss?skin=' // 基础样式
+import '@/libs/components/junior.scss'
+import '@/libs/components/senior.scss'
+
+/** 埋点(日志采集) */
+// function collection() {
+//   if (process.env.NODE_ENV === 'production') {
+//     Vue.config.errorHandler = function(err, vm, info) {
+//       // 采集并上传错误日志
+//     }
+//     const data: IObject[] = []
+//     window.addEventListener(
+//       'mousemove',
+//       throttle((e: MouseEvent) => {
+//         // 页面地址&鼠标位置 可用于统计(比如热力图)用户关注的页面及功能
+//         data.push({ url: location.href, x: e.pageX, y: e.pageY })
+//       }, 3000)
+//     )
+//     window.addEventListener('beforeunload', () => {
+//       submit(data) // 上传数据
+//     })
+//   }
+// }
+
+/** 挂载应用 */
+export default async <T>(App: any, router?: Router, store?: Store<T>) => {
+  const proto = Vue.prototype
+  if (router) {
+    /// 注入 ///
+    /// 权限方法(指令就没必要了) ///
+    proto.authFit = fit
+    proto.authAny = any
+    /// 消息总线  ///
+    proto.on = on
+    proto.off = off
+    proto.once = once
+    proto.emit = emit
+    /// 路由环境 ///
+    proto.getPathByCode = (code: string) => {
+      for (const route of (router as any).options.routes) {
+        if (code === route.meta.code) {
+          return route.path as string
+        }
+      }
+      return ''
+    }
+    proto.reloadRouteByCode = (code: string) => {
+      for (const route of (router as any).options.routes) {
+        if (code === route.meta.code) {
+          return (route.meta.reload = true)
+        }
+      }
+    }
+  }
+
+  // collection()
+  dev(Vue)
+
+  // 防阻塞页面（defer的脚本已缓存时不会非阻塞执行bug:chromium#717979）
+  // [消息总线]直接复用根实例 (vue之外也会用到)
+  // const root = new Vue(App)
+  // temp = Vue.prototype
+  // temp.on = root.$on
+  // temp.once = root.$once
+  // temp.off = root.$off
+  // temp.emit = root.$emit
+  // setTimeout(() => { root.$mount('#app') })
+  // try {
+  //   await import(/* webpackChunkName: "junior" */ '@/libs/components/junior')
+  //   await import(/* webpackChunkName: "senior" */ '@/libs/components/senior')
+  // } catch (error) {
+  //   proto.$message.error('资源加载失败, 部分功能将不可用！')
+  //   console.error(error)
+  // }
+
+  if (router || store) {
+    const componentOptions = App.options || App
+    componentOptions.router = router
+    componentOptions.store = store
+  }
+  setTimeout(() => new Vue(App).$mount('#app'))
+}
diff --git a/src/functions/router/index.ts b/src/functions/router/index.ts
new file mode 100644
index 0000000..0d3d7b5
--- /dev/null
+++ b/src/functions/router/index.ts
@@ -0,0 +1,43 @@
+/** 路由公共逻辑 */
+import Vue from 'vue'
+import Router, { Route, RouterOptions } from 'vue-router'
+
+import setMeta from './setMeta'
+import routerGuards from './routerGuards'
+
+export interface RouteMeta {
+  /** 标题/面包屑 */
+  name: string
+  /** 缩略图 */
+  thumb: string
+  /** 路由最大缓存时间 */
+  alive?: number
+  /** 下次访问路由是否需要重新加载 */
+  reload?: boolean
+  /** 是否有权访问 */
+  _: boolean
+  /** alive setTimeout id */
+  t?: number
+  /** 嵌套路由自动加key用以标识 */
+  k?: number
+  /** 滚动位置 */
+  // x?: number
+  // y?: number
+}
+
+declare global {
+  /** 路由对象 */
+  interface IRoute extends Route {
+    meta: RouteMeta
+  }
+}
+
+export default (config: RouterOptions) => {
+  setMeta(config)
+
+  const router = new Router(config)
+  routerGuards(router)
+
+  Vue.use(Router)
+  return router
+}
diff --git a/src/functions/router/routerGuards.ts b/src/functions/router/routerGuards.ts
new file mode 100644
index 0000000..48d9422
--- /dev/null
+++ b/src/functions/router/routerGuards.ts
@@ -0,0 +1,168 @@
+/** 导航守卫 */
+import Vue from 'vue'
+import Router, { Route, Location } from 'vue-router'
+
+import CONFIG from '@/config'
+import getKey from '@/utils/getKey'
+import { cancel } from '@/utils/ajax'
+
+import NProgress from 'nprogress'
+import 'nprogress/nprogress.css'
+
+export default (router: Router) => {
+  ;(router as any).$ = Vue.observable({ e: null }) // hack 刷新路由
+
+  /// 路由刷新 ///
+  /**
+    <KeepAlive
+      :max="9"
+      :exclude="$router.$.e"
+    >
+      <RouterView />
+    </KeepAlive>
+    keep-alive 缓存处理，这很hacky, 俺know
+    也可以通过切换key绑定实现(如下)，但是:
+    1. 没有max可能内存溢出
+    2. 有max，刷新后其他已缓存组件会被逐渐挤出缓存
+    <KeepAlive :max="9">
+      <RouterView :key="$route.meta.$.k" />
+    </KeepAlive>
+  */
+  function restoreName(this: any) {
+    let temp
+    this._$a &&
+      (temp = this.$vnode.componentOptions) &&
+      (temp = temp.Ctor.options) &&
+      (temp.name = this._$a)
+  }
+  function refreshRoute(route: Route, noTop?: 1) {
+    if (route.matched) {
+      route = route.matched as any // 最后一个match一定是当前路由
+      route = (route as any)[(route as any).length - 1]
+    }
+
+    let temp: any
+    let instance: any
+    const instances = (route as any).instances
+    const HOOK = 'hook:beforeDestroy'
+    for (temp in instances) {
+      if (
+        (instance = instances[temp]) &&
+        (temp = (temp = instance.$vnode.componentOptions) && temp.Ctor.options)
+      ) {
+        if (!instance._$a) {
+          instance._$a = temp.name
+          instance.$on(HOOK, restoreName)
+        }
+        ;(router as any).$.e = temp.name = getKey('r')
+      }
+    }
+
+    // 没实例(已经渲染了,劫持render也没用) 刷她爸爸/整个网页
+    instance ||
+      ((temp = (route as any).parent) // eslint-disable-line no-cond-assign
+        ? refreshRoute(temp, noTop)
+        : noTop || location.reload())
+  }
+
+  const REG_REDIRECT = /\/r\//
+  const META = (router as any).options.meta
+  router.beforeEach((to, from, next) => {
+    let temp
+    if (!to.matched.length) {
+      if (!from.matched.length) {
+        return next(META.home)
+      }
+      if (REG_REDIRECT.test((temp = to.redirectedFrom || to.fullPath))) {
+        temp = temp.replace(REG_REDIRECT, '/')
+        if (temp === (from.redirectedFrom || from.fullPath)) {
+          return refreshRoute(from)
+        }
+        // 重定向并刷新
+        if ((to = router.resolve(temp).route).matched.length) {
+          refreshRoute(to, 1)
+          next(to as Location) // 还是要再进一次beforeEach, 虽然都给解析出来了┐(: ´ ゞ｀)┌
+        }
+      }
+      return
+    }
+    if (!to.meta._) {
+      // 没访问权限
+      from.matched.length || next(META.home)
+      return
+    }
+
+    NProgress.start() // 开始进度条
+    cancel('导航: 取消未完成请求')
+    // 缓存控制
+    if ((temp = to.meta).alive <= 0) {
+      refreshRoute(to, 1)
+    } else {
+      if (temp.reload) {
+        refreshRoute(to, 1)
+        temp.reload = 0
+      }
+      if (temp.t) {
+        clearTimeout(temp.t)
+        temp.t = 0
+      }
+      if (!((temp = from.meta.alive) <= 0)) {
+        from.meta.t = setTimeout(() => {
+          from.meta.reload = 1
+        }, temp || CONFIG.pageAlive)
+      }
+    }
+    // 关闭所有提示
+    temp = router.app
+    try {
+      temp.$message.closeAll()
+      temp.$notify.closeAll()
+      temp.$msgbox.close()
+    } catch (error) {}
+    // 记录离开前的滚动位置
+    // if ((temp = temp.$el) && (temp = temp.querySelector('.el-main'))) {
+    //   from.meta.x = temp.scrollLeft
+    //   from.meta.y = temp.scrollTop
+    // }
+    // 为每个路由对应的组件添加 props:route (路由配置props只允许对象 不然报错给你看)
+    if ((temp = to.matched) && (temp = temp[temp.length - 1])) {
+      temp = temp.props as any
+      temp = temp.default || (temp.default = {})
+      ;(!temp.route || temp.route.fullPath !== to.fullPath) && (temp.route = to)
+    }
+
+    next()
+  })
+
+  // function restoreScrollPosition(this: Vue) {
+  //   const container = this.$root.$el.querySelector('.el-main')
+  //   if (container) {
+  //     const meta = ((this as any).route || this.$route).meta
+  //     container.scrollLeft = meta.x
+  //     container.scrollTop = meta.y
+  //   }
+  // }
+  router.afterEach((to: any) => {
+    // 设置页面标题
+    const meta = to.meta
+    let temp: any = META.name || ''
+    temp = meta.name ? meta.name + (temp && ' - ' + temp) : temp
+    temp && (document.title = temp)
+    // 还原滚动位置
+    // if ((meta = to.matched)) {
+    //   const HOOK = 'hook:activated'
+    //   for (temp of meta) {
+    //     if ((temp = temp.instances)) {
+    //       for (to in temp) {
+    //         if ((to = temp[to]) && !to._$b) {
+    //           to._$b = restoreScrollPosition
+    //           to.$on(HOOK, to._$b)
+    //         }
+    //       }
+    //     }
+    //   }
+    // }
+
+    NProgress.done() // 结束进度条
+  })
+}
diff --git a/src/functions/router/setMeta.ts b/src/functions/router/setMeta.ts
new file mode 100644
index 0000000..aef844e
--- /dev/null
+++ b/src/functions/router/setMeta.ts
@@ -0,0 +1,22 @@
+import { RouterOptions, RouteConfig } from 'vue-router'
+
+import getKey from '@/utils/getKey'
+
+/** 筛选 & 设置路由meta */
+export default function setMeta(config: RouterOptions, routes?: RouteConfig[]) {
+  const META = (config as any).meta || ((config as any).meta = {})
+  arguments.length > 1 || (routes = config.routes)
+  if (!routes || !routes.length) {
+    return
+  }
+
+  let route
+  let meta
+  for (route of routes) {
+    route.path || (route.path = getKey('/')) // 默认路径
+    META.home || (META.home = route.path) // 首页默认第一个路由
+    meta = route.meta || (route.meta = {})
+    meta._ = true // 有权访问 或者移除无权的
+    setMeta(META, route.children)
+  }
+}
diff --git a/src/libs/components/README.md b/src/libs/components/README.md
new file mode 100644
index 0000000..2d1024a
--- /dev/null
+++ b/src/libs/components/README.md
@@ -0,0 +1,11 @@
+# 注册全局组件
+
+## 目的
+
+1. 只注册基础必须的全局组件, 减少部署文件包大小
+2. 管理入口大小(视情况调整), 加快首屏呈现速度(减少输入 url 后白屏等待时间)
+
+## 注意事项
+
+1. 没必要全局异步注册(通过`hoc.getAsync/ChooserAsyncFunctional`先占坑), 得(首屏速度)不偿失(cpu/内存资源消耗)
+2. **避免全局样式污染**
diff --git a/src/libs/components/junior.scss b/src/libs/components/junior.scss
new file mode 100644
index 0000000..cf67aba
--- /dev/null
+++ b/src/libs/components/junior.scss
@@ -0,0 +1,68 @@
+/// 【全局样式】 ///
+
+/// [基础] ///
+@import '~@/scss/reset';
+
+// [全局组件] ///
+
+// 布局
+@import '~element-ui/packages/theme-chalk/src/row';
+@import '~element-ui/packages/theme-chalk/src/col';
+@import '~element-ui/packages/theme-chalk/src/container';
+@import '~element-ui/packages/theme-chalk/src/aside';
+@import '~element-ui/packages/theme-chalk/src/main';
+// loading和消息
+@import '~element-ui/packages/theme-chalk/src/loading';
+@import '~element-ui/packages/theme-chalk/src/tooltip';
+@import '~element-ui/packages/theme-chalk/src/popover';
+@import '~element-ui/packages/theme-chalk/src/message';
+@import '~element-ui/packages/theme-chalk/src/message-box';
+@import '~element-ui/packages/theme-chalk/src/notification';
+
+/// [覆盖上述全局组件样式] ///
+// 通知
+.el-notification {
+  position: fixed;
+  z-index: $zFixed !important;
+  margin-top: $heightHeader;
+}
+// loading & 遮罩
+.v-modal,
+.el-loading-mask {
+  z-index: $zFixed !important;
+  background-color: rgba($colorBackGround, 0.9);
+}
+// 弹窗
+.el-dialog__wrapper {
+  z-index: $zInfo !important;
+}
+// 对话框
+.el-message-box__wrapper {
+  z-index: $zDialog !important;
+}
+// 消息提示
+.el-message {
+  z-index: $zMessage !important;
+  margin-top: $heightHeader;
+}
+// 鼠标提示&弹出框
+.el-popper,
+.el-popover,
+.el-tooltip__popper {
+  z-index: $zTop !important;
+  max-width: 66%;
+}
+
+/// 【！覆！盖！全！局！样！式！】 ///
+// 表格
+.el-table tbody {
+  color: $colorTextCommon;
+}
+// 条纹
+.el-table__row--striped td {
+  background: rgba($colorTheme9, 0.3) !important;
+}
+// 选中行
+.current-row > td {
+  background: rgba($colorTheme6, 0.6) !important;
+}
diff --git a/src/libs/components/junior.ts b/src/libs/components/junior.ts
new file mode 100644
index 0000000..c6ce4dd
--- /dev/null
+++ b/src/libs/components/junior.ts
@@ -0,0 +1,39 @@
+/** 注册基础全局组件 */
+import Vue from 'vue' // 单例
+
+/// 全局注册的组件，请尽量不要让这个列表变太长, 【影响入口大小】 ///
+
+// 布局
+import Row from 'element-ui/lib/row'
+import Col from 'element-ui/lib/col'
+import Container from 'element-ui/lib/container'
+import Aside from 'element-ui/lib/aside'
+import Main from 'element-ui/lib/main'
+// loading和消息
+import Loading from 'element-ui/lib/loading'
+import Tooltip from 'element-ui/lib/tooltip'
+import Popover from 'element-ui/lib/popover'
+import Message from 'element-ui/lib/message'
+import MessageBox from 'element-ui/lib/message-box'
+import Notification from 'element-ui/lib/notification'
+
+/// 注册全局组件 ///
+const proto = Vue.prototype
+
+// 布局
+Vue.use(Row)
+Vue.use(Col)
+Vue.use(Container)
+Vue.use(Aside)
+Vue.use(Main)
+// loading和消息
+Vue.use(Loading.directive)
+proto.$loading = Loading.service
+Vue.use(Tooltip)
+Vue.use(Popover)
+proto.$msgbox = MessageBox
+proto.$alert = MessageBox.alert
+proto.$confirm = MessageBox.confirm
+proto.$prompt = MessageBox.prompt
+proto.$notify = Notification
+proto.$message = Message
diff --git a/src/pages/other/scss/main.scss b/src/libs/components/senior.scss
similarity index 54%
rename from src/pages/other/scss/main.scss
rename to src/libs/components/senior.scss
index d9d46bd..bbeade7 100644
--- a/src/pages/other/scss/main.scss
+++ b/src/libs/components/senior.scss
@@ -1,24 +1,16 @@
 /// 【全局样式】 ///
 
-/// [基础] ///
-@import '~@/scss/reset';
+// [全局组件] ///
 
-// [element-ui] ///
-// 布局
-@import '~element-ui/packages/theme-chalk/src/row';
-@import '~element-ui/packages/theme-chalk/src/col';
-@import '~element-ui/packages/theme-chalk/src/container';
-@import '~element-ui/packages/theme-chalk/src/aside';
-@import '~element-ui/packages/theme-chalk/src/main';
-// 基础
+// 常用
 @import '~element-ui/packages/theme-chalk/src/button';
 @import '~element-ui/packages/theme-chalk/src/button-group';
 @import '~element-ui/packages/theme-chalk/src/link';
-@import '~element-ui/packages/theme-chalk/src/loading';
 @import '~element-ui/packages/theme-chalk/src/divider';
 @import '~element-ui/packages/theme-chalk/src/Card';
-// 弹窗&表单
-@import '~element-ui/packages/theme-chalk/src/dialog';
+// 滚动面板【隐藏组件】
+@import '~element-ui/packages/theme-chalk/src/scrollbar';
+// 表单
 @import '~element-ui/packages/theme-chalk/src/form';
 @import '~element-ui/packages/theme-chalk/src/form-item';
 @import '~element-ui/packages/theme-chalk/src/input';
@@ -28,32 +20,14 @@
 @import '~element-ui/packages/theme-chalk/src/option-group';
 @import '~element-ui/packages/theme-chalk/src/checkbox';
 @import '~element-ui/packages/theme-chalk/src/checkbox-group';
-// 提示
-@import '~element-ui/packages/theme-chalk/src/tooltip';
-@import '~element-ui/packages/theme-chalk/src/popover';
-@import '~element-ui/packages/theme-chalk/src/message';
-@import '~element-ui/packages/theme-chalk/src/message-box';
-@import '~element-ui/packages/theme-chalk/src/notification';
-// 滚动面板【隐藏组件】
-@import '~element-ui/packages/theme-chalk/src/scrollbar';
+// 弹窗
+@import '~element-ui/packages/theme-chalk/src/dialog';
 
-/// 【覆盖element-ui】 ///
-// <a> 按钮
+/// [覆盖上述全局组件样式] ///
+// 按钮
 .el-button {
   text-decoration: none;
 }
-// 表格
-.el-table tbody {
-  color: $colorTextCommon;
-}
-// 条纹
-.el-table__row--striped td {
-  background: rgba($colorTheme9, 0.3) !important;
-}
-// 选中行
-.current-row > td {
-  background: rgba($colorTheme6, 0.6) !important;
-}
 // input:text/textarea数字统计
 .el-range-editor .el-range-input {
   background: $colorTransparent;
@@ -100,35 +74,3 @@
     background: $colorScrollBarHover;
   }
 }
-// 通知
-.el-notification {
-  position: fixed;
-  z-index: $zFixed !important;
-  margin-top: $heightHeader;
-}
-// loading & 遮罩
-.v-modal,
-.el-loading-mask {
-  z-index: $zFixed !important;
-  background-color: rgba($colorBackGround, 0.9);
-}
-// 弹窗
-.el-dialog__wrapper {
-  z-index: $zInfo !important;
-}
-// 对话框
-.el-message-box__wrapper {
-  z-index: $zDialog !important;
-}
-// 消息提示
-.el-message {
-  z-index: $zMessage !important;
-  margin-top: $heightHeader;
-}
-// 鼠标提示&弹出框
-.el-popper,
-.el-popover,
-.el-tooltip__popper {
-  z-index: $zTop !important;
-  max-width: 66%;
-}
diff --git a/src/libs/components/senior.ts b/src/libs/components/senior.ts
new file mode 100644
index 0000000..2bbdb12
--- /dev/null
+++ b/src/libs/components/senior.ts
@@ -0,0 +1,53 @@
+/** 注册全局组件 */
+import Vue from 'vue' // 单例
+
+/// 全局注册的组件，请尽量不要让这个列表变太长, 【影响入口大小】 ///
+// 常用
+import Button from 'element-ui/lib/button'
+import ButtonGroup from 'element-ui/lib/button-group'
+import Link from 'element-ui/lib/link'
+import Divider from 'element-ui/lib/divider'
+import Card from 'element-ui/lib/card'
+// 滚动面板【隐藏组件】
+import Scrollbar from 'element-ui/lib/scrollbar'
+// 表单
+import Form from 'element-ui/lib/form'
+import FormItem from 'element-ui/lib/form-item'
+import Input from 'element-ui/lib/input'
+import Autocomplete from 'element-ui/lib/autocomplete'
+import Select from 'element-ui/lib/select'
+import Option from 'element-ui/lib/option'
+import OptionGroup from 'element-ui/lib/option-group'
+import Checkbox from 'element-ui/lib/checkbox'
+import CheckboxGroup from 'element-ui/lib/checkbox-group'
+// 弹窗
+import Dialog from 'element-ui/lib/dialog'
+
+import hackScrollbar from '@/libs/enhancers/scrollbar'
+import hackFormItem from '@/libs/enhancers/formItem'
+import hackDialog from '@/libs/enhancers/dialog'
+
+/// 注册全局组件 ///
+// 基础
+Vue.use(Button)
+Vue.use(ButtonGroup)
+Vue.use(Link)
+Vue.use(Divider)
+Vue.use(Card)
+
+// 滚动面板【隐藏组件】
+Vue.use(hackScrollbar(Scrollbar))
+
+// 表单
+Vue.use(Form)
+Vue.use(hackFormItem(FormItem))
+Vue.use(Input)
+Vue.use(Autocomplete)
+Vue.use(Select)
+Vue.use(Option)
+Vue.use(OptionGroup)
+Vue.use(Checkbox)
+Vue.use(CheckboxGroup)
+
+// 弹窗
+Vue.use(hackDialog(Dialog))
diff --git a/src/pages/index/libs/echarts.ts b/src/libs/echarts.ts
similarity index 81%
rename from src/pages/index/libs/echarts.ts
rename to src/libs/echarts.ts
index d69f8bd..9ae1bac 100644
--- a/src/pages/index/libs/echarts.ts
+++ b/src/libs/echarts.ts
@@ -1,5 +1,5 @@
 /*
- * @Description: 统一设置ECharts皮肤等
+ * @Description: ECharts适配
  * @Author: 毛瑞
  * @Date: 2019-07-31 15:13:54
  */
@@ -10,26 +10,9 @@ import { get } from '@/skin'
 import { isFn } from '@/utils'
 import { on } from '@/utils/eventBus'
 // import { watch, unWatch, run } from '@/utils/watch'
+import registerTheme from '@/skin/echarts'
 
-/// 注册皮肤 (应与皮肤名一致 echarts内置:default/light/dark) ///
-// echarts.registerTheme('light', {
-//   // 自带皮肤 light 的颜色, 定制皮肤: https://echarts.baidu.com/theme-builder/
-//   color: [
-//     '#37A2DA',
-//     '#32C5E9',
-//     '#67E0E3',
-//     '#9FE6B8',
-//     '#FFDB5C',
-//     '#ff9f7f',
-//     '#fb7293',
-//     '#E062AE',
-//     '#E690D1',
-//     '#e7bcf3',
-//     '#9d96f5',
-//     '#8378EA',
-//     '#96BFFF',
-//   ],
-// })
+registerTheme(echarts)
 
 // const idSet = new Set<string>()
 // const instanceSet = new WeakSet()
diff --git a/src/libs/enhancers/README.md b/src/libs/enhancers/README.md
new file mode 100644
index 0000000..25a2721
--- /dev/null
+++ b/src/libs/enhancers/README.md
@@ -0,0 +1,12 @@
+# 第三方组件增强/修改/装饰器
+
+## 目的
+
+1. 适配第三方组件的【全局】使用需求
+2. 修复第三方组件的 bug
+
+## 注意事项
+
+1. 尽量仅包装目标, 不应影响原有行为, 不适用的情况时应采用: 高阶组件包装 扩展 甚至重写组件 的方式(作为新的组件使用放对应组件目录)
+2. 类型统一为: `function <T>fooDecorator(component: T): T`
+3. 获取 Vue 组件选项时应使用 `component.options || component`, 前者为 class 组件, 后者为 options 组件
diff --git a/src/libs/elDialogDragable.ts b/src/libs/enhancers/dialog.ts
similarity index 96%
rename from src/libs/elDialogDragable.ts
rename to src/libs/enhancers/dialog.ts
index 46c0215..a830812 100644
--- a/src/libs/elDialogDragable.ts
+++ b/src/libs/enhancers/dialog.ts
@@ -73,8 +73,8 @@ function handleDragable(this: IObject) {
 
 /** hack: 使ElDialog支持 props dragable (默认true) 允许拖拽
  */
-export default (options: IObject) => {
-  options.options && (options = options.options)
+export default <T>(component: T) => {
+  let options = (component as any).options || component
 
   // 增加 props: dragable
   if ((options.props || (options.props = {})).dragable) {
@@ -93,4 +93,6 @@ export default (options: IObject) => {
     type: Boolean,
   }
   options.closeOnClickModal.default = false // 默认禁止点击外部关闭弹窗
+
+  return component
 }
diff --git a/src/libs/enhancers/formItem.ts b/src/libs/enhancers/formItem.ts
new file mode 100644
index 0000000..82cde89
--- /dev/null
+++ b/src/libs/enhancers/formItem.ts
@@ -0,0 +1,20 @@
+/** hack: ElFormItem for 表单(ElForm)重设初始值(initialValue)
+ */
+export default <T>(component: T) => {
+  const options = (component as any).options || component
+  options.mounted = function() {
+    if (this.prop) {
+      this.dispatch('ElForm', 'el.form.addField', [this])
+      Array.isArray((this.initialValue = this.fieldValue)) &&
+        (this.initialValue = [this.initialValue])
+      this.addValidateEvents()
+    }
+  }
+  options.methods.setIni = function(model: IObject) {
+    for (const field of this.fields) {
+      field.initialValue = model[field.prop]
+    }
+    this.clearValidate()
+  }
+  return component
+}
diff --git a/src/libs/enhancers/scrollbar.ts b/src/libs/enhancers/scrollbar.ts
new file mode 100644
index 0000000..5a62c5d
--- /dev/null
+++ b/src/libs/enhancers/scrollbar.ts
@@ -0,0 +1,14 @@
+/** hack: ElScrollbar 不出现滚动条时不显示
+ */
+export default <T>(component: T) => {
+  const Bar = ((component as any).options || component).components.Bar
+  const created = Bar.created
+  Bar.created = function() {
+    created && created.apply(this, arguments)
+    this.$watch('size', function(this: any, size: string) {
+      this.$el.style.display = size && size !== '0' ? '' : 'none'
+    })
+  }
+
+  return component
+}
diff --git a/src/libs/elUploadOnFileChange.ts b/src/libs/enhancers/upload.ts
similarity index 88%
rename from src/libs/elUploadOnFileChange.ts
rename to src/libs/enhancers/upload.ts
index 8f52379..9f8d7f4 100644
--- a/src/libs/elUploadOnFileChange.ts
+++ b/src/libs/enhancers/upload.ts
@@ -1,7 +1,7 @@
 /** hack: 使ElUpload支持 props onFileChange 文件变化
  */
-export default (options: IObject) => {
-  options.options && (options = options.options)
+export default <T>(component: T) => {
+  let options = (component as any).options || component
   // hack props
   if ((options.props || (options.props = {})).onFileChange) {
     return
@@ -28,4 +28,6 @@ export default (options: IObject) => {
     vm.onFileChange && vm.onFileChange(event, vm)
     handleChange.apply(this, arguments)
   }
+
+  return component
 }
diff --git a/src/libs/vue.ts b/src/libs/vue.ts
index 4b3c70d..667506c 100644
--- a/src/libs/vue.ts
+++ b/src/libs/vue.ts
@@ -103,9 +103,7 @@ function sleep(component: Component | AsyncComponent) {
   }
 }
 
-/** 开发环境处理
- * @param Vue
- */
+/** 开发环境注入 */
 function dev(Vue: VueConstructor) {
   // 在浏览器开发工具的性能/时间线面板中启用Vue组件性能追踪 && 更友好的组件名(vue-devtool)
   ;(Vue.config.performance = process.env.NODE_ENV === 'development') &&
diff --git a/src/pages/index/App.vue b/src/pages/index/App.vue
index d425096..c8c4da9 100644
--- a/src/pages/index/App.vue
+++ b/src/pages/index/App.vue
@@ -23,7 +23,7 @@
       mode="out-in"
     >
       <KeepAlive
-        :max="max"
+        :max="CONF.page > 1 ? CONF.page : 1"
         :exclude="$router.$.e"
       >
         <RouterView />
@@ -98,8 +98,8 @@ export default class extends Vue {
     statePrefer.SET_SKIN(skin)
   }
 
-  private get max() {
-    return CONFIG.page > 1 ? CONFIG.page : 1
+  private get CONF() {
+    return CONFIG
   }
 }
 </script>
diff --git a/src/pages/index/components/charts/Line.vue b/src/pages/index/components/charts/Line.vue
index ee36f35..4f59f2f 100644
--- a/src/pages/index/components/charts/Line.vue
+++ b/src/pages/index/components/charts/Line.vue
@@ -11,7 +11,7 @@
 import { Component, Vue, Prop, Watch } from 'vue-property-decorator'
 
 import { EChartOption, ECharts } from 'echarts'
-import echarts from '@index/libs/echarts'
+import echarts from '@/libs/echarts'
 import 'echarts/lib/chart/line' // 折线图
 
 import 'echarts/lib/component/grid' // 直角坐标系
diff --git a/src/pages/index/components/charts/Rose.vue b/src/pages/index/components/charts/Rose.vue
index 40e1bc3..ac489b2 100644
--- a/src/pages/index/components/charts/Rose.vue
+++ b/src/pages/index/components/charts/Rose.vue
@@ -12,7 +12,7 @@
 import { Component, Vue, Prop, Watch } from 'vue-property-decorator'
 
 import { EChartOption, ECharts } from 'echarts'
-import echarts from '@index/libs/echarts'
+import echarts from '@/libs/echarts'
 import 'echarts/lib/chart/pie' // 饼图
 
 import 'echarts/lib/component/title' // 标题
diff --git a/src/pages/index/main.ts b/src/pages/index/main.ts
index 3d7e8f8..c5c5c78 100644
--- a/src/pages/index/main.ts
+++ b/src/pages/index/main.ts
@@ -3,69 +3,12 @@
  * @Author: 毛瑞
  * @Date: 2019-06-18 15:58:46
  */
+import '@/functions/checkLogin' // 未登录尽快跳转
 import router from './router'
 import store from './store'
-import Vue from 'vue'
 import App from './App'
 
-import { on, off, once, emit } from '@/utils/eventBus'
-// import { throttle } from '@/utils/performance'
-import { dev } from '@/libs/vue'
+import mount from '@/functions/main'
 import './registerServiceWorker'
 
-/// 全局样式 ///
-import '@/scss/icon.scss?skin='
-import '@/scss/transitions.scss?skin='
-
-/* ---------------------- 我是一条分割线 (灬°ω°灬) ---------------------- */
-
-let temp
-temp = Vue.prototype
-
-/// eventBus 注入 ///
-temp.on = on
-temp.off = off
-temp.once = once
-temp.emit = emit
-
-/// 埋点 ///
-// if (process.env.NODE_ENV === 'production') {
-//   Vue.config.errorHandler = function(err, vm, info) {
-//     // 采集并上传错误日志
-//   }
-//   const data: IObject[] = []
-//   window.addEventListener(
-//     'mousemove',
-//     throttle((e: MouseEvent) => {
-//       // 页面地址&鼠标位置 可用于统计(比如热力图)用户关注的页面及功能
-//       data.push({ url: location.href, x: e.pageX, y: e.pageY })
-//     }, 3000)
-//   )
-//   window.addEventListener('beforeunload', () => {
-//     submit(data) // 上传数据
-//   })
-// }
-
-dev(Vue)
-
-// 防阻塞页面（defer的脚本已缓存时不会非阻塞执行bug:chromium#717979）
-// [消息总线]直接复用根实例 (vue之外也会用到)
-// const root = new Vue(App)
-// temp = Vue.prototype
-// temp.on = root.$on
-// temp.once = root.$once
-// temp.off = root.$off
-// temp.emit = root.$emit
-// setTimeout(() => { root.$mount('#app') })
-setTimeout(() => {
-  // new Vue({
-  //   store,
-  //   router,
-  //   render: (h: CreateElement): VNode => h(App),
-  // }).$mount('#app')
-  // hack: 省root组件
-  temp = App.options || App
-  temp.store = store
-  temp.router = router
-  new Vue(App).$mount('#app')
-})
+mount(App, router, store)
diff --git a/src/pages/index/route/index.ts b/src/pages/index/route/index.ts
index 2142028..dff00c2 100644
--- a/src/pages/index/route/index.ts
+++ b/src/pages/index/route/index.ts
@@ -3,78 +3,18 @@
  * @Author: 毛瑞
  * @Date: 2019-07-01 16:26:36
  */
-import { getAsync } from '@com/hoc' // 高阶组件工具
-// import RouterViewTransparent from '@com/RouterViewTransparent'
+import { RouterOptions } from 'vue-router'
 
-import IMG_HOME from '@index/assets/home.png'
-import IMG_ABOUT from '@index/assets/about.png'
+import CONFIG from '@/config'
+import { home, about } from '@index/views'
 
 export default {
-  /*! 【index页路由配置(https://router.vuejs.org/zh/api/#router-构建选项)】
-   * meta: {
-   *  name 对应标题/位置导航
-   *  thumb 缩略图
-   *  alive 路由最大缓存时间
-   *  reload 下次访问路由是否需要重新加载
-   * }
-   */
-
   mode: 'hash',
-  meta: {
-    /*! 默认页 */ home: '/home',
-    /*! 标题 */ name: 'vue-tpl',
+  base: CONFIG.base,
+  meta: { home: '/home', name: 'vue-tpl' },
+  /** 滚动行为, 仅<body>, 不能处理指定元素的滚动 */
+  scrollBehavior(to, from, savedPosition) {
+    return to.hash ? { selector: to.hash } : savedPosition
   },
-  routes: [
-    {
-      /*! 首页 */
-
-      path: '/home',
-      meta: {
-        name: '首页', // 标题
-        thumb: IMG_HOME,
-      },
-      component: getAsync(
-        () => import(/* webpackChunkName: "iHome" */ '@index/views/Home') as any
-      ),
-      // 嵌套路由
-      // component: RouterViewTransparent,
-      // children: [
-      //   {
-      //     path: '',
-      //     meta: { name: '示例' },
-      //     component: getAsync(
-      //       () =>
-      //         import(
-      //           /* webpackChunkName: "iHome" */
-      //           '@index/views/Home'
-      //         ) as any
-      //     ),
-      //   },
-      //   {
-      //     path: ':id',
-      //     meta: { name: '详情' },
-      //     // props: { be: 'detail' },
-      //     component: getAsync(
-      //       () =>
-      //         import(
-      //           /* webpackChunkName: "iHome" */
-      //           '@index/views/Home/Detail'
-      //         ) as any
-      //     ),
-      //   },
-      // ],
-    },
-    {
-      /*! 关于 */
-
-      path: '/about',
-      meta: {
-        name: '关于',
-        thumb: IMG_ABOUT,
-      },
-      component: getAsync(() =>
-        import(/* webpackChunkName: "iAbout" */ '@index/views/About')
-      ),
-    },
-  ],
-}
+  routes: [home(), about()],
+} as RouterOptions
diff --git a/src/pages/index/router.ts b/src/pages/index/router.ts
index 6a608ee..4c3fb08 100644
--- a/src/pages/index/router.ts
+++ b/src/pages/index/router.ts
@@ -3,218 +3,7 @@
  * @Author: 毛瑞
  * @Date: 2019-06-18 15:58:46
  */
-import Vue from 'vue'
-import Router, { RouteConfig, Route, Location } from 'vue-router'
+import config from '@iRoute' // 【使用别名】
+import use from '@/functions/router'
 
-import configRoute from '@iRoute' // 使用别名
-import CONFIG from '@/config'
-import getKey from '@/utils/getKey'
-import { cancel } from '@/utils/ajax'
-
-import NProgress from 'nprogress'
-import 'nprogress/nprogress.css'
-
-export interface IMeta {
-  /** 标题/面包屑 */
-  name: string
-  /** 缩略图 */
-  thumb: string
-  /** 路由最大缓存时间 */
-  alive?: number
-  /** 下次访问路由是否需要重新加载 */
-  reload?: boolean
-  /** 滚动位置 */
-  x?: number
-  y?: number
-  /** 是否有权访问 */
-  _: boolean
-  /** alive setTimeout id */
-  t?: number
-  /** 嵌套路由自动加key用以标识 */
-  k?: number
-}
-declare global {
-  /** 路由对象 */
-  interface IRoute extends Route {
-    meta: IMeta
-  }
-}
-
-const META = configRoute.meta
-/// 路由元数据 ///
-;(function hack(list?: RouteConfig[]) {
-  if (!list || !list.length) {
-    return
-  }
-  let route
-  let meta
-  for (route of list) {
-    route.path || (route.path = getKey('/')) // 默认路径
-    META.home || (META.home = route.path) // 首页默认第一个路由
-    meta = route.meta || (route.meta = {})
-    meta._ = true // 有权访问 或者移除无权的
-    hack(route.children)
-  }
-})(configRoute.routes)
-
-// scrollBehavior 不能处理指定元素的滚动
-const router = new Router(configRoute)
-;(router as any).$ = Vue.observable({ e: null }) // hack 刷新路由
-
-/// 路由刷新 ///
-/**
-<KeepAlive
-  :max="9"
-  :exclude="$router.$.e"
->
-  <RouterView />
-</KeepAlive>
-keep-alive 缓存处理，这很hacky, 俺know
-也可以通过切换key绑定实现(如下)，但是:
-1. 没有max可能内存溢出
-2. 有max，刷新后其他已缓存组件会被逐渐挤出缓存
-<KeepAlive :max="9">
-  <RouterView :key="$route.meta.$.k" />
-</KeepAlive>
-*/
-function restoreName(this: any) {
-  let temp
-  this._$a &&
-    (temp = this.$vnode.componentOptions) &&
-    (temp = temp.Ctor.options) &&
-    (temp.name = this._$a)
-}
-function refreshRoute(route: Route, noTop?: 1) {
-  if (route.matched) {
-    route = route.matched as any // 最后一个match一定是当前路由
-    route = (route as any)[(route as any).length - 1]
-  }
-
-  let temp: any
-  let instance: any
-  const instances = (route as any).instances
-  const HOOK = 'hook:beforeDestroy'
-  for (temp in instances) {
-    if (
-      (instance = instances[temp]) &&
-      (temp = (temp = instance.$vnode.componentOptions) && temp.Ctor.options)
-    ) {
-      if (!instance._$a) {
-        instance._$a = temp.name
-        instance.$on(HOOK, restoreName)
-      }
-      ;(router as any).$.e = temp.name = getKey('r')
-    }
-  }
-
-  // 没实例(已经渲染了,劫持render也没用) 刷她爸爸/整个网页
-  instance ||
-    ((temp = (route as any).parent) // eslint-disable-line no-cond-assign
-      ? refreshRoute(temp, noTop)
-      : noTop || location.reload())
-}
-
-/// 导航守卫 ///
-const REG_REDIRECT = /\/r\//
-router.beforeEach((to, from, next) => {
-  let temp
-  if (!to.matched.length) {
-    if (!from.matched.length) {
-      return next(META.home)
-    }
-    if (REG_REDIRECT.test((temp = to.redirectedFrom || to.fullPath))) {
-      temp = temp.replace(REG_REDIRECT, '/')
-      if (temp === (from.redirectedFrom || from.fullPath)) {
-        return refreshRoute(from)
-      }
-      // 重定向并刷新
-      if ((to = router.resolve(temp).route).matched.length) {
-        refreshRoute(to, 1)
-        next(to as Location) // 还是要再进一次beforeEach, 虽然都给解析出来了┐(: ´ ゞ｀)┌
-      }
-    }
-    return
-  }
-  if (!to.meta._) {
-    // 没访问权限
-    from.matched.length || next(META.home)
-    return
-  }
-
-  NProgress.start() // 开始进度条
-  cancel('导航: 取消未完成请求')
-  // 缓存控制
-  if ((temp = to.meta).alive <= 0) {
-    refreshRoute(to, 1)
-  } else {
-    if (temp.reload) {
-      refreshRoute(to, 1)
-      temp.reload = 0
-    }
-    if (temp.t) {
-      clearTimeout(temp.t)
-      temp.t = 0
-    }
-    if (!((temp = from.meta.alive) <= 0)) {
-      from.meta.t = setTimeout(() => {
-        from.meta.reload = 1
-      }, temp || CONFIG.pageAlive)
-    }
-  }
-  // 关闭所有提示
-  // temp = router.app
-  // temp.$message.closeAll()
-  // temp.$notify.closeAll()
-  // try {
-  //   temp.$msgbox.close()
-  // } catch (error) {}
-  // 记录离开前的滚动位置
-  // if ((temp = temp.$el) && (temp = temp.querySelector('.el-main'))) {
-  //   from.meta.x = temp.scrollLeft
-  //   from.meta.y = temp.scrollTop
-  // }
-  // 为每个路由对应的组件添加 props:route (路由配置props只允许对象 不然报错给你看)
-  if ((temp = to.matched) && (temp = temp[temp.length - 1])) {
-    temp = temp.props as any
-    temp = temp.default || (temp.default = {})
-    ;(!temp.route || temp.route.fullPath !== to.fullPath) && (temp.route = to)
-  }
-
-  next()
-})
-
-// function restoreScrollPosition(this: Vue) {
-//   const container = this.$root.$el.querySelector('.el-main')
-//   if (container) {
-//     const meta = ((this as any).route || this.$route).meta
-//     container.scrollLeft = meta.x
-//     container.scrollTop = meta.y
-//   }
-// }
-router.afterEach((to: any) => {
-  // 设置页面标题
-  const meta = to.meta
-  let temp: any = META.name || ''
-  temp = meta.name ? meta.name + (temp && ' - ' + temp) : temp
-  temp && (document.title = temp)
-  // 还原滚动位置
-  // if ((meta = to.matched)) {
-  //   const HOOK = 'hook:activated'
-  //   for (temp of meta) {
-  //     if ((temp = temp.instances)) {
-  //       for (to in temp) {
-  //         if ((to = temp[to]) && !to._$b) {
-  //           to._$b = restoreScrollPosition
-  //           to.$on(HOOK, to._$b)
-  //         }
-  //       }
-  //     }
-  //   }
-  // }
-
-  NProgress.done() // 结束进度条
-})
-
-Vue.use(Router) // 全局注册
-
-export default router
+export default use(config)
diff --git a/src/pages/index/views/index.ts b/src/pages/index/views/index.ts
new file mode 100644
index 0000000..e35ec73
--- /dev/null
+++ b/src/pages/index/views/index.ts
@@ -0,0 +1,54 @@
+/** 视图索引 统一类型: (options?: Object) => RouteConfig
+ * meta: {
+ *  name 对应标题/位置导航
+ *  thumb 缩略图
+ *  alive 路由最大缓存时间
+ *  reload 下次访问路由是否需要重新加载
+ * }
+ */
+import { RouteConfig } from 'vue-router'
+
+import { getAsync } from '@com/hoc'
+// import RouterViewTransparent from '@com/RouterViewTransparent'
+
+import IMG_HOME from '@index/assets/home.png'
+import IMG_ABOUT from '@index/assets/about.png'
+
+/** 首页 */
+export const home = () =>
+  ({
+    path: '/home',
+    meta: { name: '首页', thumb: IMG_HOME },
+    component: getAsync(
+      () => import(/* webpackChunkName: "iHome" */ './Home') as any
+    ),
+    // 嵌套路由:
+    // component: RouterViewTransparent,
+    // children: [
+    //   {
+    //     path: '',
+    //     meta: { name: '示例' },
+    //     component: getAsync(() =>
+    //       import(/* webpackChunkName: "iHome" */ './Home')
+    //     ),
+    //   },
+    //   {
+    //     path: ':id',
+    //     meta: { name: '详情' },
+    //     // props: { be: 'detail' },
+    //     component: getAsync(() =>
+    //       import(/* webpackChunkName: "iHome" */ './Home/Detail')
+    //     ),
+    //   },
+    // ],
+  } as RouteConfig)
+
+/** 关于 */
+export const about = () =>
+  ({
+    path: '/about',
+    meta: { name: '关于', thumb: IMG_ABOUT },
+    component: getAsync(() =>
+      import(/* webpackChunkName: "iAbout" */ './About')
+    ),
+  } as RouteConfig)
diff --git a/src/pages/other/App.vue b/src/pages/other/App.vue
index 2d901bb..56abb9b 100644
--- a/src/pages/other/App.vue
+++ b/src/pages/other/App.vue
@@ -29,7 +29,7 @@
       mode="out-in"
     >
       <KeepAlive
-        :max="max"
+        :max="CONF.page > 1 ? CONF.page : 1"
         :exclude="$router.$.e"
       >
         <RouterView />
@@ -193,8 +193,8 @@ export default class extends Vue {
     statePrefer.SET_SKIN(skin)
   }
 
-  private get max() {
-    return CONFIG.page > 1 ? CONFIG.page : 1
+  private get CONF() {
+    return CONFIG
   }
 }
 </script>
diff --git a/src/pages/other/main.ts b/src/pages/other/main.ts
index c32d283..c5c5c78 100644
--- a/src/pages/other/main.ts
+++ b/src/pages/other/main.ts
@@ -3,171 +3,12 @@
  * @Author: 毛瑞
  * @Date: 2019-06-18 15:58:46
  */
-// import './checkLogin' // 未登录尽快跳转
-import Vue from 'vue'
+import '@/functions/checkLogin' // 未登录尽快跳转
 import router from './router'
 import store from './store'
 import App from './App'
 
-import { on, off, once, emit } from '@/utils/eventBus'
-// import { throttle } from '@/utils/performance'
-import { dev } from '@/libs/vue'
+import mount from '@/functions/main'
 import './registerServiceWorker'
 
-/// 全局注册的组件，请尽量不要让这个列表变太长 ///
-// 布局
-import Row from 'element-ui/lib/row'
-import Col from 'element-ui/lib/col'
-import Container from 'element-ui/lib/container'
-import Aside from 'element-ui/lib/aside'
-import Main from 'element-ui/lib/main'
-// 基础
-import Button from 'element-ui/lib/button'
-import ButtonGroup from 'element-ui/lib/button-group'
-import Link from 'element-ui/lib/link'
-import Loading from 'element-ui/lib/loading'
-import Divider from 'element-ui/lib/divider'
-import Card from 'element-ui/lib/card'
-// 弹窗&表单
-import Dialog from 'element-ui/lib/dialog'
-import Form from 'element-ui/lib/form'
-import FormItem from 'element-ui/lib/form-item'
-import Input from 'element-ui/lib/input'
-import Autocomplete from 'element-ui/lib/autocomplete'
-import Select from 'element-ui/lib/select'
-import Option from 'element-ui/lib/option'
-import OptionGroup from 'element-ui/lib/option-group'
-import Checkbox from 'element-ui/lib/checkbox'
-import CheckboxGroup from 'element-ui/lib/checkbox-group'
-// 提示
-import Tooltip from 'element-ui/lib/tooltip'
-import Popover from 'element-ui/lib/popover'
-import Message from 'element-ui/lib/message'
-import MessageBox from 'element-ui/lib/message-box'
-import Notification from 'element-ui/lib/notification'
-// 滚动面板【隐藏组件】
-import Scrollbar from 'element-ui/lib/scrollbar'
-
-import elDialogDragable from '@/libs/elDialogDragable'
-
-/// 全局样式 ///
-import 'element-ui/lib/theme-chalk/base.css' // element-ui字体+过渡动画
-import '@/scss/base.scss?skin=' // 基础样式
-import './scss/main.scss' // 全局皮肤样式
-
-// hack: 不出现滚动条时不显示
-let temp = (Scrollbar.options || Scrollbar).components.Bar
-const created = temp.created
-temp.created = function() {
-  created && created.apply(this, arguments)
-  this.$watch('size', function(this: any, size: string) {
-    this.$el.style.display = size && size !== '0' ? '' : 'none'
-  })
-}
-// hack: 表单重设初始值(initialValue)
-temp = FormItem.options || FormItem
-temp.mounted = function() {
-  if (this.prop) {
-    this.dispatch('ElForm', 'el.form.addField', [this])
-    Array.isArray((this.initialValue = this.fieldValue)) &&
-      (this.initialValue = [this.initialValue])
-    this.addValidateEvents()
-  }
-}
-temp.methods.setIni = function(model: IObject) {
-  for (const field of this.fields) {
-    field.initialValue = model[field.prop]
-  }
-  this.clearValidate()
-}
-// hack: ElDialog props dragable 默认(true)允许拖拽
-elDialogDragable(Dialog)
-
-temp = Vue.prototype
-
-// 布局
-Vue.use(Row)
-Vue.use(Col)
-Vue.use(Container)
-Vue.use(Aside)
-Vue.use(Main)
-// 基础
-Vue.use(Button)
-Vue.use(ButtonGroup)
-Vue.use(Link)
-Vue.use(Loading.directive)
-temp.$loading = Loading.service
-Vue.use(Divider)
-Vue.use(Card)
-// 弹窗&表单
-Vue.use(Dialog)
-Vue.use(Form)
-Vue.use(FormItem)
-Vue.use(Input)
-Vue.use(Autocomplete)
-Vue.use(Select)
-Vue.use(Option)
-Vue.use(OptionGroup)
-Vue.use(Checkbox)
-Vue.use(CheckboxGroup)
-// 提示
-Vue.use(Tooltip)
-Vue.use(Popover)
-temp.$msgbox = MessageBox
-temp.$alert = MessageBox.alert
-temp.$confirm = MessageBox.confirm
-temp.$prompt = MessageBox.prompt
-temp.$notify = Notification
-temp.$message = Message
-// 滚动面板
-Vue.use(Scrollbar)
-
-/* ---------------------- 我是一条分割线 (灬°ω°灬) ---------------------- */
-
-/// eventBus 注入 ///
-temp.on = on
-temp.off = off
-temp.once = once
-temp.emit = emit
-
-/// 埋点 ///
-// if (process.env.NODE_ENV === 'production') {
-//   Vue.config.errorHandler = function(err, vm, info) {
-//     // 采集并上传错误日志
-//   }
-//   const data: IObject[] = []
-//   window.addEventListener(
-//     'mousemove',
-//     throttle((e: MouseEvent) => {
-//       // 页面地址&鼠标位置 可用于统计(比如热力图)用户关注的页面及功能
-//       data.push({ url: location.href, x: e.pageX, y: e.pageY })
-//     }, 3000)
-//   )
-//   window.addEventListener('beforeunload', () => {
-//     submit(data) // 上传数据
-//   })
-// }
-
-dev(Vue)
-
-// 防阻塞页面（defer的脚本已缓存时不会非阻塞执行bug:chromium#717979）
-// [消息总线]直接复用根实例 (vue之外也会用到)
-// const root = new Vue(App)
-// temp = Vue.prototype
-// temp.on = root.$on
-// temp.once = root.$once
-// temp.off = root.$off
-// temp.emit = root.$emit
-// setTimeout(() => { root.$mount('#app') })
-setTimeout(() => {
-  // new Vue({
-  //   store,
-  //   router,
-  //   render: (h: CreateElement) => h(App),
-  // }).$mount('#app')
-  // hack: 省root组件
-  temp = App.options || App
-  temp.store = store
-  temp.router = router
-  new Vue(App).$mount('#app')
-})
+mount(App, router, store)
diff --git a/src/pages/other/route/index.ts b/src/pages/other/route/index.ts
index 41308a2..0c17336 100644
--- a/src/pages/other/route/index.ts
+++ b/src/pages/other/route/index.ts
@@ -3,68 +3,18 @@
  * @Author: 毛瑞
  * @Date: 2019-07-01 16:26:36
  */
-import { getAsync } from '@com/hoc' // 高阶组件工具
-// import RouterViewTransparent from '@com/RouterViewTransparent'
+import { RouterOptions } from 'vue-router'
 
-export default {
-  /*! 【other页路由配置(https://router.vuejs.org/zh/api/#router-构建选项)】
-   * meta: {
-   *  name 对应标题/位置导航
-   *  alive 路由最大缓存时间
-   *  reload 下次访问路由是否需要重新加载
-   * }
-   */
+import CONFIG from '@/config'
+import { home, about } from '@other/views'
 
+export default {
   mode: 'hash',
-  meta: {
-    /*! 默认页 */ home: '/home',
-    /*! 标题 */ name: 'vue-tpl',
+  base: CONFIG.base,
+  meta: { home: '/home', name: 'vue-tpl' },
+  /** 滚动行为, 仅<body>, 不能处理指定元素的滚动 */
+  scrollBehavior(to, from, savedPosition) {
+    return to.hash ? { selector: to.hash } : savedPosition
   },
-  routes: [
-    {
-      /*! 首页 */
-
-      path: '/home',
-      meta: { name: '首页' },
-      component: getAsync(() =>
-        import(/* webpackChunkName: "oHome" */ '@other/views/Home')
-      ),
-      // 嵌套路由
-      // component: RouterViewTransparent,
-      // children: [
-      //   {
-      //     path: '',
-      //     meta: { name: '示例' },
-      //     component: getAsync(
-      //       () =>
-      //         import(
-      //           /* webpackChunkName: "iHome" */
-      //           '@index/views/Home'
-      //         ) as any
-      //     ),
-      //   },
-      //   {
-      //     path: ':id',
-      //     meta: { name: '详情' },
-      //     // props: { be: 'detail' },
-      //     component: getAsync(
-      //       () =>
-      //         import(
-      //           /* webpackChunkName: "iHome" */
-      //           '@index/views/Home/Detail'
-      //         ) as any
-      //     ),
-      //   },
-      // ],
-    },
-    {
-      /*! 关于 */
-
-      path: '/about',
-      meta: { name: '关于' },
-      component: getAsync(() =>
-        import(/* webpackChunkName: "oAbout" */ '@other/views/About')
-      ),
-    },
-  ],
-}
+  routes: [home(), about()],
+} as RouterOptions
diff --git a/src/pages/other/router.ts b/src/pages/other/router.ts
index d013b1c..920d587 100644
--- a/src/pages/other/router.ts
+++ b/src/pages/other/router.ts
@@ -3,216 +3,7 @@
  * @Author: 毛瑞
  * @Date: 2019-06-18 15:58:46
  */
-import Vue from 'vue'
-import Router, { RouteConfig, Route, Location } from 'vue-router'
+import config from '@oRoute' // 【使用别名】
+import use from '@/functions/router'
 
-import configRoute from '@oRoute' // 使用别名
-import CONFIG from '@/config'
-import getKey from '@/utils/getKey'
-import { cancel } from '@/utils/ajax'
-
-import NProgress from 'nprogress'
-import 'nprogress/nprogress.css'
-
-export interface IMeta {
-  /** 标题/面包屑 */
-  name: string
-  /** 路由最大缓存时间 */
-  alive?: number
-  /** 下次访问路由是否需要重新加载 */
-  reload?: boolean
-  /** 滚动位置 */
-  x?: number
-  y?: number
-  /** 是否有权访问 */
-  _: boolean
-  /** alive setTimeout id */
-  t?: number
-  /** 嵌套路由自动加key用以标识 */
-  k?: number
-}
-declare global {
-  /** 路由对象 */
-  interface IORoute extends Route {
-    meta: IMeta
-  }
-}
-
-const META = configRoute.meta
-/// 路由元数据 ///
-;(function hack(list?: RouteConfig[]) {
-  if (!list || !list.length) {
-    return
-  }
-  let route
-  let meta
-  for (route of list) {
-    route.path || (route.path = getKey('/')) // 默认路径
-    META.home || (META.home = route.path) // 首页默认第一个路由
-    meta = route.meta || (route.meta = {})
-    meta._ = true // 有权访问 或者移除无权的
-    hack(route.children)
-  }
-})(configRoute.routes)
-
-// scrollBehavior 不能处理指定元素的滚动
-const router = new Router(configRoute)
-;(router as any).$ = Vue.observable({ e: null }) // hack 刷新路由
-
-/// 路由刷新 ///
-/**
-<KeepAlive
-  :max="9"
-  :exclude="$router.$.e"
->
-  <RouterView />
-</KeepAlive>
-keep-alive 缓存处理，这很hacky, 俺know
-也可以通过切换key绑定实现(如下)，但是:
-1. 没有max可能内存溢出
-2. 有max，刷新后其他已缓存组件会被逐渐挤出缓存
-<KeepAlive :max="9">
-  <RouterView :key="$route.meta.$.k" />
-</KeepAlive>
-*/
-function restoreName(this: any) {
-  let temp
-  this._$a &&
-    (temp = this.$vnode.componentOptions) &&
-    (temp = temp.Ctor.options) &&
-    (temp.name = this._$a)
-}
-function refreshRoute(route: Route, noTop?: 1) {
-  if (route.matched) {
-    route = route.matched as any // 最后一个match一定是当前路由
-    route = (route as any)[(route as any).length - 1]
-  }
-
-  let temp: any
-  let instance: any
-  const instances = (route as any).instances
-  const HOOK = 'hook:beforeDestroy'
-  for (temp in instances) {
-    if (
-      (instance = instances[temp]) &&
-      (temp = (temp = instance.$vnode.componentOptions) && temp.Ctor.options)
-    ) {
-      if (!instance._$a) {
-        instance._$a = temp.name
-        instance.$on(HOOK, restoreName)
-      }
-      ;(router as any).$.e = temp.name = getKey('r')
-    }
-  }
-
-  // 没实例(已经渲染了,劫持render也没用) 刷她爸爸/整个网页
-  instance ||
-    ((temp = (route as any).parent) // eslint-disable-line no-cond-assign
-      ? refreshRoute(temp, noTop)
-      : noTop || location.reload())
-}
-
-/// 导航守卫 ///
-const REG_REDIRECT = /\/r\//
-router.beforeEach((to, from, next) => {
-  let temp
-  if (!to.matched.length) {
-    if (!from.matched.length) {
-      return next(META.home)
-    }
-    if (REG_REDIRECT.test((temp = to.redirectedFrom || to.fullPath))) {
-      temp = temp.replace(REG_REDIRECT, '/')
-      if (temp === (from.redirectedFrom || from.fullPath)) {
-        return refreshRoute(from)
-      }
-      // 重定向并刷新
-      if ((to = router.resolve(temp).route).matched.length) {
-        refreshRoute(to, 1)
-        next(to as Location) // 还是要再进一次beforeEach, 虽然都给解析出来了┐(: ´ ゞ｀)┌
-      }
-    }
-    return
-  }
-  if (!to.meta._) {
-    // 没访问权限
-    from.matched.length || next(META.home)
-    return
-  }
-
-  NProgress.start() // 开始进度条
-  cancel('导航: 取消未完成请求')
-  // 缓存控制
-  if ((temp = to.meta).alive <= 0) {
-    refreshRoute(to, 1)
-  } else {
-    if (temp.reload) {
-      refreshRoute(to, 1)
-      temp.reload = 0
-    }
-    if (temp.t) {
-      clearTimeout(temp.t)
-      temp.t = 0
-    }
-    if (!((temp = from.meta.alive) <= 0)) {
-      from.meta.t = setTimeout(() => {
-        from.meta.reload = 1
-      }, temp || CONFIG.pageAlive)
-    }
-  }
-  // 关闭所有提示
-  temp = router.app
-  temp.$message.closeAll()
-  temp.$notify.closeAll()
-  try {
-    temp.$msgbox.close()
-  } catch (error) {}
-  // 记录离开前的滚动位置
-  // if ((temp = temp.$el) && (temp = temp.querySelector('.el-main'))) {
-  //   from.meta.x = temp.scrollLeft
-  //   from.meta.y = temp.scrollTop
-  // }
-  // 为每个路由对应的组件添加 props:route (路由配置props只允许对象 不然报错给你看)
-  if ((temp = to.matched) && (temp = temp[temp.length - 1])) {
-    temp = temp.props as any
-    temp = temp.default || (temp.default = {})
-    ;(!temp.route || temp.route.fullPath !== to.fullPath) && (temp.route = to)
-  }
-
-  next()
-})
-
-// function restoreScrollPosition(this: Vue) {
-//   const container = this.$root.$el.querySelector('.el-main')
-//   if (container) {
-//     const meta = ((this as any).route || this.$route).meta
-//     container.scrollLeft = meta.x
-//     container.scrollTop = meta.y
-//   }
-// }
-router.afterEach((to: any) => {
-  // 设置页面标题
-  const meta = to.meta
-  let temp: any = META.name || ''
-  temp = meta.name ? meta.name + (temp && ' - ' + temp) : temp
-  temp && (document.title = temp)
-  // 还原滚动位置
-  // if ((meta = to.matched)) {
-  //   const HOOK = 'hook:activated'
-  //   for (temp of meta) {
-  //     if ((temp = temp.instances)) {
-  //       for (to in temp) {
-  //         if ((to = temp[to]) && !to._$b) {
-  //           to._$b = restoreScrollPosition
-  //           to.$on(HOOK, to._$b)
-  //         }
-  //       }
-  //     }
-  //   }
-  // }
-
-  NProgress.done() // 结束进度条
-})
-
-Vue.use(Router) // 全局注册
-
-export default router
+export default use(config)
diff --git a/src/pages/other/skin/index.scss b/src/pages/other/skin/index.scss
deleted file mode 100644
index c51a985..0000000
--- a/src/pages/other/skin/index.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-/*
- * @Description: 【全局scss变量】(本入口) 找不到对应的文件时会fallback到SKIN_DIR/index.scss
- * @Author: 毛瑞
- * @Date: 2019-07-23 20:46:21
- */
-@import './element'; // element-ui 定制样式
diff --git a/src/pages/other/views/Home.vue b/src/pages/other/views/Home.vue
index 4ab670d..cf139cb 100644
--- a/src/pages/other/views/Home.vue
+++ b/src/pages/other/views/Home.vue
@@ -6,10 +6,6 @@
 import { Component, Vue } from 'vue-property-decorator'
 import HelloWorld from '@com/HelloWorld'
 
-@Component({
-  components: {
-    HelloWorld,
-  },
-})
+@Component({ components: { HelloWorld } })
 export default class extends Vue {}
 </script>
diff --git a/src/pages/other/views/index.ts b/src/pages/other/views/index.ts
new file mode 100644
index 0000000..30dc016
--- /dev/null
+++ b/src/pages/other/views/index.ts
@@ -0,0 +1,29 @@
+/** 视图索引 统一类型: (options?: Object) => RouteConfig
+ * meta: {
+ *  name 对应标题/位置导航
+ *  alive 路由最大缓存时间
+ *  reload 下次访问路由是否需要重新加载
+ * }
+ */
+import { RouteConfig } from 'vue-router'
+
+import { getAsync } from '@com/hoc'
+// import RouterViewTransparent from '@com/RouterViewTransparent'
+
+/** 首页 */
+export const home = () =>
+  ({
+    path: '/home',
+    meta: { name: '首页' },
+    component: getAsync(() => import(/* webpackChunkName: "oHome" */ './Home')),
+  } as RouteConfig)
+
+/** 关于 */
+export const about = () =>
+  ({
+    path: '/about',
+    meta: { name: '关于' },
+    component: getAsync(() =>
+      import(/* webpackChunkName: "oAbout" */ './About')
+    ),
+  } as RouteConfig)
diff --git a/src/shims-modules.d.ts b/src/shims-modules.d.ts
index 34981ab..b0a426e 100644
--- a/src/shims-modules.d.ts
+++ b/src/shims-modules.d.ts
@@ -1,5 +1,24 @@
 /* 模块申明 */
 
+declare namespace NodeJS {
+  interface Process extends __WebpackModuleApi.NodeProcess {
+    /** 环境变量, 定义常用的几个 */
+    env: {
+      /** 运行模式 */
+      NODE_ENV: 'development' | 'production' | 'test'
+      /** 静态资源路径 */
+      BASE_URL: string
+      /** 皮肤全局变量名, 同时也是消息总线事件名 */
+      SKIN_FIELD: string
+      /** 当前入口(SPA)名 */
+      ENTRIES: string[]
+      /** 入口及其指定的别名指令 */
+      ALIAS: { [key: string]: string[] }
+      [key: string]: any
+    }
+  }
+}
+
 declare module '*.module.scss' {
   /** css 模块
    */
@@ -106,11 +125,8 @@ declare interface IObject<T = any> {
 
 // hack ECharts for switch skin
 declare namespace echarts {
-  // eslint-disable-next-line @typescript-eslint/interface-name-prefix
   interface EChartOption {}
-  // eslint-disable-next-line @typescript-eslint/interface-name-prefix
   interface EChartsResponsiveOption {}
-  // eslint-disable-next-line @typescript-eslint/interface-name-prefix
   interface ECharts {
     setOption(
       option: () => EChartOption | EChartsResponsiveOption,
diff --git a/src/shims-vue.d.ts b/src/shims-vue.d.ts
index 19f8ed3..3b3888c 100644
--- a/src/shims-vue.d.ts
+++ b/src/shims-vue.d.ts
@@ -106,7 +106,6 @@ interface IMessage extends Message {
 }
 
 declare module 'vue/types/vue' {
-  // eslint-disable-next-line @typescript-eslint/interface-name-prefix
   interface Vue {
     /** .vue <style module> class名字典计算属性 */
     $style: IObject<string>
diff --git a/src/skin/README.md b/src/skin/README.md
new file mode 100644
index 0000000..5e02979
--- /dev/null
+++ b/src/skin/README.md
@@ -0,0 +1,33 @@
+# 皮肤
+
+分为两部分, scss/libs, 用于存放皮肤定义
+
+## scss
+
+1. 皮肤文件会注入到【每一个 scss 文件】里
+2. **自动设置的别名**下都可以有皮肤文件夹, 就近原则覆盖
+3. 自动识别皮肤目录下的`.scss`文件 和 包含`index.scss`文件的文件夹 为皮肤
+4. 出现覆盖时, 若只有`index.scss`将覆盖全部皮肤
+
+推荐目录结构:
+
+```bash
+src
+├── skin # 全局皮肤文件夹
+│   ├── foo.scss # 皮肤: foo
+│   ├── bar # 皮肤: bar
+│   │   ├── index.scss
+│   ...
+├── pages
+│   ├── foo # 入口: foo
+│   │   ├── skin
+│   │   │     ├── foo.scss # 皮肤: foo 覆盖src/skin的foo
+│   │   ...
+│   ├── bar # 入口: bar
+│   │   ├── skin
+│   │   │     ├── index.scss # 覆盖所有皮肤
+```
+
+## libs
+
+第三方库(数据可视化库)皮肤定义
diff --git a/src/skin/dark/index.scss b/src/skin/dark/index.scss
index ad04647..eef7027 100644
--- a/src/skin/dark/index.scss
+++ b/src/skin/dark/index.scss
@@ -13,6 +13,7 @@
 @import '../parts/zIndexes'; // z-index层级划分 【zCase】: zMessage
 @import '../parts/layout'; // 固定布局尺寸 【(height|width)Case】: heightHeader、widthLfetColumn
 @import '../parts/scrollBar'; // 滚动条变量 【scrollBarCase】
+@import '../parts/element'; // 定制 element-ui 样式 【kebab-case】
 
 /* ---------------------- 我是一条分割线 (灬°ω°灬) ---------------------- */
 @import '../parts/extend'; // 扩展 @extend %{var};
diff --git a/src/skin/echarts/chalk.json b/src/skin/echarts/chalk.json
new file mode 100644
index 0000000..3e12a55
--- /dev/null
+++ b/src/skin/echarts/chalk.json
@@ -0,0 +1,493 @@
+{
+    "color": [
+        "#fc97af",
+        "#87f7cf",
+        "#f7f494",
+        "#72ccff",
+        "#f7c5a0",
+        "#d4a4eb",
+        "#d2f5a6",
+        "#76f2f2"
+    ],
+    "backgroundColor": "rgba(41,52,65,1)",
+    "textStyle": {},
+    "title": {
+        "textStyle": {
+            "color": "#ffffff"
+        },
+        "subtextStyle": {
+            "color": "#dddddd"
+        }
+    },
+    "line": {
+        "itemStyle": {
+            "normal": {
+                "borderWidth": "4"
+            }
+        },
+        "lineStyle": {
+            "normal": {
+                "width": "3"
+            }
+        },
+        "symbolSize": "0",
+        "symbol": "circle",
+        "smooth": true
+    },
+    "radar": {
+        "itemStyle": {
+            "normal": {
+                "borderWidth": "4"
+            }
+        },
+        "lineStyle": {
+            "normal": {
+                "width": "3"
+            }
+        },
+        "symbolSize": "0",
+        "symbol": "circle",
+        "smooth": true
+    },
+    "bar": {
+        "itemStyle": {
+            "normal": {
+                "barBorderWidth": 0,
+                "barBorderColor": "#ccc"
+            },
+            "emphasis": {
+                "barBorderWidth": 0,
+                "barBorderColor": "#ccc"
+            }
+        }
+    },
+    "pie": {
+        "itemStyle": {
+            "normal": {
+                "borderWidth": 0,
+                "borderColor": "#ccc"
+            },
+            "emphasis": {
+                "borderWidth": 0,
+                "borderColor": "#ccc"
+            }
+        }
+    },
+    "scatter": {
+        "itemStyle": {
+            "normal": {
+                "borderWidth": 0,
+                "borderColor": "#ccc"
+            },
+            "emphasis": {
+                "borderWidth": 0,
+                "borderColor": "#ccc"
+            }
+        }
+    },
+    "boxplot": {
+        "itemStyle": {
+            "normal": {
+                "borderWidth": 0,
+                "borderColor": "#ccc"
+            },
+            "emphasis": {
+                "borderWidth": 0,
+                "borderColor": "#ccc"
+            }
+        }
+    },
+    "parallel": {
+        "itemStyle": {
+            "normal": {
+                "borderWidth": 0,
+                "borderColor": "#ccc"
+            },
+            "emphasis": {
+                "borderWidth": 0,
+                "borderColor": "#ccc"
+            }
+        }
+    },
+    "sankey": {
+        "itemStyle": {
+            "normal": {
+                "borderWidth": 0,
+                "borderColor": "#ccc"
+            },
+            "emphasis": {
+                "borderWidth": 0,
+                "borderColor": "#ccc"
+            }
+        }
+    },
+    "funnel": {
+        "itemStyle": {
+            "normal": {
+                "borderWidth": 0,
+                "borderColor": "#ccc"
+            },
+            "emphasis": {
+                "borderWidth": 0,
+                "borderColor": "#ccc"
+            }
+        }
+    },
+    "gauge": {
+        "itemStyle": {
+            "normal": {
+                "borderWidth": 0,
+                "borderColor": "#ccc"
+            },
+            "emphasis": {
+                "borderWidth": 0,
+                "borderColor": "#ccc"
+            }
+        }
+    },
+    "candlestick": {
+        "itemStyle": {
+            "normal": {
+                "color": "#fc97af",
+                "color0": "transparent",
+                "borderColor": "#fc97af",
+                "borderColor0": "#87f7cf",
+                "borderWidth": "2"
+            }
+        }
+    },
+    "graph": {
+        "itemStyle": {
+            "normal": {
+                "borderWidth": 0,
+                "borderColor": "#ccc"
+            }
+        },
+        "lineStyle": {
+            "normal": {
+                "width": "1",
+                "color": "#ffffff"
+            }
+        },
+        "symbolSize": "0",
+        "symbol": "circle",
+        "smooth": true,
+        "color": [
+            "#fc97af",
+            "#87f7cf",
+            "#f7f494",
+            "#72ccff",
+            "#f7c5a0",
+            "#d4a4eb",
+            "#d2f5a6",
+            "#76f2f2"
+        ],
+        "label": {
+            "normal": {
+                "textStyle": {
+                    "color": "#293441"
+                }
+            }
+        }
+    },
+    "map": {
+        "itemStyle": {
+            "normal": {
+                "areaColor": "#f3f3f3",
+                "borderColor": "#999999",
+                "borderWidth": 0.5
+            },
+            "emphasis": {
+                "areaColor": "rgba(255,178,72,1)",
+                "borderColor": "#eb8146",
+                "borderWidth": 1
+            }
+        },
+        "label": {
+            "normal": {
+                "textStyle": {
+                    "color": "#893448"
+                }
+            },
+            "emphasis": {
+                "textStyle": {
+                    "color": "rgb(137,52,72)"
+                }
+            }
+        }
+    },
+    "geo": {
+        "itemStyle": {
+            "normal": {
+                "areaColor": "#f3f3f3",
+                "borderColor": "#999999",
+                "borderWidth": 0.5
+            },
+            "emphasis": {
+                "areaColor": "rgba(255,178,72,1)",
+                "borderColor": "#eb8146",
+                "borderWidth": 1
+            }
+        },
+        "label": {
+            "normal": {
+                "textStyle": {
+                    "color": "#893448"
+                }
+            },
+            "emphasis": {
+                "textStyle": {
+                    "color": "rgb(137,52,72)"
+                }
+            }
+        }
+    },
+    "categoryAxis": {
+        "axisLine": {
+            "show": true,
+            "lineStyle": {
+                "color": "#666666"
+            }
+        },
+        "axisTick": {
+            "show": false,
+            "lineStyle": {
+                "color": "#333"
+            }
+        },
+        "axisLabel": {
+            "show": true,
+            "textStyle": {
+                "color": "#aaaaaa"
+            }
+        },
+        "splitLine": {
+            "show": false,
+            "lineStyle": {
+                "color": [
+                    "#e6e6e6"
+                ]
+            }
+        },
+        "splitArea": {
+            "show": false,
+            "areaStyle": {
+                "color": [
+                    "rgba(250,250,250,0.05)",
+                    "rgba(200,200,200,0.02)"
+                ]
+            }
+        }
+    },
+    "valueAxis": {
+        "axisLine": {
+            "show": true,
+            "lineStyle": {
+                "color": "#666666"
+            }
+        },
+        "axisTick": {
+            "show": false,
+            "lineStyle": {
+                "color": "#333"
+            }
+        },
+        "axisLabel": {
+            "show": true,
+            "textStyle": {
+                "color": "#aaaaaa"
+            }
+        },
+        "splitLine": {
+            "show": false,
+            "lineStyle": {
+                "color": [
+                    "#e6e6e6"
+                ]
+            }
+        },
+        "splitArea": {
+            "show": false,
+            "areaStyle": {
+                "color": [
+                    "rgba(250,250,250,0.05)",
+                    "rgba(200,200,200,0.02)"
+                ]
+            }
+        }
+    },
+    "logAxis": {
+        "axisLine": {
+            "show": true,
+            "lineStyle": {
+                "color": "#666666"
+            }
+        },
+        "axisTick": {
+            "show": false,
+            "lineStyle": {
+                "color": "#333"
+            }
+        },
+        "axisLabel": {
+            "show": true,
+            "textStyle": {
+                "color": "#aaaaaa"
+            }
+        },
+        "splitLine": {
+            "show": false,
+            "lineStyle": {
+                "color": [
+                    "#e6e6e6"
+                ]
+            }
+        },
+        "splitArea": {
+            "show": false,
+            "areaStyle": {
+                "color": [
+                    "rgba(250,250,250,0.05)",
+                    "rgba(200,200,200,0.02)"
+                ]
+            }
+        }
+    },
+    "timeAxis": {
+        "axisLine": {
+            "show": true,
+            "lineStyle": {
+                "color": "#666666"
+            }
+        },
+        "axisTick": {
+            "show": false,
+            "lineStyle": {
+                "color": "#333"
+            }
+        },
+        "axisLabel": {
+            "show": true,
+            "textStyle": {
+                "color": "#aaaaaa"
+            }
+        },
+        "splitLine": {
+            "show": false,
+            "lineStyle": {
+                "color": [
+                    "#e6e6e6"
+                ]
+            }
+        },
+        "splitArea": {
+            "show": false,
+            "areaStyle": {
+                "color": [
+                    "rgba(250,250,250,0.05)",
+                    "rgba(200,200,200,0.02)"
+                ]
+            }
+        }
+    },
+    "toolbox": {
+        "iconStyle": {
+            "normal": {
+                "borderColor": "#999999"
+            },
+            "emphasis": {
+                "borderColor": "#666666"
+            }
+        }
+    },
+    "legend": {
+        "textStyle": {
+            "color": "#999999"
+        }
+    },
+    "tooltip": {
+        "axisPointer": {
+            "lineStyle": {
+                "color": "#cccccc",
+                "width": 1
+            },
+            "crossStyle": {
+                "color": "#cccccc",
+                "width": 1
+            }
+        }
+    },
+    "timeline": {
+        "lineStyle": {
+            "color": "#87f7cf",
+            "width": 1
+        },
+        "itemStyle": {
+            "normal": {
+                "color": "#87f7cf",
+                "borderWidth": 1
+            },
+            "emphasis": {
+                "color": "#f7f494"
+            }
+        },
+        "controlStyle": {
+            "normal": {
+                "color": "#87f7cf",
+                "borderColor": "#87f7cf",
+                "borderWidth": 0.5
+            },
+            "emphasis": {
+                "color": "#87f7cf",
+                "borderColor": "#87f7cf",
+                "borderWidth": 0.5
+            }
+        },
+        "checkpointStyle": {
+            "color": "#fc97af",
+            "borderColor": "rgba(252,151,175,0.3)"
+        },
+        "label": {
+            "normal": {
+                "textStyle": {
+                    "color": "#87f7cf"
+                }
+            },
+            "emphasis": {
+                "textStyle": {
+                    "color": "#87f7cf"
+                }
+            }
+        }
+    },
+    "visualMap": {
+        "color": [
+            "#fc97af",
+            "#87f7cf"
+        ]
+    },
+    "dataZoom": {
+        "backgroundColor": "rgba(255,255,255,0)",
+        "dataBackgroundColor": "rgba(114,204,255,1)",
+        "fillerColor": "rgba(114,204,255,0.2)",
+        "handleColor": "#72ccff",
+        "handleSize": "100%",
+        "textStyle": {
+            "color": "#333333"
+        }
+    },
+    "markPoint": {
+        "label": {
+            "normal": {
+                "textStyle": {
+                    "color": "#293441"
+                }
+            },
+            "emphasis": {
+                "textStyle": {
+                    "color": "#293441"
+                }
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/skin/echarts/index.ts b/src/skin/echarts/index.ts
new file mode 100644
index 0000000..2825896
--- /dev/null
+++ b/src/skin/echarts/index.ts
@@ -0,0 +1,7 @@
+// 定制皮肤: https://www.echartsjs.com/theme-builder
+import chalk from './chalk'
+
+/** 注册echarts皮肤 */
+export default (echarts: any) => {
+  echarts.registerTheme('dark', chalk)
+}
diff --git a/src/skin/light/index.scss b/src/skin/light/index.scss
index 6a86e46..cb57402 100644
--- a/src/skin/light/index.scss
+++ b/src/skin/light/index.scss
@@ -13,6 +13,7 @@
 @import '../parts/zIndexes'; // z-index层级划分 【zCase】: zMessage
 @import '../parts/layout'; // 固定布局尺寸 【(height|width)Case】: heightHeader、widthLfetColumn
 @import '../parts/scrollBar'; // 滚动条变量 【scrollBarCase】
+@import '../parts/element'; // 定制 element-ui 样式 【kebab-case】
 
 /* ---------------------- 我是一条分割线 (灬°ω°灬) ---------------------- */
 @import '../parts/extend'; // 扩展 @extend %{var};
diff --git a/src/pages/other/skin/_element.scss b/src/skin/parts/_element.scss
similarity index 100%
rename from src/pages/other/skin/_element.scss
rename to src/skin/parts/_element.scss
diff --git a/src/store/prefer.ts b/src/store/prefer.ts
index fe13595..91435e8 100644
--- a/src/store/prefer.ts
+++ b/src/store/prefer.ts
@@ -2,7 +2,7 @@
 import { VuexModule, Mutation } from 'vuex-module-decorators'
 import { local } from '@/utils/storage'
 import { set } from '@/skin'
-import CONFIG from '@/config'
+import { STORAGE } from '@/enums'
 
 /** 偏好管理 */
 export interface IPrefer {
@@ -19,7 +19,7 @@ export interface IPREFER extends IPrefer {
 }
 
 /** 本地存储的偏好信息对象 单例, 注意key是否冲突 */
-const PREFER = (local.get(CONFIG.prefer) || {}) as IPREFER
+const PREFER = (local.get(STORAGE.prefer) || {}) as IPREFER
 
 /** 偏好管理 */
 class Prefer extends VuexModule implements IPrefer {
@@ -71,7 +71,7 @@ window.addEventListener('beforeunload', () => {
   for (const fn of hook._h) {
     fn(PREFER)
   }
-  local.set(CONFIG.prefer, PREFER) // 允许多个标签多个号挺好的
+  local.set(STORAGE.prefer, PREFER) // 允许多个标签多个号挺好的
 })
 
 export { Prefer as default, PREFER, hook }
diff --git a/src/store/user.ts b/src/store/user.ts
index 0987dd4..4b1083b 100644
--- a/src/store/user.ts
+++ b/src/store/user.ts
@@ -4,32 +4,26 @@ import { VuexModule, Action, Mutation } from 'vuex-module-decorators'
 
 import { ILogin, login, logout } from '@/api/user'
 import { local } from '@/utils/storage'
-import CONFIG from '@/config'
+import { STORAGE } from '@/enums'
 
-/** 本地存储的用户信息
- */
-const USER_INFO = local.get(CONFIG.token) || {}
+/** 本地存储的用户信息 */
+const USER_INFO = local.get(STORAGE.me) || {}
 
-/** 用户信息
- */
+/** 用户信息 */
 interface IInfo {
   name: string
   avatar: string
   // ***
 }
-/** 用户管理
- */
+/** 用户管理 */
 export interface IUser {
-  /** 用户信息
-   */
+  /** 用户信息 */
   info?: IInfo
-  /** 用户菜单访问权限
-   */
+  /** 用户菜单访问权限 */
   menu?: string[]
 }
 
-/** 用户状态管理
- */
+/** 用户状态管理 */
 class User extends VuexModule implements IUser {
   /// State & Getter(public) ///
   info = USER_INFO.info as IInfo | undefined
@@ -78,7 +72,7 @@ class User extends VuexModule implements IUser {
 /** 关闭窗口前写入本地
  */
 window.addEventListener('beforeunload', () => {
-  local.set(CONFIG.token, USER_INFO) // 允许多个标签多个号挺好的
+  local.set(STORAGE.me, USER_INFO) // 允许多个标签多个号挺好的
 })
 
 export default User
diff --git a/src/utils/ajax/index.ts b/src/utils/ajax/index.ts
index 435d00c..1c4b1ab 100644
--- a/src/utils/ajax/index.ts
+++ b/src/utils/ajax/index.ts
@@ -7,6 +7,7 @@ import AXIOS from 'axios'
 import combineURLs from 'axios/lib/helpers/combineURLs'
 
 import CONFIG from '@/config'
+// import { AUTH } from '@/enums'
 import { isObj } from '@/utils'
 import sort from '@/utils/sort'
 import clone from '@/utils/clone'
@@ -22,8 +23,8 @@ clone(AXIOS.defaults, {
   timeout: CONFIG.timeout, // 超时
 
   // 从cookie设置请求头
-  // xsrfCookieName: CONFIG.token,
-  // xsrfHeaderName: CONFIG.token,
+  // xsrfCookieName: AUTH.cookie,
+  // xsrfHeaderName: AUTH.head,
 
   // 允许跨域带cookie
   // 服务端需要设置响应头Allow-Credentials=true Allow-Origin不能为* 还得设置下Allow-Methods
diff --git a/src/views/index.ts b/src/views/index.ts
new file mode 100644
index 0000000..c52bb9d
--- /dev/null
+++ b/src/views/index.ts
@@ -0,0 +1,28 @@
+/** 复用视图 统一类型: (options?: Object) => RouteConfig
+ * meta: {
+ *  name 对应标题/位置导航
+ *  alive 路由最大缓存时间
+ *  reload 下次访问路由是否需要重新加载
+ * }
+ */
+// import { RouteConfig } from 'vue-router'
+
+// import { getAsync } from '@com/hoc'
+// import RVT from '@com/RouterViewTransparent'
+
+// /** foo 视图 */
+// export const foo = () =>
+//   ({
+//     path: '',
+//     meta: {},
+//     component: RVT,
+//     children: [
+//       {
+//         path: '',
+//         meta: {},
+//         component: getAsync(() =>
+//           import(/* webpackChunkName: "foo" */ './Foo')
+//         ),
+//       },
+//     ],
+//   } as RouteConfig)
diff --git a/vue.config.js b/vue.config.js
index 51b280b..6954b59 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -6,6 +6,7 @@
 const ENV = process.env // 环境变量
 const isProd = ENV.NODE_ENV === 'production' // 是否生产环境
 const pages = require('./build/pages')(isProd, ENV._ENTRIES) // 自动检测并返回页面入口设置
+const PAGE_NAMES = Object.keys(pages)
 
 const ALIAS = {} // 别名字典
 // 输出图形
@@ -35,7 +36,7 @@ module.exports = {
   css: require('./build/css')(isProd, ALIAS, ENV),
 
   /// 【开发服务器配置】 ///
-  devServer: require('./build/devServer')(ENV),
+  devServer: require('./build/devServer')(ENV, PAGE_NAMES),
 
   /// 【webpack配置】 ///
   // https://github.com/neutrinojs/webpack-chain#getting-started
@@ -50,11 +51,13 @@ module.exports = {
       env = JSON.parse(ENV._ALIAS)
     } catch (error) {}
     env = {
-      [prefix + 'ENTRIES']: JSON.stringify(Object.keys(pages)),
+      [prefix + 'ENTRIES']: JSON.stringify(PAGE_NAMES),
       [prefix + 'ALIAS']: JSON.stringify(
         require('./build/alias')(pages, config, ALIAS, env)
       ),
     }
+    ENV.APP_VERSION =
+      require('./build/updateJSON')('package.json', 'version') || ''
     for (const att in ENV) {
       REG_ENV.test(att) && (env[prefix + att] = JSON.stringify(ENV[att]))
     }
diff --git a/yarn.lock b/yarn.lock
index 535dfc6..8ef5234 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1701,10 +1701,10 @@
   resolved "https://registry.npm.taobao.org/@types/color-name/download/@types/color-name-1.1.1.tgz#1c1261bbeaa10a8055bbc5d8ab84b7b2afc846a0"
   integrity sha1-HBJhu+qhCoBVu8XYq4S3sq/IRqA=
 
-"@types/crypto-js@3.1.45":
-  version "3.1.45"
-  resolved "https://registry.npm.taobao.org/@types/crypto-js/download/@types/crypto-js-3.1.45.tgz#d2ccd23ae926ff05e3a99b11945e0435185cc1f1"
-  integrity sha1-0szSOukm/wXjqZsRlF4ENRhcwfE=
+"@types/crypto-js@3.1.46":
+  version "3.1.46"
+  resolved "https://registry.npm.taobao.org/@types/crypto-js/download/@types/crypto-js-3.1.46.tgz#7469f88b6a574046d7e1265a4d043c57a2c61778"
+  integrity sha1-dGn4i2pXQEbX4SZaTQQ8V6LGF3g=
 
 "@types/d3-array@*":
   version "2.0.0"
@@ -1959,9 +1959,9 @@
     "@types/node" "*"
 
 "@types/istanbul-lib-coverage@*", "@types/istanbul-lib-coverage@^2.0.0":
-  version "2.0.1"
-  resolved "https://registry.npm.taobao.org/@types/istanbul-lib-coverage/download/@types/istanbul-lib-coverage-2.0.1.tgz#42995b446db9a48a11a07ec083499a860e9138ff"
-  integrity sha1-QplbRG25pIoRoH7Ag0mahg6ROP8=
+  version "2.0.2"
+  resolved "https://registry.npm.taobao.org/@types/istanbul-lib-coverage/download/@types/istanbul-lib-coverage-2.0.2.tgz#79d7a78bad4219f4c03d6557a1c72d9ca6ba62d5"
+  integrity sha1-edeni61CGfTAPWVXocctnKa6YtU=
 
 "@types/istanbul-lib-report@*":
   version "3.0.0"
@@ -1971,24 +1971,24 @@
     "@types/istanbul-lib-coverage" "*"
 
 "@types/istanbul-reports@^1.1.1":
-  version "1.1.1"
-  resolved "https://registry.npm.taobao.org/@types/istanbul-reports/download/@types/istanbul-reports-1.1.1.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40types%2Fistanbul-reports%2Fdownload%2F%40types%2Fistanbul-reports-1.1.1.tgz#7a8cbf6a406f36c8add871625b278eaf0b0d255a"
-  integrity sha1-eoy/akBvNsit2HFiWyeOrwsNJVo=
+  version "1.1.2"
+  resolved "https://registry.npm.taobao.org/@types/istanbul-reports/download/@types/istanbul-reports-1.1.2.tgz#e875cc689e47bce549ec81f3df5e6f6f11cfaeb2"
+  integrity sha1-6HXMaJ5HvOVJ7IHz315vbxHPrrI=
   dependencies:
     "@types/istanbul-lib-coverage" "*"
     "@types/istanbul-lib-report" "*"
 
 "@types/jest@^24.0.19":
   version "24.9.1"
-  resolved "https://registry.npm.taobao.org/@types/jest/download/@types/jest-24.9.1.tgz#02baf9573c78f1b9974a5f36778b366aa77bd534"
+  resolved "https://registry.npm.taobao.org/@types/jest/download/@types/jest-24.9.1.tgz?cache=0&sync_timestamp=1589394133658&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40types%2Fjest%2Fdownload%2F%40types%2Fjest-24.9.1.tgz#02baf9573c78f1b9974a5f36778b366aa77bd534"
   integrity sha1-Arr5Vzx48bmXSl82d4s2aqd71TQ=
   dependencies:
     jest-diff "^24.3.0"
 
-"@types/jest@^25.2.1":
-  version "25.2.1"
-  resolved "https://registry.npm.taobao.org/@types/jest/download/@types/jest-25.2.1.tgz#9544cd438607955381c1bdbdb97767a249297db5"
-  integrity sha1-lUTNQ4YHlVOBwb29uXdnokkpfbU=
+"@types/jest@^25.2.2":
+  version "25.2.2"
+  resolved "https://registry.npm.taobao.org/@types/jest/download/@types/jest-25.2.2.tgz?cache=0&sync_timestamp=1589394133658&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40types%2Fjest%2Fdownload%2F%40types%2Fjest-25.2.2.tgz#6a752e7a00f69c3e790ea00c345029d5cefa92bf"
+  integrity sha1-anUuegD2nD55DqAMNFAp1c76kr8=
   dependencies:
     jest-diff "^25.2.1"
     pretty-format "^25.2.1"
@@ -2024,9 +2024,9 @@
   integrity sha1-L4u0QUNNFjs1+4/9zNcTiSf/uMA=
 
 "@types/q@^1.5.1":
-  version "1.5.2"
-  resolved "https://registry.npm.taobao.org/@types/q/download/@types/q-1.5.2.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40types%2Fq%2Fdownload%2F%40types%2Fq-1.5.2.tgz#690a1475b84f2a884fd07cd797c00f5f31356ea8"
-  integrity sha1-aQoUdbhPKohP0HzXl8APXzE1bqg=
+  version "1.5.4"
+  resolved "https://registry.npm.taobao.org/@types/q/download/@types/q-1.5.4.tgz#15925414e0ad2cd765bfef58842f7e26a7accb24"
+  integrity sha1-FZJUFOCtLNdlv+9YhC9+JqesyyQ=
 
 "@types/sizzle@2.3.2":
   version "2.3.2"
@@ -2081,15 +2081,15 @@
 
 "@types/yargs@^13.0.0":
   version "13.0.9"
-  resolved "https://registry.npm.taobao.org/@types/yargs/download/@types/yargs-13.0.9.tgz#44028e974343c7afcf3960f1a2b1099c39a7b5e1"
+  resolved "https://registry.npm.taobao.org/@types/yargs/download/@types/yargs-13.0.9.tgz?cache=0&sync_timestamp=1589406630222&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40types%2Fyargs%2Fdownload%2F%40types%2Fyargs-13.0.9.tgz#44028e974343c7afcf3960f1a2b1099c39a7b5e1"
   integrity sha1-RAKOl0NDx6/POWDxorEJnDmnteE=
   dependencies:
     "@types/yargs-parser" "*"
 
 "@types/yargs@^15.0.0":
-  version "15.0.4"
-  resolved "https://registry.npm.taobao.org/@types/yargs/download/@types/yargs-15.0.4.tgz#7e5d0f8ca25e9d5849f2ea443cf7c402decd8299"
-  integrity sha1-fl0PjKJenVhJ8upEPPfEAt7Ngpk=
+  version "15.0.5"
+  resolved "https://registry.npm.taobao.org/@types/yargs/download/@types/yargs-15.0.5.tgz?cache=0&sync_timestamp=1589406630222&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40types%2Fyargs%2Fdownload%2F%40types%2Fyargs-15.0.5.tgz#947e9a6561483bdee9adffc983e91a6902af8b79"
+  integrity sha1-lH6aZWFIO97prf/Jg+kaaQKvi3k=
   dependencies:
     "@types/yargs-parser" "*"
 
@@ -2100,7 +2100,7 @@
 
 "@typescript-eslint/eslint-plugin@^2.33.0":
   version "2.33.0"
-  resolved "https://registry.npm.taobao.org/@typescript-eslint/eslint-plugin/download/@typescript-eslint/eslint-plugin-2.33.0.tgz?cache=0&sync_timestamp=1589323062990&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40typescript-eslint%2Feslint-plugin%2Fdownload%2F%40typescript-eslint%2Feslint-plugin-2.33.0.tgz#d6c8319d5011b4783bb3d2dadf105d8bdd499bd5"
+  resolved "https://registry.npm.taobao.org/@typescript-eslint/eslint-plugin/download/@typescript-eslint/eslint-plugin-2.33.0.tgz?cache=0&sync_timestamp=1589745037113&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40typescript-eslint%2Feslint-plugin%2Fdownload%2F%40typescript-eslint%2Feslint-plugin-2.33.0.tgz#d6c8319d5011b4783bb3d2dadf105d8bdd499bd5"
   integrity sha1-1sgxnVARtHg7s9La3xBdi91Jm9U=
   dependencies:
     "@typescript-eslint/experimental-utils" "2.33.0"
@@ -2110,7 +2110,7 @@
 
 "@typescript-eslint/experimental-utils@2.33.0":
   version "2.33.0"
-  resolved "https://registry.npm.taobao.org/@typescript-eslint/experimental-utils/download/@typescript-eslint/experimental-utils-2.33.0.tgz?cache=0&sync_timestamp=1589323059204&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40typescript-eslint%2Fexperimental-utils%2Fdownload%2F%40typescript-eslint%2Fexperimental-utils-2.33.0.tgz#000f1e5f344fbea1323dc91cc174805d75f99a03"
+  resolved "https://registry.npm.taobao.org/@typescript-eslint/experimental-utils/download/@typescript-eslint/experimental-utils-2.33.0.tgz?cache=0&sync_timestamp=1589745032903&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40typescript-eslint%2Fexperimental-utils%2Fdownload%2F%40typescript-eslint%2Fexperimental-utils-2.33.0.tgz#000f1e5f344fbea1323dc91cc174805d75f99a03"
   integrity sha1-AA8eXzRPvqEyPckcwXSAXXX5mgM=
   dependencies:
     "@types/json-schema" "^7.0.3"
@@ -2120,7 +2120,7 @@
 
 "@typescript-eslint/parser@^2.33.0":
   version "2.33.0"
-  resolved "https://registry.npm.taobao.org/@typescript-eslint/parser/download/@typescript-eslint/parser-2.33.0.tgz?cache=0&sync_timestamp=1589323832366&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40typescript-eslint%2Fparser%2Fdownload%2F%40typescript-eslint%2Fparser-2.33.0.tgz#395c0ef229ebef883608f8632a34f0acf02b9bdd"
+  resolved "https://registry.npm.taobao.org/@typescript-eslint/parser/download/@typescript-eslint/parser-2.33.0.tgz#395c0ef229ebef883608f8632a34f0acf02b9bdd"
   integrity sha1-OVwO8inr74g2CPhjKjTwrPArm90=
   dependencies:
     "@types/eslint-visitor-keys" "^1.0.0"
@@ -2130,7 +2130,7 @@
 
 "@typescript-eslint/typescript-estree@2.33.0":
   version "2.33.0"
-  resolved "https://registry.npm.taobao.org/@typescript-eslint/typescript-estree/download/@typescript-eslint/typescript-estree-2.33.0.tgz?cache=0&sync_timestamp=1589323060280&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40typescript-eslint%2Ftypescript-estree%2Fdownload%2F%40typescript-eslint%2Ftypescript-estree-2.33.0.tgz#33504c050ccafd38f397a645d4e9534d2eccbb5c"
+  resolved "https://registry.npm.taobao.org/@typescript-eslint/typescript-estree/download/@typescript-eslint/typescript-estree-2.33.0.tgz#33504c050ccafd38f397a645d4e9534d2eccbb5c"
   integrity sha1-M1BMBQzK/Tjzl6ZF1OlTTS7Mu1w=
   dependencies:
     debug "^4.1.1"
@@ -2436,10 +2436,10 @@
   resolved "https://registry.npm.taobao.org/@vue/preload-webpack-plugin/download/@vue/preload-webpack-plugin-1.1.1.tgz#18723530d304f443021da2292d6ec9502826104a"
   integrity sha1-GHI1MNME9EMCHaIpLW7JUCgmEEo=
 
-"@vue/test-utils@^1.0.2":
-  version "1.0.2"
-  resolved "https://registry.npm.taobao.org/@vue/test-utils/download/@vue/test-utils-1.0.2.tgz#68134747cb88d996e4c9703ca4b103b4d23fda14"
-  integrity sha1-aBNHR8uI2ZbkyXA8pLEDtNI/2hQ=
+"@vue/test-utils@^1.0.3":
+  version "1.0.3"
+  resolved "https://registry.npm.taobao.org/@vue/test-utils/download/@vue/test-utils-1.0.3.tgz?cache=0&sync_timestamp=1589716073395&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Ftest-utils%2Fdownload%2F%40vue%2Ftest-utils-1.0.3.tgz#587c4dd9b424b66022f188c19bc605da2ce91c6f"
+  integrity sha1-WHxN2bQktmAi8YjBm8YF2izpHG8=
   dependencies:
     dom-event-types "^1.0.0"
     lodash "^4.17.15"
@@ -2999,17 +2999,17 @@ atob@^2.1.2:
   integrity sha1-bZUX654DDSQ2ZmZR6GvZ9vE1M8k=
 
 autoprefixer@^9.0.0, autoprefixer@^9.6.1, autoprefixer@^9.7.5, autoprefixer@^9.7.6:
-  version "9.7.6"
-  resolved "https://registry.npm.taobao.org/autoprefixer/download/autoprefixer-9.7.6.tgz#63ac5bbc0ce7934e6997207d5bb00d68fa8293a4"
-  integrity sha1-Y6xbvAznk05plyB9W7ANaPqCk6Q=
+  version "9.8.0"
+  resolved "https://registry.npm.taobao.org/autoprefixer/download/autoprefixer-9.8.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fautoprefixer%2Fdownload%2Fautoprefixer-9.8.0.tgz#68e2d2bef7ba4c3a65436f662d0a56a741e56511"
+  integrity sha1-aOLSvve6TDplQ29mLQpWp0HlZRE=
   dependencies:
-    browserslist "^4.11.1"
-    caniuse-lite "^1.0.30001039"
+    browserslist "^4.12.0"
+    caniuse-lite "^1.0.30001061"
     chalk "^2.4.2"
     normalize-range "^0.1.2"
     num2fraction "^1.2.2"
-    postcss "^7.0.27"
-    postcss-value-parser "^4.0.3"
+    postcss "^7.0.30"
+    postcss-value-parser "^4.1.0"
 
 aws-sign2@~0.7.0:
   version "0.7.0"
@@ -3435,7 +3435,7 @@ browserify-zlib@^0.2.0:
   dependencies:
     pako "~1.0.5"
 
-browserslist@^4.0.0, browserslist@^4.11.1, browserslist@^4.6.4, browserslist@^4.8.5:
+browserslist@^4.0.0, browserslist@^4.11.1, browserslist@^4.12.0, browserslist@^4.6.4, browserslist@^4.8.5:
   version "4.12.0"
   resolved "https://registry.npm.taobao.org/browserslist/download/browserslist-4.12.0.tgz?cache=0&sync_timestamp=1587420954072&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fbrowserslist%2Fdownload%2Fbrowserslist-4.12.0.tgz#06c6d5715a1ede6c51fc39ff67fd647f740b656d"
   integrity sha1-BsbVcVoe3mxR/Dn/Z/1kf3QLZW0=
@@ -3680,6 +3680,11 @@ camelcase@^5.0.0, camelcase@^5.3.1:
   resolved "https://registry.npm.taobao.org/camelcase/download/camelcase-5.3.1.tgz#e3c9b31569e106811df242f715725a1f4c494320"
   integrity sha1-48mzFWnhBoEd8kL3FXJaH0xJQyA=
 
+camelcase@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npm.taobao.org/camelcase/download/camelcase-6.0.0.tgz#5259f7c30e35e278f1bdc2a4d91230b37cad981e"
+  integrity sha1-Uln3ww414njxvcKk2RIws3ytmB4=
+
 caniuse-api@^3.0.0:
   version "3.0.0"
   resolved "https://registry.npm.taobao.org/caniuse-api/download/caniuse-api-3.0.0.tgz#5e4d90e2274961d46291997df599e3ed008ee4c0"
@@ -3690,10 +3695,10 @@ caniuse-api@^3.0.0:
     lodash.memoize "^4.1.2"
     lodash.uniq "^4.5.0"
 
-caniuse-lite@^1.0.0, caniuse-lite@^1.0.30000981, caniuse-lite@^1.0.30001039, caniuse-lite@^1.0.30001043:
-  version "1.0.30001055"
-  resolved "https://registry.npm.taobao.org/caniuse-lite/download/caniuse-lite-1.0.30001055.tgz?cache=0&sync_timestamp=1589157303473&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcaniuse-lite%2Fdownload%2Fcaniuse-lite-1.0.30001055.tgz#7b52c3537f7a8c0408aca867e83d2b04268b54cd"
-  integrity sha1-e1LDU396jAQIrKhn6D0rBCaLVM0=
+caniuse-lite@^1.0.0, caniuse-lite@^1.0.30000981, caniuse-lite@^1.0.30001043, caniuse-lite@^1.0.30001061:
+  version "1.0.30001061"
+  resolved "https://registry.npm.taobao.org/caniuse-lite/download/caniuse-lite-1.0.30001061.tgz#80ca87ef14eb543a7458e7fd2b5e2face3458c9f"
+  integrity sha1-gMqH7xTrVDp0WOf9K14vrONFjJ8=
 
 capture-exit@^2.0.0:
   version "2.0.0"
@@ -3788,7 +3793,7 @@ check-types@^8.0.3:
   resolved "https://registry.npm.taobao.org/check-types/download/check-types-8.0.3.tgz?cache=0&sync_timestamp=1579454990891&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcheck-types%2Fdownload%2Fcheck-types-8.0.3.tgz#3356cca19c889544f2d7a95ed49ce508a0ecf552"
   integrity sha1-M1bMoZyIlUTy16le1JzlCKDs9VI=
 
-"chokidar@>=2.0.0 <4.0.0", chokidar@^3.3.0:
+"chokidar@>=2.0.0 <4.0.0", chokidar@^3.3.0, chokidar@^3.4.0:
   version "3.4.0"
   resolved "https://registry.npm.taobao.org/chokidar/download/chokidar-3.4.0.tgz#b30611423ce376357c765b9b8f904b9fba3c0be8"
   integrity sha1-swYRQjzjdjV8dlubj5BLn7o8C+g=
@@ -5359,13 +5364,13 @@ ee-first@1.1.1:
 
 ejs@^2.6.1:
   version "2.7.4"
-  resolved "https://registry.npm.taobao.org/ejs/download/ejs-2.7.4.tgz?cache=0&sync_timestamp=1587702568001&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fejs%2Fdownload%2Fejs-2.7.4.tgz#48661287573dcc53e366c7a1ae52c3a120eec9ba"
+  resolved "https://registry.npm.taobao.org/ejs/download/ejs-2.7.4.tgz#48661287573dcc53e366c7a1ae52c3a120eec9ba"
   integrity sha1-SGYSh1c9zFPjZsehrlLDoSDuybo=
 
 electron-to-chromium@^1.3.413:
-  version "1.3.435"
-  resolved "https://registry.npm.taobao.org/electron-to-chromium/download/electron-to-chromium-1.3.435.tgz?cache=0&sync_timestamp=1589342580328&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Felectron-to-chromium%2Fdownload%2Felectron-to-chromium-1.3.435.tgz#22a7008e8f5a317a6d2d80802bddacebb19ae025"
-  integrity sha1-IqcAjo9aMXptLYCAK92s67Ga4CU=
+  version "1.3.441"
+  resolved "https://registry.npm.taobao.org/electron-to-chromium/download/electron-to-chromium-1.3.441.tgz#094f71b992dca5bc96b798cfbaf37dc76302015a"
+  integrity sha1-CU9xuZLcpbyWt5jPuvN9x2MCAVo=
 
 elegant-spinner@^1.0.1:
   version "1.0.1"
@@ -5599,9 +5604,9 @@ eslint-plugin-cypress@^2.10.3:
     globals "^11.12.0"
 
 eslint-plugin-es@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.npm.taobao.org/eslint-plugin-es/download/eslint-plugin-es-3.0.0.tgz#98cb1bc8ab0aa807977855e11ad9d1c9422d014b"
-  integrity sha1-mMsbyKsKqAeXeFXhGtnRyUItAUs=
+  version "3.0.1"
+  resolved "https://registry.npm.taobao.org/eslint-plugin-es/download/eslint-plugin-es-3.0.1.tgz#75a7cdfdccddc0589934aeeb384175f221c57893"
+  integrity sha1-dafN/czdwFiZNK7rOEF18iHFeJM=
   dependencies:
     eslint-utils "^2.0.0"
     regexpp "^3.0.0"
@@ -5725,7 +5730,7 @@ eslint@^7.0.0:
     text-table "^0.2.0"
     v8-compile-cache "^2.0.3"
 
-espree@^6.1.2:
+espree@^6.2.1:
   version "6.2.1"
   resolved "https://registry.npm.taobao.org/espree/download/espree-6.2.1.tgz?cache=0&sync_timestamp=1588886720119&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fespree%2Fdownload%2Fespree-6.2.1.tgz#77fc72e1fd744a2052c20f38a5b575832e82734a"
   integrity sha1-d/xy4f10SiBSwg84pbV1gy6Cc0o=
@@ -6490,10 +6495,10 @@ get-stdin@^6.0.0:
   resolved "https://registry.npm.taobao.org/get-stdin/download/get-stdin-6.0.0.tgz#9e09bf712b360ab9225e812048f71fde9c89657b"
   integrity sha1-ngm/cSs2CrkiXoEgSPcf3pyJZXs=
 
-get-stdin@^7.0.0:
-  version "7.0.0"
-  resolved "https://registry.npm.taobao.org/get-stdin/download/get-stdin-7.0.0.tgz#8d5de98f15171a125c5e516643c7a6d0ea8a96f6"
-  integrity sha1-jV3pjxUXGhJcXlFmQ8em0OqKlvY=
+get-stdin@^8.0.0:
+  version "8.0.0"
+  resolved "https://registry.npm.taobao.org/get-stdin/download/get-stdin-8.0.0.tgz#cbad6a73feb75f6eeb22ba9e01f89aa28aa97a53"
+  integrity sha1-y61qc/63X27rIrqeAfiaooqpelM=
 
 get-stream@^3.0.0:
   version "3.0.0"
@@ -6595,19 +6600,19 @@ global-prefix@^3.0.0:
 
 globals@^11.1.0, globals@^11.12.0:
   version "11.12.0"
-  resolved "https://registry.npm.taobao.org/globals/download/globals-11.12.0.tgz?cache=0&sync_timestamp=1586675819799&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fglobals%2Fdownload%2Fglobals-11.12.0.tgz#ab8795338868a0babd8525758018c2a7eb95c42e"
+  resolved "https://registry.npm.taobao.org/globals/download/globals-11.12.0.tgz#ab8795338868a0babd8525758018c2a7eb95c42e"
   integrity sha1-q4eVM4hooLq9hSV1gBjCp+uVxC4=
 
 globals@^12.1.0:
   version "12.4.0"
-  resolved "https://registry.npm.taobao.org/globals/download/globals-12.4.0.tgz?cache=0&sync_timestamp=1586675819799&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fglobals%2Fdownload%2Fglobals-12.4.0.tgz#a18813576a41b00a24a97e7f815918c2e19925f8"
+  resolved "https://registry.npm.taobao.org/globals/download/globals-12.4.0.tgz#a18813576a41b00a24a97e7f815918c2e19925f8"
   integrity sha1-oYgTV2pBsAokqX5/gVkYwuGZJfg=
   dependencies:
     type-fest "^0.8.1"
 
 globals@^9.18.0:
   version "9.18.0"
-  resolved "https://registry.npm.taobao.org/globals/download/globals-9.18.0.tgz?cache=0&sync_timestamp=1586675819799&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fglobals%2Fdownload%2Fglobals-9.18.0.tgz#aa3896b3e69b487f17e31ed2143d69a8e30c2d8a"
+  resolved "https://registry.npm.taobao.org/globals/download/globals-9.18.0.tgz#aa3896b3e69b487f17e31ed2143d69a8e30c2d8a"
   integrity sha1-qjiWs+abSH8X4x7SFD1pqOMMLYo=
 
 globby@^11.0.0:
@@ -6995,9 +7000,9 @@ http-proxy-middleware@0.19.1:
     micromatch "^3.1.10"
 
 http-proxy@^1.17.0:
-  version "1.18.0"
-  resolved "https://registry.npm.taobao.org/http-proxy/download/http-proxy-1.18.0.tgz#dbe55f63e75a347db7f3d99974f2692a314a6a3a"
-  integrity sha1-2+VfY+daNH2389mZdPJpKjFKajo=
+  version "1.18.1"
+  resolved "https://registry.npm.taobao.org/http-proxy/download/http-proxy-1.18.1.tgz#401541f0534884bbf95260334e72f88ee3976549"
+  integrity sha1-QBVB8FNIhLv5UmAzTnL4juOXZUk=
   dependencies:
     eventemitter3 "^4.0.0"
     follow-redirects "^1.0.0"
@@ -8344,7 +8349,7 @@ kind-of@^5.0.0:
   resolved "https://registry.npm.taobao.org/kind-of/download/kind-of-5.1.0.tgz#729c91e2d857b7a419a1f9aa65685c4c33f5845d"
   integrity sha1-cpyR4thXt6QZofmqZWhcTDP1hF0=
 
-kind-of@^6.0.0, kind-of@^6.0.2:
+kind-of@^6.0.0, kind-of@^6.0.2, kind-of@^6.0.3:
   version "6.0.3"
   resolved "https://registry.npm.taobao.org/kind-of/download/kind-of-6.0.3.tgz#07c05034a6c349fa06e24fa35aa76db4580ce4dd"
   integrity sha1-B8BQNKbDSfoG4k+jWqdttFgM5N0=
@@ -8359,10 +8364,10 @@ known-css-properties@^0.11.0:
   resolved "https://registry.npm.taobao.org/known-css-properties/download/known-css-properties-0.11.0.tgz#0da784f115ea77c76b81536d7052e90ee6c86a8a"
   integrity sha1-DaeE8RXqd8drgVNtcFLpDubIaoo=
 
-known-css-properties@^0.18.0:
-  version "0.18.0"
-  resolved "https://registry.npm.taobao.org/known-css-properties/download/known-css-properties-0.18.0.tgz#d6e00b56ee1d5b0d171fd86df1583cfb012c521f"
-  integrity sha1-1uALVu4dWw0XH9ht8Vg8+wEsUh8=
+known-css-properties@^0.19.0:
+  version "0.19.0"
+  resolved "https://registry.npm.taobao.org/known-css-properties/download/known-css-properties-0.19.0.tgz#5d92b7fa16c72d971bda9b7fe295bdf61836ee5b"
+  integrity sha1-XZK3+hbHLZcb2pt/4pW99hg27ls=
 
 launch-editor-middleware@^2.2.1:
   version "2.2.1"
@@ -8678,6 +8683,13 @@ log-symbols@^3.0.0:
   dependencies:
     chalk "^2.4.2"
 
+log-symbols@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npm.taobao.org/log-symbols/download/log-symbols-4.0.0.tgz#69b3cc46d20f448eccdb75ea1fa733d9e821c920"
+  integrity sha1-abPMRtIPRI7M23XqH6cz2eghySA=
+  dependencies:
+    chalk "^4.0.0"
+
 log-update@^1.0.2:
   version "1.0.2"
   resolved "https://registry.npm.taobao.org/log-update/download/log-update-1.0.2.tgz?cache=0&sync_timestamp=1582186055465&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Flog-update%2Fdownload%2Flog-update-1.0.2.tgz#19929f64c4093d2d2e7075a1dad8af59c296b8d1"
@@ -8914,12 +8926,14 @@ meow@^5.0.0:
     trim-newlines "^2.0.0"
     yargs-parser "^10.0.0"
 
-meow@^6.1.0:
-  version "6.1.1"
-  resolved "https://registry.npm.taobao.org/meow/download/meow-6.1.1.tgz?cache=0&sync_timestamp=1589206067133&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fmeow%2Fdownload%2Fmeow-6.1.1.tgz#1ad64c4b76b2a24dfb2f635fddcadf320d251467"
-  integrity sha1-GtZMS3ayok37L2Nf3crfMg0lFGc=
+meow@^7.0.1:
+  version "7.0.1"
+  resolved "https://registry.npm.taobao.org/meow/download/meow-7.0.1.tgz?cache=0&sync_timestamp=1589206067133&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fmeow%2Fdownload%2Fmeow-7.0.1.tgz#1ed4a0a50b3844b451369c48362eb0515f04c1dc"
+  integrity sha1-HtSgpQs4RLRRNpxINi6wUV8Ewdw=
   dependencies:
     "@types/minimist" "^1.2.0"
+    arrify "^2.0.1"
+    camelcase "^6.0.0"
     camelcase-keys "^6.2.2"
     decamelize-keys "^1.1.0"
     hard-rejection "^2.1.0"
@@ -9066,12 +9080,13 @@ minimist-options@^3.0.1:
     is-plain-obj "^1.1.0"
 
 minimist-options@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.npm.taobao.org/minimist-options/download/minimist-options-4.0.2.tgz#29c4021373ded40d546186725e57761e4b1984a7"
-  integrity sha1-KcQCE3Pe1A1UYYZyXld2HksZhKc=
+  version "4.1.0"
+  resolved "https://registry.npm.taobao.org/minimist-options/download/minimist-options-4.1.0.tgz#c0655713c53a8a2ebd77ffa247d342c40f010619"
+  integrity sha1-wGVXE8U6ii69d/+iR9NCxA8BBhk=
   dependencies:
     arrify "^1.0.1"
     is-plain-obj "^1.1.0"
+    kind-of "^6.0.3"
 
 minimist@0.0.8:
   version "0.0.8"
@@ -9103,9 +9118,9 @@ minipass-flush@^1.0.5:
     minipass "^3.0.0"
 
 minipass-pipeline@^1.2.2:
-  version "1.2.2"
-  resolved "https://registry.npm.taobao.org/minipass-pipeline/download/minipass-pipeline-1.2.2.tgz#3dcb6bb4a546e32969c7ad710f2c79a86abba93a"
-  integrity sha1-PctrtKVG4ylpx61xDyx5qGq7qTo=
+  version "1.2.3"
+  resolved "https://registry.npm.taobao.org/minipass-pipeline/download/minipass-pipeline-1.2.3.tgz#55f7839307d74859d6e8ada9c3ebe72cec216a34"
+  integrity sha1-VfeDkwfXSFnW6K2pw+vnLOwhajQ=
   dependencies:
     minipass "^3.0.0"
 
@@ -9604,7 +9619,7 @@ onetime@^5.1.0:
 
 open@^6.3.0:
   version "6.4.0"
-  resolved "https://registry.npm.taobao.org/open/download/open-6.4.0.tgz?cache=0&sync_timestamp=1583734616839&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fopen%2Fdownload%2Fopen-6.4.0.tgz#5c13e96d0dc894686164f18965ecfe889ecfc8a9"
+  resolved "https://registry.npm.taobao.org/open/download/open-6.4.0.tgz#5c13e96d0dc894686164f18965ecfe889ecfc8a9"
   integrity sha1-XBPpbQ3IlGhhZPGJZez+iJ7PyKk=
   dependencies:
     is-wsl "^1.1.0"
@@ -10792,11 +10807,11 @@ postcss-sass@^0.4.4:
     postcss "^7.0.21"
 
 postcss-scss@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.npm.taobao.org/postcss-scss/download/postcss-scss-2.0.0.tgz#248b0a28af77ea7b32b1011aba0f738bda27dea1"
-  integrity sha1-JIsKKK936nsysQEaug9zi9on3qE=
+  version "2.1.0"
+  resolved "https://registry.npm.taobao.org/postcss-scss/download/postcss-scss-2.1.0.tgz#18d7019cf0a170368bb4020b974fbb3eb0515fc8"
+  integrity sha1-GNcBnPChcDaLtAILl0+7PrBRX8g=
   dependencies:
-    postcss "^7.0.0"
+    postcss "^7.0.6"
 
 postcss-selector-matches@^4.0.0:
   version "4.0.0"
@@ -10900,7 +10915,7 @@ postcss-values-parser@^2.0.0, postcss-values-parser@^2.0.1:
     indexes-of "^1.0.1"
     uniq "^1.0.1"
 
-postcss@^7.0.0, postcss@^7.0.1, postcss@^7.0.13, postcss@^7.0.14, postcss@^7.0.16, postcss@^7.0.17, postcss@^7.0.2, postcss@^7.0.21, postcss@^7.0.26, postcss@^7.0.27, postcss@^7.0.5, postcss@^7.0.6, postcss@^7.0.7:
+postcss@^7.0.0, postcss@^7.0.1, postcss@^7.0.13, postcss@^7.0.14, postcss@^7.0.16, postcss@^7.0.17, postcss@^7.0.2, postcss@^7.0.21, postcss@^7.0.26, postcss@^7.0.27, postcss@^7.0.30, postcss@^7.0.5, postcss@^7.0.6, postcss@^7.0.7:
   version "7.0.30"
   resolved "https://registry.npm.taobao.org/postcss/download/postcss-7.0.30.tgz#cc9378beffe46a02cbc4506a0477d05fcea9a8e2"
   integrity sha1-zJN4vv/kagLLxFBqBHfQX86pqOI=
@@ -11879,6 +11894,11 @@ schema-utils@^2.0.0, schema-utils@^2.5.0, schema-utils@^2.6.1, schema-utils@^2.6
     ajv "^6.12.0"
     ajv-keywords "^3.4.1"
 
+screenfull@^5.0.2:
+  version "5.0.2"
+  resolved "https://registry.npm.taobao.org/screenfull/download/screenfull-5.0.2.tgz#b9acdcf1ec676a948674df5cd0ff66b902b0bed7"
+  integrity sha1-uazc8exnapSGdN9c0P9muQKwvtc=
+
 seer@^0.2.4:
   version "0.2.5"
   resolved "https://registry.npm.taobao.org/seer/download/seer-0.2.5.tgz#f0975153741f4d1c3916a144eef4738458bcb05a"
@@ -12239,9 +12259,9 @@ spdx-exceptions@^2.1.0:
   integrity sha1-PyjOGnegA3JoPq3kpDMYNSeiFj0=
 
 spdx-expression-parse@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.npm.taobao.org/spdx-expression-parse/download/spdx-expression-parse-3.0.0.tgz#99e119b7a5da00e05491c9fa338b7904823b41d0"
-  integrity sha1-meEZt6XaAOBUkcn6M4t5BII7QdA=
+  version "3.0.1"
+  resolved "https://registry.npm.taobao.org/spdx-expression-parse/download/spdx-expression-parse-3.0.1.tgz#cf70f50482eefdc98e3ce0a6833e4a53ceeba679"
+  integrity sha1-z3D1BILu/cmOPOCmgz5KU87rpnk=
   dependencies:
     spdx-exceptions "^2.1.0"
     spdx-license-ids "^3.0.0"
@@ -12697,10 +12717,10 @@ stylelint-webpack-plugin@^2.0.0:
     micromatch "^4.0.2"
     schema-utils "^2.6.6"
 
-stylelint@^13.3.3:
-  version "13.3.3"
-  resolved "https://registry.npm.taobao.org/stylelint/download/stylelint-13.3.3.tgz?cache=0&sync_timestamp=1587471454795&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fstylelint%2Fdownload%2Fstylelint-13.3.3.tgz#e267a628ebfc1adad6f5a1fe818724c34171402b"
-  integrity sha1-4memKOv8GtrW9aH+gYckw0FxQCs=
+stylelint@^13.4.0:
+  version "13.4.0"
+  resolved "https://registry.npm.taobao.org/stylelint/download/stylelint-13.4.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fstylelint%2Fdownload%2Fstylelint-13.4.0.tgz#15071c4cc15138365acf2396395c17823cf652b9"
+  integrity sha1-FQccTMFRODZazyOWOVwXgjz2Urk=
   dependencies:
     "@stylelint/postcss-css-in-js" "^0.37.1"
     "@stylelint/postcss-markdown" "^0.36.1"
@@ -12711,7 +12731,7 @@ stylelint@^13.3.3:
     debug "^4.1.1"
     execall "^2.0.0"
     file-entry-cache "^5.0.1"
-    get-stdin "^7.0.0"
+    get-stdin "^8.0.0"
     global-modules "^2.0.0"
     globby "^11.0.0"
     globjoin "^0.1.4"
@@ -12719,15 +12739,15 @@ stylelint@^13.3.3:
     ignore "^5.1.4"
     import-lazy "^4.0.0"
     imurmurhash "^0.1.4"
-    known-css-properties "^0.18.0"
+    known-css-properties "^0.19.0"
     leven "^3.1.0"
     lodash "^4.17.15"
-    log-symbols "^3.0.0"
+    log-symbols "^4.0.0"
     mathml-tag-names "^2.1.3"
-    meow "^6.1.0"
+    meow "^7.0.1"
     micromatch "^4.0.2"
     normalize-selector "^0.2.0"
-    postcss "^7.0.27"
+    postcss "^7.0.30"
     postcss-html "^0.36.0"
     postcss-less "^3.1.4"
     postcss-media-query-parser "^0.2.3"
@@ -12738,7 +12758,7 @@ stylelint@^13.3.3:
     postcss-scss "^2.0.0"
     postcss-selector-parser "^6.0.2"
     postcss-syntax "^0.36.2"
-    postcss-value-parser "^4.0.3"
+    postcss-value-parser "^4.1.0"
     resolve-from "^5.0.0"
     slash "^3.0.0"
     specificity "^0.4.1"
@@ -12753,7 +12773,7 @@ stylelint@^13.3.3:
 
 stylelint@^9.10.1:
   version "9.10.1"
-  resolved "https://registry.npm.taobao.org/stylelint/download/stylelint-9.10.1.tgz?cache=0&sync_timestamp=1587471454795&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fstylelint%2Fdownload%2Fstylelint-9.10.1.tgz#5f0ee3701461dff1d68284e1386efe8f0677a75d"
+  resolved "https://registry.npm.taobao.org/stylelint/download/stylelint-9.10.1.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fstylelint%2Fdownload%2Fstylelint-9.10.1.tgz#5f0ee3701461dff1d68284e1386efe8f0677a75d"
   integrity sha1-Xw7jcBRh3/HWgoThOG7+jwZ3p10=
   dependencies:
     autoprefixer "^9.0.0"
@@ -12883,12 +12903,12 @@ table@^5.0.0, table@^5.2.3, table@^5.4.6:
 
 tapable@^0.1.8:
   version "0.1.10"
-  resolved "https://registry.npm.taobao.org/tapable/download/tapable-0.1.10.tgz#29c35707c2b70e50d07482b5d202e8ed446dafd4"
+  resolved "https://registry.npm.taobao.org/tapable/download/tapable-0.1.10.tgz?cache=0&sync_timestamp=1589549557661&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ftapable%2Fdownload%2Ftapable-0.1.10.tgz#29c35707c2b70e50d07482b5d202e8ed446dafd4"
   integrity sha1-KcNXB8K3DlDQdIK10gLo7URtr9Q=
 
 tapable@^1.0.0, tapable@^1.0.0-beta.5, tapable@^1.1.3:
   version "1.1.3"
-  resolved "https://registry.npm.taobao.org/tapable/download/tapable-1.1.3.tgz#a1fccc06b58db61fd7a45da2da44f5f3a3e67ba2"
+  resolved "https://registry.npm.taobao.org/tapable/download/tapable-1.1.3.tgz?cache=0&sync_timestamp=1589549557661&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ftapable%2Fdownload%2Ftapable-1.1.3.tgz#a1fccc06b58db61fd7a45da2da44f5f3a3e67ba2"
   integrity sha1-ofzMBrWNth/XpF2i2kT186Pme6I=
 
 tar@^6.0.2:
@@ -13170,7 +13190,7 @@ tryer@^1.0.1:
 
 ts-jest@^24.2.0:
   version "24.3.0"
-  resolved "https://registry.npm.taobao.org/ts-jest/download/ts-jest-24.3.0.tgz#b97814e3eab359ea840a1ac112deae68aa440869"
+  resolved "https://registry.npm.taobao.org/ts-jest/download/ts-jest-24.3.0.tgz?cache=0&sync_timestamp=1589569779259&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fts-jest%2Fdownload%2Fts-jest-24.3.0.tgz#b97814e3eab359ea840a1ac112deae68aa440869"
   integrity sha1-uXgU4+qzWeqEChrBEt6uaKpECGk=
   dependencies:
     bs-logger "0.x"
@@ -13211,9 +13231,9 @@ tsconfig@^7.0.0:
     strip-json-comments "^2.0.0"
 
 tslib@^1.8.0, tslib@^1.8.1, tslib@^1.9.0:
-  version "1.12.0"
-  resolved "https://registry.npm.taobao.org/tslib/download/tslib-1.12.0.tgz?cache=0&sync_timestamp=1589307112951&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ftslib%2Fdownload%2Ftslib-1.12.0.tgz#d1fc9cacd06a1456c62f2902b361573e83d66473"
-  integrity sha1-0fycrNBqFFbGLykCs2FXPoPWZHM=
+  version "1.13.0"
+  resolved "https://registry.npm.taobao.org/tslib/download/tslib-1.13.0.tgz#c881e13cc7015894ed914862d276436fa9a47043"
+  integrity sha1-yIHhPMcBWJTtkUhi0nZDb6mkcEM=
 
 tslint@^5.20.1:
   version "5.20.1"
@@ -13321,12 +13341,12 @@ typedarray@^0.0.6:
 
 typescript@^3.9.2:
   version "3.9.2"
-  resolved "https://registry.npm.taobao.org/typescript/download/typescript-3.9.2.tgz#64e9c8e9be6ea583c54607677dd4680a1cf35db9"
+  resolved "https://registry.npm.taobao.org/typescript/download/typescript-3.9.2.tgz?cache=0&sync_timestamp=1589699734663&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ftypescript%2Fdownload%2Ftypescript-3.9.2.tgz#64e9c8e9be6ea583c54607677dd4680a1cf35db9"
   integrity sha1-ZOnI6b5upYPFRgdnfdRoChzzXbk=
 
 uglify-js@3.4.x:
   version "3.4.10"
-  resolved "https://registry.npm.taobao.org/uglify-js/download/uglify-js-3.4.10.tgz?cache=0&sync_timestamp=1588495589104&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fuglify-js%2Fdownload%2Fuglify-js-3.4.10.tgz#9ad9563d8eb3acdfb8d38597d2af1d815f6a755f"
+  resolved "https://registry.npm.taobao.org/uglify-js/download/uglify-js-3.4.10.tgz#9ad9563d8eb3acdfb8d38597d2af1d815f6a755f"
   integrity sha1-mtlWPY6zrN+404WX0q8dgV9qdV8=
   dependencies:
     commander "~2.19.0"
@@ -13700,7 +13720,7 @@ vfile-message@^1.0.0:
 
 vfile@^3.0.0:
   version "3.0.1"
-  resolved "https://registry.npm.taobao.org/vfile/download/vfile-3.0.1.tgz#47331d2abe3282424f4a4bb6acd20a44c4121803"
+  resolved "https://registry.npm.taobao.org/vfile/download/vfile-3.0.1.tgz?cache=0&sync_timestamp=1589621745200&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvfile%2Fdownload%2Fvfile-3.0.1.tgz#47331d2abe3282424f4a4bb6acd20a44c4121803"
   integrity sha1-RzMdKr4ygkJPSku2rNIKRMQSGAM=
   dependencies:
     is-buffer "^2.0.0"
@@ -13709,9 +13729,9 @@ vfile@^3.0.0:
     vfile-message "^1.0.0"
 
 vfile@^4.0.0:
-  version "4.1.0"
-  resolved "https://registry.npm.taobao.org/vfile/download/vfile-4.1.0.tgz#d79248957f43225d57ff67a56effc67bef08946e"
-  integrity sha1-15JIlX9DIl1X/2elbv/Ge+8IlG4=
+  version "4.1.1"
+  resolved "https://registry.npm.taobao.org/vfile/download/vfile-4.1.1.tgz?cache=0&sync_timestamp=1589621745200&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvfile%2Fdownload%2Fvfile-4.1.1.tgz#282d28cebb609183ac51703001bc18b3e3f17de9"
+  integrity sha1-KC0ozrtgkYOsUXAwAbwYs+Pxfek=
   dependencies:
     "@types/unist" "^2.0.0"
     is-buffer "^2.0.0"
@@ -13730,14 +13750,14 @@ vue-class-component@^7.1.0, vue-class-component@^7.2.3:
   integrity sha1-pbGr1TUTpyrVEJh1Li3t1JmAfMo=
 
 vue-eslint-parser@^7.0.0:
-  version "7.0.0"
-  resolved "https://registry.npm.taobao.org/vue-eslint-parser/download/vue-eslint-parser-7.0.0.tgz#a4ed2669f87179dedd06afdd8736acbb3a3864d6"
-  integrity sha1-pO0mafhxed7dBq/dhzasuzo4ZNY=
+  version "7.1.0"
+  resolved "https://registry.npm.taobao.org/vue-eslint-parser/download/vue-eslint-parser-7.1.0.tgz?cache=0&sync_timestamp=1589539313907&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvue-eslint-parser%2Fdownload%2Fvue-eslint-parser-7.1.0.tgz#9cdbcc823e656b087507a1911732b867ac101e83"
+  integrity sha1-nNvMgj5lawh1B6GRFzK4Z6wQHoM=
   dependencies:
     debug "^4.1.1"
     eslint-scope "^5.0.0"
     eslint-visitor-keys "^1.1.0"
-    espree "^6.1.2"
+    espree "^6.2.1"
     esquery "^1.0.1"
     lodash "^4.17.15"
 
@@ -13746,10 +13766,10 @@ vue-hot-reload-api@^2.3.0:
   resolved "https://registry.npm.taobao.org/vue-hot-reload-api/download/vue-hot-reload-api-2.3.4.tgz#532955cc1eb208a3d990b3a9f9a70574657e08f2"
   integrity sha1-UylVzB6yCKPZkLOp+acFdGV+CPI=
 
-vue-i18n@^8.17.4:
-  version "8.17.5"
-  resolved "https://registry.npm.taobao.org/vue-i18n/download/vue-i18n-8.17.5.tgz?cache=0&sync_timestamp=1589129361413&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvue-i18n%2Fdownload%2Fvue-i18n-8.17.5.tgz#e34ceda4273a83be94c392358a227d66b76acb12"
-  integrity sha1-40ztpCc6g76Uw5I1iiJ9ZrdqyxI=
+vue-i18n@^8.17.6:
+  version "8.17.6"
+  resolved "https://registry.npm.taobao.org/vue-i18n/download/vue-i18n-8.17.6.tgz#eb894dc1db7f69f505a8df5fed37f8d10aa10980"
+  integrity sha1-64lNwdt/afUFqN9f7Tf40QqhCYA=
 
 vue-jest@^3.0.5:
   version "3.0.5"
@@ -13818,7 +13838,7 @@ vue-tsx-support@^2.3.3:
 
 vue@^2.6.11:
   version "2.6.11"
-  resolved "https://registry.npm.taobao.org/vue/download/vue-2.6.11.tgz?cache=0&sync_timestamp=1589227039789&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvue%2Fdownload%2Fvue-2.6.11.tgz#76594d877d4b12234406e84e35275c6d514125c5"
+  resolved "https://registry.npm.taobao.org/vue/download/vue-2.6.11.tgz#76594d877d4b12234406e84e35275c6d514125c5"
   integrity sha1-dllNh31LEiNEBuhONSdcbVFBJcU=
 
 vuex-class@^0.3.2:
@@ -13859,14 +13879,23 @@ walker@^1.0.7, walker@~1.0.5:
   dependencies:
     makeerror "1.0.x"
 
-watchpack@^1.6.1:
-  version "1.6.1"
-  resolved "https://registry.npm.taobao.org/watchpack/download/watchpack-1.6.1.tgz#280da0a8718592174010c078c7585a74cd8cd0e2"
-  integrity sha1-KA2gqHGFkhdAEMB4x1hadM2M0OI=
+watchpack-chokidar2@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npm.taobao.org/watchpack-chokidar2/download/watchpack-chokidar2-2.0.0.tgz#9948a1866cbbd6cb824dea13a7ed691f6c8ddff0"
+  integrity sha1-mUihhmy71suCTeoTp+1pH2yN3/A=
   dependencies:
     chokidar "^2.1.8"
+
+watchpack@^1.6.1:
+  version "1.7.2"
+  resolved "https://registry.npm.taobao.org/watchpack/download/watchpack-1.7.2.tgz#c02e4d4d49913c3e7e122c3325365af9d331e9aa"
+  integrity sha1-wC5NTUmRPD5+EiwzJTZa+dMx6ao=
+  dependencies:
     graceful-fs "^4.1.2"
     neo-async "^2.5.0"
+  optionalDependencies:
+    chokidar "^3.4.0"
+    watchpack-chokidar2 "^2.0.0"
 
 wbuf@^1.1.0, wbuf@^1.7.3:
   version "1.7.3"
@@ -14383,11 +14412,9 @@ yallist@^4.0.0:
   integrity sha1-m7knkNnA7/7GO+c1GeEaNQGaOnI=
 
 yaml@^1.7.2:
-  version "1.9.2"
-  resolved "https://registry.npm.taobao.org/yaml/download/yaml-1.9.2.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fyaml%2Fdownload%2Fyaml-1.9.2.tgz#f0cfa865f003ab707663e4f04b3956957ea564ed"
-  integrity sha1-8M+oZfADq3B2Y+TwSzlWlX6lZO0=
-  dependencies:
-    "@babel/runtime" "^7.9.2"
+  version "1.10.0"
+  resolved "https://registry.npm.taobao.org/yaml/download/yaml-1.10.0.tgz?cache=0&sync_timestamp=1589623533772&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fyaml%2Fdownload%2Fyaml-1.10.0.tgz#3b593add944876077d4d683fee01081bd9fff31e"
+  integrity sha1-O1k63ZRIdgd9TWg/7gEIG9n/8x4=
 
 yargs-parser@10.x, yargs-parser@^10.0.0:
   version "10.1.0"
@@ -14414,7 +14441,7 @@ yargs-parser@^18.1.1, yargs-parser@^18.1.3:
 
 yargs@^13.3.0, yargs@^13.3.2:
   version "13.3.2"
-  resolved "https://registry.npm.taobao.org/yargs/download/yargs-13.3.2.tgz?cache=0&sync_timestamp=1587149854446&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fyargs%2Fdownload%2Fyargs-13.3.2.tgz#ad7ffefec1aa59565ac915f82dccb38a9c31a2dd"
+  resolved "https://registry.npm.taobao.org/yargs/download/yargs-13.3.2.tgz?cache=0&sync_timestamp=1589566384961&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fyargs%2Fdownload%2Fyargs-13.3.2.tgz#ad7ffefec1aa59565ac915f82dccb38a9c31a2dd"
   integrity sha1-rX/+/sGqWVZayRX4Lcyzipwxot0=
   dependencies:
     cliui "^5.0.0"
@@ -14430,7 +14457,7 @@ yargs@^13.3.0, yargs@^13.3.2:
 
 yargs@^15.0.0:
   version "15.3.1"
-  resolved "https://registry.npm.taobao.org/yargs/download/yargs-15.3.1.tgz?cache=0&sync_timestamp=1587149854446&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fyargs%2Fdownload%2Fyargs-15.3.1.tgz#9505b472763963e54afe60148ad27a330818e98b"
+  resolved "https://registry.npm.taobao.org/yargs/download/yargs-15.3.1.tgz?cache=0&sync_timestamp=1589566384961&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fyargs%2Fdownload%2Fyargs-15.3.1.tgz#9505b472763963e54afe60148ad27a330818e98b"
   integrity sha1-lQW0cnY5Y+VK/mAUitJ6MwgY6Ys=
   dependencies:
     cliui "^6.0.0"