@das-fed/upf-ui 6.4.0-dev.222 → 6.4.0-dev.224

package/packages/components/upload/index.js

@@ -1,58 +1,58 @@
 import '@das-fed/upf-ui/packages/components/upload/style.css';
 import { withInstall as G } from "@das-fed/upf-utils/with-install/index";
-import { currentLang as K, t as h, setI18nRule as P } from "@das-fed/upf-web/packages/i18n/index";
-import { getVar as z, setThemeRule as q } from "@das-fed/upf-web/packages/theme/index";
-import { useAttrs as H, computed as U, defineComponent as J, openBlock as u, createElementBlock as v, Fragment as Q, createVNode as g, unref as o, mergeProps as $, isRef as O, withCtx as m, renderSlot as A, createElementVNode as p, withDirectives as w, createTextVNode as C, toDisplayString as s, createCommentVNode as k, createBlock as E, vShow as B } from "vue";
+import { currentLang as K, t as g, setI18nRule as P } from "@das-fed/upf-web/packages/i18n/index";
+import { getVar as F, setThemeRule as q } from "@das-fed/upf-web/packages/theme/index";
+import { useAttrs as H, computed as I, defineComponent as J, openBlock as u, createElementBlock as h, Fragment as Q, createVNode as v, unref as o, mergeProps as U, isRef as $, withCtx as p, renderSlot as A, createElementVNode as m, withDirectives as w, createTextVNode as C, toDisplayString as s, createCommentVNode as k, createBlock as E, vShow as O } from "vue";
 import { UploadDragger as X, Upload as Y } from "ant-design-vue";
 import "ant-design-vue/es/upload/style/css";
 import { DasButton as M } from "@das-fed/upf-ui/packages/components/button/index";
-import { vDasTooltip as T } from "@das-fed/upf-ui/packages/components/text-tooltip/index";
-import { DasIconLink as L } from "@das-fed/upf-ui/packages/icons/link/index";
+import { vDasTooltip as B } from "@das-fed/upf-ui/packages/components/text-tooltip/index";
+import { DasIconLink as T } from "@das-fed/upf-ui/packages/icons/link/index";
 import { DasIconAddto as ee } from "@das-fed/upf-ui/packages/icons/addto/index";
 import { DasAutoRegisterIcon as oe } from "@das-fed/upf-ui/packages/components/icon/index";
 import { DasMessage as te } from "@das-fed/upf-ui/packages/components/message/index";
 import { getFileExtension as ae } from "@das-fed/upf-utils/common-tools";
-import { useModelValue as x } from "@das-fed/upf-utils/vue";
+import { useModelValue as z } from "@das-fed/upf-utils/vue";
 import "@das-fed/upf-ui/packages/global/theme";
-const le = (e) => {
-  const t = ["B", "KB", "M", "G"];
+const le = (t) => {
+  const a = ["B", "KB", "M", "G"];
   let c = 0;
-  for (; e > 1024; )
-    c++, e /= 1024;
-  return e = Number(Number(e).toFixed(1)), `${e}${t[c]}`;
-}, re = (e, d) => {
-  const t = x(e, "modelValue"), c = x(e, "error"), i = x(e, "errorMessage"), F = x(e, "errorFileName"), b = H(), y = U(() => !b.multiple && e.maxCount === 1), N = U(() => y.value && t.value.length ? "none" : "block");
+  for (; t > 1024; )
+    c++, t /= 1024;
+  return t = Number(Number(t).toFixed(1)), `${t}${a[c]}`;
+}, re = (t, d) => {
+  const a = z(t, "modelValue"), c = z(t, "error"), i = z(t, "errorMessage"), _ = z(t, "errorFileName"), b = H(), y = I(() => !b.multiple && t.maxCount === 1), N = I(() => y.value && a.value.length ? "none" : "block");
   return {
-    fileList: t,
+    fileList: a,
     error: c,
     errorMessage: i,
-    errorFileName: F,
+    errorFileName: _,
     uploadDiaplay: N,
-    beforeupload: (l) => {
-      if (e.accept) {
-        const r = e.accept.split(",").filter((n) => n.trim().startsWith(".")).map((n) => n.trim()), a = e.accept.split(",").filter((n) => !n.trim().startsWith(".")).map((n) => n.trim()), f = ae(l.name), I = r.includes(f);
-        let R = a.includes("image/*") && l.type.split("/")[0].trim() === "image", _ = a.includes("video/*") && l.type.split("/")[0].trim() === "video", j = a.includes("audio/*") && l.type.split("/")[0].trim() === "audio", Z = a.includes(l.type) || R || _ || j;
-        if (!I && !Z) {
-          const n = K.value === "zh-CN" ? "、" : ", ", W = e.errorMessage || h("das-ui-upload-accpet", e.accept.toUpperCase().replaceAll(".", "").replaceAll(",", n));
+    beforeupload: (e) => {
+      if (t.accept) {
+        const r = t.accept.split(",").filter((n) => n.trim().startsWith(".")).map((n) => n.trim()), l = t.accept.split(",").filter((n) => !n.trim().startsWith(".")).map((n) => n.trim()), f = ae(e.name), x = r.includes(f);
+        let L = l.includes("image/*") && e.type.split("/")[0].trim() === "image", R = l.includes("video/*") && e.type.split("/")[0].trim() === "video", j = l.includes("audio/*") && e.type.split("/")[0].trim() === "audio", Z = l.includes(e.type) || L || R || j;
+        if (!x && !Z) {
+          const n = K.value === "zh-CN" ? "、" : ", ", W = t.errorMessage || g("das-ui-upload-accpet", t.accept.toUpperCase().replaceAll(".", "").replaceAll(",", n));
           return te.warning(W), !1;
         }
       }
-      return l.sizeText = le(l.size), b.multiple ? (t.value = t.value.map((r) => r.originFileObj ? r.originFileObj : r), e.maxCount > t.value.length && t.value.push(l)) : t.value = [l], d("update:modelValue", t.value), d("file-upload", l), !1;
+      return e.sizeText = le(e.size), b.multiple ? (a.value = a.value.map((r) => r.originFileObj ? r.originFileObj : r), t.maxCount > a.value.length && a.value.push(e)) : a.value = [e], d("update:modelValue", a.value), d("file-upload", e), !1;
     },
     errorFiledownload: () => {
       d("errorFile-download");
     },
-    removeFileEvent: (l, r) => {
-      t.value = t.value.filter((a) => a.uid != r.uid), t.value.length > 0 && (t.value = t.value.map((a) => a.originFileObj ? a.originFileObj : a)), d("update:modelValue", t.value), l.remove();
+    removeFileEvent: (e, r) => {
+      a.value = a.value.filter((l) => l.uid != r.uid), a.value.length > 0 && (a.value = a.value.map((l) => l.originFileObj ? l.originFileObj : l)), d("update:modelValue", a.value), e.remove();
     }
   };
 }, ie = { class: "das-ui-upload" }, se = { class: "das-ui-upload-dragger-context" }, de = { class: "text" }, ne = { class: "file-list" }, ue = { class: "filename" }, ce = {
   key: 0,
   class: "file-size"
-}, me = { class: "error-container" }, pe = { class: "file-list" }, fe = { class: "filename error-file-name" }, ve = {
+}, pe = { class: "error-container" }, me = { class: "file-list" }, fe = { class: "filename error-file-name" }, he = {
   key: 0,
   class: "file-size"
-}, he = { class: "error-message" }, ge = /* @__PURE__ */ J({
+}, ge = { class: "error-message" }, ve = /* @__PURE__ */ J({
   __name: "Index",
   props: {
     draggle: { type: Boolean, default: !0 },
@@ -69,217 +69,144 @@ const le = (e) => {
     btnName: { default: "" }
   },
   emits: ["file-upload", "errorFile-download", "update:modelValue"],
-  setup(e, { emit: d }) {
+  setup(t, { emit: d }) {
     oe({
       shangchuan: import("@das-fed/upf-ui/packages/icons/shangchuan")
     });
-    const t = e, c = d, {
+    const a = t, c = d, {
       fileList: i,
-      error: F,
+      error: _,
       errorMessage: b,
       errorFileName: y,
       uploadDiaplay: N,
       beforeupload: V,
       errorFiledownload: D,
       removeFileEvent: S
-    } = re(t, c);
-    return (l, r) => (u(), v("div", ie, [
-      e.draggle ? (u(), v(
-        Q,
-        { key: 0 },
-        [
-          g(o(X), $({
-            class: "das-ui-upload-dragger",
-            fileList: o(i),
-            "onUpdate:fileList": r[0] || (r[0] = (a) => O(i) ? i.value = a : null),
-            "max-count": e.maxCount,
-            accept: e.accept,
-            style: { width: e.width, display: o(N) },
-            "before-upload": o(V),
-            disabled: e.isView
-          }, l.$attrs), {
-            itemRender: m(({ file: a, actions: f }) => [
-              A(l.$slots, "itemRender", {
-                file: a,
-                actions: f
-              }, () => [
-                p("div", ne, [
-                  g(o(L), {
-                    iconColor: o(z)("--das-ui-color-secondary"),
-                    size: "medium"
-                  }, null, 8, ["iconColor"]),
-                  w((u(), v("div", ue, [
-                    C(
-                      s(a.name),
-                      1
-                      /* TEXT */
-                    )
-                  ])), [
-                    [o(T)]
-                  ]),
-                  e.showSize ? (u(), v(
-                    "div",
-                    ce,
-                    "(" + s(a.sizeText) + ")",
-                    1
-                    /* TEXT */
-                  )) : k("v-if", !0),
-                  e.isView ? k("v-if", !0) : (u(), E(o(M), {
-                    key: 1,
-                    "btn-type": "primary-text",
-                    size: "large",
-                    onClick: (I) => o(S)(f, a),
-                    block: ""
-                  }, {
-                    default: m(() => [
-                      C(
-                        s(o(h)("das-upload-delete")),
-                        1
-                        /* TEXT */
-                      )
-                    ]),
-                    _: 1
-                    /* STABLE */
-                  }, 8, ["onClick"]))
-                ])
-              ], !0)
-            ]),
-            default: m(() => [
-              p("div", se, [
-                g(o(ee), {
-                  iconColor: o(z)("--das-ui-color-secondary")
+    } = re(a, c);
+    return (e, r) => (u(), h("div", ie, [
+      e.draggle ? (u(), h(Q, { key: 0 }, [
+        v(o(X), U({
+          class: "das-ui-upload-dragger",
+          fileList: o(i),
+          "onUpdate:fileList": r[0] || (r[0] = (l) => $(i) ? i.value = l : null),
+          "max-count": e.maxCount,
+          accept: e.accept,
+          style: { width: e.width, display: o(N) },
+          "before-upload": o(V),
+          disabled: e.isView
+        }, e.$attrs), {
+          itemRender: p(({ file: l, actions: f }) => [
+            A(e.$slots, "itemRender", {
+              file: l,
+              actions: f
+            }, () => [
+              m("div", ne, [
+                v(o(T), {
+                  iconColor: o(F)("--das-ui-color-secondary"),
+                  size: "medium"
                 }, null, 8, ["iconColor"]),
-                p(
-                  "div",
-                  de,
-                  s(o(h)("das-upload-text")),
-                  1
-                  /* TEXT */
-                )
+                w((u(), h("div", ue, [
+                  C(s(l.name), 1)
+                ])), [
+                  [o(B)]
+                ]),
+                e.showSize ? (u(), h("div", ce, "(" + s(l.sizeText) + ")", 1)) : k("", !0),
+                e.isView ? k("", !0) : (u(), E(o(M), {
+                  key: 1,
+                  "btn-type": "primary-text",
+                  size: "large",
+                  onClick: (x) => o(S)(f, l),
+                  block: ""
+                }, {
+                  default: p(() => [
+                    C(s(o(g)("das-upload-delete")), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"]))
               ])
+            ], !0)
+          ]),
+          default: p(() => [
+            m("div", se, [
+              v(o(ee), {
+                iconColor: o(F)("--das-ui-color-secondary")
+              }, null, 8, ["iconColor"]),
+              m("div", de, s(o(g)("das-upload-text")), 1)
+            ])
+          ]),
+          _: 3
+        }, 16, ["fileList", "max-count", "accept", "style", "before-upload", "disabled"]),
+        w(m("div", pe, [
+          w(m("div", me, [
+            v(o(T), {
+              iconColor: o(F)("--das-ui-color-secondary"),
+              size: "medium"
+            }, null, 8, ["iconColor"]),
+            w((u(), h("div", fe, [
+              C(s(o(y)), 1)
+            ])), [
+              [o(B)]
             ]),
-            _: 3
-            /* FORWARDED */
-          }, 16, ["fileList", "max-count", "accept", "style", "before-upload", "disabled"]),
-          w(p(
-            "div",
-            me,
-            [
-              w(p(
-                "div",
-                pe,
-                [
-                  g(o(L), {
-                    iconColor: o(z)("--das-ui-color-secondary"),
-                    size: "medium"
-                  }, null, 8, ["iconColor"]),
-                  w((u(), v("div", fe, [
-                    C(
-                      s(o(y)),
-                      1
-                      /* TEXT */
-                    )
-                  ])), [
-                    [o(T)]
-                  ]),
-                  e.showSize ? (u(), v(
-                    "div",
-                    ve,
-                    "(" + s(e.errorFileSize) + ")",
-                    1
-                    /* TEXT */
-                  )) : k("v-if", !0),
-                  g(o(M), {
-                    "btn-type": "primary-text",
-                    block: "",
-                    size: "large",
-                    onClick: o(D)
-                  }, {
-                    default: m(() => [
-                      C(
-                        s(o(h)("das-upload-download")),
-                        1
-                        /* TEXT */
-                      )
-                    ]),
-                    _: 1
-                    /* STABLE */
-                  }, 8, ["onClick"])
-                ],
-                512
-                /* NEED_PATCH */
-              ), [
-                [B, o(y)]
+            e.showSize ? (u(), h("div", he, "(" + s(e.errorFileSize) + ")", 1)) : k("", !0),
+            v(o(M), {
+              "btn-type": "primary-text",
+              block: "",
+              size: "large",
+              onClick: o(D)
+            }, {
+              default: p(() => [
+                C(s(o(g)("das-upload-download")), 1)
               ]),
-              p(
-                "div",
-                he,
-                s(o(h)("das-upload-tips")) + s(o(b)),
-                1
-                /* TEXT */
-              )
-            ],
-            512
-            /* NEED_PATCH */
-          ), [
-            [B, o(F)]
-          ])
-        ],
-        64
-        /* STABLE_FRAGMENT */
-      )) : (u(), E(o(Y), $({
+              _: 1
+            }, 8, ["onClick"])
+          ], 512), [
+            [O, o(y)]
+          ]),
+          m("div", ge, s(o(g)("das-upload-tips")) + s(o(b)), 1)
+        ], 512), [
+          [O, o(_)]
+        ])
+      ], 64)) : (u(), E(o(Y), U({
         key: 1,
         "file-list": o(i),
-        "onUpdate:fileList": r[1] || (r[1] = (a) => O(i) ? i.value = a : null),
+        "onUpdate:fileList": r[1] || (r[1] = (l) => $(i) ? i.value = l : null),
         accept: e.accept,
         "before-upload": o(V),
         "max-count": e.maxCount,
         disabled: e.isView
-      }, l.$attrs), {
-        itemRender: m(({ file: a, actions: f }) => [
-          A(l.$slots, "itemRender", {
-            file: a,
+      }, e.$attrs), {
+        itemRender: p(({ file: l, actions: f }) => [
+          A(e.$slots, "itemRender", {
+            file: l,
             actions: f
           }, () => [
-            r[2] || (r[2] = p(
-              "div",
-              null,
-              null,
-              -1
-              /* CACHED */
-            ))
+            r[2] || (r[2] = m("div", null, null, -1))
           ], !0)
         ]),
-        default: m(() => [
-          A(l.$slots, "customUpload", {}, () => [
-            e.isView ? k("v-if", !0) : (u(), E(o(M), {
+        default: p(() => [
+          A(e.$slots, "customUpload", {}, () => [
+            e.isView ? k("", !0) : (u(), E(o(M), {
               key: 0,
               icon: "shangchuan",
               block: ""
             }, {
-              default: m(() => [
-                C(
-                  s(e.btnName || o(h)("das-upload-btn-text")),
-                  1
-                  /* TEXT */
-                )
+              default: p(() => [
+                C(s(e.btnName || o(g)("das-upload-btn-text")), 1)
               ]),
               _: 1
-              /* STABLE */
             }))
           ], !0)
         ]),
         _: 3
-        /* FORWARDED */
       }, 16, ["file-list", "accept", "before-upload", "max-count", "disabled"]))
     ]));
   }
-}), Ce = (e, d) => {
-  const t = e.__vccOpts || e;
+}), Ce = (t, d) => {
+  const a = t.__vccOpts || t;
   for (const [c, i] of d)
-    t[c] = i;
-  return t;
-}, be = /* @__PURE__ */ Ce(ge, [["__scopeId", "data-v-a77e8626"]]), ye = {
+    a[c] = i;
+  return a;
+}, be = /* @__PURE__ */ Ce(ve, [["__scopeId", "data-v-a77e8626"]]), ye = {
   "das-upload-text": { "zh-CN": "点击或拖拽上传", en: "Click or drag to upload", "zh-MO": "點擊或拖曳上傳", _appCode: "framework" },
   "das-upload-btn-text": { "zh-CN": "上传文件", en: "Upload File", "zh-MO": "上傳文件", _appCode: "framework" },
   "das-upload-download": { "zh-CN": "下载", en: "Download", "zh-MO": "下載", _appCode: "framework" },
@@ -294,13 +221,13 @@ const le = (e) => {
 }, we = {
   "--das-ui-upload-bgcolor": { light: "#FAFAFA" },
   "--das-ui-upload-border-color": { light: "#E5E5E5" },
-  "--das-ui-upload-bgcolor-hover": z("--das-ui-color-primary-level1"),
+  "--das-ui-upload-bgcolor-hover": F("--das-ui-color-primary-level1"),
   "--das-ui-upload-border-color-hover": { light: "#5582F3" },
   "--das-ui-upload-file-color-hover": { light: "#f5f5f5" }
-}, Be = G(be);
+}, Oe = G(be);
 P(ye);
 q(we);
 export {
-  Be as DasUpload,
-  Be as default
+  Oe as DasUpload,
+  Oe as default
 };