@das-fed/ui 1.1.4 → 6.3.0-beta.0

package/packages/components/tree-table/index.js

@@ -1,8 +1,8 @@
-import { defineComponent, ref, computed, watch, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, toDisplayString, renderSlot, createCommentVNode, Fragment, renderList, createBlock, unref, withCtx, createTextVNode, withDirectives, createVNode } from 'vue';
+import { defineComponent, mergeModels, ref, useModel, computed, watch, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, toDisplayString, renderSlot, createCommentVNode, Fragment, renderList, createBlock, withCtx, createTextVNode, withDirectives, createVNode, vShow, pushScopeId, popScopeId } from 'vue';
 import { withInstall } from '@das-fed/utils';
 import { setThemeRule } from '@das-fed/web';
-import { DasCheckbox, DasVirtualTree, vOverlay, DasEmpty, DasTree } from '@das-fed/ui';
-import { flatTree } from '@das-fed/utils/common-tools';
+import { DasTree, DasVirtualTree, DasCheckbox, vOverlay, DasEmpty, DasSpin } from '@das-fed/ui';
+import { treeFind, flatTree } from '@das-fed/utils/common-tools';
 
 const useFirst = (props, emit, treeProps, calcDisabled, calcHidden, parentIdLabel, tableData) => {
   const linkCheck = (id, attr, status, nodes, index) => {
@@ -11,8 +11,7 @@ const useFirst = (props, emit, treeProps, calcDisabled, calcHidden, parentIdLabe
       find = (tree) => {
         if (tree[treeProps.value?.children] && tree[treeProps.value?.children].length) {
           tree[treeProps.value?.children].forEach((item) => {
-            if (find)
-              find(item);
+            if (find) find(item);
             if (item[attr + "-targetId"] == id) {
               if (props.nodeKey) {
                 if (!calcDisabled(tree, index) && !calcHidden(tree)) {
@@ -36,23 +35,21 @@ const useFirst = (props, emit, treeProps, calcDisabled, calcHidden, parentIdLabe
                 }
               }
             }
-            if (find)
-              find(item);
+            if (find) find(item);
           });
         }
       };
     }
     if (tableData.value && tableData.value.length) {
       for (let i = 0; i < tableData.value.length; i++) {
-        if (find)
-          find(tableData.value[i]);
+        if (find) find(tableData.value[i]);
       }
     }
   };
   return { linkCheck };
 };
 
-const useTwoOrThree = (props, emit, treeProps, calcDisabled, calcHidden, parentIdLabel, tableData, linkageType) => {
+const useTwo = (props, emit, treeProps, calcDisabled, calcHidden, parentIdLabel, tableData) => {
   const linkCheck = (id, attr, status, nodes, index) => {
     let find = null;
     if (status) {
@@ -61,28 +58,22 @@ const useTwoOrThree = (props, emit, treeProps, calcDisabled, calcHidden, parentI
           tree[treeProps.value?.children].forEach((item) => {
             if (tree[attr + "-targetId"] == item[parentIdLabel.value]) {
               if (props.nodeKey) {
-                if (!calcDisabled(item, index) && !calcHidden(item))
-                  nodes[item[props.nodeKey]].data[attr] = true;
+                if (!calcDisabled(item, index) && !calcHidden(item)) nodes[item[props.nodeKey]].data[attr] = true;
                 nodes[item[props.nodeKey]].data[attr + "-targetId"] = item.id;
               }
             }
-            if (find)
-              find(item);
+            if (find) find(item);
           });
         }
       };
     } else {
-      if (linkageType === "three")
-        return;
       find = (tree) => {
         if (tree[treeProps.value?.children] && tree[treeProps.value?.children].length) {
           tree[treeProps.value?.children].forEach((item) => {
-            if (find)
-              find(item);
+            if (find) find(item);
             if (item[attr + "-targetId"] == id) {
               if (props.nodeKey) {
-                if (!calcDisabled(tree, index) && !calcHidden(tree))
-                  nodes[tree[props.nodeKey]].data[attr] = false;
+                if (!calcDisabled(tree, index) && !calcHidden(tree)) nodes[tree[props.nodeKey]].data[attr] = false;
                 nodes[tree[props.nodeKey]].data[attr + "-targetId"] = id;
               }
             }
@@ -92,38 +83,67 @@ const useTwoOrThree = (props, emit, treeProps, calcDisabled, calcHidden, parentI
     }
     if (tableData.value && tableData.value.length) {
       for (let i = 0; i < tableData.value.length; i++) {
-        if (find)
-          find(tableData.value[i]);
+        if (find) find(tableData.value[i]);
       }
     }
   };
   return { linkCheck };
 };
 
-const _hoisted_1 = { class: "table-header" };
-const _hoisted_2 = { class: "title table-label" };
-const _hoisted_3 = {
-  key: 0,
-  class: "table-label"
-};
-const _hoisted_4 = {
-  class: /* @__PURE__ */ normalizeClass(["table-body", "das-tree-box"])
+const useThree = (props, emit, treeProps, calcDisabled, calcHidden, parentIdLabel, tableData) => {
+  const linkCheck = (id, attr, status, nodes, index) => {
+    let find = null;
+    if (status) {
+      find = (tree) => {
+        if (tree[treeProps.value?.children] && tree[treeProps.value?.children].length) {
+          tree[treeProps.value?.children].forEach((item) => {
+            if (tree[attr + "-targetId"] == item[parentIdLabel.value]) {
+              if (props.nodeKey) {
+                if (!calcDisabled(item, index) && !calcHidden(item)) nodes[item[props.nodeKey]].data[attr] = true;
+                nodes[item[props.nodeKey]].data[attr + "-targetId"] = item.id;
+              }
+            }
+            if (find) find(item);
+          });
+        }
+      };
+    } else {
+      find = (tree) => {
+        if (tree[props.nodeKey] === id) {
+          delete nodes[tree[props.nodeKey]].data[attr + "-targetId"];
+        } else {
+          if (tree[treeProps.value?.children] && tree[treeProps.value?.children].length) {
+            tree[treeProps.value?.children].forEach((item) => {
+              if (item[props.nodeKey] == id) {
+                if (props.nodeKey) delete nodes[item[props.nodeKey]].data[attr + "-targetId"];
+              } else {
+                if (find) find(item);
+              }
+            });
+          }
+        }
+      };
+    }
+    if (tableData.value && tableData.value.length) {
+      const tree = treeFind(tableData.value, (node) => node[props.nodeKey] === id);
+      console.log("tree===", tree);
+      if (find) find(tree);
+    }
+  };
+  return { linkCheck };
 };
-const _hoisted_5 = { class: "tree-node" };
-const _hoisted_6 = { class: "first-column" };
-const _hoisted_7 = { class: "title" };
-const _hoisted_8 = { class: "tree-node" };
-const _hoisted_9 = { class: "first-column" };
-const _hoisted_10 = { class: "title" };
+
 const __default__ = {
   name: "DasTreeTable",
   inheritAttrs: false
 };
 var _sfc_main = /* @__PURE__ */ defineComponent({
   ...__default__,
-  props: {
+  props: /* @__PURE__ */ mergeModels({
     virtual: { type: Boolean, required: false, default: true },
     linkageType: { type: String, required: false, default: "first" },
+    keyword: { type: String, required: false },
+    loading: { type: Boolean, required: false },
     nodeKey: { type: String, required: false, default: "id" },
     title: { type: String, required: false, default: "" },
     height: { type: [String, Number], required: false },
@@ -139,38 +159,36 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     props: { type: Object, required: false },
     isView: { type: Boolean, required: false },
     checkNum: { type: Number, required: false },
-    twoLinkFirstCheck: { type: Boolean, required: false }
-  },
-  emits: ["update:data", "all-check", "item-check"],
+    twoLinkFirstCheck: { type: Boolean, required: false },
+    emptyText: { type: String, required: false, default: "\u6682\u65E0\u6570\u636E" }
+  }, {
+    "keyword": { type: String, default: "" },
+    "keywordModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["update:data", "update:keyword", "all-check", "item-check"], ["update:keyword"]),
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
     const dasTreeTableRef = ref();
+    const innerKeyword = useModel(__props, "keyword");
     const checkColumnNum = computed(() => props.checkNum ?? props.checkboxLabels?.length ?? 0);
     const containerHeight = computed(() => {
-      if (props?.height)
-        return props.height + "px";
+      if (props?.height) return props.height + "px";
       return "100%";
     });
     const realHeight = computed(() => {
-      if (!props?.height)
-        return void 0;
+      if (!props?.height) return void 0;
       if (typeof props.height === "string") {
-        if (props.height.includes("%"))
-          return void 0;
-        if (props.height.includes("px"))
-          return Number(props.height.replace("px", ""));
+        if (props.height.includes("%")) return void 0;
+        if (props.height.includes("px")) return Number(props.height.replace("px", ""));
       }
       return props.height;
     });
     const treeProps = computed(() => {
       const propsValue = { ...props.props };
-      if (propsValue?.disabled)
-        delete propsValue.disabled;
-      if (propsValue?.hidden)
-        delete propsValue.hidden;
-      if (propsValue?.parentId)
-        delete propsValue.parentId;
+      if (propsValue?.disabled) delete propsValue.disabled;
+      if (propsValue?.hidden) delete propsValue.hidden;
+      if (propsValue?.parentId) delete propsValue.parentId;
       return { label: "name", children: "children", disabled: "disabled", isLeaf: "leaf", ...propsValue };
     });
     const parentIdLabel = computed(() => props.props?.parentId ?? "parentId");
@@ -206,32 +224,25 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       get: () => props.data,
       set: (val) => emit("update:data", val)
     });
-    const buildFlatTreeObject = (treeData) => {
-      const flatTreeObj = {};
+    const buildTreeNodesMap = (treeData) => {
+      const nodesMap = {};
       if (!Array.isArray(treeData)) {
-        return flatTreeObj;
+        return nodesMap;
       }
       treeData.forEach((node) => {
         const nodeObj = { data: node };
-        flatTreeObj[node.id] = nodeObj;
+        nodesMap[node.id] = nodeObj;
         if (Array.isArray(node[treeProps.value.children])) {
-          Object.assign(flatTreeObj, buildFlatTreeObject(node[treeProps.value.children]));
+          Object.assign(nodesMap, buildTreeNodesMap(node[treeProps.value.children]));
         }
       });
-      return flatTreeObj;
+      return nodesMap;
     };
     const getTreeNodesMap = () => {
-      let nodesMap = {};
-      if (props.virtual) {
-        nodesMap = buildFlatTreeObject(tableData.value);
-      } else {
-        nodesMap = $treeTableBody.value?.treeRef?.store.nodesMap;
-      }
-      return nodesMap;
+      return buildTreeNodesMap(tableData.value);
     };
     const linkAllCheck = (trueNum, falseNum, index) => {
-      if (props.allCheckboxDisabled[index])
-        return;
+      if (props.allCheckboxDisabled[index]) return;
       if (trueNum > 0 && falseNum > 0) {
         allCheck.value[index] = false;
         allIndeterminate.value[index] = true;
@@ -254,8 +265,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       for (let i = 0; i < checkColumnNum.value; i++) {
         let trueNum = 0, falseNum = 0;
         flagData.forEach((item) => {
-          if (calcDisabled(item, i) || calcHidden(item))
-            return;
+          if (calcDisabled(item, i) || calcHidden(item)) return;
           item[props.checkboxLabels[i]] ? trueNum++ : falseNum++;
         });
         linkAllCheck(trueNum, falseNum, i);
@@ -270,29 +280,31 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       parentIdLabel,
       tableData
     );
-    const { linkCheck: linkCheckTwoOrThree } = useTwoOrThree(
+    const { linkCheck: linkCheckTwo } = useTwo(props, emit, treeProps, calcDisabled, calcHidden, parentIdLabel, tableData);
+    const { linkCheck: linkCheckThree } = useThree(
       props,
       emit,
       treeProps,
       calcDisabled,
       calcHidden,
       parentIdLabel,
-      tableData,
-      props.linkageType
+      tableData
     );
     const linkCheck = (id, attr, status, nodes, index) => {
-      if (props.linkageType === "custom")
-        return;
-      let result = linkCheckFirst;
-      if (props.linkageType === "two" || props.linkageType === "three")
-        result = linkCheckTwoOrThree;
-      return result(id, attr, status, nodes, index);
+      if (props.linkageType === "custom") return;
+      const fnObj = {
+        first: linkCheckFirst,
+        two: linkCheckTwo,
+        three: linkCheckThree
+      };
+      return fnObj[props.linkageType](id, attr, status, nodes, index);
     };
     const onAllCheck = (val, index) => {
       emit("all-check", val, index);
       allCheck.value[index] = val;
       allIndeterminate.value[index] = false;
       const nodes = getTreeNodesMap();
+      console.log("nodes===", nodes);
       if (nodes) {
         for (let i in nodes) {
           if (!calcDisabled(nodes[i].data, index) && !calcHidden(nodes[i].data)) {
@@ -304,26 +316,61 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       if (props.twoLinkFirstCheck) {
         if (val) {
           if (index === 1) {
-            if (props.allCheckboxDisabled[index - 1])
-              return;
+            if (props.allCheckboxDisabled[index - 1]) return;
             onAllCheck(val, index - 1);
           }
         } else {
           if (index === 0) {
-            if (props.allCheckboxDisabled[index + 1])
-              return;
+            if (props.allCheckboxDisabled[index + 1]) return;
             onAllCheck(val, index + 1);
           }
         }
       }
     };
+    const filterData = computed(() => {
+      let result = [];
+      if (!tableData.value || !tableData.value.length) return result;
+      const child = treeProps.value.children;
+      const flatTreeData = flatTree(tableData.value, child);
+      result = flatTreeData.filter(
+        (item) => item[treeProps.value.label].toLowerCase().includes(innerKeyword.value.toLowerCase())
+      );
+      return result;
+    });
+    const isEmpty = computed(() => {
+      let result = false;
+      if (!tableData.value.length) result = true;
+      if (innerKeyword.value && !filterData.value.length) result = true;
+      return result;
+    });
+    const treeNextTick = () => {
+      return new Promise((res) => {
+        const check = () => {
+          if ($treeTableBody.value?.treeRef) return res(true);
+          setTimeout(() => check(), 50);
+        };
+        check();
+      });
+    };
+    const onFilter = async () => {
+      await treeNextTick();
+      $treeTableBody.value?.treeRef?.filter(innerKeyword.value);
+    };
     watch(
       () => tableData.value,
       () => {
         columnLinkAllCheck();
+        onFilter();
       },
       { immediate: true, deep: true }
     );
+    watch(
+      () => innerKeyword.value,
+      () => {
+        onFilter();
+      },
+      { immediate: true }
+    );
     const onCheck = (val, data, index) => {
       emit("item-check", val, data, index);
       const nodes = getTreeNodesMap();
@@ -335,298 +382,360 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       linkCheck(data[props.nodeKey], attr, val, nodes, index);
       if (props.twoLinkFirstCheck) {
         if (val) {
-          if (index === 1 && !calcDisabled(data, index - 1) && !calcHidden(data))
-            onCheck(val, data, index - 1);
+          if (index === 1 && !calcDisabled(data, index - 1) && !calcHidden(data)) onCheck(val, data, index - 1);
         } else {
-          if (index === 0 && !calcDisabled(data, index + 1) && !calcHidden(data))
-            onCheck(val, data, index + 1);
+          if (index === 0 && !calcDisabled(data, index + 1) && !calcHidden(data)) onCheck(val, data, index + 1);
         }
       }
     };
     __expose({
       $treeTableBody,
+      getTreeNodesMap,
       setAllCheck: onAllCheck,
       setCheck: onCheck,
       linkAllCheck
     });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        "div",
-        {
-          ref_key: "dasTreeTableRef",
-          ref: dasTreeTableRef,
-          class: normalizeClass(["das-ui-tree-table", _ctx.border ? "is-border" : ""]),
-          style: normalizeStyle({ height: containerHeight.value })
-        },
-        [
-          createElementVNode("div", _hoisted_1, [
-            createElementVNode(
+    const __returned__ = { props, emit, dasTreeTableRef, innerKeyword, checkColumnNum, containerHeight, realHeight, treeProps, parentIdLabel, disabledLabel, calcDisabled, hiddenLabel, calcHidden, $treeTableBody, allCheck, allIndeterminate, tableData, buildTreeNodesMap, getTreeNodesMap, linkAllCheck, columnLinkAllCheck, linkCheckFirst, linkCheckTwo, linkCheckThree, linkCheck, onAllCheck, filterData, isEmpty, treeNextTick, onFilter, onCheck, get DasTree() {
+      return DasTree;
+    }, get DasVirtualTree() {
+      return DasVirtualTree;
+    }, get DasCheckbox() {
+      return DasCheckbox;
+    }, get vOverlay() {
+      return vOverlay;
+    }, get DasEmpty() {
+      return DasEmpty;
+    }, get DasSpin() {
+      return DasSpin;
+    } };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+
+const _withScopeId = (n) => (pushScopeId("data-v-4823b55d"), n = n(), popScopeId(), n);
+const _hoisted_1 = { class: "table-header" };
+const _hoisted_2 = { class: "title table-label" };
+const _hoisted_3 = {
+  key: 0,
+  class: "table-label"
+};
+const _hoisted_4 = {
+  class: /* @__PURE__ */ normalizeClass(["table-body", "das-tree-box"])
+};
+const _hoisted_5 = { class: "tree-node" };
+const _hoisted_6 = { class: "tree-node" };
+const _hoisted_7 = { class: "first-column" };
+const _hoisted_8 = { class: "title" };
+const _hoisted_9 = { class: "tree-node" };
+const _hoisted_10 = { class: "tree-node" };
+const _hoisted_11 = { class: "first-column" };
+const _hoisted_12 = { class: "title" };
+const _hoisted_13 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode(
+  "div",
+  { style: { "width": "100%", "height": "100%" } },
+  null,
+  -1
+  /* HOISTED */
+));
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock(
+    "div",
+    {
+      ref: "dasTreeTableRef",
+      class: normalizeClass(["das-ui-tree-table", $props.border ? "is-border" : ""]),
+      style: normalizeStyle({ height: $setup.containerHeight })
+    },
+    [
+      createElementVNode("div", _hoisted_1, [
+        createElementVNode(
+          "div",
+          _hoisted_2,
+          toDisplayString($props.title),
+          1
+          /* TEXT */
+        ),
+        _ctx.$slots.headerLeft ? renderSlot(_ctx.$slots, "headerLeft", { key: 0 }, void 0, true) : createCommentVNode("v-if", true),
+        (openBlock(true), createElementBlock(
+          Fragment,
+          null,
+          renderList($setup.checkColumnNum, (n) => {
+            return openBlock(), createElementBlock(
               "div",
-              _hoisted_2,
-              toDisplayString(_ctx.title),
-              1
-              /* TEXT */
-            ),
-            _ctx.$slots.headerLeft ? renderSlot(_ctx.$slots, "headerLeft", { key: 0 }, void 0, true) : createCommentVNode("v-if", true),
-            (openBlock(true), createElementBlock(
-              Fragment,
-              null,
-              renderList(checkColumnNum.value, (n) => {
-                return openBlock(), createElementBlock(
-                  "div",
-                  {
-                    class: "check-item",
-                    style: normalizeStyle({ width: _ctx.checkboxWidth[0] })
-                  },
-                  [
-                    renderSlot(_ctx.$slots, _ctx.checkboxLabels[n - 1] + "Header", {}, () => [
-                      _ctx.isView ? (openBlock(), createElementBlock(
-                        "span",
-                        _hoisted_3,
-                        toDisplayString(_ctx.allCheckboxNames[n - 1] ?? ""),
-                        1
-                        /* TEXT */
-                      )) : (openBlock(), createBlock(unref(DasCheckbox), {
-                        key: 1,
-                        modelValue: allCheck.value[n - 1],
-                        "onUpdate:modelValue": ($event) => allCheck.value[n - 1] = $event,
-                        checkboxType: "default",
-                        indeterminate: allIndeterminate.value[n - 1],
-                        disabled: _ctx.allCheckboxDisabled[n - 1] || !tableData.value || !tableData.value.length,
-                        isView: _ctx.isView,
-                        onChange: (val) => {
-                          onAllCheck(val, n - 1);
-                        }
-                      }, {
-                        default: withCtx(() => [
-                          createTextVNode(
-                            toDisplayString(_ctx.allCheckboxNames[n - 1] ?? ""),
-                            1
-                            /* TEXT */
-                          )
-                        ]),
-                        _: 2
-                        /* DYNAMIC */
-                      }, 1032, ["modelValue", "onUpdate:modelValue", "indeterminate", "disabled", "isView", "onChange"]))
-                    ], true)
-                  ],
-                  4
-                  /* STYLE */
-                );
-              }),
-              256
-              /* UNKEYED_FRAGMENT */
-            )),
-            _ctx.$slots.headerRight ? renderSlot(_ctx.$slots, "headerRight", { key: 1 }, void 0, true) : createCommentVNode("v-if", true)
-          ]),
-          createElementVNode("div", _hoisted_4, [
-            _ctx.virtual ? (openBlock(), createBlock(unref(DasVirtualTree), {
-              key: 0,
-              ref_key: "$treeTableBody",
-              ref: $treeTableBody,
-              nodeKey: _ctx.nodeKey,
-              data: tableData.value,
-              props: treeProps.value,
-              "expand-on-click-node": false,
-              "default-expand-all": _ctx.defaultExpandAll,
-              overlayZIndex: "auto",
-              height: realHeight.value,
-              style: { "width": "100%" }
-            }, {
-              default: withCtx(({ data, node }) => [
-                withDirectives((openBlock(), createElementBlock("div", _hoisted_5, [
-                  createElementVNode("div", _hoisted_6, [
-                    _ctx.$slots.icon ? renderSlot(_ctx.$slots, "icon", {
-                      key: 0,
-                      node,
-                      data
-                    }, () => [
-                      createTextVNode("icon")
-                    ], true) : createCommentVNode("v-if", true),
-                    renderSlot(_ctx.$slots, "title", {
-                      node,
-                      data
-                    }, () => [
-                      createElementVNode(
-                        "span",
-                        _hoisted_7,
-                        toDisplayString(data[_ctx.fistLabel]),
+              {
+                class: "check-item",
+                style: normalizeStyle({ width: $props.checkboxWidth[0] })
+              },
+              [
+                renderSlot(_ctx.$slots, $props.checkboxLabels[n - 1] + "Header", {}, () => [
+                  $props.isView ? (openBlock(), createElementBlock(
+                    "span",
+                    _hoisted_3,
+                    toDisplayString($props.allCheckboxNames[n - 1] ?? ""),
+                    1
+                    /* TEXT */
+                  )) : (openBlock(), createBlock($setup["DasCheckbox"], {
+                    key: 1,
+                    modelValue: $setup.allCheck[n - 1],
+                    "onUpdate:modelValue": ($event) => $setup.allCheck[n - 1] = $event,
+                    checkboxType: "default",
+                    indeterminate: $setup.allIndeterminate[n - 1],
+                    disabled: $props.allCheckboxDisabled[n - 1] || !$setup.tableData || !$setup.tableData.length,
+                    isView: $props.isView,
+                    onChange: (val) => {
+                      $setup.onAllCheck(val, n - 1);
+                    }
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(
+                        toDisplayString($props.allCheckboxNames[n - 1] ?? ""),
                         1
                         /* TEXT */
                       )
-                    ], true)
-                  ]),
-                  _ctx.$slots.bodyLeft ? renderSlot(_ctx.$slots, "bodyLeft", {
+                    ]),
+                    _: 2
+                    /* DYNAMIC */
+                  }, 1032, ["modelValue", "onUpdate:modelValue", "indeterminate", "disabled", "isView", "onChange"]))
+                ], true)
+              ],
+              4
+              /* STYLE */
+            );
+          }),
+          256
+          /* UNKEYED_FRAGMENT */
+        )),
+        _ctx.$slots.headerRight ? renderSlot(_ctx.$slots, "headerRight", { key: 1 }, void 0, true) : createCommentVNode("v-if", true)
+      ]),
+      createElementVNode("div", _hoisted_4, [
+        $props.virtual ? withDirectives((openBlock(), createBlock($setup["DasVirtualTree"], {
+          key: 0,
+          ref: "$treeTableBody",
+          nodeKey: $props.nodeKey,
+          data: $setup.tableData,
+          props: $setup.treeProps,
+          "expand-on-click-node": false,
+          "default-expand-all": $props.defaultExpandAll,
+          overlayZIndex: "auto",
+          height: $setup.realHeight,
+          style: { "width": "100%" }
+        }, {
+          default: withCtx(({ data, node }) => [
+            withDirectives((openBlock(), createElementBlock("div", _hoisted_5, [
+              createElementVNode("div", _hoisted_6, [
+                createElementVNode("div", _hoisted_7, [
+                  _ctx.$slots.icon ? renderSlot(_ctx.$slots, "icon", {
                     key: 0,
                     node,
                     data
-                  }, void 0, true) : createCommentVNode("v-if", true),
-                  !calcHidden(data) ? (openBlock(true), createElementBlock(
-                    Fragment,
-                    { key: 1 },
-                    renderList(checkColumnNum.value, (n) => {
-                      return openBlock(), createElementBlock(
-                        "div",
-                        {
-                          class: "check-item",
-                          style: normalizeStyle({ width: _ctx.checkboxWidth[n - 1] })
-                        },
-                        [
-                          createVNode(unref(DasCheckbox), {
-                            modelValue: data[_ctx.checkboxLabels[n - 1]],
-                            "onUpdate:modelValue": ($event) => data[_ctx.checkboxLabels[n - 1]] = $event,
-                            checkboxType: "default",
-                            isView: _ctx.isView,
-                            disabled: calcDisabled(data, n - 1),
-                            onChange: (val) => {
-                              onCheck(val, data, n - 1);
-                            }
-                          }, {
-                            default: withCtx(() => [
-                              createTextVNode(
-                                toDisplayString(_ctx.checkboxNames[n - 1] ?? ""),
-                                1
-                                /* TEXT */
-                              )
-                            ]),
-                            _: 2
-                            /* DYNAMIC */
-                          }, 1032, ["modelValue", "onUpdate:modelValue", "isView", "disabled", "onChange"])
-                        ],
-                        4
-                        /* STYLE */
-                      );
-                    }),
-                    256
-                    /* UNKEYED_FRAGMENT */
-                  )) : createCommentVNode("v-if", true),
-                  _ctx.$slots.bodyRight ? renderSlot(_ctx.$slots, "bodyRight", {
-                    key: 2,
+                  }, () => [
+                    createTextVNode("icon")
+                  ], true) : createCommentVNode("v-if", true),
+                  renderSlot(_ctx.$slots, "title", {
                     node,
                     data
-                  }, void 0, true) : createCommentVNode("v-if", true)
-                ])), [
-                  [unref(vOverlay), { x: false, "z-index": "auto" }]
-                ])
-              ]),
-              "empty-text": withCtx(() => [
-                createVNode(unref(DasEmpty))
-              ]),
-              _: 3
-              /* FORWARDED */
-            }, 8, ["nodeKey", "data", "props", "default-expand-all", "height"])) : (openBlock(), createBlock(unref(DasTree), {
-              key: 1,
-              ref_key: "$treeTableBody",
-              ref: $treeTableBody,
-              nodeKey: _ctx.nodeKey,
-              data: tableData.value,
-              props: treeProps.value,
-              "expand-on-click-node": false,
-              "default-expand-all": _ctx.defaultExpandAll,
-              overlayZIndex: "auto",
-              height: realHeight.value,
-              style: { "width": "100%" }
-            }, {
-              default: withCtx(({ data, node }) => [
-                withDirectives((openBlock(), createElementBlock("div", _hoisted_8, [
-                  createElementVNode("div", _hoisted_9, [
-                    _ctx.$slots.icon ? renderSlot(_ctx.$slots, "icon", {
-                      key: 0,
-                      node,
-                      data
-                    }, () => [
-                      createTextVNode("icon")
-                    ], true) : createCommentVNode("v-if", true),
-                    renderSlot(_ctx.$slots, "title", {
-                      node,
-                      data
-                    }, () => [
-                      createElementVNode(
-                        "span",
-                        _hoisted_10,
-                        toDisplayString(data[_ctx.fistLabel]),
-                        1
-                        /* TEXT */
-                      )
-                    ], true)
-                  ]),
-                  _ctx.$slots.bodyLeft ? renderSlot(_ctx.$slots, "bodyLeft", {
+                  }, () => [
+                    createElementVNode(
+                      "span",
+                      _hoisted_8,
+                      toDisplayString(data[$props.fistLabel]),
+                      1
+                      /* TEXT */
+                    )
+                  ], true)
+                ]),
+                _ctx.$slots.bodyLeft ? renderSlot(_ctx.$slots, "bodyLeft", {
+                  key: 0,
+                  node,
+                  data
+                }, void 0, true) : createCommentVNode("v-if", true),
+                !$setup.calcHidden(data) ? (openBlock(true), createElementBlock(
+                  Fragment,
+                  { key: 1 },
+                  renderList($setup.checkColumnNum, (n) => {
+                    return openBlock(), createElementBlock(
+                      "div",
+                      {
+                        class: "check-item",
+                        style: normalizeStyle({ width: $props.checkboxWidth[n - 1] })
+                      },
+                      [
+                        createVNode($setup["DasCheckbox"], {
+                          modelValue: data[$props.checkboxLabels[n - 1]],
+                          "onUpdate:modelValue": ($event) => data[$props.checkboxLabels[n - 1]] = $event,
+                          checkboxType: "default",
+                          isView: $props.isView,
+                          disabled: $setup.calcDisabled(data, n - 1),
+                          onChange: (val) => {
+                            $setup.onCheck(val, data, n - 1);
+                          }
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(
+                              toDisplayString($props.checkboxNames[n - 1] ?? ""),
+                              1
+                              /* TEXT */
+                            )
+                          ]),
+                          _: 2
+                          /* DYNAMIC */
+                        }, 1032, ["modelValue", "onUpdate:modelValue", "isView", "disabled", "onChange"])
+                      ],
+                      4
+                      /* STYLE */
+                    );
+                  }),
+                  256
+                  /* UNKEYED_FRAGMENT */
+                )) : createCommentVNode("v-if", true),
+                _ctx.$slots.bodyRight ? renderSlot(_ctx.$slots, "bodyRight", {
+                  key: 2,
+                  node,
+                  data
+                }, void 0, true) : createCommentVNode("v-if", true)
+              ])
+            ])), [
+              [$setup["vOverlay"], { x: false, "z-index": "auto" }]
+            ])
+          ]),
+          _: 3
+          /* FORWARDED */
+        }, 8, ["nodeKey", "data", "props", "default-expand-all", "height"])), [
+          [vShow, !$setup.isEmpty && !$props.loading]
+        ]) : createCommentVNode("v-if", true),
+        !$props.virtual ? withDirectives((openBlock(), createBlock($setup["DasTree"], {
+          key: 1,
+          ref: "$treeTableBody",
+          nodeKey: $props.nodeKey,
+          data: $setup.tableData,
+          props: $setup.treeProps,
+          "expand-on-click-node": false,
+          "default-expand-all": $props.defaultExpandAll,
+          overlayZIndex: "auto",
+          height: $setup.realHeight,
+          style: { "width": "100%" }
+        }, {
+          default: withCtx(({ data, node }) => [
+            withDirectives((openBlock(), createElementBlock("div", _hoisted_9, [
+              createElementVNode("div", _hoisted_10, [
+                createElementVNode("div", _hoisted_11, [
+                  _ctx.$slots.icon ? renderSlot(_ctx.$slots, "icon", {
                     key: 0,
                     node,
                     data
-                  }, void 0, true) : createCommentVNode("v-if", true),
-                  !calcHidden(data) ? (openBlock(true), createElementBlock(
-                    Fragment,
-                    { key: 1 },
-                    renderList(checkColumnNum.value, (n) => {
-                      return openBlock(), createElementBlock(
-                        "div",
-                        {
-                          class: "check-item",
-                          style: normalizeStyle({ width: _ctx.checkboxWidth[n - 1] })
-                        },
-                        [
-                          createVNode(unref(DasCheckbox), {
-                            modelValue: data[_ctx.checkboxLabels[n - 1]],
-                            "onUpdate:modelValue": ($event) => data[_ctx.checkboxLabels[n - 1]] = $event,
-                            checkboxType: "default",
-                            isView: _ctx.isView,
-                            disabled: calcDisabled(data, n - 1),
-                            onChange: (val) => {
-                              onCheck(val, data, n - 1);
-                            }
-                          }, {
-                            default: withCtx(() => [
-                              createTextVNode(
-                                toDisplayString(_ctx.checkboxNames[n - 1] ?? ""),
-                                1
-                                /* TEXT */
-                              )
-                            ]),
-                            _: 2
-                            /* DYNAMIC */
-                          }, 1032, ["modelValue", "onUpdate:modelValue", "isView", "disabled", "onChange"])
-                        ],
-                        4
-                        /* STYLE */
-                      );
-                    }),
-                    256
-                    /* UNKEYED_FRAGMENT */
-                  )) : createCommentVNode("v-if", true),
-                  _ctx.$slots.bodyRight ? renderSlot(_ctx.$slots, "bodyRight", {
-                    key: 2,
+                  }, () => [
+                    createTextVNode("icon")
+                  ], true) : createCommentVNode("v-if", true),
+                  renderSlot(_ctx.$slots, "title", {
                     node,
                     data
-                  }, void 0, true) : createCommentVNode("v-if", true)
-                ])), [
-                  [unref(vOverlay), { x: false, "z-index": "auto" }]
-                ])
-              ]),
-              "empty-text": withCtx(() => [
-                createVNode(unref(DasEmpty))
-              ]),
-              _: 3
-              /* FORWARDED */
-            }, 8, ["nodeKey", "data", "props", "default-expand-all", "height"]))
-          ])
-        ],
-        6
-        /* CLASS, STYLE */
-      );
-    };
-  }
-});
-
-var _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-
-var TreeTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4823b55d"], ["__file", "E:\\company-code\\v6r3\\framework-3\\packages\\das-ui\\packages\\components\\tree-table\\src\\App.vue"]]);
+                  }, () => [
+                    createElementVNode(
+                      "span",
+                      _hoisted_12,
+                      toDisplayString(data[$props.fistLabel]),
+                      1
+                      /* TEXT */
+                    )
+                  ], true)
+                ]),
+                _ctx.$slots.bodyLeft ? renderSlot(_ctx.$slots, "bodyLeft", {
+                  key: 0,
+                  node,
+                  data
+                }, void 0, true) : createCommentVNode("v-if", true),
+                !$setup.calcHidden(data) ? (openBlock(true), createElementBlock(
+                  Fragment,
+                  { key: 1 },
+                  renderList($setup.checkColumnNum, (n) => {
+                    return openBlock(), createElementBlock(
+                      "div",
+                      {
+                        class: "check-item",
+                        style: normalizeStyle({ width: $props.checkboxWidth[n - 1] })
+                      },
+                      [
+                        createVNode($setup["DasCheckbox"], {
+                          modelValue: data[$props.checkboxLabels[n - 1]],
+                          "onUpdate:modelValue": ($event) => data[$props.checkboxLabels[n - 1]] = $event,
+                          checkboxType: "default",
+                          isView: $props.isView,
+                          disabled: $setup.calcDisabled(data, n - 1),
+                          onChange: (val) => {
+                            $setup.onCheck(val, data, n - 1);
+                          }
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(
+                              toDisplayString($props.checkboxNames[n - 1] ?? ""),
+                              1
+                              /* TEXT */
+                            )
+                          ]),
+                          _: 2
+                          /* DYNAMIC */
+                        }, 1032, ["modelValue", "onUpdate:modelValue", "isView", "disabled", "onChange"])
+                      ],
+                      4
+                      /* STYLE */
+                    );
+                  }),
+                  256
+                  /* UNKEYED_FRAGMENT */
+                )) : createCommentVNode("v-if", true),
+                _ctx.$slots.bodyRight ? renderSlot(_ctx.$slots, "bodyRight", {
+                  key: 2,
+                  node,
+                  data
+                }, void 0, true) : createCommentVNode("v-if", true)
+              ])
+            ])), [
+              [$setup["vOverlay"], { x: false, "z-index": "auto" }]
+            ])
+          ]),
+          _: 3
+          /* FORWARDED */
+        }, 8, ["nodeKey", "data", "props", "default-expand-all", "height"])), [
+          [vShow, !$setup.isEmpty && !$props.loading]
+        ]) : createCommentVNode("v-if", true),
+        createCommentVNode(" \u7A7A\u72B6\u6001 "),
+        withDirectives(createVNode(
+          $setup["DasEmpty"],
+          null,
+          null,
+          512
+          /* NEED_PATCH */
+        ), [
+          [vShow, $setup.isEmpty && !$props.loading]
+        ]),
+        createCommentVNode(" \u52A0\u8F7D\u72B6\u6001 "),
+        withDirectives(createVNode($setup["DasSpin"], {
+          size: "small",
+          spinning: $props.loading
+        }, {
+          default: withCtx(() => [
+            _hoisted_13
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["spinning"]), [
+          [vShow, $props.loading]
+        ])
+      ])
+    ],
+    6
+    /* CLASS, STYLE */
+  );
+}
+var TreeTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-4823b55d"], ["__file", "/Users/xiecp/das/das-fe/framework/packages/das-ui/packages/components/tree-table/src/App.vue"]]);
 
 var theme = {
   "--das-ui-tree-table-highlight-color": "#5582f3",