iking-web-ui-pro 0.2.44 → 0.2.46

package/dist/IkUploadImage/ik.index.es.js

@@ -1,6 +1,6 @@
-import { defineComponent as O, openBlock as p, createElementBlock as f, createElementVNode as o, inject as X, computed as h, resolveComponent as we, normalizeClass as k, normalizeStyle as V, createCommentVNode as A, createBlock as Y, withCtx as w, createTextVNode as Be, toDisplayString as J, unref as u, getCurrentScope as Pe, onScopeDispose as Ue, watch as ee, markRaw as ye, ref as S, effectScope as He, shallowRef as je, nextTick as De, onMounted as Fe, Teleport as We, createVNode as v, Transition as Xe, withModifiers as Ye, Fragment as te, resolveDynamicComponent as Qe, renderList as Se, withDirectives as ve, vShow as fe, renderSlot as Ee, mergeModels as be, useCssVars as Ge, useModel as Ze, mergeProps as Ke, createSlots as Je, pushScopeId as qe, popScopeId as et } from "vue";
+import { defineComponent as O, openBlock as p, createElementBlock as f, createElementVNode as o, inject as W, computed as h, resolveComponent as we, normalizeClass as x, normalizeStyle as V, createCommentVNode as A, createBlock as X, withCtx as y, createTextVNode as Be, toDisplayString as K, unref as u, getCurrentScope as Pe, onScopeDispose as Ue, watch as q, markRaw as ye, ref as S, effectScope as He, shallowRef as je, nextTick as De, onMounted as Fe, Teleport as We, createVNode as v, Transition as Xe, withModifiers as Ye, Fragment as ee, resolveDynamicComponent as Qe, renderList as Se, withDirectives as ve, vShow as fe, renderSlot as Ee, mergeModels as be, useCssVars as Ge, useModel as Ze, mergeProps as Ke, createSlots as Je, pushScopeId as qe, popScopeId as et } from "vue";
 import { useLocale as tt, useNamespace as at, useZIndex as lt, ElIcon as L, EVENT_CODE as H, useFormItem as nt, ElUpload as st, ElImage as ot, ElMessage as xe } from "element-plus";
-import { ikColor as rt, paramType as ke, _ as q, ikFile as it } from "iking-utils-pro";
+import { ikColor as rt, paramType as ke, _ as J, ikFile as it } from "iking-utils-pro";
 const _e = (t, s) => {
   if (t.install = (e) => {
     for (const r of [t, ...Object.values(s ?? {})])
@@ -182,8 +182,8 @@ var ut = /* @__PURE__ */ O({
 }), Mt = Lt;
 const me = (t, s) => {
   const e = t.__vccOpts || t;
-  for (const [r, g] of s)
-    e[r] = g;
+  for (const [r, _] of s)
+    e[r] = _;
   return e;
 }, Bt = {}, St = {
   t: "1686214149488",
@@ -335,14 +335,14 @@ const Dt = /* @__PURE__ */ me(Bt, [["render", jt]]), ze = [
   "flv",
   "tls"
 ], Ft = (t) => {
-  const s = X("loadUrl"), e = h(() => t.loadUrl || t.fileUrl || (s == null ? void 0 : s.value)), r = X("uploadUrl"), g = h(() => t.action || t.uploadUrl || (r == null ? void 0 : r.value)), n = X("token"), z = h(() => t.token || (n == null ? void 0 : n.value)), B = X("onlyofficeConfig"), m = h(() => t.onlyofficeConfig || (B == null ? void 0 : B.value)), E = X("userInfo"), C = h(() => t.userInfo || (E == null ? void 0 : E.value)), I = [...ze, ...ze.map((y) => y.toLocaleUpperCase())];
+  const s = W("loadUrl"), e = h(() => t.loadUrl || t.fileUrl || (s == null ? void 0 : s.value)), r = W("uploadUrl"), _ = h(() => t.action || t.uploadUrl || (r == null ? void 0 : r.value)), n = W("token"), k = h(() => t.token || (n == null ? void 0 : n.value)), M = W("onlyofficeConfig"), g = h(() => t.onlyofficeConfig || (M == null ? void 0 : M.value)), E = W("userInfo"), C = h(() => t.userInfo || (E == null ? void 0 : E.value)), B = [...ze, ...ze.map((z) => z.toLocaleUpperCase())];
   return {
     cLoadUrl: e,
-    cUploadUrl: g,
-    cToken: z,
-    cOnlyofficeConfig: m,
+    cUploadUrl: _,
+    cToken: k,
+    cOnlyofficeConfig: g,
     cUserInfo: C,
-    cOnlyofficePreviewType: I
+    cOnlyofficePreviewType: B
   };
 }, Wt = Ft, Xt = {
   key: 0,
@@ -385,7 +385,7 @@ const Dt = /* @__PURE__ */ me(Bt, [["render", jt]]), ze = [
     const s = t, e = h(() => s), r = h(() => {
       const { name: n } = e.value;
       return /^http?:\/\//.test(n) ? "img" : /i-[^:]+:[^:]+/.test(n) ? "unocss" : n != null && n.startsWith("iksig") ? "iksig" : n != null && n.includes(":") ? "iconify" : n != null && n.startsWith("iksvg") ? "svg" : "i";
-    }), g = h(() => {
+    }), _ = h(() => {
       const n = [];
       if (e.value.flip)
         switch (e.value.flip) {
@@ -400,7 +400,7 @@ const Dt = /* @__PURE__ */ me(Bt, [["render", jt]]), ze = [
             break;
         }
       e.value.rotate && n.push(`rotate(${e.value.rotate % 360}deg)`);
-      const z = {
+      const k = {
         pointerEvents: e.value.disabled ? "none" : "auto",
         ...e.value.color && { color: e.value.color },
         ...e.value.size && { fontSize: typeof e.value.size == "number" ? `${e.value.size}px` : e.value.size },
@@ -411,16 +411,16 @@ const Dt = /* @__PURE__ */ me(Bt, [["render", jt]]), ze = [
           "--ik-color-icon-light": e.value.colorLight || rt.setOpacity(e.value.color, e.value.opacity)
         } : {}
       };
-      return e.value.width && (z.width = z.height = typeof e.value.width == "number" ? `${e.value.width}px` : e.value.width), z;
+      return e.value.width && (k.width = k.height = typeof e.value.width == "number" ? `${e.value.width}px` : e.value.width), k;
     });
-    return (n, z) => {
-      const B = we("el-tooltip"), m = we("el-button");
+    return (n, k) => {
+      const M = we("el-tooltip"), g = we("el-button");
       return e.value.tableIconType === "icon" || !e.value.tableIconType ? (p(), f("span", Xt, [
         e.value.notip || !e.value.title ? (p(), f(
           "i",
           {
             key: 0,
-            class: k(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
+            class: x(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
               [n.name]: r.value === "unocss",
               "show-bg": e.value.showBg || e.value.bg,
               default: e.value.size === "default",
@@ -433,7 +433,7 @@ const Dt = /* @__PURE__ */ me(Bt, [["render", jt]]), ze = [
               active: e.value.active,
               disabled: e.value.disabled
             }]),
-            style: V(g.value)
+            style: V(_.value)
           },
           [
             A(` <Icon v-if="outputType === 'iconify'" :icon="name" /> `),
@@ -441,8 +441,8 @@ const Dt = /* @__PURE__ */ me(Bt, [["render", jt]]), ze = [
               "i",
               {
                 key: 0,
-                class: k(`iksig ${e.value.name}`),
-                style: V(g.value)
+                class: x(`iksig ${e.value.name}`),
+                style: V(_.value)
               },
               null,
               6
@@ -459,8 +459,8 @@ const Dt = /* @__PURE__ */ me(Bt, [["render", jt]]), ze = [
               "i",
               {
                 key: 3,
-                class: k(e.value.name),
-                style: V(g.value)
+                class: x(e.value.name),
+                style: V(_.value)
               },
               null,
               6
@@ -469,16 +469,16 @@ const Dt = /* @__PURE__ */ me(Bt, [["render", jt]]), ze = [
           ],
           6
           /* CLASS, STYLE */
-        )) : (p(), Y(B, {
+        )) : (p(), X(M, {
           key: 1,
           content: e.value.title,
           placement: "top"
         }, {
-          default: w(() => [
+          default: y(() => [
             o(
               "i",
               {
-                class: k(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
+                class: x(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
                   [n.name]: r.value === "unocss",
                   "show-bg": e.value.showBg || e.value.bg,
                   default: e.value.size === "default",
@@ -490,15 +490,15 @@ const Dt = /* @__PURE__ */ me(Bt, [["render", jt]]), ze = [
                   error: e.value.error || e.value.type === "error",
                   active: e.value.active
                 }]),
-                style: V(g.value)
+                style: V(_.value)
               },
               [
                 r.value === "iksig" ? (p(), f(
                   "i",
                   {
                     key: 0,
-                    class: k(`iksig ${e.value.name}`),
-                    style: V(g.value)
+                    class: x(`iksig ${e.value.name}`),
+                    style: V(_.value)
                   },
                   null,
                   6
@@ -515,8 +515,8 @@ const Dt = /* @__PURE__ */ me(Bt, [["render", jt]]), ze = [
                   "i",
                   {
                     key: 3,
-                    class: k(e.value.name),
-                    style: V(g.value)
+                    class: x(e.value.name),
+                    style: V(_.value)
                   },
                   null,
                   6
@@ -530,13 +530,13 @@ const Dt = /* @__PURE__ */ me(Bt, [["render", jt]]), ze = [
           _: 1
           /* STABLE */
         }, 8, ["content"]))
-      ])) : (p(), Y(m, {
+      ])) : (p(), X(g, {
         key: 1,
         type: ["warning", "error"].includes(e.value.type) ? "danger" : ""
       }, {
-        default: w(() => [
+        default: y(() => [
           Be(
-            J(e.value.title),
+            K(e.value.title),
             1
             /* TEXT */
           )
@@ -567,17 +567,17 @@ function oa(t) {
   return (s = e == null ? void 0 : e.$el) != null ? s : e;
 }
 const ra = Ae ? window : void 0;
-function K(...t) {
-  let s, e, r, g;
-  if (aa(t[0]) || Array.isArray(t[0]) ? ([e, r, g] = t, s = ra) : [s, e, r, g] = t, !s)
+function Z(...t) {
+  let s, e, r, _;
+  if (aa(t[0]) || Array.isArray(t[0]) ? ([e, r, _] = t, s = ra) : [s, e, r, _] = t, !s)
     return la;
   Array.isArray(e) || (e = [e]), Array.isArray(r) || (r = [r]);
-  const n = [], z = () => {
+  const n = [], k = () => {
     n.forEach((C) => C()), n.length = 0;
-  }, B = (C, I, y, b) => (C.addEventListener(I, y, b), () => C.removeEventListener(I, y, b)), m = ee(() => [oa(s), Ve(g)], ([C, I]) => {
-    z(), C && n.push(...e.flatMap((y) => r.map((b) => B(C, y, b, I))));
+  }, M = (C, B, z, w) => (C.addEventListener(B, z, w), () => C.removeEventListener(B, z, w)), g = q(() => [oa(s), Ve(_)], ([C, B]) => {
+    k(), C && n.push(...e.flatMap((z) => r.map((w) => M(C, z, w, B))));
   }, { immediate: !0, flush: "post" }), E = () => {
-    m(), z();
+    g(), k();
   };
   return sa(E), E;
 }
@@ -704,7 +704,7 @@ const va = {
   props: va,
   emits: fa,
   setup(t, { expose: s, emit: e }) {
-    const r = (l) => Object.keys(l), g = {
+    const r = (l) => Object.keys(l), _ = {
       CONTAIN: {
         name: "contain",
         icon: ye(wt)
@@ -713,45 +713,45 @@ const va = {
         name: "original",
         icon: ye(Ot)
       }
-    }, n = t, z = e, { t: B } = tt(), m = at("image-viewer"), { nextZIndex: E } = lt(), C = S(), I = S([]), y = He(), b = S(!0), M = S(n.initialIndex), P = je(g.CONTAIN), x = S({
+    }, n = t, k = e, { t: M } = tt(), g = at("image-viewer"), { nextZIndex: E } = lt(), C = S(), B = S([]), z = He(), w = S(!0), I = S(n.initialIndex), R = je(_.CONTAIN), b = S({
       scale: 1,
       deg: 0,
       offsetX: 0,
       offsetY: 0,
       enableTransition: !1
-    }), ae = S(n.zIndex ?? E()), le = h(() => {
+    }), te = S(n.zIndex ?? E()), ae = h(() => {
       const { urlList: l } = n;
       return l.length <= 1;
-    }), Q = h(() => M.value === 0), G = h(() => M.value === n.urlList.length - 1), ne = h(() => n.urlList[M.value]), j = h(() => [
-      m.e("btn"),
-      m.e("prev"),
-      m.is("disabled", !n.infinite && Q.value)
+    }), Y = h(() => I.value === 0), Q = h(() => I.value === n.urlList.length - 1), le = h(() => n.urlList[I.value]), ne = h(() => [
+      g.e("btn"),
+      g.e("prev"),
+      g.is("disabled", !n.infinite && Y.value)
     ]), se = h(() => [
-      m.e("btn"),
-      m.e("next"),
-      m.is("disabled", !n.infinite && G.value)
+      g.e("btn"),
+      g.e("next"),
+      g.is("disabled", !n.infinite && Q.value)
     ]), oe = h(() => {
-      const { scale: l, deg: c, offsetX: _, offsetY: $, enableTransition: N } = x.value;
-      let T = _ / l, R = $ / l;
-      const W = c * Math.PI / 180, ge = Math.cos(W), he = Math.sin(W);
-      T = T * ge + R * he, R = R * ge - _ / l * he;
+      const { scale: l, deg: c, offsetX: m, offsetY: $, enableTransition: N } = b.value;
+      let T = m / l, P = $ / l;
+      const F = c * Math.PI / 180, ge = Math.cos(F), he = Math.sin(F);
+      T = T * ge + P * he, P = P * ge - m / l * he;
       const pe = {
-        transform: `scale(${l}) rotate(${c}deg) translate(${T}px, ${R}px)`,
+        transform: `scale(${l}) rotate(${c}deg) translate(${T}px, ${P}px)`,
         transition: N ? "transform .3s" : ""
       };
-      return P.value.name === g.CONTAIN.name && (pe.maxWidth = pe.maxHeight = "100%"), pe;
+      return R.value.name === _.CONTAIN.name && (pe.maxWidth = pe.maxHeight = "100%"), pe;
     });
-    function D() {
-      ie(), z("close");
+    function j() {
+      ie(), k("close");
     }
     function re() {
-      const l = q.throttle((_) => {
-        switch (_.code) {
+      const l = J.throttle((m) => {
+        switch (m.code) {
           case H.esc:
-            n.closeOnPressEscape && D();
+            n.closeOnPressEscape && j();
             break;
           case H.space:
-            Z();
+            G();
             break;
           case H.left:
             a();
@@ -766,43 +766,43 @@ const va = {
             i("zoomOut");
             break;
         }
-      }), c = q.throttle((_) => {
-        const $ = _.deltaY || _.deltaX;
+      }), c = J.throttle((m) => {
+        const $ = m.deltaY || m.deltaX;
         i($ < 0 ? "zoomIn" : "zoomOut", {
           zoomRate: n.zoomRate,
           enableTransition: !1
         });
       });
-      y.run(() => {
-        K(document, "keydown", l), K(document, "wheel", c);
+      z.run(() => {
+        Z(document, "keydown", l), Z(document, "wheel", c);
       });
     }
     function ie() {
-      y.stop();
+      z.stop();
     }
     function ue() {
-      b.value = !1;
+      w.value = !1;
     }
     function ce(l) {
-      b.value = !1, l.target.alt = B("el.image.error");
+      w.value = !1, l.target.alt = M("el.image.error");
     }
     function de(l) {
-      if (b.value || l.button !== 0 || !C.value)
+      if (w.value || l.button !== 0 || !C.value)
         return;
-      x.value.enableTransition = !1;
-      const { offsetX: c, offsetY: _ } = x.value, $ = l.pageX, N = l.pageY, T = q.throttle((W) => {
-        x.value = {
-          ...x.value,
-          offsetX: c + W.pageX - $,
-          offsetY: _ + W.pageY - N
+      b.value.enableTransition = !1;
+      const { offsetX: c, offsetY: m } = b.value, $ = l.pageX, N = l.pageY, T = J.throttle((F) => {
+        b.value = {
+          ...b.value,
+          offsetX: c + F.pageX - $,
+          offsetY: m + F.pageY - N
         };
-      }), R = K(document, "mousemove", T);
-      K(document, "mouseup", () => {
-        R();
+      }), P = Z(document, "mousemove", T);
+      Z(document, "mouseup", () => {
+        P();
       }), l.preventDefault();
     }
     function U() {
-      x.value = {
+      b.value = {
         scale: 1,
         deg: 0,
         offsetX: 0,
@@ -810,26 +810,26 @@ const va = {
         enableTransition: !1
       };
     }
-    function Z() {
-      if (b.value)
+    function G() {
+      if (w.value)
         return;
-      const l = r(g), c = Object.values(g), _ = P.value.name, N = ((c == null ? void 0 : c.findIndex((T) => T.name === _)) + 1) % l.length;
-      P.value = g[l[N]], U();
+      const l = r(_), c = Object.values(_), m = R.value.name, N = ((c == null ? void 0 : c.findIndex((T) => T.name === m)) + 1) % l.length;
+      R.value = _[l[N]], U();
     }
-    function F(l) {
+    function D(l) {
       const c = n.urlList.length;
-      M.value = (l + c) % c;
+      I.value = (l + c) % c;
     }
     function a() {
-      Q.value && !n.infinite || F(M.value - 1);
+      Y.value && !n.infinite || D(I.value - 1);
     }
     function d() {
-      G.value && !n.infinite || F(M.value + 1);
+      Q.value && !n.infinite || D(I.value + 1);
     }
     function i(l, c = {}) {
-      if (b.value)
+      if (w.value)
         return;
-      const { minScale: _, maxScale: $ } = n, { zoomRate: N, rotateDeg: T, enableTransition: R } = {
+      const { minScale: m, maxScale: $ } = n, { zoomRate: N, rotateDeg: T, enableTransition: P } = {
         zoomRate: n.zoomRate,
         rotateDeg: 90,
         enableTransition: !0,
@@ -837,31 +837,31 @@ const va = {
       };
       switch (l) {
         case "zoomOut":
-          x.value.scale > _ && (x.value.scale = Number.parseFloat(
-            (x.value.scale / N).toFixed(3)
+          b.value.scale > m && (b.value.scale = Number.parseFloat(
+            (b.value.scale / N).toFixed(3)
           ));
           break;
         case "zoomIn":
-          x.value.scale < $ && (x.value.scale = Number.parseFloat(
-            (x.value.scale * N).toFixed(3)
+          b.value.scale < $ && (b.value.scale = Number.parseFloat(
+            (b.value.scale * N).toFixed(3)
           ));
           break;
         case "clockwise":
-          x.value.deg += T, z("rotate", x.value.deg);
+          b.value.deg += T, k("rotate", b.value.deg);
           break;
         case "anticlockwise":
-          x.value.deg -= T, z("rotate", x.value.deg);
+          b.value.deg -= T, k("rotate", b.value.deg);
           break;
       }
-      x.value.enableTransition = R;
+      b.value.enableTransition = P;
     }
-    return ee(ne, () => {
+    return q(le, () => {
       De(() => {
-        const l = I.value[0];
-        l != null && l.complete || (b.value = !0);
+        const l = B.value[0];
+        l != null && l.complete || (w.value = !0);
       });
-    }), ee(M, (l) => {
-      U(), z("switch", l);
+    }), q(I, (l) => {
+      U(), k("switch", l);
     }), Fe(() => {
       var l, c;
       re(), (c = (l = C.value) == null ? void 0 : l.focus) == null || c.call(l);
@@ -869,28 +869,28 @@ const va = {
       /**
        * @description manually switch image
        */
-      setActiveItem: F
-    }), (l, c) => (p(), Y(We, { to: "body" }, [
+      setActiveItem: D
+    }), (l, c) => (p(), X(We, { to: "body" }, [
       v(Xe, {
         name: "viewer-fade",
         appear: ""
       }, {
-        default: w(() => [
+        default: y(() => [
           o(
             "div",
             {
               ref_key: "wrapper",
               ref: C,
               tabindex: -1,
-              class: k(u(m).e("wrapper")),
-              style: V({ zIndex: ae.value })
+              class: x(u(g).e("wrapper")),
+              style: V({ zIndex: te.value })
             },
             [
               o(
                 "div",
                 {
-                  class: k(u(m).e("mask")),
-                  onClick: c[0] || (c[0] = Ye((_) => l.hideOnClickModal && D(), ["self"]))
+                  class: x(u(g).e("mask")),
+                  onClick: c[0] || (c[0] = Ye((m) => l.hideOnClickModal && j(), ["self"]))
                 },
                 null,
                 2
@@ -900,12 +900,12 @@ const va = {
               o(
                 "span",
                 {
-                  class: k([u(m).e("btn"), u(m).e("close")]),
-                  onClick: D
+                  class: x([u(g).e("btn"), u(g).e("close")]),
+                  onClick: j
                 },
                 [
                   v(u(L), null, {
-                    default: w(() => [
+                    default: y(() => [
                       v(u(Ne))
                     ]),
                     _: 1
@@ -916,19 +916,19 @@ const va = {
                 /* CLASS */
               ),
               A(" ARROW "),
-              le.value ? A("v-if", !0) : (p(), f(
-                te,
+              ae.value ? A("v-if", !0) : (p(), f(
+                ee,
                 { key: 0 },
                 [
                   o(
                     "span",
                     {
-                      class: k(j.value),
+                      class: x(ne.value),
                       onClick: a
                     },
                     [
                       v(u(L), null, {
-                        default: w(() => [
+                        default: y(() => [
                           v(u(ct))
                         ]),
                         _: 1
@@ -941,12 +941,12 @@ const va = {
                   o(
                     "span",
                     {
-                      class: k(se.value),
+                      class: x(se.value),
                       onClick: d
                     },
                     [
                       v(u(L), null, {
-                        default: w(() => [
+                        default: y(() => [
                           v(u(pt))
                         ]),
                         _: 1
@@ -964,28 +964,28 @@ const va = {
               o(
                 "div",
                 {
-                  class: k([u(m).e("btn"), u(m).e("actions")])
+                  class: x([u(g).e("btn"), u(g).e("actions")])
                 },
                 [
                   o(
                     "div",
                     {
-                      class: k(u(m).e("actions__inner"))
+                      class: x(u(g).e("actions__inner"))
                     },
                     [
                       v(u(L), {
-                        onClick: c[1] || (c[1] = (_) => i("zoomOut"))
+                        onClick: c[1] || (c[1] = (m) => i("zoomOut"))
                       }, {
-                        default: w(() => [
+                        default: y(() => [
                           v(u(Mt))
                         ]),
                         _: 1
                         /* STABLE */
                       }),
                       v(u(L), {
-                        onClick: c[2] || (c[2] = (_) => i("zoomIn"))
+                        onClick: c[2] || (c[2] = (m) => i("zoomIn"))
                       }, {
-                        default: w(() => [
+                        default: y(() => [
                           v(u(Te))
                         ]),
                         _: 1
@@ -994,15 +994,15 @@ const va = {
                       o(
                         "i",
                         {
-                          class: k(u(m).e("actions__divider"))
+                          class: x(u(g).e("actions__divider"))
                         },
                         null,
                         2
                         /* CLASS */
                       ),
-                      v(u(L), { onClick: Z }, {
-                        default: w(() => [
-                          (p(), Y(Qe(P.value.icon)))
+                      v(u(L), { onClick: G }, {
+                        default: y(() => [
+                          (p(), X(Qe(R.value.icon)))
                         ]),
                         _: 1
                         /* STABLE */
@@ -1010,25 +1010,25 @@ const va = {
                       o(
                         "i",
                         {
-                          class: k(u(m).e("actions__divider"))
+                          class: x(u(g).e("actions__divider"))
                         },
                         null,
                         2
                         /* CLASS */
                       ),
                       v(u(L), {
-                        onClick: c[3] || (c[3] = (_) => i("anticlockwise"))
+                        onClick: c[3] || (c[3] = (m) => i("anticlockwise"))
                       }, {
-                        default: w(() => [
+                        default: y(() => [
                           v(u(bt))
                         ]),
                         _: 1
                         /* STABLE */
                       }),
                       v(u(L), {
-                        onClick: c[4] || (c[4] = (_) => i("clockwise"))
+                        onClick: c[4] || (c[4] = (m) => i("clockwise"))
                       }, {
-                        default: w(() => [
+                        default: y(() => [
                           v(u(kt))
                         ]),
                         _: 1
@@ -1046,25 +1046,25 @@ const va = {
               o(
                 "div",
                 {
-                  class: k(u(m).e("canvas"))
+                  class: x(u(g).e("canvas"))
                 },
                 [
                   (p(!0), f(
-                    te,
+                    ee,
                     null,
-                    Se(l.urlList, (_, $) => ve((p(), f("img", {
+                    Se(l.urlList, (m, $) => ve((p(), f("img", {
                       ref_for: !0,
-                      ref: (N) => I.value[$] = N,
-                      key: _,
-                      src: _,
+                      ref: (N) => B.value[$] = N,
+                      key: m,
+                      src: m,
                       style: V(oe.value),
-                      class: k(u(m).e("img")),
+                      class: x(u(g).e("img")),
                       crossorigin: l.crossorigin,
                       onLoad: ue,
                       onError: ce,
                       onMousedown: de
                     }, null, 46, _a)), [
-                      [fe, $ === M.value]
+                      [fe, $ === I.value]
                     ])),
                     128
                     /* KEYED_FRAGMENT */
@@ -1084,7 +1084,7 @@ const va = {
       })
     ]));
   }
-}), ga = _e(ma), Re = (t) => (qe("data-v-70fba8d8"), t = t(), et(), t), ha = {
+}), ga = _e(ma), Re = (t) => (qe("data-v-55d00ff7"), t = t(), et(), t), ha = {
   key: 1,
   class: "upload-btn"
 }, wa = { class: "tip" }, ya = { class: "loading-statu" }, ba = { class: "operate-btn" }, xa = { key: 0 }, ka = { class: "el-upload-list el-upload-list--picture-card" }, za = ["onClick"], Ia = /* @__PURE__ */ Re(() => /* @__PURE__ */ o(
@@ -1195,119 +1195,119 @@ const va = {
   emits: /* @__PURE__ */ be(["delete", "success"], ["update:modelValue"]),
   setup(t, { emit: s }) {
     Ge((a) => ({
-      "1c9589a2": m.value,
-      "2b2330de": E.value,
-      e201c302: F.value,
-      "19d5a46d": Z.value
+      "94cfc708": E.value,
+      "38c70d9e": C.value,
+      "5f90ef5c": D.value,
+      d061978c: G.value
     }));
-    const e = t, r = Ze(t, "modelValue"), g = (a) => Array.isArray(a) ? a.map((d) => {
-      var c, _;
-      const i = ((c = d.url) == null ? void 0 : c.startsWith("http")) || ((_ = d.url) == null ? void 0 : _.startsWith("blob")), l = (d == null ? void 0 : d.url) || d;
+    const e = t, r = Ze(t, "modelValue"), { formItem: _ } = nt(), n = (a) => Array.isArray(a) ? a.map((d) => {
+      var c, m;
+      const i = ((c = d.url) == null ? void 0 : c.startsWith("http")) || ((m = d.url) == null ? void 0 : m.startsWith("blob")), l = (d == null ? void 0 : d.url) || d;
       return {
         ...d.url ? d : { url: l },
-        __url: i ? l : `${z.value}${l}`
+        __url: i ? l : `${M.value}${l}`
       };
     }) : a ? [
       {
         url: a,
-        __url: a != null && a.startsWith("http") || a != null && a.startsWith("blob") ? a : `${z.value}${a}`
+        __url: a != null && a.startsWith("http") || a != null && a.startsWith("blob") ? a : `${M.value}${a}`
       }
     ] : [];
-    ee(
+    q(
       () => r.value,
       (a) => {
-        !a || !a.length ? y.value = [] : y.value = q.cloneDeep(g(a));
+        !a || !a.length ? w.value = [] : w.value = J.cloneDeep(n(a)), _ == null || _.validate("change");
       },
       { deep: !0 }
     );
-    const n = s, { cLoadUrl: z, cUploadUrl: B } = Wt(e), m = h(() => `${e.width}px`), E = h(() => `${e.height}px`), C = h(() => e.size), I = S(null), y = S(g(r.value)), b = S([]), M = S(!1), P = S(0), x = h(
+    const k = s, { cLoadUrl: M, cUploadUrl: g } = Wt(e), E = h(() => `${e.width}px`), C = h(() => `${e.height}px`), B = h(() => e.size), z = S(null), w = S(n(r.value)), I = S([]), R = S(!1), b = S(0), te = h(
       () => e.tipText || `最多可上传${e.limit}张图片, 每张图片不能超过${e.size}MB`
     ), ae = (a, d) => {
-    }, le = (a) => {
+    }, Y = (a) => {
       if (!a.type.includes("image")) {
         xe.warning("只允许上传图片!");
         try {
-          y.value.pop();
+          w.value.pop();
         } catch {
         }
         return !1;
       }
-      if (!(a.size / 1024 / 1024 < C.value)) {
+      if (!(a.size / 1024 / 1024 < B.value)) {
         xe.warning(`图片大小超出系统限制的${e.size}MB!`);
         try {
-          y.value.pop();
+          w.value.pop();
         } catch {
         }
         return !1;
       }
       return !0;
-    }, Q = () => !1, G = (a, d) => {
+    }, Q = () => !1, le = (a, d) => {
       var i, l;
-      a.status = "ready", d !== void 0 && b.value.splice(d, 1), (i = I.value) == null || i.handleStart(a.raw), (l = I.value) == null || l.submit();
+      a.status = "ready", d !== void 0 && I.value.splice(d, 1), (i = z.value) == null || i.handleStart(a.raw), (l = z.value) == null || l.submit();
     }, ne = (a, d) => {
-      var _, $;
+      var m, $;
       const i = r.value.length, l = e.limit - i;
       let c = 0;
       for (; c < l && c < (a == null ? void 0 : a.length); )
-        (_ = I.value) == null || _.handleStart(a == null ? void 0 : a[c]), ($ = I.value) == null || $.submit(), c++;
-    }, { formItem: j } = nt(), se = (a, d, i) => {
-      n("success", a, d, i), r.value = y.value, j == null || j.validate("change");
+        (m = z.value) == null || m.handleStart(a == null ? void 0 : a[c]), ($ = z.value) == null || $.submit(), c++;
+    }, se = (a, d, i) => {
+      k("success", a, d, i), r.value = w.value, _ == null || _.validate("change");
     }, oe = (a, d, i) => {
-      b.value.push({
+      I.value.push({
         ...d,
         __url: d.url
       });
-    }, D = (a) => {
+    }, j = (a) => {
       var d;
-      M.value = !0, P.value = Array.isArray(r == null ? void 0 : r.value) ? (d = r == null ? void 0 : r.value) == null ? void 0 : d.findIndex((i) => i.url === a.url) : 0;
+      R.value = !0, b.value = Array.isArray(r == null ? void 0 : r.value) ? (d = r == null ? void 0 : r.value) == null ? void 0 : d.findIndex((i) => i.url === a.url) : 0;
     }, re = (a) => {
       it.downloadFile(a.__url || a.url, a.name || a.url);
     }, ie = (a) => {
       var d;
-      (d = I.value) == null || d.abort(a);
+      (d = z.value) == null || d.abort(a);
     }, ue = (a) => {
       var d;
-      a.status !== "success" && ie(a), r.value = (d = y.value) == null ? void 0 : d.filter((i) => i.uid !== a.uid), n("delete", a);
+      a.status !== "success" && ie(a), r.value = (d = w.value) == null ? void 0 : d.filter((i) => i.uid !== a.uid), k("delete", a);
     }, ce = (a, d) => {
-      b.value.splice(d, 1);
-    }, de = h(() => y.value.length + b.value.length < e.limit), U = h(
+      I.value.splice(d, 1);
+    }, de = h(() => w.value.length + I.value.length < e.limit), U = h(
       () => r.value.length >= e.limit || e.disabled
-    ), Z = h(() => {
+    ), G = h(() => {
       var a;
-      return !((a = r.value) != null && a.length) && !b.value.length || e.limit === 1 || typeof r.value == "string" ? "0" : `${e.width + 8}px`;
-    }), F = h(() => {
+      return !((a = r.value) != null && a.length) && !I.value.length || e.limit === 1 || typeof r.value == "string" ? "0" : `${e.width + 8}px`;
+    }), D = h(() => {
       var a;
-      return !((a = r.value) != null && a.length) && !b.value.length && typeof r.value != "string" || e.limit === 1 ? "none" : "absolute";
+      return !((a = r.value) != null && a.length) && !I.value.length && typeof r.value != "string" || e.limit === 1 ? "none" : "absolute";
     });
     return (a, d) => (p(), f(
-      te,
+      ee,
       null,
       [
         v(u(st), Ke({
           class: ["ik-image-upload", { preview: t.preview, "hide-upload": !de.value && t.limit === 1, disabled: U.value }],
           ref_key: "refUpload",
-          ref: I,
+          ref: z,
           "list-type": "picture-card",
           accept: t.accept,
-          action: u(B),
+          action: u(g),
           headers: t.headers,
           data: t.data,
-          "file-list": y.value,
-          "onUpdate:fileList": d[0] || (d[0] = (i) => y.value = i),
+          "file-list": w.value,
+          "onUpdate:fileList": d[0] || (d[0] = (i) => w.value = i),
           multiple: t.multiple,
           limit: t.limit,
           "on-change": ae,
-          "before-upload": le,
+          "before-upload": Y,
           "before-remove": Q,
           "on-exceed": ne,
           "on-success": se,
           "on-error": oe,
           drag: ""
         }, a.$attrs, { disabled: U.value }), Je({
-          trigger: w(() => [
+          trigger: y(() => [
             a.$slots.trigger ? Ee(a.$slots, "trigger", { key: 0 }, void 0, !0) : (p(), f("div", ha, [
               v(u(L), { size: 20 }, {
-                default: w(() => [
+                default: y(() => [
                   v(u(ta), {
                     name: "iksvg_guanbibeifen",
                     disabled: U.value
@@ -1319,17 +1319,17 @@ const va = {
               o(
                 "span",
                 null,
-                J(t.title),
+                K(t.title),
                 1
                 /* TEXT */
               )
             ]))
           ]),
-          file: w(({ file: i, index: l }) => [
+          file: y(({ file: i, index: l }) => [
             o(
               "div",
               {
-                class: k(["load-list", { loading: i.status === "uploading" }]),
+                class: x(["load-list", { loading: i.status === "uploading" }]),
                 "element-loading-background": "var(--ik-upload-bg)"
               },
               [
@@ -1339,7 +1339,7 @@ const va = {
                   [
                     v(Dt),
                     Be(
-                      " 上传" + J(i.percentage) + "% ",
+                      " 上传" + K(i.percentage) + "% ",
                       1
                       /* TEXT */
                     )
@@ -1360,9 +1360,9 @@ const va = {
                 o("span", ba, [
                   o("span", null, [
                     v(u(L), {
-                      onClick: (c) => D(i)
+                      onClick: (c) => j(i)
                     }, {
-                      default: w(() => [
+                      default: y(() => [
                         v(u(Te))
                       ]),
                       _: 2
@@ -1373,7 +1373,7 @@ const va = {
                     v(u(L), {
                       onClick: (c) => re(i)
                     }, {
-                      default: w(() => [
+                      default: y(() => [
                         v(u(gt))
                       ]),
                       _: 2
@@ -1385,7 +1385,7 @@ const va = {
                       type: "warning",
                       onClick: (c) => ue(i)
                     }, {
-                      default: w(() => [
+                      default: y(() => [
                         v(u(_t))
                       ]),
                       _: 2
@@ -1398,12 +1398,12 @@ const va = {
               /* CLASS */
             )
           ]),
-          default: w(() => [
+          default: y(() => [
             o("ul", ka, [
               (p(!0), f(
-                te,
+                ee,
                 null,
-                Se(b.value, (i, l) => (p(), f("li", {
+                Se(I.value, (i, l) => (p(), f("li", {
                   class: "el-upload-list__item",
                   key: i.uid
                 }, [
@@ -1411,7 +1411,7 @@ const va = {
                     v(u(L), {
                       onClick: (c) => ce(i, l)
                     }, {
-                      default: w(() => [
+                      default: y(() => [
                         v(u(Ne))
                       ]),
                       _: 2
@@ -1421,7 +1421,7 @@ const va = {
                   o(
                     "div",
                     {
-                      class: k(["load-list", {
+                      class: x(["load-list", {
                         loading: i.status === "uploading",
                         fail: i.status === "fail"
                       }]),
@@ -1430,10 +1430,10 @@ const va = {
                     [
                       ve(o("div", {
                         class: "loading-statu",
-                        onClick: (c) => G(i, l)
+                        onClick: (c) => le(i, l)
                       }, [
                         v(u(L), { size: 24 }, {
-                          default: w(() => [
+                          default: y(() => [
                             v(u(It))
                           ]),
                           _: 1
@@ -1464,11 +1464,11 @@ const va = {
         }, [
           t.tip ? {
             name: "tip",
-            fn: w(() => [
+            fn: y(() => [
               o(
                 "span",
                 wa,
-                J(x.value),
+                K(te.value),
                 1
                 /* TEXT */
               )
@@ -1478,15 +1478,15 @@ const va = {
         ]), 1040, ["class", "accept", "action", "headers", "data", "file-list", "multiple", "limit", "disabled"]),
         A(" 文件预览 "),
         o("div", $a, [
-          M.value ? (p(), Y(u(ga), {
+          R.value ? (p(), X(u(ga), {
             key: 0,
             "lock-scroll": "",
             "hide-on-click-modal": "",
             onClose: d[1] || (d[1] = () => {
-              M.value = !1;
+              R.value = !1;
             }),
-            "url-list": g(y.value).map((i) => i.__url),
-            "initial-index": P.value
+            "url-list": n(w.value).map((i) => i.__url),
+            "initial-index": b.value
           }, null, 8, ["url-list", "initial-index"])) : A("v-if", !0)
         ])
       ],
@@ -1495,7 +1495,7 @@ const va = {
     ));
   }
 });
-const Ma = /* @__PURE__ */ me(La, [["__scopeId", "data-v-70fba8d8"]]), Na = _e(Ma);
+const Ma = /* @__PURE__ */ me(La, [["__scopeId", "data-v-55d00ff7"]]), Na = _e(Ma);
 export {
   Na as IkUploadImage,
   Na as default