log

Former-commit-id: 66ad9c0e6aa8e82daabbb3003e6b1f21bed11432 [formerly 8f4de997cfd08bb97fa0aaa0b614880a58ca22db] [formerly 66ad9c0e6aa8e82daabbb3003e6b1f21bed11432 [formerly 8f4de997cfd08bb97fa0aaa0b614880a58ca22db] [formerly 66ad9c0e6aa8e82daabbb3003e6b1f21bed11432 [formerly 8f4de997cfd08bb97fa0aaa0b614880a58ca22db] [formerly 8f4de997cfd08bb97fa0aaa0b614880a58ca22db [formerly 94db47ba387945eedf2430722c749dd459f66392 [formerly ba79b27e174ca667547772b483a7a83d82a3e549]]]]]
Former-commit-id: ac12249c5171273579b30d4c5eefcbe294972572
Former-commit-id: 001e629f6e25fa5eacfa39398d29028f6d514e66
Former-commit-id: 98d17c8a4ba34988ae77439d50ce5149c46698c5 [formerly 03684fb4f5dc3d9ae745ff3af3dfd2f19ef87c4b]
Former-commit-id: 3992a57057f70aa3cd125e04e4fe5b6ba8407389
Former-commit-id: ef526ad1b94f89cfb72765bbf8462b40fc33422e
Former-commit-id: 9af90964c7457e28d0fa5d1175d1b2f91959a4d6
Former-commit-id: 31e2d088d85406e71565cf40536c90126feb2a3e
Former-commit-id: 4bf6683297c5626a82858e6806bf25b5fa9013b2

docs/.vuepress/config.js

@@ -157,7 +157,10 @@ function sideBarSysPlugins () {
         'data-export',
         'data-import',
         'i18n',
-        'mock.md'
+        'mock',
+        'error',
+        'log',
+        'console'
       ]
     }
   ]

docs/zh/sys-plugins/console.md

@@ -0,0 +1,51 @@
+# 控制台打印优化
+
+使用 $log 可以在控制台输出美观的日志信息
+
+<img src="http://localhost:8082/d2-admin-preview/img/demo.dc86019c.png" style="width: 260px;"/>
+
+## 胶囊
+
+此方法打印一行“胶囊”样式的信息，即上图前四条
+
+**参数：**
+
+$log.capsule( `左侧文字`, `右侧文字`, `主题样式` )
+
+**示例：**
+
+``` js
+this.$log.capsule('title', 'success', 'success')
+```
+
+## 彩色文字
+
+此方法可以随意组合打印文字的颜色顺序
+
+``` js
+this.$log.colorful([
+  { text: 'H', type: 'default' },
+  { text: 'e', type: 'primary' },
+  { text: 'l', type: 'success' },
+  { text: 'l', type: 'warning' },
+  { text: 'o', type: 'danger' }
+])
+```
+
+上面的代码效果为效果图中第五行
+
+## 快速方法
+
+* $log.default
+* $log.primary
+* $log.success
+* $log.warning
+* $log.danger
+
+**示例：**
+
+``` js
+this.$log.primary('primary style')
+```
+
+这五个快速方法的效果为效果图中第六至十行

docs/zh/sys-plugins/error.md

@@ -0,0 +1,13 @@
+# 错误捕捉
+
+框架内已经做好错误捕捉处理，您不需要任何设置，当发生一个错误时，错误会被自动记录在日志中，并且在控制台显示相关错误信息。
+
+日志查看界面：
+
+![](http://fairyever.qiniudn.com/20180820173544.png?imageMogr2/auto-orient/thumbnail/1480x/blur/1x0/quality/100|imageslim)
+
+控制台输出：
+
+> 只在开发模式下输出
+
+![](http://fairyever.qiniudn.com/20180820172927.png?imageMogr2/auto-orient/thumbnail/1480x/blur/1x0/quality/100|imageslim)

docs/zh/sys-plugins/log.md

@@ -0,0 +1,17 @@
+# 日志
+
+使用 $logAdd 可以快速记录日志
+
+示例：
+
+![](http://fairyever.qiniudn.com/20180820174810.png?imageMogr2/auto-orient/thumbnail/1480x/blur/1x0/quality/100|imageslim)
+
+查看日志：
+
+![](http://fairyever.qiniudn.com/20180820174524.png?imageMogr2/auto-orient/thumbnail/1480x/blur/1x0/quality/100|imageslim)
+
+使用方式：
+
+``` js
+this.$logAdd('your log text')
+```