ik-next-ui 0.0.13 → 0.0.15

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

@@ -1,10 +1,10 @@
-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 { inject as z, computed as c, defineComponent as C, resolveComponent as B, openBlock as a, createBlock as g, withCtx as x, renderSlot as W, createElementBlock as d, normalizeStyle as y, normalizeClass as $, unref as k, createElementVNode as f, createCommentVNode as w, Fragment as U, ref as E, createVNode as F, toDisplayString as S, 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);
+const I = (e, o) => (e.install = (t) => {
+  for (const n of [e, ...Object.values({})])
+    t.component(n.name, n);
 }, e);
 function O(...e) {
   const o = [];
@@ -13,18 +13,18 @@ function O(...e) {
       if (typeof t == "string")
         o.push(t);
       else if (Array.isArray(t)) {
-        const l = O(...t);
-        l && o.push(l);
+        const n = O(...t);
+        n && o.push(n);
       } else if (typeof t == "object")
-        for (const [l, s] of Object.entries(t))
-          s && o.push(l);
+        for (const [n, s] of Object.entries(t))
+          s && o.push(n);
     }
   return o.join(" ");
 }
 const T = (e, o) => {
   const t = e.__vccOpts || e;
-  for (const [l, s] of o)
-    t[l] = s;
+  for (const [n, s] of o)
+    t[n] = s;
   return t;
 }, q = (e, o) => {
   if (!o) return "";
@@ -86,23 +86,62 @@ const T = (e, o) => {
   "flv",
   "tls"
 ], 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())];
+  const o = z("loadUrl"), t = c(() => e.loadUrl || e.fileUrl || (o == null ? void 0 : o.value)), n = z("uploadUrl"), s = c(() => e.action || e.uploadUrl || (n == null ? void 0 : n.value)), i = z("token"), h = c(() => e.token || (i == null ? void 0 : i.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)), p = [...M, ...M.map((l) => l.toLocaleUpperCase())];
   return {
     cLoadUrl: t,
     cUploadUrl: s,
     cToken: h,
     cOnlyofficeConfig: m,
     cUserInfo: b,
-    cOnlyofficePreviewType: y,
+    cOnlyofficePreviewType: p,
     cHeaders: {
       Authorization: h.value
     }
   };
-}, D = {
+}, D = /* @__PURE__ */ C({
+  __name: "index",
+  props: {
+    effect: {
+      type: String,
+      default: "dark"
+    },
+    content: {
+      type: String,
+      default: ""
+    },
+    text: {
+      type: String,
+      default: ""
+    },
+    placement: {
+      type: String,
+      default: "top"
+    }
+  },
+  setup(e) {
+    const o = e, t = c(() => o.effect);
+    return (n, s) => {
+      const i = B("el-tooltip");
+      return a(), g(i, {
+        class: "gl-tooltip",
+        effect: t.value,
+        content: e.text || e.content,
+        placement: e.placement,
+        enterable: !1
+      }, {
+        default: x(() => [
+          W(n.$slots, "default")
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 8, ["effect", "content", "placement"]);
+    };
+  }
+}), H = I(D), J = {
   key: 2,
   class: "shrink-0 size-inherit",
   "aria-hidden": "true"
-}, H = ["xlink:href"], J = ["xlink:href"], K = ["size"], Q = ["xlink:href"], X = ["xlink:href"], Y = /* @__PURE__ */ I({
+}, K = ["xlink:href"], Q = ["xlink:href"], X = ["size"], Y = ["xlink:href"], Z = ["xlink:href"], _ = /* @__PURE__ */ C({
   name: "IkSvgIcon",
   __name: "index",
   props: {
@@ -125,11 +164,11 @@ const T = (e, o) => {
   },
   emits: ["click"],
   setup(e, { emit: o }) {
-    const t = e, l = o, s = c(() => t.danger ? "danger" : t.error ? "error" : t.type), n = c(() => {
+    const t = e, n = o, s = c(() => t.danger ? "danger" : t.error ? "error" : t.type), i = c(() => {
       if (!t.name)
         return;
-      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";
+      const l = (r) => /^\.{1,2}\//.test(r) || r.startsWith("/") || r.includes("/");
+      return /^https?:\/\//.test(t.name) || l(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,
@@ -139,7 +178,7 @@ const T = (e, o) => {
       return t.size ? h[t.size] || t.size : 18;
     }
     const m = c(() => {
-      const i = u(), r = typeof i == "number" ? `${i}px` : i;
+      const l = u(), r = typeof l == "number" ? `${l}px` : l;
       return {
         width: r,
         height: r,
@@ -152,36 +191,35 @@ const T = (e, o) => {
         height: r
       };
     });
-    function b(i) {
-      t.onClick ? t.onClick(i) : l("click", i);
+    function b(l) {
+      t.onClick ? t.onClick(l) : n("click", l);
     }
-    const y = c(() => {
-      if (n.value !== "two-color-svg")
+    const p = c(() => {
+      if (i.value !== "two-color-svg")
         return {};
-      const i = {};
+      const l = {};
       if (t.disabled)
-        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")
+        return l["--ik-icon-deep-color"] = "var(--ik-icon-deep-disabled)", l["--ik-icon-shallow-color"] = "var(--ik-icon-shallow-disabled)", l;
+      if (t.deepColor && (l["--ik-icon-deep-color"] = t.deepColor), t.shallowColor && (l["--ik-icon-shallow-color"] = t.shallowColor), t.colorMode !== "auto")
         switch (t.colorMode) {
           case "primary":
-            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))");
+            t.deepColor || (l["--ik-icon-deep-color"] = "var(--ik-color-primary)"), t.shallowColor || (l["--ik-icon-shallow-color"] = "var(--ik-primary-light-1, color-mix(in srgb, var(--ik-color-primary) 30%, white))");
             break;
           case "deep":
-            t.shallowColor || (i["--ik-icon-shallow-color"] = i["--ik-icon-deep-color"] || t.deepColor || "var(--ik-icon-deep-color)");
+            t.shallowColor || (l["--ik-icon-shallow-color"] = l["--ik-icon-deep-color"] || t.deepColor || "var(--ik-icon-deep-color)");
             break;
           case "shallow":
-            t.deepColor || (i["--ik-icon-deep-color"] = i["--ik-icon-shallow-color"] || t.shallowColor || "var(--ik-icon-shallow-color)");
+            t.deepColor || (l["--ik-icon-deep-color"] = l["--ik-icon-shallow-color"] || t.shallowColor || "var(--ik-icon-shallow-color)");
             break;
         }
-      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 t.active && s.value !== "default" && !t.deepColor && !t.shallowColor && t.colorMode === "auto" && (l["--ik-icon-deep-color"] = `var(--ik-icon-${s.value}-deep-active)`, l["--ik-icon-shallow-color"] = `var(--ik-icon-${s.value}-shallow-active)`), l;
     });
-    return (i, r) => {
+    return (l, r) => {
       var j;
-      const W = S("IkTooltip");
       return a(), d(
         "i",
         {
-          class: C(p(O)(
+          class: $(k(O)(
             "ik-icon relative size-[1em] flex-inline items-center justify-center fill-current leading-[1em]",
             t.class,
             e.showBg ? "bg" : "",
@@ -191,51 +229,51 @@ const T = (e, o) => {
             e.unMargin ? "un-margin" : "margin",
             e.hover ? "is-hover" : ""
           )),
-          style: k(e.showBg ? v.value : m.value),
+          style: y(e.showBg ? v.value : m.value),
           onClick: b
         },
         [
-          e.title ? (a(), g(W, {
+          e.title ? (a(), g(k(H), {
             key: 0,
             text: e.title
           }, {
             default: x(() => {
               var L;
               return [
-                n.value === "unocss" ? (a(), d(
+                i.value === "unocss" ? (a(), d(
                   "i",
                   {
                     key: 0,
-                    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 : {} })
+                    class: $(["iconfont shrink-0 size-inherit", `${e.name} ${(L = e.name) == null ? void 0 : L.split("_")[0]}`]),
+                    style: y({ ...p.value, ...e.showBg ? m.value : {} })
                   },
                   null,
                   6
                   /* CLASS, STYLE */
-                )) : n.value === "iconify" ? (a(), g(p(N), {
+                )) : i.value === "iconify" ? (a(), g(k(N), {
                   key: 1,
                   icon: e.name,
                   class: "shrink-0 size-inherit"
-                }, null, 8, ["icon"])) : n.value === "svg" ? (a(), d("svg", D, [
+                }, null, 8, ["icon"])) : i.value === "svg" ? (a(), d("svg", J, [
                   f("use", {
                     "xlink:href": `#icon-${e.name}`
-                  }, null, 8, H)
-                ])) : n.value === "two-color-svg" ? (a(), d(
+                  }, null, 8, K)
+                ])) : i.value === "two-color-svg" ? (a(), d(
                   "svg",
                   {
                     key: 3,
                     class: "two-color-icon shrink-0 size-inherit",
-                    style: k(y.value),
+                    style: y(p.value),
                     "aria-hidden": "true"
                   },
                   [
                     f("use", {
                       "xlink:href": `#${e.name}`
-                    }, null, 8, J)
+                    }, null, 8, Q)
                   ],
                   4
                   /* STYLE */
-                )) : n.value === "img" ? (a(), g(p(A), {
+                )) : i.value === "img" ? (a(), g(k(A), {
                   key: 4,
                   src: e.name,
                   class: "shrink-0"
@@ -266,24 +304,24 @@ const T = (e, o) => {
             _: 1
             /* STABLE */
           }, 8, ["text"])) : (a(), d(
-            B,
+            U,
             { key: 1 },
             [
-              n.value === "unocss" ? (a(), d(
+              i.value === "unocss" ? (a(), d(
                 "i",
                 {
                   key: 0,
-                  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 : {} })
+                  class: $(["iconfont shrink-0 size-inherit", `${e.name} ${(j = e.name) == null ? void 0 : j.split("_")[0]}`]),
+                  style: y({ ...p.value, ...e.showBg ? m.value : {} })
                 },
                 null,
                 6
                 /* CLASS, STYLE */
-              )) : n.value === "iconify" ? (a(), g(p(N), {
+              )) : i.value === "iconify" ? (a(), g(k(N), {
                 key: 1,
                 icon: e.name,
                 class: "shrink-0 size-inherit"
-              }, null, 8, ["icon"])) : n.value === "svg" ? (a(), d("svg", {
+              }, null, 8, ["icon"])) : i.value === "svg" ? (a(), d("svg", {
                 key: 2,
                 class: "shrink-0 size-inherit",
                 size: e.size,
@@ -291,23 +329,23 @@ const T = (e, o) => {
               }, [
                 f("use", {
                   "xlink:href": `#icon-${e.name}`
-                }, null, 8, Q)
-              ], 8, K)) : n.value === "two-color-svg" ? (a(), d(
+                }, null, 8, Y)
+              ], 8, X)) : i.value === "two-color-svg" ? (a(), d(
                 "svg",
                 {
                   key: 3,
                   class: "two-color-icon shrink-0 size-inherit",
-                  style: k(y.value),
+                  style: y(p.value),
                   "aria-hidden": "true"
                 },
                 [
                   f("use", {
                     "xlink:href": `#${e.name}`
-                  }, null, 8, X)
+                  }, null, 8, Z)
                 ],
                 4
                 /* STYLE */
-              )) : n.value === "img" ? (a(), g(p(A), {
+              )) : i.value === "img" ? (a(), g(k(A), {
                 key: 4,
                 src: e.name,
                 class: "shrink-0"
@@ -343,7 +381,7 @@ const T = (e, o) => {
       );
     };
   }
-}), 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({
+}), ee = /* @__PURE__ */ T(_, [["__scopeId", "data-v-c202da9d"]]), te = I(ee), oe = { class: "text-sm text-white bg-[var(--el-avatar-bg-color)] flex-center h-full w-full" }, le = /* @__PURE__ */ C({
   name: "IkAvatar",
   __name: "index",
   props: {
@@ -359,14 +397,14 @@ const T = (e, o) => {
     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);
+    }), { cLoadUrl: n } = V(o), s = c(() => q(n.value, o.src || "")), i = 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");
+      const b = B("ElAvatar"), p = B("el-image-viewer");
       return a(), d(
-        B,
+        U,
         null,
         [
           F(b, {
@@ -374,14 +412,14 @@ const T = (e, o) => {
             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)" }),
+            style: y({ "--el-avatar-bg-color": s.value ? "var(--ik-form-bg)" : "var(--ik-color-primary)" }),
             onClick: u
           }, {
             default: x(() => [
               f(
                 "span",
-                ee,
-                $(t.value),
+                oe,
+                S(t.value),
                 1
                 /* TEXT */
               )
@@ -389,12 +427,12 @@ const T = (e, o) => {
             _: 1
             /* STABLE */
           }, 8, ["src", "size", "shape", "fit", "style"]),
-          h.value ? (a(), g(y, {
+          h.value ? (a(), g(p, {
             key: 0,
-            "url-list": n.value,
+            "url-list": i.value,
             "show-progress": "",
             teleported: "",
-            onClose: v[0] || (v[0] = (i) => h.value = !1)
+            onClose: v[0] || (v[0] = (l) => h.value = !1)
           }, null, 8, ["url-list"])) : w("v-if", !0)
         ],
         64
@@ -402,12 +440,12 @@ const T = (e, o) => {
       );
     };
   }
-}), oe = U(te), ie = () => ({
+}), ne = I(le), 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%)`;
   }
-}), le = /* @__PURE__ */ I({
+}), ae = /* @__PURE__ */ C({
   __name: "IkLinearIcon",
   props: {
     icon: {
@@ -425,20 +463,20 @@ const T = (e, o) => {
   },
   setup(e) {
     G((s) => ({
-      v435077c3: l.value
+      v435077c3: n.value
     }));
-    const o = e, { getLinearGradient: t } = ie(), l = c(() => `${o.size}px`);
-    return (s, n) => (a(), d(
+    const o = e, { getLinearGradient: t } = ie(), n = c(() => `${o.size}px`);
+    return (s, i) => (a(), d(
       "div",
       {
         class: "form-icon",
-        style: k({ backgroundImage: p(t)(e.backgroundColor || "#28b8a4") })
+        style: y({ backgroundImage: k(t)(e.backgroundColor || "#28b8a4") })
       },
       [
         f(
           "i",
           {
-            class: C(`ikflow ${e.icon}`)
+            class: $(`ikflow ${e.icon}`)
           },
           null,
           2
@@ -449,7 +487,7 @@ const T = (e, o) => {
       /* STYLE */
     ));
   }
-}), 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({
+}), se = /* @__PURE__ */ T(ae, [["__scopeId", "data-v-0bc5a180"]]), re = { class: "side-text items-center" }, ce = { class: "side-left flex items-center" }, ue = { class: "side-right" }, fe = { class: "text-over-line" }, de = { class: "text-over-line sub-title" }, ve = /* @__PURE__ */ C({
   __name: "IkSideText",
   props: {
     // 名称
@@ -511,16 +549,16 @@ const T = (e, o) => {
     }
   },
   setup(e) {
-    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;
+    const o = e, { cLoadUrl: t } = V(o), n = (u) => u ? u.startsWith("http") ? u : `${t.value}${u}` : "", s = c(() => n(o.avatar)), i = E(!!o.avatar), h = () => {
+      i.value = !1;
     };
     return (u, m) => {
       var v;
-      return a(), d("div", ae, [
-        f("div", se, [
-          e.avatarType === "url" ? (a(), g(p(oe), {
+      return a(), d("div", re, [
+        f("div", ce, [
+          e.avatarType === "url" ? (a(), g(k(ne), {
             key: 0,
-            style: k({ "--el-avatar-bg-color": s.value ? "var(--ik-form-bg)" : "var(--ik-color-primary)" }),
+            style: y({ "--el-avatar-bg-color": s.value ? "var(--ik-form-bg)" : "var(--ik-color-primary)" }),
             size: e.size,
             shape: e.shape,
             src: s.value,
@@ -528,12 +566,12 @@ const T = (e, o) => {
             onError: h
           }, {
             default: x(() => [
-              n.value ? w("v-if", !0) : (a(), d(
-                B,
+              i.value ? w("v-if", !0) : (a(), d(
+                U,
                 { key: 0 },
                 [
                   P(
-                    $(e.name.slice(-2)),
+                    S(e.name.slice(-2)),
                     1
                     /* TEXT */
                   )
@@ -545,32 +583,32 @@ const T = (e, o) => {
             _: 1
             /* STABLE */
           }, 8, ["style", "size", "shape", "src", "fit"])) : w("v-if", !0),
-          e.avatarType === "icon" ? (a(), g(p(_), {
+          e.avatarType === "icon" ? (a(), g(k(te), {
             key: 1,
             name: `iksvg_${(v = e.avatar) == null ? void 0 : v.replace("iksvg_", "")}`,
             "show-bg": e.showIconBg,
             type: e.iconType,
-            style: k({ fontSize: e.showIconBg ? "34px" : "40px" }),
+            style: y({ fontSize: e.showIconBg ? "34px" : "40px" }),
             size: e.iconSize
           }, null, 8, ["name", "show-bg", "type", "style", "size"])) : w("v-if", !0),
-          e.avatarType === "linearIcon" ? (a(), g(ne, {
+          e.avatarType === "linearIcon" ? (a(), g(se, {
             key: 2,
             icon: e.avatar,
             "background-color": e.iconBackgroundColor
           }, null, 8, ["icon", "background-color"])) : w("v-if", !0)
         ]),
-        f("div", re, [
+        f("div", ue, [
           f(
             "p",
-            ce,
-            $(e.text),
+            fe,
+            S(e.text),
             1
             /* TEXT */
           ),
           f(
             "p",
-            ue,
-            $(e.subText),
+            de,
+            S(e.subText),
             1
             /* TEXT */
           )
@@ -578,8 +616,8 @@ const T = (e, o) => {
       ]);
     };
   }
-}), de = /* @__PURE__ */ T(fe, [["__scopeId", "data-v-ac7ef2be"]]), ge = U(de);
+}), he = /* @__PURE__ */ T(ve, [["__scopeId", "data-v-ac7ef2be"]]), pe = I(he);
 export {
-  ge as IkSideText,
-  ge as default
+  pe as IkSideText,
+  pe as default
 };

package/dist/IkSvgIcon/ik-next-ui.css

@@ -1 +1 @@
-.ik-icon[data-v-7dee8b6e]{cursor:pointer;outline:none;border-radius:var(--ik-radius)}.ik-icon[data-v-7dee8b6e] .el-tooltip__trigger{width:inherit;height:inherit}.ik-icon .iconfont[data-v-7dee8b6e]{display:inline-flex;align-items:center;justify-content:center}.ik-icon .two-color-icon[data-v-7dee8b6e]{transition:all .2s ease}.ik-icon.margin+.ik-icon[data-v-7dee8b6e]:not(.un-margin){margin-left:var(--ik-margin-8)}.ik-icon:not(.is-disabled):hover .two-color-icon[data-v-7dee8b6e]{--ik-icon-deep-color: var(--ik-icon-deep-hover);--ik-icon-shallow-color: var(--ik-icon-shallow-hover)}.ik-icon.is-active .two-color-icon[data-v-7dee8b6e]{--ik-icon-deep-color: var(--ik-icon-deep-active);--ik-icon-shallow-color: var(--ik-icon-shallow-active)}.ik-icon.is-disabled .two-color-icon[data-v-7dee8b6e]{--ik-icon-deep-color: var(--ik-icon-deep-disabled);--ik-icon-shallow-color: var(--ik-icon-shallow-disabled);cursor:not-allowed;opacity:.6}.ik-icon.is-success:not(.is-disabled):hover .two-color-icon[data-v-7dee8b6e]{--ik-icon-deep-color: var(--ik-icon-success-deep-hover);--ik-icon-shallow-color: var(--ik-icon-success-shallow-hover)}.ik-icon.is-success.is-active .two-color-icon[data-v-7dee8b6e]{--ik-icon-deep-color: var(--ik-icon-success-deep-active);--ik-icon-shallow-color: var(--ik-icon-success-shallow-active)}.ik-icon.is-warning:not(.is-disabled):hover .two-color-icon[data-v-7dee8b6e]{--ik-icon-deep-color: var(--ik-icon-warning-deep-hover);--ik-icon-shallow-color: var(--ik-icon-warning-shallow-hover)}.ik-icon.is-warning.is-active .two-color-icon[data-v-7dee8b6e]{--ik-icon-deep-color: var(--ik-icon-warning-deep-active);--ik-icon-shallow-color: var(--ik-icon-warning-shallow-active)}.ik-icon.is-danger:not(.is-disabled):hover .two-color-icon[data-v-7dee8b6e]{--ik-icon-deep-color: var(--ik-icon-danger-deep-hover);--ik-icon-shallow-color: var(--ik-icon-danger-shallow-hover)}.ik-icon.is-danger.is-active .two-color-icon[data-v-7dee8b6e]{--ik-icon-deep-color: var(--ik-icon-danger-deep-active);--ik-icon-shallow-color: var(--ik-icon-danger-shallow-active)}.ik-icon.is-error:not(.is-disabled):hover .two-color-icon[data-v-7dee8b6e]{--ik-icon-deep-color: var(--ik-icon-danger-deep-hover);--ik-icon-shallow-color: var(--ik-icon-danger-shallow-hover)}.ik-icon.is-error.is-active .two-color-icon[data-v-7dee8b6e]{--ik-icon-deep-color: var(--ik-icon-danger-deep-active);--ik-icon-shallow-color: var(--ik-icon-danger-shallow-active)}.ik-icon.text-danger[data-v-7dee8b6e]:hover,.ik-icon .iksvg_shanchu[data-v-7dee8b6e]:hover{color:var(--ik-color-error)}.ik-icon.is-active[data-v-7dee8b6e]{color:var(--ik-color-primary)}.ik-icon.bg[data-v-7dee8b6e]{color:var(--ik-icon-color);background-color:var(--ik-icon-bg)}.ik-icon.bg.is-active[data-v-7dee8b6e]{color:var(--ik-color-primary);background-color:var(--ik-icon-hover-bg)}.ik-icon.bg[data-v-7dee8b6e]:not(.is-disabled):hover{color:var(--ik-color-primary);background-color:var(--ik-icon-hover-bg)}.ik-icon.bg.is-disabled[data-v-7dee8b6e]{background-color:var(--ik-icon-disabled-bg)}.ik-icon.bg.is-success.is-active[data-v-7dee8b6e]{color:var(--ik-color-success);background-color:var(--ik-icon-success-hover-bg)}.ik-icon.bg.is-success[data-v-7dee8b6e]:not(.is-disabled):hover{color:var(--ik-color-success);background-color:var(--ik-icon-success-hover-bg)}.ik-icon.bg.is-warning.is-active[data-v-7dee8b6e]{color:var(--ik-color-warning);background-color:var(--ik-icon-warning-hover-bg)}.ik-icon.bg.is-warning[data-v-7dee8b6e]:not(.is-disabled):hover{color:var(--ik-color-warning);background-color:var(--ik-icon-warning-hover-bg)}.ik-icon.bg.is-danger.is-active[data-v-7dee8b6e]{color:var(--ik-color-error);background-color:var(--ik-icon-danger-hover-bg)}.ik-icon.bg.is-danger[data-v-7dee8b6e]:not(.is-disabled):hover{color:var(--ik-color-error);background-color:var(--ik-icon-danger-hover-bg)}.ik-icon.bg.is-error.is-active[data-v-7dee8b6e]{color:var(--ik-color-error);background-color:var(--ik-icon-error-hover-bg)}.ik-icon.bg.is-error[data-v-7dee8b6e]:not(.is-disabled):hover{color:var(--ik-color-error);background-color:var(--ik-icon-error-bg)}.ik-icon.bg.text-danger.is-active[data-v-7dee8b6e]{color:var(--ik-color-error);background-color:var(--ik-danger-light-2)}.ik-icon.bg.text-danger[data-v-7dee8b6e]:not(.is-disabled):hover{color:var(--ik-color-error);background-color:var(--ik-danger-light-2)}.ik-icon.bg .iksvg_shanchu[data-v-7dee8b6e]:hover{color:var(--ik-color-error);background-color:var(--ik-danger-light-2)}.ik-icon.bg svg[data-v-7dee8b6e]{padding:21%}
+.ik-icon[data-v-c202da9d]{cursor:pointer;outline:none;border-radius:var(--ik-radius)}.ik-icon[data-v-c202da9d] .el-tooltip__trigger{width:inherit;height:inherit}.ik-icon .iconfont[data-v-c202da9d]{display:inline-flex;align-items:center;justify-content:center}.ik-icon .two-color-icon[data-v-c202da9d]{transition:all .2s ease}.ik-icon.margin+.ik-icon[data-v-c202da9d]:not(.un-margin){margin-left:var(--ik-margin-8)}.ik-icon:not(.is-disabled):hover .two-color-icon[data-v-c202da9d]{--ik-icon-deep-color: var(--ik-icon-deep-hover);--ik-icon-shallow-color: var(--ik-icon-shallow-hover)}.ik-icon.is-active .two-color-icon[data-v-c202da9d]{--ik-icon-deep-color: var(--ik-icon-deep-active);--ik-icon-shallow-color: var(--ik-icon-shallow-active)}.ik-icon.is-disabled .two-color-icon[data-v-c202da9d]{--ik-icon-deep-color: var(--ik-icon-deep-disabled);--ik-icon-shallow-color: var(--ik-icon-shallow-disabled);cursor:not-allowed;opacity:.6}.ik-icon.is-success:not(.is-disabled):hover .two-color-icon[data-v-c202da9d]{--ik-icon-deep-color: var(--ik-icon-success-deep-hover);--ik-icon-shallow-color: var(--ik-icon-success-shallow-hover)}.ik-icon.is-success.is-active .two-color-icon[data-v-c202da9d]{--ik-icon-deep-color: var(--ik-icon-success-deep-active);--ik-icon-shallow-color: var(--ik-icon-success-shallow-active)}.ik-icon.is-warning:not(.is-disabled):hover .two-color-icon[data-v-c202da9d]{--ik-icon-deep-color: var(--ik-icon-warning-deep-hover);--ik-icon-shallow-color: var(--ik-icon-warning-shallow-hover)}.ik-icon.is-warning.is-active .two-color-icon[data-v-c202da9d]{--ik-icon-deep-color: var(--ik-icon-warning-deep-active);--ik-icon-shallow-color: var(--ik-icon-warning-shallow-active)}.ik-icon.is-danger:not(.is-disabled):hover .two-color-icon[data-v-c202da9d]{--ik-icon-deep-color: var(--ik-icon-danger-deep-hover);--ik-icon-shallow-color: var(--ik-icon-danger-shallow-hover)}.ik-icon.is-danger.is-active .two-color-icon[data-v-c202da9d]{--ik-icon-deep-color: var(--ik-icon-danger-deep-active);--ik-icon-shallow-color: var(--ik-icon-danger-shallow-active)}.ik-icon.is-error:not(.is-disabled):hover .two-color-icon[data-v-c202da9d]{--ik-icon-deep-color: var(--ik-icon-danger-deep-hover);--ik-icon-shallow-color: var(--ik-icon-danger-shallow-hover)}.ik-icon.is-error.is-active .two-color-icon[data-v-c202da9d]{--ik-icon-deep-color: var(--ik-icon-danger-deep-active);--ik-icon-shallow-color: var(--ik-icon-danger-shallow-active)}.ik-icon.text-danger[data-v-c202da9d]:hover,.ik-icon .iksvg_shanchu[data-v-c202da9d]:hover{color:var(--ik-color-error)}.ik-icon.is-active[data-v-c202da9d]{color:var(--ik-color-primary)}.ik-icon.bg[data-v-c202da9d]{color:var(--ik-icon-color);background-color:var(--ik-icon-bg)}.ik-icon.bg.is-active[data-v-c202da9d]{color:var(--ik-color-primary);background-color:var(--ik-icon-hover-bg)}.ik-icon.bg[data-v-c202da9d]:not(.is-disabled):hover{color:var(--ik-color-primary);background-color:var(--ik-icon-hover-bg)}.ik-icon.bg.is-disabled[data-v-c202da9d]{background-color:var(--ik-icon-disabled-bg)}.ik-icon.bg.is-success.is-active[data-v-c202da9d]{color:var(--ik-color-success);background-color:var(--ik-icon-success-hover-bg)}.ik-icon.bg.is-success[data-v-c202da9d]:not(.is-disabled):hover{color:var(--ik-color-success);background-color:var(--ik-icon-success-hover-bg)}.ik-icon.bg.is-warning.is-active[data-v-c202da9d]{color:var(--ik-color-warning);background-color:var(--ik-icon-warning-hover-bg)}.ik-icon.bg.is-warning[data-v-c202da9d]:not(.is-disabled):hover{color:var(--ik-color-warning);background-color:var(--ik-icon-warning-hover-bg)}.ik-icon.bg.is-danger.is-active[data-v-c202da9d]{color:var(--ik-color-error);background-color:var(--ik-icon-danger-hover-bg)}.ik-icon.bg.is-danger[data-v-c202da9d]:not(.is-disabled):hover{color:var(--ik-color-error);background-color:var(--ik-icon-danger-hover-bg)}.ik-icon.bg.is-error.is-active[data-v-c202da9d]{color:var(--ik-color-error);background-color:var(--ik-icon-error-hover-bg)}.ik-icon.bg.is-error[data-v-c202da9d]:not(.is-disabled):hover{color:var(--ik-color-error);background-color:var(--ik-icon-error-bg)}.ik-icon.bg.text-danger.is-active[data-v-c202da9d]{color:var(--ik-color-error);background-color:var(--ik-danger-light-2)}.ik-icon.bg.text-danger[data-v-c202da9d]:not(.is-disabled):hover{color:var(--ik-color-error);background-color:var(--ik-danger-light-2)}.ik-icon.bg .iksvg_shanchu[data-v-c202da9d]:hover{color:var(--ik-color-error);background-color:var(--ik-danger-light-2)}.ik-icon.bg svg[data-v-c202da9d]{padding:21%}