Build(npm): upgrade dependencies

Armour · Armour · commit 9d0ba75d3745 · 2019-08-15T11:15:53.000+08:00
diff --git a/docs/zh/guide/README.md b/docs/zh/guide/README.md
@@ -1,7 +1,7 @@
 # 介绍
 
 [![Vue](https://img.shields.io/badge/vue-2.6.10-brightgreen.svg)](https://github.com/vuejs/vue)
-[![Element-ui](https://img.shields.io/badge/element--ui-2.8.2-brightgreen.svg)](https://github.com/ElemeFE/element)
+[![Element-ui](https://img.shields.io/badge/element--ui-2.11.1-brightgreen.svg)](https://github.com/ElemeFE/element)
 [![Build Status](https://circleci.com/gh/Armour/vue-typescript-admin-template/tree/master.svg?style=shield)](https://circleci.com/gh/Armour/vue-typescript-admin-template/tree/master)
 [![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)
 [![Template from jarvis](https://img.shields.io/badge/Hi-Jarvis-ff69b4.svg)](https://github.com/Armour/Jarvis)
@@ -18,7 +18,7 @@
 相关项目:
 - Javascript 集成样例: [vue-element-admin](https://github.com/armour/vue-typescript-admin-template) (鸣谢: [PanJiaChen](https://github.com/PanJiaChen))
 - Javascript 基础摸板: [vue-admin-template](https://github.com/PanJiaChen/vue-admin-template) (鸣谢: [PanJiaChen](https://github.com/PanJiaChen))
-  :::
+:::
 
 ## 功能
 
@@ -73,12 +73,12 @@
   - 复杂表格
 
 - Excel
-  - 导出excel
-  - 导入excel
-  - 前端可视化excel
+  - 导出 excel
+  - 导入 excel
+  - 前端可视化 excel
 
 - Zip
-  - 导出zip
+  - 导出 zip
 
 - PDF
   - 下载 pdf
diff --git a/docs/zh/guide/essentials/layout.md b/docs/zh/guide/essentials/layout.md
@@ -19,13 +19,13 @@
 `vue-typescript-admin-template` 中大部分页面都是基于这个 `layout` 的，除了个别页面如：`login` , `404`, `401` 等页面没有使用该`layout`。如果你想在一个项目中有多种不同的`layout`也是很方便的，只要在一级路由那里选择不同的`layout`组件就行。
 
 ```js
-// Without layout
+// 不含 layout
 {
   path: '/401',
   component: () => import('@/views/error-page/401.vue')
 }
 
-// With layout
+// 含有 layout
 {
   path: '/documentation',
   // 你可以选择不同的layout组件
@@ -70,30 +70,31 @@
 
 <img :src="$withBase('/images/share-router.jpeg')" alt="共享路由">
 
-`创建`和`编辑`的页面使用的是同一个 component，默认情况下这两个页面切换时并不会触发 vue 的 created 或者 mounted 钩子，[官方说](https://router.vuejs.org/zh/guide/advanced/data-fetching.html#%E6%95%B0%E6%8D%AE%E8%8E%B7%E5%8F%96)你可以通过 watch $route 的变化来进行处理，但说真的还是蛮麻烦的。后来发现其实可以简单的在 `router-view` 上加上一个唯一的 key，来保证路由切换时都会重新渲染触发钩子了。这样简单的多了。
+`创建` 和 `编辑` 的页面使用的是同一个 component，默认情况下这两个页面切换时并不会触发 vue 的 created 或者 mounted 钩子，[官方文档说](https://router.vuejs.org/zh/guide/advanced/data-fetching.html#%E6%95%B0%E6%8D%AE%E8%8E%B7%E5%8F%96)你可以通过 watch $route 的变化来进行处理，但说真的还是蛮麻烦的。后来发现其实可以简单的在 `router-view` 上加上一个唯一的 key，来保证路由切换时都会重新渲染触发钩子了，这样简单多了。
+
+```html
+<router-view :key="key" />
+```
 
 ```js
-<router-view :key="key"></router-view>
-
-computed: {
-  key() {
-    // 只要保证 key 唯一性就可以了，保证不同页面的 key 不相同
-    return this.$route.path
-  }
- }
+get key() {
+  // 只要保证 key 唯一性就可以了，保证不同页面的 key 不相同
+  return this.$route.path
+}
 ```
 
-::: tip
+::: tip 示例
 或者可以像本项目中 `editForm` 和 `createForm` 那样声明两个不同的 view 但引入同一个 component。
 
-示例代码：[@/views/example](https://github.com/armour/vue-typescript-admin-template/tree/master/src/views/example)
+代码：[@/views/example](https://github.com/armour/vue-typescript-admin-template/tree/master/src/views/example)
 :::
 
 ```html
 <!-- create.vue -->
 <template>
   <article-detail :is-edit="false" />
 </template>
+
 <script lang="ts">
 import ArticleDetail from './components/ArticleDetail.vue'
 </script>
@@ -102,6 +103,7 @@ import ArticleDetail from './components/ArticleDetail.vue'
 <template>
   <article-detail :is-edit="true" />
 </template>
+
 <script lang="ts">
 import ArticleDetail from './components/ArticleDetail.vue'
 </script>
@@ -111,4 +113,4 @@ import ArticleDetail from './components/ArticleDetail.vue'
 
 `element-ui` 官方对自己的定位是桌面端后台框架，而且对于管理后台这种重交互的项目来说是不能通过简单的适配来满足桌面端和移动端两端不同的交互，所以真要做移动版后台，建议重新做一套系统。
 
-所以本项目也不会适配移动端，只是用`media query`做了一点简单的响应式布局，有需求请自行修改。
+所以本项目也不会适配移动端，只是用 `media query` 做了一点简单的响应式布局，有需求请自行修改。
diff --git a/docs/zh/guide/essentials/router-and-nav.md b/docs/zh/guide/essentials/router-and-nav.md
@@ -6,7 +6,7 @@
 
 路由和侧边栏是组织起一个后台应用的关键骨架。
 
-本项目侧边栏和路由是绑定在一起的，所以你只要在 `@/router/index.js` 下面配置对应的路由，侧边栏就能动态的生成了。大大减轻了手动重复编辑侧边栏的工作量。当然这样就需要在配置路由的时候遵循一些约定的规则。
+本项目侧边栏和路由是绑定在一起的，所以你只要在 `@/router/index.ts` 下面配置对应的路由，侧边栏就能动态的生成了。大大减轻了手动重复编辑侧边栏的工作量。当然这样就需要在配置路由的时候遵循一些约定的规则。
 
 ## 配置项
 
@@ -100,13 +100,13 @@ meta: {
 
 这里的路由分为两种，`constantRoutes` 和 `asyncRoutes`。
 
-**constantRoutes：** 代表那些不需要动态判断权限的路由，如登录页、404、等通用页面。
+**constantRoutes：** 不需要动态判断权限的路由，如登录页、404、等通用页面。
 
-**asyncRoutes：** 代表那些需求动态判断权限并通过 `addRoutes` 动态添加的页面。
+**asyncRoutes：** 需求动态判断权限并通过 `addRoutes` 动态添加的页面。
 
 具体的会在 [权限验证](permission.md) 页面介绍。
 
-::: tip
+::: tip 路由懒加载
 这里所有的路由页面都使用 `路由懒加载` 了 ，具体介绍见[文档](/zh/guide/advanced/lazy-loading.html)
 
 如果你想了解更多关于 browserHistory 和 hashHistory，请参看 [构建和发布](/zh/guide/essentials/deploy.html)。
@@ -115,7 +115,7 @@ meta: {
 其它的配置和 [vue-router](https://router.vuejs.org/zh-cn/) 官方并没有区别，自行查看文档。
 
 ::: warning 注意事项
-如果这里有一个需要非常注意的地方就是 `404` 页面一定要最后加载，如果放在 constantRoutes 一同声明了 `404` ，后面的所有页面都会被拦截到`404`
+如果这里有一个需要非常注意的地方就是 `404` 页面一定要最后加载，如果放在 constantRoutes 一同声明了 `404` ，后面的所有页面都会被拦截到 `404`
 :::
 
 ## 侧边栏
@@ -183,14 +183,14 @@ meta: {
 ```
 
 ::: tip unique-opened
-你可以在[Sidebar/index.vue](https://github.com/armour/vue-typescript-admin-template/blob/master/src/layout/components/Sidebar/index.vue)中设置 `unique-opened` 来控制侧边栏，是否只保持一个子菜单的展开。
+你可以在 [Sidebar/index.vue](https://github.com/armour/vue-typescript-admin-template/blob/master/src/layout/components/Sidebar/index.vue) 中设置 `unique-opened` 来控制侧边栏，是否只保持一个子菜单的展开。
 :::
 
 ## 多级目录(嵌套路由)
 
 如果你的路由是多级目录，如本项目 [@/views/nested](https://github.com/armour/vue-typescript-admin-template/tree/master/src/views/nested) 那样， 有三级路由嵌套的情况下，不要忘记还要手动在二级目录的根文件下添加一个 `<router-view>`。
 
-如：[@/views/nested/menu1/index.vue](https://github.com/armour/vue-typescript-admin-template/blob/master/src/views/nested/menu1/index.vue)，原则上有多少级路由嵌套就需要多少个`<router-view>`。
+如：[@/views/nested/menu1/index.vue](https://github.com/armour/vue-typescript-admin-template/blob/master/src/views/nested/menu1/index.vue)，原则上有多少级路由嵌套就需要多少个 `<router-view>`。
 
 ## 点击侧边栏 刷新当前路由
 
@@ -220,7 +220,7 @@ ps:不要忘了在 `router-view` 加上一个特定唯一的 `key`，如 `<route
 
 <img :src="$withBase('/images/resize-text.jpg')" alt="改变字体大小">
 
-点击图片所示的全局 size 大小切换按钮，你会发现 页面 `app-main` 区域进行了刷新。它就是运用了重定向到 `Redirect` 页面之后再重定向回原始页面的方法。
+点击图片所示的全局 size 大小切换按钮，你会发现页面 `app-main` 区域进行了刷新。它就是运用了重定向到 `Redirect` 页面之后再重定向回原始页面的方法。
 
 点击的时候重定向页面至 `/redirect`
 
@@ -234,10 +234,9 @@ this.$nextTick(() => {
 })
 ```
 
-`redirect` 页面在重定向回原始页面
+`redirect` 页面再重定向回原始页面
 
 ```js
-// https://github.com/armour/vue-typescript-admin-template/blob/master/src/views/redirect/index.vue
 created() {
   const { params, query } = this.$route
   const { path } = params
@@ -249,14 +248,18 @@ render() {
 }
 ```
 
+::: tip 代码地址
+[@/views/redirect/index.vue](https://github.com/armour/vue-typescript-admin-template/blob/master/src/views/redirect/index.vue)
+:::
+
 ## 面包屑
 
 本项目中也封装了一个面包屑导航，它也是通过 `watch $route` 变化动态生成的。它和 menu 也一样，也可以通过之前那些配置项控制一些路由在面包屑中的展现。大家也可以结合自己的业务需求增改这些自定义属性。比如可以在路由中声明`breadcrumb:false`，让其不在 breadcrumb 面包屑显示。
 
 <img :src="$withBase('/images/breadcrumb.gif')" alt="面包屑">
 
 ::: tip 代码地址
-[@/components/Breadcrumb](https://github.com/armour/vue-typescript-admin-template/blob/master/src/components/Breadcrumb/index.vue)
+[@/components/Breadcrumb/index.vue](https://github.com/armour/vue-typescript-admin-template/blob/master/src/components/Breadcrumb/index.vue)
 :::
 
 ## 侧边栏滚动问题
@@ -276,7 +279,7 @@ overflow-y: scroll;
 所以现版本中使用了 `el-scrollbar` 来处理侧边栏滚动问题。
 
 ::: tip 代码地址
-[@/components/Sidebar](https://github.com/armour/vue-typescript-admin-template/blob/master/src/layout/components/Sidebar/index.vue)
+[@/components/Sidebar/index.vue](https://github.com/armour/vue-typescript-admin-template/blob/master/src/layout/components/Sidebar/index.vue)
 :::
 
 ## 侧边栏 外链
diff --git a/docs/zh/guide/other/faq.md b/docs/zh/guide/other/faq.md
@@ -1,7 +1,7 @@
 # 常见问题
 
 ::: tip
-提问之前，请先查阅下面的常见问题。
+开 issue 提问之前，请先查阅下面的常见问题。
 :::
 
 ## vue-typescript-admin-template, vue-element-admin 和 vue-admin-template 有什么区别?
@@ -11,11 +11,9 @@
 
 [vue-typescript-admin-template](https://github.com/Armour/vue-typescript-admin-template)(本项目) 是基于 typescript 重写的版本, [master](https://github.com/Armour/vue-typescript-admin-template/tree/master) 分支对应着 vue-element-admin 的完整功能，而 [minimal](https://github.com/Armour/vue-typescript-admin-template/tree/minimal) 分支对应着 vue-admin-template 的基础功能。
 
-## 首先有任何报错，最简单的方法是把报错信息复制到浏览器里面搜索一下
+## 遇到不懂的问题第一件要做的事
 
-[google 点我](http://lmgtfy.com/?q=%E6%90%9C%E4%B8%80%E6%90%9C)
-
-[百度点我](http://www.baidu-x.com/?q=%E6%90%9C%E4%B8%80%E6%90%9C)
+自己动手把**报错信息的核心部分**先复制到浏览器里面搜索一下，可以使用 Google / 百度 / Bing 等搜索引擎。
 
 ## 代码下载慢？
 
@@ -27,14 +25,14 @@ npm 或者 github 有时候因为中国墙的原因，网速会不稳定。有
 npm install --registry=https://registry.npm.taobao.org
 ```
 
-- 使用 yarn 代替 npm
+- 尝试使用 yarn 代替 npm
 
   - [yarn 介绍](https://github.com/yarnpkg/yarn)
   - [安装](https://yarn.bootcss.com/docs/install/#mac-stable)
 
   `yarn install`
 
-- 自己了解一下如何科学上网
+- 了解一下如何科学上网
 
 ## npm install 总是失败？
 
@@ -89,20 +87,20 @@ module.exports = {
 
 ## 图片 background url() 引用问题？
 
-https://github.com/vuejs/vue-loader/issues/481
+[https://github.com/vuejs/vue-loader/issues/481](https://github.com/vuejs/vue-loader/issues/481)
 
-https://github.com/vuejs/vue-cli/issues/112
+[https://github.com/vuejs/vue-cli/issues/112](https://github.com/vuejs/vue-cli/issues/112)
 
 ## @ 或者如为什么他的项目可以`src/xxx/` 这样写，而我的却报路径错误？
 
 这种情况很有可能人家在配置了 webpack 的 alias
 
-`@` 是 webpack 的 [alias](https://webpack.js.org/configuration/resolve/#resolve-alias) 不懂得请自行研究。
+`@` 是 webpack 的 [alias](https://webpack.docschina.org/configuration/resolve/#resolve-alias) 不懂得请自行研究。
 
-## can't not find 'xxModule' - 找不到某些依赖或者模块
+## Can't not find 'xxx Module' - 找不到某些依赖或者模块
 
 这种情况一般报错信息可以看到是哪个包抛出的信息.
-一般卸载这个模块,安装重新安装下即可.
+一般卸载这个模块（如果已经安装了）, 用 npm 重新安装下即可.
 
 ## 我用了 axios , 为什么 IE 浏览器不识别(IE9+)
 
@@ -118,7 +116,3 @@ require("es6-promise").polyfill();
 ## 其它任何关于 vue 的问题 ？
 
 请你首先仔细阅读 vue [官方文档](https://cn.vuejs.org/index.html), 但部分问题其实看报错就能知道原因了！
-
-## 辅助文章
-
-[Vue 脱坑记 - 查漏补缺(汇总下群里高频询问的 xxx 及给出不靠谱的解决方案)](https://juejin.im/post/59fa9257f265da43062a1b0e)
diff --git a/package.json b/package.json
@@ -10,8 +10,8 @@
   },
   "devDependencies": {
     "prettier": "1.18.2",
-    "vuepress": "1.0.2",
-    "lint-staged": "9.0.2"
+    "vuepress": "1.0.3",
+    "lint-staged": "9.2.1"
   },
   "bugs": {
     "url": "https://github.com/armour/vue-typescript-admin-docs/issues"
diff --git a/yarn.lock b/yarn.lock
