@aplus-frontend/ui 0.0.28 → 0.0.29

package/es/src/ap-upload/components/MultipleFile.vue2.mjs

@@ -1,71 +1,82 @@
-import { defineComponent as $, inject as a, ref as q, watch as D, nextTick as j, openBlock as h, createElementBlock as _, normalizeClass as W, unref as n, createVNode as w, withCtx as F, createElementVNode as R, createTextVNode as G, toDisplayString as A, withModifiers as H, createBlock as J, resolveDynamicComponent as K, createCommentVNode as Q } from "vue";
+import { defineComponent as D, inject as n, ref as M, watch as $, nextTick as j, openBlock as v, createElementBlock as C, normalizeClass as W, unref as s, createVNode as _, withCtx as E, createElementVNode as b, createTextVNode as G, toDisplayString as L, withModifiers as H, createBlock as J, resolveDynamicComponent as K, createCommentVNode as Q } from "vue";
 import "../../config-provider/index.mjs";
-import { getPath as U, getName as V, getReturnData as v } from "../utils/returnData.mjs";
-import { useOss as X, getOssInstance as Y } from "../hooks/useOss.mjs";
-import { message as u, Upload as Z, Button as ee } from "ant-design-vue";
-import { UploadOutlined as te } from "@ant-design/icons-vue";
-import { fileMatchesAccept as se, getAcceptText as oe } from "../utils/accept.mjs";
+import { getPath as V, getName as X, getReturnData as x } from "../utils/returnData.mjs";
+import { useOss as Y, getOssInstance as Z } from "../hooks/useOss.mjs";
+import { message as p, Upload as ee, Button as te } from "ant-design-vue";
+import { UploadOutlined as oe } from "@ant-design/icons-vue";
+import { fileMatchesAccept as ae, getAcceptText as se } from "../utils/accept.mjs";
 import "../styles/multiple-file.css";
-import { useNamespace as ne } from "../../config-provider/hooks/use-namespace.mjs";
-const ae = { class: "multiple-file-context" }, ie = { key: 0 }, re = { key: 1 }, xe = /* @__PURE__ */ $({
+import { useLocale as ne } from "../../config-provider/hooks/use-locale.mjs";
+import { useNamespace as ie } from "../../config-provider/hooks/use-namespace.mjs";
+const le = { class: "multiple-file-context" }, re = { key: 0 }, pe = { key: 1 }, ke = /* @__PURE__ */ D({
   __name: "MultipleFile",
   setup(ue) {
-    const { b: k } = ne("ap-upload-multiple-file"), { put: E } = X(), L = a("theme"), P = a("dirName"), x = a("accept") || "*", T = a("maxSize") || 500, I = a("title") || "上传文件", f = a("subTitle"), i = a("maxCount"), c = a("uploadingCount"), N = a("beforeUpload"), b = a("customRequest"), S = a("getOssAccess"), o = a("value"), p = [], l = a("needName"), d = q(null);
-    D(
-      () => o == null ? void 0 : o.value,
+    const { t: i } = ne(), { b: U } = ie("ap-upload-multiple-file"), { put: R } = Y(), S = n("theme"), B = n("dirName"), y = n("accept") || "*", A = n("maxSize") ?? 500, I = n("title") || i("ap.apUpload.uploadFile"), g = n("subTitle"), l = n("maxCount") ?? 10, u = n("uploadingCount"), F = n("beforeUpload"), N = n("customRequest"), P = n("getOssAccess"), a = n("value"), d = [], c = n("needName"), f = M(null);
+    $(
+      () => a == null ? void 0 : a.value,
       function(e) {
-        !d.value.fileList.length && e && j(() => {
-          const t = e.map((s) => {
-            const r = U(l, s), C = V(l, s), y = new File(
-              [s],
-              C,
+        !f.value.fileList.length && e && j(() => {
+          const t = e.map((o) => {
+            const r = V(c, o), w = X(c, o), k = new File(
+              [o],
+              w,
               {}
             );
-            return y.response = r, y.uid = r, y;
+            return k.response = r, k.uid = r, k;
           });
-          if (i && t.length > i) {
-            u.warning(
-              `文件初始化个数超过${i}个,后续上传的文件会与数据不同步`
+          if (l && t.length > l) {
+            p.warning(
+              i("ap.apUpload.fileInitializationException", {
+                maxCount: l
+              })
             );
             return;
           }
-          t.forEach((s) => {
-            m.push(s), p.push({
-              uid: s.uid,
-              path: s.response
+          t.forEach((o) => {
+            m.push(o), d.push({
+              uid: o.uid,
+              path: o.response
             });
-          }), d.value.fileList = t;
+          }), f.value.fileList = t;
         });
       }
     );
-    let m = [], B;
-    function g(e) {
+    let m = [], T;
+    function h(e) {
       setTimeout(() => {
-        const t = d.value.fileList.findIndex(
-          (s) => s.uid === e.uid
+        const t = f.value.fileList.findIndex(
+          (o) => o.uid === e.uid
         );
-        t >= 0 && d.value.fileList.splice(t, 1);
+        t >= 0 && f.value.fileList.splice(t, 1);
       });
     }
-    function O(e) {
-      if (i && i > 1 && m.length >= i)
-        return clearTimeout(B), B = setTimeout(() => {
-          u.warning(`最多上传${i}个文件`);
-        }), g(e), !1;
-      if (typeof N == "function") {
-        if (N(e) === !1)
-          return g(e), !1;
+    function z(e) {
+      if (l && l > 1 && m.length >= l)
+        return clearTimeout(T), T = setTimeout(() => {
+          p.warning(
+            i("ap.apUpload.maxUploadFiles", {
+              maxCount: l
+            })
+          );
+        }), h(e), !1;
+      if (typeof F == "function") {
+        if (F(e) === !1)
+          return h(e), !1;
       } else {
-        if (e.size > T * 1024 * 1024)
-          return u.warning(`文件大小不超过${T}MB`), g(e), !1;
-        if (!se(e, x))
-          return u.warning("不支持该格式的文件"), g(e), !1;
+        if (e.size > A * 1024 * 1024)
+          return p.warning(
+            i("ap.apUpload.maxUploadFileSize", {
+              maxSize: A
+            })
+          ), h(e), !1;
+        if (!ae(e, y))
+          return p.warning(i("ap.apUpload.fileFormatNotSupported")), h(e), !1;
       }
-      i && i === 1 && (m = [], o.value = void 0), m.push(e);
+      l && l === 1 && (m = [], a.value = void 0), m.push(e);
     }
-    async function z(e) {
-      if (c.value++, typeof b == "function") {
-        b({
+    async function O(e) {
+      if (u.value++, typeof N == "function") {
+        N({
           onProgress: (t) => {
             setTimeout(() => {
               e.onProgress({
@@ -74,115 +85,117 @@ const ae = { class: "multiple-file-context" }, ie = { key: 0 }, re = { key: 1 },
             });
           },
           onError: (t) => {
-            u.warning(t || "网络异常"), setTimeout(() => {
+            p.warning(t || i("ap.apUpload.networkAnomaly")), setTimeout(() => {
               e.onError({
                 name: t,
                 message: t
               });
-            }), c.value--;
+            }), u.value--;
           },
           onSuccess: (t) => {
             setTimeout(() => {
               e.onSuccess(t);
-            }), o.value ? o.value.push(
-              v(l, t, e.file.name)
-            ) : o.value = [
-              v(l, t, e.file.name)
-            ], p.push({
+            }), a.value ? a.value.push(
+              x(c, t, e.file.name)
+            ) : a.value = [
+              x(c, t, e.file.name)
+            ], d.push({
               uid: e.file.uid,
               path: t
-            }), c.value--;
+            }), u.value--;
           },
           file: e.file
         });
         return;
       }
       try {
-        const t = await Y(S);
-        e.file.oss = t, E({
+        const t = await Z(P);
+        e.file.oss = t, R({
           file: e.file,
-          dirName: P,
+          dirName: B,
           oss: t,
-          successCallBack(s) {
-            e.onSuccess(s), o.value ? o.value.push(
-              v(l, s, e.file.name)
-            ) : o.value = [
-              v(l, s, e.file.name)
-            ], p.push({
+          successCallBack(o) {
+            e.onSuccess(o), a.value ? a.value.push(
+              x(c, o, e.file.name)
+            ) : a.value = [
+              x(c, o, e.file.name)
+            ], d.push({
               uid: e.file.uid,
-              path: s
-            }), c.value--;
+              path: o
+            }), u.value--;
           },
-          errorCallBack(s) {
-            u.warning(s || "网络异常"), e.onError({
-              name: s,
-              message: s
-            }), c.value--;
+          errorCallBack(o) {
+            p.warning(o || i("ap.apUpload.networkAnomaly")), e.onError({
+              name: o,
+              message: o
+            }), u.value--;
           },
-          progressCallBack(s) {
+          progressCallBack(o) {
             e.onProgress({
-              percent: s
+              percent: o
             });
           }
         });
       } catch (t) {
-        u.warning(typeof (t == null ? void 0 : t.message) == "string" ? t.message : "网络异常"), e.onError({
-          name: (t == null ? void 0 : t.message) || "网络异常",
-          message: (t == null ? void 0 : t.message) || "网络异常"
-        }), c.value--;
+        p.warning(
+          typeof (t == null ? void 0 : t.message) == "string" ? t.message : i("ap.apUpload.networkAnomaly")
+        ), e.onError({
+          name: (t == null ? void 0 : t.message) || i("ap.apUpload.networkAnomaly"),
+          message: (t == null ? void 0 : t.message) || i("ap.apUpload.networkAnomaly")
+        }), u.value--;
       }
     }
-    function M(e) {
-      var s;
+    function q(e) {
+      var o;
       if (e.response) {
-        if (Array.isArray(o.value)) {
-          const r = p.findIndex((C) => C.uid === e.uid);
-          r >= 0 && (o == null || o.value.splice(r, 1), p.splice(r, 1)), o.value.length === 0 && (o.value = void 0);
+        if (Array.isArray(a.value)) {
+          const r = d.findIndex((w) => w.uid === e.uid);
+          r >= 0 && (a == null || a.value.splice(r, 1), d.splice(r, 1)), a.value.length === 0 && (a.value = void 0);
         }
       } else
-        (s = e == null ? void 0 : e.oss) == null || s.pauseUpload();
+        (o = e == null ? void 0 : e.oss) == null || o.pauseUpload();
       const t = m.findIndex(
         (r) => r.uid === e.uid
       );
       return m.splice(t, 1), Promise.resolve(!0);
     }
-    return (e, t) => (h(), _("div", {
+    return (e, t) => (v(), C("div", {
       class: W({
-        [n(k)()]: !0,
-        [n(k)("admin")]: n(L) === "admin"
+        [s(U)()]: !0,
+        [s(U)("admin")]: s(S) === "admin"
       })
     }, [
-      w(n(Z), {
+      _(s(ee), {
         ref_key: "uploadRef",
-        ref: d,
-        accept: n(x),
+        ref: f,
+        accept: s(y),
         multiple: "",
-        maxCount: n(i),
+        maxCount: s(l),
         progress: {
           strokeWidth: 3,
           showInfo: !1,
           strokeColor: "#0070FF"
         },
-        beforeUpload: O,
-        customRequest: z,
-        onRemove: M
+        beforeUpload: z,
+        customRequest: O,
+        onRemove: q
       }, {
-        default: F(() => [
-          R("div", ae, [
-            w(n(ee), { class: "file-btn" }, {
-              default: F(() => [
-                w(n(te)),
-                G(" " + A(n(I)), 1)
+        default: E(() => [
+          b("div", le, [
+            _(s(te), { class: "file-btn" }, {
+              default: E(() => [
+                _(s(oe)),
+                G(" " + L(s(I)), 1)
               ]),
               _: 1
             }),
-            R("div", {
+            b("div", {
               class: "sub-title",
               onClick: t[0] || (t[0] = H(() => {
               }, ["stop"]))
             }, [
-              typeof n(f) == "string" ? (h(), _("div", ie, A(n(f) || `支持扩展名：${n(oe)(n(x))}`), 1)) : n(f) ? (h(), _("div", re, [
-                (h(), J(K(n(f))))
+              typeof s(g) == "string" ? (v(), C("div", re, L(s(g) || `${s(i)("ap.apUpload.supportExtension")}：${s(se)(s(y))}`), 1)) : s(g) ? (v(), C("div", pe, [
+                (v(), J(K(s(g))))
               ])) : Q("", !0)
             ])
           ])
@@ -193,5 +206,5 @@ const ae = { class: "multiple-file-context" }, ie = { key: 0 }, re = { key: 1 },
   }
 });
 export {
-  xe as default
+  ke as default
 };