htui-yllkbz 1.2.17 → 1.2.18

package/src/packages/HtTable/index.vue

@@ -5,7 +5,7 @@
  * @Author: hutao
  * @Date: 2021-11-11 11:23:24
  * @LastEditors: hutao
- * @LastEditTime: 2021-12-09 18:04:27
+ * @LastEditTime: 2021-12-12 09:07:39
 -->
 <template>
   <div v-loading="state.loading">
@@ -65,7 +65,7 @@
             <slot :name="item.key"
                   :row="row"
                   :column="column"
-                  :rowIndex="rowIndex">{{showValue(row,item.key)}}</slot>
+                  :rowIndex="rowIndex">{{getPropByPath(row,item.key)}}</slot>
 
           </template>
           <template slot-scope="{column,$index}"
@@ -143,18 +143,48 @@ export default class HtTable extends Vue {
     // console.log("this", this.$props);
     this.setPageInfo(this.pageInfo);
   }
+  getPropByPath(obj: any, path: string, strict: boolean) {
+    let tempObj = obj;
+    path = path.replace(/\[(\w+)\]/g, ".$1");
+    path = path.replace(/^\./, "");
+
+    const keyArr = path.split(".");
+    let i = 0;
+    for (let len = keyArr.length; i < len - 1; ++i) {
+      if (!tempObj && !strict) break;
+      const key = keyArr[i];
+      if (key in tempObj) {
+        tempObj = tempObj[key];
+      } else {
+        if (strict) {
+          throw new Error("please transfer a valid prop path to form item!");
+        }
+        break;
+      }
+    }
+    // return {
+    //   o: tempObj,
+    //   k: keyArr[i],
+    //   v: tempObj ? tempObj[keyArr[i]] : null,
+    // };
+    return tempObj ? tempObj[keyArr[i]] : null;
+  }
   /** 遍历循环展示row数据 */
   showValue(row: any, key: string) {
     if (key) {
       if (key.includes(".")) {
         //存在多级的情况
-
-        const arrKey = key.split(".");
-        let data = row;
-        arrKey.forEach((item) => {
-          data = data[item];
-        });
-        return data;
+        //console.log("eval", key, eval(row[key]));
+        // const arrKey = key.split(".");
+        // let data = row;
+        // arrKey.forEach((item) => {
+        //   if (data[item]) {
+        //     data = data[item];
+        //   } else {
+        //     data = "";
+        //   }
+        // });
+        return "";
       } else {
         //如果不存在多级数据
         return row[key];

package/src/views/About.vue

@@ -4,7 +4,7 @@
  * @Author: hutao
  * @Date: 2021-11-15 14:41:40
  * @LastEditors: hutao
- * @LastEditTime: 2021-12-09 18:02:57
+ * @LastEditTime: 2021-12-12 09:03:38
 -->
 <template>
   <div>