iking-web-ui-pro 1.2.4 → 1.2.6

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

@@ -1,167 +1,167 @@
-import { defineComponent as $, createElementBlock as v, openBlock as p, createElementVNode as o, inject as W, computed as y, resolveComponent as ye, normalizeStyle as q, normalizeClass as C, createBlock as X, Fragment as H, withCtx as I, mergeProps as Se, createTextVNode as Ne, toDisplayString as K, unref as d, getCurrentScope as Pe, onScopeDispose as Ue, watch as ee, markRaw as be, ref as N, effectScope as He, shallowRef as De, nextTick as je, onMounted as Fe, Teleport as We, createVNode as _, Transition as Xe, createCommentVNode as V, renderSlot as Ee, withModifiers as Ye, resolveDynamicComponent as Qe, renderList as Te, withDirectives as fe, vShow as me, mergeModels as ke, useCssVars as Ge, useModel as Ze, createSlots as Ke } from "vue";
-import { useLocale as Je, useNamespace as qe, useZIndex as et, ElIcon as S, EVENT_CODE as U, useFormItem as tt, ElUpload as at, ElImage as lt, ElMessage as xe } from "element-plus";
-import { ikColor as nt, paramType as ze, _ as J, ikFile as st } from "iking-utils-pro";
-const _e = (t, s) => (t.install = (l) => {
+import { defineComponent as L, openBlock as d, createElementBlock as p, createElementVNode as r, inject as P, computed as _, resolveComponent as ye, normalizeStyle as ee, normalizeClass as x, Fragment as H, createBlock as W, withCtx as C, mergeProps as Se, createTextVNode as Ne, toDisplayString as J, unref as c, getCurrentScope as Pe, onScopeDispose as Ue, watch as te, markRaw as be, ref as E, effectScope as He, shallowRef as De, nextTick as je, onMounted as Fe, Teleport as We, createVNode as g, Transition as Xe, withModifiers as Ye, createCommentVNode as A, resolveDynamicComponent as Qe, renderList as Ee, withDirectives as fe, vShow as me, renderSlot as Te, useCssVars as Ge, useModel as Ze, createSlots as Ke, mergeModels as ke } from "vue";
+import { useLocale as Je, useNamespace as qe, useZIndex as et, ElIcon as N, EVENT_CODE as U, useFormItem as tt, ElUpload as at, ElImage as nt, ElMessage as xe } from "element-plus";
+import { ikColor as lt, paramType as Ce, _ as q, ikFile as ot } from "iking-utils-pro";
+const ge = (t, s) => (t.install = (l) => {
   for (const e of [t, ...Object.values({})])
     l.component(e.name, e);
 }, t);
-/*! Element Plus Icons Vue v2.3.1 */
-var ot = /* @__PURE__ */ $({
+/*! Element Plus Icons Vue v2.3.2 */
+var st = /* @__PURE__ */ L({
   name: "ArrowLeft",
   __name: "arrow-left",
   setup(t) {
-    return (s, l) => (p(), v("svg", {
+    return (s, l) => (d(), p("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      o("path", {
+      r("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"
+        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.59 30.59 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.59 30.59 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0"
       })
     ]));
   }
-}), rt = ot, it = /* @__PURE__ */ $({
+}), rt = st, it = /* @__PURE__ */ L({
   name: "ArrowRight",
   __name: "arrow-right",
   setup(t) {
-    return (s, l) => (p(), v("svg", {
+    return (s, l) => (d(), p("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      o("path", {
+      r("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"
+        d: "M340.864 149.312a30.59 30.59 0 0 0 0 42.752L652.736 512 340.864 831.872a30.59 30.59 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"
       })
     ]));
   }
-}), ut = it, ct = /* @__PURE__ */ $({
+}), ut = it, ct = /* @__PURE__ */ L({
   name: "Close",
   __name: "close",
   setup(t) {
-    return (s, l) => (p(), v("svg", {
+    return (s, l) => (d(), p("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      o("path", {
+      r("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"
       })
     ]));
   }
-}), dt = ct, pt = /* @__PURE__ */ $({
+}), dt = ct, vt = /* @__PURE__ */ L({
   name: "Delete",
   __name: "delete",
   setup(t) {
-    return (s, l) => (p(), v("svg", {
+    return (s, l) => (d(), p("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      o("path", {
+      r("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"
       })
     ]));
   }
-}), vt = pt, ft = /* @__PURE__ */ $({
+}), pt = vt, ft = /* @__PURE__ */ L({
   name: "Download",
   __name: "download",
   setup(t) {
-    return (s, l) => (p(), v("svg", {
+    return (s, l) => (d(), p("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      o("path", {
+      r("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"
       })
     ]));
   }
-}), mt = ft, _t = /* @__PURE__ */ $({
+}), mt = ft, gt = /* @__PURE__ */ L({
   name: "FullScreen",
   __name: "full-screen",
   setup(t) {
-    return (s, l) => (p(), v("svg", {
+    return (s, l) => (d(), p("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      o("path", {
+      r("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"
+        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-64zm0 831.872-192-.192a32 32 0 0 1 0-64l192 .192V672a32 32 0 1 1 64 0v256h-64z"
       })
     ]));
   }
-}), gt = _t, ht = /* @__PURE__ */ $({
+}), ht = gt, _t = /* @__PURE__ */ L({
   name: "RefreshLeft",
   __name: "refresh-left",
   setup(t) {
-    return (s, l) => (p(), v("svg", {
+    return (s, l) => (d(), p("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      o("path", {
+      r("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__ */ $({
+}), wt = _t, yt = /* @__PURE__ */ L({
   name: "RefreshRight",
   __name: "refresh-right",
   setup(t) {
-    return (s, l) => (p(), v("svg", {
+    return (s, l) => (d(), p("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      o("path", {
+      r("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"
+        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.88"
       })
     ]));
   }
-}), bt = yt, kt = /* @__PURE__ */ $({
+}), bt = yt, kt = /* @__PURE__ */ L({
   name: "ScaleToOriginal",
   __name: "scale-to-original",
   setup(t) {
-    return (s, l) => (p(), v("svg", {
+    return (s, l) => (d(), p("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      o("path", {
+      r("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"
+        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.12 30.12 0 0 0-30.118 30.118v301.177a30.118 30.118 0 0 0 60.236 0V331.294a30.12 30.12 0 0 0-30.118-30.118m-361.412 0a30.12 30.12 0 0 0-30.118 30.118v301.177a30.118 30.118 0 1 0 60.236 0V331.294a30.12 30.12 0 0 0-30.118-30.118M512 361.412a30.12 30.12 0 0 0-30.118 30.117v30.118a30.118 30.118 0 0 0 60.236 0V391.53A30.12 30.12 0 0 0 512 361.412M512 512a30.12 30.12 0 0 0-30.118 30.118v30.117a30.118 30.118 0 0 0 60.236 0v-30.117A30.12 30.12 0 0 0 512 512"
       })
     ]));
   }
-}), xt = kt, zt = /* @__PURE__ */ $({
+}), xt = kt, Ct = /* @__PURE__ */ L({
   name: "ZoomIn",
   __name: "zoom-in",
   setup(t) {
-    return (s, l) => (p(), v("svg", {
+    return (s, l) => (d(), p("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      o("path", {
+      r("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"
       })
     ]));
   }
-}), Ve = zt, Ct = /* @__PURE__ */ $({
+}), Ae = Ct, It = /* @__PURE__ */ L({
   name: "ZoomOut",
   __name: "zoom-out",
   setup(t) {
-    return (s, l) => (p(), v("svg", {
+    return (s, l) => (d(), p("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      o("path", {
+      r("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"
       })
     ]));
   }
-}), It = Ct;
-const ge = (t, s) => {
+}), zt = It;
+const he = (t, s) => {
   const l = t.__vccOpts || t;
   for (const [e, f] of s)
     l[e] = f;
@@ -177,8 +177,8 @@ const ge = (t, s) => {
   height: "200"
 };
 function $t(t, s) {
-  return p(), v("svg", Lt, [...s[0] || (s[0] = [
-    o(
+  return d(), p("svg", Lt, [...s[0] || (s[0] = [
+    r(
       "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",
@@ -188,7 +188,7 @@ function $t(t, s) {
       -1
       /* CACHED */
     ),
-    o(
+    r(
       "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",
@@ -198,7 +198,7 @@ function $t(t, s) {
       -1
       /* CACHED */
     ),
-    o(
+    r(
       "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",
@@ -208,7 +208,7 @@ function $t(t, s) {
       -1
       /* CACHED */
     ),
-    o(
+    r(
       "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",
@@ -218,7 +218,7 @@ function $t(t, s) {
       -1
       /* CACHED */
     ),
-    o(
+    r(
       "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",
@@ -228,7 +228,7 @@ function $t(t, s) {
       -1
       /* CACHED */
     ),
-    o(
+    r(
       "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",
@@ -238,7 +238,7 @@ function $t(t, s) {
       -1
       /* CACHED */
     ),
-    o(
+    r(
       "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",
@@ -248,7 +248,7 @@ function $t(t, s) {
       -1
       /* CACHED */
     ),
-    o(
+    r(
       "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",
@@ -260,7 +260,7 @@ function $t(t, s) {
     )
   ])]);
 }
-const Mt = /* @__PURE__ */ ge(Ot, [["render", $t]]), Ce = [
+const Mt = /* @__PURE__ */ he(Ot, [["render", $t]]), Ie = [
   "csv",
   "djvu",
   "doc",
@@ -316,14 +316,17 @@ const Mt = /* @__PURE__ */ ge(Ot, [["render", $t]]), Ce = [
   "flv",
   "tls"
 ], Bt = (t) => {
-  const s = W("loadUrl"), l = y(() => t.loadUrl || t.fileUrl || (s == null ? void 0 : s.value)), e = W("uploadUrl"), f = y(() => t.action || t.uploadUrl || (e == null ? void 0 : e.value)), m = W("token"), x = y(() => t.token || (m == null ? void 0 : m.value)), M = W("onlyofficeConfig"), h = y(() => t.onlyofficeConfig || (M == null ? void 0 : M.value)), B = W("userInfo"), O = y(() => t.userInfo || (B == null ? void 0 : B.value)), c = [...Ce, ...Ce.map((b) => b.toLocaleUpperCase())];
+  const s = P("loadUrl"), l = _(() => t.loadUrl || t.fileUrl || (s == null ? void 0 : s.value)), e = P("uploadUrl"), f = _(() => t.action || t.uploadUrl || (e == null ? void 0 : e.value)), m = P("token"), k = _(() => t.token || (m == null ? void 0 : m.value)), M = P("header"), h = _(() => t.header || (M == null ? void 0 : M.value) || {
+    Authorization: k.value
+  }), B = P("onlyofficeConfig"), I = _(() => t.onlyofficeConfig || (B == null ? void 0 : B.value)), u = P("userInfo"), O = _(() => t.userInfo || (u == null ? void 0 : u.value)), y = [...Ie, ...Ie.map((w) => w.toLocaleUpperCase())];
   return {
     cLoadUrl: l,
     cUploadUrl: f,
-    cToken: x,
-    cOnlyofficeConfig: h,
+    cToken: k,
+    cHeader: h,
+    cOnlyofficeConfig: I,
     cUserInfo: O,
-    cOnlyofficePreviewType: c
+    cOnlyofficePreviewType: y
   };
 }, St = {
   key: 1,
@@ -333,7 +336,7 @@ const Mt = /* @__PURE__ */ ge(Ot, [["render", $t]]), Ce = [
   key: 1,
   class: "h-[1em] w-[1em]",
   "aria-hidden": "true"
-}, Vt = ["xlink:href"], At = ["src"], Rt = /* @__PURE__ */ $({
+}, At = ["xlink:href"], Vt = ["src"], Rt = /* @__PURE__ */ L({
   name: "IkSvgIcon",
   __name: "index",
   props: {
@@ -362,50 +365,50 @@ const Mt = /* @__PURE__ */ ge(Ot, [["render", $t]]), Ce = [
   },
   emits: ["click", "mouseenter", "mouseleave", "dblclick"],
   setup(t, { emit: s }) {
-    const l = t, e = y(() => l), f = y(() => {
-      const { name: c } = e.value;
-      return /^http?:\/\//.test(c) ? "img" : /i-[^:]+:[^:]+/.test(c) ? "unocss" : c != null && c.startsWith("iksig") ? "iksig" : c != null && c.includes(":") ? "iconify" : c != null && c.startsWith("iksvg") ? "svg" : "i";
-    }), m = y(() => {
-      const c = [];
+    const l = t, e = _(() => l), f = _(() => {
+      const { name: u } = e.value;
+      return /^http?:\/\//.test(u) ? "img" : /i-[^:]+:[^:]+/.test(u) ? "unocss" : u != null && u.startsWith("iksig") ? "iksig" : u != null && u.includes(":") ? "iconify" : u != null && u.startsWith("iksvg") ? "svg" : "i";
+    }), m = _(() => {
+      const u = [];
       if (e.value.flip)
         switch (e.value.flip) {
           case "horizontal":
-            c.push("rotateY(180deg)");
+            u.push("rotateY(180deg)");
             break;
           case "vertical":
-            c.push("rotateX(180deg)");
+            u.push("rotateX(180deg)");
             break;
           case "both":
-            c.push("rotateX(180deg)"), c.push("rotateY(180deg)");
+            u.push("rotateX(180deg)"), u.push("rotateY(180deg)");
             break;
         }
-      e.value.rotate && c.push(`rotate(${e.value.rotate % 360}deg)`);
-      const b = {
+      e.value.rotate && u.push(`rotate(${e.value.rotate % 360}deg)`);
+      const O = {
         ...e.value.color && { color: e.value.color },
         ...e.value.size && { fontSize: typeof e.value.size == "number" ? `${e.value.size}px` : e.value.size },
-        ...c.length && { transform: c.join(" ") },
+        ...u.length && { transform: u.join(" ") },
         padding: e.value.showBg || e.value.bg ? e.value.padding : 0,
         ...e.value.color && f.value !== "iksig" ? {
           "--ik-icon-deep-color": e.value.color,
-          "--ik-icon-shallow-color": e.value.colorLight || nt.setOpacity(e.value.color, e.value.opacity)
+          "--ik-icon-shallow-color": e.value.colorLight || lt.setOpacity(e.value.color, e.value.opacity)
         } : {}
       };
-      return e.value.width && (b.width = b.height = typeof e.value.width == "number" ? `${e.value.width}px` : e.value.width), b;
-    }), x = s, M = (c) => {
-      x("click", c);
-    }, h = (c) => {
-      x("mouseenter", c);
-    }, B = (c) => {
-      x("mouseleave", c);
-    }, O = (c) => {
-      x("dblclick", c);
+      return e.value.width && (O.width = O.height = typeof e.value.width == "number" ? `${e.value.width}px` : e.value.width), O;
+    }), k = s, M = (u) => {
+      k("click", u);
+    }, h = (u) => {
+      k("mouseenter", u);
+    }, B = (u) => {
+      k("mouseleave", u);
+    }, I = (u) => {
+      k("dblclick", u);
     };
-    return (c, b) => {
-      const w = ye("el-tooltip"), z = ye("el-button");
-      return p(), v(
+    return (u, O) => {
+      const y = ye("el-tooltip"), w = ye("el-button");
+      return d(), p(
         "i",
         {
-          class: C(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
+          class: x(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
             [t.iconClass]: !0,
             [t.name]: f.value === "unocss",
             "show-bg": e.value.showBg || e.value.bg,
@@ -419,43 +422,43 @@ const Mt = /* @__PURE__ */ ge(Ot, [["render", $t]]), Ce = [
             active: e.value.active,
             disabled: e.value.disabled
           }]),
-          style: q(m.value),
+          style: ee(m.value),
           onClick: M,
-          onDblclick: O,
+          onDblclick: I,
           onMouseenter: h,
           onMouseleave: B
         },
         [
-          e.value.tableIconType === "icon" || !e.value.tableIconType ? (p(), v(
+          e.value.tableIconType === "icon" || !e.value.tableIconType ? (d(), p(
             H,
             { key: 0 },
             [
-              e.value.notip || !e.value.title ? (p(), v(
+              e.value.notip || !e.value.title ? (d(), p(
                 H,
                 { key: 0 },
                 [
-                  f.value === "iksig" ? (p(), v(
+                  f.value === "iksig" ? (d(), p(
                     "i",
                     {
                       key: 0,
-                      class: C(`iksig ${e.value.name}`)
+                      class: x(`iksig ${e.value.name}`)
                     },
                     null,
                     2
                     /* CLASS */
-                  )) : f.value === "svg" ? (p(), v("svg", St, [
-                    o("use", {
+                  )) : f.value === "svg" ? (d(), p("svg", St, [
+                    r("use", {
                       "xlink:href": `#${e.value.name}`
                     }, null, 8, Nt)
-                  ])) : f.value === "img" ? (p(), v("img", {
+                  ])) : f.value === "img" ? (d(), p("img", {
                     key: 2,
                     src: e.value.name,
                     class: "h-[1em] w-[1em]"
-                  }, null, 8, Et)) : (p(), v(
+                  }, null, 8, Et)) : (d(), p(
                     "i",
                     {
                       key: 3,
-                      class: C(e.value.name)
+                      class: x(e.value.name)
                     },
                     null,
                     2
@@ -464,36 +467,36 @@ const Mt = /* @__PURE__ */ ge(Ot, [["render", $t]]), Ce = [
                 ],
                 64
                 /* STABLE_FRAGMENT */
-              )) : (p(), X(w, {
+              )) : (d(), W(y, {
                 key: 1,
                 content: e.value.title,
                 placement: "top",
                 "popper-class": "ik-svg-icon-tooltip",
                 "hide-after": 0
               }, {
-                default: I(() => [
-                  f.value === "iksig" ? (p(), v(
+                default: C(() => [
+                  f.value === "iksig" ? (d(), p(
                     "i",
                     {
                       key: 0,
-                      class: C(`iksig ${e.value.name}`)
+                      class: x(`iksig ${e.value.name}`)
                     },
                     null,
                     2
                     /* CLASS */
-                  )) : f.value === "svg" ? (p(), v("svg", Tt, [
-                    o("use", {
+                  )) : f.value === "svg" ? (d(), p("svg", Tt, [
+                    r("use", {
                       "xlink:href": `#${e.value.name}`
-                    }, null, 8, Vt)
-                  ])) : f.value === "img" ? (p(), v("img", {
+                    }, null, 8, At)
+                  ])) : f.value === "img" ? (d(), p("img", {
                     key: 2,
                     src: e.value.name,
                     class: "h-[1em] w-[1em]"
-                  }, null, 8, At)) : (p(), v(
+                  }, null, 8, Vt)) : (d(), p(
                     "i",
                     {
                       key: 3,
-                      class: C(e.value.name)
+                      class: x(e.value.name)
                     },
                     null,
                     2
@@ -506,12 +509,12 @@ const Mt = /* @__PURE__ */ ge(Ot, [["render", $t]]), Ce = [
             ],
             64
             /* STABLE_FRAGMENT */
-          )) : (p(), X(z, Se({ key: 1 }, c.$attrs, {
+          )) : (d(), W(w, Se({ key: 1 }, u.$attrs, {
             type: ["warning", "error"].includes(e.value.type) ? "danger" : ""
           }), {
-            default: I(() => [
+            default: C(() => [
               Ne(
-                K(e.value.title),
+                J(e.value.title),
                 1
                 /* TEXT */
               )
@@ -525,13 +528,13 @@ const Mt = /* @__PURE__ */ ge(Ot, [["render", $t]]), Ce = [
       );
     };
   }
-}), Pt = /* @__PURE__ */ ge(Rt, [["__scopeId", "data-v-d5c74053"]]), ve = _e(Pt);
-var Ie;
-const Ae = typeof window < "u", Ut = (t) => typeof t == "string", Ht = () => {
+}), Pt = /* @__PURE__ */ he(Rt, [["__scopeId", "data-v-9ebb0a94"]]), pe = ge(Pt);
+var ze;
+const Ve = typeof window < "u", Ut = (t) => typeof t == "string", Ht = () => {
 };
-Ae && ((Ie = window == null ? void 0 : window.navigator) != null && Ie.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
+Ve && ((ze = window == null ? void 0 : window.navigator) != null && ze.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
 function Re(t) {
-  return typeof t == "function" ? t() : d(t);
+  return typeof t == "function" ? t() : c(t);
 }
 function Dt(t) {
   return t;
@@ -544,18 +547,18 @@ function Ft(t) {
   const l = Re(t);
   return (s = l == null ? void 0 : l.$el) != null ? s : l;
 }
-const Wt = Ae ? window : void 0;
-function Z(...t) {
+const Wt = Ve ? window : void 0;
+function K(...t) {
   let s, l, e, f;
   if (Ut(t[0]) || Array.isArray(t[0]) ? ([l, e, f] = t, s = Wt) : [s, l, e, f] = t, !s)
     return Ht;
   Array.isArray(l) || (l = [l]), Array.isArray(e) || (e = [e]);
-  const m = [], x = () => {
-    m.forEach((O) => O()), m.length = 0;
-  }, M = (O, c, b, w) => (O.addEventListener(c, b, w), () => O.removeEventListener(c, b, w)), h = ee(() => [Ft(s), Re(f)], ([O, c]) => {
-    x(), O && m.push(...l.flatMap((b) => e.map((w) => M(O, b, w, c))));
+  const m = [], k = () => {
+    m.forEach((I) => I()), m.length = 0;
+  }, M = (I, u, O, y) => (I.addEventListener(u, O, y), () => I.removeEventListener(u, O, y)), h = te(() => [Ft(s), Re(f)], ([I, u]) => {
+    k(), I && m.push(...l.flatMap((O) => e.map((y) => M(I, O, y, u))));
   }, { immediate: !0, flush: "post" }), B = () => {
-    h(), x();
+    h(), k();
   };
   return jt(B), B;
 }
@@ -674,118 +677,118 @@ const Kt = {
   }
 }, Jt = {
   close: () => !0,
-  switch: (t) => ze.isNumber(t),
-  rotate: (t) => ze.isNumber(t)
-}, qt = ["src", "crossorigin"], ea = /* @__PURE__ */ $({
+  switch: (t) => Ce.isNumber(t),
+  rotate: (t) => Ce.isNumber(t)
+}, qt = ["src", "crossorigin"], ea = /* @__PURE__ */ L({
   name: "ElImageViewer",
   __name: "IkImageViewer",
   props: Kt,
   emits: Jt,
   setup(t, { expose: s, emit: l }) {
-    const e = (n) => Object.keys(n), f = {
+    const e = (a) => Object.keys(a), f = {
       CONTAIN: {
         name: "contain",
-        icon: be(gt)
+        icon: be(ht)
       },
       ORIGINAL: {
         name: "original",
         icon: be(xt)
       }
-    }, m = t, x = l, { t: M } = Je(), h = qe("image-viewer"), { nextZIndex: B } = et(), O = N(), c = N([]), b = He(), w = N(!0), z = N(m.initialIndex), A = De(f.CONTAIN), k = N({
+    }, m = t, k = l, { t: M } = Je(), h = qe("image-viewer"), { nextZIndex: B } = et(), I = E(), u = E([]), O = He(), y = E(!0), w = E(m.initialIndex), S = De(f.CONTAIN), b = E({
       scale: 1,
       deg: 0,
       offsetX: 0,
       offsetY: 0,
       enableTransition: !1
-    }), te = N(m.zIndex ?? B()), ae = y(() => {
-      const { urlList: n } = m;
-      return n.length <= 1;
-    }), Y = y(() => z.value === 0), Q = y(() => z.value === m.urlList.length - 1), le = y(() => m.urlList[z.value]), ne = y(() => [
+    }), X = E(m.zIndex ?? B()), ae = _(() => {
+      const { urlList: a } = m;
+      return a.length <= 1;
+    }), Y = _(() => w.value === 0), Q = _(() => w.value === m.urlList.length - 1), ne = _(() => m.urlList[w.value]), le = _(() => [
       h.e("btn"),
       h.e("prev"),
       h.is("disabled", !m.infinite && Y.value)
-    ]), se = y(() => [
+    ]), oe = _(() => [
       h.e("btn"),
       h.e("next"),
       h.is("disabled", !m.infinite && Q.value)
-    ]), oe = y(() => {
-      const { scale: n, deg: u, offsetX: g, offsetY: L, enableTransition: E } = k.value;
-      let T = g / n, R = L / n;
-      const F = u * Math.PI / 180, he = Math.cos(F), we = Math.sin(F);
-      T = T * he + R * we, R = R * he - g / n * we;
-      const pe = {
-        transform: `scale(${n}) rotate(${u}deg) translate(${T}px, ${R}px)`,
-        transition: E ? "transform .3s" : ""
+    ]), se = _(() => {
+      const { scale: a, deg: i, offsetX: v, offsetY: z, enableTransition: $ } = b.value;
+      let T = v / a, V = z / a;
+      const F = i * Math.PI / 180, _e = Math.cos(F), we = Math.sin(F);
+      T = T * _e + V * we, V = V * _e - v / a * we;
+      const ve = {
+        transform: `scale(${a}) rotate(${i}deg) translate(${T}px, ${V}px)`,
+        transition: $ ? "transform .3s" : ""
       };
-      return A.value.name === f.CONTAIN.name && (pe.maxWidth = pe.maxHeight = "100%"), pe;
+      return S.value.name === f.CONTAIN.name && (ve.maxWidth = ve.maxHeight = "100%"), ve;
     });
     function D() {
-      ie(), x("close");
+      ie(), k("close");
     }
     function re() {
-      const n = J.throttle((g) => {
-        switch (g.code) {
+      const a = q.throttle((v) => {
+        switch (v.code) {
           // ESC
           case U.esc:
             m.closeOnPressEscape && D();
             break;
           // SPACE
           case U.space:
-            G();
+            R();
             break;
           // LEFT_ARROW
           case U.left:
-            a();
+            Z();
             break;
           // UP_ARROW
           case U.up:
-            r("zoomIn");
+            o("zoomIn");
             break;
           // RIGHT_ARROW
           case U.right:
-            i();
+            n();
             break;
           // DOWN_ARROW
           case U.down:
-            r("zoomOut");
+            o("zoomOut");
             break;
         }
-      }), u = J.throttle((g) => {
-        const L = g.deltaY || g.deltaX;
-        r(L < 0 ? "zoomIn" : "zoomOut", {
+      }), i = q.throttle((v) => {
+        const z = v.deltaY || v.deltaX;
+        o(z < 0 ? "zoomIn" : "zoomOut", {
           zoomRate: m.zoomRate,
           enableTransition: !1
         });
       });
-      b.run(() => {
-        Z(document, "keydown", n), Z(document, "wheel", u);
+      O.run(() => {
+        K(document, "keydown", a), K(document, "wheel", i);
       });
     }
     function ie() {
-      b.stop();
+      O.stop();
     }
     function ue() {
-      w.value = !1;
+      y.value = !1;
     }
-    function ce(n) {
-      w.value = !1, n.target.alt = M("el.image.error");
+    function ce(a) {
+      y.value = !1, a.target.alt = M("el.image.error");
     }
-    function de(n) {
-      if (w.value || n.button !== 0 || !O.value) return;
-      k.value.enableTransition = !1;
-      const { offsetX: u, offsetY: g } = k.value, L = n.pageX, E = n.pageY, T = J.throttle((F) => {
-        k.value = {
-          ...k.value,
-          offsetX: u + F.pageX - L,
-          offsetY: g + F.pageY - E
+    function de(a) {
+      if (y.value || a.button !== 0 || !I.value) return;
+      b.value.enableTransition = !1;
+      const { offsetX: i, offsetY: v } = b.value, z = a.pageX, $ = a.pageY, T = q.throttle((F) => {
+        b.value = {
+          ...b.value,
+          offsetX: i + F.pageX - z,
+          offsetY: v + F.pageY - $
         };
-      }), R = Z(document, "mousemove", T);
-      Z(document, "mouseup", () => {
-        R();
-      }), n.preventDefault();
+      }), V = K(document, "mousemove", T);
+      K(document, "mouseup", () => {
+        V();
+      }), a.preventDefault();
     }
-    function P() {
-      k.value = {
+    function G() {
+      b.value = {
         scale: 1,
         deg: 0,
         offsetX: 0,
@@ -793,101 +796,101 @@ const Kt = {
         enableTransition: !1
       };
     }
-    function G() {
-      if (w.value) return;
-      const n = e(f), u = Object.values(f), g = A.value.name, E = ((u == null ? void 0 : u.findIndex((T) => T.name === g)) + 1) % n.length;
-      A.value = f[n[E]], P();
+    function R() {
+      if (y.value) return;
+      const a = e(f), i = Object.values(f), v = S.value.name, $ = ((i == null ? void 0 : i.findIndex((T) => T.name === v)) + 1) % a.length;
+      S.value = f[a[$]], G();
     }
-    function j(n) {
-      const u = m.urlList.length;
-      z.value = (n + u) % u;
+    function j(a) {
+      const i = m.urlList.length;
+      w.value = (a + i) % i;
     }
-    function a() {
-      Y.value && !m.infinite || j(z.value - 1);
+    function Z() {
+      Y.value && !m.infinite || j(w.value - 1);
     }
-    function i() {
-      Q.value && !m.infinite || j(z.value + 1);
+    function n() {
+      Q.value && !m.infinite || j(w.value + 1);
     }
-    function r(n, u = {}) {
-      if (w.value) return;
-      const { minScale: g, maxScale: L } = m, { zoomRate: E, rotateDeg: T, enableTransition: R } = {
+    function o(a, i = {}) {
+      if (y.value) return;
+      const { minScale: v, maxScale: z } = m, { zoomRate: $, rotateDeg: T, enableTransition: V } = {
         zoomRate: m.zoomRate,
         rotateDeg: 90,
         enableTransition: !0,
-        ...u
+        ...i
       };
-      switch (n) {
+      switch (a) {
         case "zoomOut":
-          k.value.scale > g && (k.value.scale = Number.parseFloat(
-            (k.value.scale / E).toFixed(3)
+          b.value.scale > v && (b.value.scale = Number.parseFloat(
+            (b.value.scale / $).toFixed(3)
           ));
           break;
         case "zoomIn":
-          k.value.scale < L && (k.value.scale = Number.parseFloat(
-            (k.value.scale * E).toFixed(3)
+          b.value.scale < z && (b.value.scale = Number.parseFloat(
+            (b.value.scale * $).toFixed(3)
           ));
           break;
         case "clockwise":
-          k.value.deg += T, x("rotate", k.value.deg);
+          b.value.deg += T, k("rotate", b.value.deg);
           break;
         case "anticlockwise":
-          k.value.deg -= T, x("rotate", k.value.deg);
+          b.value.deg -= T, k("rotate", b.value.deg);
           break;
       }
-      k.value.enableTransition = R;
+      b.value.enableTransition = V;
     }
-    return ee(le, () => {
+    return te(ne, () => {
       je(() => {
-        const n = c.value[0];
-        n != null && n.complete || (w.value = !0);
+        const a = u.value[0];
+        a != null && a.complete || (y.value = !0);
       });
-    }), ee(z, (n) => {
-      P(), x("switch", n);
+    }), te(w, (a) => {
+      G(), k("switch", a);
     }), Fe(() => {
-      var n, u;
-      re(), (u = (n = O.value) == null ? void 0 : n.focus) == null || u.call(n);
+      var a, i;
+      re(), (i = (a = I.value) == null ? void 0 : a.focus) == null || i.call(a);
     }), s({
       /**
        * @description manually switch image
        */
       setActiveItem: j
-    }), (n, u) => (p(), X(We, { to: "body" }, [
-      _(Xe, {
+    }), (a, i) => (d(), W(We, { to: "body" }, [
+      g(Xe, {
         name: "viewer-fade",
         appear: ""
       }, {
-        default: I(() => [
-          o(
+        default: C(() => [
+          r(
             "div",
             {
               ref_key: "wrapper",
-              ref: O,
+              ref: I,
               tabindex: -1,
-              class: C(d(h).e("wrapper")),
-              style: q({ zIndex: te.value })
+              class: x(c(h).e("wrapper")),
+              style: ee({ zIndex: X.value })
             },
             [
-              o(
+              r(
                 "div",
                 {
-                  class: C(d(h).e("mask")),
-                  onClick: u[0] || (u[0] = Ye((g) => n.hideOnClickModal && D(), ["self"]))
+                  class: x(c(h).e("mask")),
+                  onClick: i[0] || (i[0] = Ye((v) => a.hideOnClickModal && D(), ["self"]))
                 },
                 null,
                 2
                 /* CLASS */
               ),
-              V(" CLOSE "),
-              o(
+              A(" CLOSE "),
+              r(
                 "span",
                 {
-                  class: C([d(h).e("btn"), d(h).e("close")]),
+                  class: x([c(h).e("btn"), c(h).e("close")]),
                   onClick: D
                 },
                 [
-                  _(d(S), null, {
-                    default: I(() => [
-                      _(d(dt))
+                  g(c(N), null, {
+                    default: C(() => [
+                      g(c(dt))
                     ]),
                     _: 1
                     /* STABLE */
@@ -896,21 +899,21 @@ const Kt = {
                 2
                 /* CLASS */
               ),
-              V(" ARROW "),
-              ae.value ? V("v-if", !0) : (p(), v(
+              A(" ARROW "),
+              ae.value ? A("v-if", !0) : (d(), p(
                 H,
                 { key: 0 },
                 [
-                  o(
+                  r(
                     "span",
                     {
-                      class: C(ne.value),
-                      onClick: a
+                      class: x(le.value),
+                      onClick: Z
                     },
                     [
-                      _(d(S), null, {
-                        default: I(() => [
-                          _(d(rt))
+                      g(c(N), null, {
+                        default: C(() => [
+                          g(c(rt))
                         ]),
                         _: 1
                         /* STABLE */
@@ -919,16 +922,16 @@ const Kt = {
                     2
                     /* CLASS */
                   ),
-                  o(
+                  r(
                     "span",
                     {
-                      class: C(se.value),
-                      onClick: i
+                      class: x(oe.value),
+                      onClick: n
                     },
                     [
-                      _(d(S), null, {
-                        default: I(() => [
-                          _(d(ut))
+                      g(c(N), null, {
+                        default: C(() => [
+                          g(c(ut))
                         ]),
                         _: 1
                         /* STABLE */
@@ -941,76 +944,76 @@ const Kt = {
                 64
                 /* STABLE_FRAGMENT */
               )),
-              V(" ACTIONS "),
-              o(
+              A(" ACTIONS "),
+              r(
                 "div",
                 {
-                  class: C([d(h).e("btn"), d(h).e("actions")])
+                  class: x([c(h).e("btn"), c(h).e("actions")])
                 },
                 [
-                  o(
+                  r(
                     "div",
                     {
-                      class: C(d(h).e("actions__inner"))
+                      class: x(c(h).e("actions__inner"))
                     },
                     [
-                      _(d(S), {
-                        onClick: u[1] || (u[1] = (g) => r("zoomOut"))
+                      g(c(N), {
+                        onClick: i[1] || (i[1] = (v) => o("zoomOut"))
                       }, {
-                        default: I(() => [
-                          _(d(It))
+                        default: C(() => [
+                          g(c(zt))
                         ]),
                         _: 1
                         /* STABLE */
                       }),
-                      _(d(S), {
-                        onClick: u[2] || (u[2] = (g) => r("zoomIn"))
+                      g(c(N), {
+                        onClick: i[2] || (i[2] = (v) => o("zoomIn"))
                       }, {
-                        default: I(() => [
-                          _(d(Ve))
+                        default: C(() => [
+                          g(c(Ae))
                         ]),
                         _: 1
                         /* STABLE */
                       }),
-                      o(
+                      r(
                         "i",
                         {
-                          class: C(d(h).e("actions__divider"))
+                          class: x(c(h).e("actions__divider"))
                         },
                         null,
                         2
                         /* CLASS */
                       ),
-                      _(d(S), { onClick: G }, {
-                        default: I(() => [
-                          (p(), X(Qe(A.value.icon)))
+                      g(c(N), { onClick: R }, {
+                        default: C(() => [
+                          (d(), W(Qe(S.value.icon)))
                         ]),
                         _: 1
                         /* STABLE */
                       }),
-                      o(
+                      r(
                         "i",
                         {
-                          class: C(d(h).e("actions__divider"))
+                          class: x(c(h).e("actions__divider"))
                         },
                         null,
                         2
                         /* CLASS */
                       ),
-                      _(d(S), {
-                        onClick: u[3] || (u[3] = (g) => r("anticlockwise"))
+                      g(c(N), {
+                        onClick: i[3] || (i[3] = (v) => o("anticlockwise"))
                       }, {
-                        default: I(() => [
-                          _(d(wt))
+                        default: C(() => [
+                          g(c(wt))
                         ]),
                         _: 1
                         /* STABLE */
                       }),
-                      _(d(S), {
-                        onClick: u[4] || (u[4] = (g) => r("clockwise"))
+                      g(c(N), {
+                        onClick: i[4] || (i[4] = (v) => o("clockwise"))
                       }, {
-                        default: I(() => [
-                          _(d(bt))
+                        default: C(() => [
+                          g(c(bt))
                         ]),
                         _: 1
                         /* STABLE */
@@ -1023,29 +1026,29 @@ const Kt = {
                 2
                 /* CLASS */
               ),
-              V(" CANVAS "),
-              o(
+              A(" CANVAS "),
+              r(
                 "div",
                 {
-                  class: C(d(h).e("canvas"))
+                  class: x(c(h).e("canvas"))
                 },
                 [
-                  (p(!0), v(
+                  (d(!0), p(
                     H,
                     null,
-                    Te(n.urlList, (g, L) => fe((p(), v("img", {
+                    Ee(a.urlList, (v, z) => fe((d(), p("img", {
                       ref_for: !0,
-                      ref: (E) => c.value[L] = E,
-                      key: g,
-                      src: g,
-                      style: q(oe.value),
-                      class: C(d(h).e("img")),
-                      crossorigin: n.crossorigin,
+                      ref: ($) => u.value[z] = $,
+                      key: v,
+                      src: v,
+                      style: ee(se.value),
+                      class: x(c(h).e("img")),
+                      crossorigin: a.crossorigin,
                       onLoad: ue,
                       onError: ce,
                       onMousedown: de
                     }, null, 46, qt)), [
-                      [me, L === z.value]
+                      [me, z === w.value]
                     ])),
                     128
                     /* KEYED_FRAGMENT */
@@ -1054,7 +1057,7 @@ const Kt = {
                 2
                 /* CLASS */
               ),
-              Ee(n.$slots, "default")
+              Te(a.$slots, "default")
             ],
             6
             /* CLASS, STYLE */
@@ -1065,10 +1068,10 @@ const Kt = {
       })
     ]));
   }
-}), ta = _e(ea), aa = {
+}), ta = ge(ea), aa = {
   key: 1,
   class: "upload-btn"
-}, la = { class: "tip" }, na = { class: "loading-statu" }, sa = { class: "operate-btn" }, oa = { key: 0 }, ra = { class: "el-upload-list el-upload-list--picture-card" }, ia = ["onClick"], ua = ["src"], ca = { class: "demo-image__preview" }, da = /* @__PURE__ */ $({
+}, na = { class: "tip" }, la = { class: "loading-statu" }, oa = { class: "operate-btn" }, sa = { key: 0 }, ra = { class: "el-upload-list el-upload-list--picture-card" }, ia = ["onClick"], ua = ["src"], ca = { class: "demo-image__preview" }, da = /* @__PURE__ */ L({
   __name: "index",
   props: /* @__PURE__ */ ke({
     // 显示的文字
@@ -1089,8 +1092,7 @@ const Kt = {
     // 设置上传的请求头部
     headers: {
       type: Object,
-      default: () => {
-      }
+      default: () => null
     },
     // 上传时附带的额外参数
     data: {
@@ -1163,38 +1165,38 @@ const Kt = {
   }),
   emits: /* @__PURE__ */ ke(["delete", "success", "change"], ["update:modelValue"]),
   setup(t, { emit: s }) {
-    Ge((a) => ({
-      v98b4795a: B.value,
-      b178a58c: O.value,
-      v53a428db: j.value,
-      v4977de91: G.value
+    Ge((n) => ({
+      v0b42f402: I.value,
+      v434c926b: u.value,
+      v17094e8c: Z.value,
+      v16228280: j.value
     }));
-    const l = t, e = Ze(t, "modelValue"), { formItem: f } = tt(), m = (a) => Array.isArray(a) ? a.map((i) => {
-      var u, g;
-      const r = ((u = i.url) == null ? void 0 : u.startsWith("http")) || ((g = i.url) == null ? void 0 : g.startsWith("blob")), n = (i == null ? void 0 : i.url) || i;
+    const l = t, e = Ze(t, "modelValue"), { formItem: f } = tt(), m = (n) => Array.isArray(n) ? n.map((o) => {
+      var v, z;
+      const a = ((v = o.url) == null ? void 0 : v.startsWith("http")) || ((z = o.url) == null ? void 0 : z.startsWith("blob")), i = (o == null ? void 0 : o.url) || o;
       return {
-        ...i.url ? i : { url: n },
-        __url: r ? n : `${M.value}${n}`
+        ...o.url ? o : { url: i },
+        __url: a ? i : `${M.value}${i}`
       };
-    }) : a ? [
+    }) : n ? [
       {
-        url: a,
-        __url: a != null && a.startsWith("http") || a != null && a.startsWith("blob") ? a : `${M.value}${a}`
+        url: n,
+        __url: n != null && n.startsWith("http") || n != null && n.startsWith("blob") ? n : `${M.value}${n}`
       }
     ] : [];
-    ee(
+    te(
       () => e.value,
-      (a) => {
-        !a || !a.length ? w.value = [] : w.value = J.cloneDeep(m(a)), f == null || f.validate("change");
+      (n) => {
+        !n || !n.length ? w.value = [] : w.value = q.cloneDeep(m(n)), f == null || f.validate("change");
       },
       { deep: !0 }
     );
-    const x = s, { cLoadUrl: M, cUploadUrl: h } = Bt(l), B = y(() => `${l.width}px`), O = y(() => `${l.height}px`), c = y(() => l.size), b = N(null), w = N(m(e.value)), z = N([]), A = N(!1), k = N(0), te = y(
+    const k = s, { cLoadUrl: M, cUploadUrl: h, cHeader: B } = Bt(l), I = _(() => `${l.width}px`), u = _(() => `${l.height}px`), O = _(() => l.size), y = E(null), w = E(m(e.value)), S = E([]), b = E(!1), X = E(0), ae = _(
       () => l.tipText || `最多可上传${l.limit}张图片, 每张图片不能超过${l.size}MB`
-    ), ae = (a, i) => {
-      x("change", a);
-    }, Y = (a) => {
-      if (!a.type.includes("image")) {
+    ), Y = (n, o) => {
+      k("change", n);
+    }, Q = (n) => {
+      if (!n.type.includes("image")) {
         xe.warning("只允许上传图片!");
         try {
           w.value.pop();
@@ -1202,7 +1204,7 @@ const Kt = {
         }
         return !1;
       }
-      if (!(a.size / 1024 / 1024 < c.value)) {
+      if (!(n.size / 1024 / 1024 < O.value)) {
         xe.warning(`图片大小超出系统限制的${l.size}MB!`);
         try {
           w.value.pop();
@@ -1211,100 +1213,100 @@ const Kt = {
         return !1;
       }
       return !0;
-    }, Q = () => !1, le = (a, i) => {
-      var r, n;
-      a.status = "ready", i !== void 0 && z.value.splice(i, 1), (r = b.value) == null || r.handleStart(a.raw), (n = b.value) == null || n.submit();
-    }, ne = (a, i) => {
-      var g, L;
-      const r = e.value.length, n = l.limit - r;
-      let u = 0;
-      for (; u < n && u < (a == null ? void 0 : a.length); )
-        (g = b.value) == null || g.handleStart(a == null ? void 0 : a[u]), (L = b.value) == null || L.submit(), u++;
-    }, se = (a, i, r) => {
-      x("success", a, i, r), e.value = w.value, f == null || f.validate("change");
-    }, oe = (a, i, r) => {
-      z.value.push({
-        ...i,
-        __url: i.url
+    }, ne = () => !1, le = (n, o) => {
+      var a, i;
+      n.status = "ready", o !== void 0 && S.value.splice(o, 1), (a = y.value) == null || a.handleStart(n.raw), (i = y.value) == null || i.submit();
+    }, oe = (n, o) => {
+      var z, $;
+      const a = e.value.length, i = l.limit - a;
+      let v = 0;
+      for (; v < i && v < (n == null ? void 0 : n.length); )
+        (z = y.value) == null || z.handleStart(n == null ? void 0 : n[v]), ($ = y.value) == null || $.submit(), v++;
+    }, se = (n, o, a) => {
+      k("success", n, o, a), e.value = w.value, f == null || f.validate("change");
+    }, D = (n, o, a) => {
+      S.value.push({
+        ...o,
+        __url: o.url
       });
-    }, D = (a) => {
-      var i;
-      A.value = !0, k.value = Array.isArray(e == null ? void 0 : e.value) ? (i = e == null ? void 0 : e.value) == null ? void 0 : i.findIndex((r) => r.url === a.url) : 0;
-    }, re = (a) => {
-      st.downloadFile(a.__url || a.url, a.name || a.url);
-    }, ie = (a) => {
-      var i;
-      (i = b.value) == null || i.abort(a);
-    }, ue = (a) => {
-      var i;
-      a.status !== "success" && ie(a), e.value = (i = w.value) == null ? void 0 : i.filter((r) => r.uid !== a.uid), x("delete", a);
-    }, ce = (a, i) => {
-      z.value.splice(i, 1);
-    }, de = y(() => w.value.length + z.value.length < l.limit), P = y(
+    }, re = (n) => {
+      var o;
+      b.value = !0, X.value = Array.isArray(e == null ? void 0 : e.value) ? (o = e == null ? void 0 : e.value) == null ? void 0 : o.findIndex((a) => a.url === n.url) : 0;
+    }, ie = (n) => {
+      ot.downloadFile(n.__url || n.url, n.name || n.url);
+    }, ue = (n) => {
+      var o;
+      (o = y.value) == null || o.abort(n);
+    }, ce = (n) => {
+      var o;
+      n.status !== "success" && ue(n), e.value = (o = w.value) == null ? void 0 : o.filter((a) => a.uid !== n.uid), k("delete", n);
+    }, de = (n, o) => {
+      S.value.splice(o, 1);
+    }, G = _(() => w.value.length + S.value.length < l.limit), R = _(
       () => e.value.length >= l.limit || l.disabled
-    ), G = y(() => {
-      var a;
-      return !((a = e.value) != null && a.length) && !z.value.length || l.limit === 1 || typeof e.value == "string" ? "0" : `${l.width + 8}px`;
-    }), j = y(() => {
-      var a;
-      return !((a = e.value) != null && a.length) && !z.value.length && typeof e.value != "string" || l.limit === 1 ? "none" : "absolute";
+    ), j = _(() => {
+      var n;
+      return !((n = e.value) != null && n.length) && !S.value.length || l.limit === 1 || typeof e.value == "string" ? "0" : `${l.width + 8}px`;
+    }), Z = _(() => {
+      var n;
+      return !((n = e.value) != null && n.length) && !S.value.length && typeof e.value != "string" || l.limit === 1 ? "none" : "absolute";
     });
-    return (a, i) => (p(), v(
+    return (n, o) => (d(), p(
       H,
       null,
       [
-        _(d(at), Se({
-          class: ["ik-image-upload", { preview: t.preview, "hide-upload": !de.value && t.limit === 1, disabled: P.value }],
+        g(c(at), Se({
+          class: ["ik-image-upload", { preview: t.preview, "hide-upload": !G.value && t.limit === 1, disabled: R.value }],
           ref_key: "refUpload",
-          ref: b,
+          ref: y,
           "list-type": "picture-card",
           accept: t.accept,
-          action: d(h),
-          headers: t.headers,
+          action: c(h),
+          headers: t.headers || c(B),
           data: t.data,
           "file-list": w.value,
-          "onUpdate:fileList": i[0] || (i[0] = (r) => w.value = r),
+          "onUpdate:fileList": o[0] || (o[0] = (a) => w.value = a),
           multiple: t.multiple,
           limit: t.limit,
-          "on-change": ae,
-          "before-upload": Y,
-          "before-remove": Q,
-          "on-exceed": ne,
+          "on-change": Y,
+          "before-upload": Q,
+          "before-remove": ne,
+          "on-exceed": oe,
           "on-success": se,
-          "on-error": oe,
+          "on-error": D,
           drag: ""
-        }, a.$attrs, { disabled: P.value }), Ke({
-          trigger: I(() => [
-            a.$slots.trigger ? Ee(a.$slots, "trigger", { key: 0 }, void 0, !0) : (p(), v("div", aa, [
-              _(d(ve), {
+        }, n.$attrs, { disabled: R.value }), Ke({
+          trigger: C(() => [
+            n.$slots.trigger ? Te(n.$slots, "trigger", { key: 0 }, void 0, !0) : (d(), p("div", aa, [
+              g(c(pe), {
                 size: 20,
                 name: "iksvg_guanbibeifen",
-                disabled: P.value
+                disabled: R.value
               }, null, 8, ["disabled"]),
-              o(
+              r(
                 "span",
                 null,
-                K(t.title),
+                J(t.title),
                 1
                 /* TEXT */
               )
             ]))
           ]),
-          file: I(({ file: r, index: n }) => [
-            o(
+          file: C(({ file: a, index: i }) => [
+            r(
               "div",
               {
-                class: C(["load-list", { loading: r.status === "uploading" }]),
+                class: x(["load-list", { loading: a.status === "uploading" }]),
                 "element-loading-background": "var(--ik-upload-bg)"
               },
               [
-                fe(o(
+                fe(r(
                   "div",
-                  na,
+                  la,
                   [
-                    _(Mt),
+                    g(Mt),
                     Ne(
-                      " 上传" + K(r.percentage) + "% ",
+                      " 上传" + J(a.percentage) + "% ",
                       1
                       /* TEXT */
                     )
@@ -1312,46 +1314,46 @@ const Kt = {
                   512
                   /* NEED_PATCH */
                 ), [
-                  [me, r.status === "uploading"]
+                  [me, a.status === "uploading"]
                 ]),
-                V(` <img :src="file.url" alt="" :style="{ 'object-fit': fit }" /> `),
-                _(d(lt), {
+                A(` <img :src="file.url" alt="" :style="{ 'object-fit': fit }" /> `),
+                g(c(nt), {
                   style: { width: "100%", height: "100%" },
-                  src: r.__url || r.url,
+                  src: a.__url || a.url,
                   "zoom-rate": 1.2,
                   "initial-index": 0,
                   fit: "contain"
                 }, null, 8, ["src"]),
-                o("span", sa, [
-                  o("span", null, [
-                    _(d(S), {
-                      onClick: (u) => D(r)
+                r("span", oa, [
+                  r("span", null, [
+                    g(c(N), {
+                      onClick: (v) => re(a)
                     }, {
-                      default: I(() => [
-                        _(d(Ve))
+                      default: C(() => [
+                        g(c(Ae))
                       ]),
                       _: 1
                       /* STABLE */
                     }, 8, ["onClick"])
                   ]),
-                  o("span", null, [
-                    _(d(S), {
-                      onClick: (u) => re(r)
+                  r("span", null, [
+                    g(c(N), {
+                      onClick: (v) => ie(a)
                     }, {
-                      default: I(() => [
-                        _(d(mt))
+                      default: C(() => [
+                        g(c(mt))
                       ]),
                       _: 1
                       /* STABLE */
                     }, 8, ["onClick"])
                   ]),
-                  t.preview ? V("v-if", !0) : (p(), v("span", oa, [
-                    _(d(S), {
+                  t.preview ? A("v-if", !0) : (d(), p("span", sa, [
+                    g(c(N), {
                       type: "warning",
-                      onClick: (u) => ue(r)
+                      onClick: (v) => ce(a)
                     }, {
-                      default: I(() => [
-                        _(d(vt))
+                      default: C(() => [
+                        g(c(pt))
                       ]),
                       _: 1
                       /* STABLE */
@@ -1363,48 +1365,48 @@ const Kt = {
               /* CLASS */
             )
           ]),
-          default: I(() => [
-            o("ul", ra, [
-              (p(!0), v(
+          default: C(() => [
+            r("ul", ra, [
+              (d(!0), p(
                 H,
                 null,
-                Te(z.value, (r, n) => (p(), v("li", {
+                Ee(S.value, (a, i) => (d(), p("li", {
                   class: "el-upload-list__item",
-                  key: r.uid
+                  key: a.uid
                 }, [
-                  o("span", null, [
-                    _(d(ve), {
+                  r("span", null, [
+                    g(c(pe), {
                       name: "iksvg_guanbi",
                       error: "",
-                      onClick: (u) => ce(r, n)
+                      onClick: (v) => de(a, i)
                     }, null, 8, ["onClick"])
                   ]),
-                  o(
+                  r(
                     "div",
                     {
-                      class: C(["load-list", {
-                        loading: r.status === "uploading",
-                        fail: r.status === "fail"
+                      class: x(["load-list", {
+                        loading: a.status === "uploading",
+                        fail: a.status === "fail"
                       }]),
                       "element-loading-background": "var(--ik-upload-bg)"
                     },
                     [
-                      fe(o("div", {
+                      fe(r("div", {
                         class: "loading-statu",
-                        onClick: (u) => le(r, n)
+                        onClick: (v) => le(a, i)
                       }, [
-                        _(d(ve), {
+                        g(c(pe), {
                           name: "iksvg_shuaxin-daohang",
                           size: 24
                         }),
-                        i[2] || (i[2] = o(
+                        o[2] || (o[2] = r(
                           "span",
                           { class: "error" },
                           "上传错误",
                           -1
                           /* CACHED */
                         )),
-                        i[3] || (i[3] = o(
+                        o[3] || (o[3] = r(
                           "p",
                           null,
                           "点击重新上传",
@@ -1412,12 +1414,12 @@ const Kt = {
                           /* CACHED */
                         ))
                       ], 8, ia), [
-                        [me, r.status === "fail"]
+                        [me, a.status === "fail"]
                       ]),
-                      o("img", {
-                        src: r.__url,
+                      r("img", {
+                        src: a.__url,
                         alt: "",
-                        style: q({ "object-fit": t.fit })
+                        style: ee({ "object-fit": t.fit })
                       }, null, 12, ua)
                     ],
                     2
@@ -1434,11 +1436,11 @@ const Kt = {
         }, [
           t.tip ? {
             name: "tip",
-            fn: I(() => [
-              o(
+            fn: C(() => [
+              r(
                 "span",
-                la,
-                K(te.value),
+                na,
+                J(ae.value),
                 1
                 /* TEXT */
               )
@@ -1446,26 +1448,26 @@ const Kt = {
             key: "0"
           } : void 0
         ]), 1040, ["class", "accept", "action", "headers", "data", "file-list", "multiple", "limit", "disabled"]),
-        V(" 文件预览 "),
-        o("div", ca, [
-          A.value ? (p(), X(d(ta), {
+        A(" 文件预览 "),
+        r("div", ca, [
+          b.value ? (d(), W(c(ta), {
             key: 0,
             "lock-scroll": "",
             "hide-on-click-modal": "",
-            onClose: i[1] || (i[1] = () => {
-              A.value = !1;
+            onClose: o[1] || (o[1] = () => {
+              b.value = !1;
             }),
-            "url-list": m(w.value).map((r) => r.__url),
-            "initial-index": k.value
-          }, null, 8, ["url-list", "initial-index"])) : V("v-if", !0)
+            "url-list": m(w.value).map((a) => a.__url),
+            "initial-index": X.value
+          }, null, 8, ["url-list", "initial-index"])) : A("v-if", !0)
         ])
       ],
       64
       /* STABLE_FRAGMENT */
     ));
   }
-}), pa = /* @__PURE__ */ ge(da, [["__scopeId", "data-v-1b999f86"]]), _a = _e(pa);
+}), va = /* @__PURE__ */ he(da, [["__scopeId", "data-v-80227172"]]), ga = ge(va);
 export {
-  _a as IkUploadImage,
-  _a as default
+  ga as IkUploadImage,
+  ga as default
 };