@aplus-frontend/ui 6.26.1 → 6.26.3

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

@@ -1,200 +1,197 @@
-import { defineComponent as Y, inject as c, ref as $, watch as Z, nextTick as F, createElementBlock as g, openBlock as h, normalizeClass as ee, unref as i, createElementVNode as d, renderSlot as te, createCommentVNode as I, Fragment as ne, renderList as ae, withDirectives as se, createVNode as k, vShow as oe, toDisplayString as C } from "vue";
+import { defineComponent as Y, inject as r, ref as M, watch as Z, nextTick as F, createElementBlock as g, openBlock as v, normalizeClass as ee, unref as o, createElementVNode as d, renderSlot as te, createCommentVNode as $, Fragment as ae, renderList as ne, withDirectives as oe, createVNode as U, vShow as se, toDisplayString as k } from "vue";
 import "../../config-provider/index.mjs";
-import { getPath as ie, getName as re, getReturnData as M } from "../utils/returnData.mjs";
+import { getPath as ie, getName as re, getReturnData as I } from "../utils/returnData.mjs";
 import { CloseOutlined as ce, PlusOutlined as ue } from "@ant-design/icons-vue";
-import { useOss as le, getOssInstance as T } from "../hooks/useOss.mjs";
+import { useOss as le, getOssInstance as V } from "../hooks/useOss.mjs";
 import { fileMatchesAccept as pe, getAcceptText as de } from "../utils/accept.mjs";
 import { message as m, Progress as me } from "@aplus-frontend/antdv";
 import { omit as fe } from "lodash-unified";
 import { useLocale as ge } from "../../config-provider/hooks/use-locale.mjs";
-import { useNamespace as he } from "../../config-provider/hooks/use-namespace.mjs";
-const ve = ["accept"], xe = { class: "picture-context" }, ye = { class: "picture-item-box" }, _e = ["src"], we = { class: "picture-item-shadow" }, Ue = ["onClick"], ke = {
+import { useNamespace as ve } from "../../config-provider/hooks/use-namespace.mjs";
+const he = ["accept"], xe = { class: "picture-context" }, ye = { class: "picture-item-box" }, _e = ["src"], we = { class: "picture-item-shadow" }, Ue = ["onClick"], ke = {
   key: 0,
   class: "picture-item-uploading"
-}, Ce = { class: "picture-title" }, Se = { key: 0 }, Ee = { key: 1 }, Oe = /* @__PURE__ */ Y({
+}, Ce = { class: "picture-title" }, Re = { key: 0 }, Se = { key: 1 }, De = /* @__PURE__ */ Y({
   __name: "Picture",
-  setup(be, { expose: D }) {
-    const { t: l } = ge(), { b: S } = he("ap-upload-picture"), { put: O } = le(), B = c("theme"), L = c("dirName"), w = c("accept") || "image/*", U = c("maxSize") ?? 5, E = c("title"), p = c("maxCount") ?? 10, v = c("uploadingCount"), b = c("beforeUpload"), z = c("customRequest"), A = c("getOssAccess"), q = c("maxSizeErrorMsg"), V = c("maxCountErrorMsg"), j = c("acceptErrorMsg"), x = $(null), r = c("value"), y = c("needName"), _ = c("onRemove");
-    let o = $([]);
+  setup(Ee, { expose: T }) {
+    const { t: u } = ge(), { b: C } = ve("ap-upload-picture"), { put: D } = le(), L = r("theme"), O = r("dirName"), _ = r("accept") || "image/*", w = r("maxSize") ?? 5, R = r("title"), l = r("maxCount") ?? 10, h = r("uploadingCount"), S = r("beforeUpload"), E = r("customRequest"), b = r("getOssAccess"), B = r("maxSizeErrorMsg"), q = r("maxCountErrorMsg"), j = r("acceptErrorMsg"), x = M(null), c = r("value"), y = r("needName"), z = r("onRemove");
+    let s = M([]);
     const f = [];
     Z(
-      () => r == null ? void 0 : r.value,
-      async function(e) {
-        var a;
-        !((a = o == null ? void 0 : o.value) != null && a.length) && e && N(e);
+      () => c?.value,
+      async function(t) {
+        !s?.value?.length && t && A(t);
       },
       { immediate: !0 }
     );
-    function N(e) {
-      if (!e) {
-        r.value = void 0, f.splice(0, f.length), o.value = [];
+    function A(t) {
+      if (!t) {
+        c.value = void 0, f.splice(0, f.length), s.value = [];
         return;
       }
       F(async () => {
-        const a = [];
-        for (let t of e) {
-          const n = ie(y, t), s = re(y, t), u = await T(A), W = await u.getSignatureUrl(n), X = {
-            ...typeof t == "string" ? {} : t,
-            ...new File([t], s, {}),
+        const n = [];
+        for (let e of t) {
+          const a = ie(y, e), i = re(y, e), p = await V(b), W = await p.getSignatureUrl(a), X = {
+            ...typeof e == "string" ? {} : e,
+            ...new File([e], i, {}),
             uid: `${(/* @__PURE__ */ new Date()).getTime()}-${Math.random()}`,
             thumbUrl: W,
             status: "success",
             percent: 100,
-            path: n
+            path: a
           };
-          a.push(X), u.destroy();
+          n.push(X), p.destroy();
         }
-        if (p && a.length > p) {
+        if (l && n.length > l) {
           m.warning(
-            l("ap.apUpload.fileInitializationException", {
-              maxCount: p
+            u("ap.apUpload.fileInitializationException", {
+              maxCount: l
             })
           );
           return;
         }
-        a.forEach((t) => {
-          o.value.push(t), f.push({
-            uid: t.uid,
-            path: t.path
+        n.forEach((e) => {
+          s.value.push(e), f.push({
+            uid: e.uid,
+            path: e.path
           });
-        }), r.value = e;
+        }), c.value = t;
       });
     }
-    D({ setValue: N });
+    T({ setValue: A });
     function G() {
-      var e;
-      (e = x.value) == null || e.click();
+      x.value?.click();
     }
-    function H(e) {
-      const a = e.target;
-      J(a == null ? void 0 : a.files);
+    function H(t) {
+      const n = t.target;
+      J(n?.files);
     }
-    function J(e) {
-      if (e != null && e.length)
-        for (let a = 0; a < e.length; a++)
-          K(e[a]);
+    function J(t) {
+      if (t?.length)
+        for (let n = 0; n < t.length; n++)
+          K(t[n]);
       x.value && (x.value.value = "");
     }
-    let P;
-    async function K(e) {
-      if (p && p > 1 && o.value.length >= p)
-        return clearTimeout(P), P = setTimeout(() => {
+    let N;
+    async function K(t) {
+      if (l && l > 1 && s.value.length >= l)
+        return clearTimeout(N), N = setTimeout(() => {
           m.warning(
-            V || l("ap.apUpload.maxUploadPicture", { maxCount: p })
+            q || u("ap.apUpload.maxUploadPicture", { maxCount: l })
           );
         }), !1;
-      if (e.size > U * 1024 * 1024)
+      if (t.size > w * 1024 * 1024)
         return m.warning(
-          q || l("ap.apUpload.maxUploadFileSize", { maxSize: U })
+          B || u("ap.apUpload.maxUploadFileSize", { maxSize: w })
         ), !1;
-      if (!/image\/\w+/.test(e.type) || !pe(e, w))
+      if (!/image\/\w+/.test(t.type) || !pe(t, _))
         return m.warning(
-          j || l("ap.apUpload.pictureFormatNotSupported")
+          j || u("ap.apUpload.pictureFormatNotSupported")
         ), !1;
-      if (typeof b == "function" && await b(e) === !1)
+      if (typeof S == "function" && await S(t) === !1)
         return !1;
-      const a = new FileReader();
-      a.readAsDataURL(e), a.onload = function() {
-        const t = {
-          ...e,
+      const n = new FileReader();
+      n.readAsDataURL(t), n.onload = function() {
+        const e = {
+          ...t,
           uid: `${(/* @__PURE__ */ new Date()).getTime()}-${Math.random()}`,
           thumbUrl: this.result,
           status: "uploading",
           percent: 0
         };
-        Q(t, e);
-      }, a.onerror = function() {
-        m.warning(l("ap.apUpload.imageParsingFailed"));
+        Q(e, t);
+      }, n.onerror = function() {
+        m.warning(u("ap.apUpload.imageParsingFailed"));
       };
     }
-    async function Q(e, a) {
-      if (v.value++, typeof z == "function") {
-        z({
-          onProgress: (t) => {
-            const n = o.value.find((s) => s.uid === e.uid);
-            n && (n.percent = t);
+    async function Q(t, n) {
+      if (h.value++, typeof E == "function") {
+        E({
+          onProgress: (e) => {
+            const a = s.value.find((i) => i.uid === t.uid);
+            a && (a.percent = e);
           },
-          onError: (t) => {
-            m.warning(t || l("ap.apUpload.networkAnomaly"));
-            const n = o.value.findIndex(
-              (s) => s.uid === e.uid
+          onError: (e) => {
+            m.warning(e || u("ap.apUpload.networkAnomaly"));
+            const a = s.value.findIndex(
+              (i) => i.uid === t.uid
             );
-            n > -1 && o.value.splice(n, 1), v.value--;
+            a > -1 && s.value.splice(a, 1), h.value--;
           },
-          onSuccess: (t) => {
-            const n = o.value.find((s) => s.uid === e.uid);
-            n && (n.status = "success", n.path = t), r.value = [
-              ...r.value || [],
-              M(y, t, a.name)
+          onSuccess: (e) => {
+            const a = s.value.find((i) => i.uid === t.uid);
+            a && (a.status = "success", a.path = e), c.value = [
+              ...c.value || [],
+              I(y, e, n.name)
             ], f.push({
-              uid: e.uid,
-              path: t
-            }), v.value--;
+              uid: t.uid,
+              path: e
+            }), h.value--;
           },
-          file: a
+          file: n
         });
         return;
       }
       try {
-        const t = await T(A);
-        e.oss = t, o.value.push(e), O({
-          file: a,
-          dirName: L,
-          oss: t,
-          successCallBack(n) {
-            const s = o.value.find((u) => u.uid === e.uid);
-            s && (s.status = "success", s.path = n), r.value = [
-              ...r.value || [],
-              M(y, n, a.name)
+        const e = await V(b);
+        t.oss = e, s.value.push(t), D({
+          file: n,
+          dirName: O,
+          oss: e,
+          successCallBack(a) {
+            const i = s.value.find((p) => p.uid === t.uid);
+            i && (i.status = "success", i.path = a), c.value = [
+              ...c.value || [],
+              I(y, a, n.name)
             ], f.push({
-              uid: e.uid,
-              path: n
-            }), v.value--;
+              uid: t.uid,
+              path: a
+            }), h.value--;
           },
-          errorCallBack(n) {
-            m.warning(n || l("ap.apUpload.networkAnomaly"));
-            const s = o.value.findIndex(
-              (u) => u.uid === e.uid
+          errorCallBack(a) {
+            m.warning(a || u("ap.apUpload.networkAnomaly"));
+            const i = s.value.findIndex(
+              (p) => p.uid === t.uid
             );
-            s > -1 && o.value.splice(s, 1), v.value--;
+            i > -1 && s.value.splice(i, 1), h.value--;
           },
-          progressCallBack(n) {
-            const s = o.value.find((u) => u.uid === e.uid);
-            s && (s.percent = n);
+          progressCallBack(a) {
+            const i = s.value.find((p) => p.uid === t.uid);
+            i && (i.percent = a);
           }
         });
-      } catch (t) {
+      } catch (e) {
         m.warning(
-          typeof (t == null ? void 0 : t.message) == "string" ? t.message : l("ap.apUpload.networkAnomaly")
+          typeof e?.message == "string" ? e.message : u("ap.apUpload.networkAnomaly")
         );
-        const n = o.value.findIndex((s) => s.uid === e.uid);
-        n > -1 && o.value.splice(n, 1), v.value--;
+        const a = s.value.findIndex((i) => i.uid === t.uid);
+        a > -1 && s.value.splice(a, 1), h.value--;
       }
     }
-    function R(e) {
-      var t, n;
-      if (_ && (_ == null || _(e)), e.path && r) {
-        if (Array.isArray(r.value)) {
-          const s = f.findIndex(
-            (u) => u.uid === e.uid
+    function P(t) {
+      if (z && z?.(t), t.path && c) {
+        if (Array.isArray(c.value)) {
+          const e = f.findIndex(
+            (a) => a.uid === t.uid
           );
-          if (s >= 0) {
-            const u = ((t = r == null ? void 0 : r.value) == null ? void 0 : t.slice()) ?? [];
-            u == null || u.splice(s, 1), r.value = u, f.splice(s, 1);
+          if (e >= 0) {
+            const a = c?.value?.slice() ?? [];
+            a?.splice(e, 1), c.value = a, f.splice(e, 1);
           }
-          r.value.length === 0 && (r.value = void 0);
+          c.value.length === 0 && (c.value = void 0);
         }
       } else
-        (n = e == null ? void 0 : e.oss) == null || n.pauseUpload();
-      const a = o.value.findIndex(
-        (s) => s.uid === e.uid
+        t?.oss?.pauseUpload();
+      const n = s.value.findIndex(
+        (e) => e.uid === t.uid
       );
-      return o.value.splice(a, 1), Promise.resolve(!0);
+      return s.value.splice(n, 1), Promise.resolve(!0);
     }
-    return (e, a) => (h(), g("div", {
+    return (t, n) => (v(), g("div", {
       class: ee({
-        [i(S)()]: !0,
-        [i(S)("admin")]: i(B) === "admin"
+        [o(C)()]: !0,
+        [o(C)("admin")]: o(L) === "admin"
       })
     }, [
       d("input", {
@@ -202,71 +199,68 @@ const ve = ["accept"], xe = { class: "picture-context" }, ye = { class: "picture
         ref: x,
         style: { display: "none" },
         type: "file",
-        accept: i(w),
+        accept: o(_),
         onChange: H
-      }, null, 40, ve),
+      }, null, 40, he),
       d("div", xe, [
-        te(e.$slots, "pictureContext", {
-          fileList: i(o).map((t) => {
-            var n;
-            return {
-              ...i(fe)(t, "oss"),
-              oss: {
-                pauseUpload: (n = t == null ? void 0 : t.oss) == null ? void 0 : n.pauseUpload
-              }
-            };
-          }),
-          remove: R
+        te(t.$slots, "pictureContext", {
+          fileList: o(s).map((e) => ({
+            ...o(fe)(e, "oss"),
+            oss: {
+              pauseUpload: e?.oss?.pauseUpload
+            }
+          })),
+          remove: P
         }, () => [
-          (h(!0), g(ne, null, ae(i(o), (t) => (h(), g("div", {
-            key: t.uid,
+          (v(!0), g(ae, null, ne(o(s), (e) => (v(), g("div", {
+            key: e.uid,
             class: "picture-item"
           }, [
             d("div", ye, [
               d("img", {
-                src: t.thumbUrl,
+                src: e.thumbUrl,
                 alt: ""
               }, null, 8, _e),
-              se(d("div", we, [
+              oe(d("div", we, [
                 d("div", {
                   class: "picture-item-close",
-                  onClick: (n) => R(t)
+                  onClick: (a) => P(e)
                 }, [
-                  k(i(ce))
+                  U(o(ce))
                 ], 8, Ue),
-                t.status === "uploading" ? (h(), g("div", ke, [
-                  k(i(me), {
-                    percent: t.percent,
+                e.status === "uploading" ? (v(), g("div", ke, [
+                  U(o(me), {
+                    percent: e.percent,
                     "stroke-color": "#ffffff",
                     "trail-color": "rgba(255, 255, 255, 0.3)",
                     size: 4,
                     "show-info": !1
                   }, null, 8, ["percent"])
-                ])) : I("", !0)
+                ])) : $("", !0)
               ], 512), [
-                [oe, t.status === "uploading"]
+                [se, e.status === "uploading"]
               ])
             ])
           ]))), 128))
         ]),
-        i(p) === void 0 || i(o).length < i(p) ? (h(), g("div", {
+        o(l) === void 0 || o(s).length < o(l) ? (v(), g("div", {
           key: 0,
           class: "picture-upload",
           onClick: G
         }, [
-          k(i(ue)),
-          d("div", null, C(i(l)("ap.apUpload.update")), 1)
-        ])) : I("", !0)
+          U(o(ue)),
+          d("div", null, k(o(u)("ap.apUpload.update")), 1)
+        ])) : $("", !0)
       ]),
       d("div", Ce, [
-        i(E) ? (h(), g("div", Se, C(i(E)), 1)) : (h(), g("div", Ee, C(`${i(l)("ap.apUpload.supportExtension")}：${i(de)(i(w))}，${i(l)(
+        o(R) ? (v(), g("div", Re, k(o(R)), 1)) : (v(), g("div", Se, k(`${o(u)("ap.apUpload.supportExtension")}：${o(de)(o(_))}，${o(u)(
           "ap.apUpload.maxUploadPictureSize",
-          { maxSize: i(U) }
+          { maxSize: o(w) }
         )}`), 1))
       ])
     ], 2));
   }
 });
 export {
-  Oe as default
+  De as default
 };