@das-fed/ui 6.4.0-dev.55.13 → 6.4.0-dev.55.14

package/packages/components/image-upload/index.js

@@ -1,15 +1,15 @@
 import '@das-fed/ui/packages/components/image-upload/style.css';
-import { withInstall as I } from "@das-fed/utils/with-install/index";
-import { i18n as b, t as w, setI18nRule as M } from "@das-fed/web/packages/i18n/index";
-import { getVar as k, setThemeRule as F } from "@das-fed/web/packages/theme/index";
-import { computed as N, defineComponent as B, openBlock as D, createElementBlock as j, createCommentVNode as $, withDirectives as z, createVNode as v, unref as a, normalizeClass as E, withCtx as y, createElementVNode as C, toDisplayString as T, vShow as U, createTextVNode as P } from "vue";
-import { UploadDragger as R, Upload as G } from "ant-design-vue";
+import { withInstall as M } from "@das-fed/utils/with-install/index";
+import { i18n as b, t as w, setI18nRule as U } from "@das-fed/web/packages/i18n/index";
+import { getVar as k, setThemeRule as B } from "@das-fed/web/packages/theme/index";
+import { computed as N, defineComponent as D, openBlock as j, createElementBlock as E, createCommentVNode as I, withDirectives as z, createVNode as v, unref as a, normalizeClass as F, withCtx as y, createElementVNode as h, toDisplayString as T, vShow as S, createTextVNode as R } from "vue";
+import { UploadDragger as G, Upload as P } from "ant-design-vue";
 import "ant-design-vue/es/upload/style/css";
-import { DasSpin as O } from "@das-fed/ui/packages/components/spin/index";
-import { DasButton as J } from "@das-fed/ui/packages/components/button/index";
-import { DasIconAddto as H } from "@das-fed/ui/packages/icons/addto/index";
-import { DasIconWarning as K } from "@das-fed/ui/packages/icons/warning/index";
-import { DasMessage as S } from "@das-fed/ui/packages/components/message/index";
+import { DasSpin as J } from "@das-fed/ui/packages/components/spin/index";
+import { DasButton as H } from "@das-fed/ui/packages/components/button/index";
+import { DasIconAddto as K } from "@das-fed/ui/packages/icons/addto/index";
+import { DasIconWarning as O } from "@das-fed/ui/packages/icons/warning/index";
+import { DasMessage as V } from "@das-fed/ui/packages/components/message/index";
 import { useModelValue as W } from "@das-fed/utils/vue";
 import "@das-fed/ui/packages/global/theme";
 const q = () => ({ size2B: (o) => {
@@ -28,58 +28,58 @@ const q = () => ({ size2B: (o) => {
       return e.acceptVideo && (n = [...n, ...l]), e.acceptAudio && (n = [...n, ...g]), n.join(",");
     } else
       return e.accept;
-  }), h = N(() => t.value === "uploading"), _ = N(() => t.value === "error");
-  return { isAccept: s, uploadStatus: t, loading: h, errored: _, beforeupload: (r) => {
-    var x, V;
+  }), C = N(() => t.value === "uploading"), _ = N(() => t.value === "error");
+  return { isAccept: s, uploadStatus: t, loading: C, errored: _, beforeupload: (r) => {
+    var x, $;
     if (e.maxSize) {
-      const { finalSize: i, sizeText: d } = p(e.maxSize);
+      const { finalSize: i, sizeText: u } = p(e.maxSize);
       if (r.size > i) {
-        const u = !e.acceptAudio && !e.acceptVideo ? b("das-ui-import-upload-key3", d, "JPG、JPEG、PNG、GIF、SVG").value : b(
+        const d = !e.acceptAudio && !e.acceptVideo ? b("das-ui-import-upload-key3", u, "JPG、JPEG、PNG、GIF、SVG").value : b(
           "das-ui-import-upload-key3",
-          d,
+          u,
           (x = s.value) == null ? void 0 : x.toUpperCase().replaceAll(".", "").replaceAll(",", "、")
-        ).value, m = e.errorMessage || u;
-        return S.warning(m), o("update:status", "normal"), t.value = "normal", !1;
+        ).value, m = e.errorMessage || d;
+        return V.warning(m), o("update:status", "normal"), t.value = "normal", !1;
       }
     }
     const n = () => (t.value = "uploading", o("update:status", "uploading"), o("image-upload", r), !1);
     if (e.customCheck) {
       const i = e.customCheck(r);
       if (i instanceof Promise)
-        return new Promise(async (d, u) => {
+        return new Promise(async (u, d) => {
           let m;
           try {
             m = await i.then();
           } catch {
             m = !1;
           }
-          m ? n() : u(!1);
+          m ? n() : d(!1);
         });
       if (!i)
         return o("update:status", "normal"), t.value = "normal", !1;
     } else if (s.value)
       if (!e.acceptAudio && !e.acceptVideo) {
-        const i = s.value.split(",").map((d) => {
-          let u = d.trim().slice(1);
-          return u === "svg" && (u = "svg+xml"), `image/${u}`;
+        const i = s.value.split(",").map((u) => {
+          let d = u.trim().slice(1);
+          return d === "svg" && (d = "svg+xml"), `image/${d}`;
         }) ?? [];
         if (i.includes("image/jpg") && !i.includes("image/jpeg") && i.push("image/jpeg"), !i.includes(r.type)) {
-          const d = e.errorMessage || b("das-ui-import-upload-key1", s.value.toUpperCase().replaceAll(".", "").replaceAll(",", "、")).value;
-          return S.warning(d), !1;
+          const u = e.errorMessage || b("das-ui-import-upload-key1", s.value.toUpperCase().replaceAll(".", "").replaceAll(",", "、")).value;
+          return V.warning(u), !1;
         }
       } else {
         const i = s.value.split(",").map((c) => {
           let f = c.trim().slice(1);
           return f === "svg" && (f = "svg+xml"), `image/${f}`;
-        }) ?? [], d = l.map((c) => `video/${c.split(".")[1]}`) ?? [], u = g.map((c) => `audio/${c.split(".")[1]}`) ?? [], m = l.map((c) => `audio/${c.split(".")[1]}`) ?? [];
-        if (![...i, ...d, ...u, ...m].includes(r.type)) {
-          const c = e.errorMessage || b("das-ui-import-upload-key2", (V = s.value) == null ? void 0 : V.toUpperCase()).value;
-          return S.warning(c), !1;
+        }) ?? [], u = l.map((c) => `video/${c.split(".")[1]}`) ?? [], d = g.map((c) => `audio/${c.split(".")[1]}`) ?? [], m = l.map((c) => `audio/${c.split(".")[1]}`) ?? [];
+        if (![...i, ...u, ...d, ...m].includes(r.type)) {
+          const c = e.errorMessage || b("das-ui-import-upload-key2", ($ = s.value) == null ? void 0 : $.toUpperCase()).value;
+          return V.warning(c), !1;
         }
       }
     return n();
   } };
-}, Q = { class: "das-ui-image-upload" }, X = { class: "das-ui-image-upload-dragger-context" }, Y = { class: "text" }, Z = { class: "das-ui-image-upload-error-container" }, ee = { class: "tips-container" }, ae = { class: "text" }, oe = /* @__PURE__ */ B({
+}, Q = { class: "das-ui-image-upload" }, X = { class: "das-ui-image-upload-dragger-context" }, Y = { class: "text" }, Z = { class: "das-ui-image-upload-error-container" }, ee = { class: "tips-container" }, ae = { class: "text" }, oe = /* @__PURE__ */ D({
   __name: "Index",
   props: {
     maxCount: { default: 1 },
@@ -95,16 +95,16 @@ const q = () => ({ size2B: (o) => {
   },
   emits: ["update:status", "image-upload"],
   setup(e, { emit: o }) {
-    const t = e, p = o, { isAccept: l, uploadStatus: g, loading: s, errored: h, beforeupload: _ } = L(t, p);
-    return (A, r) => (D(), j("div", Q, [
-      $(" 图片上传组件 "),
-      z(v(a(O), {
-        class: E([{ "loading-border": a(s) }]),
+    const t = e, p = o, { isAccept: l, uploadStatus: g, loading: s, errored: C, beforeupload: _ } = L(t, p);
+    return (A, r) => (j(), E("div", Q, [
+      I(" 图片上传组件 "),
+      z(v(a(J), {
+        class: F([{ "loading-border": a(s) }]),
         type: "component",
         spinning: a(s)
       }, {
         default: y(() => [
-          v(a(R), {
+          v(a(G), {
             class: "das-ui-image-upload-dragger",
             accept: a(l),
             "max-count": A.maxCount,
@@ -112,14 +112,14 @@ const q = () => ({ size2B: (o) => {
           }, {
             itemRender: y(({ file: n, actions: x }) => r[0] || (r[0] = [])),
             default: y(() => [
-              z(C(
+              z(h(
                 "div",
                 X,
                 [
-                  v(a(H), {
+                  v(a(K), {
                     iconColor: a(k)("--das-ui-color-secondary")
                   }, null, 8, ["iconColor"]),
-                  C(
+                  h(
                     "div",
                     Y,
                     T(A.message || a(w)("das-image-upload-text")),
@@ -130,7 +130,7 @@ const q = () => ({ size2B: (o) => {
                 512
                 /* NEED_PATCH */
               ), [
-                [U, a(g) === "normal"]
+                [S, a(g) === "normal"]
               ])
             ]),
             _: 1
@@ -140,19 +140,19 @@ const q = () => ({ size2B: (o) => {
         _: 1
         /* STABLE */
       }, 8, ["class", "spinning"]), [
-        [U, !a(h)]
+        [S, !a(C)]
       ]),
-      $(" 错误状态 "),
-      z(C(
+      I(" 错误状态 "),
+      z(h(
         "div",
         Z,
         [
-          C("div", ee, [
-            v(a(K), {
+          h("div", ee, [
+            v(a(O), {
               iconColor: a(k)("--das-ui-color-danger"),
               size: "small"
             }, null, 8, ["iconColor"]),
-            C(
+            h(
               "div",
               ae,
               T(a(w)("das-image-upload-fail")),
@@ -160,19 +160,19 @@ const q = () => ({ size2B: (o) => {
               /* TEXT */
             )
           ]),
-          v(a(G), {
+          v(a(P), {
             accept: a(l),
             "before-upload": a(_),
             "max-count": A.maxCount
           }, {
             itemRender: y(({ file: n, actions: x }) => r[1] || (r[1] = [])),
             default: y(() => [
-              v(a(J), {
+              v(a(H), {
                 "btn-type": "primary-text",
                 block: ""
               }, {
                 default: y(() => [
-                  P(
+                  R(
                     T(a(w)("das-image-upload-reupload")),
                     1
                     /* TEXT */
@@ -189,7 +189,7 @@ const q = () => ({ size2B: (o) => {
         512
         /* NEED_PATCH */
       ), [
-        [U, a(h)]
+        [S, a(C)]
       ])
     ]));
   }
@@ -201,21 +201,21 @@ const q = () => ({ size2B: (o) => {
 }, re = /* @__PURE__ */ te(oe, [["__scopeId", "data-v-5821ad3e"]]), le = {
   "das-ui-import-upload-key1": {
     "zh-CN": "上传的图片格式只能是$0",
-    en: "The Uploaded Picture Format Can Only be $0",
+    en: "The uploaded picture format can only be $0",
     _appCode: "framework"
   },
   "das-ui-import-upload-key2": {
     "zh-CN": "上传的文件格式只能是$0",
-    en: "The Uploaded File Format Can Only be $0",
+    en: "The uploaded file format can only be $0",
     _appCode: "framework"
   },
   "das-ui-import-upload-key3": {
     "zh-CN": "上传的图片大小不能超过$0的$1文件",
-    en: "The Uploaded File Format Can Only be $0",
+    en: "The uploaded file format can only be $0",
     _appCode: "framework"
   },
   "das-image-upload-text": { "zh-CN": "上传图片", en: "Upload Image", _appCode: "framework" },
-  "das-image-upload-reupload": { "zh-CN": "重新上传", en: "Re-Upload", _appCode: "framework" },
+  "das-image-upload-reupload": { "zh-CN": "重新上传", en: "Re-upload", _appCode: "framework" },
   "das-image-upload-fail": { "zh-CN": "上传失败", en: "Upload Failed", _appCode: "framework" }
 }, ie = {
   "--das-ui-image-upload-bgcolor": { light: "#FAFAFA" },
@@ -223,9 +223,9 @@ const q = () => ({ size2B: (o) => {
   "--das-ui-image-upload-bgcolor-hover": { light: k("--das-ui-color-primary-level1") },
   "--das-ui-image-upload-border-color-hover": { light: "#5582F3" },
   "--das-ui-image-upload-border-color-error": { light: k("--das-ui-color-danger-level2") }
-}, Ae = I(re);
-M(le);
-F(ie);
+}, Ae = M(re);
+U(le);
+B(ie);
 export {
   Ae as DasImageUpload,
   Ae as default