@das-fed/ui 6.4.0-hot.7 → 6.4.0-hot.9

package/packages/components/upload/style.css

@@ -1 +1 @@
-.das-ui-upload[data-v-4afe1e1d] .das-ui-upload-dragger.ant-upload-drag{height:80px;background:var(--das-ui-upload-bgcolor);border-color:var(--das-ui-upload-border-color)}.das-ui-upload[data-v-4afe1e1d] .das-ui-upload-dragger.ant-upload-drag:hover{background:var(--das-ui-upload-bgcolor-hover);border-color:var(--das-ui-upload-border-color-hover)}.das-ui-upload[data-v-4afe1e1d] .das-ui-upload-dragger.ant-upload-drag .das-ui-upload-dragger-context{display:flex;flex-direction:column;align-items:center}.das-ui-upload[data-v-4afe1e1d] .das-ui-upload-dragger.ant-upload-drag .das-ui-upload-dragger-context .text{font-size:14px;color:var(--das-ui-color-help);letter-spacing:0;text-align:center;line-height:21px;font-weight:400;margin-top:4px}.das-ui-upload .file-list[data-v-4afe1e1d]{display:flex;align-items:center;padding-left:20px;height:44px}.das-ui-upload .file-list .filename[data-v-4afe1e1d]{margin-left:4px;margin-right:8px;letter-spacing:0;line-height:21px;font-weight:400;font-size:14px;color:var(--das-ui-color-normal)}.das-ui-upload .file-list .filename.error-file-name[data-v-4afe1e1d]{color:var(--das-ui-color-help)}.das-ui-upload .file-list .file-size[data-v-4afe1e1d]{color:var(--das-ui-color-help);font-size:14px;letter-spacing:0;line-height:21px;font-weight:400;margin-right:20px;white-space:nowrap}.das-ui-upload .error-container .error-file[data-v-4afe1e1d]{display:flex;align-items:center;height:21px}.das-ui-upload .error-container .error-message[data-v-4afe1e1d]{padding-left:20px;margin-top:2px;color:var(--das-ui-color-danger)}
+.das-ui-upload[data-v-5d8aeac3] .das-ui-upload-dragger.ant-upload-drag{height:80px;background:var(--das-ui-upload-bgcolor);border-color:var(--das-ui-upload-border-color)}.das-ui-upload[data-v-5d8aeac3] .das-ui-upload-dragger.ant-upload-drag:hover{background:var(--das-ui-upload-bgcolor-hover);border-color:var(--das-ui-upload-border-color-hover)}.das-ui-upload[data-v-5d8aeac3] .das-ui-upload-dragger.ant-upload-drag .das-ui-upload-dragger-context{display:flex;flex-direction:column;align-items:center}.das-ui-upload[data-v-5d8aeac3] .das-ui-upload-dragger.ant-upload-drag .das-ui-upload-dragger-context .text{font-size:14px;color:var(--das-ui-color-help);letter-spacing:0;text-align:center;line-height:21px;font-weight:400;margin-top:4px}.das-ui-upload .file-list[data-v-5d8aeac3]{display:flex;align-items:center;padding-left:20px;height:44px}.das-ui-upload .file-list .filename[data-v-5d8aeac3]{margin-left:4px;margin-right:8px;letter-spacing:0;line-height:21px;font-weight:400;font-size:14px;color:var(--das-ui-color-normal)}.das-ui-upload .file-list .filename.error-file-name[data-v-5d8aeac3]{color:var(--das-ui-color-help)}.das-ui-upload .file-list .file-size[data-v-5d8aeac3]{color:var(--das-ui-color-help);font-size:14px;letter-spacing:0;line-height:21px;font-weight:400;margin-right:20px;white-space:nowrap}.das-ui-upload .error-container .error-file[data-v-5d8aeac3]{display:flex;align-items:center;height:21px}.das-ui-upload .error-container .error-message[data-v-5d8aeac3]{padding-left:20px;margin-top:2px;color:var(--das-ui-color-danger)}

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

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