iking-web-ui-pro 0.2.38 → 0.2.39

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

@@ -1,13 +1,13 @@
-import { defineComponent as $, openBlock as d, createElementBlock as v, createElementVNode as s, inject as Y, computed as w, resolveComponent as we, normalizeClass as x, normalizeStyle as U, createCommentVNode as P, createBlock as Q, withCtx as h, createTextVNode as Be, toDisplayString as J, unref as r, getCurrentScope as Pe, onScopeDispose as Ue, watch as ee, markRaw as ye, ref as T, effectScope as He, shallowRef as je, nextTick as De, onMounted as Fe, Teleport as We, createVNode as p, Transition as Xe, withModifiers as Ye, Fragment as te, resolveDynamicComponent as Qe, renderList as Se, withDirectives as ve, vShow as _e, 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 D, ElUpload as nt, ElImage as st, ElMessage as ke } from "element-plus";
-import { ikColor as ot, paramType as xe, _ as q, ikFile as rt } from "iking-utils-pro";
-const fe = (t, n) => {
+import { defineComponent as $, openBlock as d, createElementBlock as _, createElementVNode as o, inject as W, computed as h, resolveComponent as we, normalizeClass as z, normalizeStyle as R, createCommentVNode as V, createBlock as X, withCtx as y, createTextVNode as Be, toDisplayString as J, unref as i, getCurrentScope as Pe, onScopeDispose as Ue, watch as ee, markRaw as ye, ref as E, 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 _e, 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, ElUpload as nt, ElImage as st, ElMessage as xe } from "element-plus";
+import { ikColor as ot, paramType as ke, _ as q, ikFile as rt } from "iking-utils-pro";
+const fe = (t, s) => {
   if (t.install = (e) => {
-    for (const i of [t, ...Object.values(n ?? {})])
-      e.component(i.name, i);
-  }, n)
-    for (const [e, i] of Object.entries(n))
-      t[e] = i;
+    for (const r of [t, ...Object.values(s ?? {})])
+      e.component(r.name, r);
+  }, s)
+    for (const [e, r] of Object.entries(s))
+      t[e] = r;
   return t;
 };
 /*! Element Plus Icons Vue v2.3.1 */
@@ -15,11 +15,11 @@ var it = /* @__PURE__ */ $({
   name: "ArrowLeft",
   __name: "arrow-left",
   setup(t) {
-    return (n, e) => (d(), v("svg", {
+    return (s, e) => (d(), _("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      s("path", {
+      o("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"
       })
@@ -29,11 +29,11 @@ var it = /* @__PURE__ */ $({
   name: "ArrowRight",
   __name: "arrow-right",
   setup(t) {
-    return (n, e) => (d(), v("svg", {
+    return (s, e) => (d(), _("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      s("path", {
+      o("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"
       })
@@ -43,11 +43,11 @@ var it = /* @__PURE__ */ $({
   name: "Close",
   __name: "close",
   setup(t) {
-    return (n, e) => (d(), v("svg", {
+    return (s, e) => (d(), _("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      s("path", {
+      o("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"
       })
@@ -57,11 +57,11 @@ var it = /* @__PURE__ */ $({
   name: "Delete",
   __name: "delete",
   setup(t) {
-    return (n, e) => (d(), v("svg", {
+    return (s, e) => (d(), _("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      s("path", {
+      o("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"
       })
@@ -71,11 +71,11 @@ var it = /* @__PURE__ */ $({
   name: "Download",
   __name: "download",
   setup(t) {
-    return (n, e) => (d(), v("svg", {
+    return (s, e) => (d(), _("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      s("path", {
+      o("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"
       })
@@ -85,11 +85,11 @@ var it = /* @__PURE__ */ $({
   name: "FullScreen",
   __name: "full-screen",
   setup(t) {
-    return (n, e) => (d(), v("svg", {
+    return (s, e) => (d(), _("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      s("path", {
+      o("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"
       })
@@ -99,11 +99,11 @@ var it = /* @__PURE__ */ $({
   name: "RefreshLeft",
   __name: "refresh-left",
   setup(t) {
-    return (n, e) => (d(), v("svg", {
+    return (s, e) => (d(), _("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      s("path", {
+      o("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"
       })
@@ -113,39 +113,39 @@ var it = /* @__PURE__ */ $({
   name: "RefreshRight",
   __name: "refresh-right",
   setup(t) {
-    return (n, e) => (d(), v("svg", {
+    return (s, e) => (d(), _("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      s("path", {
+      o("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"
       })
     ]));
   }
-}), kt = bt, xt = /* @__PURE__ */ $({
+}), xt = bt, kt = /* @__PURE__ */ $({
   name: "Refresh",
   __name: "refresh",
   setup(t) {
-    return (n, e) => (d(), v("svg", {
+    return (s, e) => (d(), _("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      s("path", {
+      o("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"
       })
     ]));
   }
-}), zt = xt, It = /* @__PURE__ */ $({
+}), zt = kt, It = /* @__PURE__ */ $({
   name: "ScaleToOriginal",
   __name: "scale-to-original",
   setup(t) {
-    return (n, e) => (d(), v("svg", {
+    return (s, e) => (d(), _("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      s("path", {
+      o("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"
       })
@@ -155,11 +155,11 @@ var it = /* @__PURE__ */ $({
   name: "ZoomIn",
   __name: "zoom-in",
   setup(t) {
-    return (n, e) => (d(), v("svg", {
+    return (s, e) => (d(), _("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      s("path", {
+      o("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"
       })
@@ -169,21 +169,21 @@ var it = /* @__PURE__ */ $({
   name: "ZoomOut",
   __name: "zoom-out",
   setup(t) {
-    return (n, e) => (d(), v("svg", {
+    return (s, e) => (d(), _("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      s("path", {
+      o("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"
       })
     ]));
   }
 }), Lt = $t;
-const me = (t, n) => {
+const me = (t, s) => {
   const e = t.__vccOpts || t;
-  for (const [i, m] of n)
-    e[i] = m;
+  for (const [r, m] of s)
+    e[r] = m;
   return e;
 }, Mt = {}, Bt = {
   t: "1686214149488",
@@ -194,7 +194,7 @@ const me = (t, n) => {
   "p-id": "8490",
   width: "200",
   height: "200"
-}, St = /* @__PURE__ */ s(
+}, St = /* @__PURE__ */ o(
   "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",
@@ -203,7 +203,7 @@ const me = (t, n) => {
   null,
   -1
   /* HOISTED */
-), Et = /* @__PURE__ */ s(
+), Et = /* @__PURE__ */ o(
   "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",
@@ -212,7 +212,7 @@ const me = (t, n) => {
   null,
   -1
   /* HOISTED */
-), Nt = /* @__PURE__ */ s(
+), Nt = /* @__PURE__ */ o(
   "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",
@@ -221,7 +221,7 @@ const me = (t, n) => {
   null,
   -1
   /* HOISTED */
-), Tt = /* @__PURE__ */ s(
+), Tt = /* @__PURE__ */ o(
   "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",
@@ -230,7 +230,7 @@ const me = (t, n) => {
   null,
   -1
   /* HOISTED */
-), At = /* @__PURE__ */ s(
+), At = /* @__PURE__ */ o(
   "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",
@@ -239,7 +239,7 @@ const me = (t, n) => {
   null,
   -1
   /* HOISTED */
-), Vt = /* @__PURE__ */ s(
+), Vt = /* @__PURE__ */ o(
   "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",
@@ -248,7 +248,7 @@ const me = (t, n) => {
   null,
   -1
   /* HOISTED */
-), Rt = /* @__PURE__ */ s(
+), Rt = /* @__PURE__ */ o(
   "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",
@@ -257,7 +257,7 @@ const me = (t, n) => {
   null,
   -1
   /* HOISTED */
-), Pt = /* @__PURE__ */ s(
+), Pt = /* @__PURE__ */ o(
   "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",
@@ -276,8 +276,8 @@ const me = (t, n) => {
   Rt,
   Pt
 ];
-function Ht(t, n) {
-  return d(), v("svg", Bt, Ut);
+function Ht(t, s) {
+  return d(), _("svg", Bt, Ut);
 }
 const jt = /* @__PURE__ */ me(Mt, [["render", Ht]]), ze = [
   "csv",
@@ -335,11 +335,11 @@ const jt = /* @__PURE__ */ me(Mt, [["render", Ht]]), ze = [
   "flv",
   "tls"
 ], Dt = (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"), O = w(() => t.userInfo || (A == null ? void 0 : A.value)), C = [...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"), m = h(() => t.action || t.uploadUrl || (r == null ? void 0 : r.value)), n = W("token"), I = h(() => t.token || (n == null ? void 0 : n.value)), B = W("onlyofficeConfig"), f = h(() => t.onlyofficeConfig || (B == null ? void 0 : B.value)), N = W("userInfo"), O = h(() => t.userInfo || (N == null ? void 0 : N.value)), C = [...ze, ...ze.map((b) => b.toLocaleUpperCase())];
   return {
     cLoadUrl: e,
     cUploadUrl: m,
-    cToken: z,
+    cToken: I,
     cOnlyofficeConfig: f,
     cUserInfo: O,
     cOnlyofficePreviewType: C
@@ -382,85 +382,85 @@ const jt = /* @__PURE__ */ me(Mt, [["render", Ht]]), ze = [
     width: {}
   },
   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 = [];
+    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";
+    }), m = h(() => {
+      const n = [];
       if (e.value.flip)
         switch (e.value.flip) {
           case "horizontal":
-            l.push("rotateY(180deg)");
+            n.push("rotateY(180deg)");
             break;
           case "vertical":
-            l.push("rotateX(180deg)");
+            n.push("rotateX(180deg)");
             break;
           case "both":
-            l.push("rotateX(180deg)"), l.push("rotateY(180deg)");
+            n.push("rotateX(180deg)"), n.push("rotateY(180deg)");
             break;
         }
-      e.value.rotate && l.push(`rotate(${e.value.rotate % 360}deg)`);
-      const z = {
+      e.value.rotate && n.push(`rotate(${e.value.rotate % 360}deg)`);
+      const I = {
         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 },
-        ...l.length && { transform: l.join(" ") },
+        ...n.length && { transform: n.join(" ") },
         padding: e.value.showBg || e.value.bg ? e.value.padding : 0,
-        ...e.value.color && i.value !== "iksig" ? {
+        ...e.value.color && r.value !== "iksig" ? {
           "--ik-color-icon-dark": e.value.color,
           "--ik-color-icon-light": e.value.colorLight || ot.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 && (I.width = I.height = typeof e.value.width == "number" ? `${e.value.width}px` : e.value.width), I;
     });
-    return (l, z) => {
-      const E = we("el-tooltip"), f = we("el-button");
-      return e.value.tableIconType === "icon" || !e.value.tableIconType ? (d(), v("span", Wt, [
-        e.value.notip || !e.value.title ? (d(), v(
+    return (n, I) => {
+      const B = we("el-tooltip"), f = we("el-button");
+      return e.value.tableIconType === "icon" || !e.value.tableIconType ? (d(), _("span", Wt, [
+        e.value.notip || !e.value.title ? (d(), _(
           "i",
           {
             key: 0,
-            class: x(["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",
+            class: z(["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",
               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: l.success || e.value.type === "success",
+              success: n.success || e.value.type === "success",
               error: e.value.error || e.value.type === "error",
               active: e.value.active,
               disabled: e.value.disabled
             }]),
-            style: U(m.value)
+            style: R(m.value)
           },
           [
-            P(` <Icon v-if="outputType === 'iconify'" :icon="name" /> `),
-            i.value === "iksig" ? (d(), v(
+            V(` <Icon v-if="outputType === 'iconify'" :icon="name" /> `),
+            r.value === "iksig" ? (d(), _(
               "i",
               {
                 key: 0,
-                class: x(`iksig ${e.value.name}`),
-                style: U(m.value)
+                class: z(`iksig ${e.value.name}`),
+                style: R(m.value)
               },
               null,
               6
               /* CLASS, STYLE */
-            )) : i.value === "svg" ? (d(), v("svg", Xt, [
-              s("use", {
+            )) : r.value === "svg" ? (d(), _("svg", Xt, [
+              o("use", {
                 "xlink:href": `#${e.value.name}`
               }, null, 8, Yt)
-            ])) : i.value === "img" ? (d(), v("img", {
+            ])) : r.value === "img" ? (d(), _("img", {
               key: 2,
               src: e.value.name,
               class: "h-[1em] w-[1em]"
-            }, null, 8, Qt)) : (d(), v(
+            }, null, 8, Qt)) : (d(), _(
               "i",
               {
                 key: 3,
-                class: x(e.value.name),
-                style: U(m.value)
+                class: z(e.value.name),
+                style: R(m.value)
               },
               null,
               6
@@ -469,54 +469,54 @@ const jt = /* @__PURE__ */ me(Mt, [["render", Ht]]), ze = [
           ],
           6
           /* CLASS, STYLE */
-        )) : (d(), Q(E, {
+        )) : (d(), X(B, {
           key: 1,
           content: e.value.title,
           placement: "top"
         }, {
-          default: h(() => [
-            s(
+          default: y(() => [
+            o(
               "i",
               {
-                class: x(["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",
+                class: z(["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",
                   small: e.value.size === "small",
                   big: e.value.size === "big",
                   warning: e.value.warning || e.value.type === "warning",
-                  primary: l.primary || e.value.type === "primary",
-                  success: l.success || e.value.type === "success",
+                  primary: n.primary || e.value.type === "primary",
+                  success: n.success || e.value.type === "success",
                   error: e.value.error || e.value.type === "error",
                   active: e.value.active
                 }]),
-                style: U(m.value)
+                style: R(m.value)
               },
               [
-                i.value === "iksig" ? (d(), v(
+                r.value === "iksig" ? (d(), _(
                   "i",
                   {
                     key: 0,
-                    class: x(`iksig ${e.value.name}`),
-                    style: U(m.value)
+                    class: z(`iksig ${e.value.name}`),
+                    style: R(m.value)
                   },
                   null,
                   6
                   /* CLASS, STYLE */
-                )) : i.value === "svg" ? (d(), v("svg", Gt, [
-                  s("use", {
+                )) : r.value === "svg" ? (d(), _("svg", Gt, [
+                  o("use", {
                     "xlink:href": `#${e.value.name}`
                   }, null, 8, Zt)
-                ])) : i.value === "img" ? (d(), v("img", {
+                ])) : r.value === "img" ? (d(), _("img", {
                   key: 2,
                   src: e.value.name,
                   class: "h-[1em] w-[1em]"
-                }, null, 8, Kt)) : (d(), v(
+                }, null, 8, Kt)) : (d(), _(
                   "i",
                   {
                     key: 3,
-                    class: x(e.value.name),
-                    style: U(m.value)
+                    class: z(e.value.name),
+                    style: R(m.value)
                   },
                   null,
                   6
@@ -530,11 +530,11 @@ const jt = /* @__PURE__ */ me(Mt, [["render", Ht]]), ze = [
           _: 1
           /* STABLE */
         }, 8, ["content"]))
-      ])) : (d(), Q(f, {
+      ])) : (d(), X(f, {
         key: 1,
         type: ["warning", "error"].includes(e.value.type) ? "danger" : ""
       }, {
-        default: h(() => [
+        default: y(() => [
           Be(
             J(e.value.title),
             1
@@ -553,7 +553,7 @@ const Ae = typeof window < "u", ta = (t) => typeof t == "string", aa = () => {
 };
 Ae && ((Ie = window == null ? void 0 : window.navigator) != null && Ie.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
 function Ve(t) {
-  return typeof t == "function" ? t() : r(t);
+  return typeof t == "function" ? t() : i(t);
 }
 function la(t) {
   return t;
@@ -562,24 +562,24 @@ function na(t) {
   return Pe() ? (Ue(t), !0) : !1;
 }
 function sa(t) {
-  var n;
+  var s;
   const e = Ve(t);
-  return (n = e == null ? void 0 : e.$el) != null ? n : e;
+  return (s = e == null ? void 0 : e.$el) != null ? s : e;
 }
 const oa = Ae ? window : void 0;
 function K(...t) {
-  let n, e, i, m;
-  if (ta(t[0]) || Array.isArray(t[0]) ? ([e, i, m] = t, n = oa) : [n, e, i, m] = t, !n)
+  let s, e, r, m;
+  if (ta(t[0]) || Array.isArray(t[0]) ? ([e, r, m] = t, s = oa) : [s, e, r, m] = t, !s)
     return aa;
-  Array.isArray(e) || (e = [e]), Array.isArray(i) || (i = [i]);
-  const l = [], z = () => {
-    l.forEach((O) => O()), l.length = 0;
-  }, E = (O, C, y, I) => (O.addEventListener(C, y, I), () => O.removeEventListener(C, y, I)), f = ee(() => [sa(n), Ve(m)], ([O, C]) => {
-    z(), O && l.push(...e.flatMap((y) => i.map((I) => E(O, y, I, C))));
-  }, { immediate: !0, flush: "post" }), A = () => {
-    f(), z();
+  Array.isArray(e) || (e = [e]), Array.isArray(r) || (r = [r]);
+  const n = [], I = () => {
+    n.forEach((O) => O()), n.length = 0;
+  }, B = (O, C, b, x) => (O.addEventListener(C, b, x), () => O.removeEventListener(C, b, x)), f = ee(() => [sa(s), Ve(m)], ([O, C]) => {
+    I(), O && n.push(...e.flatMap((b) => r.map((x) => B(O, b, x, C))));
+  }, { immediate: !0, flush: "post" }), N = () => {
+    f(), I();
   };
-  return na(A), A;
+  return na(N), N;
 }
 const Ce = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, Oe = "__vueuse_ssr_handlers__";
 Ce[Oe] = Ce[Oe] || {};
@@ -587,12 +587,12 @@ var $e;
 (function(t) {
   t.UP = "UP", t.RIGHT = "RIGHT", t.DOWN = "DOWN", t.LEFT = "LEFT", t.NONE = "NONE";
 })($e || ($e = {}));
-var ra = Object.defineProperty, Le = Object.getOwnPropertySymbols, ia = Object.prototype.hasOwnProperty, ua = Object.prototype.propertyIsEnumerable, Me = (t, n, e) => n in t ? ra(t, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[n] = e, ca = (t, n) => {
-  for (var e in n || (n = {}))
-    ia.call(n, e) && Me(t, e, n[e]);
+var ra = Object.defineProperty, Le = Object.getOwnPropertySymbols, ia = Object.prototype.hasOwnProperty, ua = Object.prototype.propertyIsEnumerable, Me = (t, s, e) => s in t ? ra(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e, ca = (t, s) => {
+  for (var e in s || (s = {}))
+    ia.call(s, e) && Me(t, e, s[e]);
   if (Le)
-    for (var e of Le(n))
-      ua.call(n, e) && Me(t, e, n[e]);
+    for (var e of Le(s))
+      ua.call(s, e) && Me(t, e, s[e]);
   return t;
 };
 const da = {
@@ -696,15 +696,15 @@ const pa = {
   }
 }, va = {
   close: () => !0,
-  switch: (t) => xe.isNumber(t),
-  rotate: (t) => xe.isNumber(t)
+  switch: (t) => ke.isNumber(t),
+  rotate: (t) => ke.isNumber(t)
 }, _a = ["src", "crossorigin"], fa = /* @__PURE__ */ $({
   name: "ElImageViewer",
   __name: "IkImageViewer",
   props: pa,
   emits: va,
-  setup(t, { expose: n, emit: e }) {
-    const i = (o) => Object.keys(o), m = {
+  setup(t, { expose: s, emit: e }) {
+    const r = (l) => Object.keys(l), m = {
       CONTAIN: {
         name: "contain",
         icon: ye(ht)
@@ -713,96 +713,96 @@ const pa = {
         name: "original",
         icon: ye(Ct)
       }
-    }, l = t, z = e, { t: E } = tt(), f = at("image-viewer"), { nextZIndex: A } = lt(), O = T(), C = T([]), y = He(), I = T(!0), B = T(l.initialIndex), j = je(m.CONTAIN), b = T({
+    }, n = t, I = e, { t: B } = tt(), f = at("image-viewer"), { nextZIndex: N } = lt(), O = E(), C = E([]), b = He(), x = E(!0), M = E(n.initialIndex), U = je(m.CONTAIN), k = E({
       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(() => [
+    }), ae = E(n.zIndex ?? N()), le = h(() => {
+      const { urlList: l } = n;
+      return l.length <= 1;
+    }), Y = h(() => M.value === 0), Q = h(() => M.value === n.urlList.length - 1), ne = h(() => n.urlList[M.value]), se = h(() => [
       f.e("btn"),
       f.e("prev"),
-      f.is("disabled", !l.infinite && G.value)
-    ]), oe = w(() => [
+      f.is("disabled", !n.infinite && Y.value)
+    ]), oe = h(() => [
       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 } = b.value;
-      let R = g / o, H = N / o;
-      const X = _ * Math.PI / 180, ge = Math.cos(X), he = Math.sin(X);
-      R = R * ge + H * he, H = H * ge - g / o * he;
+      f.is("disabled", !n.infinite && Q.value)
+    ]), re = h(() => {
+      const { scale: l, deg: p, offsetX: g, offsetY: S, enableTransition: T } = k.value;
+      let A = g / l, P = S / l;
+      const F = p * Math.PI / 180, ge = Math.cos(F), he = Math.sin(F);
+      A = A * ge + P * he, P = P * ge - g / l * he;
       const pe = {
-        transform: `scale(${o}) rotate(${_}deg) translate(${R}px, ${H}px)`,
-        transition: V ? "transform .3s" : ""
+        transform: `scale(${l}) rotate(${p}deg) translate(${A}px, ${P}px)`,
+        transition: T ? "transform .3s" : ""
       };
-      return j.value.name === m.CONTAIN.name && (pe.maxWidth = pe.maxHeight = "100%"), pe;
+      return U.value.name === m.CONTAIN.name && (pe.maxWidth = pe.maxHeight = "100%"), pe;
     });
-    function F() {
-      ue(), z("close");
+    function j() {
+      ue(), I("close");
     }
     function ie() {
-      const o = q.throttle((g) => {
+      const l = q.throttle((g) => {
         switch (g.code) {
-          case D.esc:
-            l.closeOnPressEscape && F();
+          case H.esc:
+            n.closeOnPressEscape && j();
             break;
-          case D.space:
-            c();
+          case H.space:
+            Z();
             break;
-          case D.left:
-            k();
+          case H.left:
+            u();
             break;
-          case D.up:
-            M("zoomIn");
+          case H.up:
+            w("zoomIn");
             break;
-          case D.right:
-            S();
+          case H.right:
+            c();
             break;
-          case D.down:
-            M("zoomOut");
+          case H.down:
+            w("zoomOut");
             break;
         }
-      }), _ = q.throttle((g) => {
-        const N = g.deltaY || g.deltaX;
-        M(N < 0 ? "zoomIn" : "zoomOut", {
-          zoomRate: l.zoomRate,
+      }), p = q.throttle((g) => {
+        const S = g.deltaY || g.deltaX;
+        w(S < 0 ? "zoomIn" : "zoomOut", {
+          zoomRate: n.zoomRate,
           enableTransition: !1
         });
       });
-      y.run(() => {
-        K(document, "keydown", o), K(document, "wheel", _);
+      b.run(() => {
+        K(document, "keydown", l), K(document, "wheel", p);
       });
     }
     function ue() {
-      y.stop();
+      b.stop();
     }
     function ce() {
-      I.value = !1;
+      x.value = !1;
     }
-    function de(o) {
-      I.value = !1, o.target.alt = E("el.image.error");
+    function de(l) {
+      x.value = !1, l.target.alt = B("el.image.error");
     }
-    function W(o) {
-      if (I.value || o.button !== 0 || !O.value)
+    function D(l) {
+      if (x.value || l.button !== 0 || !O.value)
         return;
-      b.value.enableTransition = !1;
-      const { offsetX: _, offsetY: g } = b.value, N = o.pageX, V = o.pageY, R = q.throttle((X) => {
-        b.value = {
-          ...b.value,
-          offsetX: _ + X.pageX - N,
-          offsetY: g + X.pageY - V
+      k.value.enableTransition = !1;
+      const { offsetX: p, offsetY: g } = k.value, S = l.pageX, T = l.pageY, A = q.throttle((F) => {
+        k.value = {
+          ...k.value,
+          offsetX: p + F.pageX - S,
+          offsetY: g + F.pageY - T
         };
-      }), H = K(document, "mousemove", R);
+      }), P = K(document, "mousemove", A);
       K(document, "mouseup", () => {
-        H();
-      }), o.preventDefault();
+        P();
+      }), l.preventDefault();
     }
-    function a() {
-      b.value = {
+    function G() {
+      k.value = {
         scale: 1,
         deg: 0,
         offsetX: 0,
@@ -810,103 +810,103 @@ const pa = {
         enableTransition: !1
       };
     }
-    function c() {
-      if (I.value)
+    function Z() {
+      if (x.value)
         return;
-      const o = i(m), _ = Object.values(m), g = j.value.name, V = ((_ == null ? void 0 : _.findIndex((R) => R.name === g)) + 1) % o.length;
-      j.value = m[o[V]], a();
+      const l = r(m), p = Object.values(m), g = U.value.name, T = ((p == null ? void 0 : p.findIndex((A) => A.name === g)) + 1) % l.length;
+      U.value = m[l[T]], G();
     }
-    function u(o) {
-      const _ = l.urlList.length;
-      B.value = (o + _) % _;
+    function a(l) {
+      const p = n.urlList.length;
+      M.value = (l + p) % p;
     }
-    function k() {
-      G.value && !l.infinite || u(B.value - 1);
+    function u() {
+      Y.value && !n.infinite || a(M.value - 1);
     }
-    function S() {
-      Z.value && !l.infinite || u(B.value + 1);
+    function c() {
+      Q.value && !n.infinite || a(M.value + 1);
     }
-    function M(o, _ = {}) {
-      if (I.value)
+    function w(l, p = {}) {
+      if (x.value)
         return;
-      const { minScale: g, maxScale: N } = l, { zoomRate: V, rotateDeg: R, enableTransition: H } = {
-        zoomRate: l.zoomRate,
+      const { minScale: g, maxScale: S } = n, { zoomRate: T, rotateDeg: A, enableTransition: P } = {
+        zoomRate: n.zoomRate,
         rotateDeg: 90,
         enableTransition: !0,
-        ..._
+        ...p
       };
-      switch (o) {
+      switch (l) {
         case "zoomOut":
-          b.value.scale > g && (b.value.scale = Number.parseFloat(
-            (b.value.scale / V).toFixed(3)
+          k.value.scale > g && (k.value.scale = Number.parseFloat(
+            (k.value.scale / T).toFixed(3)
           ));
           break;
         case "zoomIn":
-          b.value.scale < N && (b.value.scale = Number.parseFloat(
-            (b.value.scale * V).toFixed(3)
+          k.value.scale < S && (k.value.scale = Number.parseFloat(
+            (k.value.scale * T).toFixed(3)
           ));
           break;
         case "clockwise":
-          b.value.deg += R, z("rotate", b.value.deg);
+          k.value.deg += A, I("rotate", k.value.deg);
           break;
         case "anticlockwise":
-          b.value.deg -= R, z("rotate", b.value.deg);
+          k.value.deg -= A, I("rotate", k.value.deg);
           break;
       }
-      b.value.enableTransition = H;
+      k.value.enableTransition = P;
     }
     return ee(ne, () => {
       De(() => {
-        const o = C.value[0];
-        o != null && o.complete || (I.value = !0);
+        const l = C.value[0];
+        l != null && l.complete || (x.value = !0);
       });
-    }), ee(B, (o) => {
-      a(), z("switch", o);
+    }), ee(M, (l) => {
+      G(), I("switch", l);
     }), Fe(() => {
-      var o, _;
-      ie(), (_ = (o = O.value) == null ? void 0 : o.focus) == null || _.call(o);
-    }), n({
+      var l, p;
+      ie(), (p = (l = O.value) == null ? void 0 : l.focus) == null || p.call(l);
+    }), s({
       /**
        * @description manually switch image
        */
-      setActiveItem: u
-    }), (o, _) => (d(), Q(We, { to: "body" }, [
-      p(Xe, {
+      setActiveItem: a
+    }), (l, p) => (d(), X(We, { to: "body" }, [
+      v(Xe, {
         name: "viewer-fade",
         appear: ""
       }, {
-        default: h(() => [
-          s(
+        default: y(() => [
+          o(
             "div",
             {
               ref_key: "wrapper",
               ref: O,
               tabindex: -1,
-              class: x(r(f).e("wrapper")),
-              style: U({ zIndex: ae.value })
+              class: z(i(f).e("wrapper")),
+              style: R({ zIndex: ae.value })
             },
             [
-              s(
+              o(
                 "div",
                 {
-                  class: x(r(f).e("mask")),
-                  onClick: _[0] || (_[0] = Ye((g) => o.hideOnClickModal && F(), ["self"]))
+                  class: z(i(f).e("mask")),
+                  onClick: p[0] || (p[0] = Ye((g) => l.hideOnClickModal && j(), ["self"]))
                 },
                 null,
                 2
                 /* CLASS */
               ),
-              P(" CLOSE "),
-              s(
+              V(" CLOSE "),
+              o(
                 "span",
                 {
-                  class: x([r(f).e("btn"), r(f).e("close")]),
-                  onClick: F
+                  class: z([i(f).e("btn"), i(f).e("close")]),
+                  onClick: j
                 },
                 [
-                  p(r(L), null, {
-                    default: h(() => [
-                      p(r(Ne))
+                  v(i(L), null, {
+                    default: y(() => [
+                      v(i(Ne))
                     ]),
                     _: 1
                     /* STABLE */
@@ -915,21 +915,21 @@ const pa = {
                 2
                 /* CLASS */
               ),
-              P(" ARROW "),
-              le.value ? P("v-if", !0) : (d(), v(
+              V(" ARROW "),
+              le.value ? V("v-if", !0) : (d(), _(
                 te,
                 { key: 0 },
                 [
-                  s(
+                  o(
                     "span",
                     {
-                      class: x(se.value),
-                      onClick: k
+                      class: z(se.value),
+                      onClick: u
                     },
                     [
-                      p(r(L), null, {
-                        default: h(() => [
-                          p(r(ut))
+                      v(i(L), null, {
+                        default: y(() => [
+                          v(i(ut))
                         ]),
                         _: 1
                         /* STABLE */
@@ -938,16 +938,16 @@ const pa = {
                     2
                     /* CLASS */
                   ),
-                  s(
+                  o(
                     "span",
                     {
-                      class: x(oe.value),
-                      onClick: S
+                      class: z(oe.value),
+                      onClick: c
                     },
                     [
-                      p(r(L), null, {
-                        default: h(() => [
-                          p(r(dt))
+                      v(i(L), null, {
+                        default: y(() => [
+                          v(i(dt))
                         ]),
                         _: 1
                         /* STABLE */
@@ -960,76 +960,76 @@ const pa = {
                 64
                 /* STABLE_FRAGMENT */
               )),
-              P(" ACTIONS "),
-              s(
+              V(" ACTIONS "),
+              o(
                 "div",
                 {
-                  class: x([r(f).e("btn"), r(f).e("actions")])
+                  class: z([i(f).e("btn"), i(f).e("actions")])
                 },
                 [
-                  s(
+                  o(
                     "div",
                     {
-                      class: x(r(f).e("actions__inner"))
+                      class: z(i(f).e("actions__inner"))
                     },
                     [
-                      p(r(L), {
-                        onClick: _[1] || (_[1] = (g) => M("zoomOut"))
+                      v(i(L), {
+                        onClick: p[1] || (p[1] = (g) => w("zoomOut"))
                       }, {
-                        default: h(() => [
-                          p(r(Lt))
+                        default: y(() => [
+                          v(i(Lt))
                         ]),
                         _: 1
                         /* STABLE */
                       }),
-                      p(r(L), {
-                        onClick: _[2] || (_[2] = (g) => M("zoomIn"))
+                      v(i(L), {
+                        onClick: p[2] || (p[2] = (g) => w("zoomIn"))
                       }, {
-                        default: h(() => [
-                          p(r(Te))
+                        default: y(() => [
+                          v(i(Te))
                         ]),
                         _: 1
                         /* STABLE */
                       }),
-                      s(
+                      o(
                         "i",
                         {
-                          class: x(r(f).e("actions__divider"))
+                          class: z(i(f).e("actions__divider"))
                         },
                         null,
                         2
                         /* CLASS */
                       ),
-                      p(r(L), { onClick: c }, {
-                        default: h(() => [
-                          (d(), Q(Qe(j.value.icon)))
+                      v(i(L), { onClick: Z }, {
+                        default: y(() => [
+                          (d(), X(Qe(U.value.icon)))
                         ]),
                         _: 1
                         /* STABLE */
                       }),
-                      s(
+                      o(
                         "i",
                         {
-                          class: x(r(f).e("actions__divider"))
+                          class: z(i(f).e("actions__divider"))
                         },
                         null,
                         2
                         /* CLASS */
                       ),
-                      p(r(L), {
-                        onClick: _[3] || (_[3] = (g) => M("anticlockwise"))
+                      v(i(L), {
+                        onClick: p[3] || (p[3] = (g) => w("anticlockwise"))
                       }, {
-                        default: h(() => [
-                          p(r(yt))
+                        default: y(() => [
+                          v(i(yt))
                         ]),
                         _: 1
                         /* STABLE */
                       }),
-                      p(r(L), {
-                        onClick: _[4] || (_[4] = (g) => M("clockwise"))
+                      v(i(L), {
+                        onClick: p[4] || (p[4] = (g) => w("clockwise"))
                       }, {
-                        default: h(() => [
-                          p(r(kt))
+                        default: y(() => [
+                          v(i(xt))
                         ]),
                         _: 1
                         /* STABLE */
@@ -1042,29 +1042,29 @@ const pa = {
                 2
                 /* CLASS */
               ),
-              P(" CANVAS "),
-              s(
+              V(" CANVAS "),
+              o(
                 "div",
                 {
-                  class: x(r(f).e("canvas"))
+                  class: z(i(f).e("canvas"))
                 },
                 [
-                  (d(!0), v(
+                  (d(!0), _(
                     te,
                     null,
-                    Se(o.urlList, (g, N) => ve((d(), v("img", {
+                    Se(l.urlList, (g, S) => ve((d(), _("img", {
                       ref_for: !0,
-                      ref: (V) => C.value[N] = V,
+                      ref: (T) => C.value[S] = T,
                       key: g,
                       src: g,
-                      style: U(re.value),
-                      class: x(r(f).e("img")),
-                      crossorigin: o.crossorigin,
+                      style: R(re.value),
+                      class: z(i(f).e("img")),
+                      crossorigin: l.crossorigin,
                       onLoad: ce,
                       onError: de,
-                      onMousedown: W
+                      onMousedown: D
                     }, null, 46, _a)), [
-                      [_e, N === B.value]
+                      [_e, S === M.value]
                     ])),
                     128
                     /* KEYED_FRAGMENT */
@@ -1073,7 +1073,7 @@ const pa = {
                 2
                 /* CLASS */
               ),
-              Ee(o.$slots, "default")
+              Ee(l.$slots, "default")
             ],
             6
             /* CLASS, STYLE */
@@ -1084,19 +1084,16 @@ const pa = {
       })
     ]));
   }
-}), ma = fe(fa), Re = (t) => (qe("data-v-633498bc"), t = t(), et(), t), ga = {
+}), ma = fe(fa), Re = (t) => (qe("data-v-95e3d8e0"), t = t(), et(), t), ga = {
   key: 1,
   class: "upload-btn"
-}, ha = { class: "tip" }, wa = { class: "loading-statu" }, ya = { class: "operate-btn" }, ba = { key: 0 }, ka = {
-  class: "el-upload-list el-upload-list--picture-card",
-  style: { float: "left" }
-}, xa = ["onClick"], za = /* @__PURE__ */ Re(() => /* @__PURE__ */ s(
+}, ha = { class: "tip" }, wa = { class: "loading-statu" }, ya = { class: "operate-btn" }, ba = { key: 0 }, xa = { class: "el-upload-list el-upload-list--picture-card" }, ka = ["onClick"], za = /* @__PURE__ */ Re(() => /* @__PURE__ */ o(
   "span",
   { class: "error" },
   "上传错误",
   -1
   /* HOISTED */
-)), Ia = /* @__PURE__ */ Re(() => /* @__PURE__ */ s(
+)), Ia = /* @__PURE__ */ Re(() => /* @__PURE__ */ o(
   "p",
   null,
   "点击重新上传",
@@ -1196,122 +1193,130 @@ const pa = {
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ be(["delete", "success"], ["update:modelValue"]),
-  setup(t, { emit: n }) {
+  setup(t, { emit: s }) {
     Ge((a) => ({
-      "3b3b8751": f.value,
-      "126668fc": A.value
+      "67f9e9a6": f.value,
+      "7d745147": N.value,
+      "5e8a4930": Z.value,
+      "1aabb338": G.value
     }));
-    const e = t, i = Ze(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")), k = (c == null ? void 0 : c.url) || c;
+    const e = t, r = Ze(t, "modelValue"), m = (a) => Array.isArray(a) ? a.map((u) => {
+      var l, p;
+      const c = ((l = u.url) == null ? void 0 : l.startsWith("http")) || ((p = u.url) == null ? void 0 : p.startsWith("blob")), w = (u == null ? void 0 : u.url) || u;
       return {
-        ...c.url ? c : { url: k },
-        __url: u ? k : `${z.value}${k}`
+        ...u.url ? u : { url: w },
+        __url: c ? w : `${I.value}${w}`
       };
     }) : 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 : `${I.value}${a}`
       }
     ] : [];
     ee(
-      () => i.value,
+      () => r.value,
       (a) => {
-        !a || !a.length ? y.value = [] : y.value = q.cloneDeep(m(a));
+        !a || !a.length ? b.value = [] : b.value = q.cloneDeep(m(a));
       },
       { deep: !0 }
     );
-    const l = n, { cLoadUrl: z, cUploadUrl: E } = Ft(e), f = w(() => `${e.width}px`), A = w(() => `${e.height}px`), O = w(() => e.size), C = T(null), y = T(m(i.value)), I = T([]), B = T(!1), j = T(0), b = w(
+    const n = s, { cLoadUrl: I, cUploadUrl: B } = Ft(e), f = h(() => `${e.width}px`), N = h(() => `${e.height}px`), O = h(() => e.size), C = E(null), b = E(m(r.value)), x = E([]), M = E(!1), U = E(0), k = h(
       () => e.tipText || `最多可上传${e.limit}张图片, 每张图片不能超过${e.size}MB`
-    ), ae = (a, c) => {
+    ), ae = (a, u) => {
     }, le = (a) => {
       if (!a.type.includes("image")) {
-        ke.warning("只允许上传图片!");
+        xe.warning("只允许上传图片!");
         try {
-          y.value.pop();
+          b.value.pop();
         } catch {
         }
         return !1;
       }
       if (!(a.size / 1024 / 1024 < O.value)) {
-        ke.warning("图片大小超出限制!");
+        xe.warning(`图片大小超出系统限制的${e.size}MB!`);
         try {
-          y.value.pop();
+          b.value.pop();
         } catch {
         }
         return !1;
       }
       return !0;
-    }, G = () => !1, Z = (a, c) => {
-      var u, k;
-      a.status = "ready", c !== void 0 && I.value.splice(c, 1), (u = C.value) == null || u.handleStart(a.raw), (k = C.value) == null || k.submit();
-    }, ne = (a, c) => {
-      var M, o;
-      const u = i.value.length, k = e.limit - u;
-      let S = 0;
-      for (; S < k && S < (a == null ? void 0 : a.length); )
-        (M = C.value) == null || M.handleStart(a == null ? void 0 : a[S]), (o = C.value) == null || o.submit(), S++;
-    }, se = (a, c, u) => {
-      l("success", a, c, u), i.value = y.value;
-    }, oe = (a, c, u) => {
-      I.value.push({
-        ...c,
-        __url: c.url
+    }, Y = () => !1, Q = (a, u) => {
+      var c, w;
+      a.status = "ready", u !== void 0 && x.value.splice(u, 1), (c = C.value) == null || c.handleStart(a.raw), (w = C.value) == null || w.submit();
+    }, ne = (a, u) => {
+      var p, g;
+      const c = r.value.length, w = e.limit - c;
+      let l = 0;
+      for (; l < w && l < (a == null ? void 0 : a.length); )
+        (p = C.value) == null || p.handleStart(a == null ? void 0 : a[l]), (g = C.value) == null || g.submit(), l++;
+    }, se = (a, u, c) => {
+      n("success", a, u, c), r.value = b.value;
+    }, oe = (a, u, c) => {
+      x.value.push({
+        ...u,
+        __url: u.url
       });
     }, 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) => {
+      var u;
+      M.value = !0, U.value = Array.isArray(r == null ? void 0 : r.value) ? (u = r == null ? void 0 : r.value) == null ? void 0 : u.findIndex((c) => c.url === a.url) : 0;
+    }, j = (a) => {
       rt.downloadFile(a.__url || a.url, a.name || a.url);
     }, ie = (a) => {
-      var c;
-      (c = C.value) == null || c.abort(a);
+      var u;
+      (u = C.value) == null || u.abort(a);
     }, ue = (a) => {
-      var c;
-      a.status !== "success" && ie(a), i.value = (c = y.value) == null ? void 0 : c.filter((u) => u.uid !== a.uid), l("delete", a);
-    }, ce = (a, c) => {
-      I.value.splice(c, 1);
-    }, de = w(() => y.value.length + I.value.length < e.limit), W = w(
-      () => i.value.length >= e.limit || e.disabled
-    );
-    return (a, c) => (d(), v(
+      var u;
+      a.status !== "success" && ie(a), r.value = (u = b.value) == null ? void 0 : u.filter((c) => c.uid !== a.uid), n("delete", a);
+    }, ce = (a, u) => {
+      x.value.splice(u, 1);
+    }, de = h(() => b.value.length + x.value.length < e.limit), D = h(
+      () => r.value.length >= e.limit || e.disabled
+    ), G = h(() => {
+      var a;
+      return !((a = r.value) != null && a.length) && !x.value.length || e.limit === 1 || typeof r.value == "string" ? "0" : `${e.width + 8}px`;
+    }), Z = h(() => {
+      var a;
+      return !((a = r.value) != null && a.length) && !x.value.length && typeof r.value != "string" || e.limit === 1 ? "none" : "absolute";
+    });
+    return (a, u) => (d(), _(
       te,
       null,
       [
-        p(r(nt), Ke({
-          class: ["ik-image-upload", { preview: t.preview, "hide-upload": !de.value, disabled: W.value }],
+        v(i(nt), Ke({
+          class: ["ik-image-upload", { preview: t.preview, "hide-upload": !de.value, disabled: D.value }],
           ref_key: "refUpload",
           ref: C,
           "list-type": "picture-card",
           accept: t.accept,
-          action: r(E),
+          action: i(B),
           headers: t.headers,
           data: t.data,
-          "file-list": y.value,
-          "onUpdate:fileList": c[0] || (c[0] = (u) => y.value = u),
+          "file-list": b.value,
+          "onUpdate:fileList": u[0] || (u[0] = (c) => b.value = c),
           multiple: t.multiple,
           limit: t.limit,
           "on-change": ae,
           "before-upload": le,
-          "before-remove": G,
+          "before-remove": Y,
           "on-exceed": ne,
           "on-success": se,
           "on-error": oe,
           drag: ""
-        }, a.$attrs, { disabled: W.value }), Je({
-          trigger: h(() => [
-            a.$slots.trigger ? Ee(a.$slots, "trigger", { key: 0 }, void 0, !0) : (d(), v("div", ga, [
-              p(r(L), { size: 20 }, {
-                default: h(() => [
-                  p(r(ea), {
+        }, a.$attrs, { disabled: D.value }), Je({
+          trigger: y(() => [
+            a.$slots.trigger ? Ee(a.$slots, "trigger", { key: 0 }, void 0, !0) : (d(), _("div", ga, [
+              v(i(L), { size: 20 }, {
+                default: y(() => [
+                  v(i(ea), {
                     name: "iksvg_guanbibeifen",
-                    disabled: W.value
+                    disabled: D.value
                   }, null, 8, ["disabled"])
                 ]),
                 _: 1
                 /* STABLE */
               }),
-              s(
+              o(
                 "span",
                 null,
                 J(t.title),
@@ -1320,21 +1325,21 @@ const pa = {
               )
             ]))
           ]),
-          file: h(({ file: u }) => [
-            s(
+          file: y(({ file: c, index: w }) => [
+            o(
               "div",
               {
-                class: x(["load-list", { loading: u.status === "uploading" }]),
+                class: z(["load-list", { loading: c.status === "uploading" }]),
                 "element-loading-background": "var(--ik-upload-bg)"
               },
               [
-                ve(s(
+                ve(o(
                   "div",
                   wa,
                   [
-                    p(jt),
+                    v(jt),
                     Be(
-                      " 上传" + J(u.percentage) + "% ",
+                      " 上传" + J(c.percentage) + "% ",
                       1
                       /* TEXT */
                     )
@@ -1342,46 +1347,46 @@ const pa = {
                   512
                   /* NEED_PATCH */
                 ), [
-                  [_e, u.status === "uploading"]
+                  [_e, c.status === "uploading"]
                 ]),
-                P(` <img :src="file.url" alt="" :style="{ 'object-fit': fit }" /> `),
-                p(r(st), {
+                V(` <img :src="file.url" alt="" :style="{ 'object-fit': fit }" /> `),
+                v(i(st), {
                   style: { width: "100%", height: "100%" },
-                  src: u.__url || u.url,
+                  src: c.__url || c.url,
                   "zoom-rate": 1.2,
                   "initial-index": 0,
                   fit: "contain"
                 }, null, 8, ["src"]),
-                s("span", ya, [
-                  s("span", null, [
-                    p(r(L), {
-                      onClick: (k) => re(u)
+                o("span", ya, [
+                  o("span", null, [
+                    v(i(L), {
+                      onClick: (l) => re(c)
                     }, {
-                      default: h(() => [
-                        p(r(Te))
+                      default: y(() => [
+                        v(i(Te))
                       ]),
                       _: 2
                       /* DYNAMIC */
                     }, 1032, ["onClick"])
                   ]),
-                  s("span", null, [
-                    p(r(L), {
-                      onClick: (k) => F(u)
+                  o("span", null, [
+                    v(i(L), {
+                      onClick: (l) => j(c)
                     }, {
-                      default: h(() => [
-                        p(r(mt))
+                      default: y(() => [
+                        v(i(mt))
                       ]),
                       _: 2
                       /* DYNAMIC */
                     }, 1032, ["onClick"])
                   ]),
-                  t.preview ? P("v-if", !0) : (d(), v("span", ba, [
-                    p(r(L), {
+                  t.preview ? V("v-if", !0) : (d(), _("span", ba, [
+                    v(i(L), {
                       type: "warning",
-                      onClick: (k) => ue(u)
+                      onClick: (l) => ue(c)
                     }, {
-                      default: h(() => [
-                        p(r(_t))
+                      default: y(() => [
+                        v(i(_t))
                       ]),
                       _: 2
                       /* DYNAMIC */
@@ -1393,56 +1398,56 @@ const pa = {
               /* CLASS */
             )
           ]),
-          default: h(() => [
-            s("ul", ka, [
-              (d(!0), v(
+          default: y(() => [
+            o("ul", xa, [
+              (d(!0), _(
                 te,
                 null,
-                Se(I.value, (u, k) => (d(), v("li", {
+                Se(x.value, (c, w) => (d(), _("li", {
                   class: "el-upload-list__item",
-                  key: u.uid
+                  key: c.uid
                 }, [
-                  s("span", null, [
-                    p(r(L), {
-                      onClick: (S) => ce(u, k)
+                  o("span", null, [
+                    v(i(L), {
+                      onClick: (l) => ce(c, w)
                     }, {
-                      default: h(() => [
-                        p(r(Ne))
+                      default: y(() => [
+                        v(i(Ne))
                       ]),
                       _: 2
                       /* DYNAMIC */
                     }, 1032, ["onClick"])
                   ]),
-                  s(
+                  o(
                     "div",
                     {
-                      class: x(["load-list", {
-                        loading: u.status === "uploading",
-                        fail: u.status === "fail"
+                      class: z(["load-list", {
+                        loading: c.status === "uploading",
+                        fail: c.status === "fail"
                       }]),
                       "element-loading-background": "var(--ik-upload-bg)"
                     },
                     [
-                      ve(s("div", {
+                      ve(o("div", {
                         class: "loading-statu",
-                        onClick: (S) => Z(u, k)
+                        onClick: (l) => Q(c, w)
                       }, [
-                        p(r(L), { size: 24 }, {
-                          default: h(() => [
-                            p(r(zt))
+                        v(i(L), { size: 24 }, {
+                          default: y(() => [
+                            v(i(zt))
                           ]),
                           _: 1
                           /* STABLE */
                         }),
                         za,
                         Ia
-                      ], 8, xa), [
-                        [_e, u.status === "fail"]
+                      ], 8, ka), [
+                        [_e, c.status === "fail"]
                       ]),
-                      s("img", {
-                        src: u.__url,
+                      o("img", {
+                        src: c.__url,
                         alt: "",
-                        style: U({ "object-fit": t.fit })
+                        style: R({ "object-fit": t.fit })
                       }, null, 12, Ca)
                     ],
                     2
@@ -1459,11 +1464,11 @@ const pa = {
         }, [
           t.tip ? {
             name: "tip",
-            fn: h(() => [
-              s(
+            fn: y(() => [
+              o(
                 "span",
                 ha,
-                J(b.value),
+                J(k.value),
                 1
                 /* TEXT */
               )
@@ -1471,18 +1476,18 @@ const pa = {
             key: "0"
           } : void 0
         ]), 1040, ["class", "accept", "action", "headers", "data", "file-list", "multiple", "limit", "disabled"]),
-        P(" 文件预览 "),
-        s("div", Oa, [
-          B.value ? (d(), Q(r(ma), {
+        V(" 文件预览 "),
+        o("div", Oa, [
+          M.value ? (d(), X(i(ma), {
             key: 0,
             "lock-scroll": "",
             "hide-on-click-modal": "",
-            onClose: c[1] || (c[1] = () => {
-              B.value = !1;
+            onClose: u[1] || (u[1] = () => {
+              M.value = !1;
             }),
-            "url-list": m(y.value).map((u) => u.__url),
-            "initial-index": j.value
-          }, null, 8, ["url-list", "initial-index"])) : P("v-if", !0)
+            "url-list": m(b.value).map((c) => c.__url),
+            "initial-index": U.value
+          }, null, 8, ["url-list", "initial-index"])) : V("v-if", !0)
         ])
       ],
       64
@@ -1490,7 +1495,7 @@ const pa = {
     ));
   }
 });
-const La = /* @__PURE__ */ me($a, [["__scopeId", "data-v-633498bc"]]), Ea = fe(La);
+const La = /* @__PURE__ */ me($a, [["__scopeId", "data-v-95e3d8e0"]]), Ea = fe(La);
 export {
   Ea as IkUploadImage,
   Ea as default