iking-web-ui-pro 0.3.2 → 0.3.4

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

@@ -1,7 +1,7 @@
-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 A, createCommentVNode as V, createBlock as Y, withCtx as z, 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, 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 { defineComponent as M, openBlock as v, createElementBlock as m, createElementVNode as o, 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) => {
+const _e = (t, r) => (t.install = (l) => {
   for (const e of [t, ...Object.values({})])
     l.component(e.name, e);
 }, t);
@@ -10,11 +10,11 @@ var ot = /* @__PURE__ */ M({
   name: "ArrowLeft",
   __name: "arrow-left",
   setup(t) {
-    return (o, l) => (v(), m("svg", {
+    return (r, l) => (v(), m("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"
       })
@@ -24,11 +24,11 @@ var ot = /* @__PURE__ */ M({
   name: "ArrowRight",
   __name: "arrow-right",
   setup(t) {
-    return (o, l) => (v(), m("svg", {
+    return (r, l) => (v(), m("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"
       })
@@ -38,11 +38,11 @@ var ot = /* @__PURE__ */ M({
   name: "Close",
   __name: "close",
   setup(t) {
-    return (o, l) => (v(), m("svg", {
+    return (r, l) => (v(), m("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"
       })
@@ -52,11 +52,11 @@ var ot = /* @__PURE__ */ M({
   name: "Delete",
   __name: "delete",
   setup(t) {
-    return (o, l) => (v(), m("svg", {
+    return (r, l) => (v(), m("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"
       })
@@ -66,11 +66,11 @@ var ot = /* @__PURE__ */ M({
   name: "Download",
   __name: "download",
   setup(t) {
-    return (o, l) => (v(), m("svg", {
+    return (r, l) => (v(), m("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"
       })
@@ -80,11 +80,11 @@ var ot = /* @__PURE__ */ M({
   name: "FullScreen",
   __name: "full-screen",
   setup(t) {
-    return (o, l) => (v(), m("svg", {
+    return (r, l) => (v(), m("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"
       })
@@ -94,11 +94,11 @@ var ot = /* @__PURE__ */ M({
   name: "RefreshLeft",
   __name: "refresh-left",
   setup(t) {
-    return (o, l) => (v(), m("svg", {
+    return (r, l) => (v(), m("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"
       })
@@ -108,11 +108,11 @@ var ot = /* @__PURE__ */ M({
   name: "RefreshRight",
   __name: "refresh-right",
   setup(t) {
-    return (o, l) => (v(), m("svg", {
+    return (r, l) => (v(), m("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"
       })
@@ -122,11 +122,11 @@ var ot = /* @__PURE__ */ M({
   name: "ScaleToOriginal",
   __name: "scale-to-original",
   setup(t) {
-    return (o, l) => (v(), m("svg", {
+    return (r, l) => (v(), m("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"
       })
@@ -136,11 +136,11 @@ var ot = /* @__PURE__ */ M({
   name: "ZoomIn",
   __name: "zoom-in",
   setup(t) {
-    return (o, l) => (v(), m("svg", {
+    return (r, l) => (v(), m("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"
       })
@@ -150,20 +150,20 @@ var ot = /* @__PURE__ */ M({
   name: "ZoomOut",
   __name: "zoom-out",
   setup(t) {
-    return (o, l) => (v(), m("svg", {
+    return (r, l) => (v(), m("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, r) => {
   const l = t.__vccOpts || t;
-  for (const [e, f] of o)
+  for (const [e, f] of r)
     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 Mt(t, r) {
+  return v(), m("svg", Lt, r[0] || (r[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",
@@ -316,14 +316,14 @@ 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"), C = y(() => t.userInfo || (B == null ? void 0 : B.value)), r = [...Ce, ...Ce.map((b) => b.toLocaleUpperCase())];
+  const r = W("loadUrl"), l = y(() => t.loadUrl || t.fileUrl || (r == null ? void 0 : r.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)), s = [...Ce, ...Ce.map((b) => b.toLocaleUpperCase())];
   return {
     cLoadUrl: l,
     cUploadUrl: f,
     cToken: O,
     cOnlyofficeConfig: h,
-    cUserInfo: C,
-    cOnlyofficePreviewType: r
+    cUserInfo: z,
+    cOnlyofficePreviewType: s
   };
 }, St = {
   key: 1,
@@ -355,35 +355,36 @@ const $t = /* @__PURE__ */ ge(Ot, [["render", Mt]]), Ce = [
     success: { type: Boolean },
     tableIconType: {},
     title: {},
-    type: {},
+    type: { default: "primary" },
     warning: { type: Boolean },
-    width: {}
+    width: {},
+    iconClass: { default: "" }
   },
   emits: ["click", "mouseenter", "mouseleave", "dblclick"],
-  setup(t, { emit: o }) {
+  setup(t, { emit: r }) {
     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";
+      const { name: s } = e.value;
+      return /^http?:\/\//.test(s) ? "img" : /i-[^:]+:[^:]+/.test(s) ? "unocss" : s != null && s.startsWith("iksig") ? "iksig" : s != null && s.includes(":") ? "iconify" : s != null && s.startsWith("iksvg") ? "svg" : "i";
     }), p = y(() => {
-      const r = [];
+      const s = [];
       if (e.value.flip)
         switch (e.value.flip) {
           case "horizontal":
-            r.push("rotateY(180deg)");
+            s.push("rotateY(180deg)");
             break;
           case "vertical":
-            r.push("rotateX(180deg)");
+            s.push("rotateX(180deg)");
             break;
           case "both":
-            r.push("rotateX(180deg)"), r.push("rotateY(180deg)");
+            s.push("rotateX(180deg)"), s.push("rotateY(180deg)");
             break;
         }
-      e.value.rotate && r.push(`rotate(${e.value.rotate % 360}deg)`);
+      e.value.rotate && s.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(" ") },
+        ...s.length && { transform: s.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,
@@ -391,58 +392,58 @@ 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);
-    }, h = (r) => {
-      O("mouseenter", r);
-    }, B = (r) => {
-      O("mouseleave", r);
-    }, C = (r) => {
-      O("dblclick", r);
+    }), O = r, $ = (s) => {
+      O("click", s);
+    }, h = (s) => {
+      O("mouseenter", s);
+    }, B = (s) => {
+      O("mouseleave", s);
+    }, z = (s) => {
+      O("dblclick", s);
     };
-    return (r, b) => {
-      const w = ye("el-tooltip"), I = ye("el-button");
+    return (s, b) => {
+      const w = ye("el-tooltip"), C = ye("el-button");
       return e.value.tableIconType === "icon" || !e.value.tableIconType ? (v(), m(
         X,
         { key: 0 },
         [
           e.value.notip || !e.value.title ? (v(), m(
-            "span",
+            "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",
+                [s.iconClass]: !0,
+                [s.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",
+                success: s.success || e.value.type === "success",
                 error: e.value.error || e.value.type === "error",
                 active: e.value.active,
                 disabled: e.value.disabled
               }]),
-              style: A(p.value),
+              style: V(p.value),
               onClick: $,
-              onDblclick: C,
+              onDblclick: z,
               onMouseenter: h,
               onMouseleave: B
             },
             [
-              V(` <Icon v-if="outputType === 'iconify'" :icon="name" /> `),
               f.value === "iksig" ? (v(), m(
                 "i",
                 {
                   key: 0,
                   class: x(`iksig ${e.value.name}`),
-                  style: A(p.value)
+                  style: V(p.value)
                 },
                 null,
                 6
                 /* CLASS, STYLE */
               )) : f.value === "svg" ? (v(), m("svg", St, [
-                s("use", {
+                o("use", {
                   "xlink:href": `#${e.value.name}`
                 }, null, 8, Et)
               ])) : f.value === "img" ? (v(), m("img", {
@@ -454,7 +455,7 @@ const $t = /* @__PURE__ */ ge(Ot, [["render", Mt]]), Ce = [
                 {
                   key: 3,
                   class: x(e.value.name),
-                  style: A(p.value)
+                  style: V(p.value)
                 },
                 null,
                 6
@@ -467,27 +468,31 @@ const $t = /* @__PURE__ */ ge(Ot, [["render", Mt]]), Ce = [
             key: 1,
             content: e.value.title,
             placement: "top",
+            "popper-class": "ik-svg-icon-tooltip",
             "hide-after": 0
           }, {
-            default: z(() => [
-              s(
-                "span",
+            default: I(() => [
+              o(
+                "i",
                 {
                   class: x(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
-                    [r.name]: f.value === "unocss",
+                    [s.iconClass]: !0,
+                    [s.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",
+                    primary: s.primary || e.value.type === "primary",
+                    success: s.success || e.value.type === "success",
                     error: e.value.error || e.value.type === "error",
-                    active: e.value.active
+                    active: e.value.active,
+                    disabled: e.value.disabled,
+                    ...s.$attrs.class || {}
                   }]),
-                  style: A(p.value),
+                  style: V(p.value),
                   onClick: $,
-                  onDblclick: C,
+                  onDblclick: z,
                   onMouseenter: h,
                   onMouseleave: B
                 },
@@ -497,13 +502,13 @@ const $t = /* @__PURE__ */ ge(Ot, [["render", Mt]]), Ce = [
                     {
                       key: 0,
                       class: x(`iksig ${e.value.name}`),
-                      style: A(p.value)
+                      style: V(p.value)
                     },
                     null,
                     6
                     /* CLASS, STYLE */
                   )) : f.value === "svg" ? (v(), m("svg", Tt, [
-                    s("use", {
+                    o("use", {
                       "xlink:href": `#${e.value.name}`
                     }, null, 8, Vt)
                   ])) : f.value === "img" ? (v(), m("img", {
@@ -515,7 +520,7 @@ const $t = /* @__PURE__ */ ge(Ot, [["render", Mt]]), Ce = [
                     {
                       key: 3,
                       class: x(e.value.name),
-                      style: A(p.value)
+                      style: V(p.value)
                     },
                     null,
                     6
@@ -532,11 +537,11 @@ const $t = /* @__PURE__ */ ge(Ot, [["render", Mt]]), Ce = [
         ],
         64
         /* STABLE_FRAGMENT */
-      )) : (v(), Y(I, {
+      )) : (v(), Y(C, {
         key: 1,
         type: ["warning", "error"].includes(e.value.type) ? "danger" : ""
       }, {
-        default: z(() => [
+        default: I(() => [
           Se(
             J(e.value.title),
             1
@@ -548,7 +553,7 @@ const $t = /* @__PURE__ */ ge(Ot, [["render", Mt]]), Ce = [
       }, 8, ["type"]));
     };
   }
-}), Pt = /* @__PURE__ */ ge(Rt, [["__scopeId", "data-v-c7804024"]]), pe = _e(Pt);
+}), Pt = /* @__PURE__ */ ge(Rt, [["__scopeId", "data-v-64b61696"]]), pe = _e(Pt);
 var Ie;
 const Ve = typeof window < "u", Ut = (t) => typeof t == "string", Dt = () => {
 };
@@ -563,20 +568,20 @@ function jt(t) {
   return Re() ? (Pe(t), !0) : !1;
 }
 function Ft(t) {
-  var o;
+  var r;
   const l = Ae(t);
-  return (o = l == null ? void 0 : l.$el) != null ? o : l;
+  return (r = l == null ? void 0 : l.$el) != null ? r : 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)
+  let r, l, e, f;
+  if (Ut(t[0]) || Array.isArray(t[0]) ? ([l, e, f] = t, r = Wt) : [r, l, e, f] = t, !r)
     return Dt;
   Array.isArray(l) || (l = [l]), Array.isArray(e) || (e = [e]);
   const p = [], O = () => {
-    p.forEach((C) => C()), p.length = 0;
-  }, $ = (C, r, b, w) => (C.addEventListener(r, b, w), () => C.removeEventListener(r, b, w)), h = ee(() => [Ft(o), Ae(f)], ([C, r]) => {
-    O(), C && p.push(...l.flatMap((b) => e.map((w) => $(C, b, w, r))));
+    p.forEach((z) => z()), p.length = 0;
+  }, $ = (z, s, b, w) => (z.addEventListener(s, b, w), () => z.removeEventListener(s, b, w)), h = ee(() => [Ft(r), Ae(f)], ([z, s]) => {
+    O(), z && p.push(...l.flatMap((b) => e.map((w) => $(z, b, w, s))));
   }, { immediate: !0, flush: "post" }), B = () => {
     h(), O();
   };
@@ -588,12 +593,12 @@ var Me;
 (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]);
+var Xt = Object.defineProperty, $e = Object.getOwnPropertySymbols, Yt = Object.prototype.hasOwnProperty, Qt = Object.prototype.propertyIsEnumerable, Be = (t, r, l) => r in t ? Xt(t, r, { enumerable: !0, configurable: !0, writable: !0, value: l }) : t[r] = l, Gt = (t, r) => {
+  for (var l in r)
+    Yt.call(r, l) && Be(t, l, r[l]);
   if ($e)
-    for (var l of $e(o))
-      Qt.call(o, l) && Be(t, l, o[l]);
+    for (var l of $e(r))
+      Qt.call(r, l) && Be(t, l, r[l]);
   return t;
 };
 const Zt = {
@@ -704,7 +709,7 @@ const Kt = {
   __name: "IkImageViewer",
   props: Kt,
   emits: Jt,
-  setup(t, { expose: o, emit: l }) {
+  setup(t, { expose: r, emit: l }) {
     const e = (n) => Object.keys(n), f = {
       CONTAIN: {
         name: "contain",
@@ -714,7 +719,7 @@ const Kt = {
         name: "original",
         icon: be(xt)
       }
-    }, p = t, O = l, { t: $ } = Je(), h = qe("image-viewer"), { nextZIndex: B } = et(), C = E(), r = E([]), b = Ue(), w = E(!0), I = E(p.initialIndex), R = De(f.CONTAIN), k = E({
+    }, p = t, O = l, { t: $ } = Je(), h = qe("image-viewer"), { nextZIndex: B } = et(), z = E(), s = E([]), b = Ue(), w = E(!0), C = E(p.initialIndex), R = De(f.CONTAIN), k = E({
       scale: 1,
       deg: 0,
       offsetX: 0,
@@ -723,7 +728,7 @@ const Kt = {
     }), te = E(p.zIndex ?? B()), ae = y(() => {
       const { urlList: n } = p;
       return n.length <= 1;
-    }), Q = y(() => I.value === 0), G = y(() => I.value === p.urlList.length - 1), le = y(() => p.urlList[I.value]), ne = y(() => [
+    }), Q = y(() => C.value === 0), G = y(() => C.value === p.urlList.length - 1), le = y(() => p.urlList[C.value]), ne = y(() => [
       h.e("btn"),
       h.e("prev"),
       h.is("disabled", !p.infinite && Q.value)
@@ -794,7 +799,7 @@ const Kt = {
       w.value = !1, n.target.alt = $("el.image.error");
     }
     function de(n) {
-      if (w.value || n.button !== 0 || !C.value) return;
+      if (w.value || n.button !== 0 || !z.value) return;
       k.value.enableTransition = !1;
       const { offsetX: c, offsetY: g } = k.value, L = n.pageX, N = n.pageY, T = q.throttle((F) => {
         k.value = {
@@ -823,13 +828,13 @@ const Kt = {
     }
     function j(n) {
       const c = p.urlList.length;
-      I.value = (n + c) % c;
+      C.value = (n + c) % c;
     }
     function a() {
-      Q.value && !p.infinite || j(I.value - 1);
+      Q.value && !p.infinite || j(C.value - 1);
     }
     function u() {
-      G.value && !p.infinite || j(I.value + 1);
+      G.value && !p.infinite || j(C.value + 1);
     }
     function i(n, c = {}) {
       if (w.value) return;
@@ -861,15 +866,15 @@ const Kt = {
     }
     return ee(le, () => {
       He(() => {
-        const n = r.value[0];
+        const n = s.value[0];
         n != null && n.complete || (w.value = !0);
       });
-    }), ee(I, (n) => {
+    }), ee(C, (n) => {
       U(), O("switch", n);
     }), je(() => {
       var n, c;
-      re(), (c = (n = C.value) == null ? void 0 : n.focus) == null || c.call(n);
-    }), o({
+      re(), (c = (n = z.value) == null ? void 0 : n.focus) == null || c.call(n);
+    }), r({
       /**
        * @description manually switch image
        */
@@ -879,18 +884,18 @@ const Kt = {
         name: "viewer-fade",
         appear: ""
       }, {
-        default: z(() => [
-          s(
+        default: I(() => [
+          o(
             "div",
             {
               ref_key: "wrapper",
-              ref: C,
+              ref: z,
               tabindex: -1,
               class: x(d(h).e("wrapper")),
-              style: A({ zIndex: te.value })
+              style: V({ zIndex: te.value })
             },
             [
-              s(
+              o(
                 "div",
                 {
                   class: x(d(h).e("mask")),
@@ -900,8 +905,8 @@ const Kt = {
                 2
                 /* CLASS */
               ),
-              V(" CLOSE "),
-              s(
+              A(" CLOSE "),
+              o(
                 "span",
                 {
                   class: x([d(h).e("btn"), d(h).e("close")]),
@@ -909,7 +914,7 @@ const Kt = {
                 },
                 [
                   _(d(S), null, {
-                    default: z(() => [
+                    default: I(() => [
                       _(d(dt))
                     ]),
                     _: 1
@@ -919,12 +924,12 @@ const Kt = {
                 2
                 /* CLASS */
               ),
-              V(" ARROW "),
-              ae.value ? V("v-if", !0) : (v(), m(
+              A(" ARROW "),
+              ae.value ? A("v-if", !0) : (v(), m(
                 X,
                 { key: 0 },
                 [
-                  s(
+                  o(
                     "span",
                     {
                       class: x(ne.value),
@@ -932,7 +937,7 @@ const Kt = {
                     },
                     [
                       _(d(S), null, {
-                        default: z(() => [
+                        default: I(() => [
                           _(d(rt))
                         ]),
                         _: 1
@@ -942,7 +947,7 @@ const Kt = {
                     2
                     /* CLASS */
                   ),
-                  s(
+                  o(
                     "span",
                     {
                       class: x(se.value),
@@ -950,7 +955,7 @@ const Kt = {
                     },
                     [
                       _(d(S), null, {
-                        default: z(() => [
+                        default: I(() => [
                           _(d(ut))
                         ]),
                         _: 1
@@ -964,14 +969,14 @@ const Kt = {
                 64
                 /* STABLE_FRAGMENT */
               )),
-              V(" ACTIONS "),
-              s(
+              A(" ACTIONS "),
+              o(
                 "div",
                 {
                   class: x([d(h).e("btn"), d(h).e("actions")])
                 },
                 [
-                  s(
+                  o(
                     "div",
                     {
                       class: x(d(h).e("actions__inner"))
@@ -980,7 +985,7 @@ const Kt = {
                       _(d(S), {
                         onClick: c[1] || (c[1] = (g) => i("zoomOut"))
                       }, {
-                        default: z(() => [
+                        default: I(() => [
                           _(d(It))
                         ]),
                         _: 1
@@ -989,13 +994,13 @@ const Kt = {
                       _(d(S), {
                         onClick: c[2] || (c[2] = (g) => i("zoomIn"))
                       }, {
-                        default: z(() => [
+                        default: I(() => [
                           _(d(Te))
                         ]),
                         _: 1
                         /* STABLE */
                       }),
-                      s(
+                      o(
                         "i",
                         {
                           class: x(d(h).e("actions__divider"))
@@ -1005,13 +1010,13 @@ const Kt = {
                         /* CLASS */
                       ),
                       _(d(S), { onClick: Z }, {
-                        default: z(() => [
+                        default: I(() => [
                           (v(), Y(Ye(R.value.icon)))
                         ]),
                         _: 1
                         /* STABLE */
                       }),
-                      s(
+                      o(
                         "i",
                         {
                           class: x(d(h).e("actions__divider"))
@@ -1023,7 +1028,7 @@ const Kt = {
                       _(d(S), {
                         onClick: c[3] || (c[3] = (g) => i("anticlockwise"))
                       }, {
-                        default: z(() => [
+                        default: I(() => [
                           _(d(wt))
                         ]),
                         _: 1
@@ -1032,7 +1037,7 @@ const Kt = {
                       _(d(S), {
                         onClick: c[4] || (c[4] = (g) => i("clockwise"))
                       }, {
-                        default: z(() => [
+                        default: I(() => [
                           _(d(bt))
                         ]),
                         _: 1
@@ -1046,8 +1051,8 @@ const Kt = {
                 2
                 /* CLASS */
               ),
-              V(" CANVAS "),
-              s(
+              A(" CANVAS "),
+              o(
                 "div",
                 {
                   class: x(d(h).e("canvas"))
@@ -1058,17 +1063,17 @@ const Kt = {
                     null,
                     Ee(n.urlList, (g, L) => fe((v(), m("img", {
                       ref_for: !0,
-                      ref: (N) => r.value[L] = N,
+                      ref: (N) => s.value[L] = N,
                       key: g,
                       src: g,
-                      style: A(oe.value),
+                      style: V(oe.value),
                       class: x(d(h).e("img")),
                       crossorigin: n.crossorigin,
                       onLoad: ue,
                       onError: ce,
                       onMousedown: de
                     }, null, 46, qt)), [
-                      [me, L === I.value]
+                      [me, L === C.value]
                     ])),
                     128
                     /* KEYED_FRAGMENT */
@@ -1185,12 +1190,12 @@ const Kt = {
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ ke(["delete", "success"], ["update:modelValue"]),
-  setup(t, { emit: o }) {
+  setup(t, { emit: r }) {
     Qe((a) => ({
-      "3fbbc369": B.value,
-      c424a038: C.value,
-      "7e3e1085": j.value,
-      "218d59a7": Z.value
+      "4e5f919e": B.value,
+      "2767b51c": z.value,
+      "17891c86": j.value,
+      "7b7a1d22": Z.value
     }));
     const l = t, e = Ge(t, "modelValue"), { formItem: f } = tt(), p = (a) => Array.isArray(a) ? a.map((u) => {
       var c, g;
@@ -1212,7 +1217,7 @@ const Kt = {
       },
       { deep: !0 }
     );
-    const O = o, { cLoadUrl: $, cUploadUrl: h } = Bt(l), B = y(() => `${l.width}px`), C = y(() => `${l.height}px`), r = y(() => l.size), b = E(null), w = E(p(e.value)), I = E([]), R = E(!1), k = E(0), te = y(
+    const O = r, { cLoadUrl: $, cUploadUrl: h } = Bt(l), B = y(() => `${l.width}px`), z = y(() => `${l.height}px`), s = y(() => l.size), b = E(null), w = E(p(e.value)), C = E([]), R = E(!1), k = E(0), te = y(
       () => l.tipText || `最多可上传${l.limit}张图片, 每张图片不能超过${l.size}MB`
     ), ae = (a, u) => {
     }, Q = (a) => {
@@ -1224,7 +1229,7 @@ const Kt = {
         }
         return !1;
       }
-      if (!(a.size / 1024 / 1024 < r.value)) {
+      if (!(a.size / 1024 / 1024 < s.value)) {
         xe.warning(`图片大小超出系统限制的${l.size}MB!`);
         try {
           w.value.pop();
@@ -1235,7 +1240,7 @@ const Kt = {
       return !0;
     }, G = () => !1, le = (a, u) => {
       var i, n;
-      a.status = "ready", u !== void 0 && I.value.splice(u, 1), (i = b.value) == null || i.handleStart(a.raw), (n = b.value) == null || n.submit();
+      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();
     }, ne = (a, u) => {
       var g, L;
       const i = e.value.length, n = l.limit - i;
@@ -1245,7 +1250,7 @@ const Kt = {
     }, se = (a, u, i) => {
       O("success", a, u, i), e.value = w.value, f == null || f.validate("change");
     }, oe = (a, u, i) => {
-      I.value.push({
+      C.value.push({
         ...u,
         __url: u.url
       });
@@ -1261,15 +1266,15 @@ const Kt = {
       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);
     }, ce = (a, u) => {
-      I.value.splice(u, 1);
-    }, de = y(() => w.value.length + I.value.length < l.limit), U = y(
+      C.value.splice(u, 1);
+    }, de = y(() => w.value.length + C.value.length < l.limit), U = y(
       () => e.value.length >= l.limit || l.disabled
     ), Z = y(() => {
       var a;
-      return !((a = e.value) != null && a.length) && !I.value.length || l.limit === 1 || typeof e.value == "string" ? "0" : `${l.width + 8}px`;
+      return !((a = e.value) != null && a.length) && !C.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) && !I.value.length && typeof e.value != "string" || l.limit === 1 ? "none" : "absolute";
+      return !((a = e.value) != null && a.length) && !C.value.length && typeof e.value != "string" || l.limit === 1 ? "none" : "absolute";
     });
     return (a, u) => (v(), m(
       X,
@@ -1296,19 +1301,14 @@ const Kt = {
           "on-error": oe,
           drag: ""
         }, a.$attrs, { disabled: U.value }), Ke({
-          trigger: z(() => [
+          trigger: I(() => [
             a.$slots.trigger ? Ne(a.$slots, "trigger", { key: 0 }, void 0, !0) : (v(), m("div", aa, [
-              _(d(S), { size: 20 }, {
-                default: z(() => [
-                  _(d(pe), {
-                    name: "iksvg_guanbibeifen",
-                    disabled: U.value
-                  }, null, 8, ["disabled"])
-                ]),
-                _: 1
-                /* STABLE */
-              }),
-              s(
+              _(d(pe), {
+                size: 20,
+                name: "iksvg_guanbibeifen",
+                disabled: U.value
+              }, null, 8, ["disabled"]),
+              o(
                 "span",
                 null,
                 J(t.title),
@@ -1317,15 +1317,15 @@ const Kt = {
               )
             ]))
           ]),
-          file: z(({ file: i, index: n }) => [
-            s(
+          file: I(({ file: i, index: n }) => [
+            o(
               "div",
               {
                 class: x(["load-list", { loading: i.status === "uploading" }]),
                 "element-loading-background": "var(--ik-upload-bg)"
               },
               [
-                fe(s(
+                fe(o(
                   "div",
                   na,
                   [
@@ -1341,7 +1341,7 @@ const Kt = {
                 ), [
                   [me, i.status === "uploading"]
                 ]),
-                V(` <img :src="file.url" alt="" :style="{ 'object-fit': fit }" /> `),
+                A(` <img :src="file.url" alt="" :style="{ 'object-fit': fit }" /> `),
                 _(d(lt), {
                   style: { width: "100%", height: "100%" },
                   src: i.__url || i.url,
@@ -1349,35 +1349,35 @@ const Kt = {
                   "initial-index": 0,
                   fit: "contain"
                 }, null, 8, ["src"]),
-                s("span", sa, [
-                  s("span", null, [
+                o("span", sa, [
+                  o("span", null, [
                     _(d(S), {
                       onClick: (c) => H(i)
                     }, {
-                      default: z(() => [
+                      default: I(() => [
                         _(d(Te))
                       ]),
                       _: 2
                       /* DYNAMIC */
                     }, 1032, ["onClick"])
                   ]),
-                  s("span", null, [
+                  o("span", null, [
                     _(d(S), {
                       onClick: (c) => re(i)
                     }, {
-                      default: z(() => [
+                      default: I(() => [
                         _(d(mt))
                       ]),
                       _: 2
                       /* DYNAMIC */
                     }, 1032, ["onClick"])
                   ]),
-                  t.preview ? V("v-if", !0) : (v(), m("span", oa, [
+                  t.preview ? A("v-if", !0) : (v(), m("span", oa, [
                     _(d(S), {
                       type: "warning",
                       onClick: (c) => ue(i)
                     }, {
-                      default: z(() => [
+                      default: I(() => [
                         _(d(pt))
                       ]),
                       _: 2
@@ -1390,23 +1390,23 @@ const Kt = {
               /* CLASS */
             )
           ]),
-          default: z(() => [
-            s("ul", ra, [
+          default: I(() => [
+            o("ul", ra, [
               (v(!0), m(
                 X,
                 null,
-                Ee(I.value, (i, n) => (v(), m("li", {
+                Ee(C.value, (i, n) => (v(), m("li", {
                   class: "el-upload-list__item",
                   key: i.uid
                 }, [
-                  s("span", null, [
+                  o("span", null, [
                     _(d(pe), {
                       name: "iksvg_guanbi",
                       error: "",
                       onClick: (c) => ce(i, n)
                     }, null, 8, ["onClick"])
                   ]),
-                  s(
+                  o(
                     "div",
                     {
                       class: x(["load-list", {
@@ -1416,7 +1416,7 @@ const Kt = {
                       "element-loading-background": "var(--ik-upload-bg)"
                     },
                     [
-                      fe(s("div", {
+                      fe(o("div", {
                         class: "loading-statu",
                         onClick: (c) => le(i, n)
                       }, [
@@ -1424,14 +1424,14 @@ const Kt = {
                           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,
                           "点击重新上传",
@@ -1441,10 +1441,10 @@ const Kt = {
                       ], 8, ia), [
                         [me, i.status === "fail"]
                       ]),
-                      s("img", {
+                      o("img", {
                         src: i.__url,
                         alt: "",
-                        style: A({ "object-fit": t.fit })
+                        style: V({ "object-fit": t.fit })
                       }, null, 12, ua)
                     ],
                     2
@@ -1461,8 +1461,8 @@ const Kt = {
         }, [
           t.tip ? {
             name: "tip",
-            fn: z(() => [
-              s(
+            fn: I(() => [
+              o(
                 "span",
                 la,
                 J(te.value),
@@ -1473,8 +1473,8 @@ const Kt = {
             key: "0"
           } : void 0
         ]), 1040, ["class", "accept", "action", "headers", "data", "file-list", "multiple", "limit", "disabled"]),
-        V(" 文件预览 "),
-        s("div", ca, [
+        A(" 文件预览 "),
+        o("div", ca, [
           R.value ? (v(), Y(d(ta), {
             key: 0,
             "lock-scroll": "",
@@ -1484,14 +1484,14 @@ const Kt = {
             }),
             "url-list": p(w.value).map((i) => i.__url),
             "initial-index": k.value
-          }, null, 8, ["url-list", "initial-index"])) : V("v-if", !0)
+          }, null, 8, ["url-list", "initial-index"])) : A("v-if", !0)
         ])
       ],
       64
       /* STABLE_FRAGMENT */
     ));
   }
-}), va = /* @__PURE__ */ ge(da, [["__scopeId", "data-v-05d76aad"]]), _a = _e(va);
+}), va = /* @__PURE__ */ ge(da, [["__scopeId", "data-v-f467c552"]]), _a = _e(va);
 export {
   _a as IkUploadImage,
   _a as default