@das-fed/ui 6.4.0-test.8.2 → 7.0.0

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, createBlock as k, openBlock as r, 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(() => ({ label: "name", children: "children", disabled: "disabled", ...t.props, value: t.nodeKey })), 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"