@aplus-frontend/ui 0.4.13 → 0.4.15

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

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