@das-fed/upf-ui 6.4.0-dev.300 → 6.4.0-dev.302

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

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