@das-fed/upf-ui 6.4.0-dev.231 → 6.4.0-dev.232

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

@@ -1,32 +1,32 @@
 import '@das-fed/upf-ui/packages/components/virtual-tree/style.css';
-import { defineComponent as b, openBlock as r, createBlock as h, unref as m, ref as i, computed as c, watch as v, onMounted as O, onBeforeUnmount as R, createElementBlock as N, normalizeStyle as A, mergeProps as M, withCtx as x, renderSlot as T, createElementVNode as D, toDisplayString as F, Fragment as $, createSlots as H, nextTick as L } from "vue";
-import { withInstall as V } from "@das-fed/upf-utils/with-install/index";
-import { ElTreeV2 as J } from "element-plus";
+import { defineComponent as B, openBlock as i, createBlock as _, unref as m, ref as d, computed as u, watch as g, onMounted as A, onBeforeUnmount as M, createElementBlock as v, normalizeStyle as F, mergeProps as V, withCtx as x, renderSlot as T, createElementVNode as D, toDisplayString as $, Fragment as b, createCommentVNode as z, createSlots as H, createVNode as L, nextTick as J } from "vue";
+import { withInstall as P } from "@das-fed/upf-utils/with-install/index";
+import { ElTreeV2 as W } from "element-plus";
 import "element-plus/es/components/tree-v2/style/css";
-import { t as P, setI18nRule as W } from "@das-fed/upf-web/packages/i18n/index";
-import { DasTreeEmpty as U } from "@das-fed/upf-ui/packages/components/tree/index";
-import { DasSpin as j } from "@das-fed/upf-ui/packages/components/spin/index";
-import { DasIconCaretRight as q } from "@das-fed/upf-ui/packages/icons/caret-right/index";
-import { SizeWatcher as G } from "@das-fed/upf-utils/size-watcher";
-import { flatTree as _ } from "@das-fed/upf-utils/common-tools";
-const Q = /* @__PURE__ */ b({
+import { t as U, setI18nRule as j } from "@das-fed/upf-web/packages/i18n/index";
+import { DasTreeEmpty as q } from "@das-fed/upf-ui/packages/components/tree/index";
+import { DasSpin as G } from "@das-fed/upf-ui/packages/components/spin/index";
+import { DasIconCaretRight as Q } from "@das-fed/upf-ui/packages/icons/caret-right/index";
+import { SizeWatcher as X } from "@das-fed/upf-utils/size-watcher";
+import { flatTree as k } from "@das-fed/upf-utils/common-tools";
+const Y = /* @__PURE__ */ B({
   __name: "expand-icon",
-  setup(s) {
-    return (f, o) => (r(), h(m(q), {
+  setup(l) {
+    return (f, r) => (i(), _(m(Q), {
       class: "das-tree__expand-icon",
       size: "medium"
     }));
   }
-}), X = (s, f) => {
-  const o = s.__vccOpts || s;
-  for (const [d, p] of f)
-    o[d] = p;
-  return o;
-}, Y = /* @__PURE__ */ X(Q, [["__scopeId", "data-v-e225c8a8"]]), Z = { class: "tree-normal-node" }, ee = {
+}), Z = (l, f) => {
+  const r = l.__vccOpts || l;
+  for (const [s, h] of f)
+    r[s] = h;
+  return r;
+}, ee = /* @__PURE__ */ Z(Y, [["__scopeId", "data-v-e225c8a8"]]), te = { class: "tree-normal-node" }, ae = {
   name: "DasVirtualTree",
   inheritAttrs: !1
-}, te = /* @__PURE__ */ b({
-  ...ee,
+}, ne = /* @__PURE__ */ B({
+  ...ae,
   props: {
     data: { default: () => [] },
     loading: { type: Boolean },
@@ -40,118 +40,155 @@ const Q = /* @__PURE__ */ b({
     emptyText: { default: "" },
     filterMethod: {}
   },
-  setup(s, { expose: f }) {
-    const o = i(), d = i(), p = i(0), t = s, k = c(() => t.emptyText || P("暂无数据")), l = c(() => ({ label: "name", children: "children", disabled: "disabled", ...t.props, value: t.nodeKey })), z = c(() => t != null && t.height ? t.height + "px" : "100%"), B = c(() => t != null && t.height ? t.height : p.value), I = (e, n) => n[l.value.label].toLowerCase().includes(e.toLowerCase()), S = c(() => (t == null ? void 0 : t.filterMethod) ?? I), C = () => {
-      if (t.data && t.data.length) {
-        const n = _(t.data, l.value.children, !1).filter((a) => a[l.value.children] && a[l.value.children].length).map((a) => a[t.nodeKey]);
-        L(() => {
+  setup(l, { expose: f }) {
+    const r = d(), s = d(), h = d(0), e = l, C = u(() => e.emptyText || U("暂无数据")), o = u(() => ({ label: "name", children: "children", disabled: "disabled", ...e.props, value: e.nodeKey })), I = u(() => e != null && e.height ? e.height + "px" : "100%"), S = u(() => e != null && e.height ? e.height : h.value), w = (t, n) => n[o.value.label].toLowerCase().includes(t.toLowerCase()), K = u(() => (e == null ? void 0 : e.filterMethod) ?? w), N = () => {
+      if (e.data && e.data.length) {
+        const n = k(e.data, o.value.children, !1).filter((a) => a[o.value.children] && a[o.value.children].length).map((a) => a[e.nodeKey]);
+        J(() => {
           var a;
-          (a = d.value) == null || a.setExpandedKeys(n);
+          (a = s.value) == null || a.setExpandedKeys(n);
         });
       }
     };
-    v(
-      () => t.defaultExpandAll,
-      (e) => {
-        e && C();
+    g(
+      () => e.defaultExpandAll,
+      (t) => {
+        t && N();
       },
       { immediate: !0 }
-    ), v(
-      () => t.data,
-      (e, n) => {
-        if (!t.defaultExpandAll) return;
-        const a = e && e.length ? e : [], u = n && n.length ? n : [], w = _(a).map((g) => g[t.nodeKey]), K = _(u).map((g) => g[t.nodeKey]);
-        u.length && JSON.stringify(w) === JSON.stringify(K) || C();
+    ), g(
+      () => e.data,
+      (t, n) => {
+        if (!e.defaultExpandAll) return;
+        const a = t && t.length ? t : [], c = n && n.length ? n : [], O = k(a).map((y) => y[e.nodeKey]), R = k(c).map((y) => y[e.nodeKey]);
+        c.length && JSON.stringify(O) === JSON.stringify(R) || N();
       }
     );
-    const y = i(!1);
-    v(
-      () => t.data,
-      (e) => {
-        if (e && e.length) {
-          const n = e.find(
-            (a) => a[l.value.children] && a[l.value.children].length
+    const p = d(!1);
+    g(
+      () => e.data,
+      (t) => {
+        if (t && t.length) {
+          const n = t.find(
+            (a) => a[o.value.children] && a[o.value.children].length
           );
-          y.value = !n;
+          p.value = !n;
         } else
-          y.value = !1;
+          p.value = !1;
       },
       { immediate: !0, deep: !0 }
     );
-    const E = i();
-    return O(() => {
-      E.value = G(
-        (e) => {
-          p.value = e.height;
+    const E = d();
+    return A(() => {
+      E.value = X(
+        (t) => {
+          h.value = t.height;
         },
-        o.value.parentElement
+        r.value.parentElement
       );
-    }), R(() => {
+    }), M(() => {
       E.value.disconnect();
     }), f({
-      treeRef: d
-    }), (e, n) => (r(), N("div", {
-      ref_key: "cotainerRef",
-      ref: o,
-      class: "das-ui-tree das-ui-virtual-tree",
-      style: A({ height: z.value })
-    }, [
-      e.data && e.data.length ? (r(), h(m(J), M({
-        key: 0,
-        ref_key: "treeRef",
-        ref: d,
-        data: e.data,
-        class: { "is-root-all-left": y.value },
-        icon: Y,
-        props: l.value,
-        "show-checkbox": !1,
-        "expand-on-click-node": e.expandOnClickNode,
-        height: B.value,
-        "item-size": 32,
-        "default-expand-all": "",
-        "filter-method": S.value,
-        "empty-text": k.value
-      }, e.$attrs), {
-        default: x(({ node: a, data: u }) => [
-          T(e.$slots, "default", {
-            node: a,
-            data: u
-          }, () => [
-            D("div", Z, F(u[l.value.label]), 1)
-          ])
-        ]),
-        _: 3
-      }, 16, ["data", "class", "props", "expand-on-click-node", "height", "filter-method", "empty-text"])) : (r(), N($, { key: 1 }, [
-        e.loading ? (r(), h(m(j), {
-          key: 1,
-          size: "small",
-          spinning: e.loading
-        }, {
-          default: x(() => n[0] || (n[0] = [
-            D("div", { style: { width: "100%", height: "100%" } }, null, -1)
-          ])),
-          _: 1,
-          __: [0]
-        }, 8, ["spinning"])) : (r(), h(m(U), {
+      treeRef: s
+    }), (t, n) => (i(), v(
+      "div",
+      {
+        ref_key: "cotainerRef",
+        ref: r,
+        class: "das-ui-tree das-ui-virtual-tree",
+        style: F({ height: I.value })
+      },
+      [
+        l.data && l.data.length ? (i(), _(m(W), V({
           key: 0,
-          "empty-text": k.value
-        }, H({ _: 2 }, [
-          e.$slots["empty-text"] ? {
-            name: "default",
-            fn: x(() => [
-              T(e.$slots, "empty-text")
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1032, ["empty-text"]))
-      ], 64))
-    ], 4));
+          ref_key: "treeRef",
+          ref: s,
+          data: l.data,
+          class: { "is-root-all-left": p.value },
+          icon: ee,
+          props: o.value,
+          "show-checkbox": !1,
+          "expand-on-click-node": l.expandOnClickNode,
+          height: S.value,
+          "item-size": 32,
+          "default-expand-all": "",
+          "filter-method": K.value,
+          "empty-text": C.value
+        }, t.$attrs), {
+          default: x(({ node: a, data: c }) => [
+            T(t.$slots, "default", {
+              node: a,
+              data: c
+            }, () => [
+              D(
+                "div",
+                te,
+                $(c[o.value.label]),
+                1
+                /* TEXT */
+              )
+            ])
+          ]),
+          _: 3
+          /* FORWARDED */
+        }, 16, ["data", "class", "props", "expand-on-click-node", "height", "filter-method", "empty-text"])) : (i(), v(
+          b,
+          { key: 1 },
+          [
+            z(" 空状态 "),
+            l.loading ? (i(), v(
+              b,
+              { key: 1 },
+              [
+                z(" 加载状态 "),
+                L(m(G), {
+                  size: "small",
+                  spinning: l.loading
+                }, {
+                  default: x(() => [...n[0] || (n[0] = [
+                    D(
+                      "div",
+                      { style: { width: "100%", height: "100%" } },
+                      null,
+                      -1
+                      /* CACHED */
+                    )
+                  ])]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["spinning"])
+              ],
+              2112
+              /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+            )) : (i(), _(m(q), {
+              key: 0,
+              "empty-text": C.value
+            }, H({
+              _: 2
+              /* DYNAMIC */
+            }, [
+              t.$slots["empty-text"] ? {
+                name: "default",
+                fn: x(() => [
+                  T(t.$slots, "empty-text")
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1032, ["empty-text"]))
+          ],
+          64
+          /* STABLE_FRAGMENT */
+        ))
+      ],
+      4
+      /* STYLE */
+    ));
   }
-}), ae = { 暂无数据: { "zh-CN": "暂无数据", en: "No Data", "zh-MO": "暫無數據", _appCode: "framework" } };
-W(ae);
-const pe = V(te), he = () => i(null), me = { title: "virtual-tree 虚拟树" };
+}), le = { 暂无数据: { "zh-CN": "暂无数据", en: "No Data", "zh-MO": "暫無數據", _appCode: "framework" } };
+j(le);
+const pe = P(ne), ye = () => d(null), ge = { title: "virtual-tree 虚拟树" };
 export {
   pe as DasVirtualTree,
-  he as DasVirtualTreeRef,
-  me as default
+  ye as DasVirtualTreeRef,
+  ge as default
 };