@das-fed/ui 6.4.0-dev.101 → 6.4.0-dev.103

package/packages/components/upload/index.js

@@ -1,26 +1,27 @@
 import '@das-fed/ui/packages/components/upload/style.css';
 import { withInstall as G } from "@das-fed/utils/with-install/index";
-import { currentLang as K, t as h, setI18nRule as P } from "@das-fed/web/packages/i18n/index";
+import { currentLang as K, t as g, setI18nRule as P } from "@das-fed/web/packages/i18n/index";
 import { getVar as _, setThemeRule as q } from "@das-fed/web/packages/theme/index";
-import { useAttrs as H, computed as $, defineComponent as J, openBlock as u, createElementBlock as v, Fragment as Q, createVNode as g, unref as o, mergeProps as x, isRef as B, withCtx as p, renderSlot as S, createElementVNode as m, withDirectives as y, createTextVNode as C, toDisplayString as s, createCommentVNode as k, createBlock as A, vShow as M, pushScopeId as X, popScopeId as Y } from "vue";
+import { useAttrs as H, computed as U, defineComponent as J, openBlock as u, createElementBlock as v, Fragment as Q, createVNode as h, unref as o, mergeProps as $, isRef as B, withCtx as p, renderSlot as S, createElementVNode as m, withDirectives as y, createTextVNode as C, toDisplayString as s, createCommentVNode as k, createBlock as A, vShow as M, pushScopeId as X, popScopeId as Y } from "vue";
 import { UploadDragger as ee, Upload as oe } from "ant-design-vue";
 import "ant-design-vue/es/upload/style/css";
-import { DasButton as I } from "@das-fed/ui/packages/components/button/index";
+import { DasButton as E } from "@das-fed/ui/packages/components/button/index";
 import { vDasTooltip as T } from "@das-fed/ui/packages/components/text-tooltip/index";
 import { DasIconLink as L } from "@das-fed/ui/packages/icons/link/index";
 import { DasIconAddto as te } from "@das-fed/ui/packages/icons/addto/index";
 import { DasAutoRegisterIcon as ae } from "@das-fed/ui/packages/components/icon/index";
 import { DasMessage as le } from "@das-fed/ui/packages/components/message/index";
+import { getFileExtension as re } from "@das-fed/utils/common-tools";
 import { useModelValue as F } from "@das-fed/utils/vue";
 import "@das-fed/ui/packages/global/theme";
-const re = (t) => {
+const ie = (t) => {
   const a = ["B", "KB", "M", "G"];
   let c = 0;
   for (; t > 1024; )
     c++, t /= 1024;
   return t = Number(Number(t).toFixed(1)), `${t}${a[c]}`;
-}, ie = (t, d) => {
-  const a = F(t, "modelValue"), c = F(t, "error"), i = F(t, "errorMessage"), z = F(t, "errorFileName"), b = H(), w = $(() => !b.multiple && t.maxCount === 1), N = $(() => w.value && a.value.length ? "none" : "block");
+}, se = (t, d) => {
+  const a = F(t, "modelValue"), c = F(t, "error"), i = F(t, "errorMessage"), z = F(t, "errorFileName"), b = H(), w = U(() => !b.multiple && t.maxCount === 1), N = U(() => w.value && a.value.length ? "none" : "block");
   return {
     fileList: a,
     error: c,
@@ -29,14 +30,14 @@ const re = (t) => {
     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 = e.name.match(/\.(.+)$/), U = r.includes(f[0]);
+        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 = re(e.name), x = r.includes(f);
         let R = l.includes("image/*") && e.type.split("/")[0].trim() === "image", O = l.includes("video/*") && e.type.split("/")[0].trim() === "video", j = l.includes("audio/*") && e.type.split("/")[0].trim() === "audio", Z = l.includes(e.type) || R || O || j;
-        if (!U && !Z) {
-          const n = K.value === "zh-CN" ? "、" : ", ", W = t.errorMessage || h("das-ui-upload-accpet", t.accept.toUpperCase().replaceAll(".", "").replaceAll(",", n));
+        if (!x && !Z) {
+          const n = K.value === "zh-CN" ? "、" : ", ", W = t.errorMessage || g("das-ui-upload-accpet", t.accept.toUpperCase().replaceAll(".", "").replaceAll(",", n));
           return le.warning(W), !1;
         }
       }
-      return e.sizeText = re(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 e.sizeText = ie(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");
@@ -45,13 +46,13 @@ const re = (t) => {
       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();
     }
   };
-}, se = (t) => (X("data-v-11f92fa2"), t = t(), Y(), t), de = { class: "das-ui-upload" }, ne = { class: "das-ui-upload-dragger-context" }, ue = { class: "text" }, ce = { class: "file-list" }, pe = { class: "filename" }, me = {
+}, de = (t) => (X("data-v-11f92fa2"), t = t(), Y(), t), ne = { class: "das-ui-upload" }, ue = { class: "das-ui-upload-dragger-context" }, ce = { class: "text" }, pe = { class: "file-list" }, me = { class: "filename" }, fe = {
   key: 0,
   class: "file-size"
-}, fe = { class: "error-container" }, ve = { class: "file-list" }, he = { class: "filename error-file-name" }, ge = {
+}, ve = { class: "error-container" }, ge = { class: "file-list" }, he = { class: "filename error-file-name" }, Ce = {
   key: 0,
   class: "file-size"
-}, Ce = { class: "error-message" }, be = /* @__PURE__ */ se(() => /* @__PURE__ */ m("div", null, null, -1)), we = /* @__PURE__ */ J({
+}, be = { class: "error-message" }, we = /* @__PURE__ */ de(() => /* @__PURE__ */ m("div", null, null, -1)), ye = /* @__PURE__ */ J({
   __name: "Index",
   props: {
     draggle: { type: Boolean, default: !0 },
@@ -79,12 +80,12 @@ const re = (t) => {
       errorFileName: w,
       uploadDiaplay: N,
       beforeupload: V,
-      errorFiledownload: D,
-      removeFileEvent: E
-    } = ie(a, c);
-    return (e, r) => (u(), v("div", de, [
+      errorFiledownload: I,
+      removeFileEvent: D
+    } = se(a, c);
+    return (e, r) => (u(), v("div", ne, [
       e.draggle ? (u(), v(Q, { key: 0 }, [
-        g(o(ee), x({
+        h(o(ee), $({
           class: "das-ui-upload-dragger",
           fileList: o(i),
           "onUpdate:fileList": r[0] || (r[0] = (l) => B(i) ? i.value = l : null),
@@ -99,26 +100,26 @@ const re = (t) => {
               file: l,
               actions: f
             }, () => [
-              m("div", ce, [
-                g(o(L), {
+              m("div", pe, [
+                h(o(L), {
                   iconColor: o(_)("--das-ui-color-secondary"),
                   size: "medium"
                 }, null, 8, ["iconColor"]),
-                y((u(), v("div", pe, [
+                y((u(), v("div", me, [
                   C(s(l.name), 1)
                 ])), [
                   [o(T)]
                 ]),
-                e.showSize ? (u(), v("div", me, "(" + s(l.sizeText) + ")", 1)) : k("", !0),
-                e.isView ? k("", !0) : (u(), A(o(I), {
+                e.showSize ? (u(), v("div", fe, "(" + s(l.sizeText) + ")", 1)) : k("", !0),
+                e.isView ? k("", !0) : (u(), A(o(E), {
                   key: 1,
                   "btn-type": "primary-text",
                   size: "large",
-                  onClick: (U) => o(E)(f, l),
+                  onClick: (x) => o(D)(f, l),
                   block: ""
                 }, {
                   default: p(() => [
-                    C(s(o(h)("das-upload-delete")), 1)
+                    C(s(o(g)("das-upload-delete")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"]))
@@ -126,18 +127,18 @@ const re = (t) => {
             ], !0)
           ]),
           default: p(() => [
-            m("div", ne, [
-              g(o(te), {
+            m("div", ue, [
+              h(o(te), {
                 iconColor: o(_)("--das-ui-color-secondary")
               }, null, 8, ["iconColor"]),
-              m("div", ue, s(o(h)("das-upload-text")), 1)
+              m("div", ce, s(o(g)("das-upload-text")), 1)
             ])
           ]),
           _: 3
         }, 16, ["fileList", "max-count", "accept", "style", "before-upload", "disabled"]),
-        y(m("div", fe, [
-          y(m("div", ve, [
-            g(o(L), {
+        y(m("div", ve, [
+          y(m("div", ge, [
+            h(o(L), {
               iconColor: o(_)("--das-ui-color-secondary"),
               size: "medium"
             }, null, 8, ["iconColor"]),
@@ -146,26 +147,26 @@ const re = (t) => {
             ])), [
               [o(T)]
             ]),
-            e.showSize ? (u(), v("div", ge, "(" + s(e.errorFileSize) + ")", 1)) : k("", !0),
-            g(o(I), {
+            e.showSize ? (u(), v("div", Ce, "(" + s(e.errorFileSize) + ")", 1)) : k("", !0),
+            h(o(E), {
               "btn-type": "primary-text",
               block: "",
               size: "large",
-              onClick: o(D)
+              onClick: o(I)
             }, {
               default: p(() => [
-                C(s(o(h)("das-upload-download")), 1)
+                C(s(o(g)("das-upload-download")), 1)
               ]),
               _: 1
             }, 8, ["onClick"])
           ], 512), [
             [M, o(w)]
           ]),
-          m("div", Ce, s(o(h)("das-upload-tips")) + s(o(b)), 1)
+          m("div", be, s(o(g)("das-upload-tips")) + s(o(b)), 1)
         ], 512), [
           [M, o(z)]
         ])
-      ], 64)) : (u(), A(o(oe), x({
+      ], 64)) : (u(), A(o(oe), $({
         key: 1,
         "file-list": o(i),
         "onUpdate:fileList": r[1] || (r[1] = (l) => B(i) ? i.value = l : null),
@@ -179,18 +180,18 @@ const re = (t) => {
             file: l,
             actions: f
           }, () => [
-            be
+            we
           ], !0)
         ]),
         default: p(() => [
           S(e.$slots, "customUpload", {}, () => [
-            e.isView ? k("", !0) : (u(), A(o(I), {
+            e.isView ? k("", !0) : (u(), A(o(E), {
               key: 0,
               icon: "shangchuan",
               block: ""
             }, {
               default: p(() => [
-                C(s(e.btnName || o(h)("das-upload-btn-text")), 1)
+                C(s(e.btnName || o(g)("das-upload-btn-text")), 1)
               ]),
               _: 1
             }))
@@ -200,12 +201,12 @@ const re = (t) => {
       }, 16, ["file-list", "accept", "before-upload", "max-count", "disabled"]))
     ]));
   }
-}), ye = (t, d) => {
+}), ke = (t, d) => {
   const a = t.__vccOpts || t;
   for (const [c, i] of d)
     a[c] = i;
   return a;
-}, ke = /* @__PURE__ */ ye(we, [["__scopeId", "data-v-11f92fa2"]]), Fe = {
+}, Fe = /* @__PURE__ */ ke(ye, [["__scopeId", "data-v-11f92fa2"]]), _e = {
   "das-upload-text": { "zh-CN": "点击或拖拽上传", en: "Click or drag to upload", _appCode: "framework" },
   "das-upload-btn-text": { "zh-CN": "上传文件", en: "Upload File", _appCode: "framework" },
   "das-upload-download": { "zh-CN": "下载", en: "Download", _appCode: "framework" },
@@ -216,15 +217,15 @@ const re = (t) => {
     en: "The uploaded file format can only be $0",
     _appCode: "framework"
   }
-}, _e = {
+}, ze = {
   "--das-ui-upload-bgcolor": { light: "#FAFAFA" },
   "--das-ui-upload-border-color": { light: "#E5E5E5" },
   "--das-ui-upload-bgcolor-hover": _("--das-ui-color-primary-level1"),
   "--das-ui-upload-border-color-hover": { light: "#5582F3" }
-}, Le = G(ke);
-P(Fe);
-q(_e);
+}, Oe = G(Fe);
+P(_e);
+q(ze);
 export {
-  Le as DasUpload,
-  Le as default
+  Oe as DasUpload,
+  Oe as default
 };