@das-fed/ui 6.4.0-test.3.1 → 6.4.0-test.30

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

@@ -1,32 +1,32 @@
 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 E, toDisplayString as $, Fragment as D, 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";
-import { t as U } from "@das-fed/web/packages/i18n/index";
-import { DasTreeEmpty as j } from "@das-fed/ui/packages/components/tree/index";
-import { DasSpin as q } from "@das-fed/ui/packages/components/spin/index";
-import { DasIconCaretRight as G } from "@das-fed/ui/packages/icons/caret-right/index";
-import { SizeWatcher as Q } from "@das-fed/utils/size-watcher";
-import { flatTree as x } from "@das-fed/utils/common-tools";
-const X = /* @__PURE__ */ B({
+import { t as U, setI18nRule as j } from "@das-fed/web/packages/i18n/index";
+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 _ } from "@das-fed/utils/common-tools";
+const Y = /* @__PURE__ */ I({
   __name: "expand-icon",
   setup(s) {
-    return (f, o) => (r(), _(h(G), {
+    return (f, o) => (r(), k(h(Q), {
       class: "das-tree__expand-icon",
       size: "medium"
     }));
   }
-}), Y = (s, f) => {
+}), Z = (s, f) => {
   const o = s.__vccOpts || s;
   for (const [d, p] of f)
     o[d] = p;
   return o;
-}, Z = /* @__PURE__ */ Y(X, [["__scopeId", "data-v-d51f7d20"]]), ee = { class: "tree-normal-node" }, te = {
+}, ee = /* @__PURE__ */ Z(Y, [["__scopeId", "data-v-d51f7d20"]]), te = { class: "tree-normal-node" }, ae = {
   name: "DasVirtualTree",
   inheritAttrs: !1
-}, ae = /* @__PURE__ */ B({
-  ...te,
+}, ne = /* @__PURE__ */ I({
+  ...ae,
   props: {
     data: { default: () => [] },
     loading: { type: Boolean },
@@ -34,33 +34,38 @@ const X = /* @__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 })), S = c(() => t != null && t.height ? t.height + "px" : "100%"), I = c(() => t != null && t.height ? t.height : p.value), K = (e, n) => e ? n[l.value.label].toLowerCase().includes(e.toLowerCase()) : !0, w = c(() => (t == null ? void 0 : t.filterMethod) ?? K), z = () => {
+    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 : [], O = x(a).map((y) => y[t.nodeKey]), R = x(u).map((y) => y[t.nodeKey]);
-        u.length && JSON.stringify(O) === JSON.stringify(R) || z();
-      },
-      { 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,19 +78,19 @@ const X = /* @__PURE__ */ B({
       },
       { immediate: !0, deep: !0 }
     );
-    const C = i();
-    return A(() => {
-      C.value = Q(
+    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",
@@ -94,30 +99,30 @@ const X = /* @__PURE__ */ B({
         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,
           data: e.data,
           class: { "is-root-all-left": m.value },
-          icon: Z,
+          icon: ee,
           props: l.value,
           "show-checkbox": !1,
           "expand-on-click-node": e.expandOnClickNode,
-          height: I.value,
+          height: w.value,
           "item-size": 32,
           "default-expand-all": "",
-          "filter-method": w.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
             }, () => [
-              E(
+              D(
                 "div",
-                ee,
+                te,
                 $(u[l.value.label]),
                 1
                 /* TEXT */
@@ -126,22 +131,22 @@ const X = /* @__PURE__ */ B({
           ]),
           _: 3
           /* FORWARDED */
-        }, 16, ["data", "class", "props", "expand-on-click-node", "height", "filter-method", "empty-text"])) : (r(), g(
-          D,
+        }, 16, ["data", "class", "props", "expand-on-click-node", "height", "filter-method", "empty-text"])) : (r(), v(
+          b,
           { key: 1 },
           [
-            b(" 空状态 "),
-            e.loading ? (r(), g(
-              D,
+            B(" 空状态 "),
+            e.loading ? (r(), v(
+              b,
               { key: 1 },
               [
-                b(" 加载状态 "),
-                L(h(q), {
+                B(" 加载状态 "),
+                L(h(G), {
                   size: "small",
                   spinning: e.loading
                 }, {
-                  default: v(() => n[0] || (n[0] = [
-                    E(
+                  default: x(() => n[0] || (n[0] = [
+                    D(
                       "div",
                       { style: { width: "100%", height: "100%" } },
                       null,
@@ -155,16 +160,16 @@ const X = /* @__PURE__ */ B({
               ],
               2112
               /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-            )) : (r(), _(h(j), {
+            )) : (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"
@@ -179,9 +184,11 @@ const X = /* @__PURE__ */ B({
       /* STYLE */
     ));
   }
-}), pe = P(ae), he = () => i(null), me = { title: "virtual-tree 虚拟树" };
+}), le = { 暂无数据: { "zh-CN": "暂无数据", en: "No Data", _appCode: "framework" } };
+j(le);
+const me = P(ne), ye = () => i(null), ge = { title: "virtual-tree 虚拟树" };
 export {
-  pe as DasVirtualTree,
-  he as DasVirtualTreeRef,
-  me as default
+  me as DasVirtualTree,
+  ye as DasVirtualTreeRef,
+  ge as default
 };