@das-fed/ui 6.4.0-hot.50 → 6.4.0-hot.51

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

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