feat[treeTable]: add treeTable (#415)(#319)

* 1.增加treeTable 2.增加两个treeTable的demo * 1.增加treeTable的使用功能说明 * 优化代码，去除console * 修复bug * 修复marLTemp变量未清空的bug * 修复marLTemp变量未清空的bug * 修复marLTemp变量未清空的bug * 修改customTree，使其展示无columns时的功能
2018-01-23 14:44:47 +08:00
parent 840eda6e27
commit 1610945813
9 changed files with 529 additions and 1 deletions
--- a/src/components/TreeTable/readme.md
+++ b/src/components/TreeTable/readme.md
@@ -0,0 +1,73 @@
+## 写在前面
+此组件仅提供一个创建TreeTable的解决方案
+##prop说明
+###data 
+  必输
+  
+  原始数据,要求是一个数组或者对象
+  ```javascript
+  [{
+    key1:value1,
+    key2:value2,
+    children:[{
+      key1:value1
+    },{
+      key1:value1
+    }]
+  },{
+    key1:value1
+  }]
+  ```
+  或者
+ ```javascript
+    {
+      key1:value1,
+      key2:value2,
+      children:[{
+        key1:value1
+      },{
+        key1:value1
+      }]
+    }
+  ```
+  
+###columns
+  列属性,要求是一个数组
+  
+  1. text: 显示在表头
+  2. value: 对应data的key，treeTable将显示相应的value
+  3. width: 每列的宽度，为一个数字
+  如果你想要每个字段都有自定义的样式或者嵌套其他组件，columns可不提供，直接像在el-table一样写即可，如果没有自定义内容，提供columns将更加的便捷方便
+  ```javascript
+  [{
+    value:string,
+    text:string,
+    width:number
+  },{
+    value:string,
+    text:string,
+    width:number
+  }]
+  ```
+  
+### expandAll
+  是否默认全部展开，boolean值，默认为false
+
+### evalFunc
+  解析函数，function，非必须
+  
+  如果不提供，将使用默认的evalFunc 
+  
+  如果提供了evalFunc,那么会用提供的evalFunc去解析data，并返回treeTable渲染所需要的值。如何编写一个evalFunc，请参考此目录下的*eval.js*
+  
+### evalArgs
+  解析函数的参数，是一个数组
+  
+  **请注意，自定义的解析函数参数第一个为this.data，你不需要在evalArgs填写。**
+  
+  如你的解析函数需要的参数为`(this.data,1,2,3,4)`，那么你只需要将`[1,2,3,4]`赋值给`evalArgs`就可以了
+ ## slot
+ 请参考`customTreeTable`
+ 
+ ## 其他
+  如果有其他的需求，请参考[el-table](http://element-cn.eleme.io/#/en-US/component/table)的api自行修改index.vue