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

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

@@ -1,83 +1,91 @@
-import { defineComponent as $, inject as n, ref as j, watch as W, nextTick as G, openBlock as x, createElementBlock as C, normalizeClass as H, unref as s, createVNode as _, withCtx as b, createElementVNode as L, createTextVNode as J, toDisplayString as S, withModifiers as K, createBlock as Q, resolveDynamicComponent as V, createCommentVNode as X } from "vue";
+import { defineComponent as $, inject as n, ref as j, watch as V, nextTick as W, openBlock as h, createElementBlock as k, normalizeClass as G, unref as s, createVNode as C, withCtx as E, createElementVNode as L, createTextVNode as H, toDisplayString as b, withModifiers as J, createBlock as K, resolveDynamicComponent as Q, createCommentVNode as X } from "vue";
 import "../../config-provider/index.mjs";
-import { getPath as Y, getName as Z, getReturnData as y } from "../utils/returnData.mjs";
+import { getPath as Y, getName as Z, getReturnData as S } from "../utils/returnData.mjs";
 import { useOss as ee, getOssInstance as te } from "../hooks/useOss.mjs";
-import { message as c, Upload as oe, Button as ae } from "ant-design-vue";
+import { message as m, Upload as oe, Button as ae } from "ant-design-vue";
 import { UploadOutlined as se } from "@ant-design/icons-vue";
 import { fileMatchesAccept as ne, getAcceptText as ie } from "../utils/accept.mjs";
 import { useLocale as re } from "../../config-provider/hooks/use-locale.mjs";
 import { useNamespace as le } from "../../config-provider/hooks/use-namespace.mjs";
 const ue = { class: "multiple-file-context" }, pe = { key: 0 }, ce = { key: 1 }, Ce = /* @__PURE__ */ $({
   __name: "MultipleFile",
-  setup(me) {
-    const { t: i } = re(), { b: U } = le("ap-upload-multiple-file"), { put: B } = ee(), I = n("theme"), P = n("dirName"), w = n("accept") || "*", A = n("maxSize") ?? 500, z = n("title") || i("ap.apUpload.uploadFile"), h = n("subTitle"), r = n("maxCount") ?? 10, m = n("uploadingCount"), F = n("beforeUpload"), N = n("customRequest"), R = n("getOssAccess"), a = n("value"), g = [], d = n("needName"), p = j(null);
-    W(
+  setup(me, { expose: B }) {
+    const { t: i } = re(), { b: U } = le("ap-upload-multiple-file"), { put: I } = ee(), P = n("theme"), z = n("dirName"), x = n("accept") || "*", _ = n("maxSize") ?? 500, R = n("title") || i("ap.apUpload.uploadFile"), f = n("subTitle"), r = n("maxCount") ?? 10, d = n("uploadingCount"), A = n("beforeUpload"), F = n("customRequest"), O = n("getOssAccess"), a = n("value"), p = [], g = n("needName"), l = j(null);
+    V(
       () => a == null ? void 0 : a.value,
       function(e) {
         var t, o;
-        !((o = (t = p == null ? void 0 : p.value) == null ? void 0 : t.fileList) != null && o.length) && e && G(() => {
-          const l = e.map((u) => {
-            const E = Y(d, u), M = Z(d, u), k = new File(
-              [u],
-              M,
-              {}
-            );
-            return k.response = E, k.uid = E, k;
-          });
-          if (r && l.length > r) {
-            c.warning(
-              i("ap.apUpload.fileInitializationException", {
-                maxCount: r
-              })
-            );
-            return;
-          }
-          l.forEach((u) => {
-            f.push(u), g.push({
-              uid: u.uid,
-              path: u.response
-            });
-          }), p.value.fileList = l;
-        });
+        !((o = (t = l == null ? void 0 : l.value) == null ? void 0 : t.fileList) != null && o.length) && e && N(e);
       },
       { immediate: !0 }
     );
-    let f = [], T;
+    function N(e) {
+      if (!e) {
+        c = [], l.value.fileList = [], a.value = void 0, p.splice(0, p.length);
+        return;
+      }
+      W(() => {
+        const t = e.map((o) => {
+          const u = Y(g, o), y = Z(g, o), w = new File(
+            [o],
+            y,
+            {}
+          );
+          return w.response = u, w.uid = u, w;
+        });
+        if (r && t.length > r) {
+          m.warning(
+            i("ap.apUpload.fileInitializationException", {
+              maxCount: r
+            })
+          );
+          return;
+        }
+        t.forEach((o) => {
+          c.push(o), p.push({
+            uid: o.uid,
+            path: o.response
+          });
+        }), l.value.fileList = t, a.value = e;
+      });
+    }
+    B({ setValue: N });
+    let c = [], T;
     function v(e) {
       setTimeout(() => {
-        const t = p.value.fileList.findIndex(
+        const t = l.value.fileList.findIndex(
           (o) => o.uid === e.uid
         );
-        t >= 0 && p.value.fileList.splice(t, 1);
+        t >= 0 && l.value.fileList.splice(t, 1);
       });
     }
-    function O(e) {
-      if (r && r > 1 && f.length >= r)
+    function q(e) {
+      if (r && r > 1 && c.length >= r)
         return clearTimeout(T), T = setTimeout(() => {
-          c.warning(
+          m.warning(
             i("ap.apUpload.maxUploadFiles", {
               maxCount: r
             })
           );
         }), v(e), !1;
-      if (typeof F == "function") {
-        if (F(e) === !1)
+      if (typeof A == "function") {
+        if (A(e) === !1)
           return v(e), !1;
       } else {
-        if (e.size > A * 1024 * 1024)
-          return c.warning(
+        if (e.size > _ * 1024 * 1024)
+          return m.warning(
             i("ap.apUpload.maxUploadFileSize", {
-              maxSize: A
+              maxSize: _
             })
           ), v(e), !1;
-        if (!ne(e, w))
-          return c.warning(i("ap.apUpload.fileFormatNotSupported")), v(e), !1;
+        if (!ne(e, x))
+          return m.warning(i("ap.apUpload.fileFormatNotSupported")), v(e), !1;
       }
-      r && r === 1 && (f = [], a.value = void 0), f.push(e);
+      r && r === 1 && (c = [], a.value = void 0), c.push(e);
     }
-    async function q(e) {
-      if (m.value++, typeof N == "function") {
-        N({
+    async function D(e) {
+      if (d.value++, typeof F == "function") {
+        F({
           onProgress: (t) => {
             setTimeout(() => {
               e.onProgress({
@@ -86,50 +94,48 @@ const ue = { class: "multiple-file-context" }, pe = { key: 0 }, ce = { key: 1 },
             });
           },
           onError: (t) => {
-            c.warning(t || i("ap.apUpload.networkAnomaly")), setTimeout(() => {
+            m.warning(t || i("ap.apUpload.networkAnomaly")), setTimeout(() => {
               e.onError({
                 name: t,
                 message: t
               });
-            }), m.value--;
+            }), d.value--;
           },
           onSuccess: (t) => {
             setTimeout(() => {
               e.onSuccess(t);
-            }), a.value ? a.value.push(
-              y(d, t, e.file.name)
-            ) : a.value = [
-              y(d, t, e.file.name)
-            ], g.push({
+            }), a.value = [
+              ...a.value || [],
+              S(g, t, e.file.name)
+            ], p.push({
               uid: e.file.uid,
               path: t
-            }), m.value--;
+            }), d.value--;
           },
           file: e.file
         });
         return;
       }
       try {
-        const t = await te(R);
-        e.file.oss = t, B({
+        const t = await te(O);
+        e.file.oss = t, I({
           file: e.file,
-          dirName: P,
+          dirName: z,
           oss: t,
           successCallBack(o) {
-            e.onSuccess(o), a.value ? a.value.push(
-              y(d, o, e.file.name)
-            ) : a.value = [
-              y(d, o, e.file.name)
-            ], g.push({
+            e.onSuccess(o), a.value = [
+              ...a.value || [],
+              S(g, o, e.file.name)
+            ], p.push({
               uid: e.file.uid,
               path: o
-            }), m.value--;
+            }), d.value--;
           },
           errorCallBack(o) {
-            c.warning(o || i("ap.apUpload.networkAnomaly")), e.onError({
+            m.warning(o || i("ap.apUpload.networkAnomaly")), e.onError({
               name: o,
               message: o
-            }), m.value--;
+            }), d.value--;
           },
           progressCallBack(o) {
             e.onProgress({
@@ -138,38 +144,38 @@ const ue = { class: "multiple-file-context" }, pe = { key: 0 }, ce = { key: 1 },
           }
         });
       } catch (t) {
-        c.warning(
+        m.warning(
           typeof (t == null ? void 0 : t.message) == "string" ? t.message : i("ap.apUpload.networkAnomaly")
         ), e.onError({
           name: (t == null ? void 0 : t.message) || i("ap.apUpload.networkAnomaly"),
           message: (t == null ? void 0 : t.message) || i("ap.apUpload.networkAnomaly")
-        }), m.value--;
+        }), d.value--;
       }
     }
-    function D(e) {
+    function M(e) {
       var o;
       if (e.response) {
         if (Array.isArray(a.value)) {
-          const l = g.findIndex((u) => u.uid === e.uid);
-          l >= 0 && (a == null || a.value.splice(l, 1), g.splice(l, 1)), a.value.length === 0 && (a.value = void 0);
+          const u = p.findIndex((y) => y.uid === e.uid);
+          u >= 0 && (a == null || a.value.splice(u, 1), p.splice(u, 1)), a.value.length === 0 && (a.value = void 0);
         }
       } else
         (o = e == null ? void 0 : e.oss) == null || o.pauseUpload();
-      const t = f.findIndex(
-        (l) => l.uid === e.uid
+      const t = c.findIndex(
+        (u) => u.uid === e.uid
       );
-      return f.splice(t, 1), Promise.resolve(!0);
+      return c.splice(t, 1), Promise.resolve(!0);
     }
-    return (e, t) => (x(), C("div", {
-      class: H({
+    return (e, t) => (h(), k("div", {
+      class: G({
         [s(U)()]: !0,
-        [s(U)("admin")]: s(I) === "admin"
+        [s(U)("admin")]: s(P) === "admin"
       })
     }, [
-      _(s(oe), {
+      C(s(oe), {
         ref_key: "uploadRef",
-        ref: p,
-        accept: s(w),
+        ref: l,
+        accept: s(x),
         multiple: "",
         maxCount: s(r),
         progress: {
@@ -177,26 +183,26 @@ const ue = { class: "multiple-file-context" }, pe = { key: 0 }, ce = { key: 1 },
           showInfo: !1,
           strokeColor: "#0070FF"
         },
-        beforeUpload: O,
-        customRequest: q,
-        onRemove: D
+        beforeUpload: q,
+        customRequest: D,
+        onRemove: M
       }, {
-        default: b(() => [
+        default: E(() => [
           L("div", ue, [
-            _(s(ae), { class: "file-btn" }, {
-              default: b(() => [
-                _(s(se)),
-                J(" " + S(s(z)), 1)
+            C(s(ae), { class: "file-btn" }, {
+              default: E(() => [
+                C(s(se)),
+                H(" " + b(s(R)), 1)
               ]),
               _: 1
             }),
             L("div", {
               class: "sub-title",
-              onClick: t[0] || (t[0] = K(() => {
+              onClick: t[0] || (t[0] = J(() => {
               }, ["stop"]))
             }, [
-              typeof s(h) == "string" ? (x(), C("div", pe, S(s(h) || `${s(i)("ap.apUpload.supportExtension")}：${s(ie)(s(w))}`), 1)) : s(h) ? (x(), C("div", ce, [
-                (x(), Q(V(s(h))))
+              typeof s(f) == "string" ? (h(), k("div", pe, b(s(f) || `${s(i)("ap.apUpload.supportExtension")}：${s(ie)(s(x))}`), 1)) : s(f) ? (h(), k("div", ce, [
+                (h(), K(Q(s(f))))
               ])) : X("", !0)
             ])
           ])

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

@@ -1,3 +1,46 @@
+import { Oss } from '../hooks/useOss';
 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;
+interface UploadFile extends File {
+    uid: string;
+    thumbUrl?: string;
+    status: 'error' | 'success' | 'done' | 'uploading' | 'removed';
+    percent: number;
+    path?: string;
+    oss?: Oss;
+    [key: string | number | symbol]: any;
+}
+declare function handleRemove(uploadFile: UploadFile): Promise<boolean>;
+declare function __VLS_template(): {
+    slots: {
+        pictureContext?(_: {
+            fileList: {
+                oss: {
+                    pauseUpload: (() => Promise<{
+                        status: number;
+                        previewUrl?: string;
+                        saveUrl?: string;
+                        originalFileName?: string;
+                        message: string;
+                    }>) | undefined;
+                };
+            }[];
+            remove: typeof handleRemove;
+        }): any;
+    };
+    refs: {
+        fileRef: HTMLInputElement;
+    };
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<{}, {
+    setValue: typeof setValue;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};