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

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 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 { 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 "element-plus/es/components/tree-v2/style/css";
-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({
+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({
   __name: "expand-icon",
-  setup(l) {
-    return (f, r) => (i(), _(m(Q), {
+  setup(s) {
+    return (f, o) => (r(), h(m(q), {
       class: "das-tree__expand-icon",
       size: "medium"
     }));
   }
-}), 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 = {
+}), 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 = {
   name: "DasVirtualTree",
   inheritAttrs: !1
-}, ne = /* @__PURE__ */ B({
-  ...ae,
+}, te = /* @__PURE__ */ b({
+  ...ee,
   props: {
     data: { default: () => [] },
     loading: { type: Boolean },
@@ -40,155 +40,118 @@ const Y = /* @__PURE__ */ B({
     emptyText: { default: "" },
     filterMethod: {}
   },
-  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(() => {
+  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(() => {
           var a;
-          (a = s.value) == null || a.setExpandedKeys(n);
+          (a = d.value) == null || a.setExpandedKeys(n);
         });
       }
     };
-    g(
-      () => e.defaultExpandAll,
-      (t) => {
-        t && N();
+    v(
+      () => t.defaultExpandAll,
+      (e) => {
+        e && C();
       },
       { immediate: !0 }
-    ), 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();
+    ), 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();
       }
     );
-    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
+    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
           );
-          p.value = !n;
+          y.value = !n;
         } else
-          p.value = !1;
+          y.value = !1;
       },
       { immediate: !0, deep: !0 }
     );
-    const E = d();
-    return A(() => {
-      E.value = X(
-        (t) => {
-          h.value = t.height;
+    const E = i();
+    return O(() => {
+      E.value = G(
+        (e) => {
+          p.value = e.height;
         },
-        r.value.parentElement
+        o.value.parentElement
       );
-    }), M(() => {
+    }), R(() => {
       E.value.disconnect();
     }), f({
-      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({
+      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), {
           key: 0,
-          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 */
-    ));
+          "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));
   }
-}), le = { 暂无数据: { "zh-CN": "暂无数据", en: "No Data", "zh-MO": "暫無數據", _appCode: "framework" } };
-j(le);
-const pe = P(ne), ye = () => d(null), ge = { title: "virtual-tree 虚拟树" };
+}), ae = { 暂无数据: { "zh-CN": "暂无数据", en: "No Data", "zh-MO": "暫無數據", _appCode: "framework" } };
+W(ae);
+const pe = V(te), he = () => i(null), me = { title: "virtual-tree 虚拟树" };
 export {
   pe as DasVirtualTree,
-  ye as DasVirtualTreeRef,
-  ge as default
+  he as DasVirtualTreeRef,
+  me as default
 };