@das-fed/upf-ui 6.4.0-dev.237 → 6.4.0-dev.239

package/packages/components/upload/src/hook/use-upload.d.ts

@@ -5,7 +5,7 @@ export declare const useUpload: (props: Props, emits: Emits) => {
     error: import("vue").Ref<any, any>;
     errorMessage: import("vue").Ref<any, any>;
     errorFileName: import("vue").Ref<any, any>;
-    uploadDiaplay: import("vue").ComputedRef<"none" | "block">;
+    uploadDiaplay: import("vue").ComputedRef<"block" | "none">;
     beforeupload: (file: import("ant-design-vue/lib/upload/interface").FileType, FileList: import("ant-design-vue/lib/upload/interface").FileType[]) => (string | boolean | void | Blob | import("ant-design-vue/lib/upload/interface").FileType) | Promise<string | boolean | void | Blob | import("ant-design-vue/lib/upload/interface").FileType>;
     errorFiledownload: () => void;
     removeFileEvent: (actions: Actions, file: UploadFile) => void;

package/packages/components/upload/style.css

@@ -1 +1 @@
-.das-ui-upload[data-v-a77e8626] .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-a77e8626] .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-a77e8626] .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-a77e8626] .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[data-v-a77e8626] .ant-upload-list-text-container:hover{background-color:var(--das-ui-upload-file-color-hover)}.das-ui-upload .file-list[data-v-a77e8626]{display:flex;align-items:center;padding-left:20px;height:44px}.das-ui-upload .file-list .filename[data-v-a77e8626]{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-a77e8626]{color:var(--das-ui-color-help)}.das-ui-upload .file-list .file-size[data-v-a77e8626]{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-a77e8626]{display:flex;align-items:center;height:21px}.das-ui-upload .error-container .error-message[data-v-a77e8626]{padding-left:20px;margin-top:2px;color:var(--das-ui-color-danger)}
+.das-ui-upload[data-v-e8a69aad] .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-e8a69aad] .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-e8a69aad] .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-e8a69aad] .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[data-v-e8a69aad] .ant-upload-list-text-container:hover{background-color:var(--das-ui-upload-file-color-hover)}.das-ui-upload .file-list[data-v-e8a69aad]{display:flex;align-items:center;padding-left:20px;height:44px}.das-ui-upload .file-list .filename[data-v-e8a69aad]{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-e8a69aad]{color:var(--das-ui-color-help)}.das-ui-upload .file-list .file-size[data-v-e8a69aad]{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-e8a69aad]{display:flex;align-items:center;height:21px}.das-ui-upload .error-container .error-message[data-v-e8a69aad]{padding-left:20px;margin-top:2px;color:var(--das-ui-color-danger)}

package/packages/components/virtual-tree/index.d.ts

@@ -0,0 +1,8 @@
+declare const DasVirtualTree: any;
+/** 获取组件实例 */
+declare const DasVirtualTreeRef: () => import("vue").Ref<any, any>;
+export { DasVirtualTree, DasVirtualTreeRef };
+declare const _default: {
+    title: string;
+};
+export default _default;

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

@@ -1,32 +1,124 @@
 import '@das-fed/upf-ui/packages/components/virtual-tree/style.css';
-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 { 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 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({
+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 te } from "@das-fed/upf-ui/packages/icons/load/index";
+import "@das-fed/upf-ui/packages/components/icon/index";
+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";
+const se = { class: "tree-empty-block" }, ie = { class: "tree-empty-text" }, oe = /* @__PURE__ */ k({
+  __name: "empty",
+  props: {
+    emptyText: {}
+  },
+  setup(t) {
+    return (a, s) => (d(), f("div", se, [
+      v("div", ie, [
+        x(a.$slots, "default", {}, () => [
+          H(
+            B(t.emptyText),
+            1
+            /* TEXT */
+          )
+        ], !0)
+      ])
+    ]));
+  }
+}), _ = (t, a) => {
+  const s = t.__vccOpts || t;
+  for (const [r, o] of a)
+    s[r] = o;
+  return s;
+}, 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 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 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 ge = /* @__PURE__ */ _(ve, [["render", ye], ["__scopeId", "data-v-f7548f22"]]), xe = /* @__PURE__ */ k({
+  __name: "index",
+  props: {
+    type: { default: "page" },
+    size: { default: "big" },
+    customSize: { default: "28" },
+    iconColor: { default: "var(--upf-loading-color-5, var(--upf-color-primary))" },
+    full: { type: Boolean, default: !0 }
+  },
+  setup(t) {
+    let a = t, s = u("");
+    const r = P();
+    return h(
+      () => a.type,
+      (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
+        }));
+      },
+      { immediate: !0 }
+    ), h(
+      () => r,
+      (o, e) => {
+        r.indicator && (s.value = r.indicator);
+      },
+      { immediate: !0 }
+    ), (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 */
+    ));
+  }
+}), $e = /* @__PURE__ */ k({
   __name: "expand-icon",
-  setup(s) {
-    return (f, o) => (r(), h(m(q), {
+  setup(t) {
+    return (a, s) => (d(), T($(ae), {
       class: "das-tree__expand-icon",
       size: "medium"
     }));
   }
-}), 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 = {
+}), ke = /* @__PURE__ */ _($e, [["__scopeId", "data-v-e225c8a8"]]), Ce = { class: "tree-normal-node" }, Ne = /* @__PURE__ */ k({
   name: "DasVirtualTree",
-  inheritAttrs: !1
-}, te = /* @__PURE__ */ b({
-  ...ee,
+  inheritAttrs: !1,
+  __name: "App",
   props: {
     data: { default: () => [] },
     loading: { type: Boolean },
@@ -40,118 +132,155 @@ const Q = /* @__PURE__ */ b({
     emptyText: { default: "" },
     filterMethod: {}
   },
-  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 = d.value) == null || a.setExpandedKeys(n);
+  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 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);
         });
       }
     };
-    v(
-      () => t.defaultExpandAll,
-      (e) => {
-        e && C();
+    h(
+      () => e.defaultExpandAll,
+      (n) => {
+        n && S();
       },
       { immediate: !0 }
-    ), 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();
+    ), h(
+      () => e.data,
+      (n, l) => {
+        if (!e.defaultExpandAll) return;
+        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 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
+    const C = u(!1);
+    h(
+      () => e.data,
+      (n) => {
+        if (n && n.length) {
+          const l = n.find(
+            (i) => i[c.value.children] && i[c.value.children].length
           );
-          y.value = !n;
+          C.value = !l;
         } else
-          y.value = !1;
+          C.value = !1;
       },
       { immediate: !0, deep: !0 }
     );
-    const E = i();
-    return O(() => {
-      E.value = G(
-        (e) => {
-          p.value = e.height;
+    const b = u();
+    return W(() => {
+      b.value = ne(
+        (n) => {
+          o.value = n.height;
         },
-        o.value.parentElement
+        s.value.parentElement
       );
-    }), R(() => {
-      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: 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), {
+    }), U(() => {
+      b.value.disconnect();
+    }), a({
+      treeRef: r
+    }), (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,
-          "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));
+          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
+        }, 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 */
+    ));
   }
-}), ae = { 暂无数据: { "zh-CN": "暂无数据", en: "No Data", "zh-MO": "暫無數據", _appCode: "framework" } };
-W(ae);
-const pe = V(te), he = () => i(null), me = { title: "virtual-tree 虚拟树" };
+}), ze = { 暂无数据: { "zh-CN": "暂无数据", en: "No Data", "zh-MO": "暫無數據", _appCode: "framework" } };
+Z(ze);
+const Ve = Q(Ne), Me = () => u(null), we = { title: "virtual-tree 虚拟树" };
 export {
-  pe as DasVirtualTree,
-  he as DasVirtualTreeRef,
-  me as default
+  Ve as DasVirtualTree,
+  Me as DasVirtualTreeRef,
+  we as default
 };