@das-fed/ui 6.4.0-beta.21 → 6.4.0-beta.23

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

@@ -1,15 +1,15 @@
 import '@das-fed/ui/packages/components/tree-table/style.css';
-import { defineComponent as fe, mergeModels as x, ref as U, useModel as he, computed as I, watch as ee, openBlock as w, createElementBlock as V, normalizeClass as te, normalizeStyle as j, createElementVNode as $, toDisplayString as A, renderSlot as L, createCommentVNode as p, Fragment as G, renderList as J, createBlock as Q, unref as N, withCtx as F, createTextVNode as S, withDirectives as M, createVNode as W, vShow as H } from "vue";
-import { withInstall as ce } from "@das-fed/utils/with-install/index";
-import { setThemeRule as ve } from "@das-fed/web/packages/theme/index";
-import { DasTree as ke } from "@das-fed/ui/packages/components/tree/index";
-import { DasVirtualTree as be } from "@das-fed/ui/packages/components/virtual-tree/index";
+import { defineComponent as he, mergeModels as ee, ref as U, useModel as ce, computed as I, watch as le, openBlock as w, createElementBlock as V, normalizeClass as ie, normalizeStyle as j, createElementVNode as $, toDisplayString as A, renderSlot as L, createCommentVNode as p, Fragment as G, renderList as J, createBlock as Q, unref as N, withCtx as F, createTextVNode as S, withDirectives as M, createVNode as W, vShow as H } from "vue";
+import { withInstall as ve } from "@das-fed/utils/with-install/index";
+import { setThemeRule as ke } from "@das-fed/web/packages/theme/index";
+import { DasTree as be } from "@das-fed/ui/packages/components/tree/index";
+import { DasVirtualTree as ye } from "@das-fed/ui/packages/components/virtual-tree/index";
 import { DasCheckbox as X } from "@das-fed/ui/packages/components/checkbox/index";
-import { vOverlay as le } from "@das-fed/ui/packages/components/overlay/index";
-import { DasEmpty as ye } from "@das-fed/ui/packages/components/empty/index";
-import { DasSpin as ge } from "@das-fed/ui/packages/components/spin/index";
-import { treeFind as me, flatTree as ae } from "@das-fed/utils/common-tools";
-const Ce = (n, B, r, t, y, E, k) => ({ linkCheck: (T, v, g, b, K) => {
+import { vOverlay as ae } from "@das-fed/ui/packages/components/overlay/index";
+import { DasEmpty as ge } from "@das-fed/ui/packages/components/empty/index";
+import { DasSpin as me } from "@das-fed/ui/packages/components/spin/index";
+import { treeFind as Ce, flatTree as te } from "@das-fed/utils/common-tools";
+const pe = (n, B, r, t, y, E, k) => ({ linkCheck: (T, v, g, b, K) => {
   let d = null;
   if (g ? d = (i) => {
     var u, c, h;
@@ -24,7 +24,7 @@ const Ce = (n, B, r, t, y, E, k) => ({ linkCheck: (T, v, g, b, K) => {
   }, k.value && k.value.length)
     for (let i = 0; i < k.value.length; i++)
       d && d(k.value[i]);
-} }), pe = (n, B, r, t, y, E, k) => ({ linkCheck: (T, v, g, b, K) => {
+} }), we = (n, B, r, t, y, E, k) => ({ linkCheck: (T, v, g, b, K) => {
   let d = null;
   if (g ? d = (i) => {
     var u, c, h;
@@ -39,7 +39,7 @@ const Ce = (n, B, r, t, y, E, k) => ({ linkCheck: (T, v, g, b, K) => {
   }, k.value && k.value.length)
     for (let i = 0; i < k.value.length; i++)
       d && d(k.value[i]);
-} }), we = (n, B, r, t, y, E, k) => ({ linkCheck: (T, v, g, b, K) => {
+} }), Te = (n, B, r, t, y, E, k) => ({ linkCheck: (T, v, g, b, K) => {
   let d = null;
   if (g ? d = (i) => {
     var u, c, h;
@@ -52,20 +52,20 @@ const Ce = (n, B, r, t, y, E, k) => ({ linkCheck: (T, v, g, b, K) => {
       o[n.nodeKey] == T ? n.nodeKey && delete b[o[n.nodeKey]].data[v + "-targetId"] : d && d(o);
     });
   }, k.value && k.value.length) {
-    const i = me(k.value, (u) => u[n.nodeKey] === T);
+    const i = Ce(k.value, (u) => u[n.nodeKey] === T);
     d && d(i);
   }
-} }), Te = { class: "table-header" }, Ke = { class: "title table-label" }, Le = {
+} }), Ke = { class: "table-header" }, Le = { class: "title table-label" }, Ie = {
   key: 0,
   class: "table-label"
-}, Ie = {
-  class: /* @__PURE__ */ te(["table-body", "das-tree-box"])
-}, Ve = { class: "tree-node" }, $e = { class: "tree-node" }, Ne = { class: "first-column" }, Ee = { class: "title" }, De = { class: "tree-node" }, Ae = { class: "tree-node" }, Be = { class: "first-column" }, Re = { class: "title" }, Fe = {
+}, Ve = {
+  class: /* @__PURE__ */ ie(["table-body", "das-tree-box"])
+}, $e = { class: "tree-node" }, Ne = { class: "tree-node" }, Ee = { class: "first-column" }, De = { class: "title" }, Ae = { class: "tree-node" }, Be = { class: "tree-node" }, Re = { class: "first-column" }, Fe = { class: "title" }, Me = {
   name: "DasTreeTable",
   inheritAttrs: !1
-}, Me = /* @__PURE__ */ fe({
-  ...Fe,
-  props: /* @__PURE__ */ x({
+}, Oe = /* @__PURE__ */ he({
+  ...Me,
+  props: /* @__PURE__ */ ee({
     virtual: { type: Boolean, default: !0 },
     linkageType: { default: "first" },
     keyword: {},
@@ -91,9 +91,9 @@ const Ce = (n, B, r, t, y, E, k) => ({ linkCheck: (T, v, g, b, K) => {
     keyword: { type: String, default: "" },
     keywordModifiers: {}
   }),
-  emits: /* @__PURE__ */ x(["update:data", "update:keyword", "all-check", "item-check"], ["update:keyword"]),
+  emits: /* @__PURE__ */ ee(["update:data", "update:keyword", "all-check", "item-check"], ["update:keyword"]),
   setup(n, { expose: B, emit: r }) {
-    const t = n, y = r, E = U(), k = he(n, "keyword"), D = I(() => {
+    const t = n, y = r, E = U(), k = ce(n, "keyword"), D = I(() => {
       var e;
       return t.checkNum ?? ((e = t.checkboxLabels) == null ? void 0 : e.length) ?? 0;
     }), T = I(() => t != null && t.height ? t.height + "px" : "100%"), v = I(() => {
@@ -128,17 +128,17 @@ const Ce = (n, B, r, t, y, E, k) => ({ linkCheck: (T, v, g, b, K) => {
       }), a;
     }, Z = () => Y(m.value), _ = (e, a, l) => {
       t.allCheckboxDisabled[l] || (e > 0 && a > 0 ? (h.value[l] = !1, o.value[l] = !0) : e == 0 && a >= 0 ? (h.value[l] = !1, o.value[l] = !1) : (h.value[l] = !0, o.value[l] = !1));
-    }, ie = (e) => {
+    }, oe = (e) => {
       const a = g.value.children;
       let l = [];
-      l = ae(m.value, a);
+      l = te(m.value, a);
       for (let s = 0; s < D.value; s++) {
         let f = 0, C = 0;
         l.forEach((R) => {
           d(R, s) || u(R) || (R[t.checkboxLabels[s]] ? f++ : C++);
         }), _(f, C, s);
       }
-    }, { linkCheck: oe } = Ce(
+    }, { linkCheck: se } = pe(
       t,
       y,
       g,
@@ -146,7 +146,7 @@ const Ce = (n, B, r, t, y, E, k) => ({ linkCheck: (T, v, g, b, K) => {
       u,
       b,
       m
-    ), { linkCheck: se } = pe(t, y, g, d, u, b, m), { linkCheck: de } = we(
+    ), { linkCheck: de } = we(t, y, g, d, u, b, m), { linkCheck: ne } = Te(
       t,
       y,
       g,
@@ -154,10 +154,10 @@ const Ce = (n, B, r, t, y, E, k) => ({ linkCheck: (T, v, g, b, K) => {
       u,
       b,
       m
-    ), ne = (e, a, l, s, f) => t.linkageType === "custom" ? void 0 : {
-      first: oe,
-      two: se,
-      three: de
+    ), ue = (e, a, l, s, f) => t.linkageType === "custom" ? void 0 : {
+      first: se,
+      two: de,
+      three: ne
     }[t.linkageType](e, a, l, s, f), z = (e, a) => {
       y("all-check", e, a), h.value[a] = e, o.value[a] = !1;
       const l = Z();
@@ -175,45 +175,41 @@ const Ce = (n, B, r, t, y, E, k) => ({ linkCheck: (T, v, g, b, K) => {
           z(e, a + 1);
         }
       }
-    }, ue = I(() => {
+    }, re = I(() => {
       let e = [];
       if (!m.value || !m.value.length) return e;
       const a = g.value.children;
-      return e = ae(m.value, a).filter(
+      return e = te(m.value, a).filter(
         (s) => s[g.value.label].toLowerCase().includes(k.value.toLowerCase())
       ), e;
     }), q = I(() => {
       var a;
       let e = !1;
-      return (!m.value || !m.value.length) && (e = !0), k.value && !((a = ue.value) != null && a.length) && (e = !0), e;
-    }), re = () => new Promise((e) => {
+      return (!m.value || !m.value.length) && (e = !0), k.value && !((a = re.value) != null && a.length) && (e = !0), e;
+    }), fe = () => new Promise((e) => {
       const a = () => {
         var l;
         if ((l = c.value) != null && l.treeRef) return e(!0);
         setTimeout(() => a(), 50);
       };
       a();
-    }), P = async () => {
+    });
+    let P = "";
+    const x = async () => {
       var e, a;
-      await re(), (a = (e = c.value) == null ? void 0 : e.treeRef) == null || a.filter(k.value);
+      P != k.value && (await fe(), (a = (e = c.value) == null ? void 0 : e.treeRef) == null || a.filter(k.value), P = k.value);
     };
-    ee(
+    le(
       () => m.value,
       () => {
-        ie(), P();
+        oe(), x();
       },
       { immediate: !0, deep: !0 }
-    ), ee(
-      () => k.value,
-      () => {
-        P();
-      },
-      { immediate: !0 }
-    );
+    ), le(() => k.value, x);
     const O = (e, a, l) => {
       y("item-check", e, a, l);
       const s = Z(), f = t.checkboxLabels[l];
-      s && (s[a[t.nodeKey]].data[f + "-targetId"] = a[t.nodeKey], s[a[t.nodeKey]].data[f] = e), ne(a[t.nodeKey], f, e, s, l), t.twoLinkFirstCheck && (e ? l === 1 && !d(a, l - 1) && !u(a) && O(e, a, l - 1) : l === 0 && !d(a, l + 1) && !u(a) && O(e, a, l + 1));
+      s && (s[a[t.nodeKey]].data[f + "-targetId"] = a[t.nodeKey], s[a[t.nodeKey]].data[f] = e), ue(a[t.nodeKey], f, e, s, l), t.twoLinkFirstCheck && (e ? l === 1 && !d(a, l - 1) && !u(a) && O(e, a, l - 1) : l === 0 && !d(a, l + 1) && !u(a) && O(e, a, l + 1));
     };
     return B({
       $treeTableBody: c,
@@ -230,14 +226,14 @@ const Ce = (n, B, r, t, y, E, k) => ({ linkCheck: (T, v, g, b, K) => {
       {
         ref_key: "dasTreeTableRef",
         ref: E,
-        class: te(["das-ui-tree-table", e.border ? "is-border" : ""]),
+        class: ie(["das-ui-tree-table", e.border ? "is-border" : ""]),
         style: j({ height: T.value })
       },
       [
-        $("div", Te, [
+        $("div", Ke, [
           $(
             "div",
-            Ke,
+            Le,
             A(e.title),
             1
             /* TEXT */
@@ -256,7 +252,7 @@ const Ce = (n, B, r, t, y, E, k) => ({ linkCheck: (T, v, g, b, K) => {
                 L(e.$slots, e.checkboxLabels[l - 1] + "Header", {}, () => [
                   e.isView ? (w(), V(
                     "span",
-                    Le,
+                    Ie,
                     A(e.allCheckboxNames[l - 1] ?? ""),
                     1
                     /* TEXT */
@@ -292,8 +288,8 @@ const Ce = (n, B, r, t, y, E, k) => ({ linkCheck: (T, v, g, b, K) => {
           )),
           e.$slots.headerRight ? L(e.$slots, "headerRight", { key: 1 }, void 0, !0) : p("v-if", !0)
         ]),
-        $("div", Ie, [
-          e.virtual ? M((w(), Q(N(be), {
+        $("div", Ve, [
+          e.virtual ? M((w(), Q(N(ye), {
             key: 0,
             ref_key: "$treeTableBody",
             ref: c,
@@ -307,9 +303,9 @@ const Ce = (n, B, r, t, y, E, k) => ({ linkCheck: (T, v, g, b, K) => {
             style: { width: "100%" }
           }, {
             default: F(({ data: l, node: s }) => [
-              M((w(), V("div", Ve, [
-                $("div", $e, [
-                  $("div", Ne, [
+              M((w(), V("div", $e, [
+                $("div", Ne, [
+                  $("div", Ee, [
                     e.$slots.icon ? L(e.$slots, "icon", {
                       key: 0,
                       node: s,
@@ -323,7 +319,7 @@ const Ce = (n, B, r, t, y, E, k) => ({ linkCheck: (T, v, g, b, K) => {
                     }, () => [
                       $(
                         "span",
-                        Ee,
+                        De,
                         A(l[e.fistLabel]),
                         1
                         /* TEXT */
@@ -379,7 +375,7 @@ const Ce = (n, B, r, t, y, E, k) => ({ linkCheck: (T, v, g, b, K) => {
                   }, void 0, !0) : p("v-if", !0)
                 ])
               ])), [
-                [N(le), { x: !1, "z-index": "auto" }]
+                [N(ae), { x: !1, "z-index": "auto" }]
               ])
             ]),
             _: 3
@@ -387,7 +383,7 @@ const Ce = (n, B, r, t, y, E, k) => ({ linkCheck: (T, v, g, b, K) => {
           }, 8, ["nodeKey", "data", "props", "default-expand-all", "height"])), [
             [H, !q.value && !e.loading]
           ]) : p("v-if", !0),
-          e.virtual ? p("v-if", !0) : M((w(), Q(N(ke), {
+          e.virtual ? p("v-if", !0) : M((w(), Q(N(be), {
             key: 1,
             ref_key: "$treeTableBody",
             ref: c,
@@ -401,9 +397,9 @@ const Ce = (n, B, r, t, y, E, k) => ({ linkCheck: (T, v, g, b, K) => {
             style: { width: "100%" }
           }, {
             default: F(({ data: l, node: s }) => [
-              M((w(), V("div", De, [
-                $("div", Ae, [
-                  $("div", Be, [
+              M((w(), V("div", Ae, [
+                $("div", Be, [
+                  $("div", Re, [
                     e.$slots.icon ? L(e.$slots, "icon", {
                       key: 0,
                       node: s,
@@ -417,7 +413,7 @@ const Ce = (n, B, r, t, y, E, k) => ({ linkCheck: (T, v, g, b, K) => {
                     }, () => [
                       $(
                         "span",
-                        Re,
+                        Fe,
                         A(l[e.fistLabel]),
                         1
                         /* TEXT */
@@ -473,7 +469,7 @@ const Ce = (n, B, r, t, y, E, k) => ({ linkCheck: (T, v, g, b, K) => {
                   }, void 0, !0) : p("v-if", !0)
                 ])
               ])), [
-                [N(le), { x: !1, "z-index": "auto" }]
+                [N(ae), { x: !1, "z-index": "auto" }]
               ])
             ]),
             _: 3
@@ -483,7 +479,7 @@ const Ce = (n, B, r, t, y, E, k) => ({ linkCheck: (T, v, g, b, K) => {
           ]),
           p(" 空状态 "),
           M(W(
-            N(ye),
+            N(ge),
             null,
             null,
             512
@@ -492,7 +488,7 @@ const Ce = (n, B, r, t, y, E, k) => ({ linkCheck: (T, v, g, b, K) => {
             [H, q.value && !e.loading]
           ]),
           p(" 加载状态 "),
-          M(W(N(ge), {
+          M(W(N(me), {
             size: "small",
             spinning: e.loading
           }, {
@@ -516,21 +512,21 @@ const Ce = (n, B, r, t, y, E, k) => ({ linkCheck: (T, v, g, b, K) => {
       /* CLASS, STYLE */
     ));
   }
-}), Oe = (n, B) => {
+}), Se = (n, B) => {
   const r = n.__vccOpts || n;
   for (const [t, y] of B)
     r[t] = y;
   return r;
-}, Se = /* @__PURE__ */ Oe(Me, [["__scopeId", "data-v-e42f2ada"]]), Ue = {
+}, Ue = /* @__PURE__ */ Se(Oe, [["__scopeId", "data-v-57c45da6"]]), ze = {
   "--das-ui-tree-table-highlight-color": "#5582f3",
   "--das-ui-tree-table-header-color": "#212121",
   "--das-ui-tree-table-header-bg-color": "#F2F2F2",
   "--das-ui-tree-table-border-color": "#D9D9D9"
 };
-ve(Ue);
-const Ye = ce(Se), _e = () => U(null), Pe = { name: "tree-table 表格树" };
+ke(ze);
+const _e = ve(Ue), Pe = () => U(null), xe = { name: "tree-table 表格树" };
 export {
-  Ye as DasTreeTable,
-  _e as DasTreeTableRef,
-  Pe as default
+  _e as DasTreeTable,
+  Pe as DasTreeTableRef,
+  xe as default
 };

package/packages/components/tree-table/style.css

@@ -1 +1 @@
-.das-ui-tree-table[data-v-e42f2ada]{display:flex;flex-direction:column}.das-ui-tree-table.is-border[data-v-e42f2ada]{border:1px solid var(--das-ui-tree-table-border-color)}.das-ui-tree-table .table-header[data-v-e42f2ada]{height:32px;display:flex;align-items:center;background:var(--das-ui-tree-table-header-bg-color);border-bottom:1px solid var(--das-ui-tree-table-border-color);box-sizing:border-box}.das-ui-tree-table .table-header .title[data-v-e42f2ada]{flex:1;min-width:0}.das-ui-tree-table .table-header .table-label[data-v-e42f2ada]{font-size:12px;color:var(--das-ui-tree-table-header-color)}.das-ui-tree-table .table-body[data-v-e42f2ada]{flex:1;min-height:0}.das-ui-tree-table .table-body .tree-node[data-v-e42f2ada]{flex:1;min-width:0;display:flex;align-items:center}.das-ui-tree-table .table-body .tree-node .first-column[data-v-e42f2ada]{flex:1;min-width:0}.das-ui-tree-table .table-body .tree-node .first-column .title.is-highlight[data-v-e42f2ada]{color:var(--das-ui-tree-table-highlight-color)}.das-ui-tree-table .das-ui-tree[data-v-e42f2ada] .el-tree-node.is-current:not([aria-disabled=true])>.el-tree-node__content{color:var(--das-ui-tree-node-active-font-color);background-color:var(--das-ui-tree-node-active-bg-color)}.das-ui-tree-table .das-ui-tree[data-v-e42f2ada] .el-tree-node.is-current:not([aria-disabled=true])>.el-tree-node__content .el-tree-node__expand-icon:not(.is-leaf){color:var(--das-ui-tree-node-active-font-color)}.das-ui-tree-table .das-ui-tree[data-v-e42f2ada] .el-tree-node .el-tree-node__content,.das-ui-tree-table .das-ui-tree[data-v-e42f2ada] .el-tree-node .el-tree-node__content .el-tree-node__label{width:100%}
+.das-ui-tree-table[data-v-57c45da6]{display:flex;flex-direction:column}.das-ui-tree-table.is-border[data-v-57c45da6]{border:1px solid var(--das-ui-tree-table-border-color)}.das-ui-tree-table .table-header[data-v-57c45da6]{height:32px;display:flex;align-items:center;background:var(--das-ui-tree-table-header-bg-color);border-bottom:1px solid var(--das-ui-tree-table-border-color);box-sizing:border-box}.das-ui-tree-table .table-header .title[data-v-57c45da6]{flex:1;min-width:0}.das-ui-tree-table .table-header .table-label[data-v-57c45da6]{font-size:12px;color:var(--das-ui-tree-table-header-color)}.das-ui-tree-table .table-body[data-v-57c45da6]{flex:1;min-height:0}.das-ui-tree-table .table-body .tree-node[data-v-57c45da6]{flex:1;min-width:0;display:flex;align-items:center}.das-ui-tree-table .table-body .tree-node .first-column[data-v-57c45da6]{flex:1;min-width:0}.das-ui-tree-table .table-body .tree-node .first-column .title.is-highlight[data-v-57c45da6]{color:var(--das-ui-tree-table-highlight-color)}.das-ui-tree-table .das-ui-tree[data-v-57c45da6] .el-tree-node.is-current:not([aria-disabled=true])>.el-tree-node__content{color:var(--das-ui-tree-node-active-font-color);background-color:var(--das-ui-tree-node-active-bg-color)}.das-ui-tree-table .das-ui-tree[data-v-57c45da6] .el-tree-node.is-current:not([aria-disabled=true])>.el-tree-node__content .el-tree-node__expand-icon:not(.is-leaf){color:var(--das-ui-tree-node-active-font-color)}.das-ui-tree-table .das-ui-tree[data-v-57c45da6] .el-tree-node .el-tree-node__content,.das-ui-tree-table .das-ui-tree[data-v-57c45da6] .el-tree-node .el-tree-node__content .el-tree-node__label{width:100%}

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

@@ -1,5 +1,5 @@
 import '@das-fed/ui/packages/components/virtual-tree/style.css';
-import { defineComponent as B, openBlock as r, createBlock as _, unref as h, ref as i, computed as c, watch as N, onMounted as A, onBeforeUnmount as F, createElementBlock as g, normalizeStyle as M, mergeProps as V, withCtx as v, renderSlot as T, createElementVNode as D, toDisplayString as $, Fragment as E, createCommentVNode as b, createSlots as H, createVNode as L, nextTick as J } from "vue";
+import { defineComponent as I, openBlock as r, createBlock as k, unref as h, ref as i, computed as c, watch as g, onMounted as O, onBeforeUnmount as F, createElementBlock as v, normalizeStyle as M, mergeProps as V, withCtx as x, renderSlot as T, createElementVNode as D, toDisplayString as $, Fragment as b, createCommentVNode as B, createSlots as H, createVNode as L, nextTick as J } from "vue";
 import { withInstall as P } from "@das-fed/utils/with-install/index";
 import { ElTreeV2 as W } from "element-plus";
 import "element-plus/es/components/tree-v2/style/css";
@@ -8,11 +8,11 @@ import { DasTreeEmpty as q } from "@das-fed/ui/packages/components/tree/index";
 import { DasSpin as G } from "@das-fed/ui/packages/components/spin/index";
 import { DasIconCaretRight as Q } from "@das-fed/ui/packages/icons/caret-right/index";
 import { SizeWatcher as X } from "@das-fed/utils/size-watcher";
-import { flatTree as x } from "@das-fed/utils/common-tools";
-const Y = /* @__PURE__ */ B({
+import { flatTree as _ } from "@das-fed/utils/common-tools";
+const Y = /* @__PURE__ */ I({
   __name: "expand-icon",
   setup(s) {
-    return (f, o) => (r(), _(h(Q), {
+    return (f, o) => (r(), k(h(Q), {
       class: "das-tree__expand-icon",
       size: "medium"
     }));
@@ -25,7 +25,7 @@ const Y = /* @__PURE__ */ B({
 }, ee = /* @__PURE__ */ Z(Y, [["__scopeId", "data-v-d51f7d20"]]), te = { class: "tree-normal-node" }, ae = {
   name: "DasVirtualTree",
   inheritAttrs: !1
-}, ne = /* @__PURE__ */ B({
+}, ne = /* @__PURE__ */ I({
   ...ae,
   props: {
     data: { default: () => [] },
@@ -34,33 +34,38 @@ const Y = /* @__PURE__ */ B({
     showCheckbox: { type: Boolean },
     height: {},
     currentNodeKey: {},
-    defaultExpandAll: { type: Boolean },
+    defaultExpandAll: { type: Boolean, default: !1 },
     expandOnClickNode: { type: Boolean, default: !1 },
     props: {},
     emptyText: { default: "" },
     filterMethod: {}
   },
   setup(s, { expose: f }) {
-    const o = i(), d = i(), p = i(0), t = s, k = c(() => t.emptyText || U("暂无数据")), l = c(() => ({ value: t.nodeKey, label: "name", children: "children", disabled: "disabled", ...t.props })), I = c(() => t != null && t.height ? t.height + "px" : "100%"), S = c(() => t != null && t.height ? t.height : p.value), w = (e, n) => e ? n[l.value.label].toLowerCase().includes(e.toLowerCase()) : !0, z = c(() => (t == null ? void 0 : t.filterMethod) ?? w), K = () => {
+    const o = i(), d = i(), p = i(0), t = s, C = c(() => t.emptyText || U("暂无数据")), l = c(() => ({ value: t.nodeKey, label: "name", children: "children", disabled: "disabled", ...t.props })), S = c(() => t != null && t.height ? t.height + "px" : "100%"), w = c(() => t != null && t.height ? t.height : p.value), z = (e, n) => n[l.value.label].toLowerCase().includes(e.toLowerCase()), K = c(() => (t == null ? void 0 : t.filterMethod) ?? z), N = () => {
       if (t.data && t.data.length) {
-        const n = x(t.data, l.value.children, !1).filter((a) => a[l.value.children] && a[l.value.children].length).map((a) => a[t.nodeKey]);
+        const n = _(t.data, l.value.children, !1).filter((a) => a[l.value.children] && a[l.value.children].length).map((a) => a[t.nodeKey]);
         J(() => {
           var a;
           (a = d.value) == null || a.setExpandedKeys(n);
         });
       }
     };
-    N(
+    g(
+      () => t.defaultExpandAll,
+      (e) => {
+        e && N();
+      },
+      { immediate: !0 }
+    ), g(
       () => t.data,
       (e, n) => {
         if (!t.defaultExpandAll) return;
-        const a = e && e.length ? e : [], u = n && n.length ? n : [], R = x(a).map((y) => y[t.nodeKey]), O = x(u).map((y) => y[t.nodeKey]);
-        u.length && JSON.stringify(R) === JSON.stringify(O) || K();
-      },
-      { immediate: !0 }
+        const a = e && e.length ? e : [], u = n && n.length ? n : [], R = _(a).map((y) => y[t.nodeKey]), A = _(u).map((y) => y[t.nodeKey]);
+        u.length && JSON.stringify(R) === JSON.stringify(A) || N();
+      }
     );
     const m = i(!1);
-    N(
+    g(
       () => t.data,
       (e) => {
         if (e && e.length) {
@@ -73,28 +78,28 @@ const Y = /* @__PURE__ */ B({
       },
       { immediate: !0, deep: !0 }
     );
-    const C = i();
-    return A(() => {
-      C.value = X(
+    const E = i();
+    return O(() => {
+      E.value = X(
         (e) => {
           p.value = e.height;
         },
         o.value.parentElement
       );
     }), F(() => {
-      C.value.disconnect();
+      E.value.disconnect();
     }), f({
       treeRef: d
-    }), (e, n) => (r(), g(
+    }), (e, n) => (r(), v(
       "div",
       {
         ref_key: "cotainerRef",
         ref: o,
         class: "das-ui-tree das-ui-virtual-tree",
-        style: M({ height: I.value })
+        style: M({ height: S.value })
       },
       [
-        e.data && e.data.length ? (r(), _(h(W), V({
+        e.data && e.data.length ? (r(), k(h(W), V({
           key: 0,
           ref_key: "treeRef",
           ref: d,
@@ -104,13 +109,13 @@ const Y = /* @__PURE__ */ B({
           props: l.value,
           "show-checkbox": !1,
           "expand-on-click-node": e.expandOnClickNode,
-          height: S.value,
+          height: w.value,
           "item-size": 32,
           "default-expand-all": "",
-          "filter-method": z.value,
-          "empty-text": k.value
+          "filter-method": K.value,
+          "empty-text": C.value
         }, e.$attrs), {
-          default: v(({ node: a, data: u }) => [
+          default: x(({ node: a, data: u }) => [
             T(e.$slots, "default", {
               node: a,
               data: u
@@ -126,21 +131,21 @@ const Y = /* @__PURE__ */ B({
           ]),
           _: 3
           /* FORWARDED */
-        }, 16, ["data", "class", "props", "expand-on-click-node", "height", "filter-method", "empty-text"])) : (r(), g(
-          E,
+        }, 16, ["data", "class", "props", "expand-on-click-node", "height", "filter-method", "empty-text"])) : (r(), v(
+          b,
           { key: 1 },
           [
-            b(" 空状态 "),
-            e.loading ? (r(), g(
-              E,
+            B(" 空状态 "),
+            e.loading ? (r(), v(
+              b,
               { key: 1 },
               [
-                b(" 加载状态 "),
+                B(" 加载状态 "),
                 L(h(G), {
                   size: "small",
                   spinning: e.loading
                 }, {
-                  default: v(() => n[0] || (n[0] = [
+                  default: x(() => n[0] || (n[0] = [
                     D(
                       "div",
                       { style: { width: "100%", height: "100%" } },
@@ -155,16 +160,16 @@ const Y = /* @__PURE__ */ B({
               ],
               2112
               /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-            )) : (r(), _(h(q), {
+            )) : (r(), k(h(q), {
               key: 0,
-              "empty-text": k.value
+              "empty-text": C.value
             }, H({
               _: 2
               /* DYNAMIC */
             }, [
               e.$slots["empty-text"] ? {
                 name: "default",
-                fn: v(() => [
+                fn: x(() => [
                   T(e.$slots, "empty-text")
                 ]),
                 key: "0"

package/packages/components/virtual-tree/src/App.vue.d.ts

@@ -3957,6 +3957,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<Pr
     nodeKey: string;
     expandOnClickNode: boolean;
     emptyText: string;
+    defaultExpandAll: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?(_: {
         node: any;