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

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

@@ -1,240 +1,269 @@
-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, renderSlot as Y, Fragment as Z, renderList as F, withDirectives as ee, createVNode as k, createCommentVNode as $, vShow as te, toDisplayString as C } 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 ne, getName as ae, getReturnData as T } from "../utils/returnData.mjs";
+import { CloseOutlined as se, PlusOutlined as oe } from "@ant-design/icons-vue";
+import { useOss as ie, getOssInstance as D } from "../hooks/useOss.mjs";
+import { fileMatchesAccept as ce, getAcceptText as ue } from "../utils/accept.mjs";
+import { message as m, Progress as re } from "ant-design-vue";
+import { omit as le } from "lodash-unified";
+import { useLocale as pe } from "../../config-provider/hooks/use-locale.mjs";
+import { useNamespace as de } from "../../config-provider/hooks/use-namespace.mjs";
+const me = ["accept"], fe = { class: "picture-context" }, he = { class: "picture-item-box" }, ge = ["src"], ve = { class: "picture-item-shadow" }, xe = ["onClick"], _e = {
   key: 0,
   class: "picture-item-uploading"
-}, ge = { class: "picture-title" }, ve = { key: 0 }, _e = { key: 1 }, be = /* @__PURE__ */ J({
+}, ye = { class: "picture-title" }, we = { key: 0 }, ke = { key: 1 }, Te = /* @__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(Ce, { expose: E }) {
+    const { t: r } = pe(), { b: U } = de("ap-upload-picture"), { put: O } = ie(), B = u("theme"), L = u("dirName"), y = u("accept") || "image/*", w = u("maxSize") ?? 5, A = u("title"), l = u("maxCount") ?? 10, v = u("uploadingCount"), N = u("beforeUpload"), P = u("customRequest"), S = u("getOssAccess"), x = R(null), c = u("value"), _ = 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 && b(e);
       },
       { immediate: !0 }
     );
-    function B() {
+    function b(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 = ne(_, t), o = ae(_, t), p = await D(S), H = await p.getSignatureUrl(n), J = {
+            ...typeof t == "string" ? {} : t,
+            ...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;
+      });
+    }
+    E({ setValue: b });
+    function q() {
       var e;
       (e = x.value) == null || e.click();
     }
-    function q(e) {
+    function M(e) {
       const a = e.target;
-      L(a == null ? void 0 : a.files);
+      V(a == null ? void 0 : a.files);
     }
-    function L(e) {
+    function V(e) {
       if (e != null && e.length)
         for (let a = 0; a < e.length; a++)
-          M(e[a]);
+          j(e[a]);
       x.value && (x.value.value = "");
     }
     let z;
-    function M(e) {
-      if (l && l > 1 && o.value.length >= l)
+    function j(e) {
+      if (l && l > 1 && s.value.length >= l)
         return clearTimeout(z), z = setTimeout(() => {
-          d.warning(
+          m.warning(
             r("ap.apUpload.maxUploadPicture", { maxCount: l })
           );
         }), !1;
-      if (typeof P == "function") {
-        if (P(e) === !1)
+      if (typeof N == "function") {
+        if (N(e) === !1)
           return !1;
       } else {
-        if (e.size > k * 1024 * 1024)
-          return d.warning(
-            r("ap.apUpload.maxUploadFileSize", { maxSize: k })
+        if (e.size > w * 1024 * 1024)
+          return m.warning(
+            r("ap.apUpload.maxUploadFileSize", { maxSize: w })
           ), !1;
-        if (!/image\/\w+/.test(e.type) || !se(e, y))
-          return d.warning(r("ap.apUpload.pictureFormatNotSupported")), !1;
+        if (!/image\/\w+/.test(e.type) || !ce(e, y))
+          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);
+        G(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") {
-        S({
-          onProgress: (n) => {
-            const t = o.value.find((s) => s.uid === e.uid);
-            t && (t.percent = n);
+    async function G(e, a) {
+      if (v.value++, typeof P == "function") {
+        P({
+          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 || [],
+              T(_, 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 D(S);
+        e.oss = t, s.value.push(e), O({
           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: L,
+          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 || [],
+              T(_, 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 I(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({
-        [i(A)()]: !0,
-        [i(A)("admin")]: i(O) === "admin"
+    return (e, a) => (h(), g("div", {
+      class: X({
+        [i(U)()]: !0,
+        [i(U)("admin")]: i(B) === "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
-        }, [
-          p("div", pe, [
-            p("img", {
-              src: n.thumbUrl,
-              alt: ""
-            }, null, 8, de),
-            Y(p("div", me, [
-              p("div", {
-                class: "picture-item-close",
-                onClick: (t) => j(n)
-              }, [
-                C(i(te))
-              ], 8, fe),
-              n.status === "uploading" ? (f(), h("div", he, [
-                C(i(ie), {
-                  percent: n.percent,
-                  strokeColor: "#ffffff",
-                  trailColor: "rgba(255, 255, 255, 0.3)",
-                  size: 4,
-                  showInfo: !1
-                }, null, 8, ["percent"])
-              ])) : $("", !0)
-            ], 512), [
-              [Z, n.status === "uploading"]
+        onChange: M
+      }, null, 40, me),
+      d("div", fe, [
+        Y(e.$slots, "pictureContext", {
+          fileList: i(s).map((t) => {
+            var n;
+            return {
+              ...i(le)(t, "oss"),
+              oss: {
+                pauseUpload: (n = t == null ? void 0 : t.oss) == null ? void 0 : n.pauseUpload
+              }
+            };
+          }),
+          remove: I
+        }, () => [
+          (h(!0), g(Z, null, F(i(s), (t) => (h(), g("div", {
+            key: t.uid,
+            class: "picture-item"
+          }, [
+            d("div", he, [
+              d("img", {
+                src: t.thumbUrl,
+                alt: ""
+              }, null, 8, ge),
+              ee(d("div", ve, [
+                d("div", {
+                  class: "picture-item-close",
+                  onClick: (n) => I(t)
+                }, [
+                  k(i(se))
+                ], 8, xe),
+                t.status === "uploading" ? (h(), g("div", _e, [
+                  k(i(re), {
+                    percent: t.percent,
+                    strokeColor: "#ffffff",
+                    trailColor: "rgba(255, 255, 255, 0.3)",
+                    size: 4,
+                    showInfo: !1
+                  }, null, 8, ["percent"])
+                ])) : $("", !0)
+              ], 512), [
+                [te, t.status === "uploading"]
+              ])
             ])
-          ])
-        ]))), 128)),
-        i(l) === void 0 || i(o).length < i(l) ? (f(), h("div", {
+          ]))), 128))
+        ]),
+        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)
+          k(i(oe)),
+          d("div", null, C(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", ye, [
+        i(A) ? (h(), g("div", we, C(i(A)), 1)) : (h(), g("div", ke, C(`${i(r)("ap.apUpload.supportExtension")}：${i(ue)(i(y))}，${i(r)(
           "ap.apUpload.maxUploadPictureSize",
-          { maxSize: i(k) }
+          { maxSize: i(w) }
         )}`), 1))
       ])
     ], 2));
   }
 });
 export {
-  be as default
+  Te 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;