ik-next-ui 0.0.11 → 0.0.13

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

@@ -1,32 +1,36 @@
-import { inject as z, computed as d, defineComponent as I, resolveComponent as N, openBlock as s, createElementBlock as f, normalizeStyle as v, normalizeClass as C, unref as k, createBlock as h, withCtx as b, createElementVNode as c, createCommentVNode as w, Fragment as M, useCssVars as V, ref as W, createTextVNode as A, toDisplayString as $ } from "vue";
-import { ikColor as F } from "iking-utils-pro";
-import { Icon as U } from "@iconify/vue";
-import { UseImage as j } from "@vueuse/components";
-const O = (e, i) => (e.install = (t) => {
-  for (const n of [e, ...Object.values({})])
-    t.component(n.name, n);
+import { inject as z, computed as c, defineComponent as I, resolveComponent as S, openBlock as a, createElementBlock as d, normalizeStyle as k, normalizeClass as C, unref as p, createBlock as g, withCtx as x, createElementVNode as f, createCommentVNode as w, Fragment as B, ref as E, createVNode as F, toDisplayString as $, useCssVars as G, createTextVNode as P } from "vue";
+import { ikColor as R } from "iking-utils-pro";
+import { Icon as N } from "@iconify/vue";
+import { UseImage as A } from "@vueuse/components";
+const U = (e, o) => (e.install = (t) => {
+  for (const l of [e, ...Object.values({})])
+    t.component(l.name, l);
 }, e);
-function E(...e) {
-  const i = [];
+function O(...e) {
+  const o = [];
   for (const t of e)
     if (t) {
       if (typeof t == "string")
-        i.push(t);
+        o.push(t);
       else if (Array.isArray(t)) {
-        const n = E(...t);
-        n && i.push(n);
+        const l = O(...t);
+        l && o.push(l);
       } else if (typeof t == "object")
-        for (const [n, r] of Object.entries(t))
-          r && i.push(n);
+        for (const [l, s] of Object.entries(t))
+          s && o.push(l);
     }
-  return i.join(" ");
+  return o.join(" ");
 }
-const S = (e, i) => {
+const T = (e, o) => {
   const t = e.__vccOpts || e;
-  for (const [n, r] of i)
-    t[n] = r;
+  for (const [l, s] of o)
+    t[l] = s;
   return t;
-}, L = [
+}, q = (e, o) => {
+  if (!o) return "";
+  const t = /fileUrl=[^&]*fileUrl=/;
+  return o.startsWith("http") ? o.replace(t, "fileUrl=") : `${e || location.origin}${o}`.replace(t, "fileUrl=");
+}, M = [
   "csv",
   "djvu",
   "doc",
@@ -81,29 +85,29 @@ const S = (e, i) => {
   "mp4",
   "flv",
   "tls"
-], P = (e) => {
-  const i = z("loadUrl"), t = d(() => e.loadUrl || e.fileUrl || (i == null ? void 0 : i.value)), n = z("uploadUrl"), r = d(() => e.action || e.uploadUrl || (n == null ? void 0 : n.value)), l = z("token"), g = d(() => e.token || (l == null ? void 0 : l.value)), u = z("onlyofficeConfig"), y = d(() => e.onlyofficeConfig || (u == null ? void 0 : u.value)), m = z("userInfo"), p = d(() => e.userInfo || (m == null ? void 0 : m.value)), x = [...L, ...L.map((o) => o.toLocaleUpperCase())];
+], V = (e) => {
+  const o = z("loadUrl"), t = c(() => e.loadUrl || e.fileUrl || (o == null ? void 0 : o.value)), l = z("uploadUrl"), s = c(() => e.action || e.uploadUrl || (l == null ? void 0 : l.value)), n = z("token"), h = c(() => e.token || (n == null ? void 0 : n.value)), u = z("onlyofficeConfig"), m = c(() => e.onlyofficeConfig || (u == null ? void 0 : u.value)), v = z("userInfo"), b = c(() => e.userInfo || (v == null ? void 0 : v.value)), y = [...M, ...M.map((i) => i.toLocaleUpperCase())];
   return {
     cLoadUrl: t,
-    cUploadUrl: r,
-    cToken: g,
-    cOnlyofficeConfig: y,
-    cUserInfo: p,
-    cOnlyofficePreviewType: x,
+    cUploadUrl: s,
+    cToken: h,
+    cOnlyofficeConfig: m,
+    cUserInfo: b,
+    cOnlyofficePreviewType: y,
     cHeaders: {
-      Authorization: g.value
+      Authorization: h.value
     }
   };
-}, q = {
+}, D = {
   key: 2,
   class: "shrink-0 size-inherit",
   "aria-hidden": "true"
-}, D = ["xlink:href"], H = ["xlink:href"], R = ["size"], J = ["xlink:href"], K = ["xlink:href"], Q = /* @__PURE__ */ I({
+}, H = ["xlink:href"], J = ["xlink:href"], K = ["size"], Q = ["xlink:href"], X = ["xlink:href"], Y = /* @__PURE__ */ I({
   name: "IkSvgIcon",
   __name: "index",
   props: {
     name: {},
-    class: {},
+    class: { type: [Boolean, null, String, Object, Array] },
     showBg: { type: Boolean, default: !1 },
     disabled: { type: Boolean, default: !1 },
     size: {},
@@ -120,124 +124,124 @@ const S = (e, i) => {
     hover: { type: Boolean, default: !1 }
   },
   emits: ["click"],
-  setup(e, { emit: i }) {
-    const t = e, n = i, r = d(() => t.danger ? "danger" : t.error ? "error" : t.type), l = d(() => {
+  setup(e, { emit: o }) {
+    const t = e, l = o, s = c(() => t.danger ? "danger" : t.error ? "error" : t.type), n = c(() => {
       if (!t.name)
         return;
-      const o = (a) => /^\.{1,2}\//.test(a) || a.startsWith("/") || a.includes("/");
-      return /^https?:\/\//.test(t.name) || o(t.name) ? "img" : t.name.startsWith("iksvg_") ? "two-color-svg" : /i-[^:]+:[^:]+/.test(t.name) || t.name.startsWith("ik") ? "unocss" : t.name.includes(":") ? "iconify" : "svg";
-    }), g = {
+      const i = (r) => /^\.{1,2}\//.test(r) || r.startsWith("/") || r.includes("/");
+      return /^https?:\/\//.test(t.name) || i(t.name) ? "img" : t.name.startsWith("iksvg_") ? "two-color-svg" : /i-[^:]+:[^:]+/.test(t.name) || t.name.startsWith("ik") ? "unocss" : t.name.includes(":") ? "iconify" : "svg";
+    }), h = {
       big: 24,
       default: 22,
       small: 20
     };
     function u() {
-      return t.size ? g[t.size] || t.size : 18;
+      return t.size ? h[t.size] || t.size : 18;
     }
-    const y = d(() => {
-      const o = u(), a = typeof o == "number" ? `${o}px` : o;
+    const m = c(() => {
+      const i = u(), r = typeof i == "number" ? `${i}px` : i;
       return {
-        width: a,
-        height: a,
-        fontSize: a
+        width: r,
+        height: r,
+        fontSize: r
       };
-    }), m = d(() => {
-      const a = `${Number.parseInt(u()) + 8}px`;
+    }), v = c(() => {
+      const r = `${Number.parseInt(u()) + 8}px`;
       return {
-        width: a,
-        height: a
+        width: r,
+        height: r
       };
     });
-    function p(o) {
-      t.onClick ? t.onClick(o) : n("click", o);
+    function b(i) {
+      t.onClick ? t.onClick(i) : l("click", i);
     }
-    const x = d(() => {
-      if (l.value !== "two-color-svg")
+    const y = c(() => {
+      if (n.value !== "two-color-svg")
         return {};
-      const o = {};
+      const i = {};
       if (t.disabled)
-        return o["--ik-icon-deep-color"] = "var(--ik-icon-deep-disabled)", o["--ik-icon-shallow-color"] = "var(--ik-icon-shallow-disabled)", o;
-      if (t.deepColor && (o["--ik-icon-deep-color"] = t.deepColor), t.shallowColor && (o["--ik-icon-shallow-color"] = t.shallowColor), t.colorMode !== "auto")
+        return i["--ik-icon-deep-color"] = "var(--ik-icon-deep-disabled)", i["--ik-icon-shallow-color"] = "var(--ik-icon-shallow-disabled)", i;
+      if (t.deepColor && (i["--ik-icon-deep-color"] = t.deepColor), t.shallowColor && (i["--ik-icon-shallow-color"] = t.shallowColor), t.colorMode !== "auto")
         switch (t.colorMode) {
           case "primary":
-            t.deepColor || (o["--ik-icon-deep-color"] = "var(--ik-color-primary)"), t.shallowColor || (o["--ik-icon-shallow-color"] = "var(--ik-primary-light-1, color-mix(in srgb, var(--ik-color-primary) 30%, white))");
+            t.deepColor || (i["--ik-icon-deep-color"] = "var(--ik-color-primary)"), t.shallowColor || (i["--ik-icon-shallow-color"] = "var(--ik-primary-light-1, color-mix(in srgb, var(--ik-color-primary) 30%, white))");
             break;
           case "deep":
-            t.shallowColor || (o["--ik-icon-shallow-color"] = o["--ik-icon-deep-color"] || t.deepColor || "var(--ik-icon-deep-color)");
+            t.shallowColor || (i["--ik-icon-shallow-color"] = i["--ik-icon-deep-color"] || t.deepColor || "var(--ik-icon-deep-color)");
             break;
           case "shallow":
-            t.deepColor || (o["--ik-icon-deep-color"] = o["--ik-icon-shallow-color"] || t.shallowColor || "var(--ik-icon-shallow-color)");
+            t.deepColor || (i["--ik-icon-deep-color"] = i["--ik-icon-shallow-color"] || t.shallowColor || "var(--ik-icon-shallow-color)");
             break;
         }
-      return t.active && r.value !== "default" && !t.deepColor && !t.shallowColor && t.colorMode === "auto" && (o["--ik-icon-deep-color"] = `var(--ik-icon-${r.value}-deep-active)`, o["--ik-icon-shallow-color"] = `var(--ik-icon-${r.value}-shallow-active)`), o;
+      return t.active && s.value !== "default" && !t.deepColor && !t.shallowColor && t.colorMode === "auto" && (i["--ik-icon-deep-color"] = `var(--ik-icon-${s.value}-deep-active)`, i["--ik-icon-shallow-color"] = `var(--ik-icon-${s.value}-shallow-active)`), i;
     });
-    return (o, a) => {
-      var B;
-      const G = N("IkTooltip");
-      return s(), f(
+    return (i, r) => {
+      var j;
+      const W = S("IkTooltip");
+      return a(), d(
         "i",
         {
-          class: C(k(E)(
+          class: C(p(O)(
             "ik-icon relative size-[1em] flex-inline items-center justify-center fill-current leading-[1em]",
             t.class,
             e.showBg ? "bg" : "",
             e.disabled ? "is-disabled" : "",
             e.active ? "is-active" : "",
-            r.value !== "default" ? `is-${r.value}` : "",
+            s.value !== "default" ? `is-${s.value}` : "",
             e.unMargin ? "un-margin" : "margin",
             e.hover ? "is-hover" : ""
           )),
-          style: v(e.showBg ? m.value : y.value),
-          onClick: p
+          style: k(e.showBg ? v.value : m.value),
+          onClick: b
         },
         [
-          e.title ? (s(), h(G, {
+          e.title ? (a(), g(W, {
             key: 0,
             text: e.title
           }, {
-            default: b(() => {
-              var T;
+            default: x(() => {
+              var L;
               return [
-                l.value === "unocss" ? (s(), f(
+                n.value === "unocss" ? (a(), d(
                   "i",
                   {
                     key: 0,
-                    class: C(["iconfont shrink-0 size-inherit", `${e.name} ${(T = e.name) == null ? void 0 : T.split("_")[0]}`]),
-                    style: v({ ...x.value, ...e.showBg ? y.value : {} })
+                    class: C(["iconfont shrink-0 size-inherit", `${e.name} ${(L = e.name) == null ? void 0 : L.split("_")[0]}`]),
+                    style: k({ ...y.value, ...e.showBg ? m.value : {} })
                   },
                   null,
                   6
                   /* CLASS, STYLE */
-                )) : l.value === "iconify" ? (s(), h(k(U), {
+                )) : n.value === "iconify" ? (a(), g(p(N), {
                   key: 1,
                   icon: e.name,
                   class: "shrink-0 size-inherit"
-                }, null, 8, ["icon"])) : l.value === "svg" ? (s(), f("svg", q, [
-                  c("use", {
+                }, null, 8, ["icon"])) : n.value === "svg" ? (a(), d("svg", D, [
+                  f("use", {
                     "xlink:href": `#icon-${e.name}`
-                  }, null, 8, D)
-                ])) : l.value === "two-color-svg" ? (s(), f(
+                  }, null, 8, H)
+                ])) : n.value === "two-color-svg" ? (a(), d(
                   "svg",
                   {
                     key: 3,
                     class: "two-color-icon shrink-0 size-inherit",
-                    style: v(x.value),
+                    style: k(y.value),
                     "aria-hidden": "true"
                   },
                   [
-                    c("use", {
+                    f("use", {
                       "xlink:href": `#${e.name}`
-                    }, null, 8, H)
+                    }, null, 8, J)
                   ],
                   4
                   /* STYLE */
-                )) : l.value === "img" ? (s(), h(k(j), {
+                )) : n.value === "img" ? (a(), g(p(A), {
                   key: 4,
                   src: e.name,
                   class: "shrink-0"
                 }, {
-                  loading: b(() => [...a[0] || (a[0] = [
-                    c(
+                  loading: x(() => [...r[0] || (r[0] = [
+                    f(
                       "i",
                       { class: "i-line-md:loading-loop size-inherit" },
                       null,
@@ -245,8 +249,8 @@ const S = (e, i) => {
                       /* CACHED */
                     )
                   ])]),
-                  error: b(() => [...a[1] || (a[1] = [
-                    c(
+                  error: x(() => [...r[1] || (r[1] = [
+                    f(
                       "i",
                       { class: "i-ph:image-broken-duotone size-inherit" },
                       null,
@@ -261,55 +265,55 @@ const S = (e, i) => {
             }),
             _: 1
             /* STABLE */
-          }, 8, ["text"])) : (s(), f(
-            M,
+          }, 8, ["text"])) : (a(), d(
+            B,
             { key: 1 },
             [
-              l.value === "unocss" ? (s(), f(
+              n.value === "unocss" ? (a(), d(
                 "i",
                 {
                   key: 0,
-                  class: C(["iconfont shrink-0 size-inherit", `${e.name} ${(B = e.name) == null ? void 0 : B.split("_")[0]}`]),
-                  style: v({ ...x.value, ...e.showBg ? y.value : {} })
+                  class: C(["iconfont shrink-0 size-inherit", `${e.name} ${(j = e.name) == null ? void 0 : j.split("_")[0]}`]),
+                  style: k({ ...y.value, ...e.showBg ? m.value : {} })
                 },
                 null,
                 6
                 /* CLASS, STYLE */
-              )) : l.value === "iconify" ? (s(), h(k(U), {
+              )) : n.value === "iconify" ? (a(), g(p(N), {
                 key: 1,
                 icon: e.name,
                 class: "shrink-0 size-inherit"
-              }, null, 8, ["icon"])) : l.value === "svg" ? (s(), f("svg", {
+              }, null, 8, ["icon"])) : n.value === "svg" ? (a(), d("svg", {
                 key: 2,
                 class: "shrink-0 size-inherit",
                 size: e.size,
                 "aria-hidden": "true"
               }, [
-                c("use", {
+                f("use", {
                   "xlink:href": `#icon-${e.name}`
-                }, null, 8, J)
-              ], 8, R)) : l.value === "two-color-svg" ? (s(), f(
+                }, null, 8, Q)
+              ], 8, K)) : n.value === "two-color-svg" ? (a(), d(
                 "svg",
                 {
                   key: 3,
                   class: "two-color-icon shrink-0 size-inherit",
-                  style: v(x.value),
+                  style: k(y.value),
                   "aria-hidden": "true"
                 },
                 [
-                  c("use", {
+                  f("use", {
                     "xlink:href": `#${e.name}`
-                  }, null, 8, K)
+                  }, null, 8, X)
                 ],
                 4
                 /* STYLE */
-              )) : l.value === "img" ? (s(), h(k(j), {
+              )) : n.value === "img" ? (a(), g(p(A), {
                 key: 4,
                 src: e.name,
                 class: "shrink-0"
               }, {
-                loading: b(() => [...a[2] || (a[2] = [
-                  c(
+                loading: x(() => [...r[2] || (r[2] = [
+                  f(
                     "i",
                     { class: "i-line-md:loading-loop size-inherit" },
                     null,
@@ -317,8 +321,8 @@ const S = (e, i) => {
                     /* CACHED */
                   )
                 ])]),
-                error: b(() => [...a[3] || (a[3] = [
-                  c(
+                error: x(() => [...r[3] || (r[3] = [
+                  f(
                     "i",
                     { class: "i-ph:image-broken-duotone size-inherit" },
                     null,
@@ -339,12 +343,71 @@ const S = (e, i) => {
       );
     };
   }
-}), X = /* @__PURE__ */ S(Q, [["__scopeId", "data-v-7dee8b6e"]]), Y = O(X), Z = () => ({
-  getLinearGradient: (i) => {
-    const t = F.hexToRGB(i).replace(/[^\d,]/g, "").split(",").map(Number);
-    return `linear-gradient(to top, ${i} 4%, rgb(${t[0]},${t[1] + 50},${t[2]}) 88%)`;
+}), Z = /* @__PURE__ */ T(Y, [["__scopeId", "data-v-7dee8b6e"]]), _ = U(Z), ee = { class: "text-sm text-white bg-[var(--el-avatar-bg-color)] flex-center h-full w-full" }, te = /* @__PURE__ */ I({
+  name: "IkAvatar",
+  __name: "index",
+  props: {
+    src: {},
+    name: {},
+    size: { default: 40 },
+    shape: { default: "circle" },
+    fit: { default: "fill" },
+    alt: {},
+    loadUrl: {}
+  },
+  setup(e) {
+    const o = e, t = c(() => {
+      var m;
+      return ((m = o.name) == null ? void 0 : m.slice(-1)) || "";
+    }), { cLoadUrl: l } = V(o), s = c(() => q(l.value, o.src || "")), n = c(() => o.src ? [s.value] : []), h = E(!1);
+    function u() {
+      o.src && (h.value = !0);
+    }
+    return (m, v) => {
+      const b = S("ElAvatar"), y = S("el-image-viewer");
+      return a(), d(
+        B,
+        null,
+        [
+          F(b, {
+            src: e.src,
+            size: e.size,
+            shape: e.shape,
+            fit: e.fit,
+            style: k({ "--el-avatar-bg-color": s.value ? "var(--ik-form-bg)" : "var(--ik-color-primary)" }),
+            onClick: u
+          }, {
+            default: x(() => [
+              f(
+                "span",
+                ee,
+                $(t.value),
+                1
+                /* TEXT */
+              )
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["src", "size", "shape", "fit", "style"]),
+          h.value ? (a(), g(y, {
+            key: 0,
+            "url-list": n.value,
+            "show-progress": "",
+            teleported: "",
+            onClose: v[0] || (v[0] = (i) => h.value = !1)
+          }, null, 8, ["url-list"])) : w("v-if", !0)
+        ],
+        64
+        /* STABLE_FRAGMENT */
+      );
+    };
+  }
+}), oe = U(te), ie = () => ({
+  getLinearGradient: (o) => {
+    const t = R.hexToRGB(o).replace(/[^\d,]/g, "").split(",").map(Number);
+    return `linear-gradient(to top, ${o} 4%, rgb(${t[0]},${t[1] + 50},${t[2]}) 88%)`;
   }
-}), _ = /* @__PURE__ */ I({
+}), le = /* @__PURE__ */ I({
   __name: "IkLinearIcon",
   props: {
     icon: {
@@ -361,18 +424,18 @@ const S = (e, i) => {
     }
   },
   setup(e) {
-    V((r) => ({
-      v435077c3: n.value
+    G((s) => ({
+      v435077c3: l.value
     }));
-    const i = e, { getLinearGradient: t } = Z(), n = d(() => `${i.size}px`);
-    return (r, l) => (s(), f(
+    const o = e, { getLinearGradient: t } = ie(), l = c(() => `${o.size}px`);
+    return (s, n) => (a(), d(
       "div",
       {
         class: "form-icon",
-        style: v({ backgroundImage: k(t)(e.backgroundColor || "#28b8a4") })
+        style: k({ backgroundImage: p(t)(e.backgroundColor || "#28b8a4") })
       },
       [
-        c(
+        f(
           "i",
           {
             class: C(`ikflow ${e.icon}`)
@@ -386,7 +449,7 @@ const S = (e, i) => {
       /* STYLE */
     ));
   }
-}), ee = /* @__PURE__ */ S(_, [["__scopeId", "data-v-0bc5a180"]]), te = { class: "side-text items-center" }, oe = { class: "side-left flex items-center" }, ie = { class: "side-right" }, ne = { class: "text-over-line" }, le = { class: "text-over-line sub-title" }, ae = /* @__PURE__ */ I({
+}), ne = /* @__PURE__ */ T(le, [["__scopeId", "data-v-0bc5a180"]]), ae = { class: "side-text items-center" }, se = { class: "side-left flex items-center" }, re = { class: "side-right" }, ce = { class: "text-over-line" }, ue = { class: "text-over-line sub-title" }, fe = /* @__PURE__ */ I({
   __name: "IkSideText",
   props: {
     // 名称
@@ -441,32 +504,35 @@ const S = (e, i) => {
     loadUrl: {
       type: String,
       default: ""
+    },
+    fit: {
+      type: String,
+      default: "cover"
     }
   },
   setup(e) {
-    const i = e, { cLoadUrl: t } = P(i), n = (u) => u ? u.startsWith("http") ? u : `${t.value}${u}` : "", r = d(() => n(i.avatar)), l = W(!!i.avatar), g = () => {
-      l.value = !1;
+    const o = e, { cLoadUrl: t } = V(o), l = (u) => u ? u.startsWith("http") ? u : `${t.value}${u}` : "", s = c(() => l(o.avatar)), n = E(!!o.avatar), h = () => {
+      n.value = !1;
     };
-    return (u, y) => {
-      var p;
-      const m = N("el-avatar");
-      return s(), f("div", te, [
-        c("div", oe, [
-          e.avatarType === "url" ? (s(), h(m, {
+    return (u, m) => {
+      var v;
+      return a(), d("div", ae, [
+        f("div", se, [
+          e.avatarType === "url" ? (a(), g(p(oe), {
             key: 0,
-            style: v({ "--el-avatar-bg-color": r.value ? "var(--ik-form-bg)" : "var(--ik-color-primary)" }),
+            style: k({ "--el-avatar-bg-color": s.value ? "var(--ik-form-bg)" : "var(--ik-color-primary)" }),
             size: e.size,
             shape: e.shape,
-            src: r.value,
-            fit: "contain",
-            onError: g
+            src: s.value,
+            fit: e.fit,
+            onError: h
           }, {
-            default: b(() => [
-              l.value ? w("v-if", !0) : (s(), f(
-                M,
+            default: x(() => [
+              n.value ? w("v-if", !0) : (a(), d(
+                B,
                 { key: 0 },
                 [
-                  A(
+                  P(
                     $(e.name.slice(-2)),
                     1
                     /* TEXT */
@@ -478,32 +544,32 @@ const S = (e, i) => {
             ]),
             _: 1
             /* STABLE */
-          }, 8, ["style", "size", "shape", "src"])) : w("v-if", !0),
-          e.avatarType === "icon" ? (s(), h(k(Y), {
+          }, 8, ["style", "size", "shape", "src", "fit"])) : w("v-if", !0),
+          e.avatarType === "icon" ? (a(), g(p(_), {
             key: 1,
-            name: `iksvg_${(p = e.avatar) == null ? void 0 : p.replace("iksvg_", "")}`,
+            name: `iksvg_${(v = e.avatar) == null ? void 0 : v.replace("iksvg_", "")}`,
             "show-bg": e.showIconBg,
             type: e.iconType,
-            style: v({ fontSize: e.showIconBg ? "34px" : "40px" }),
+            style: k({ fontSize: e.showIconBg ? "34px" : "40px" }),
             size: e.iconSize
           }, null, 8, ["name", "show-bg", "type", "style", "size"])) : w("v-if", !0),
-          e.avatarType === "linearIcon" ? (s(), h(ee, {
+          e.avatarType === "linearIcon" ? (a(), g(ne, {
             key: 2,
             icon: e.avatar,
             "background-color": e.iconBackgroundColor
           }, null, 8, ["icon", "background-color"])) : w("v-if", !0)
         ]),
-        c("div", ie, [
-          c(
+        f("div", re, [
+          f(
             "p",
-            ne,
+            ce,
             $(e.text),
             1
             /* TEXT */
           ),
-          c(
+          f(
             "p",
-            le,
+            ue,
             $(e.subText),
             1
             /* TEXT */
@@ -512,8 +578,8 @@ const S = (e, i) => {
       ]);
     };
   }
-}), se = /* @__PURE__ */ S(ae, [["__scopeId", "data-v-13c30ce6"]]), fe = O(se);
+}), de = /* @__PURE__ */ T(fe, [["__scopeId", "data-v-ac7ef2be"]]), ge = U(de);
 export {
-  fe as IkSideText,
-  fe as default
+  ge as IkSideText,
+  ge as default
 };

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

@@ -1,7 +1,7 @@
-import { defineComponent as j, computed as d, resolveComponent as O, openBlock as n, createElementBlock as c, normalizeStyle as f, normalizeClass as y, unref as h, createBlock as k, withCtx as m, createElementVNode as u, createCommentVNode as C, Fragment as T } from "vue";
+import { defineComponent as M, computed as d, resolveComponent as O, openBlock as n, createElementBlock as c, normalizeStyle as f, normalizeClass as y, unref as h, createBlock as k, withCtx as m, createElementVNode as u, createCommentVNode as C, Fragment as T } from "vue";
 import { Icon as b } from "@iconify/vue";
 import { UseImage as x } from "@vueuse/components";
-const N = (i, r) => (i.install = (e) => {
+const A = (i, r) => (i.install = (e) => {
   for (const t of [i, ...Object.values({})])
     e.component(t.name, t);
 }, i);
@@ -20,16 +20,16 @@ function B(...i) {
     }
   return r.join(" ");
 }
-const W = {
+const N = {
   key: 2,
   class: "shrink-0 size-inherit",
   "aria-hidden": "true"
-}, A = ["xlink:href"], E = ["xlink:href"], F = ["size"], V = ["xlink:href"], P = ["xlink:href"], U = /* @__PURE__ */ j({
+}, W = ["xlink:href"], E = ["xlink:href"], F = ["size"], V = ["xlink:href"], P = ["xlink:href"], U = /* @__PURE__ */ M({
   name: "IkSvgIcon",
   __name: "index",
   props: {
     name: {},
-    class: {},
+    class: { type: [Boolean, null, String, Object, Array] },
     showBg: { type: Boolean, default: !1 },
     disabled: { type: Boolean, default: !1 },
     size: {},
@@ -99,7 +99,7 @@ const W = {
     });
     return (o, l) => {
       var z;
-      const M = O("IkTooltip");
+      const j = O("IkTooltip");
       return n(), c(
         "i",
         {
@@ -117,7 +117,7 @@ const W = {
           onClick: S
         },
         [
-          i.title ? (n(), k(M, {
+          i.title ? (n(), k(j, {
             key: 0,
             text: i.title
           }, {
@@ -138,10 +138,10 @@ const W = {
                   key: 1,
                   icon: i.name,
                   class: "shrink-0 size-inherit"
-                }, null, 8, ["icon"])) : s.value === "svg" ? (n(), c("svg", W, [
+                }, null, 8, ["icon"])) : s.value === "svg" ? (n(), c("svg", N, [
                   u("use", {
                     "xlink:href": `#icon-${i.name}`
-                  }, null, 8, A)
+                  }, null, 8, W)
                 ])) : s.value === "two-color-svg" ? (n(), c(
                   "svg",
                   {
@@ -270,7 +270,7 @@ const W = {
   for (const [t, a] of r)
     e[t] = a;
   return e;
-}, D = /* @__PURE__ */ q(U, [["__scopeId", "data-v-7dee8b6e"]]), K = N(D);
+}, D = /* @__PURE__ */ q(U, [["__scopeId", "data-v-7dee8b6e"]]), K = A(D);
 export {
   K as IkSvgIcon,
   K as default