@aplus-frontend/ui 0.0.28 → 0.0.30

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

@@ -1,45 +1,48 @@
-import { createElementVNode as f, defineComponent as G, inject as u, ref as I, watch as H, openBlock as p, createElementBlock as m, normalizeClass as J, unref as o, Fragment as K, renderList as Q, withDirectives as W, createVNode as C, createCommentVNode as P, vShow as X, toDisplayString as B } from "vue";
+import { defineComponent as H, inject as u, ref as I, watch as J, openBlock as f, createElementBlock as h, normalizeClass as K, unref as o, createElementVNode as d, Fragment as Q, renderList as W, withDirectives as X, createVNode as C, createCommentVNode as R, vShow as Y, toDisplayString as U } from "vue";
 import "../../config-provider/index.mjs";
-import { getPath as Y, getName as Z, getReturnData as w } from "../utils/returnData.mjs";
-import { CloseOutlined as F, PlusOutlined as ee } from "@ant-design/icons-vue";
-import { useOss as te, getOssInstance as D } from "../hooks/useOss.mjs";
-import { fileMatchesAccept as ne, getAcceptText as se } from "../utils/accept.mjs";
-import { message as d, Progress as ie } from "ant-design-vue";
+import { getPath as Z, getName as F, getReturnData as w } from "../utils/returnData.mjs";
+import { CloseOutlined as ee, PlusOutlined as te } from "@ant-design/icons-vue";
+import { useOss as ne, getOssInstance as $ } from "../hooks/useOss.mjs";
+import { fileMatchesAccept as ae, getAcceptText as se } from "../utils/accept.mjs";
+import { message as m, Progress as oe } from "ant-design-vue";
 import "../styles/picture.css";
-import { useNamespace as ae } from "../../config-provider/hooks/use-namespace.mjs";
-const oe = ["accept"], ce = { class: "picture-context" }, ue = { class: "picture-item-box" }, re = ["src"], le = { class: "picture-item-shadow" }, de = ["onClick"], fe = {
+import { useLocale as ie } from "../../config-provider/hooks/use-locale.mjs";
+import { useNamespace as ce } from "../../config-provider/hooks/use-namespace.mjs";
+const ue = ["accept"], re = { class: "picture-context" }, le = { class: "picture-item-box" }, pe = ["src"], de = { class: "picture-item-shadow" }, me = ["onClick"], fe = {
   key: 0,
   class: "picture-item-uploading"
-}, pe = /* @__PURE__ */ f("div", null, "上传", -1), me = { class: "picture-title" }, he = { key: 0 }, ge = { key: 1 }, Re = /* @__PURE__ */ G({
+}, he = { class: "picture-title" }, ge = { key: 0 }, ve = { key: 1 }, be = /* @__PURE__ */ H({
   __name: "Picture",
-  setup(ve) {
-    const { b: k } = ae("ap-upload-picture"), { put: O } = te(), S = u("theme"), T = u("dirName"), y = u("accept") || "image/*", x = u("maxSize") || 5, N = u("title"), r = u("maxCount"), h = u("uploadingCount"), $ = u("beforeUpload"), b = u("customRequest"), R = u("getOssAccess"), _ = I(null), c = u("value"), g = u("needName");
-    let a = I([]);
-    const v = [];
-    H(
+  setup(_e) {
+    const { t: r } = ie(), { b: A } = ce("ap-upload-picture"), { put: D } = ne(), E = u("theme"), O = u("dirName"), y = u("accept") || "image/*", k = u("maxSize") ?? 5, N = u("title"), l = u("maxCount") ?? 10, g = u("uploadingCount"), P = u("beforeUpload"), S = u("customRequest"), b = u("getOssAccess"), x = I(null), c = u("value"), v = u("needName");
+    let i = I([]);
+    const _ = [];
+    J(
       () => c == null ? void 0 : c.value,
       async function(e) {
-        if (!a.value.length && e) {
-          const s = [];
+        if (!i.value.length && e) {
+          const a = [];
           for (let t of e) {
-            const n = Y(g, t), i = Z(g, t), l = await D(R), V = await l.getSignatureUrl(n), j = {
-              ...new File([t], i, {}),
+            const n = Z(v, t), s = F(v, t), p = await $(b), j = await p.getSignatureUrl(n), G = {
+              ...new File([t], s, {}),
               uid: `${(/* @__PURE__ */ new Date()).getTime()}-${Math.random()}`,
-              thumbUrl: V,
+              thumbUrl: j,
               status: "success",
               percent: 100,
               path: n
             };
-            s.push(j), l.destroy();
+            a.push(G), p.destroy();
           }
-          if (r && s.length > r) {
-            d.warning(
-              `文件初始化个数超过${r}个,后续上传的文件会与数据不同步`
+          if (l && a.length > l) {
+            m.warning(
+              r("ap.apUpload.fileInitializationException", {
+                maxCount: l
+              })
             );
             return;
           }
-          s.forEach((t) => {
-            a.value.push(t), v.push({
+          a.forEach((t) => {
+            i.value.push(t), _.push({
               uid: t.uid,
               path: t.path
             });
@@ -47,37 +50,39 @@ const oe = ["accept"], ce = { class: "picture-context" }, ue = { class: "picture
         }
       }
     );
-    function z() {
+    function T() {
       var e;
-      (e = _.value) == null || e.click();
+      (e = x.value) == null || e.click();
     }
-    function M(e) {
-      const s = e.target;
-      E(s == null ? void 0 : s.files);
+    function B(e) {
+      const a = e.target;
+      L(a == null ? void 0 : a.files);
     }
-    function E(e) {
+    function L(e) {
       if (e != null && e.length)
-        for (let s = 0; s < e.length; s++)
-          L(e[s]);
-      _.value && (_.value.value = "");
+        for (let a = 0; a < e.length; a++)
+          q(e[a]);
+      x.value && (x.value.value = "");
     }
-    let A;
-    function L(e) {
-      if (r && r > 1 && a.value.length >= r)
-        return clearTimeout(A), A = setTimeout(() => {
-          d.warning(`最多上传${r}个图片`);
+    let z;
+    function q(e) {
+      if (l && l > 1 && i.value.length >= l)
+        return clearTimeout(z), z = setTimeout(() => {
+          m.warning(
+            r("ap.apUpload.maxUploadPicture", { maxCount: l })
+          );
         }), !1;
-      if (typeof $ == "function") {
-        if ($(e) === !1)
+      if (typeof P == "function") {
+        if (P(e) === !1)
           return !1;
       } else {
-        if (e.size > x * 1024 * 1024)
-          return d.warning(`文件大小不超过${x}MB`), !1;
-        if (!/image\/\w+/.test(e.type) || !ne(e, y))
-          return d.warning("不支持该格式的图片"), !1;
+        if (e.size > k * 1024 * 1024)
+          return m.warning(r("ap.apUpload.maxUploadFileSize", { maxSize: k })), !1;
+        if (!/image\/\w+/.test(e.type) || !ae(e, y))
+          return m.warning(r("ap.apUpload.pictureFormatNotSupported")), !1;
       }
-      const s = new FileReader();
-      s.readAsDataURL(e), s.onload = function() {
+      const a = new FileReader();
+      a.readAsDataURL(e), a.onload = function() {
         const t = {
           ...e,
           uid: `${(/* @__PURE__ */ new Date()).getTime()}-${Math.random()}`,
@@ -85,135 +90,140 @@ const oe = ["accept"], ce = { class: "picture-context" }, ue = { class: "picture
           status: "uploading",
           percent: 0
         };
-        q(t, e);
-      }, s.onerror = function() {
-        d.warning("图片解析失败");
+        M(t, e);
+      }, a.onerror = function() {
+        m.warning(r("ap.apUpload.imageParsingFailed"));
       };
     }
-    async function q(e, s) {
-      if (h.value++, typeof b == "function") {
-        b({
+    async function M(e, a) {
+      if (g.value++, typeof S == "function") {
+        S({
           onProgress: (t) => {
-            const n = a.value.find((i) => i.uid === e.uid);
+            const n = i.value.find((s) => s.uid === e.uid);
             n && (n.percent = t);
           },
           onError: (t) => {
-            d.warning(t || "网络异常");
-            const n = a.value.findIndex((i) => i.uid === e.uid);
-            n > -1 && a.value.splice(n, 1), h.value--;
+            m.warning(t || r("ap.apUpload.networkAnomaly"));
+            const n = i.value.findIndex((s) => s.uid === e.uid);
+            n > -1 && i.value.splice(n, 1), g.value--;
           },
           onSuccess: (t) => {
-            const n = a.value.find((i) => i.uid === e.uid);
-            n && (n.status = "success", n.path = t), c.value ? c.value.push(w(g, t, s.name)) : c.value = [w(g, t, s.name)], v.push({
+            const n = i.value.find((s) => s.uid === e.uid);
+            n && (n.status = "success", n.path = t), c.value ? c.value.push(w(v, t, a.name)) : c.value = [w(v, t, a.name)], _.push({
               uid: e.uid,
               path: t
-            }), h.value--;
+            }), g.value--;
           },
-          file: s
+          file: a
         });
         return;
       }
       try {
-        const t = await D(R);
-        e.oss = t, a.value.push(e), O({
-          file: s,
-          dirName: T,
+        const t = await $(b);
+        e.oss = t, i.value.push(e), D({
+          file: a,
+          dirName: O,
           oss: t,
           successCallBack(n) {
-            const i = a.value.find((l) => l.uid === e.uid);
-            i && (i.status = "success", i.path = n), c.value ? c.value.push(w(g, n, s.name)) : c.value = [w(g, n, s.name)], v.push({
+            const s = i.value.find((p) => p.uid === e.uid);
+            s && (s.status = "success", s.path = n), c.value ? c.value.push(w(v, n, a.name)) : c.value = [w(v, n, a.name)], _.push({
               uid: e.uid,
               path: n
-            }), h.value--;
+            }), g.value--;
           },
           errorCallBack(n) {
-            d.warning(n || "网络异常");
-            const i = a.value.findIndex((l) => l.uid === e.uid);
-            i > -1 && a.value.splice(i, 1), h.value--;
+            m.warning(n || r("ap.apUpload.networkAnomaly"));
+            const s = i.value.findIndex((p) => p.uid === e.uid);
+            s > -1 && i.value.splice(s, 1), g.value--;
           },
           progressCallBack(n) {
-            const i = a.value.find((l) => l.uid === e.uid);
-            i && (i.percent = n);
+            const s = i.value.find((p) => p.uid === e.uid);
+            s && (s.percent = n);
           }
         });
       } catch (t) {
-        d.warning(typeof (t == null ? void 0 : t.message) == "string" ? t.message : "网络异常");
-        const n = a.value.findIndex((i) => i.uid === e.uid);
-        n > -1 && a.value.splice(n, 1), h.value--;
+        m.warning(
+          typeof (t == null ? void 0 : t.message) == "string" ? t.message : r("ap.apUpload.networkAnomaly")
+        );
+        const n = i.value.findIndex((s) => s.uid === e.uid);
+        n > -1 && i.value.splice(n, 1), g.value--;
       }
     }
-    function U(e) {
+    function V(e) {
       var t;
       if (e.path) {
         if (Array.isArray(c.value)) {
-          const n = v.findIndex((i) => i.uid === e.uid);
-          n >= 0 && (c == null || c.value.splice(n, 1), v.splice(n, 1)), c.value.length === 0 && (c.value = void 0);
+          const n = _.findIndex((s) => s.uid === e.uid);
+          n >= 0 && (c == null || c.value.splice(n, 1), _.splice(n, 1)), c.value.length === 0 && (c.value = void 0);
         }
       } else
         (t = e == null ? void 0 : e.oss) == null || t.pauseUpload();
-      const s = a.value.findIndex((n) => n.uid === e.uid);
-      return a.value.splice(s, 1), Promise.resolve(!0);
+      const a = i.value.findIndex((n) => n.uid === e.uid);
+      return i.value.splice(a, 1), Promise.resolve(!0);
     }
-    return (e, s) => (p(), m("div", {
-      class: J({
-        [o(k)()]: !0,
-        [o(k)("admin")]: o(S) === "admin"
+    return (e, a) => (f(), h("div", {
+      class: K({
+        [o(A)()]: !0,
+        [o(A)("admin")]: o(E) === "admin"
       })
     }, [
-      f("input", {
+      d("input", {
         style: { display: "none" },
         type: "file",
         ref_key: "fileRef",
-        ref: _,
+        ref: x,
         accept: o(y),
-        onChange: M
-      }, null, 40, oe),
-      f("div", ce, [
-        (p(!0), m(K, null, Q(o(a), (t) => (p(), m("div", {
+        onChange: B
+      }, null, 40, ue),
+      d("div", re, [
+        (f(!0), h(Q, null, W(o(i), (t) => (f(), h("div", {
           class: "picture-item",
           key: t.uid
         }, [
-          f("div", ue, [
-            f("img", {
+          d("div", le, [
+            d("img", {
               src: t.thumbUrl,
               alt: ""
-            }, null, 8, re),
-            W(f("div", le, [
-              f("div", {
+            }, null, 8, pe),
+            X(d("div", de, [
+              d("div", {
                 class: "picture-item-close",
-                onClick: (n) => U(t)
+                onClick: (n) => V(t)
               }, [
-                C(o(F))
-              ], 8, de),
-              t.status === "uploading" ? (p(), m("div", fe, [
-                C(o(ie), {
+                C(o(ee))
+              ], 8, me),
+              t.status === "uploading" ? (f(), h("div", fe, [
+                C(o(oe), {
                   percent: t.percent,
                   strokeColor: "#ffffff",
                   trailColor: "rgba(255, 255, 255, 0.3)",
                   size: 4,
                   showInfo: !1
                 }, null, 8, ["percent"])
-              ])) : P("", !0)
+              ])) : R("", !0)
             ], 512), [
-              [X, t.status === "uploading"]
+              [Y, t.status === "uploading"]
             ])
           ])
         ]))), 128)),
-        o(r) === void 0 || o(a).length < o(r) ? (p(), m("div", {
+        o(l) === void 0 || o(i).length < o(l) ? (f(), h("div", {
           key: 0,
           class: "picture-upload",
-          onClick: z
+          onClick: T
         }, [
-          C(o(ee)),
-          pe
-        ])) : P("", !0)
+          C(o(te)),
+          d("div", null, U(o(r)("ap.apUpload.update")), 1)
+        ])) : R("", !0)
       ]),
-      f("div", me, [
-        o(N) ? (p(), m("div", he, B(o(N)), 1)) : (p(), m("div", ge, B(`支持扩展名：${o(se)(o(y))}，图片大小小于${o(x)}MB`), 1))
+      d("div", he, [
+        o(N) ? (f(), h("div", ge, U(o(N)), 1)) : (f(), h("div", ve, U(`${o(r)("ap.apUpload.supportExtension")}：${o(se)(o(y))}，${o(r)(
+          "ap.apUpload.maxUploadPictureSize",
+          { maxSize: o(k) }
+        )}`), 1))
       ])
     ], 2));
   }
 });
 export {
-  Re as default
+  be as default
 };