添加树形组件的文档

Author: zepang

docs/.vuepress/components/tree-demo.vue

@@ -0,0 +1,57 @@
+<template>
+  <lai-tree :data="treeData" :showCheckbox="true"></lai-tree>
+</template>
+<script>
+import LaiTree from './tree'
+export default {
+  components: { LaiTree },
+  data () {
+    return {
+      treeData: [
+        {
+          title: 'node_1',
+          expand: true,
+          children: [
+            {
+              title: 'node_1_1',
+              expand: true,
+              children: [
+                {
+                  title: 'node_1_1_1',
+                  expand: true,
+                },
+                {
+                  title: 'node_1_1_2',
+                  expand: true,
+                },
+                {
+                  title: 'node_1_1_3',
+                  expand: true,
+                }
+              ]
+            },
+            {
+              title: 'node_1_2',
+              expand: true,
+              children: [
+                {
+                  title: 'node_1_2_1',
+                  expand: true,
+                },
+                {
+                  title: 'node_1_2_2',
+                  expand: true,
+                },
+                {
+                  title: 'node_1_2_3',
+                  expand: true,
+                }
+              ]
+            }
+          ]
+        }
+      ]
+    }
+  }
+}
+</script>

docs/.vuepress/config.js

@@ -37,7 +37,8 @@ module.exports = {
           '/posts/components/button',
           '/posts/components/message',
           '/posts/components/modal',
-          '/posts/components/checkbox'
+          '/posts/components/checkbox',
+          '/posts/components/tree'
         ]
       }
     ]

docs/posts/components/tree.md

@@ -0,0 +1,78 @@
+# Tree 树形组件
+
+##### 示例
+
+<box>
+  <tree-demo></tree-demo>
+</box>
+
+##### 代码
+
+```vue
+<template>
+  <box>
+    <lai-tree :data="treeData" :showCheckbox="true"></lai-tree>
+  </box>
+</template>
+<script>
+export default {
+  data () {
+    return {
+      treeData: [
+        {
+          title: 'node_1',
+          expand: true,
+          children: [
+            {
+              title: 'node_1_1',
+              expand: true,
+              children: [
+                {
+                  title: 'node_1_1_1',
+                  expand: true,
+                },
+                {
+                  title: 'node_1_1_2',
+                  expand: true,
+                },
+                {
+                  title: 'node_1_1_3',
+                  expand: true,
+                }
+              ]
+            },
+            {
+              title: 'node_1_2',
+              expand: true,
+              children: [
+                {
+                  title: 'node_1_2_1',
+                  expand: true,
+                },
+                {
+                  title: 'node_1_2_2',
+                  expand: true,
+                },
+                {
+                  title: 'node_1_2_3',
+                  expand: true,
+                }
+              ]
+            }
+          ]
+        }
+      ]
+    }
+  }
+}
+</script>
+```
+
+<box>
+<mk>
+| 属性         | 说明               | 类型    | 默认值 |
+| ------------ | ------------------ | ------- | ------ |
+| data         | 树类组件的数据     | Array   | []     |
+| showCheckbox | 是否显示CheckBox | Boolean | false  |
+</mk>
+</box>