@aplus-frontend/ui 0.2.0-beta.3 → 0.2.0-beta.4

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

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

package/es/src/ap-upload/components/SingleFile.vue.d.ts

@@ -1,3 +1,6 @@
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
-declare const _default: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{}>>, {}, {}>;
+declare function setValue(val?: string | Record<string, any>): void;
+declare const _default: DefineComponent<{}, {
+    setValue: typeof setValue;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{}>>, {}, {}>;
 export default _default;