@aplus-frontend/ui 7.14.1 → 7.14.3

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

@@ -1,42 +1,43 @@
-import { defineComponent as oe, inject as s, ref as te, watch as se, nextTick as ae, createElementBlock as U, openBlock as y, normalizeClass as ne, unref as a, createVNode as k, withCtx as N, createElementVNode as M, createTextVNode as re, toDisplayString as L, withModifiers as ie, createCommentVNode as le, createBlock as ce, resolveDynamicComponent as ue } from "vue";
+import { defineComponent as oe, inject as s, ref as te, watch as se, nextTick as ae, createElementBlock as N, openBlock as y, normalizeClass as ne, unref as a, createVNode as k, withCtx as U, createElementVNode as S, createTextVNode as re, toDisplayString as D, withModifiers as ie, createCommentVNode as le, createBlock as ce, resolveDynamicComponent as ue } from "vue";
 import { UploadOutlined as pe } from "@ant-design/icons-vue";
-import { message as p, Upload as de, Button as me } from "@aplus-frontend/antdv";
+import { message as p, Upload as me, Button as de } from "@aplus-frontend/antdv";
 import { IconApAdLineDownload as fe } from "@aplus-frontend/icon";
 import { ApFilePreview as ge } from "../../ap-file-preview/index.mjs";
 import "../../../config-provider/index.mjs";
-import { useOss as we, getOssInstance as S } from "../hooks/useOss.mjs";
-import he from "../style/index.mjs";
-import { fileMatchesAccept as ve, getAcceptText as xe } from "../utils/accept.mjs";
-import { getPath as ye, getName as ke, getReturnData as z } from "../utils/returnData.mjs";
-import { useGlobalConfig as be } from "../../../config-provider/hooks/use-global-config.mjs";
-import { useLocale as Ce } from "../../../config-provider/hooks/use-locale.mjs";
+import { randomStr as we } from "../../../utils/index.mjs";
+import { useOss as he, getOssInstance as L } from "../hooks/useOss.mjs";
+import ve from "../style/index.mjs";
+import { fileMatchesAccept as xe, getAcceptText as ye } from "../utils/accept.mjs";
+import { getPath as ke, getName as be, getReturnData as z } from "../utils/returnData.mjs";
+import { useGlobalConfig as Ce } from "../../../config-provider/hooks/use-global-config.mjs";
+import { useLocale as Ne } from "../../../config-provider/hooks/use-locale.mjs";
 import { useNamespace as Ue } from "../../../config-provider/hooks/use-namespace.mjs";
-const Ne = { class: "multiple-file-context" }, Ee = { key: 0 }, _e = { key: 1 }, qe = /* @__PURE__ */ oe({
+const Ee = { class: "multiple-file-context" }, _e = { key: 0 }, Fe = { key: 1 }, $e = /* @__PURE__ */ oe({
   __name: "MultipleFile",
-  setup(Fe, { expose: B }) {
-    const E = be(
+  setup(Ae, { expose: B }) {
+    const E = Ce(
       "downloadCenterTriggerConfig"
-    ), { t: i } = Ce(), { b: O } = Ue("ap-upload-multiple-file"), V = he("ap-upload"), { put: q } = we(), j = s("dirName"), $ = s("baseDirName"), b = s("accept") || "*", _ = s("maxSize") ?? 500, G = s("title") || i("ap.apUpload.uploadFile"), f = s("subTitle"), l = s("maxCount") ?? 10, d = s("uploadingCount"), F = s("beforeUpload"), A = s("customRequest"), g = s("getOssAccess"), W = s("maxSizeErrorMsg"), H = s("maxCountErrorMsg"), J = s("acceptErrorMsg"), I = s("onRemove"), C = s("showUploadErrorMsg"), P = s("bucket"), K = s("showDownload") ?? !0, w = s("showPreview") ?? !0, r = s("value"), c = [], h = s("needName"), m = te(null);
+    ), { t: i } = Ne(), { b: O } = Ue("ap-upload-multiple-file"), V = ve("ap-upload"), { put: q } = he(), j = s("dirName"), $ = s("baseDirName"), b = s("accept") || "*", _ = s("maxSize") ?? 500, G = s("title") || i("ap.apUpload.uploadFile"), f = s("subTitle"), l = s("maxCount") ?? 10, m = s("uploadingCount"), F = s("beforeUpload"), A = s("customRequest"), g = s("getOssAccess"), W = s("maxSizeErrorMsg"), H = s("maxCountErrorMsg"), J = s("acceptErrorMsg"), P = s("onRemove"), C = s("showUploadErrorMsg"), T = s("bucket"), K = s("showDownload") ?? !0, w = s("showPreview") ?? !0, r = s("value"), c = [], h = s("needName"), d = te(null);
     se(
       () => r?.value,
       function(e) {
-        !m?.value?.fileList?.length && e && T(e);
+        !d?.value?.fileList?.length && e && I(e);
       },
       { immediate: !0 }
     );
-    function T(e) {
+    function I(e) {
       if (!e) {
-        u = [], m.value.fileList = [], r.value = void 0, c.splice(0, c.length);
+        u = [], d.value.fileList = [], r.value = void 0, c.splice(0, c.length);
         return;
       }
       ae(() => {
         const o = e.map((t) => {
-          const n = ye(h, t), D = ke(h, t), x = new File(
+          const n = ke(h, t), M = be(h, t), x = new File(
             [t],
-            D,
+            M,
             {}
           );
-          return x.response = n, x.uid = crypto.randomUUID(), x.status = "done", x;
+          return x.response = n, x.uid = we(18), x.status = "done", x;
         });
         if (l && o.length > l) {
           p.warning(
@@ -51,17 +52,17 @@ const Ne = { class: "multiple-file-context" }, Ee = { key: 0 }, _e = { key: 1 },
             uid: t.uid,
             path: t.response
           });
-        }), m.value.fileList = o, r.value = e;
+        }), d.value.fileList = o, r.value = e;
       });
     }
-    B({ setValue: T });
+    B({ setValue: I });
     let u = [], R;
     function v(e) {
       setTimeout(() => {
-        const o = m.value.fileList.findIndex(
+        const o = d.value.fileList.findIndex(
           (t) => t.uid === e.uid
         );
-        o >= 0 && m.value.fileList.splice(o, 1);
+        o >= 0 && d.value.fileList.splice(o, 1);
       });
     }
     async function Q(e) {
@@ -79,7 +80,7 @@ const Ne = { class: "multiple-file-context" }, Ee = { key: 0 }, _e = { key: 1 },
             maxSize: _
           })
         ), v(e), !1;
-      if (!ve(e, b))
+      if (!xe(e, b))
         return p.warning(
           J || i("ap.apUpload.fileFormatNotSupported")
         ), v(e), !1;
@@ -88,7 +89,7 @@ const Ne = { class: "multiple-file-context" }, Ee = { key: 0 }, _e = { key: 1 },
       l && l === 1 && (u = [], r.value = void 0), u.push(e);
     }
     async function X(e) {
-      if (d.value++, typeof A == "function") {
+      if (m.value++, typeof A == "function") {
         A({
           onProgress: (o) => {
             setTimeout(() => {
@@ -103,7 +104,7 @@ const Ne = { class: "multiple-file-context" }, Ee = { key: 0 }, _e = { key: 1 },
                 name: o,
                 message: o
               });
-            }), d.value--;
+            }), m.value--;
           },
           onSuccess: (o) => {
             setTimeout(() => {
@@ -114,14 +115,14 @@ const Ne = { class: "multiple-file-context" }, Ee = { key: 0 }, _e = { key: 1 },
             ], c.push({
               uid: e.file.uid,
               path: o
-            }), d.value--;
+            }), m.value--;
           },
           file: e.file
         });
         return;
       }
       try {
-        const o = await (P ? g(P) : g()), t = await S(async () => o);
+        const o = await (T ? g(T) : g()), t = await L(async () => o);
         e.file.oss = t, q({
           file: e.file,
           dirName: j,
@@ -133,13 +134,13 @@ const Ne = { class: "multiple-file-context" }, Ee = { key: 0 }, _e = { key: 1 },
             ], c.push({
               uid: e.file.uid,
               path: n
-            }), d.value--;
+            }), m.value--;
           },
           errorCallBack(n) {
             C && p.warning(n || i("ap.apUpload.networkAnomaly")), e.onError({
               name: n,
               message: n
-            }), d.value--;
+            }), m.value--;
           },
           progressCallBack(n) {
             e.onProgress({
@@ -155,11 +156,11 @@ const Ne = { class: "multiple-file-context" }, Ee = { key: 0 }, _e = { key: 1 },
         ), e.onError({
           name: o?.message || i("ap.apUpload.networkAnomaly"),
           message: o?.message || i("ap.apUpload.networkAnomaly")
-        }), d.value--;
+        }), m.value--;
       }
     }
     function Y(e) {
-      if (I && I?.(e), e.response) {
+      if (P && P?.(e), e.response) {
         if (Array.isArray(r.value)) {
           const t = c.findIndex((n) => n.uid === e.uid);
           t >= 0 && (r?.value.splice(t, 1), c.splice(t, 1)), r.value.length === 0 && (r.value = void 0);
@@ -180,7 +181,7 @@ const Ne = { class: "multiple-file-context" }, Ee = { key: 0 }, _e = { key: 1 },
         E.value?.trigger?.(o);
       } else {
         const o = e.response?.match(/^([^:]+):(.*)$/), t = o?.[1], n = o?.[2] ?? e.response;
-        (await S(
+        (await L(
           () => t ? g?.(t) : g?.()
         )).downloadFile([
           {
@@ -195,15 +196,15 @@ const Ne = { class: "multiple-file-context" }, Ee = { key: 0 }, _e = { key: 1 },
         fileName: e.name
       });
     };
-    return (e, o) => (y(), U("div", {
+    return (e, o) => (y(), N("div", {
       class: ne({
         [a(O)()]: !0,
         [a(V) ?? ""]: !0
       })
     }, [
-      k(a(de), {
+      k(a(me), {
         ref_key: "uploadRef",
-        ref: m,
+        ref: d,
         accept: a(b),
         multiple: "",
         "max-count": a(l),
@@ -223,24 +224,24 @@ const Ne = { class: "multiple-file-context" }, Ee = { key: 0 }, _e = { key: 1 },
         onRemove: Y,
         onDownload: Z
       }, {
-        downloadIcon: N(() => [
+        downloadIcon: U(() => [
           k(a(fe), { class: "anticon anticon-vertical-align-bottom" })
         ]),
-        default: N(() => [
-          M("div", Ne, [
-            k(a(me), { class: "file-btn" }, {
-              default: N(() => [
+        default: U(() => [
+          S("div", Ee, [
+            k(a(de), { class: "file-btn" }, {
+              default: U(() => [
                 k(a(pe)),
-                re(" " + L(a(G)), 1)
+                re(" " + D(a(G)), 1)
               ]),
               _: 1
             }),
-            M("div", {
+            S("div", {
               class: "sub-title",
               onClick: o[0] || (o[0] = ie(() => {
               }, ["stop"]))
             }, [
-              typeof a(f) == "string" ? (y(), U("div", Ee, L(a(f) || `${a(i)("ap.apUpload.supportExtension")}：${a(xe)(a(b))}`), 1)) : a(f) ? (y(), U("div", _e, [
+              typeof a(f) == "string" ? (y(), N("div", _e, D(a(f) || `${a(i)("ap.apUpload.supportExtension")}：${a(ye)(a(b))}`), 1)) : a(f) ? (y(), N("div", Fe, [
                 (y(), ce(ue(a(f))))
               ])) : le("", !0)
             ])
@@ -252,5 +253,5 @@ const Ne = { class: "multiple-file-context" }, Ee = { key: 0 }, _e = { key: 1 },
   }
 });
 export {
-  qe as default
+  $e as default
 };

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

@@ -1,52 +1,53 @@
-import { defineComponent as se, inject as i, ref as V, watch as oe, nextTick as ne, createElementBlock as h, openBlock as v, normalizeClass as ie, unref as n, createElementVNode as m, renderSlot as ce, createCommentVNode as $, Fragment as re, renderList as ue, withDirectives as le, createVNode as b, vShow as pe, toDisplayString as E } from "vue";
+import { defineComponent as oe, inject as i, ref as $, watch as se, nextTick as ne, createElementBlock as h, openBlock as v, normalizeClass as ie, unref as n, createElementVNode as m, renderSlot as re, createCommentVNode as D, Fragment as ce, renderList as ue, withDirectives as le, createVNode as b, vShow as pe, toDisplayString as S } from "vue";
 import { CloseOutlined as de, PlusOutlined as me } from "@ant-design/icons-vue";
 import { message as f, Progress as fe } from "@aplus-frontend/antdv";
 import { omit as ge } from "lodash-unified";
 import "../../../config-provider/index.mjs";
-import { useOss as he, getOssInstance as L } from "../hooks/useOss.mjs";
-import ve from "../style/index.mjs";
-import { fileMatchesAccept as xe, getAcceptText as ye } from "../utils/accept.mjs";
-import { getPath as we, getName as _e, getReturnData as O } from "../utils/returnData.mjs";
+import { randomStr as he } from "../../../utils/index.mjs";
+import { useOss as ve, getOssInstance as L } from "../hooks/useOss.mjs";
+import xe from "../style/index.mjs";
+import { fileMatchesAccept as ye, getAcceptText as we } from "../utils/accept.mjs";
+import { getPath as _e, getName as ke, getReturnData as O } from "../utils/returnData.mjs";
 import { useLocale as Ue } from "../../../config-provider/hooks/use-locale.mjs";
-import { useNamespace as ke } from "../../../config-provider/hooks/use-namespace.mjs";
-const Ce = ["accept"], be = { class: "picture-context" }, Ee = { class: "picture-item-box" }, Ne = ["src"], Se = { class: "picture-item-shadow" }, Re = ["onClick"], ze = {
+import { useNamespace as Ce } from "../../../config-provider/hooks/use-namespace.mjs";
+const be = ["accept"], Se = { class: "picture-context" }, Ee = { class: "picture-item-box" }, Ne = ["src"], Re = { class: "picture-item-shadow" }, ze = ["onClick"], Ae = {
   key: 0,
   class: "picture-item-uploading"
-}, Ae = { class: "picture-title" }, Me = { key: 0 }, Pe = { key: 1 }, Je = /* @__PURE__ */ se({
+}, Me = { class: "picture-title" }, Pe = { key: 0 }, Ie = { key: 1 }, Qe = /* @__PURE__ */ oe({
   __name: "Picture",
-  setup(Ie, { expose: T }) {
-    const { t: l } = Ue(), { b: B } = ke("ap-upload-picture"), q = ve("ap-upload"), { put: j } = he(), G = i("dirName"), H = i("baseDirName"), U = i("accept") || "image/*", k = i("maxSize") ?? 5, N = i("title"), p = i("maxCount") ?? 10, x = i("uploadingCount"), S = i("beforeUpload"), R = i("customRequest"), y = i("getOssAccess"), J = i("maxSizeErrorMsg"), K = i("maxCountErrorMsg"), Q = i("acceptErrorMsg"), w = V(null), r = i("value"), _ = i("needName"), z = i("onRemove"), C = i("showUploadErrorMsg"), A = i("bucket");
-    let o = V([]);
+  setup(Ve, { expose: T }) {
+    const { t: l } = Ue(), { b: B } = Ce("ap-upload-picture"), q = xe("ap-upload"), { put: j } = ve(), G = i("dirName"), H = i("baseDirName"), k = i("accept") || "image/*", U = i("maxSize") ?? 5, E = i("title"), p = i("maxCount") ?? 10, x = i("uploadingCount"), N = i("beforeUpload"), R = i("customRequest"), y = i("getOssAccess"), J = i("maxSizeErrorMsg"), K = i("maxCountErrorMsg"), Q = i("acceptErrorMsg"), w = $(null), c = i("value"), _ = i("needName"), z = i("onRemove"), C = i("showUploadErrorMsg"), A = i("bucket");
+    let s = $([]);
     const g = [];
-    oe(
-      () => r?.value,
+    se(
+      () => c?.value,
       async function(t) {
-        !o?.value?.length && t && M(t);
+        !s?.value?.length && t && M(t);
       },
       { immediate: !0 }
     );
     function M(t) {
       if (!t) {
-        r.value = void 0, g.splice(0, g.length), o.value = [];
+        c.value = void 0, g.splice(0, g.length), s.value = [];
         return;
       }
       ne(async () => {
-        const s = [];
+        const o = [];
         for (let e of t) {
-          const a = we(_, e), c = _e(_, e), u = a?.match(/^([^:]+):(.*)$/), d = u?.[1], ee = u?.[2] ?? a, D = await L(
+          const a = _e(_, e), r = ke(_, e), u = a?.match(/^([^:]+):(.*)$/), d = u?.[1], ee = u?.[2] ?? a, V = await L(
             () => d ? y?.(d) : y?.()
-          ), te = await D.getSignatureUrl(ee), ae = {
+          ), te = await V.getSignatureUrl(ee), ae = {
             ...typeof e == "string" ? {} : e,
-            ...new File([e], c, {}),
-            uid: crypto.randomUUID(),
+            ...new File([e], r, {}),
+            uid: he(18),
             thumbUrl: te,
             status: "success",
             percent: 100,
             path: a
           };
-          s.push(ae), D.destroy();
+          o.push(ae), V.destroy();
         }
-        if (p && s.length > p) {
+        if (p && o.length > p) {
           f.warning(
             l("ap.apUpload.fileInitializationException", {
               maxCount: p
@@ -54,12 +55,12 @@ const Ce = ["accept"], be = { class: "picture-context" }, Ee = { class: "picture
           );
           return;
         }
-        s.forEach((e) => {
-          o.value.push(e), g.push({
+        o.forEach((e) => {
+          s.value.push(e), g.push({
             uid: e.uid,
             path: e.path
           });
-        }), r.value = t;
+        }), c.value = t;
       });
     }
     T({ setValue: M });
@@ -67,35 +68,35 @@ const Ce = ["accept"], be = { class: "picture-context" }, Ee = { class: "picture
       w.value?.click();
     }
     function X(t) {
-      const s = t.target;
-      Y(s?.files);
+      const o = t.target;
+      Y(o?.files);
     }
     function Y(t) {
       if (t?.length)
-        for (let s = 0; s < t.length; s++)
-          Z(t[s]);
+        for (let o = 0; o < t.length; o++)
+          Z(t[o]);
       w.value && (w.value.value = "");
     }
     let P;
     async function Z(t) {
-      if (p && p > 1 && o.value.length >= p)
+      if (p && p > 1 && s.value.length >= p)
         return clearTimeout(P), P = setTimeout(() => {
           f.warning(
             K || l("ap.apUpload.maxUploadPicture", { maxCount: p })
           );
         }), !1;
-      if (t.size > k * 1024 * 1024)
+      if (t.size > U * 1024 * 1024)
         return f.warning(
-          J || l("ap.apUpload.maxUploadFileSize", { maxSize: k })
+          J || l("ap.apUpload.maxUploadFileSize", { maxSize: U })
         ), !1;
-      if (!/image\/\w+/.test(t.type) || !xe(t, U))
+      if (!/image\/\w+/.test(t.type) || !ye(t, k))
         return f.warning(
           Q || l("ap.apUpload.pictureFormatNotSupported")
         ), !1;
-      if (typeof S == "function" && await S(t) === !1)
+      if (typeof N == "function" && await N(t) === !1)
         return !1;
-      const s = new FileReader();
-      s.readAsDataURL(t), s.onload = function() {
+      const o = new FileReader();
+      o.readAsDataURL(t), o.onload = function() {
         const e = {
           ...t,
           uid: `${(/* @__PURE__ */ new Date()).getTime()}-${Math.random()}`,
@@ -104,64 +105,64 @@ const Ce = ["accept"], be = { class: "picture-context" }, Ee = { class: "picture
           percent: 0
         };
         F(e, t);
-      }, s.onerror = function() {
+      }, o.onerror = function() {
         f.warning(l("ap.apUpload.imageParsingFailed"));
       };
     }
-    async function F(t, s) {
+    async function F(t, o) {
       if (x.value++, typeof R == "function") {
         R({
           onProgress: (e) => {
-            const a = o.value.find((c) => c.uid === t.uid);
+            const a = s.value.find((r) => r.uid === t.uid);
             a && (a.percent = e);
           },
           onError: (e) => {
             C && f.warning(e || l("ap.apUpload.networkAnomaly"));
-            const a = o.value.findIndex(
-              (c) => c.uid === t.uid
+            const a = s.value.findIndex(
+              (r) => r.uid === t.uid
             );
-            a > -1 && o.value.splice(a, 1), x.value--;
+            a > -1 && s.value.splice(a, 1), x.value--;
           },
           onSuccess: (e) => {
-            const a = o.value.find((c) => c.uid === t.uid);
-            a && (a.status = "success", a.path = e), r.value = [
-              ...r.value || [],
-              O(_, e, s.name)
+            const a = s.value.find((r) => r.uid === t.uid);
+            a && (a.status = "success", a.path = e), c.value = [
+              ...c.value || [],
+              O(_, e, o.name)
             ], g.push({
               uid: t.uid,
               path: e
             }), x.value--;
           },
-          file: s
+          file: o
         });
         return;
       }
       try {
         const e = await (A ? y(A) : y()), a = await L(async () => e);
-        t.oss = a, o.value.push(t), j({
-          file: s,
+        t.oss = a, s.value.push(t), j({
+          file: o,
           dirName: G,
           oss: a,
-          successCallBack(c) {
-            const u = o.value.find((d) => d.uid === t.uid);
-            u && (u.status = "success", u.path = c), r.value = [
-              ...r.value || [],
-              O(_, c, s.name)
+          successCallBack(r) {
+            const u = s.value.find((d) => d.uid === t.uid);
+            u && (u.status = "success", u.path = r), c.value = [
+              ...c.value || [],
+              O(_, r, o.name)
             ], g.push({
               uid: t.uid,
-              path: c
+              path: r
             }), x.value--;
           },
-          errorCallBack(c) {
-            C && f.warning(c || l("ap.apUpload.networkAnomaly"));
-            const u = o.value.findIndex(
+          errorCallBack(r) {
+            C && f.warning(r || l("ap.apUpload.networkAnomaly"));
+            const u = s.value.findIndex(
               (d) => d.uid === t.uid
             );
-            u > -1 && o.value.splice(u, 1), x.value--;
+            u > -1 && s.value.splice(u, 1), x.value--;
           },
-          progressCallBack(c) {
-            const u = o.value.find((d) => d.uid === t.uid);
-            u && (u.percent = c);
+          progressCallBack(r) {
+            const u = s.value.find((d) => d.uid === t.uid);
+            u && (u.percent = r);
           },
           baseDirName: H,
           bucket: e?.bucket
@@ -170,30 +171,30 @@ const Ce = ["accept"], be = { class: "picture-context" }, Ee = { class: "picture
         C && f.warning(
           typeof e?.message == "string" ? e.message : l("ap.apUpload.networkAnomaly")
         );
-        const a = o.value.findIndex((c) => c.uid === t.uid);
-        a > -1 && o.value.splice(a, 1), x.value--;
+        const a = s.value.findIndex((r) => r.uid === t.uid);
+        a > -1 && s.value.splice(a, 1), x.value--;
       }
     }
     function I(t) {
-      if (z && z?.(t), t.path && r) {
-        if (Array.isArray(r.value)) {
+      if (z && z?.(t), t.path && c) {
+        if (Array.isArray(c.value)) {
           const e = g.findIndex(
             (a) => a.uid === t.uid
           );
           if (e >= 0) {
-            const a = r?.value?.slice() ?? [];
-            a?.splice(e, 1), r.value = a, g.splice(e, 1);
+            const a = c?.value?.slice() ?? [];
+            a?.splice(e, 1), c.value = a, g.splice(e, 1);
           }
-          r.value.length === 0 && (r.value = void 0);
+          c.value.length === 0 && (c.value = void 0);
         }
       } else
         t?.oss?.pauseUpload();
-      const s = o.value.findIndex(
+      const o = s.value.findIndex(
         (e) => e.uid === t.uid
       );
-      return o.value.splice(s, 1), Promise.resolve(!0);
+      return s.value.splice(o, 1), Promise.resolve(!0);
     }
-    return (t, s) => (v(), h("div", {
+    return (t, o) => (v(), h("div", {
       class: ie({
         [n(B)()]: !0,
         [n(q) ?? ""]: !0
@@ -204,12 +205,12 @@ const Ce = ["accept"], be = { class: "picture-context" }, Ee = { class: "picture
         ref: w,
         style: { display: "none" },
         type: "file",
-        accept: n(U),
+        accept: n(k),
         onChange: X
-      }, null, 40, Ce),
-      m("div", be, [
-        ce(t.$slots, "pictureContext", {
-          fileList: n(o).map((e) => ({
+      }, null, 40, be),
+      m("div", Se, [
+        re(t.$slots, "pictureContext", {
+          fileList: n(s).map((e) => ({
             ...n(ge)(e, "oss"),
             oss: {
               pauseUpload: e?.oss?.pauseUpload
@@ -217,7 +218,7 @@ const Ce = ["accept"], be = { class: "picture-context" }, Ee = { class: "picture
           })),
           remove: I
         }, () => [
-          (v(!0), h(re, null, ue(n(o), (e) => (v(), h("div", {
+          (v(!0), h(ce, null, ue(n(s), (e) => (v(), h("div", {
             key: e.uid,
             class: "picture-item"
           }, [
@@ -226,14 +227,14 @@ const Ce = ["accept"], be = { class: "picture-context" }, Ee = { class: "picture
                 src: e.thumbUrl,
                 alt: ""
               }, null, 8, Ne),
-              le(m("div", Se, [
+              le(m("div", Re, [
                 m("div", {
                   class: "picture-item-close",
                   onClick: (a) => I(e)
                 }, [
                   b(n(de))
-                ], 8, Re),
-                e.status === "uploading" ? (v(), h("div", ze, [
+                ], 8, ze),
+                e.status === "uploading" ? (v(), h("div", Ae, [
                   b(n(fe), {
                     percent: e.percent,
                     "stroke-color": "#ffffff",
@@ -241,31 +242,31 @@ const Ce = ["accept"], be = { class: "picture-context" }, Ee = { class: "picture
                     size: 4,
                     "show-info": !1
                   }, null, 8, ["percent"])
-                ])) : $("", !0)
+                ])) : D("", !0)
               ], 512), [
                 [pe, e.status === "uploading"]
               ])
             ])
           ]))), 128))
         ]),
-        n(p) === void 0 || n(o).length < n(p) ? (v(), h("div", {
+        n(p) === void 0 || n(s).length < n(p) ? (v(), h("div", {
           key: 0,
           class: "picture-upload",
           onClick: W
         }, [
           b(n(me)),
-          m("div", null, E(n(l)("ap.apUpload.update")), 1)
-        ])) : $("", !0)
+          m("div", null, S(n(l)("ap.apUpload.update")), 1)
+        ])) : D("", !0)
       ]),
-      m("div", Ae, [
-        n(N) ? (v(), h("div", Me, E(n(N)), 1)) : (v(), h("div", Pe, E(`${n(l)("ap.apUpload.supportExtension")}：${n(ye)(n(U))}，${n(l)(
+      m("div", Me, [
+        n(E) ? (v(), h("div", Pe, S(n(E)), 1)) : (v(), h("div", Ie, S(`${n(l)("ap.apUpload.supportExtension")}：${n(we)(n(k))}，${n(l)(
           "ap.apUpload.maxUploadPictureSize",
-          { maxSize: n(k) }
+          { maxSize: n(U) }
         )}`), 1))
       ])
     ], 2));
   }
 });
 export {
-  Je as default
+  Qe as default
 };

package/es/src/skeleton/components/list/item.vue2.mjs

@@ -1,7 +1,7 @@
-import { defineComponent as o, createElementBlock as l, openBlock as r, Fragment as s, createVNode as e, unref as t, withCtx as p, createElementVNode as i } from "vue";
-import { Card as c, Skeleton as n } from "@aplus-frontend/antdv";
-import { ApSkeletonLine as d } from "../line/index.mjs";
-const m = { style: {
+import { defineComponent as o, createElementBlock as l, openBlock as r, Fragment as s, createVNode as e, unref as t, withCtx as p, createElementVNode as n } from "vue";
+import { Card as m, Skeleton as i } from "@aplus-frontend/antdv";
+import { ApSkeletonLine as c } from "../line/index.mjs";
+const d = { style: {
   width: "100%",
   display: "flex",
   alignItems: "center",
@@ -17,19 +17,19 @@ const m = { style: {
   },
   setup(f) {
     return (a, y) => (r(), l(s, null, [
-      e(t(c), {
+      e(t(m), {
         variant: "borderless",
         style: { borderRadius: 0 },
-        "body-style": { padding: "24px" }
+        "body-style": { padding: "18px 24px" }
       }, {
         default: p(() => [
-          i("div", m, [
-            i("div", u, [
-              e(t(n), {
+          n("div", d, [
+            n("div", u, [
+              e(t(i), {
                 active: a.active,
                 title: {
                   width: "100px",
-                  style: { marginBlockStart: 0 }
+                  style: { marginBlockStart: 0, marginBlockEnd: "1em" }
                 },
                 paragraph: {
                   rows: 1,
@@ -39,7 +39,7 @@ const m = { style: {
                 }
               }, null, 8, ["active"])
             ]),
-            e(t(n).Button, {
+            e(t(i).Button, {
               active: a.active,
               size: "small",
               style: { width: "165px", marginBlockStart: "12px" }
@@ -48,7 +48,7 @@ const m = { style: {
         ]),
         _: 1
       }),
-      e(t(d))
+      e(t(c))
     ], 64));
   }
 });