@aplus-frontend/ui 0.2.3 → 0.2.5

package/es/src/ap-upload/apUpload.vue.d.ts

@@ -53,6 +53,9 @@ declare const __VLS_component: DefineComponent<{
         type: PropType<GetOssAccess>;
     };
     onChange: FunctionConstructor;
+    maxSizeErrorMsg: StringConstructor;
+    maxCountErrorMsg: StringConstructor;
+    acceptErrorMsg: StringConstructor;
 }, {
     done: ComputedRef<boolean>;
     clear: typeof clear;
@@ -101,6 +104,9 @@ declare const __VLS_component: DefineComponent<{
         type: PropType<GetOssAccess>;
     };
     onChange: FunctionConstructor;
+    maxSizeErrorMsg: StringConstructor;
+    maxCountErrorMsg: StringConstructor;
+    acceptErrorMsg: StringConstructor;
 }>> & {
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
 }, {

package/es/src/ap-upload/apUpload.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as k, ref as g, computed as v, provide as t, openBlock as y, createElementBlock as z, normalizeClass as T, unref as B, createBlock as L, resolveDynamicComponent as R, mergeProps as q, createSlots as P, renderList as M, withCtx as V, renderSlot as w, normalizeProps as D, guardReactiveProps as E } from "vue";
+import { defineComponent as A, ref as f, computed as v, provide as t, openBlock as y, createElementBlock as U, normalizeClass as $, unref as k, createBlock as T, resolveDynamicComponent as B, mergeProps as L, createSlots as R, renderList as q, withCtx as P, renderSlot as V, normalizeProps as w, guardReactiveProps as D } from "vue";
 import "../config-provider/index.mjs";
 import "./components/SingleFile.vue.mjs";
 import "./components/MultipleFile.vue.mjs";
@@ -11,8 +11,8 @@ import { useNamespace as K } from "../config-provider/hooks/use-namespace.mjs";
 import Q from "./components/SingleFile.vue2.mjs";
 import W from "./components/MultipleFile.vue2.mjs";
 import X from "./components/Picture.vue2.mjs";
-import { useGlobalConfig as b } from "../config-provider/hooks/use-global-config.mjs";
-const ue = /* @__PURE__ */ k({
+import { useGlobalConfig as C } from "../config-provider/hooks/use-global-config.mjs";
+const ue = /* @__PURE__ */ A({
   name: "AplusFileUpload",
   __name: "apUpload",
   props: {
@@ -56,57 +56,60 @@ const ue = /* @__PURE__ */ k({
     getOssAccess: {
       type: Function
     },
-    onChange: Function
+    onChange: Function,
+    maxSizeErrorMsg: String,
+    maxCountErrorMsg: String,
+    acceptErrorMsg: String
   },
   emits: ["update:value"],
-  setup(C, { expose: N, emit: _ }) {
-    var p, u, d, f;
-    const { t: c, lang: F } = J();
-    G(c), I(c, F);
-    const { b: S } = K("ap-upload"), s = g(null), e = C, O = _, h = {
+  setup(S, { expose: b, emit: x }) {
+    var l, u, d, g;
+    const { t: c, lang: M } = J();
+    G(c), I(c, M);
+    const { b: N } = K("ap-upload"), n = f(null), e = S, _ = x, E = {
       singleFile: Q,
       multipleFile: W,
       picture: X
-    }, i = H.useInjectFormItemContext(), j = v({
+    }, i = H.useInjectFormItemContext(), F = v({
       get() {
         return e.value;
       },
       set(o) {
-        var a;
-        O("update:value", o), i == null || i.onFieldChange(), (a = e.onChange) == null || a.call(e, o);
+        var r;
+        _("update:value", o), i == null || i.onFieldChange(), (r = e.onChange) == null || r.call(e, o);
       }
-    }), x = b("uiMode"), r = b("apUpload");
-    t("theme", x.value), t("value", j), t("dirName", e.dirName ?? ((p = r.value) == null ? void 0 : p.dirName)), t(
+    }), O = C("uiMode"), s = C("apUpload");
+    t("theme", O.value), t("value", F), t("dirName", e.dirName ?? ((l = s.value) == null ? void 0 : l.dirName)), t(
       "needName",
-      e.needName ?? ((u = r.value) == null ? void 0 : u.needName) ?? !1
-    ), t("accept", e.accept ?? ((d = r.value) == null ? void 0 : d.accept) ?? ""), t("maxSize", e.maxSize), t("title", e.title), t("subTitle", e.subTitle), t("maxCount", e.maxCount), t("beforeUpload", e.beforeUpload), t("customRequest", e.customRequest), t(
+      e.needName ?? ((u = s.value) == null ? void 0 : u.needName) ?? !1
+    ), t("accept", e.accept ?? ((d = s.value) == null ? void 0 : d.accept) ?? ""), t("maxSize", e.maxSize), t("title", e.title), t("subTitle", e.subTitle), t("maxCount", e.maxCount), t("beforeUpload", e.beforeUpload), t("customRequest", e.customRequest), t(
       "getOssAccess",
-      e.getOssAccess ?? ((f = r.value) == null ? void 0 : f.getOssAccess)
-    );
-    const A = v(() => l.value === 0), l = g(0);
-    t("uploadingCount", l);
-    function U() {
-      m(void 0);
+      e.getOssAccess ?? ((g = s.value) == null ? void 0 : g.getOssAccess)
+    ), t("maxSizeErrorMsg", e.maxSizeErrorMsg), t("maxCountErrorMsg", e.maxCountErrorMsg), t("acceptErrorMsg", e.acceptErrorMsg);
+    const z = v(() => m.value === 0), m = f(0);
+    t("uploadingCount", m);
+    function h() {
+      p(void 0);
     }
-    function m(o) {
-      var a, n;
-      (n = (a = s == null ? void 0 : s.value) == null ? void 0 : a.setValue) == null || n.call(a, o);
+    function p(o) {
+      var r, a;
+      (a = (r = n == null ? void 0 : n.value) == null ? void 0 : r.setValue) == null || a.call(r, o);
     }
-    return N({
-      done: A,
-      clear: U,
-      setValue: m
-    }), (o, a) => (y(), z("div", {
-      class: T(B(S)())
+    return b({
+      done: z,
+      clear: h,
+      setValue: p
+    }), (o, r) => (y(), U("div", {
+      class: $(k(N)())
     }, [
-      (y(), L(R(h[e.type]), q(o.$attrs, {
+      (y(), T(B(E[e.type]), L(o.$attrs, {
         ref_key: "uploadRef",
-        ref: s
-      }), P({ _: 2 }, [
-        M(Object.keys(o.$slots), (n) => ({
-          name: n,
-          fn: V(($) => [
-            w(o.$slots, n, D(E($ || {})))
+        ref: n
+      }), R({ _: 2 }, [
+        q(Object.keys(o.$slots), (a) => ({
+          name: a,
+          fn: P((j) => [
+            V(o.$slots, a, w(D(j || {})))
           ])
         }))
       ]), 1040))

package/es/src/ap-upload/apUploadTypes.d.ts

@@ -45,6 +45,18 @@ export type FileUploadProps = {
      * 默认为name，path
      */
     needName?: NeedNameModel;
+    /**
+     * 超出文件大小错误提示
+     */
+    maxSizeErrorMsg?: string;
+    /**
+     * 超出文件数量错误提示
+     */
+    maxCountErrorMsg?: string;
+    /**
+     * 文件类型错误提示
+     */
+    acceptErrorMsg?: string;
 };
 export type SingleFileProps = FileUploadProps & {
     /**

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

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