iking-web-ui-pro 0.2.30 → 0.2.32

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

@@ -1,93 +1,191 @@
-import { defineComponent as z, openBlock as u, createElementBlock as r, createElementVNode as n, inject as S, computed as h, resolveComponent as P, normalizeClass as w, normalizeStyle as x, createCommentVNode as V, createBlock as D, withCtx as f, createTextVNode as J, toDisplayString as U, mergeModels as A, useCssVars as ce, useModel as de, watch as pe, ref as M, Fragment as W, createVNode as v, unref as p, mergeProps as ve, createSlots as _e, renderSlot as he, withDirectives as F, vShow as R, renderList as fe, pushScopeId as me, popScopeId as ge } from "vue";
-import { ElUpload as ye, ElIcon as $, ElImage as we, ElImageViewer as ke, ElMessage as G } from "element-plus";
-import { ikColor as be, _ as xe, ikFile as ze } from "iking-utils-pro";
-const X = (l, c) => {
-  if (l.install = (e) => {
-    for (const i of [l, ...Object.values(c ?? {})])
+import { defineComponent as $, openBlock as d, createElementBlock as v, createElementVNode as s, inject as Y, computed as w, resolveComponent as we, normalizeClass as k, normalizeStyle as U, createCommentVNode as R, createBlock as Q, withCtx as h, createTextVNode as Me, toDisplayString as J, unref as r, getCurrentScope as Pe, onScopeDispose as Re, watch as ee, markRaw as ye, ref as T, effectScope as Ue, shallowRef as He, nextTick as je, onMounted as De, Teleport as Fe, createVNode as p, Transition as We, withModifiers as Xe, Fragment as te, resolveDynamicComponent as Ye, renderList as Be, withDirectives as ve, vShow as _e, renderSlot as Se, mergeModels as be, useCssVars as Qe, useModel as Ge, mergeProps as Ze, createSlots as Ke, pushScopeId as Je, popScopeId as qe } from "vue";
+import { useLocale as et, useNamespace as tt, useZIndex as at, ElIcon as L, EVENT_CODE as D, ElUpload as lt, ElImage as nt, ElMessage as ke } from "element-plus";
+import { ikColor as st, paramType as xe, _ as q, ikFile as ot } from "iking-utils-pro";
+const fe = (t, n) => {
+  if (t.install = (e) => {
+    for (const i of [t, ...Object.values(n ?? {})])
       e.component(i.name, i);
-  }, c)
-    for (const [e, i] of Object.entries(c))
-      l[e] = i;
-  return l;
+  }, n)
+    for (const [e, i] of Object.entries(n))
+      t[e] = i;
+  return t;
 };
 /*! Element Plus Icons Vue v2.3.1 */
-var $e = /* @__PURE__ */ z({
+var rt = /* @__PURE__ */ $({
+  name: "ArrowLeft",
+  __name: "arrow-left",
+  setup(t) {
+    return (n, e) => (d(), v("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      s("path", {
+        fill: "currentColor",
+        d: "M609.408 149.376 277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0 30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0z"
+      })
+    ]));
+  }
+}), it = rt, ut = /* @__PURE__ */ $({
+  name: "ArrowRight",
+  __name: "arrow-right",
+  setup(t) {
+    return (n, e) => (d(), v("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      s("path", {
+        fill: "currentColor",
+        d: "M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512 340.864 831.872a30.592 30.592 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"
+      })
+    ]));
+  }
+}), ct = ut, dt = /* @__PURE__ */ $({
   name: "Close",
   __name: "close",
-  setup(l) {
-    return (c, e) => (u(), r("svg", {
+  setup(t) {
+    return (n, e) => (d(), v("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      n("path", {
+      s("path", {
         fill: "currentColor",
         d: "M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"
       })
     ]));
   }
-}), Ce = $e, Be = /* @__PURE__ */ z({
+}), Ee = dt, pt = /* @__PURE__ */ $({
   name: "Delete",
   __name: "delete",
-  setup(l) {
-    return (c, e) => (u(), r("svg", {
+  setup(t) {
+    return (n, e) => (d(), v("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      n("path", {
+      s("path", {
         fill: "currentColor",
         d: "M160 256H96a32 32 0 0 1 0-64h256V95.936a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32V192h256a32 32 0 1 1 0 64h-64v672a32 32 0 0 1-32 32H192a32 32 0 0 1-32-32zm448-64v-64H416v64zM224 896h576V256H224zm192-128a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32m192 0a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32"
       })
     ]));
   }
-}), Ie = Be, Le = /* @__PURE__ */ z({
+}), vt = pt, _t = /* @__PURE__ */ $({
   name: "Download",
   __name: "download",
-  setup(l) {
-    return (c, e) => (u(), r("svg", {
+  setup(t) {
+    return (n, e) => (d(), v("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      n("path", {
+      s("path", {
         fill: "currentColor",
         d: "M160 832h704a32 32 0 1 1 0 64H160a32 32 0 1 1 0-64m384-253.696 236.288-236.352 45.248 45.248L508.8 704 192 387.2l45.248-45.248L480 584.704V128h64z"
       })
     ]));
   }
-}), Se = Le, Me = /* @__PURE__ */ z({
+}), ft = _t, mt = /* @__PURE__ */ $({
+  name: "FullScreen",
+  __name: "full-screen",
+  setup(t) {
+    return (n, e) => (d(), v("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      s("path", {
+        fill: "currentColor",
+        d: "m160 96.064 192 .192a32 32 0 0 1 0 64l-192-.192V352a32 32 0 0 1-64 0V96h64zm0 831.872V928H96V672a32 32 0 1 1 64 0v191.936l192-.192a32 32 0 1 1 0 64zM864 96.064V96h64v256a32 32 0 1 1-64 0V160.064l-192 .192a32 32 0 1 1 0-64l192-.192zm0 831.872-192-.192a32 32 0 0 1 0-64l192 .192V672a32 32 0 1 1 64 0v256h-64z"
+      })
+    ]));
+  }
+}), gt = mt, ht = /* @__PURE__ */ $({
+  name: "RefreshLeft",
+  __name: "refresh-left",
+  setup(t) {
+    return (n, e) => (d(), v("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      s("path", {
+        fill: "currentColor",
+        d: "M289.088 296.704h92.992a32 32 0 0 1 0 64H232.96a32 32 0 0 1-32-32V179.712a32 32 0 0 1 64 0v50.56a384 384 0 0 1 643.84 282.88 384 384 0 0 1-383.936 384 384 384 0 0 1-384-384h64a320 320 0 1 0 640 0 320 320 0 0 0-555.712-216.448z"
+      })
+    ]));
+  }
+}), wt = ht, yt = /* @__PURE__ */ $({
+  name: "RefreshRight",
+  __name: "refresh-right",
+  setup(t) {
+    return (n, e) => (d(), v("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      s("path", {
+        fill: "currentColor",
+        d: "M784.512 230.272v-50.56a32 32 0 1 1 64 0v149.056a32 32 0 0 1-32 32H667.52a32 32 0 1 1 0-64h92.992A320 320 0 1 0 524.8 833.152a320 320 0 0 0 320-320h64a384 384 0 0 1-384 384 384 384 0 0 1-384-384 384 384 0 0 1 643.712-282.88z"
+      })
+    ]));
+  }
+}), bt = yt, kt = /* @__PURE__ */ $({
   name: "Refresh",
   __name: "refresh",
-  setup(l) {
-    return (c, e) => (u(), r("svg", {
+  setup(t) {
+    return (n, e) => (d(), v("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      n("path", {
+      s("path", {
         fill: "currentColor",
         d: "M771.776 794.88A384 384 0 0 1 128 512h64a320 320 0 0 0 555.712 216.448H654.72a32 32 0 1 1 0-64h149.056a32 32 0 0 1 32 32v148.928a32 32 0 1 1-64 0v-50.56zM276.288 295.616h92.992a32 32 0 0 1 0 64H220.16a32 32 0 0 1-32-32V178.56a32 32 0 0 1 64 0v50.56A384 384 0 0 1 896.128 512h-64a320 320 0 0 0-555.776-216.384z"
       })
     ]));
   }
-}), Ve = Me, Ue = /* @__PURE__ */ z({
+}), xt = kt, zt = /* @__PURE__ */ $({
+  name: "ScaleToOriginal",
+  __name: "scale-to-original",
+  setup(t) {
+    return (n, e) => (d(), v("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      s("path", {
+        fill: "currentColor",
+        d: "M813.176 180.706a60.235 60.235 0 0 1 60.236 60.235v481.883a60.235 60.235 0 0 1-60.236 60.235H210.824a60.235 60.235 0 0 1-60.236-60.235V240.94a60.235 60.235 0 0 1 60.236-60.235h602.352zm0-60.235H210.824A120.47 120.47 0 0 0 90.353 240.94v481.883a120.47 120.47 0 0 0 120.47 120.47h602.353a120.47 120.47 0 0 0 120.471-120.47V240.94a120.47 120.47 0 0 0-120.47-120.47zm-120.47 180.705a30.118 30.118 0 0 0-30.118 30.118v301.177a30.118 30.118 0 0 0 60.236 0V331.294a30.118 30.118 0 0 0-30.118-30.118zm-361.412 0a30.118 30.118 0 0 0-30.118 30.118v301.177a30.118 30.118 0 1 0 60.236 0V331.294a30.118 30.118 0 0 0-30.118-30.118M512 361.412a30.118 30.118 0 0 0-30.118 30.117v30.118a30.118 30.118 0 0 0 60.236 0V391.53A30.118 30.118 0 0 0 512 361.412M512 512a30.118 30.118 0 0 0-30.118 30.118v30.117a30.118 30.118 0 0 0 60.236 0v-30.117A30.118 30.118 0 0 0 512 512"
+      })
+    ]));
+  }
+}), It = zt, Ct = /* @__PURE__ */ $({
   name: "ZoomIn",
   __name: "zoom-in",
-  setup(l) {
-    return (c, e) => (u(), r("svg", {
+  setup(t) {
+    return (n, e) => (d(), v("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      n("path", {
+      s("path", {
         fill: "currentColor",
         d: "m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704m-32-384v-96a32 32 0 0 1 64 0v96h96a32 32 0 0 1 0 64h-96v96a32 32 0 0 1-64 0v-96h-96a32 32 0 0 1 0-64z"
       })
     ]));
   }
-}), je = Ue;
-const H = (l, c) => {
-  const e = l.__vccOpts || l;
-  for (const [i, _] of c)
-    e[i] = _;
+}), Ne = Ct, Ot = /* @__PURE__ */ $({
+  name: "ZoomOut",
+  __name: "zoom-out",
+  setup(t) {
+    return (n, e) => (d(), v("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      s("path", {
+        fill: "currentColor",
+        d: "m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704M352 448h256a32 32 0 0 1 0 64H352a32 32 0 0 1 0-64"
+      })
+    ]));
+  }
+}), $t = Ot;
+const me = (t, n) => {
+  const e = t.__vccOpts || t;
+  for (const [i, m] of n)
+    e[i] = m;
   return e;
-}, Ee = {}, Te = {
+}, Lt = {}, Mt = {
   t: "1686214149488",
   class: "icon",
   viewBox: "0 0 1024 1024",
@@ -96,7 +194,7 @@ const H = (l, c) => {
   "p-id": "8490",
   width: "200",
   height: "200"
-}, De = /* @__PURE__ */ n(
+}, Bt = /* @__PURE__ */ s(
   "path",
   {
     d: "M369.569592 512.011256c0-14.328333-11.010775-25.945929-24.591071-25.945929L86.980515 486.065328c-13.580297 0-24.591071 11.618619-24.591071 25.945929 0 14.33038 11.010775 25.947975 24.591071 25.947975l257.998005 0C358.55984 537.959232 369.569592 526.341636 369.569592 512.011256z",
@@ -105,7 +203,7 @@ const H = (l, c) => {
   null,
   -1
   /* HOISTED */
-), He = /* @__PURE__ */ n(
+), St = /* @__PURE__ */ s(
   "path",
   {
     d: "M937.019485 486.064304 679.020456 486.064304c-13.580297 0-24.591071 11.618619-24.591071 25.945929 0 14.33038 11.010775 25.947975 24.591071 25.947975l257.999029 0c13.580297 0 24.590048-11.618619 24.590048-25.947975C961.609533 497.682923 950.598758 486.064304 937.019485 486.064304z",
@@ -114,7 +212,7 @@ const H = (l, c) => {
   null,
   -1
   /* HOISTED */
-), Ne = /* @__PURE__ */ n(
+), Et = /* @__PURE__ */ s(
   "path",
   {
     d: "M512.011768 62.389956c-13.580297 0-24.590048 11.618619-24.590048 25.945929l0 257.170151c0 14.329357 11.010775 25.946952 24.590048 25.946952s24.591071-11.618619 24.591071-25.946952L536.602839 88.335884C536.602839 74.008574 525.591041 62.389956 512.011768 62.389956z",
@@ -123,7 +221,7 @@ const H = (l, c) => {
   null,
   -1
   /* HOISTED */
-), Oe = /* @__PURE__ */ n(
+), Nt = /* @__PURE__ */ s(
   "path",
   {
     d: "M512.011768 652.544967c-13.580297 0-24.590048 11.618619-24.590048 25.946952l0 257.169127c0 14.33038 11.010775 25.947975 24.590048 25.947975s24.591071-11.618619 24.591071-25.947975L536.602839 678.491918C536.602839 664.162562 525.591041 652.544967 512.011768 652.544967z",
@@ -132,7 +230,7 @@ const H = (l, c) => {
   null,
   -1
   /* HOISTED */
-), Pe = /* @__PURE__ */ n(
+), Tt = /* @__PURE__ */ s(
   "path",
   {
     d: "M377.001865 413.125085c4.744048 4.737908 10.818393 7.082302 16.882506 7.082302 6.519484 0 13.039991-2.724041 17.879206-8.134261 9.317203-10.414187 8.885368-26.834158-0.9967-36.678364L228.341057 193.559391c-9.832949-9.830903-25.406646-9.388834-34.760688 1.050935-9.317203 10.414187-8.885368 26.834158 0.9967 36.678364L377.001865 413.125085z",
@@ -141,7 +239,7 @@ const H = (l, c) => {
   null,
   -1
   /* HOISTED */
-), Ae = /* @__PURE__ */ n(
+), At = /* @__PURE__ */ s(
   "path",
   {
     d: "M646.997112 610.873892c-9.846252-9.831926-25.419949-9.388834-34.761712 1.051959-9.317203 10.414187-8.885368 26.834158 0.997724 36.678364l182.41354 181.834348c4.743024 4.738931 10.818393 7.083326 16.881482 7.083326 6.520507 0 13.039991-2.723018 17.879206-8.134261 9.317203-10.41521 8.886391-26.834158-0.9967-36.678364L646.997112 610.873892z",
@@ -150,7 +248,7 @@ const H = (l, c) => {
   null,
   -1
   /* HOISTED */
-), We = /* @__PURE__ */ n(
+), Vt = /* @__PURE__ */ s(
   "path",
   {
     d: "M630.114606 420.207387c6.064113 0 12.139481-2.344395 16.882506-7.082302l182.425819-181.836395c9.882068-9.844206 10.313903-26.264177 0.9967-36.678364-9.341762-10.43977-24.915459-10.882861-34.760688-1.050935L613.233124 375.394762c-9.882068 9.844206-10.314926 26.264177-0.997724 36.678364C617.074615 417.483346 623.595123 420.207387 630.114606 420.207387z",
@@ -159,7 +257,7 @@ const H = (l, c) => {
   null,
   -1
   /* HOISTED */
-), Fe = /* @__PURE__ */ n(
+), Pt = /* @__PURE__ */ s(
   "path",
   {
     d: "M377.025401 610.873892 194.600605 792.710286c-9.881045 9.844206-10.313903 26.263154-0.9967 36.678364 4.839215 5.411243 11.358699 8.134261 17.879206 8.134261 6.064113 0 12.138458-2.344395 16.881482-7.083326l182.425819-181.834348c9.881045-9.844206 10.313903-26.264177 0.9967-36.678364C402.469909 601.485057 386.872676 601.041966 377.025401 610.873892z",
@@ -168,27 +266,27 @@ const H = (l, c) => {
   null,
   -1
   /* HOISTED */
-), Re = [
-  De,
-  He,
-  Ne,
-  Oe,
-  Pe,
-  Ae,
-  We,
-  Fe
+), Rt = [
+  Bt,
+  St,
+  Et,
+  Nt,
+  Tt,
+  At,
+  Vt,
+  Pt
 ];
-function Ge(l, c) {
-  return u(), r("svg", Te, Re);
+function Ut(t, n) {
+  return d(), v("svg", Mt, Rt);
 }
-const Je = /* @__PURE__ */ H(Ee, [["render", Ge]]), Xe = (l) => {
-  const c = S("loadUrl"), e = h(() => l.loadUrl || l.fileUrl || (c == null ? void 0 : c.value)), i = S("uploadUrl"), _ = h(() => l.action || l.uploadUrl || (i == null ? void 0 : i.value)), o = S("token"), g = h(() => l.token || (o == null ? void 0 : o.value)), k = S("onlyofficeConfig"), C = h(() => l.onlyofficeConfig || (k == null ? void 0 : k.value)), B = S("userInfo"), j = h(() => l.userInfo || (B == null ? void 0 : B.value));
+const Ht = /* @__PURE__ */ me(Lt, [["render", Ut]]), jt = (t) => {
+  const n = Y("loadUrl"), e = w(() => t.loadUrl || t.fileUrl || (n == null ? void 0 : n.value)), i = Y("uploadUrl"), m = w(() => t.action || t.uploadUrl || (i == null ? void 0 : i.value)), l = Y("token"), z = w(() => t.token || (l == null ? void 0 : l.value)), E = Y("onlyofficeConfig"), f = w(() => t.onlyofficeConfig || (E == null ? void 0 : E.value)), A = Y("userInfo"), C = w(() => t.userInfo || (A == null ? void 0 : A.value));
   return {
     cLoadUrl: e,
-    cUploadUrl: _,
-    cToken: g,
-    cOnlyofficeConfig: C,
-    cUserInfo: j,
+    cUploadUrl: m,
+    cToken: z,
+    cOnlyofficeConfig: f,
+    cUserInfo: C,
     cOnlyofficePreviewType: [
       "csv",
       "djvu",
@@ -243,18 +341,18 @@ const Je = /* @__PURE__ */ H(Ee, [["render", Ge]]), Xe = (l) => {
       "mp4"
     ]
   };
-}, Ye = Xe, Ze = {
+}, Dt = jt, Ft = {
   key: 0,
   class: "ik-svg-icon ik-icon-span inline-block inline-flex justify-center box-content line-height-[0]"
-}, qe = {
+}, Wt = {
   key: 1,
   class: "h-[1em] w-[1em]",
   "aria-hidden": "true"
-}, Ke = ["xlink:href"], Qe = ["src"], et = {
+}, Xt = ["xlink:href"], Yt = ["src"], Qt = {
   key: 1,
   class: "h-[1em] w-[1em]",
   "aria-hidden": "true"
-}, tt = ["xlink:href"], lt = ["src"], at = /* @__PURE__ */ z({
+}, Gt = ["xlink:href"], Zt = ["src"], Kt = /* @__PURE__ */ $({
   name: "IkSvgIcon",
   __name: "index",
   props: {
@@ -280,86 +378,86 @@ const Je = /* @__PURE__ */ H(Ee, [["render", Ge]]), Xe = (l) => {
     warning: { type: Boolean },
     width: {}
   },
-  setup(l) {
-    const c = l, e = h(() => c), i = h(() => {
-      const { name: o } = e.value;
-      return /^http?:\/\//.test(o) ? "img" : /i-[^:]+:[^:]+/.test(o) ? "unocss" : o != null && o.startsWith("iksig") ? "iksig" : o != null && o.includes(":") ? "iconify" : o != null && o.startsWith("iksvg") ? "svg" : "i";
-    }), _ = h(() => {
-      const o = [];
+  setup(t) {
+    const n = t, e = w(() => n), i = w(() => {
+      const { name: l } = e.value;
+      return /^http?:\/\//.test(l) ? "img" : /i-[^:]+:[^:]+/.test(l) ? "unocss" : l != null && l.startsWith("iksig") ? "iksig" : l != null && l.includes(":") ? "iconify" : l != null && l.startsWith("iksvg") ? "svg" : "i";
+    }), m = w(() => {
+      const l = [];
       if (e.value.flip)
         switch (e.value.flip) {
           case "horizontal":
-            o.push("rotateY(180deg)");
+            l.push("rotateY(180deg)");
             break;
           case "vertical":
-            o.push("rotateX(180deg)");
+            l.push("rotateX(180deg)");
             break;
           case "both":
-            o.push("rotateX(180deg)"), o.push("rotateY(180deg)");
+            l.push("rotateX(180deg)"), l.push("rotateY(180deg)");
             break;
         }
-      e.value.rotate && o.push(`rotate(${e.value.rotate % 360}deg)`);
-      const g = {
+      e.value.rotate && l.push(`rotate(${e.value.rotate % 360}deg)`);
+      const z = {
         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 },
-        ...o.length && { transform: o.join(" ") },
+        ...l.length && { transform: l.join(" ") },
         padding: e.value.showBg || e.value.bg ? e.value.padding : 0,
         ...e.value.color && i.value !== "iksig" ? {
           "--ik-color-icon-dark": e.value.color,
-          "--ik-color-icon-light": e.value.colorLight || be.setOpacity(e.value.color, e.value.opacity)
+          "--ik-color-icon-light": e.value.colorLight || st.setOpacity(e.value.color, e.value.opacity)
         } : {}
       };
-      return e.value.width && (g.width = g.height = typeof e.value.width == "number" ? `${e.value.width}px` : e.value.width), g;
+      return e.value.width && (z.width = z.height = typeof e.value.width == "number" ? `${e.value.width}px` : e.value.width), z;
     });
-    return (o, g) => {
-      const k = P("el-tooltip"), C = P("el-button");
-      return e.value.tableIconType === "icon" || !e.value.tableIconType ? (u(), r("span", Ze, [
-        e.value.notip || !e.value.title ? (u(), r(
+    return (l, z) => {
+      const E = we("el-tooltip"), f = we("el-button");
+      return e.value.tableIconType === "icon" || !e.value.tableIconType ? (d(), v("span", Ft, [
+        e.value.notip || !e.value.title ? (d(), v(
           "i",
           {
             key: 0,
-            class: w(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
-              [o.name]: i.value === "unocss",
+            class: k(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
+              [l.name]: i.value === "unocss",
               "show-bg": e.value.showBg || e.value.bg,
               default: e.value.size === "default",
               small: e.value.size === "small",
               big: e.value.size === "big",
               warning: e.value.warning || e.value.type === "warning",
               primary: e.value.primary || e.value.type === "primary",
-              success: o.success || e.value.type === "success",
+              success: l.success || e.value.type === "success",
               error: e.value.error || e.value.type === "error",
               active: e.value.active,
               disabled: e.value.disabled
             }]),
-            style: x(_.value)
+            style: U(m.value)
           },
           [
-            V(` <Icon v-if="outputType === 'iconify'" :icon="name" /> `),
-            i.value === "iksig" ? (u(), r(
+            R(` <Icon v-if="outputType === 'iconify'" :icon="name" /> `),
+            i.value === "iksig" ? (d(), v(
               "i",
               {
                 key: 0,
-                class: w(`iksig ${e.value.name}`),
-                style: x(_.value)
+                class: k(`iksig ${e.value.name}`),
+                style: U(m.value)
               },
               null,
               6
               /* CLASS, STYLE */
-            )) : i.value === "svg" ? (u(), r("svg", qe, [
-              n("use", {
+            )) : i.value === "svg" ? (d(), v("svg", Wt, [
+              s("use", {
                 "xlink:href": `#${e.value.name}`
-              }, null, 8, Ke)
-            ])) : i.value === "img" ? (u(), r("img", {
+              }, null, 8, Xt)
+            ])) : i.value === "img" ? (d(), v("img", {
               key: 2,
               src: e.value.name,
               class: "h-[1em] w-[1em]"
-            }, null, 8, Qe)) : (u(), r(
+            }, null, 8, Yt)) : (d(), v(
               "i",
               {
                 key: 3,
-                class: w(e.value.name),
-                style: x(_.value)
+                class: k(e.value.name),
+                style: U(m.value)
               },
               null,
               6
@@ -368,54 +466,54 @@ const Je = /* @__PURE__ */ H(Ee, [["render", Ge]]), Xe = (l) => {
           ],
           6
           /* CLASS, STYLE */
-        )) : (u(), D(k, {
+        )) : (d(), Q(E, {
           key: 1,
           content: e.value.title,
           placement: "top"
         }, {
-          default: f(() => [
-            n(
+          default: h(() => [
+            s(
               "i",
               {
-                class: w(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
-                  [o.name]: i.value === "unocss",
+                class: k(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
+                  [l.name]: i.value === "unocss",
                   "show-bg": e.value.showBg || e.value.bg,
                   default: e.value.size === "default",
                   small: e.value.size === "small",
                   big: e.value.size === "big",
                   warning: e.value.warning || e.value.type === "warning",
-                  primary: o.primary || e.value.type === "primary",
-                  success: o.success || e.value.type === "success",
+                  primary: l.primary || e.value.type === "primary",
+                  success: l.success || e.value.type === "success",
                   error: e.value.error || e.value.type === "error",
                   active: e.value.active
                 }]),
-                style: x(_.value)
+                style: U(m.value)
               },
               [
-                i.value === "iksig" ? (u(), r(
+                i.value === "iksig" ? (d(), v(
                   "i",
                   {
                     key: 0,
-                    class: w(`iksig ${e.value.name}`),
-                    style: x(_.value)
+                    class: k(`iksig ${e.value.name}`),
+                    style: U(m.value)
                   },
                   null,
                   6
                   /* CLASS, STYLE */
-                )) : i.value === "svg" ? (u(), r("svg", et, [
-                  n("use", {
+                )) : i.value === "svg" ? (d(), v("svg", Qt, [
+                  s("use", {
                     "xlink:href": `#${e.value.name}`
-                  }, null, 8, tt)
-                ])) : i.value === "img" ? (u(), r("img", {
+                  }, null, 8, Gt)
+                ])) : i.value === "img" ? (d(), v("img", {
                   key: 2,
                   src: e.value.name,
                   class: "h-[1em] w-[1em]"
-                }, null, 8, lt)) : (u(), r(
+                }, null, 8, Zt)) : (d(), v(
                   "i",
                   {
                     key: 3,
-                    class: w(e.value.name),
-                    style: x(_.value)
+                    class: k(e.value.name),
+                    style: U(m.value)
                   },
                   null,
                   6
@@ -429,13 +527,13 @@ const Je = /* @__PURE__ */ H(Ee, [["render", Ge]]), Xe = (l) => {
           _: 1
           /* STABLE */
         }, 8, ["content"]))
-      ])) : (u(), D(C, {
+      ])) : (d(), Q(f, {
         key: 1,
         type: ["warning", "error"].includes(e.value.type) ? "danger" : ""
       }, {
-        default: f(() => [
-          J(
-            U(e.value.title),
+        default: h(() => [
+          Me(
+            J(e.value.title),
             1
             /* TEXT */
           )
@@ -446,27 +544,564 @@ const Je = /* @__PURE__ */ H(Ee, [["render", Ge]]), Xe = (l) => {
     };
   }
 });
-const st = /* @__PURE__ */ H(at, [["__scopeId", "data-v-52806adf"]]), ot = X(st), Y = (l) => (me("data-v-d12a12c0"), l = l(), ge(), l), nt = {
+const Jt = /* @__PURE__ */ me(Kt, [["__scopeId", "data-v-52806adf"]]), qt = fe(Jt);
+var ze;
+const Te = typeof window < "u", ea = (t) => typeof t == "string", ta = () => {
+};
+Te && ((ze = window == null ? void 0 : window.navigator) != null && ze.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
+function Ae(t) {
+  return typeof t == "function" ? t() : r(t);
+}
+function aa(t) {
+  return t;
+}
+function la(t) {
+  return Pe() ? (Re(t), !0) : !1;
+}
+function na(t) {
+  var n;
+  const e = Ae(t);
+  return (n = e == null ? void 0 : e.$el) != null ? n : e;
+}
+const sa = Te ? window : void 0;
+function K(...t) {
+  let n, e, i, m;
+  if (ea(t[0]) || Array.isArray(t[0]) ? ([e, i, m] = t, n = sa) : [n, e, i, m] = t, !n)
+    return ta;
+  Array.isArray(e) || (e = [e]), Array.isArray(i) || (i = [i]);
+  const l = [], z = () => {
+    l.forEach((C) => C()), l.length = 0;
+  }, E = (C, O, x, I) => (C.addEventListener(O, x, I), () => C.removeEventListener(O, x, I)), f = ee(() => [na(n), Ae(m)], ([C, O]) => {
+    z(), C && l.push(...e.flatMap((x) => i.map((I) => E(C, x, I, O))));
+  }, { immediate: !0, flush: "post" }), A = () => {
+    f(), z();
+  };
+  return la(A), A;
+}
+const Ie = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, Ce = "__vueuse_ssr_handlers__";
+Ie[Ce] = Ie[Ce] || {};
+var Oe;
+(function(t) {
+  t.UP = "UP", t.RIGHT = "RIGHT", t.DOWN = "DOWN", t.LEFT = "LEFT", t.NONE = "NONE";
+})(Oe || (Oe = {}));
+var oa = Object.defineProperty, $e = Object.getOwnPropertySymbols, ra = Object.prototype.hasOwnProperty, ia = Object.prototype.propertyIsEnumerable, Le = (t, n, e) => n in t ? oa(t, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[n] = e, ua = (t, n) => {
+  for (var e in n || (n = {}))
+    ra.call(n, e) && Le(t, e, n[e]);
+  if ($e)
+    for (var e of $e(n))
+      ia.call(n, e) && Le(t, e, n[e]);
+  return t;
+};
+const ca = {
+  easeInSine: [0.12, 0, 0.39, 0],
+  easeOutSine: [0.61, 1, 0.88, 1],
+  easeInOutSine: [0.37, 0, 0.63, 1],
+  easeInQuad: [0.11, 0, 0.5, 0],
+  easeOutQuad: [0.5, 1, 0.89, 1],
+  easeInOutQuad: [0.45, 0, 0.55, 1],
+  easeInCubic: [0.32, 0, 0.67, 0],
+  easeOutCubic: [0.33, 1, 0.68, 1],
+  easeInOutCubic: [0.65, 0, 0.35, 1],
+  easeInQuart: [0.5, 0, 0.75, 0],
+  easeOutQuart: [0.25, 1, 0.5, 1],
+  easeInOutQuart: [0.76, 0, 0.24, 1],
+  easeInQuint: [0.64, 0, 0.78, 0],
+  easeOutQuint: [0.22, 1, 0.36, 1],
+  easeInOutQuint: [0.83, 0, 0.17, 1],
+  easeInExpo: [0.7, 0, 0.84, 0],
+  easeOutExpo: [0.16, 1, 0.3, 1],
+  easeInOutExpo: [0.87, 0, 0.13, 1],
+  easeInCirc: [0.55, 0, 1, 0.45],
+  easeOutCirc: [0, 0.55, 0.45, 1],
+  easeInOutCirc: [0.85, 0, 0.15, 1],
+  easeInBack: [0.36, 0, 0.66, -0.56],
+  easeOutBack: [0.34, 1.56, 0.64, 1],
+  easeInOutBack: [0.68, -0.6, 0.32, 1.6]
+};
+ua({
+  linear: aa
+}, ca);
+const da = {
+  /**
+   * @description preview link list.
+   */
+  urlList: {
+    type: Array,
+    default: () => []
+  },
+  /**
+   * @description preview backdrop z-index.
+   */
+  zIndex: {
+    type: Number
+  },
+  /**
+   * @description the initial preview image index, less than or equal to the length of `url-list`.
+   */
+  initialIndex: {
+    type: Number,
+    default: 0
+  },
+  /**
+   * @description whether preview is infinite.
+   */
+  infinite: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+   * @description whether user can emit close event when clicking backdrop.
+   */
+  hideOnClickModal: Boolean,
+  /**
+   * @description whether to append image itself to body. A nested parent element attribute transform should have this attribute set to `true`.
+   */
+  teleported: Boolean,
+  /**
+   * @description whether the image-viewer can be closed by pressing ESC.
+   */
+  closeOnPressEscape: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+   * @description the zoom rate of the image viewer zoom event.
+   */
+  zoomRate: {
+    type: Number,
+    default: 1.2
+  },
+  /**
+   * @description the min scale of the image viewer zoom event.
+   */
+  minScale: {
+    type: Number,
+    default: 0.2
+  },
+  /**
+   * @description the max scale of the image viewer zoom event.
+   */
+  maxScale: {
+    type: Number,
+    default: 7
+  },
+  /**
+   * @description set HTML attribute: crossorigin.
+   */
+  crossorigin: {
+    type: ["anonymous", "use-credentials", ""]
+  }
+}, pa = {
+  close: () => !0,
+  switch: (t) => xe.isNumber(t),
+  rotate: (t) => xe.isNumber(t)
+}, va = ["src", "crossorigin"], _a = /* @__PURE__ */ $({
+  name: "ElImageViewer",
+  __name: "IkImageViewer",
+  props: da,
+  emits: pa,
+  setup(t, { expose: n, emit: e }) {
+    const i = (o) => Object.keys(o), m = {
+      CONTAIN: {
+        name: "contain",
+        icon: ye(gt)
+      },
+      ORIGINAL: {
+        name: "original",
+        icon: ye(It)
+      }
+    }, l = t, z = e, { t: E } = et(), f = tt("image-viewer"), { nextZIndex: A } = at(), C = T(), O = T([]), x = Ue(), I = T(!0), B = T(l.initialIndex), j = He(m.CONTAIN), y = T({
+      scale: 1,
+      deg: 0,
+      offsetX: 0,
+      offsetY: 0,
+      enableTransition: !1
+    }), ae = T(l.zIndex ?? A()), le = w(() => {
+      const { urlList: o } = l;
+      return o.length <= 1;
+    }), G = w(() => B.value === 0), Z = w(() => B.value === l.urlList.length - 1), ne = w(() => l.urlList[B.value]), se = w(() => [
+      f.e("btn"),
+      f.e("prev"),
+      f.is("disabled", !l.infinite && G.value)
+    ]), oe = w(() => [
+      f.e("btn"),
+      f.e("next"),
+      f.is("disabled", !l.infinite && Z.value)
+    ]), re = w(() => {
+      const { scale: o, deg: _, offsetX: g, offsetY: N, enableTransition: V } = y.value;
+      let P = g / o, H = N / o;
+      const X = _ * Math.PI / 180, ge = Math.cos(X), he = Math.sin(X);
+      P = P * ge + H * he, H = H * ge - g / o * he;
+      const pe = {
+        transform: `scale(${o}) rotate(${_}deg) translate(${P}px, ${H}px)`,
+        transition: V ? "transform .3s" : ""
+      };
+      return j.value.name === m.CONTAIN.name && (pe.maxWidth = pe.maxHeight = "100%"), pe;
+    });
+    function F() {
+      ue(), z("close");
+    }
+    function ie() {
+      const o = q.throttle((g) => {
+        switch (g.code) {
+          case D.esc:
+            l.closeOnPressEscape && F();
+            break;
+          case D.space:
+            c();
+            break;
+          case D.left:
+            b();
+            break;
+          case D.up:
+            M("zoomIn");
+            break;
+          case D.right:
+            S();
+            break;
+          case D.down:
+            M("zoomOut");
+            break;
+        }
+      }), _ = q.throttle((g) => {
+        const N = g.deltaY || g.deltaX;
+        M(N < 0 ? "zoomIn" : "zoomOut", {
+          zoomRate: l.zoomRate,
+          enableTransition: !1
+        });
+      });
+      x.run(() => {
+        K(document, "keydown", o), K(document, "wheel", _);
+      });
+    }
+    function ue() {
+      x.stop();
+    }
+    function ce() {
+      I.value = !1;
+    }
+    function de(o) {
+      I.value = !1, o.target.alt = E("el.image.error");
+    }
+    function W(o) {
+      if (I.value || o.button !== 0 || !C.value)
+        return;
+      y.value.enableTransition = !1;
+      const { offsetX: _, offsetY: g } = y.value, N = o.pageX, V = o.pageY, P = q.throttle((X) => {
+        y.value = {
+          ...y.value,
+          offsetX: _ + X.pageX - N,
+          offsetY: g + X.pageY - V
+        };
+      }), H = K(document, "mousemove", P);
+      K(document, "mouseup", () => {
+        H();
+      }), o.preventDefault();
+    }
+    function a() {
+      y.value = {
+        scale: 1,
+        deg: 0,
+        offsetX: 0,
+        offsetY: 0,
+        enableTransition: !1
+      };
+    }
+    function c() {
+      if (I.value)
+        return;
+      const o = i(m), _ = Object.values(m), g = j.value.name, V = ((_ == null ? void 0 : _.findIndex((P) => P.name === g)) + 1) % o.length;
+      j.value = m[o[V]], a();
+    }
+    function u(o) {
+      const _ = l.urlList.length;
+      B.value = (o + _) % _;
+    }
+    function b() {
+      G.value && !l.infinite || u(B.value - 1);
+    }
+    function S() {
+      Z.value && !l.infinite || u(B.value + 1);
+    }
+    function M(o, _ = {}) {
+      if (I.value)
+        return;
+      const { minScale: g, maxScale: N } = l, { zoomRate: V, rotateDeg: P, enableTransition: H } = {
+        zoomRate: l.zoomRate,
+        rotateDeg: 90,
+        enableTransition: !0,
+        ..._
+      };
+      switch (o) {
+        case "zoomOut":
+          y.value.scale > g && (y.value.scale = Number.parseFloat(
+            (y.value.scale / V).toFixed(3)
+          ));
+          break;
+        case "zoomIn":
+          y.value.scale < N && (y.value.scale = Number.parseFloat(
+            (y.value.scale * V).toFixed(3)
+          ));
+          break;
+        case "clockwise":
+          y.value.deg += P, z("rotate", y.value.deg);
+          break;
+        case "anticlockwise":
+          y.value.deg -= P, z("rotate", y.value.deg);
+          break;
+      }
+      y.value.enableTransition = H;
+    }
+    return ee(ne, () => {
+      je(() => {
+        const o = O.value[0];
+        o != null && o.complete || (I.value = !0);
+      });
+    }), ee(B, (o) => {
+      a(), z("switch", o);
+    }), De(() => {
+      var o, _;
+      ie(), (_ = (o = C.value) == null ? void 0 : o.focus) == null || _.call(o);
+    }), n({
+      /**
+       * @description manually switch image
+       */
+      setActiveItem: u
+    }), (o, _) => (d(), Q(Fe, { to: "body" }, [
+      p(We, {
+        name: "viewer-fade",
+        appear: ""
+      }, {
+        default: h(() => [
+          s(
+            "div",
+            {
+              ref_key: "wrapper",
+              ref: C,
+              tabindex: -1,
+              class: k(r(f).e("wrapper")),
+              style: U({ zIndex: ae.value })
+            },
+            [
+              s(
+                "div",
+                {
+                  class: k(r(f).e("mask")),
+                  onClick: _[0] || (_[0] = Xe((g) => o.hideOnClickModal && F(), ["self"]))
+                },
+                null,
+                2
+                /* CLASS */
+              ),
+              R(" CLOSE "),
+              s(
+                "span",
+                {
+                  class: k([r(f).e("btn"), r(f).e("close")]),
+                  onClick: F
+                },
+                [
+                  p(r(L), null, {
+                    default: h(() => [
+                      p(r(Ee))
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  })
+                ],
+                2
+                /* CLASS */
+              ),
+              R(" ARROW "),
+              le.value ? R("v-if", !0) : (d(), v(
+                te,
+                { key: 0 },
+                [
+                  s(
+                    "span",
+                    {
+                      class: k(se.value),
+                      onClick: b
+                    },
+                    [
+                      p(r(L), null, {
+                        default: h(() => [
+                          p(r(it))
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      })
+                    ],
+                    2
+                    /* CLASS */
+                  ),
+                  s(
+                    "span",
+                    {
+                      class: k(oe.value),
+                      onClick: S
+                    },
+                    [
+                      p(r(L), null, {
+                        default: h(() => [
+                          p(r(ct))
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      })
+                    ],
+                    2
+                    /* CLASS */
+                  )
+                ],
+                64
+                /* STABLE_FRAGMENT */
+              )),
+              R(" ACTIONS "),
+              s(
+                "div",
+                {
+                  class: k([r(f).e("btn"), r(f).e("actions")])
+                },
+                [
+                  s(
+                    "div",
+                    {
+                      class: k(r(f).e("actions__inner"))
+                    },
+                    [
+                      p(r(L), {
+                        onClick: _[1] || (_[1] = (g) => M("zoomOut"))
+                      }, {
+                        default: h(() => [
+                          p(r($t))
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }),
+                      p(r(L), {
+                        onClick: _[2] || (_[2] = (g) => M("zoomIn"))
+                      }, {
+                        default: h(() => [
+                          p(r(Ne))
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }),
+                      s(
+                        "i",
+                        {
+                          class: k(r(f).e("actions__divider"))
+                        },
+                        null,
+                        2
+                        /* CLASS */
+                      ),
+                      p(r(L), { onClick: c }, {
+                        default: h(() => [
+                          (d(), Q(Ye(j.value.icon)))
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }),
+                      s(
+                        "i",
+                        {
+                          class: k(r(f).e("actions__divider"))
+                        },
+                        null,
+                        2
+                        /* CLASS */
+                      ),
+                      p(r(L), {
+                        onClick: _[3] || (_[3] = (g) => M("anticlockwise"))
+                      }, {
+                        default: h(() => [
+                          p(r(wt))
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }),
+                      p(r(L), {
+                        onClick: _[4] || (_[4] = (g) => M("clockwise"))
+                      }, {
+                        default: h(() => [
+                          p(r(bt))
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      })
+                    ],
+                    2
+                    /* CLASS */
+                  )
+                ],
+                2
+                /* CLASS */
+              ),
+              R(" CANVAS "),
+              s(
+                "div",
+                {
+                  class: k(r(f).e("canvas"))
+                },
+                [
+                  (d(!0), v(
+                    te,
+                    null,
+                    Be(o.urlList, (g, N) => ve((d(), v("img", {
+                      ref_for: !0,
+                      ref: (V) => O.value[N] = V,
+                      key: g,
+                      src: g,
+                      style: U(re.value),
+                      class: k(r(f).e("img")),
+                      crossorigin: o.crossorigin,
+                      onLoad: ce,
+                      onError: de,
+                      onMousedown: W
+                    }, null, 46, va)), [
+                      [_e, N === B.value]
+                    ])),
+                    128
+                    /* KEYED_FRAGMENT */
+                  ))
+                ],
+                2
+                /* CLASS */
+              ),
+              Se(o.$slots, "default")
+            ],
+            6
+            /* CLASS, STYLE */
+          )
+        ]),
+        _: 3
+        /* FORWARDED */
+      })
+    ]));
+  }
+}), fa = fe(_a), Ve = (t) => (Je("data-v-633498bc"), t = t(), qe(), t), ma = {
   key: 1,
   class: "upload-btn"
-}, it = { class: "tip" }, ut = { class: "loading-statu" }, rt = { class: "operate-btn" }, ct = { key: 0 }, dt = {
+}, ga = { class: "tip" }, ha = { class: "loading-statu" }, wa = { class: "operate-btn" }, ya = { key: 0 }, ba = {
   class: "el-upload-list el-upload-list--picture-card",
   style: { float: "left" }
-}, pt = ["onClick"], vt = /* @__PURE__ */ Y(() => /* @__PURE__ */ n(
+}, ka = ["onClick"], xa = /* @__PURE__ */ Ve(() => /* @__PURE__ */ s(
   "span",
   { class: "error" },
   "上传错误",
   -1
   /* HOISTED */
-)), _t = /* @__PURE__ */ Y(() => /* @__PURE__ */ n(
+)), za = /* @__PURE__ */ Ve(() => /* @__PURE__ */ s(
   "p",
   null,
   "点击重新上传",
   -1
   /* HOISTED */
-)), ht = ["src"], ft = { class: "demo-image__preview" }, mt = /* @__PURE__ */ z({
+)), Ia = ["src"], Ca = { class: "demo-image__preview" }, Oa = /* @__PURE__ */ $({
   __name: "index",
-  props: /* @__PURE__ */ A({
+  props: /* @__PURE__ */ be({
     // 显示的文字
     title: {
       type: String,
@@ -557,146 +1192,146 @@ const st = /* @__PURE__ */ H(at, [["__scopeId", "data-v-52806adf"]]), ot = X(st)
     },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ A(["delete", "success"], ["update:modelValue"]),
-  setup(l, { emit: c }) {
-    ce((t) => ({
-      "48c07ec5": C.value,
-      "94ff3ff0": B.value
+  emits: /* @__PURE__ */ be(["delete", "success"], ["update:modelValue"]),
+  setup(t, { emit: n }) {
+    Qe((a) => ({
+      "3b3b8751": f.value,
+      "126668fc": A.value
     }));
-    const e = l, i = de(l, "modelValue"), _ = (t) => Array.isArray(t) ? t.map((a) => {
-      var y, L;
-      const s = ((y = a.url) == null ? void 0 : y.startsWith("http")) || ((L = a.url) == null ? void 0 : L.startsWith("blob")), d = (a == null ? void 0 : a.url) || a;
+    const e = t, i = Ge(t, "modelValue"), m = (a) => Array.isArray(a) ? a.map((c) => {
+      var S, M;
+      const u = ((S = c.url) == null ? void 0 : S.startsWith("http")) || ((M = c.url) == null ? void 0 : M.startsWith("blob")), b = (c == null ? void 0 : c.url) || c;
       return {
-        ...a.url ? a : { url: d },
-        __url: s ? d : `${g.value}${d}`
+        ...c.url ? c : { url: b },
+        __url: u ? b : `${z.value}${b}`
       };
-    }) : t ? [
+    }) : a ? [
       {
-        url: t,
-        __url: t != null && t.startsWith("http") || t != null && t.startsWith("blob") ? t : `${g.value}${t}`
+        url: a,
+        __url: a != null && a.startsWith("http") || a != null && a.startsWith("blob") ? a : `${z.value}${a}`
       }
     ] : [];
-    pe(
+    ee(
       () => i.value,
-      (t) => {
-        !t || !t.length ? m.value = [] : m.value = xe.cloneDeep(_(t));
+      (a) => {
+        !a || !a.length ? x.value = [] : x.value = q.cloneDeep(m(a));
       },
       { deep: !0 }
     );
-    const o = c, { cLoadUrl: g, cUploadUrl: k } = Ye(e), C = h(() => `${e.width}px`), B = h(() => `${e.height}px`), j = h(() => e.size), b = M(null), m = M(_(i.value)), I = M([]), E = M(!1), N = M(0), Z = h(
+    const l = n, { cLoadUrl: z, cUploadUrl: E } = Dt(e), f = w(() => `${e.width}px`), A = w(() => `${e.height}px`), C = w(() => e.size), O = T(null), x = T(m(i.value)), I = T([]), B = T(!1), j = T(0), y = w(
       () => e.tipText || `最多可上传${e.limit}张图片, 每张图片不能超过${e.size}MB`
-    ), q = (t, a) => {
-    }, K = (t) => {
-      if (!t.type.includes("image")) {
-        G.warning("只允许上传图片!");
+    ), ae = (a, c) => {
+    }, le = (a) => {
+      if (!a.type.includes("image")) {
+        ke.warning("只允许上传图片!");
         try {
-          m.value.pop();
+          x.value.pop();
         } catch {
         }
         return !1;
       }
-      if (!(t.size / 1024 / 1024 < j.value)) {
-        G.warning("图片大小超出限制!");
+      if (!(a.size / 1024 / 1024 < C.value)) {
+        ke.warning("图片大小超出限制!");
         try {
-          m.value.pop();
+          x.value.pop();
         } catch {
         }
         return !1;
       }
       return !0;
-    }, Q = () => !1, ee = (t, a) => {
-      var s, d;
-      t.status = "ready", a !== void 0 && I.value.splice(a, 1), (s = b.value) == null || s.handleStart(t.raw), (d = b.value) == null || d.submit();
-    }, te = (t, a) => {
-      var L, O;
-      const s = i.value.length, d = e.limit - s;
-      let y = 0;
-      for (; y < d && y < (t == null ? void 0 : t.length); )
-        (L = b.value) == null || L.handleStart(t == null ? void 0 : t[y]), (O = b.value) == null || O.submit(), y++;
-    }, le = (t, a, s) => {
-      o("success", t, a, s), i.value = m.value;
-    }, ae = (t, a, s) => {
+    }, G = () => !1, Z = (a, c) => {
+      var u, b;
+      a.status = "ready", c !== void 0 && I.value.splice(c, 1), (u = O.value) == null || u.handleStart(a.raw), (b = O.value) == null || b.submit();
+    }, ne = (a, c) => {
+      var M, o;
+      const u = i.value.length, b = e.limit - u;
+      let S = 0;
+      for (; S < b && S < (a == null ? void 0 : a.length); )
+        (M = O.value) == null || M.handleStart(a == null ? void 0 : a[S]), (o = O.value) == null || o.submit(), S++;
+    }, se = (a, c, u) => {
+      l("success", a, c, u), i.value = x.value;
+    }, oe = (a, c, u) => {
       I.value.push({
-        ...a,
-        __url: a.url
+        ...c,
+        __url: c.url
       });
-    }, se = (t) => {
-      var a;
-      E.value = !0, N.value = (a = i.value) == null ? void 0 : a.findIndex((s) => s.url === t.url);
-    }, oe = (t) => {
-      ze.downloadFile(t.__url || t.url, t.name || t.url);
-    }, ne = (t) => {
-      var a;
-      (a = b.value) == null || a.abort(t);
-    }, ie = (t) => {
-      var a;
-      t.status !== "success" && ne(t), i.value = (a = m.value) == null ? void 0 : a.filter((s) => s.uid !== t.uid), o("delete", t);
-    }, ue = (t, a) => {
-      I.value.splice(a, 1);
-    }, re = h(() => m.value.length + I.value.length < e.limit), T = h(
+    }, re = (a) => {
+      var c;
+      B.value = !0, j.value = Array.isArray(i == null ? void 0 : i.value) ? (c = i == null ? void 0 : i.value) == null ? void 0 : c.findIndex((u) => u.url === a.url) : 0;
+    }, F = (a) => {
+      ot.downloadFile(a.__url || a.url, a.name || a.url);
+    }, ie = (a) => {
+      var c;
+      (c = O.value) == null || c.abort(a);
+    }, ue = (a) => {
+      var c;
+      a.status !== "success" && ie(a), i.value = (c = x.value) == null ? void 0 : c.filter((u) => u.uid !== a.uid), l("delete", a);
+    }, ce = (a, c) => {
+      I.value.splice(c, 1);
+    }, de = w(() => x.value.length + I.value.length < e.limit), W = w(
       () => i.value.length >= e.limit || e.disabled
     );
-    return (t, a) => (u(), r(
-      W,
+    return (a, c) => (d(), v(
+      te,
       null,
       [
-        v(p(ye), ve({
-          class: ["ik-image-upload", { preview: l.preview, "hide-upload": !re.value, disabled: T.value }],
+        p(r(lt), Ze({
+          class: ["ik-image-upload", { preview: t.preview, "hide-upload": !de.value, disabled: W.value }],
           ref_key: "refUpload",
-          ref: b,
+          ref: O,
           "list-type": "picture-card",
-          accept: l.accept,
-          action: p(k),
-          headers: l.headers,
-          data: l.data,
-          "file-list": m.value,
-          "onUpdate:fileList": a[0] || (a[0] = (s) => m.value = s),
-          multiple: l.multiple,
-          limit: l.limit,
-          "on-change": q,
-          "before-upload": K,
-          "before-remove": Q,
-          "on-exceed": te,
-          "on-success": le,
-          "on-error": ae,
+          accept: t.accept,
+          action: r(E),
+          headers: t.headers,
+          data: t.data,
+          "file-list": x.value,
+          "onUpdate:fileList": c[0] || (c[0] = (u) => x.value = u),
+          multiple: t.multiple,
+          limit: t.limit,
+          "on-change": ae,
+          "before-upload": le,
+          "before-remove": G,
+          "on-exceed": ne,
+          "on-success": se,
+          "on-error": oe,
           drag: ""
-        }, t.$attrs, { disabled: T.value }), _e({
-          trigger: f(() => [
-            t.$slots.trigger ? he(t.$slots, "trigger", { key: 0 }, void 0, !0) : (u(), r("div", nt, [
-              v(p($), { size: 20 }, {
-                default: f(() => [
-                  v(p(ot), {
+        }, a.$attrs, { disabled: W.value }), Ke({
+          trigger: h(() => [
+            a.$slots.trigger ? Se(a.$slots, "trigger", { key: 0 }, void 0, !0) : (d(), v("div", ma, [
+              p(r(L), { size: 20 }, {
+                default: h(() => [
+                  p(r(qt), {
                     name: "iksvg_guanbibeifen",
-                    disabled: T.value
+                    disabled: W.value
                   }, null, 8, ["disabled"])
                 ]),
                 _: 1
                 /* STABLE */
               }),
-              n(
+              s(
                 "span",
                 null,
-                U(l.title),
+                J(t.title),
                 1
                 /* TEXT */
               )
             ]))
           ]),
-          file: f(({ file: s }) => [
-            n(
+          file: h(({ file: u }) => [
+            s(
               "div",
               {
-                class: w(["load-list", { loading: s.status === "uploading" }]),
+                class: k(["load-list", { loading: u.status === "uploading" }]),
                 "element-loading-background": "var(--ik-upload-bg)"
               },
               [
-                F(n(
+                ve(s(
                   "div",
-                  ut,
+                  ha,
                   [
-                    v(Je),
-                    J(
-                      " 上传" + U(s.percentage) + "% ",
+                    p(Ht),
+                    Me(
+                      " 上传" + J(u.percentage) + "% ",
                       1
                       /* TEXT */
                     )
@@ -704,46 +1339,46 @@ const st = /* @__PURE__ */ H(at, [["__scopeId", "data-v-52806adf"]]), ot = X(st)
                   512
                   /* NEED_PATCH */
                 ), [
-                  [R, s.status === "uploading"]
+                  [_e, u.status === "uploading"]
                 ]),
-                V(` <img :src="file.url" alt="" :style="{ 'object-fit': fit }" /> `),
-                v(p(we), {
+                R(` <img :src="file.url" alt="" :style="{ 'object-fit': fit }" /> `),
+                p(r(nt), {
                   style: { width: "100%", height: "100%" },
-                  src: s.__url || s.url,
+                  src: u.__url || u.url,
                   "zoom-rate": 1.2,
                   "initial-index": 0,
                   fit: "contain"
                 }, null, 8, ["src"]),
-                n("span", rt, [
-                  n("span", null, [
-                    v(p($), {
-                      onClick: (d) => se(s)
+                s("span", wa, [
+                  s("span", null, [
+                    p(r(L), {
+                      onClick: (b) => re(u)
                     }, {
-                      default: f(() => [
-                        v(p(je))
+                      default: h(() => [
+                        p(r(Ne))
                       ]),
                       _: 2
                       /* DYNAMIC */
                     }, 1032, ["onClick"])
                   ]),
-                  n("span", null, [
-                    v(p($), {
-                      onClick: (d) => oe(s)
+                  s("span", null, [
+                    p(r(L), {
+                      onClick: (b) => F(u)
                     }, {
-                      default: f(() => [
-                        v(p(Se))
+                      default: h(() => [
+                        p(r(ft))
                       ]),
                       _: 2
                       /* DYNAMIC */
                     }, 1032, ["onClick"])
                   ]),
-                  l.preview ? V("v-if", !0) : (u(), r("span", ct, [
-                    v(p($), {
+                  t.preview ? R("v-if", !0) : (d(), v("span", ya, [
+                    p(r(L), {
                       type: "warning",
-                      onClick: (d) => ie(s)
+                      onClick: (b) => ue(u)
                     }, {
-                      default: f(() => [
-                        v(p(Ie))
+                      default: h(() => [
+                        p(r(vt))
                       ]),
                       _: 2
                       /* DYNAMIC */
@@ -755,57 +1390,57 @@ const st = /* @__PURE__ */ H(at, [["__scopeId", "data-v-52806adf"]]), ot = X(st)
               /* CLASS */
             )
           ]),
-          default: f(() => [
-            n("ul", dt, [
-              (u(!0), r(
-                W,
+          default: h(() => [
+            s("ul", ba, [
+              (d(!0), v(
+                te,
                 null,
-                fe(I.value, (s, d) => (u(), r("li", {
+                Be(I.value, (u, b) => (d(), v("li", {
                   class: "el-upload-list__item",
-                  key: s.uid
+                  key: u.uid
                 }, [
-                  n("span", null, [
-                    v(p($), {
-                      onClick: (y) => ue(s, d)
+                  s("span", null, [
+                    p(r(L), {
+                      onClick: (S) => ce(u, b)
                     }, {
-                      default: f(() => [
-                        v(p(Ce))
+                      default: h(() => [
+                        p(r(Ee))
                       ]),
                       _: 2
                       /* DYNAMIC */
                     }, 1032, ["onClick"])
                   ]),
-                  n(
+                  s(
                     "div",
                     {
-                      class: w(["load-list", {
-                        loading: s.status === "uploading",
-                        fail: s.status === "fail"
+                      class: k(["load-list", {
+                        loading: u.status === "uploading",
+                        fail: u.status === "fail"
                       }]),
                       "element-loading-background": "var(--ik-upload-bg)"
                     },
                     [
-                      F(n("div", {
+                      ve(s("div", {
                         class: "loading-statu",
-                        onClick: (y) => ee(s, d)
+                        onClick: (S) => Z(u, b)
                       }, [
-                        v(p($), { size: 24 }, {
-                          default: f(() => [
-                            v(p(Ve))
+                        p(r(L), { size: 24 }, {
+                          default: h(() => [
+                            p(r(xt))
                           ]),
                           _: 1
                           /* STABLE */
                         }),
-                        vt,
-                        _t
-                      ], 8, pt), [
-                        [R, s.status === "fail"]
+                        xa,
+                        za
+                      ], 8, ka), [
+                        [_e, u.status === "fail"]
                       ]),
-                      n("img", {
-                        src: s.__url,
+                      s("img", {
+                        src: u.__url,
                         alt: "",
-                        style: x({ "object-fit": l.fit })
-                      }, null, 12, ht)
+                        style: U({ "object-fit": t.fit })
+                      }, null, 12, Ia)
                     ],
                     2
                     /* CLASS */
@@ -819,13 +1454,13 @@ const st = /* @__PURE__ */ H(at, [["__scopeId", "data-v-52806adf"]]), ot = X(st)
           _: 2
           /* DYNAMIC */
         }, [
-          l.tip ? {
+          t.tip ? {
             name: "tip",
-            fn: f(() => [
-              n(
+            fn: h(() => [
+              s(
                 "span",
-                it,
-                U(Z.value),
+                ga,
+                J(y.value),
                 1
                 /* TEXT */
               )
@@ -833,18 +1468,18 @@ const st = /* @__PURE__ */ H(at, [["__scopeId", "data-v-52806adf"]]), ot = X(st)
             key: "0"
           } : void 0
         ]), 1040, ["class", "accept", "action", "headers", "data", "file-list", "multiple", "limit", "disabled"]),
-        V(" 文件预览 "),
-        n("div", ft, [
-          E.value ? (u(), D(p(ke), {
+        R(" 文件预览 "),
+        s("div", Ca, [
+          B.value ? (d(), Q(r(fa), {
             key: 0,
             "lock-scroll": "",
             "hide-on-click-modal": "",
-            onClose: a[1] || (a[1] = () => {
-              E.value = !1;
+            onClose: c[1] || (c[1] = () => {
+              B.value = !1;
             }),
-            "url-list": _(m.value).map((s) => s.__url),
-            "initial-index": N.value
-          }, null, 8, ["url-list", "initial-index"])) : V("v-if", !0)
+            "url-list": m(x.value).map((u) => u.__url),
+            "initial-index": j.value
+          }, null, 8, ["url-list", "initial-index"])) : R("v-if", !0)
         ])
       ],
       64
@@ -852,8 +1487,8 @@ const st = /* @__PURE__ */ H(at, [["__scopeId", "data-v-52806adf"]]), ot = X(st)
     ));
   }
 });
-const gt = /* @__PURE__ */ H(mt, [["__scopeId", "data-v-d12a12c0"]]), bt = X(gt);
+const $a = /* @__PURE__ */ me(Oa, [["__scopeId", "data-v-633498bc"]]), Sa = fe($a);
 export {
-  bt as IkUploadImage,
-  bt as default
+  Sa as IkUploadImage,
+  Sa as default
 };