iking-web-ui-pro 0.3.3 → 0.3.5

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

@@ -1,169 +1,169 @@
-import { defineComponent as M, openBlock as v, createElementBlock as m, createElementVNode as s, inject as W, computed as y, resolveComponent as ye, Fragment as X, normalizeClass as x, normalizeStyle as V, createBlock as Y, withCtx as I, createTextVNode as Se, toDisplayString as J, unref as d, getCurrentScope as Re, onScopeDispose as Pe, watch as ee, markRaw as be, ref as E, effectScope as Ue, shallowRef as De, nextTick as He, onMounted as je, Teleport as Fe, createVNode as _, Transition as We, withModifiers as Xe, createCommentVNode as A, resolveDynamicComponent as Ye, renderList as Ee, withDirectives as fe, vShow as me, renderSlot as Ne, mergeModels as ke, useCssVars as Qe, useModel as Ge, mergeProps as Ze, createSlots as Ke } from "vue";
-import { useLocale as Je, useNamespace as qe, useZIndex as et, ElIcon as S, EVENT_CODE as D, useFormItem as tt, ElUpload as at, ElImage as lt, ElMessage as xe } from "element-plus";
-import { ikColor as nt, paramType as ze, _ as q, ikFile as st } from "iking-utils-pro";
-const _e = (t, o) => (t.install = (l) => {
+import { defineComponent as $, openBlock as p, createElementBlock as v, createElementVNode as o, inject as W, computed as y, resolveComponent as ye, normalizeClass as z, normalizeStyle as q, Fragment as H, createBlock as X, withCtx as C, 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, withModifiers as Ye, createCommentVNode as V, resolveDynamicComponent as Qe, renderList as Ee, withDirectives as fe, vShow as me, renderSlot as Te, 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 ot } from "iking-utils-pro";
+const _e = (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__ */ M({
+var st = /* @__PURE__ */ $({
   name: "ArrowLeft",
   __name: "arrow-left",
   setup(t) {
-    return (o, l) => (v(), m("svg", {
+    return (s, l) => (p(), v("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"
       })
     ]));
   }
-}), rt = ot, it = /* @__PURE__ */ M({
+}), rt = st, it = /* @__PURE__ */ $({
   name: "ArrowRight",
   __name: "arrow-right",
   setup(t) {
-    return (o, l) => (v(), m("svg", {
+    return (s, l) => (p(), v("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"
       })
     ]));
   }
-}), ut = it, ct = /* @__PURE__ */ M({
+}), ut = it, ct = /* @__PURE__ */ $({
   name: "Close",
   __name: "close",
   setup(t) {
-    return (o, l) => (v(), m("svg", {
+    return (s, l) => (p(), v("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"
       })
     ]));
   }
-}), dt = ct, vt = /* @__PURE__ */ M({
+}), dt = ct, pt = /* @__PURE__ */ $({
   name: "Delete",
   __name: "delete",
   setup(t) {
-    return (o, l) => (v(), m("svg", {
+    return (s, l) => (p(), v("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"
       })
     ]));
   }
-}), pt = vt, ft = /* @__PURE__ */ M({
+}), vt = pt, ft = /* @__PURE__ */ $({
   name: "Download",
   __name: "download",
   setup(t) {
-    return (o, l) => (v(), m("svg", {
+    return (s, l) => (p(), v("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"
       })
     ]));
   }
-}), mt = ft, _t = /* @__PURE__ */ M({
+}), mt = ft, _t = /* @__PURE__ */ $({
   name: "FullScreen",
   __name: "full-screen",
   setup(t) {
-    return (o, l) => (v(), m("svg", {
+    return (s, l) => (p(), v("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"
       })
     ]));
   }
-}), gt = _t, ht = /* @__PURE__ */ M({
+}), gt = _t, ht = /* @__PURE__ */ $({
   name: "RefreshLeft",
   __name: "refresh-left",
   setup(t) {
-    return (o, l) => (v(), m("svg", {
+    return (s, l) => (p(), v("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"
       })
     ]));
   }
-}), wt = ht, yt = /* @__PURE__ */ M({
+}), wt = ht, yt = /* @__PURE__ */ $({
   name: "RefreshRight",
   __name: "refresh-right",
   setup(t) {
-    return (o, l) => (v(), m("svg", {
+    return (s, l) => (p(), v("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"
       })
     ]));
   }
-}), bt = yt, kt = /* @__PURE__ */ M({
+}), bt = yt, kt = /* @__PURE__ */ $({
   name: "ScaleToOriginal",
   __name: "scale-to-original",
   setup(t) {
-    return (o, l) => (v(), m("svg", {
+    return (s, l) => (p(), v("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"
       })
     ]));
   }
-}), xt = kt, zt = /* @__PURE__ */ M({
+}), xt = kt, zt = /* @__PURE__ */ $({
   name: "ZoomIn",
   __name: "zoom-in",
   setup(t) {
-    return (o, l) => (v(), m("svg", {
+    return (s, l) => (p(), v("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"
       })
     ]));
   }
-}), Te = zt, Ct = /* @__PURE__ */ M({
+}), Ve = zt, Ct = /* @__PURE__ */ $({
   name: "ZoomOut",
   __name: "zoom-out",
   setup(t) {
-    return (o, l) => (v(), m("svg", {
+    return (s, l) => (p(), v("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"
       })
     ]));
   }
 }), It = Ct;
-const ge = (t, o) => {
+const ge = (t, s) => {
   const l = t.__vccOpts || t;
-  for (const [e, f] of o)
+  for (const [e, f] of s)
     l[e] = f;
   return l;
 }, Ot = {}, Lt = {
@@ -176,9 +176,9 @@ const ge = (t, o) => {
   width: "200",
   height: "200"
 };
-function Mt(t, o) {
-  return v(), m("svg", Lt, o[0] || (o[0] = [
-    s(
+function $t(t, s) {
+  return p(), v("svg", Lt, s[0] || (s[0] = [
+    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",
@@ -188,7 +188,7 @@ function Mt(t, o) {
       -1
       /* HOISTED */
     ),
-    s(
+    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",
@@ -198,7 +198,7 @@ function Mt(t, o) {
       -1
       /* HOISTED */
     ),
-    s(
+    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",
@@ -208,7 +208,7 @@ function Mt(t, o) {
       -1
       /* HOISTED */
     ),
-    s(
+    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",
@@ -218,7 +218,7 @@ function Mt(t, o) {
       -1
       /* HOISTED */
     ),
-    s(
+    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",
@@ -228,7 +228,7 @@ function Mt(t, o) {
       -1
       /* HOISTED */
     ),
-    s(
+    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",
@@ -238,7 +238,7 @@ function Mt(t, o) {
       -1
       /* HOISTED */
     ),
-    s(
+    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",
@@ -248,7 +248,7 @@ function Mt(t, o) {
       -1
       /* HOISTED */
     ),
-    s(
+    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",
@@ -260,7 +260,7 @@ function Mt(t, o) {
     )
   ]));
 }
-const $t = /* @__PURE__ */ ge(Ot, [["render", Mt]]), Ce = [
+const Mt = /* @__PURE__ */ ge(Ot, [["render", $t]]), Ce = [
   "csv",
   "djvu",
   "doc",
@@ -316,24 +316,24 @@ const $t = /* @__PURE__ */ ge(Ot, [["render", Mt]]), Ce = [
   "flv",
   "tls"
 ], Bt = (t) => {
-  const o = W("loadUrl"), l = y(() => t.loadUrl || t.fileUrl || (o == null ? void 0 : o.value)), e = W("uploadUrl"), f = y(() => t.action || t.uploadUrl || (e == null ? void 0 : e.value)), p = W("token"), O = y(() => t.token || (p == null ? void 0 : p.value)), $ = W("onlyofficeConfig"), h = y(() => t.onlyofficeConfig || ($ == null ? void 0 : $.value)), B = W("userInfo"), z = y(() => t.userInfo || (B == null ? void 0 : B.value)), r = [...Ce, ...Ce.map((b) => b.toLocaleUpperCase())];
+  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"), I = 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)), r = [...Ce, ...Ce.map((b) => b.toLocaleUpperCase())];
   return {
     cLoadUrl: l,
     cUploadUrl: f,
-    cToken: O,
+    cToken: I,
     cOnlyofficeConfig: h,
-    cUserInfo: z,
+    cUserInfo: O,
     cOnlyofficePreviewType: r
   };
 }, St = {
   key: 1,
   class: "h-[1em] w-[1em]",
   "aria-hidden": "true"
-}, Et = ["xlink:href"], Nt = ["src"], Tt = {
+}, Nt = ["xlink:href"], Et = ["src"], Tt = {
   key: 1,
   class: "h-[1em] w-[1em]",
   "aria-hidden": "true"
-}, Vt = ["xlink:href"], At = ["src"], Rt = /* @__PURE__ */ M({
+}, Vt = ["xlink:href"], At = ["src"], Rt = /* @__PURE__ */ $({
   name: "IkSvgIcon",
   __name: "index",
   props: {
@@ -357,14 +357,15 @@ const $t = /* @__PURE__ */ ge(Ot, [["render", Mt]]), Ce = [
     title: {},
     type: { default: "primary" },
     warning: { type: Boolean },
-    width: {}
+    width: {},
+    iconClass: { default: "" }
   },
   emits: ["click", "mouseenter", "mouseleave", "dblclick"],
-  setup(t, { emit: o }) {
+  setup(t, { emit: s }) {
     const l = t, e = y(() => l), f = y(() => {
       const { name: r } = e.value;
       return /^http?:\/\//.test(r) ? "img" : /i-[^:]+:[^:]+/.test(r) ? "unocss" : r != null && r.startsWith("iksig") ? "iksig" : r != null && r.includes(":") ? "iconify" : r != null && r.startsWith("iksvg") ? "svg" : "i";
-    }), p = y(() => {
+    }), m = y(() => {
       const r = [];
       if (e.value.flip)
         switch (e.value.flip) {
@@ -380,7 +381,6 @@ const $t = /* @__PURE__ */ ge(Ot, [["render", Mt]]), Ce = [
         }
       e.value.rotate && r.push(`rotate(${e.value.rotate % 360}deg)`);
       const b = {
-        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 },
         ...r.length && { transform: r.join(" ") },
@@ -391,210 +391,186 @@ const $t = /* @__PURE__ */ ge(Ot, [["render", Mt]]), Ce = [
         } : {}
       };
       return e.value.width && (b.width = b.height = typeof e.value.width == "number" ? `${e.value.width}px` : e.value.width), b;
-    }), O = o, $ = (r) => {
-      O("click", r);
+    }), I = s, M = (r) => {
+      I("click", r);
     }, h = (r) => {
-      O("mouseenter", r);
+      I("mouseenter", r);
     }, B = (r) => {
-      O("mouseleave", r);
-    }, z = (r) => {
-      O("dblclick", r);
+      I("mouseleave", r);
+    }, O = (r) => {
+      I("dblclick", r);
     };
     return (r, b) => {
-      const w = ye("el-tooltip"), C = ye("el-button");
-      return e.value.tableIconType === "icon" || !e.value.tableIconType ? (v(), m(
-        X,
-        { key: 0 },
+      const w = ye("el-tooltip"), x = ye("el-button");
+      return p(), v(
+        "i",
+        {
+          class: z(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
+            [r.iconClass]: !0,
+            [r.name]: f.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: r.success || e.value.type === "success",
+            error: e.value.error || e.value.type === "error",
+            active: e.value.active,
+            disabled: e.value.disabled
+          }]),
+          style: q(m.value),
+          onClick: M,
+          onDblclick: O,
+          onMouseenter: h,
+          onMouseleave: B
+        },
         [
-          e.value.notip || !e.value.title ? (v(), m(
-            "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", {
-                [r.name]: f.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: r.success || e.value.type === "success",
-                error: e.value.error || e.value.type === "error",
-                active: e.value.active,
-                disabled: e.value.disabled
-              }]),
-              style: V(p.value),
-              onClick: $,
-              onDblclick: z,
-              onMouseenter: h,
-              onMouseleave: B
-            },
+          e.value.tableIconType === "icon" || !e.value.tableIconType ? (p(), v(
+            H,
+            { key: 0 },
             [
-              f.value === "iksig" ? (v(), m(
-                "i",
-                {
-                  key: 0,
-                  class: x(`iksig ${e.value.name}`),
-                  style: V(p.value)
-                },
-                null,
-                6
-                /* CLASS, STYLE */
-              )) : f.value === "svg" ? (v(), m("svg", St, [
-                s("use", {
-                  "xlink:href": `#${e.value.name}`
-                }, null, 8, Et)
-              ])) : f.value === "img" ? (v(), m("img", {
-                key: 2,
-                src: e.value.name,
-                class: "h-[1em] w-[1em]"
-              }, null, 8, Nt)) : (v(), m(
-                "i",
-                {
-                  key: 3,
-                  class: x(e.value.name),
-                  style: V(p.value)
-                },
-                null,
-                6
-                /* CLASS, STYLE */
-              ))
-            ],
-            38
-            /* CLASS, STYLE, NEED_HYDRATION */
-          )) : (v(), Y(w, {
-            key: 1,
-            content: e.value.title,
-            placement: "top",
-            "popper-class": "ik-svg-icon-tooltip",
-            "hide-after": 0
-          }, {
-            default: I(() => [
-              s(
-                "i",
-                {
-                  class: x(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
-                    [r.name]: f.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: r.primary || e.value.type === "primary",
-                    success: r.success || e.value.type === "success",
-                    error: e.value.error || e.value.type === "error",
-                    active: e.value.active,
-                    disabled: e.value.disabled
-                  }]),
-                  style: V(p.value),
-                  onClick: $,
-                  onDblclick: z,
-                  onMouseenter: h,
-                  onMouseleave: B
-                },
+              e.value.notip || !e.value.title ? (p(), v(
+                H,
+                { key: 0 },
                 [
-                  f.value === "iksig" ? (v(), m(
+                  f.value === "iksig" ? (p(), v(
                     "i",
                     {
                       key: 0,
-                      class: x(`iksig ${e.value.name}`),
-                      style: V(p.value)
+                      class: z(`iksig ${e.value.name}`)
                     },
                     null,
-                    6
-                    /* CLASS, STYLE */
-                  )) : f.value === "svg" ? (v(), m("svg", Tt, [
-                    s("use", {
+                    2
+                    /* CLASS */
+                  )) : f.value === "svg" ? (p(), v("svg", St, [
+                    o("use", {
                       "xlink:href": `#${e.value.name}`
-                    }, null, 8, Vt)
-                  ])) : f.value === "img" ? (v(), m("img", {
+                    }, null, 8, Nt)
+                  ])) : f.value === "img" ? (p(), v("img", {
                     key: 2,
                     src: e.value.name,
                     class: "h-[1em] w-[1em]"
-                  }, null, 8, At)) : (v(), m(
+                  }, null, 8, Et)) : (p(), v(
                     "i",
                     {
                       key: 3,
-                      class: x(e.value.name),
-                      style: V(p.value)
+                      class: z(e.value.name)
                     },
                     null,
-                    6
-                    /* CLASS, STYLE */
+                    2
+                    /* CLASS */
                   ))
                 ],
-                38
-                /* CLASS, STYLE, NEED_HYDRATION */
+                64
+                /* STABLE_FRAGMENT */
+              )) : (p(), X(w, {
+                key: 1,
+                content: e.value.title,
+                placement: "top",
+                "popper-class": "ik-svg-icon-tooltip",
+                "hide-after": 0
+              }, {
+                default: C(() => [
+                  f.value === "iksig" ? (p(), v(
+                    "i",
+                    {
+                      key: 0,
+                      class: z(`iksig ${e.value.name}`)
+                    },
+                    null,
+                    2
+                    /* CLASS */
+                  )) : f.value === "svg" ? (p(), v("svg", Tt, [
+                    o("use", {
+                      "xlink:href": `#${e.value.name}`
+                    }, null, 8, Vt)
+                  ])) : f.value === "img" ? (p(), v("img", {
+                    key: 2,
+                    src: e.value.name,
+                    class: "h-[1em] w-[1em]"
+                  }, null, 8, At)) : (p(), v(
+                    "i",
+                    {
+                      key: 3,
+                      class: z(e.value.name)
+                    },
+                    null,
+                    2
+                    /* CLASS */
+                  ))
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["content"]))
+            ],
+            64
+            /* STABLE_FRAGMENT */
+          )) : (p(), X(x, Se({ key: 1 }, r.$attrs, {
+            type: ["warning", "error"].includes(e.value.type) ? "danger" : ""
+          }), {
+            default: C(() => [
+              Ne(
+                K(e.value.title),
+                1
+                /* TEXT */
               )
             ]),
             _: 1
             /* STABLE */
-          }, 8, ["content"]))
+          }, 16, ["type"]))
         ],
-        64
-        /* STABLE_FRAGMENT */
-      )) : (v(), Y(C, {
-        key: 1,
-        type: ["warning", "error"].includes(e.value.type) ? "danger" : ""
-      }, {
-        default: I(() => [
-          Se(
-            J(e.value.title),
-            1
-            /* TEXT */
-          )
-        ]),
-        _: 1
-        /* STABLE */
-      }, 8, ["type"]));
+        38
+        /* CLASS, STYLE, NEED_HYDRATION */
+      );
     };
   }
-}), Pt = /* @__PURE__ */ ge(Rt, [["__scopeId", "data-v-6889f3aa"]]), pe = _e(Pt);
+}), Pt = /* @__PURE__ */ ge(Rt, [["__scopeId", "data-v-2648e369"]]), ve = _e(Pt);
 var Ie;
-const Ve = typeof window < "u", Ut = (t) => typeof t == "string", Dt = () => {
+const Ae = typeof window < "u", Ut = (t) => typeof t == "string", Ht = () => {
 };
-Ve && ((Ie = window == null ? void 0 : window.navigator) != null && Ie.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
-function Ae(t) {
+Ae && ((Ie = window == null ? void 0 : window.navigator) != null && Ie.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
+function Re(t) {
   return typeof t == "function" ? t() : d(t);
 }
-function Ht(t) {
+function Dt(t) {
   return t;
 }
 function jt(t) {
-  return Re() ? (Pe(t), !0) : !1;
+  return Pe() ? (Ue(t), !0) : !1;
 }
 function Ft(t) {
-  var o;
-  const l = Ae(t);
-  return (o = l == null ? void 0 : l.$el) != null ? o : l;
+  var s;
+  const l = Re(t);
+  return (s = l == null ? void 0 : l.$el) != null ? s : l;
 }
-const Wt = Ve ? window : void 0;
-function K(...t) {
-  let o, l, e, f;
-  if (Ut(t[0]) || Array.isArray(t[0]) ? ([l, e, f] = t, o = Wt) : [o, l, e, f] = t, !o)
-    return Dt;
+const Wt = Ae ? window : void 0;
+function Z(...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 p = [], O = () => {
-    p.forEach((z) => z()), p.length = 0;
-  }, $ = (z, r, b, w) => (z.addEventListener(r, b, w), () => z.removeEventListener(r, b, w)), h = ee(() => [Ft(o), Ae(f)], ([z, r]) => {
-    O(), z && p.push(...l.flatMap((b) => e.map((w) => $(z, b, w, r))));
+  const m = [], I = () => {
+    m.forEach((O) => O()), m.length = 0;
+  }, M = (O, r, b, w) => (O.addEventListener(r, b, w), () => O.removeEventListener(r, b, w)), h = ee(() => [Ft(s), Re(f)], ([O, r]) => {
+    I(), O && m.push(...l.flatMap((b) => e.map((w) => M(O, b, w, r))));
   }, { immediate: !0, flush: "post" }), B = () => {
-    h(), O();
+    h(), I();
   };
   return jt(B), B;
 }
 const Oe = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, Le = "__vueuse_ssr_handlers__";
 Oe[Le] = Oe[Le] || {};
-var Me;
+var $e;
 (function(t) {
   t.UP = "UP", t.RIGHT = "RIGHT", t.DOWN = "DOWN", t.LEFT = "LEFT", t.NONE = "NONE";
-})(Me || (Me = {}));
-var Xt = Object.defineProperty, $e = Object.getOwnPropertySymbols, Yt = Object.prototype.hasOwnProperty, Qt = Object.prototype.propertyIsEnumerable, Be = (t, o, l) => o in t ? Xt(t, o, { enumerable: !0, configurable: !0, writable: !0, value: l }) : t[o] = l, Gt = (t, o) => {
-  for (var l in o)
-    Yt.call(o, l) && Be(t, l, o[l]);
-  if ($e)
-    for (var l of $e(o))
-      Qt.call(o, l) && Be(t, l, o[l]);
+})($e || ($e = {}));
+var Xt = Object.defineProperty, Me = Object.getOwnPropertySymbols, Yt = Object.prototype.hasOwnProperty, Qt = Object.prototype.propertyIsEnumerable, Be = (t, s, l) => s in t ? Xt(t, s, { enumerable: !0, configurable: !0, writable: !0, value: l }) : t[s] = l, Gt = (t, s) => {
+  for (var l in s)
+    Yt.call(s, l) && Be(t, l, s[l]);
+  if (Me)
+    for (var l of Me(s))
+      Qt.call(s, l) && Be(t, l, s[l]);
   return t;
 };
 const Zt = {
@@ -624,7 +600,7 @@ const Zt = {
   easeInOutBack: [0.68, -0.6, 0.32, 1.6]
 };
 Gt({
-  linear: Ht
+  linear: Dt
 }, Zt);
 const Kt = {
   /**
@@ -700,12 +676,12 @@ const Kt = {
   close: () => !0,
   switch: (t) => ze.isNumber(t),
   rotate: (t) => ze.isNumber(t)
-}, qt = ["src", "crossorigin"], ea = /* @__PURE__ */ M({
+}, qt = ["src", "crossorigin"], ea = /* @__PURE__ */ $({
   name: "ElImageViewer",
   __name: "IkImageViewer",
   props: Kt,
   emits: Jt,
-  setup(t, { expose: o, emit: l }) {
+  setup(t, { expose: s, emit: l }) {
     const e = (n) => Object.keys(n), f = {
       CONTAIN: {
         name: "contain",
@@ -715,74 +691,74 @@ const Kt = {
         name: "original",
         icon: be(xt)
       }
-    }, p = t, O = l, { t: $ } = Je(), h = qe("image-viewer"), { nextZIndex: B } = et(), z = E(), r = E([]), b = Ue(), w = E(!0), C = E(p.initialIndex), R = De(f.CONTAIN), k = E({
+    }, m = t, I = l, { t: M } = Je(), h = qe("image-viewer"), { nextZIndex: B } = et(), O = N(), r = N([]), b = He(), w = N(!0), x = N(m.initialIndex), A = De(f.CONTAIN), k = N({
       scale: 1,
       deg: 0,
       offsetX: 0,
       offsetY: 0,
       enableTransition: !1
-    }), te = E(p.zIndex ?? B()), ae = y(() => {
-      const { urlList: n } = p;
+    }), te = N(m.zIndex ?? B()), ae = y(() => {
+      const { urlList: n } = m;
       return n.length <= 1;
-    }), Q = y(() => C.value === 0), G = y(() => C.value === p.urlList.length - 1), le = y(() => p.urlList[C.value]), ne = y(() => [
+    }), Y = y(() => x.value === 0), Q = y(() => x.value === m.urlList.length - 1), le = y(() => m.urlList[x.value]), ne = y(() => [
       h.e("btn"),
       h.e("prev"),
-      h.is("disabled", !p.infinite && Q.value)
-    ]), se = y(() => [
+      h.is("disabled", !m.infinite && Y.value)
+    ]), oe = y(() => [
       h.e("btn"),
       h.e("next"),
-      h.is("disabled", !p.infinite && G.value)
-    ]), oe = y(() => {
-      const { scale: n, deg: c, offsetX: g, offsetY: L, enableTransition: N } = k.value;
-      let T = g / n, P = L / n;
+      h.is("disabled", !m.infinite && Q.value)
+    ]), se = y(() => {
+      const { scale: n, deg: c, offsetX: g, offsetY: L, enableTransition: E } = k.value;
+      let T = g / n, R = L / n;
       const F = c * Math.PI / 180, he = Math.cos(F), we = Math.sin(F);
-      T = T * he + P * we, P = P * he - g / n * we;
-      const ve = {
-        transform: `scale(${n}) rotate(${c}deg) translate(${T}px, ${P}px)`,
-        transition: N ? "transform .3s" : ""
+      T = T * he + R * we, R = R * he - g / n * we;
+      const pe = {
+        transform: `scale(${n}) rotate(${c}deg) translate(${T}px, ${R}px)`,
+        transition: E ? "transform .3s" : ""
       };
-      return R.value.name === f.CONTAIN.name && (ve.maxWidth = ve.maxHeight = "100%"), ve;
+      return A.value.name === f.CONTAIN.name && (pe.maxWidth = pe.maxHeight = "100%"), pe;
     });
-    function H() {
-      ie(), O("close");
+    function D() {
+      ie(), I("close");
     }
     function re() {
-      const n = q.throttle((g) => {
+      const n = J.throttle((g) => {
         switch (g.code) {
           // ESC
-          case D.esc:
-            p.closeOnPressEscape && H();
+          case U.esc:
+            m.closeOnPressEscape && D();
             break;
           // SPACE
-          case D.space:
-            Z();
+          case U.space:
+            G();
             break;
           // LEFT_ARROW
-          case D.left:
+          case U.left:
             a();
             break;
           // UP_ARROW
-          case D.up:
+          case U.up:
             i("zoomIn");
             break;
           // RIGHT_ARROW
-          case D.right:
+          case U.right:
             u();
             break;
           // DOWN_ARROW
-          case D.down:
+          case U.down:
             i("zoomOut");
             break;
         }
-      }), c = q.throttle((g) => {
+      }), c = J.throttle((g) => {
         const L = g.deltaY || g.deltaX;
         i(L < 0 ? "zoomIn" : "zoomOut", {
-          zoomRate: p.zoomRate,
+          zoomRate: m.zoomRate,
           enableTransition: !1
         });
       });
       b.run(() => {
-        K(document, "keydown", n), K(document, "wheel", c);
+        Z(document, "keydown", n), Z(document, "wheel", c);
       });
     }
     function ie() {
@@ -792,23 +768,23 @@ const Kt = {
       w.value = !1;
     }
     function ce(n) {
-      w.value = !1, n.target.alt = $("el.image.error");
+      w.value = !1, n.target.alt = M("el.image.error");
     }
     function de(n) {
-      if (w.value || n.button !== 0 || !z.value) return;
+      if (w.value || n.button !== 0 || !O.value) return;
       k.value.enableTransition = !1;
-      const { offsetX: c, offsetY: g } = k.value, L = n.pageX, N = n.pageY, T = q.throttle((F) => {
+      const { offsetX: c, offsetY: g } = k.value, L = n.pageX, E = n.pageY, T = J.throttle((F) => {
         k.value = {
           ...k.value,
           offsetX: c + F.pageX - L,
-          offsetY: g + F.pageY - N
+          offsetY: g + F.pageY - E
         };
-      }), P = K(document, "mousemove", T);
-      K(document, "mouseup", () => {
-        P();
+      }), R = Z(document, "mousemove", T);
+      Z(document, "mouseup", () => {
+        R();
       }), n.preventDefault();
     }
-    function U() {
+    function P() {
       k.value = {
         scale: 1,
         deg: 0,
@@ -817,25 +793,25 @@ const Kt = {
         enableTransition: !1
       };
     }
-    function Z() {
+    function G() {
       if (w.value) return;
-      const n = e(f), c = Object.values(f), g = R.value.name, N = ((c == null ? void 0 : c.findIndex((T) => T.name === g)) + 1) % n.length;
-      R.value = f[n[N]], U();
+      const n = e(f), c = Object.values(f), g = A.value.name, E = ((c == null ? void 0 : c.findIndex((T) => T.name === g)) + 1) % n.length;
+      A.value = f[n[E]], P();
     }
     function j(n) {
-      const c = p.urlList.length;
-      C.value = (n + c) % c;
+      const c = m.urlList.length;
+      x.value = (n + c) % c;
     }
     function a() {
-      Q.value && !p.infinite || j(C.value - 1);
+      Y.value && !m.infinite || j(x.value - 1);
     }
     function u() {
-      G.value && !p.infinite || j(C.value + 1);
+      Q.value && !m.infinite || j(x.value + 1);
     }
     function i(n, c = {}) {
       if (w.value) return;
-      const { minScale: g, maxScale: L } = p, { zoomRate: N, rotateDeg: T, enableTransition: P } = {
-        zoomRate: p.zoomRate,
+      const { minScale: g, maxScale: L } = m, { zoomRate: E, rotateDeg: T, enableTransition: R } = {
+        zoomRate: m.zoomRate,
         rotateDeg: 90,
         enableTransition: !0,
         ...c
@@ -843,74 +819,74 @@ const Kt = {
       switch (n) {
         case "zoomOut":
           k.value.scale > g && (k.value.scale = Number.parseFloat(
-            (k.value.scale / N).toFixed(3)
+            (k.value.scale / E).toFixed(3)
           ));
           break;
         case "zoomIn":
           k.value.scale < L && (k.value.scale = Number.parseFloat(
-            (k.value.scale * N).toFixed(3)
+            (k.value.scale * E).toFixed(3)
           ));
           break;
         case "clockwise":
-          k.value.deg += T, O("rotate", k.value.deg);
+          k.value.deg += T, I("rotate", k.value.deg);
           break;
         case "anticlockwise":
-          k.value.deg -= T, O("rotate", k.value.deg);
+          k.value.deg -= T, I("rotate", k.value.deg);
           break;
       }
-      k.value.enableTransition = P;
+      k.value.enableTransition = R;
     }
     return ee(le, () => {
-      He(() => {
+      je(() => {
         const n = r.value[0];
         n != null && n.complete || (w.value = !0);
       });
-    }), ee(C, (n) => {
-      U(), O("switch", n);
-    }), je(() => {
+    }), ee(x, (n) => {
+      P(), I("switch", n);
+    }), Fe(() => {
       var n, c;
-      re(), (c = (n = z.value) == null ? void 0 : n.focus) == null || c.call(n);
-    }), o({
+      re(), (c = (n = O.value) == null ? void 0 : n.focus) == null || c.call(n);
+    }), s({
       /**
        * @description manually switch image
        */
       setActiveItem: j
-    }), (n, c) => (v(), Y(Fe, { to: "body" }, [
-      _(We, {
+    }), (n, c) => (p(), X(We, { to: "body" }, [
+      _(Xe, {
         name: "viewer-fade",
         appear: ""
       }, {
-        default: I(() => [
-          s(
+        default: C(() => [
+          o(
             "div",
             {
               ref_key: "wrapper",
-              ref: z,
+              ref: O,
               tabindex: -1,
-              class: x(d(h).e("wrapper")),
-              style: V({ zIndex: te.value })
+              class: z(d(h).e("wrapper")),
+              style: q({ zIndex: te.value })
             },
             [
-              s(
+              o(
                 "div",
                 {
-                  class: x(d(h).e("mask")),
-                  onClick: c[0] || (c[0] = Xe((g) => n.hideOnClickModal && H(), ["self"]))
+                  class: z(d(h).e("mask")),
+                  onClick: c[0] || (c[0] = Ye((g) => n.hideOnClickModal && D(), ["self"]))
                 },
                 null,
                 2
                 /* CLASS */
               ),
-              A(" CLOSE "),
-              s(
+              V(" CLOSE "),
+              o(
                 "span",
                 {
-                  class: x([d(h).e("btn"), d(h).e("close")]),
-                  onClick: H
+                  class: z([d(h).e("btn"), d(h).e("close")]),
+                  onClick: D
                 },
                 [
                   _(d(S), null, {
-                    default: I(() => [
+                    default: C(() => [
                       _(d(dt))
                     ]),
                     _: 1
@@ -920,20 +896,20 @@ const Kt = {
                 2
                 /* CLASS */
               ),
-              A(" ARROW "),
-              ae.value ? A("v-if", !0) : (v(), m(
-                X,
+              V(" ARROW "),
+              ae.value ? V("v-if", !0) : (p(), v(
+                H,
                 { key: 0 },
                 [
-                  s(
+                  o(
                     "span",
                     {
-                      class: x(ne.value),
+                      class: z(ne.value),
                       onClick: a
                     },
                     [
                       _(d(S), null, {
-                        default: I(() => [
+                        default: C(() => [
                           _(d(rt))
                         ]),
                         _: 1
@@ -943,15 +919,15 @@ const Kt = {
                     2
                     /* CLASS */
                   ),
-                  s(
+                  o(
                     "span",
                     {
-                      class: x(se.value),
+                      class: z(oe.value),
                       onClick: u
                     },
                     [
                       _(d(S), null, {
-                        default: I(() => [
+                        default: C(() => [
                           _(d(ut))
                         ]),
                         _: 1
@@ -965,23 +941,23 @@ const Kt = {
                 64
                 /* STABLE_FRAGMENT */
               )),
-              A(" ACTIONS "),
-              s(
+              V(" ACTIONS "),
+              o(
                 "div",
                 {
-                  class: x([d(h).e("btn"), d(h).e("actions")])
+                  class: z([d(h).e("btn"), d(h).e("actions")])
                 },
                 [
-                  s(
+                  o(
                     "div",
                     {
-                      class: x(d(h).e("actions__inner"))
+                      class: z(d(h).e("actions__inner"))
                     },
                     [
                       _(d(S), {
                         onClick: c[1] || (c[1] = (g) => i("zoomOut"))
                       }, {
-                        default: I(() => [
+                        default: C(() => [
                           _(d(It))
                         ]),
                         _: 1
@@ -990,32 +966,32 @@ const Kt = {
                       _(d(S), {
                         onClick: c[2] || (c[2] = (g) => i("zoomIn"))
                       }, {
-                        default: I(() => [
-                          _(d(Te))
+                        default: C(() => [
+                          _(d(Ve))
                         ]),
                         _: 1
                         /* STABLE */
                       }),
-                      s(
+                      o(
                         "i",
                         {
-                          class: x(d(h).e("actions__divider"))
+                          class: z(d(h).e("actions__divider"))
                         },
                         null,
                         2
                         /* CLASS */
                       ),
-                      _(d(S), { onClick: Z }, {
-                        default: I(() => [
-                          (v(), Y(Ye(R.value.icon)))
+                      _(d(S), { onClick: G }, {
+                        default: C(() => [
+                          (p(), X(Qe(A.value.icon)))
                         ]),
                         _: 1
                         /* STABLE */
                       }),
-                      s(
+                      o(
                         "i",
                         {
-                          class: x(d(h).e("actions__divider"))
+                          class: z(d(h).e("actions__divider"))
                         },
                         null,
                         2
@@ -1024,7 +1000,7 @@ const Kt = {
                       _(d(S), {
                         onClick: c[3] || (c[3] = (g) => i("anticlockwise"))
                       }, {
-                        default: I(() => [
+                        default: C(() => [
                           _(d(wt))
                         ]),
                         _: 1
@@ -1033,7 +1009,7 @@ const Kt = {
                       _(d(S), {
                         onClick: c[4] || (c[4] = (g) => i("clockwise"))
                       }, {
-                        default: I(() => [
+                        default: C(() => [
                           _(d(bt))
                         ]),
                         _: 1
@@ -1047,29 +1023,29 @@ const Kt = {
                 2
                 /* CLASS */
               ),
-              A(" CANVAS "),
-              s(
+              V(" CANVAS "),
+              o(
                 "div",
                 {
-                  class: x(d(h).e("canvas"))
+                  class: z(d(h).e("canvas"))
                 },
                 [
-                  (v(!0), m(
-                    X,
+                  (p(!0), v(
+                    H,
                     null,
-                    Ee(n.urlList, (g, L) => fe((v(), m("img", {
+                    Ee(n.urlList, (g, L) => fe((p(), v("img", {
                       ref_for: !0,
-                      ref: (N) => r.value[L] = N,
+                      ref: (E) => r.value[L] = E,
                       key: g,
                       src: g,
-                      style: V(oe.value),
-                      class: x(d(h).e("img")),
+                      style: q(se.value),
+                      class: z(d(h).e("img")),
                       crossorigin: n.crossorigin,
                       onLoad: ue,
                       onError: ce,
                       onMousedown: de
                     }, null, 46, qt)), [
-                      [me, L === C.value]
+                      [me, L === x.value]
                     ])),
                     128
                     /* KEYED_FRAGMENT */
@@ -1078,7 +1054,7 @@ const Kt = {
                 2
                 /* CLASS */
               ),
-              Ne(n.$slots, "default")
+              Te(n.$slots, "default")
             ],
             6
             /* CLASS, STYLE */
@@ -1092,7 +1068,7 @@ const Kt = {
 }), ta = _e(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__ */ M({
+}, la = { class: "tip" }, na = { 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__ */ $({
   __name: "index",
   props: /* @__PURE__ */ ke({
     // 显示的文字
@@ -1186,37 +1162,37 @@ const Kt = {
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ ke(["delete", "success"], ["update:modelValue"]),
-  setup(t, { emit: o }) {
-    Qe((a) => ({
+  setup(t, { emit: s }) {
+    Ge((a) => ({
       "4e5f919e": B.value,
-      "2767b51c": z.value,
+      "2767b51c": O.value,
       "17891c86": j.value,
-      "7b7a1d22": Z.value
+      "7b7a1d22": G.value
     }));
-    const l = t, e = Ge(t, "modelValue"), { formItem: f } = tt(), p = (a) => Array.isArray(a) ? a.map((u) => {
+    const l = t, e = Ze(t, "modelValue"), { formItem: f } = tt(), m = (a) => Array.isArray(a) ? a.map((u) => {
       var c, g;
       const i = ((c = u.url) == null ? void 0 : c.startsWith("http")) || ((g = u.url) == null ? void 0 : g.startsWith("blob")), n = (u == null ? void 0 : u.url) || u;
       return {
         ...u.url ? u : { url: n },
-        __url: i ? n : `${$.value}${n}`
+        __url: i ? n : `${M.value}${n}`
       };
     }) : a ? [
       {
         url: a,
-        __url: a != null && a.startsWith("http") || a != null && a.startsWith("blob") ? a : `${$.value}${a}`
+        __url: a != null && a.startsWith("http") || a != null && a.startsWith("blob") ? a : `${M.value}${a}`
       }
     ] : [];
     ee(
       () => e.value,
       (a) => {
-        !a || !a.length ? w.value = [] : w.value = q.cloneDeep(p(a)), f == null || f.validate("change");
+        !a || !a.length ? w.value = [] : w.value = J.cloneDeep(m(a)), f == null || f.validate("change");
       },
       { deep: !0 }
     );
-    const O = o, { cLoadUrl: $, cUploadUrl: h } = Bt(l), B = y(() => `${l.width}px`), z = y(() => `${l.height}px`), r = y(() => l.size), b = E(null), w = E(p(e.value)), C = E([]), R = E(!1), k = E(0), te = y(
+    const I = s, { cLoadUrl: M, cUploadUrl: h } = Bt(l), B = y(() => `${l.width}px`), O = y(() => `${l.height}px`), r = y(() => l.size), b = N(null), w = N(m(e.value)), x = N([]), A = N(!1), k = N(0), te = y(
       () => l.tipText || `最多可上传${l.limit}张图片, 每张图片不能超过${l.size}MB`
     ), ae = (a, u) => {
-    }, Q = (a) => {
+    }, Y = (a) => {
       if (!a.type.includes("image")) {
         xe.warning("只允许上传图片!");
         try {
@@ -1234,50 +1210,50 @@ const Kt = {
         return !1;
       }
       return !0;
-    }, G = () => !1, le = (a, u) => {
+    }, Q = () => !1, le = (a, u) => {
       var i, n;
-      a.status = "ready", u !== void 0 && C.value.splice(u, 1), (i = b.value) == null || i.handleStart(a.raw), (n = b.value) == null || n.submit();
+      a.status = "ready", u !== void 0 && x.value.splice(u, 1), (i = b.value) == null || i.handleStart(a.raw), (n = b.value) == null || n.submit();
     }, ne = (a, u) => {
       var g, L;
       const i = e.value.length, n = l.limit - i;
       let c = 0;
       for (; c < n && c < (a == null ? void 0 : a.length); )
         (g = b.value) == null || g.handleStart(a == null ? void 0 : a[c]), (L = b.value) == null || L.submit(), c++;
-    }, se = (a, u, i) => {
-      O("success", a, u, i), e.value = w.value, f == null || f.validate("change");
     }, oe = (a, u, i) => {
-      C.value.push({
+      I("success", a, u, i), e.value = w.value, f == null || f.validate("change");
+    }, se = (a, u, i) => {
+      x.value.push({
         ...u,
         __url: u.url
       });
-    }, H = (a) => {
+    }, D = (a) => {
       var u;
-      R.value = !0, k.value = Array.isArray(e == null ? void 0 : e.value) ? (u = e == null ? void 0 : e.value) == null ? void 0 : u.findIndex((i) => i.url === a.url) : 0;
+      A.value = !0, k.value = Array.isArray(e == null ? void 0 : e.value) ? (u = e == null ? void 0 : e.value) == null ? void 0 : u.findIndex((i) => i.url === a.url) : 0;
     }, re = (a) => {
-      st.downloadFile(a.__url || a.url, a.name || a.url);
+      ot.downloadFile(a.__url || a.url, a.name || a.url);
     }, ie = (a) => {
       var u;
       (u = b.value) == null || u.abort(a);
     }, ue = (a) => {
       var u;
-      a.status !== "success" && ie(a), e.value = (u = w.value) == null ? void 0 : u.filter((i) => i.uid !== a.uid), O("delete", a);
+      a.status !== "success" && ie(a), e.value = (u = w.value) == null ? void 0 : u.filter((i) => i.uid !== a.uid), I("delete", a);
     }, ce = (a, u) => {
-      C.value.splice(u, 1);
-    }, de = y(() => w.value.length + C.value.length < l.limit), U = y(
+      x.value.splice(u, 1);
+    }, de = y(() => w.value.length + x.value.length < l.limit), P = y(
       () => e.value.length >= l.limit || l.disabled
-    ), Z = y(() => {
+    ), G = y(() => {
       var a;
-      return !((a = e.value) != null && a.length) && !C.value.length || l.limit === 1 || typeof e.value == "string" ? "0" : `${l.width + 8}px`;
+      return !((a = e.value) != null && a.length) && !x.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) && !C.value.length && typeof e.value != "string" || l.limit === 1 ? "none" : "absolute";
+      return !((a = e.value) != null && a.length) && !x.value.length && typeof e.value != "string" || l.limit === 1 ? "none" : "absolute";
     });
-    return (a, u) => (v(), m(
-      X,
+    return (a, u) => (p(), v(
+      H,
       null,
       [
-        _(d(at), Ze({
-          class: ["ik-image-upload", { preview: t.preview, "hide-upload": !de.value && t.limit === 1, disabled: U.value }],
+        _(d(at), Se({
+          class: ["ik-image-upload", { preview: t.preview, "hide-upload": !de.value && t.limit === 1, disabled: P.value }],
           ref_key: "refUpload",
           ref: b,
           "list-type": "picture-card",
@@ -1290,44 +1266,44 @@ const Kt = {
           multiple: t.multiple,
           limit: t.limit,
           "on-change": ae,
-          "before-upload": Q,
-          "before-remove": G,
+          "before-upload": Y,
+          "before-remove": Q,
           "on-exceed": ne,
-          "on-success": se,
-          "on-error": oe,
+          "on-success": oe,
+          "on-error": se,
           drag: ""
-        }, a.$attrs, { disabled: U.value }), Ke({
-          trigger: I(() => [
-            a.$slots.trigger ? Ne(a.$slots, "trigger", { key: 0 }, void 0, !0) : (v(), m("div", aa, [
-              _(d(pe), {
+        }, a.$attrs, { disabled: P.value }), Ke({
+          trigger: C(() => [
+            a.$slots.trigger ? Te(a.$slots, "trigger", { key: 0 }, void 0, !0) : (p(), v("div", aa, [
+              _(d(ve), {
                 size: 20,
                 name: "iksvg_guanbibeifen",
-                disabled: U.value
+                disabled: P.value
               }, null, 8, ["disabled"]),
-              s(
+              o(
                 "span",
                 null,
-                J(t.title),
+                K(t.title),
                 1
                 /* TEXT */
               )
             ]))
           ]),
-          file: I(({ file: i, index: n }) => [
-            s(
+          file: C(({ file: i, index: n }) => [
+            o(
               "div",
               {
-                class: x(["load-list", { loading: i.status === "uploading" }]),
+                class: z(["load-list", { loading: i.status === "uploading" }]),
                 "element-loading-background": "var(--ik-upload-bg)"
               },
               [
-                fe(s(
+                fe(o(
                   "div",
                   na,
                   [
-                    _($t),
-                    Se(
-                      " 上传" + J(i.percentage) + "% ",
+                    _(Mt),
+                    Ne(
+                      " 上传" + K(i.percentage) + "% ",
                       1
                       /* TEXT */
                     )
@@ -1337,7 +1313,7 @@ const Kt = {
                 ), [
                   [me, i.status === "uploading"]
                 ]),
-                A(` <img :src="file.url" alt="" :style="{ 'object-fit': fit }" /> `),
+                V(` <img :src="file.url" alt="" :style="{ 'object-fit': fit }" /> `),
                 _(d(lt), {
                   style: { width: "100%", height: "100%" },
                   src: i.__url || i.url,
@@ -1345,36 +1321,36 @@ const Kt = {
                   "initial-index": 0,
                   fit: "contain"
                 }, null, 8, ["src"]),
-                s("span", sa, [
-                  s("span", null, [
+                o("span", oa, [
+                  o("span", null, [
                     _(d(S), {
-                      onClick: (c) => H(i)
+                      onClick: (c) => D(i)
                     }, {
-                      default: I(() => [
-                        _(d(Te))
+                      default: C(() => [
+                        _(d(Ve))
                       ]),
                       _: 2
                       /* DYNAMIC */
                     }, 1032, ["onClick"])
                   ]),
-                  s("span", null, [
+                  o("span", null, [
                     _(d(S), {
                       onClick: (c) => re(i)
                     }, {
-                      default: I(() => [
+                      default: C(() => [
                         _(d(mt))
                       ]),
                       _: 2
                       /* DYNAMIC */
                     }, 1032, ["onClick"])
                   ]),
-                  t.preview ? A("v-if", !0) : (v(), m("span", oa, [
+                  t.preview ? V("v-if", !0) : (p(), v("span", sa, [
                     _(d(S), {
                       type: "warning",
                       onClick: (c) => ue(i)
                     }, {
-                      default: I(() => [
-                        _(d(pt))
+                      default: C(() => [
+                        _(d(vt))
                       ]),
                       _: 2
                       /* DYNAMIC */
@@ -1386,48 +1362,48 @@ const Kt = {
               /* CLASS */
             )
           ]),
-          default: I(() => [
-            s("ul", ra, [
-              (v(!0), m(
-                X,
+          default: C(() => [
+            o("ul", ra, [
+              (p(!0), v(
+                H,
                 null,
-                Ee(C.value, (i, n) => (v(), m("li", {
+                Ee(x.value, (i, n) => (p(), v("li", {
                   class: "el-upload-list__item",
                   key: i.uid
                 }, [
-                  s("span", null, [
-                    _(d(pe), {
+                  o("span", null, [
+                    _(d(ve), {
                       name: "iksvg_guanbi",
                       error: "",
                       onClick: (c) => ce(i, n)
                     }, null, 8, ["onClick"])
                   ]),
-                  s(
+                  o(
                     "div",
                     {
-                      class: x(["load-list", {
+                      class: z(["load-list", {
                         loading: i.status === "uploading",
                         fail: i.status === "fail"
                       }]),
                       "element-loading-background": "var(--ik-upload-bg)"
                     },
                     [
-                      fe(s("div", {
+                      fe(o("div", {
                         class: "loading-statu",
                         onClick: (c) => le(i, n)
                       }, [
-                        _(d(pe), {
+                        _(d(ve), {
                           name: "iksvg_shuaxin-daohang",
                           size: 24
                         }),
-                        u[2] || (u[2] = s(
+                        u[2] || (u[2] = o(
                           "span",
                           { class: "error" },
                           "上传错误",
                           -1
                           /* HOISTED */
                         )),
-                        u[3] || (u[3] = s(
+                        u[3] || (u[3] = o(
                           "p",
                           null,
                           "点击重新上传",
@@ -1437,10 +1413,10 @@ const Kt = {
                       ], 8, ia), [
                         [me, i.status === "fail"]
                       ]),
-                      s("img", {
+                      o("img", {
                         src: i.__url,
                         alt: "",
-                        style: V({ "object-fit": t.fit })
+                        style: q({ "object-fit": t.fit })
                       }, null, 12, ua)
                     ],
                     2
@@ -1457,11 +1433,11 @@ const Kt = {
         }, [
           t.tip ? {
             name: "tip",
-            fn: I(() => [
-              s(
+            fn: C(() => [
+              o(
                 "span",
                 la,
-                J(te.value),
+                K(te.value),
                 1
                 /* TEXT */
               )
@@ -1469,25 +1445,25 @@ const Kt = {
             key: "0"
           } : void 0
         ]), 1040, ["class", "accept", "action", "headers", "data", "file-list", "multiple", "limit", "disabled"]),
-        A(" 文件预览 "),
-        s("div", ca, [
-          R.value ? (v(), Y(d(ta), {
+        V(" 文件预览 "),
+        o("div", ca, [
+          A.value ? (p(), X(d(ta), {
             key: 0,
             "lock-scroll": "",
             "hide-on-click-modal": "",
             onClose: u[1] || (u[1] = () => {
-              R.value = !1;
+              A.value = !1;
             }),
-            "url-list": p(w.value).map((i) => i.__url),
+            "url-list": m(w.value).map((i) => i.__url),
             "initial-index": k.value
-          }, null, 8, ["url-list", "initial-index"])) : A("v-if", !0)
+          }, null, 8, ["url-list", "initial-index"])) : V("v-if", !0)
         ])
       ],
       64
       /* STABLE_FRAGMENT */
     ));
   }
-}), va = /* @__PURE__ */ ge(da, [["__scopeId", "data-v-f467c552"]]), _a = _e(va);
+}), pa = /* @__PURE__ */ ge(da, [["__scopeId", "data-v-f467c552"]]), _a = _e(pa);
 export {
   _a as IkUploadImage,
   _a as default