@das-fed/upf-ui 6.4.0-dev.313 → 6.4.0-dev.314

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

@@ -1,4 +1,4 @@
-import { defineComponent as k, openBlock as d, createElementBlock as p, createElementVNode as v, renderSlot as x, createTextVNode as H, toDisplayString as B, createStaticVNode as A, ref as f, 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 { 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";
@@ -12,17 +12,17 @@ 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 se = { class: "tree-empty-block" }, oe = { class: "tree-empty-text" }, ie = /* @__PURE__ */ k({
+const se = { class: "tree-empty-block" }, ie = { class: "tree-empty-text" }, oe = /* @__PURE__ */ k({
   __name: "empty",
   props: {
     emptyText: {}
   },
-  setup(l) {
-    return (a, s) => (d(), p("div", se, [
-      v("div", oe, [
+  setup(t) {
+    return (a, s) => (d(), f("div", se, [
+      v("div", ie, [
         x(a.$slots, "default", {}, () => [
           H(
-            B(a.emptyText),
+            B(t.emptyText),
             1
             /* TEXT */
           )
@@ -30,20 +30,20 @@ const se = { class: "tree-empty-block" }, oe = { class: "tree-empty-text" }, ie
       ])
     ]));
   }
-}), _ = (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;
-}, le = /* @__PURE__ */ _(ie, [["__scopeId", "data-v-507e2bf9"]]), de = {}, re = { class: "das-spin-container das-spin-page" };
-function ce(l, a) {
-  return d(), p("div", re, [...a[0] || (a[0] = [
+}, 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 pe = /* @__PURE__ */ _(de, [["render", ce], ["__scopeId", "data-v-323f37a9"]]), fe = {}, ue = { class: "das-spin-container das-spin-component" };
-function me(l, a) {
-  return d(), p("div", ue, [...a[0] || (a[0] = [
+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" },
@@ -55,9 +55,9 @@ function me(l, a) {
     )
   ])]);
 }
-const he = /* @__PURE__ */ _(fe, [["render", me], ["__scopeId", "data-v-f47a1ae6"]]), ve = {}, _e = { class: "das-spin-container das-spin-containerload" };
-function ye(l, a) {
-  return d(), p("div", _e, [...a[0] || (a[0] = [
+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)
   ])]);
 }
@@ -70,13 +70,13 @@ const ge = /* @__PURE__ */ _(ve, [["render", ye], ["__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 = f("");
+  setup(t) {
+    let a = t, s = u("");
     const r = P();
     return h(
       () => a.type,
-      (n, e) => {
-        n == "page" && (s.value = y(pe)), n == "container" && (s.value = y(ge)), n == "component" && (s.value = y(he)), n == "load" && (s.value = y(te, {
+      (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
         }));
@@ -84,21 +84,21 @@ const ge = /* @__PURE__ */ _(ve, [["render", ye], ["__scopeId", "data-v-f7548f22
       { immediate: !0 }
     ), h(
       () => r,
-      (n, e) => {
+      (o, e) => {
         r.indicator && (s.value = r.indicator);
       },
       { immediate: !0 }
-    ), (n, e) => (d(), p(
+    ), (o, e) => (d(), f(
       "div",
       {
-        class: J({ "das-spin-container": !0, full: n.full })
+        class: J({ "das-spin-container": !0, full: t.full })
       },
       [
         K($(ee), L({
-          class: `das-slef-spin ${n.size} ${n.type} `
-        }, n.$attrs, { indicator: $(s) }), {
+          class: `das-slef-spin ${t.size} ${t.type} `
+        }, o.$attrs, { indicator: $(s) }), {
           default: g(() => [
-            x(n.$slots, "default")
+            x(o.$slots, "default")
           ]),
           _: 3
           /* FORWARDED */
@@ -110,7 +110,7 @@ const ge = /* @__PURE__ */ _(ve, [["render", ye], ["__scopeId", "data-v-f7548f22
   }
 }), $e = /* @__PURE__ */ k({
   __name: "expand-icon",
-  setup(l) {
+  setup(t) {
     return (a, s) => (d(), T($(ae), {
       class: "das-tree__expand-icon",
       size: "medium"
@@ -133,49 +133,49 @@ const ge = /* @__PURE__ */ _(ve, [["render", ye], ["__scopeId", "data-v-f7548f22
     emptyText: { default: "" },
     filterMethod: {}
   },
-  setup(l, { expose: a }) {
-    const s = f(), r = f(), n = f(0), e = l, 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 : n.value), V = (t, i) => i[c.value.label].toLowerCase().includes(t.toLowerCase()), M = m(() => (e == null ? void 0 : e.filterMethod) ?? V), 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 = z(e.data, c.value.children, !1).filter((o) => o[c.value.children] && o[c.value.children].length).map((o) => o[e.nodeKey]);
+        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 o;
-          (o = r.value) == null || o.setExpandedKeys(i);
+          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 : [], w = z(o).map((N) => N[e.nodeKey]), F = z(u).map((N) => N[e.nodeKey]);
-        u.length && JSON.stringify(w) === JSON.stringify(F) || 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 C = f(!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
           );
-          C.value = !i;
+          C.value = !l;
         } else
           C.value = !1;
       },
       { immediate: !0, deep: !0 }
     );
-    const b = f();
+    const b = u();
     return W(() => {
       b.value = ne(
-        (t) => {
-          n.value = t.height;
+        (n) => {
+          o.value = n.height;
         },
         s.value.parentElement
       );
@@ -183,7 +183,7 @@ const ge = /* @__PURE__ */ _(ve, [["render", ye], ["__scopeId", "data-v-f7548f22
       b.value.disconnect();
     }), a({
       treeRef: r
-    }), (t, i) => (d(), p(
+    }), (n, l) => (d(), f(
       "div",
       {
         ref_key: "cotainerRef",
@@ -207,16 +207,16 @@ const ge = /* @__PURE__ */ _(ve, [["render", ye], ["__scopeId", "data-v-f7548f22
           "default-expand-all": "",
           "filter-method": M.value,
           "empty-text": I.value
-        }, t.$attrs), {
-          default: g(({ node: o, data: u }) => [
-            x(t.$slots, "default", {
-              node: o,
-              data: u
+        }, n.$attrs), {
+          default: g(({ node: i, data: p }) => [
+            x(n.$slots, "default", {
+              node: i,
+              data: p
             }, () => [
               v(
                 "div",
                 Ce,
-                B(u[c.value.label]),
+                B(p[c.value.label]),
                 1
                 /* TEXT */
               )
@@ -224,12 +224,12 @@ const ge = /* @__PURE__ */ _(ve, [["render", ye], ["__scopeId", "data-v-f7548f22
           ]),
           _: 3
           /* FORWARDED */
-        }, 16, ["data", "class", "props", "expand-on-click-node", "height", "filter-method", "empty-text"])) : (d(), p(
+        }, 16, ["data", "class", "props", "expand-on-click-node", "height", "filter-method", "empty-text"])) : (d(), f(
           E,
           { key: 1 },
           [
             D(" 空状态 "),
-            t.loading ? (d(), p(
+            t.loading ? (d(), f(
               E,
               { key: 1 },
               [
@@ -238,7 +238,7 @@ const ge = /* @__PURE__ */ _(ve, [["render", ye], ["__scopeId", "data-v-f7548f22
                   size: "small",
                   spinning: t.loading
                 }, {
-                  default: g(() => [...i[0] || (i[0] = [
+                  default: g(() => [...l[0] || (l[0] = [
                     v(
                       "div",
                       { style: { width: "100%", height: "100%" } },
@@ -260,10 +260,10 @@ const ge = /* @__PURE__ */ _(ve, [["render", ye], ["__scopeId", "data-v-f7548f22
               _: 2
               /* DYNAMIC */
             }, [
-              t.$slots["empty-text"] ? {
+              n.$slots["empty-text"] ? {
                 name: "default",
                 fn: g(() => [
-                  x(t.$slots, "empty-text")
+                  x(n.$slots, "empty-text")
                 ]),
                 key: "0"
               } : void 0
@@ -279,7 +279,7 @@ const ge = /* @__PURE__ */ _(ve, [["render", ye], ["__scopeId", "data-v-f7548f22
   }
 }), ze = { 暂无数据: { "zh-CN": "暂无数据", en: "No Data", "zh-MO": "暫無數據", _appCode: "framework" } };
 Z(ze);
-const Ve = Q(Ne), Me = () => f(null), we = { title: "virtual-tree 虚拟树" };
+const Ve = Q(Ne), Me = () => u(null), we = { title: "virtual-tree 虚拟树" };
 export {
   Ve as DasVirtualTree,
   Me as DasVirtualTreeRef,