@aplus-frontend/ui 7.0.0 → 7.1.0

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

@@ -1,19 +1,19 @@
-import { defineComponent as U, ref as u, computed as p, provide as t, createElementBlock as O, openBlock as m, normalizeClass as R, unref as c, createBlock as z, resolveDynamicComponent as j, mergeProps as A, createSlots as $, renderList as k, withCtx as B, renderSlot as T, normalizeProps as w, guardReactiveProps as I } from "vue";
+import { defineComponent as h, ref as m, computed as c, provide as t, createElementBlock as N, openBlock as d, normalizeClass as U, unref as a, createBlock as O, resolveDynamicComponent as R, mergeProps as z, createSlots as j, renderList as A, withCtx as $, renderSlot as k, normalizeProps as B, guardReactiveProps as T } from "vue";
 import "../config-provider/index.mjs";
 import "./components/SingleFile.vue.mjs";
 import "./components/MultipleFile.vue.mjs";
 import "./components/Picture.vue.mjs";
-import { injectLocaleToAccept as L } from "./utils/accept.mjs";
-import { injectLocaleToOss as q } from "./hooks/useOss.mjs";
-import { Form as P } from "@aplus-frontend/antdv";
-import V from "./style/index.mjs";
-import { useLocale as D } from "../config-provider/hooks/use-locale.mjs";
-import { useNamespace as G } from "../config-provider/hooks/use-namespace.mjs";
-import H from "./components/Picture.vue2.mjs";
-import J from "./components/MultipleFile.vue2.mjs";
-import K from "./components/SingleFile.vue2.mjs";
-import { useGlobalConfig as d } from "../config-provider/hooks/use-global-config.mjs";
-const me = /* @__PURE__ */ U({
+import { injectLocaleToAccept as w } from "./utils/accept.mjs";
+import { injectLocaleToOss as I } from "./hooks/useOss.mjs";
+import { Form as L } from "@aplus-frontend/antdv";
+import q from "./style/index.mjs";
+import { useLocale as P } from "../config-provider/hooks/use-locale.mjs";
+import { useNamespace as V } from "../config-provider/hooks/use-namespace.mjs";
+import D from "./components/Picture.vue2.mjs";
+import G from "./components/MultipleFile.vue2.mjs";
+import H from "./components/SingleFile.vue2.mjs";
+import { useGlobalConfig as J } from "../config-provider/hooks/use-global-config.mjs";
+const K = ["id"], me = /* @__PURE__ */ h({
   name: "AplusFileUpload",
   __name: "apUpload",
   props: {
@@ -92,54 +92,55 @@ const me = /* @__PURE__ */ U({
   },
   emits: ["update:value"],
   setup(f, { expose: g, emit: v }) {
-    const { t: a, lang: y } = D();
-    L(a), q(a, y);
-    const { b: C } = G("ap-upload"), S = V("ap-upload"), n = u(null), e = f, x = v, b = {
-      singleFile: K,
-      multipleFile: J,
-      picture: H
-    }, M = P.useInjectFormItemContext(), E = p({
+    const { t: n, lang: y } = P();
+    w(n), I(n, y);
+    const { b: C } = V("ap-upload"), S = q("ap-upload"), s = m(null), e = f, x = v, b = {
+      singleFile: H,
+      multipleFile: G,
+      picture: D
+    }, i = L.useInjectFormItemContext(), E = c({
       get() {
         return e.value;
       },
       set(o) {
-        x("update:value", o), M?.onFieldChange(), e.onChange?.(o);
+        x("update:value", o), i?.onFieldChange(), e.onChange?.(o);
       }
-    }), F = d("uiMode"), r = d("apUpload");
-    t("theme", F.value), t("value", E), t("dirName", e.dirName ?? r.value?.dirName), t(
+    }), r = J("apUpload");
+    t("value", E), t("dirName", e.dirName ?? r.value?.dirName), t(
       "needName",
       e.needName ?? r.value?.needName ?? !1
     ), t("accept", e.accept ?? r.value?.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 ?? r.value?.getOssAccess
     ), t("maxSizeErrorMsg", e.maxSizeErrorMsg), t("maxCountErrorMsg", e.maxCountErrorMsg), t("acceptErrorMsg", e.acceptErrorMsg), t("onRemove", e.onRemove), t("showUploadErrorMsg", e.showUploadErrorMsg);
-    const h = p(() => s.value === 0), s = u(0);
-    t("uploadingCount", s);
-    function N() {
-      i(void 0);
+    const F = c(() => l.value === 0), l = m(0);
+    t("uploadingCount", l);
+    function M() {
+      p(void 0);
     }
-    function i(o) {
-      n?.value?.setValue?.(o);
+    function p(o) {
+      s?.value?.setValue?.(o);
     }
     return g({
-      done: h,
-      clear: N,
-      setValue: i
-    }), (o, Q) => (m(), O("div", {
-      class: R([c(C)(), c(S)])
+      done: F,
+      clear: M,
+      setValue: p
+    }), (o, Q) => (d(), N("div", {
+      id: a(i)?.id.value,
+      class: U([a(C)(), a(S)])
     }, [
-      (m(), z(j(b[e.type]), A(o.$attrs, {
+      (d(), O(R(b[e.type]), z(o.$attrs, {
         ref_key: "uploadRef",
-        ref: n
-      }), $({ _: 2 }, [
-        k(Object.keys(o.$slots), (l) => ({
-          name: l,
-          fn: B((_) => [
-            T(o.$slots, l, w(I(_ || {})))
+        ref: s
+      }), j({ _: 2 }, [
+        A(Object.keys(o.$slots), (u) => ({
+          name: u,
+          fn: $((_) => [
+            k(o.$slots, u, B(T(_ || {})))
           ])
         }))
       ]), 1040))
-    ], 2));
+    ], 10, K));
   }
 });
 export {

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

@@ -1,37 +1,37 @@
-import { defineComponent as X, inject as a, ref as Y, watch as Z, nextTick as ee, createElementBlock as U, openBlock as w, normalizeClass as oe, unref as s, createVNode as x, withCtx as k, createElementVNode as M, createTextVNode as te, toDisplayString as S, withModifiers as ae, createCommentVNode as se, createBlock as ne, resolveDynamicComponent as re } from "vue";
+import { defineComponent as Q, inject as a, ref as X, watch as Y, nextTick as Z, createElementBlock as U, openBlock as w, normalizeClass as ee, unref as s, createVNode as x, withCtx as k, createElementVNode as I, createTextVNode as oe, toDisplayString as M, withModifiers as te, createCommentVNode as ae, createBlock as se, resolveDynamicComponent as ne } from "vue";
 import "../../config-provider/index.mjs";
-import { getPath as le, getName as ie, getReturnData as L } from "../utils/returnData.mjs";
-import { useOss as ue, getOssInstance as z } from "../hooks/useOss.mjs";
-import { message as c, Upload as ce, Button as pe } from "@aplus-frontend/antdv";
-import { UploadOutlined as de, VerticalAlignBottomOutlined as me } from "@ant-design/icons-vue";
-import { fileMatchesAccept as fe, getAcceptText as ge } from "../utils/accept.mjs";
-import he from "../style/index.mjs";
-import { useGlobalConfig as ve } from "../../config-provider/hooks/use-global-config.mjs";
-import { useLocale as we } from "../../config-provider/hooks/use-locale.mjs";
-import { useNamespace as xe } from "../../config-provider/hooks/use-namespace.mjs";
-const ye = { class: "multiple-file-context" }, Ce = { key: 0 }, Ue = { key: 1 }, Le = /* @__PURE__ */ X({
+import { getPath as re, getName as le, getReturnData as S } from "../utils/returnData.mjs";
+import { useOss as ie, getOssInstance as L } from "../hooks/useOss.mjs";
+import { message as c, Upload as ue, Button as ce } from "@aplus-frontend/antdv";
+import { UploadOutlined as pe, VerticalAlignBottomOutlined as de } from "@ant-design/icons-vue";
+import { fileMatchesAccept as me, getAcceptText as fe } from "../utils/accept.mjs";
+import ge from "../style/index.mjs";
+import { useGlobalConfig as he } from "../../config-provider/hooks/use-global-config.mjs";
+import { useLocale as ve } from "../../config-provider/hooks/use-locale.mjs";
+import { useNamespace as we } from "../../config-provider/hooks/use-namespace.mjs";
+const xe = { class: "multiple-file-context" }, ye = { key: 0 }, Ce = { key: 1 }, Se = /* @__PURE__ */ Q({
   __name: "MultipleFile",
-  setup(ke, { expose: B }) {
-    const E = ve(
+  setup(Ue, { expose: z }) {
+    const E = he(
       "downloadCenterTriggerConfig"
-    ), { t: r } = we(), { b: N } = xe("ap-upload-multiple-file"), O = he("ap-upload"), { put: P } = ue(), D = a("theme"), V = a("dirName"), y = a("accept") || "*", _ = a("maxSize") ?? 500, q = a("title") || r("ap.apUpload.uploadFile"), m = a("subTitle"), l = a("maxCount") ?? 10, p = a("uploadingCount"), b = a("beforeUpload"), F = a("customRequest"), T = a("getOssAccess"), j = a("maxSizeErrorMsg"), $ = a("maxCountErrorMsg"), G = a("acceptErrorMsg"), A = a("onRemove"), C = a("showUploadErrorMsg"), n = a("value"), i = [], f = a("needName"), d = Y(null);
-    Z(
+    ), { t: r } = ve(), { b: B } = we("ap-upload-multiple-file"), O = ge("ap-upload"), { put: P } = ie(), D = a("dirName"), y = a("accept") || "*", N = a("maxSize") ?? 500, V = a("title") || r("ap.apUpload.uploadFile"), m = a("subTitle"), l = a("maxCount") ?? 10, p = a("uploadingCount"), _ = a("beforeUpload"), b = a("customRequest"), F = a("getOssAccess"), q = a("maxSizeErrorMsg"), j = a("maxCountErrorMsg"), $ = a("acceptErrorMsg"), T = a("onRemove"), C = a("showUploadErrorMsg"), n = a("value"), i = [], f = a("needName"), d = X(null);
+    Y(
       () => n?.value,
       function(e) {
-        !d?.value?.fileList?.length && e && R(e);
+        !d?.value?.fileList?.length && e && A(e);
       },
       { immediate: !0 }
     );
-    function R(e) {
+    function A(e) {
       if (!e) {
         u = [], d.value.fileList = [], n.value = void 0, i.splice(0, i.length);
         return;
       }
-      ee(() => {
+      Z(() => {
         const o = e.map((t) => {
-          const h = le(f, t), Q = ie(f, t), v = new File(
+          const h = re(f, t), K = le(f, t), v = new File(
             [t],
-            Q,
+            K,
             {}
           );
           return v.response = h, v.uid = h, v.status = "done", v;
@@ -52,8 +52,8 @@ const ye = { class: "multiple-file-context" }, Ce = { key: 0 }, Ue = { key: 1 },
         }), d.value.fileList = o, n.value = e;
       });
     }
-    B({ setValue: R });
-    let u = [], I;
+    z({ setValue: A });
+    let u = [], R;
     function g(e) {
       setTimeout(() => {
         const o = d.value.fileList.findIndex(
@@ -62,32 +62,32 @@ const ye = { class: "multiple-file-context" }, Ce = { key: 0 }, Ue = { key: 1 },
         o >= 0 && d.value.fileList.splice(o, 1);
       });
     }
-    async function W(e) {
+    async function G(e) {
       if (l && l > 1 && u.length >= l)
-        return clearTimeout(I), I = setTimeout(() => {
+        return clearTimeout(R), R = setTimeout(() => {
           c.warning(
-            $ || r("ap.apUpload.maxUploadFiles", {
+            j || r("ap.apUpload.maxUploadFiles", {
               maxCount: l
             })
           );
         }), g(e), !1;
-      if (e.size > _ * 1024 * 1024)
+      if (e.size > N * 1024 * 1024)
         return c.warning(
-          j || r("ap.apUpload.maxUploadFileSize", {
-            maxSize: _
+          q || r("ap.apUpload.maxUploadFileSize", {
+            maxSize: N
           })
         ), g(e), !1;
-      if (!fe(e, y))
+      if (!me(e, y))
         return c.warning(
-          G || r("ap.apUpload.fileFormatNotSupported")
+          $ || r("ap.apUpload.fileFormatNotSupported")
         ), g(e), !1;
-      if (typeof b == "function" && await b(e) === !1)
+      if (typeof _ == "function" && await _(e) === !1)
         return g(e), !1;
       l && l === 1 && (u = [], n.value = void 0), u.push(e);
     }
-    async function H(e) {
-      if (p.value++, typeof F == "function") {
-        F({
+    async function W(e) {
+      if (p.value++, typeof b == "function") {
+        b({
           onProgress: (o) => {
             setTimeout(() => {
               e.onProgress({
@@ -108,7 +108,7 @@ const ye = { class: "multiple-file-context" }, Ce = { key: 0 }, Ue = { key: 1 },
               e.onSuccess(o);
             }), n.value = [
               ...n.value || [],
-              L(f, o, e.file.name)
+              S(f, o, e.file.name)
             ], i.push({
               uid: e.file.uid,
               path: o
@@ -119,15 +119,15 @@ const ye = { class: "multiple-file-context" }, Ce = { key: 0 }, Ue = { key: 1 },
         return;
       }
       try {
-        const o = await z(T);
+        const o = await L(F);
         e.file.oss = o, P({
           file: e.file,
-          dirName: V,
+          dirName: D,
           oss: o,
           successCallBack(t) {
             e.onSuccess(t), n.value = [
               ...n.value || [],
-              L(f, t, e.file.name)
+              S(f, t, e.file.name)
             ], i.push({
               uid: e.file.uid,
               path: t
@@ -154,8 +154,8 @@ const ye = { class: "multiple-file-context" }, Ce = { key: 0 }, Ue = { key: 1 },
         }), p.value--;
       }
     }
-    function J(e) {
-      if (A && A?.(e), e.response) {
+    function H(e) {
+      if (T && T?.(e), e.response) {
         if (Array.isArray(n.value)) {
           const t = i.findIndex((h) => h.uid === e.uid);
           t >= 0 && (n?.value.splice(t, 1), i.splice(t, 1)), n.value.length === 0 && (n.value = void 0);
@@ -167,7 +167,7 @@ const ye = { class: "multiple-file-context" }, Ce = { key: 0 }, Ue = { key: 1 },
       );
       return u.splice(o, 1), Promise.resolve(!0);
     }
-    const K = async (e) => {
+    const J = async (e) => {
       if (E.value?.trigger) {
         let o = [e].map((t) => ({
           objectName: t.response,
@@ -175,7 +175,7 @@ const ye = { class: "multiple-file-context" }, Ce = { key: 0 }, Ue = { key: 1 },
         }));
         E.value?.trigger?.(o);
       } else
-        (await z(T)).downloadFile([
+        (await L(F)).downloadFile([
           {
             path: e.response,
             fileName: e.name
@@ -183,13 +183,12 @@ const ye = { class: "multiple-file-context" }, Ce = { key: 0 }, Ue = { key: 1 },
         ]);
     };
     return (e, o) => (w(), U("div", {
-      class: oe({
-        [s(N)()]: !0,
-        [s(N)("admin")]: s(D) === "admin",
+      class: ee({
+        [s(B)()]: !0,
         [s(O) ?? ""]: !0
       })
     }, [
-      x(s(ce), {
+      x(s(ue), {
         ref_key: "uploadRef",
         ref: d,
         accept: s(y),
@@ -200,32 +199,32 @@ const ye = { class: "multiple-file-context" }, Ce = { key: 0 }, Ue = { key: 1 },
           showInfo: !1,
           strokeColor: "#0070FF"
         },
-        "before-upload": W,
-        "custom-request": H,
+        "before-upload": G,
+        "custom-request": W,
         "show-upload-list": { showDownloadIcon: !0, showRemoveIcon: !0 },
-        onRemove: J,
-        onDownload: K
+        onRemove: H,
+        onDownload: J
       }, {
         downloadIcon: k(() => [
-          x(s(me))
+          x(s(de))
         ]),
         default: k(() => [
-          M("div", ye, [
-            x(s(pe), { class: "file-btn" }, {
+          I("div", xe, [
+            x(s(ce), { class: "file-btn" }, {
               default: k(() => [
-                x(s(de)),
-                te(" " + S(s(q)), 1)
+                x(s(pe)),
+                oe(" " + M(s(V)), 1)
               ]),
               _: 1
             }),
-            M("div", {
+            I("div", {
               class: "sub-title",
-              onClick: o[0] || (o[0] = ae(() => {
+              onClick: o[0] || (o[0] = te(() => {
               }, ["stop"]))
             }, [
-              typeof s(m) == "string" ? (w(), U("div", Ce, S(s(m) || `${s(r)("ap.apUpload.supportExtension")}：${s(ge)(s(y))}`), 1)) : s(m) ? (w(), U("div", Ue, [
-                (w(), ne(re(s(m))))
-              ])) : se("", !0)
+              typeof s(m) == "string" ? (w(), U("div", ye, M(s(m) || `${s(r)("ap.apUpload.supportExtension")}：${s(fe)(s(y))}`), 1)) : s(m) ? (w(), U("div", Ce, [
+                (w(), se(ne(s(m))))
+              ])) : ae("", !0)
             ])
           ])
         ]),
@@ -235,5 +234,5 @@ const ye = { class: "multiple-file-context" }, Ce = { key: 0 }, Ue = { key: 1 },
   }
 });
 export {
-  Le as default
+  Se as default
 };