@aplus-frontend/ui 6.26.5 → 6.27.0

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

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

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

@@ -1,80 +1,80 @@
-import { defineComponent as ne, inject as n, ref as h, watch as le, computed as se, createElementBlock as x, openBlock as _, normalizeClass as re, unref as t, createElementVNode as r, createCommentVNode as z, toDisplayString as A, normalizeStyle as ie, createBlock as ce, withModifiers as ue, createVNode as pe } from "vue";
+import { defineComponent as le, inject as o, ref as h, watch as se, computed as re, createElementBlock as z, openBlock as _, normalizeClass as ie, unref as t, createElementVNode as r, createCommentVNode as A, toDisplayString as b, normalizeStyle as ce, createBlock as ue, withModifiers as pe, createVNode as de } from "vue";
 import "../../config-provider/index.mjs";
-import { getName as de, getReturnData as q } from "../utils/returnData.mjs";
-import { useOss as ve, useOssInit as fe } from "../hooks/useOss.mjs";
-import { fileMatchesAccept as me, getAcceptText as ge } from "../utils/accept.mjs";
-import { message as c, Progress as he } from "@aplus-frontend/antdv";
-import { DeleteOutlined as _e } from "@ant-design/icons-vue";
-import I from "../assets/single-file-icon.png.mjs";
-import { useLocale as ke } from "../../config-provider/hooks/use-locale.mjs";
+import { getName as ve, getReturnData as I } from "../utils/returnData.mjs";
+import { useOss as fe, useOssInit as me } from "../hooks/useOss.mjs";
+import { fileMatchesAccept as ge, getAcceptText as he } from "../utils/accept.mjs";
+import { message as c, Progress as _e } from "@aplus-frontend/antdv";
+import { DeleteOutlined as ke } from "@ant-design/icons-vue";
+import j from "../assets/single-file-icon.png.mjs";
+import { useLocale as we } from "../../config-provider/hooks/use-locale.mjs";
 import { useNamespace as ye } from "../../config-provider/hooks/use-namespace.mjs";
-const we = ["accept"], De = {
+const De = ["accept"], Ue = {
   key: 0,
   class: "state-un"
-}, Ue = ["src"], Fe = { class: "state-un-title" }, Ce = { class: "state-un-subtitle" }, Ee = {
+}, Fe = ["src"], Ce = { class: "state-un-title" }, Ee = { class: "state-un-subtitle" }, Se = {
   key: 1,
   class: "state-ing"
-}, Se = { class: "left" }, Ne = ["src"], xe = { class: "center" }, ze = { class: "center-progress" }, qe = /* @__PURE__ */ ne({
+}, Ne = { class: "left" }, xe = ["src"], ze = { class: "center" }, Ae = { class: "center-progress" }, Ie = /* @__PURE__ */ le({
   __name: "SingleFile",
-  setup(Ae, { expose: j }) {
-    const { t: s } = ke(), { b: k } = ye("ap-upload-single-file"), { put: G, client: b } = ve(), y = n("theme"), W = n("dirName"), w = n("accept") || "*", D = n("maxSize") ?? 500, H = n("title") || s("ap.apUpload.clickOrDragUpload"), U = n("subTitle"), i = n("value"), F = n("needName"), u = n("uploadingCount"), R = n("beforeUpload"), B = n("customRequest"), J = n("getOssAccess"), K = n("maxSizeErrorMsg"), Q = n("acceptErrorMsg"), M = n("onRemove"), o = h(null);
-    le(
+  setup(be, { expose: G }) {
+    const { t: s } = we(), { b: k } = ye("ap-upload-single-file"), { put: W, client: R } = fe(), w = o("theme"), H = o("dirName"), y = o("accept") || "*", D = o("maxSize") ?? 500, J = o("title") || s("ap.apUpload.clickOrDragUpload"), U = o("subTitle"), i = o("value"), F = o("needName"), u = o("uploadingCount"), B = o("beforeUpload"), M = o("customRequest"), K = o("getOssAccess"), Q = o("maxSizeErrorMsg"), X = o("acceptErrorMsg"), O = o("onRemove"), C = o("showUploadErrorMsg"), n = h(null);
+    se(
       () => i?.value,
       function(e) {
-        o.value === null && e && O(e);
+        n.value === null && e && P(e);
       },
       { immediate: !0 }
     );
-    function O(e) {
+    function P(e) {
       e ? setTimeout(() => {
-        const a = de(F, e);
-        l.value = 3, o.value = new File([e], a, {}), i.value = e;
-      }) : (l.value = 1, o.value = null, i.value = void 0);
+        const a = ve(F, e);
+        l.value = 3, n.value = new File([e], a, {}), i.value = e;
+      }) : (l.value = 1, n.value = null, i.value = void 0);
     }
-    j({ setValue: O });
-    const l = h(1), v = h(0), f = h(null), P = se(() => o.value && i?.value);
-    function X() {
+    G({ setValue: P });
+    const l = h(1), v = h(0), f = h(null), T = re(() => n.value && i?.value);
+    function Y() {
       l.value === 1 && f.value?.click();
     }
-    function T(e) {
+    function L(e) {
       e.preventDefault(), e.stopPropagation();
     }
-    function Y(e) {
-      e.dataTransfer.dropEffect = "copy", e.preventDefault(), e.stopPropagation();
-    }
     function Z(e) {
-      L(e);
+      e.dataTransfer.dropEffect = "copy", e.preventDefault(), e.stopPropagation();
     }
     function ee(e) {
+      V(e);
+    }
+    function ae(e) {
       if (e.preventDefault(), e.stopPropagation(), l.value !== 1)
         return;
-      var a = e.dataTransfer, m = [], V = 0, $ = a.files.length;
+      var a = e.dataTransfer, m = [], $ = 0, q = a.files.length;
       function p() {
-        V === $ - 1 && Z(m), V++;
+        $ === q - 1 && ee(m), $++;
       }
       if (a.items !== void 0)
-        for (var C = 0; C < a.items.length; C++) {
-          var E = a.items[C];
-          if (E.kind === "file" && E.webkitGetAsEntry().isFile) {
-            var oe = E.getAsFile();
-            m.push(oe), p();
+        for (var E = 0; E < a.items.length; E++) {
+          var S = a.items[E];
+          if (S.kind === "file" && S.webkitGetAsEntry().isFile) {
+            var ne = S.getAsFile();
+            m.push(ne), p();
           }
         }
       else
-        for (let N = 0; N < $; N++) {
-          var g = a.files[N];
+        for (let x = 0; x < q; x++) {
+          var g = a.files[x];
           if (g.type)
             m.push(g), p();
           else
             try {
-              var S = new FileReader();
-              S.readAsDataURL(g.slice(0, 3)), S.addEventListener(
+              var N = new FileReader();
+              N.readAsDataURL(g.slice(0, 3)), N.addEventListener(
                 "load",
                 function(d) {
                   console.warn(d, "load"), m.push(g), p();
                 },
                 !1
-              ), S.addEventListener(
+              ), N.addEventListener(
                 "error",
                 function(d) {
                   console.warn(d, "error"), c.warning(s("ap.apUpload.foldersNotSupported")), p();
@@ -86,41 +86,41 @@ const we = ["accept"], De = {
             }
         }
     }
-    async function ae(e) {
+    async function te(e) {
       const a = e.target;
-      await L(a?.files), f.value && (f.value.value = "");
+      await V(a?.files), f.value && (f.value.value = "");
     }
-    async function L(e) {
+    async function V(e) {
       if (e?.length) {
         if (e[0].size > D * 1024 * 1024) {
           c.warning(
-            K || s("ap.apUpload.maxUploadFileSize", {
+            Q || s("ap.apUpload.maxUploadFileSize", {
               maxSize: D
             })
           );
           return;
         }
-        if (!me(e[0], w)) {
+        if (!ge(e[0], y)) {
           c.warning(
-            Q || s("ap.apUpload.fileFormatNotSupported")
+            X || s("ap.apUpload.fileFormatNotSupported")
           );
           return;
         }
-        if (typeof R == "function" && await R(e[0]) === !1)
+        if (typeof B == "function" && await B(e[0]) === !1)
           return;
-        if (o.value = e[0], l.value = 2, v.value = 0, u.value++, typeof B == "function") {
-          B({
+        if (n.value = e[0], l.value = 2, v.value = 0, u.value++, typeof M == "function") {
+          M({
             onProgress: (a) => {
               v.value = a;
             },
             onError: (a) => {
-              c.warning(a || s("ap.apUpload.networkAnomaly")), l.value = 1, o.value = null, u.value--;
+              C && c.warning(a || s("ap.apUpload.networkAnomaly")), l.value = 1, n.value = null, u.value--;
             },
             onSuccess: (a) => {
-              i.value = q(
+              i.value = I(
                 F,
                 a,
-                o.value.name
+                n.value.name
               ), l.value = 3, u.value--;
             },
             file: e[0]
@@ -128,98 +128,98 @@ const we = ["accept"], De = {
           return;
         }
         try {
-          await fe(J), G({
-            file: o.value,
-            dirName: W,
-            oss: b,
+          await me(K), W({
+            file: n.value,
+            dirName: H,
+            oss: R,
             successCallBack(a) {
-              i.value = q(
+              i.value = I(
                 F,
                 a,
-                o.value.name
+                n.value.name
               ), l.value = 3, u.value--;
             },
             errorCallBack(a) {
-              c.warning(a || s("ap.apUpload.networkAnomaly")), l.value = 1, o.value = null, u.value--;
+              C && c.warning(a || s("ap.apUpload.networkAnomaly")), l.value = 1, n.value = null, u.value--;
             },
             progressCallBack(a) {
               v.value = a;
             }
           });
         } catch (a) {
-          c.warning(
+          C && c.warning(
             typeof a?.message == "string" ? a.message : s("ap.apUpload.networkAnomaly")
-          ), l.value = 1, o.value = null, u.value--;
+          ), l.value = 1, n.value = null, u.value--;
         }
       }
     }
-    function te() {
-      M && M?.(o.value), o.value && !i?.value && b.pauseUpload(), l.value = 1, o.value = null, i.value = void 0;
+    function oe() {
+      O && O?.(n.value), n.value && !i?.value && R.pauseUpload(), l.value = 1, n.value = null, i.value = void 0;
     }
-    return (e, a) => (_(), x("div", {
-      class: re({
+    return (e, a) => (_(), z("div", {
+      class: ie({
         [t(k)()]: !0,
-        [t(k)("admin")]: t(y) === "admin",
+        [t(k)("admin")]: t(w) === "admin",
         [t(k)("un")]: l.value === 1
       }),
-      onClick: X,
-      onDragenter: T,
-      onDragover: Y,
-      onDragleave: T,
-      onDrop: ee
+      onClick: Y,
+      onDragenter: L,
+      onDragover: Z,
+      onDragleave: L,
+      onDrop: ae
     }, [
       r("input", {
         ref_key: "fileRef",
         ref: f,
         style: { display: "none" },
         type: "file",
-        accept: t(w),
-        onChange: ae
-      }, null, 40, we),
-      l.value === 1 ? (_(), x("div", De, [
+        accept: t(y),
+        onChange: te
+      }, null, 40, De),
+      l.value === 1 ? (_(), z("div", Ue, [
         r("img", {
           class: "state-un-icon",
-          src: t(I)
-        }, null, 8, Ue),
-        r("div", Fe, A(t(H)), 1),
-        r("div", Ce, A(typeof t(U) == "string" && t(U).length > 0 ? t(U) : `${t(s)("ap.apUpload.supportExtension")}：${t(ge)(
-          t(w)
+          src: t(j)
+        }, null, 8, Fe),
+        r("div", Ce, b(t(J)), 1),
+        r("div", Ee, b(typeof t(U) == "string" && t(U).length > 0 ? t(U) : `${t(s)("ap.apUpload.supportExtension")}：${t(he)(
+          t(y)
         )}，${t(s)("ap.apUpload.maxWarnUploadFileSize", {
           maxSize: t(D)
         })}`), 1)
-      ])) : z("", !0),
-      [2, 3].includes(l.value) ? (_(), x("div", Ee, [
-        r("div", Se, [
-          r("img", { src: t(I) }, null, 8, Ne)
+      ])) : A("", !0),
+      [2, 3].includes(l.value) ? (_(), z("div", Se, [
+        r("div", Ne, [
+          r("img", { src: t(j) }, null, 8, xe)
         ]),
-        r("div", xe, [
+        r("div", ze, [
           r("div", {
             class: "center-title",
-            style: ie({
-              color: P.value ? "#0070FF" : "#182948"
+            style: ce({
+              color: T.value ? "#0070FF" : "#182948"
             })
-          }, A(o.value?.name), 5),
-          r("div", ze, [
-            P.value ? z("", !0) : (_(), ce(t(he), {
+          }, b(n.value?.name), 5),
+          r("div", Ae, [
+            T.value ? A("", !0) : (_(), ue(t(_e), {
               key: 0,
               percent: v.value,
               size: 4,
               "show-info": !1,
-              "trail-color": t(y) === "admin" ? "#D9D9D9" : "#DEE4ED",
-              "stroke-color": t(y) === "admin" ? "#34B77C" : "#0070FF"
+              "trail-color": t(w) === "admin" ? "#D9D9D9" : "#DEE4ED",
+              "stroke-color": t(w) === "admin" ? "#34B77C" : "#0070FF"
             }, null, 8, ["percent", "trail-color", "stroke-color"]))
           ])
         ]),
         r("div", {
           class: "right",
-          onClick: ue(te, ["stop"])
+          onClick: pe(oe, ["stop"])
         }, [
-          pe(t(_e))
+          de(t(ke))
         ])
-      ])) : z("", !0)
+      ])) : A("", !0)
     ], 34));
   }
 });
 export {
-  qe as default
+  Ie as default
 };