@aplus-frontend/ui 7.10.4 → 7.10.5

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

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