@das-fed/upf-ui 6.4.0-dev.228 → 6.4.0-dev.229

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 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 { 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 { 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 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 { 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 { 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 z } from "@das-fed/upf-utils/vue";
+import { useModelValue as x } from "@das-fed/upf-utils/vue";
 import "@das-fed/upf-ui/packages/global/theme";
-const le = (t) => {
-  const a = ["B", "KB", "M", "G"];
+const le = (e) => {
+  const t = ["B", "KB", "M", "G"];
   let c = 0;
-  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");
+  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");
   return {
-    fileList: a,
+    fileList: t,
     error: c,
     errorMessage: i,
-    errorFileName: _,
+    errorFileName: F,
     uploadDiaplay: 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));
+    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));
           return te.warning(W), !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;
+      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;
     },
     errorFiledownload: () => {
       d("errorFile-download");
     },
-    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();
+    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();
     }
   };
 }, 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"
-}, pe = { class: "error-container" }, me = { class: "file-list" }, fe = { class: "filename error-file-name" }, he = {
+}, me = { class: "error-container" }, pe = { class: "file-list" }, fe = { class: "filename error-file-name" }, ve = {
   key: 0,
   class: "file-size"
-}, ge = { class: "error-message" }, ve = /* @__PURE__ */ J({
+}, he = { class: "error-message" }, ge = /* @__PURE__ */ J({
   __name: "Index",
   props: {
     draggle: { type: Boolean, default: !0 },
@@ -69,144 +69,217 @@ const le = (t) => {
     btnName: { default: "" }
   },
   emits: ["file-upload", "errorFile-download", "update:modelValue"],
-  setup(t, { emit: d }) {
+  setup(e, { emit: d }) {
     oe({
       shangchuan: import("@das-fed/upf-ui/packages/icons/shangchuan")
     });
-    const a = t, c = d, {
+    const t = e, c = d, {
       fileList: i,
-      error: _,
+      error: F,
       errorMessage: b,
       errorFileName: y,
       uploadDiaplay: N,
       beforeupload: V,
       errorFiledownload: D,
       removeFileEvent: S
-    } = 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"]),
-                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)
+    } = 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)]
                   ]),
-                  _: 2
-                }, 1032, ["onClick"]))
+                  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")
+                }, null, 8, ["iconColor"]),
+                p(
+                  "div",
+                  de,
+                  s(o(h)("das-upload-text")),
+                  1
+                  /* TEXT */
+                )
               ])
-            ], !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)]
             ]),
-            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)
+            _: 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)]
               ]),
-              _: 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({
+              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), $({
         key: 1,
         "file-list": o(i),
-        "onUpdate:fileList": r[1] || (r[1] = (l) => $(i) ? i.value = l : null),
+        "onUpdate:fileList": r[1] || (r[1] = (a) => O(i) ? i.value = a : null),
         accept: e.accept,
         "before-upload": o(V),
         "max-count": e.maxCount,
         disabled: e.isView
-      }, e.$attrs), {
-        itemRender: p(({ file: l, actions: f }) => [
-          A(e.$slots, "itemRender", {
-            file: l,
+      }, l.$attrs), {
+        itemRender: m(({ file: a, actions: f }) => [
+          A(l.$slots, "itemRender", {
+            file: a,
             actions: f
           }, () => [
-            r[2] || (r[2] = m("div", null, null, -1))
+            r[2] || (r[2] = p(
+              "div",
+              null,
+              null,
+              -1
+              /* CACHED */
+            ))
           ], !0)
         ]),
-        default: p(() => [
-          A(e.$slots, "customUpload", {}, () => [
-            e.isView ? k("", !0) : (u(), E(o(M), {
+        default: m(() => [
+          A(l.$slots, "customUpload", {}, () => [
+            e.isView ? k("v-if", !0) : (u(), E(o(M), {
               key: 0,
               icon: "shangchuan",
               block: ""
             }, {
-              default: p(() => [
-                C(s(e.btnName || o(g)("das-upload-btn-text")), 1)
+              default: m(() => [
+                C(
+                  s(e.btnName || o(h)("das-upload-btn-text")),
+                  1
+                  /* TEXT */
+                )
               ]),
               _: 1
+              /* STABLE */
             }))
           ], !0)
         ]),
         _: 3
+        /* FORWARDED */
       }, 16, ["file-list", "accept", "before-upload", "max-count", "disabled"]))
     ]));
   }
-}), Ce = (t, d) => {
-  const a = t.__vccOpts || t;
+}), Ce = (e, d) => {
+  const t = e.__vccOpts || e;
   for (const [c, i] of d)
-    a[c] = i;
-  return a;
-}, be = /* @__PURE__ */ Ce(ve, [["__scopeId", "data-v-a77e8626"]]), ye = {
+    t[c] = i;
+  return t;
+}, be = /* @__PURE__ */ Ce(ge, [["__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" },
@@ -221,13 +294,13 @@ const le = (t) => {
 }, we = {
   "--das-ui-upload-bgcolor": { light: "#FAFAFA" },
   "--das-ui-upload-border-color": { light: "#E5E5E5" },
-  "--das-ui-upload-bgcolor-hover": F("--das-ui-color-primary-level1"),
+  "--das-ui-upload-bgcolor-hover": z("--das-ui-color-primary-level1"),
   "--das-ui-upload-border-color-hover": { light: "#5582F3" },
   "--das-ui-upload-file-color-hover": { light: "#f5f5f5" }
-}, Oe = G(be);
+}, Be = G(be);
 P(ye);
 q(we);
 export {
-  Oe as DasUpload,
-  Oe as default
+  Be as DasUpload,
+  Be as default
 };