iking-web-ui-pro 0.3.3 → 0.3.5

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

@@ -1,17 +1,17 @@
-import { defineComponent as z, computed as d, resolveComponent as k, openBlock as t, createElementBlock as s, Fragment as x, normalizeClass as u, normalizeStyle as r, createElementVNode as m, createBlock as b, withCtx as w, createTextVNode as I, toDisplayString as C } from "vue";
-import { ikColor as $ } from "iking-utils-pro";
-const M = (o, c) => (o.install = (i) => {
-  for (const e of [o, ...Object.values({})])
-    i.component(e.name, e);
-}, o), S = {
+import { defineComponent as z, computed as v, resolveComponent as p, openBlock as t, createElementBlock as a, normalizeClass as i, normalizeStyle as x, Fragment as d, createElementVNode as m, createBlock as g, withCtx as f, mergeProps as C, createTextVNode as I, toDisplayString as $ } from "vue";
+import { ikColor as S } from "iking-utils-pro";
+const T = (s, r) => (s.install = (n) => {
+  for (const e of [s, ...Object.values({})])
+    n.component(e.name, e);
+}, s), M = {
   key: 1,
   class: "h-[1em] w-[1em]",
   "aria-hidden": "true"
-}, T = ["xlink:href"], j = ["src"], D = {
+}, j = ["xlink:href"], D = ["src"], O = {
   key: 1,
   class: "h-[1em] w-[1em]",
   "aria-hidden": "true"
-}, E = ["xlink:href"], O = ["src"], L = /* @__PURE__ */ z({
+}, E = ["xlink:href"], L = ["src"], N = /* @__PURE__ */ z({
   name: "IkSvgIcon",
   __name: "index",
   props: {
@@ -35,14 +35,15 @@ const M = (o, c) => (o.install = (i) => {
     title: {},
     type: { default: "primary" },
     warning: { type: Boolean },
-    width: {}
+    width: {},
+    iconClass: { default: "" }
   },
   emits: ["click", "mouseenter", "mouseleave", "dblclick"],
-  setup(o, { emit: c }) {
-    const i = o, e = d(() => i), a = d(() => {
+  setup(s, { emit: r }) {
+    const n = s, e = v(() => n), o = v(() => {
       const { name: l } = e.value;
       return /^http?:\/\//.test(l) ? "img" : /i-[^:]+:[^:]+/.test(l) ? "unocss" : l != null && l.startsWith("iksig") ? "iksig" : l != null && l.includes(":") ? "iconify" : l != null && l.startsWith("iksvg") ? "svg" : "i";
-    }), n = d(() => {
+    }), h = v(() => {
       const l = [];
       if (e.value.flip)
         switch (e.value.flip) {
@@ -57,183 +58,158 @@ const M = (o, c) => (o.install = (i) => {
             break;
         }
       e.value.rotate && l.push(`rotate(${e.value.rotate % 360}deg)`);
-      const p = {
-        pointerEvents: e.value.disabled ? "none" : "auto",
+      const c = {
         ...e.value.color && { color: e.value.color },
         ...e.value.size && { fontSize: typeof e.value.size == "number" ? `${e.value.size}px` : e.value.size },
         ...l.length && { transform: l.join(" ") },
         padding: e.value.showBg || e.value.bg ? e.value.padding : 0,
-        ...e.value.color && a.value !== "iksig" ? {
+        ...e.value.color && o.value !== "iksig" ? {
           "--ik-icon-deep-color": e.value.color,
-          "--ik-icon-shallow-color": e.value.colorLight || $.setOpacity(e.value.color, e.value.opacity)
+          "--ik-icon-shallow-color": e.value.colorLight || S.setOpacity(e.value.color, e.value.opacity)
         } : {}
       };
-      return e.value.width && (p.width = p.height = typeof e.value.width == "number" ? `${e.value.width}px` : e.value.width), p;
-    }), v = c, g = (l) => {
-      v("click", l);
-    }, y = (l) => {
-      v("mouseenter", l);
-    }, f = (l) => {
-      v("mouseleave", l);
-    }, h = (l) => {
-      v("dblclick", l);
+      return e.value.width && (c.width = c.height = typeof e.value.width == "number" ? `${e.value.width}px` : e.value.width), c;
+    }), u = r, y = (l) => {
+      u("click", l);
+    }, k = (l) => {
+      u("mouseenter", l);
+    }, _ = (l) => {
+      u("mouseleave", l);
+    }, b = (l) => {
+      u("dblclick", l);
     };
-    return (l, p) => {
-      const _ = k("el-tooltip"), B = k("el-button");
-      return e.value.tableIconType === "icon" || !e.value.tableIconType ? (t(), s(
-        x,
-        { key: 0 },
+    return (l, c) => {
+      const w = p("el-tooltip"), B = p("el-button");
+      return t(), a(
+        "i",
+        {
+          class: i(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
+            [l.iconClass]: !0,
+            [l.name]: o.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: l.success || e.value.type === "success",
+            error: e.value.error || e.value.type === "error",
+            active: e.value.active,
+            disabled: e.value.disabled
+          }]),
+          style: x(h.value),
+          onClick: y,
+          onDblclick: b,
+          onMouseenter: k,
+          onMouseleave: _
+        },
         [
-          e.value.notip || !e.value.title ? (t(), s(
-            "i",
-            {
-              key: 0,
-              class: u(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
-                [l.name]: a.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: l.success || e.value.type === "success",
-                error: e.value.error || e.value.type === "error",
-                active: e.value.active,
-                disabled: e.value.disabled
-              }]),
-              style: r(n.value),
-              onClick: g,
-              onDblclick: h,
-              onMouseenter: y,
-              onMouseleave: f
-            },
+          e.value.tableIconType === "icon" || !e.value.tableIconType ? (t(), a(
+            d,
+            { key: 0 },
             [
-              a.value === "iksig" ? (t(), s(
-                "i",
-                {
-                  key: 0,
-                  class: u(`iksig ${e.value.name}`),
-                  style: r(n.value)
-                },
-                null,
-                6
-                /* CLASS, STYLE */
-              )) : a.value === "svg" ? (t(), s("svg", S, [
-                m("use", {
-                  "xlink:href": `#${e.value.name}`
-                }, null, 8, T)
-              ])) : a.value === "img" ? (t(), s("img", {
-                key: 2,
-                src: e.value.name,
-                class: "h-[1em] w-[1em]"
-              }, null, 8, j)) : (t(), s(
-                "i",
-                {
-                  key: 3,
-                  class: u(e.value.name),
-                  style: r(n.value)
-                },
-                null,
-                6
-                /* CLASS, STYLE */
-              ))
-            ],
-            38
-            /* CLASS, STYLE, NEED_HYDRATION */
-          )) : (t(), b(_, {
-            key: 1,
-            content: e.value.title,
-            placement: "top",
-            "popper-class": "ik-svg-icon-tooltip",
-            "hide-after": 0
-          }, {
-            default: w(() => [
-              m(
-                "i",
-                {
-                  class: u(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
-                    [l.name]: a.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: l.primary || e.value.type === "primary",
-                    success: l.success || e.value.type === "success",
-                    error: e.value.error || e.value.type === "error",
-                    active: e.value.active,
-                    disabled: e.value.disabled
-                  }]),
-                  style: r(n.value),
-                  onClick: g,
-                  onDblclick: h,
-                  onMouseenter: y,
-                  onMouseleave: f
-                },
+              e.value.notip || !e.value.title ? (t(), a(
+                d,
+                { key: 0 },
                 [
-                  a.value === "iksig" ? (t(), s(
+                  o.value === "iksig" ? (t(), a(
                     "i",
                     {
                       key: 0,
-                      class: u(`iksig ${e.value.name}`),
-                      style: r(n.value)
+                      class: i(`iksig ${e.value.name}`)
                     },
                     null,
-                    6
-                    /* CLASS, STYLE */
-                  )) : a.value === "svg" ? (t(), s("svg", D, [
+                    2
+                    /* CLASS */
+                  )) : o.value === "svg" ? (t(), a("svg", M, [
                     m("use", {
                       "xlink:href": `#${e.value.name}`
-                    }, null, 8, E)
-                  ])) : a.value === "img" ? (t(), s("img", {
+                    }, null, 8, j)
+                  ])) : o.value === "img" ? (t(), a("img", {
                     key: 2,
                     src: e.value.name,
                     class: "h-[1em] w-[1em]"
-                  }, null, 8, O)) : (t(), s(
+                  }, null, 8, D)) : (t(), a(
                     "i",
                     {
                       key: 3,
-                      class: u(e.value.name),
-                      style: r(n.value)
+                      class: i(e.value.name)
                     },
                     null,
-                    6
-                    /* CLASS, STYLE */
+                    2
+                    /* CLASS */
                   ))
                 ],
-                38
-                /* CLASS, STYLE, NEED_HYDRATION */
+                64
+                /* STABLE_FRAGMENT */
+              )) : (t(), g(w, {
+                key: 1,
+                content: e.value.title,
+                placement: "top",
+                "popper-class": "ik-svg-icon-tooltip",
+                "hide-after": 0
+              }, {
+                default: f(() => [
+                  o.value === "iksig" ? (t(), a(
+                    "i",
+                    {
+                      key: 0,
+                      class: i(`iksig ${e.value.name}`)
+                    },
+                    null,
+                    2
+                    /* CLASS */
+                  )) : o.value === "svg" ? (t(), a("svg", O, [
+                    m("use", {
+                      "xlink:href": `#${e.value.name}`
+                    }, null, 8, E)
+                  ])) : o.value === "img" ? (t(), a("img", {
+                    key: 2,
+                    src: e.value.name,
+                    class: "h-[1em] w-[1em]"
+                  }, null, 8, L)) : (t(), a(
+                    "i",
+                    {
+                      key: 3,
+                      class: i(e.value.name)
+                    },
+                    null,
+                    2
+                    /* CLASS */
+                  ))
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["content"]))
+            ],
+            64
+            /* STABLE_FRAGMENT */
+          )) : (t(), g(B, C({ key: 1 }, l.$attrs, {
+            type: ["warning", "error"].includes(e.value.type) ? "danger" : ""
+          }), {
+            default: f(() => [
+              I(
+                $(e.value.title),
+                1
+                /* TEXT */
               )
             ]),
             _: 1
             /* STABLE */
-          }, 8, ["content"]))
+          }, 16, ["type"]))
         ],
-        64
-        /* STABLE_FRAGMENT */
-      )) : (t(), b(B, {
-        key: 1,
-        type: ["warning", "error"].includes(e.value.type) ? "danger" : ""
-      }, {
-        default: w(() => [
-          I(
-            C(e.value.title),
-            1
-            /* TEXT */
-          )
-        ]),
-        _: 1
-        /* STABLE */
-      }, 8, ["type"]));
+        38
+        /* CLASS, STYLE, NEED_HYDRATION */
+      );
     };
   }
-}), N = (o, c) => {
-  const i = o.__vccOpts || o;
-  for (const [e, a] of c)
-    i[e] = a;
-  return i;
-}, V = /* @__PURE__ */ N(L, [["__scopeId", "data-v-6889f3aa"]]), Y = M(V);
+}), V = (s, r) => {
+  const n = s.__vccOpts || s;
+  for (const [e, o] of r)
+    n[e] = o;
+  return n;
+}, W = /* @__PURE__ */ V(N, [["__scopeId", "data-v-2648e369"]]), F = T(W);
 export {
-  Y as IkSvgIcon,
-  Y as default
+  F as IkSvgIcon,
+  F as default
 };

package/dist/IkSvgIcon/iking-web-ui-pro.css

@@ -1 +1 @@
-.row-title[data-v-6889f3aa]{display:flex}.ik-svg-icon.ik-icon-span[data-v-6889f3aa]:not(:first-child){margin-left:var(--ik-margin-s-8)}
+.row-title[data-v-2648e369]{display:flex}.ik-svg-icon.ik-icon-span[data-v-2648e369]:not(:first-child){margin-left:var(--ik-margin-s-8)}

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

@@ -1,4 +1,4 @@
-import { defineComponent as m, openBlock as u, createElementBlock as v, createElementVNode as h, useCssVars as w, ref as p, watch as x, computed as k, resolveComponent as S, Fragment as C, renderSlot as i, normalizeClass as T, createBlock as V, unref as f, createCommentVNode as b, createVNode as B, mergeProps as I, createSlots as $, withCtx as N } from "vue";
+import { defineComponent as m, openBlock as u, createElementBlock as v, createElementVNode as h, useCssVars as w, ref as p, watch as x, computed as k, resolveComponent as S, Fragment as b, renderSlot as i, normalizeClass as C, createBlock as T, unref as f, createCommentVNode as V, createVNode as B, mergeProps as I, createSlots as $, withCtx as N } from "vue";
 import { ElTree as E } from "element-plus";
 const F = (e, o) => (e.install = (r) => {
   for (const t of [e, ...Object.values({})])
@@ -48,7 +48,7 @@ const O = /* @__PURE__ */ m({
   },
   setup(e, { expose: o }) {
     w((a) => ({
-      "5063aceb": _.value
+      "3be8d276": _.value
     }));
     const r = e, t = p(""), l = p();
     x(
@@ -64,17 +64,17 @@ const O = /* @__PURE__ */ m({
     } }), (a, n) => {
       const g = S("el-input");
       return u(), v(
-        C,
+        b,
         null,
         [
           i(a.$slots, "inset", {}, void 0, !0),
           h(
             "div",
             {
-              class: T(["ik-tree-main", { "auto-flow": e.autoFlow }])
+              class: C(["ik-tree-main", { "auto-flow": e.autoFlow }])
             },
             [
-              e.showSearch ? (u(), V(g, {
+              e.showSearch ? (u(), T(g, {
                 key: 0,
                 modelValue: t.value,
                 "onUpdate:modelValue": n[0] || (n[0] = (s) => t.value = s),
@@ -83,7 +83,7 @@ const O = /* @__PURE__ */ m({
                 placeholder: e.placeholder,
                 clearable: "",
                 "suffix-icon": f(M)
-              }, null, 8, ["modelValue", "placeholder", "suffix-icon"])) : b("v-if", !0),
+              }, null, 8, ["modelValue", "placeholder", "suffix-icon"])) : V("v-if", !0),
               B(f(E), I({
                 ref_key: "treeRef",
                 ref: l,
@@ -121,7 +121,7 @@ const O = /* @__PURE__ */ m({
   for (const [t, l] of o)
     r[t] = l;
   return r;
-}, R = /* @__PURE__ */ P(O, [["__scopeId", "data-v-e9fdca57"]]), q = F(R);
+}, R = /* @__PURE__ */ P(O, [["__scopeId", "data-v-b8ae6ec2"]]), q = F(R);
 export {
   q as IkTree,
   q as default

package/dist/IkTree/iking-web-ui-pro.css

@@ -1 +1 @@
-.ik-tree-main[data-v-e9fdca57]{display:flex;flex-direction:column;height:100%}.ik-tree-main.auto-flow[data-v-e9fdca57]{margin:-20px}.ik-tree-main.auto-flow .ik-tree-search[data-v-e9fdca57]{padding:0 var(--5063aceb)}.ik-tree-main.auto-flow .ik-tree.el-tree[data-v-e9fdca57]{padding:0 var(--5063aceb);overflow:auto}.ik-tree-main .ik-tree-search[data-v-e9fdca57]{margin-bottom:8px}.ik-tree-main .ik-tree-search[data-v-e9fdca57] .el-input-group__append{padding:0}.ik-tree-main .ik-tree.el-tree[data-v-e9fdca57]{flex:1;color:var(--ik-header-menu-color)}.ik-tree-main .ik-tree.el-tree.auto-flow[data-v-e9fdca57]{margin-right:calc(var(--5063aceb) * -1);padding-right:var(--5063aceb)}.ik-tree-main .ik-tree.el-tree[data-v-e9fdca57] .el-tree-node.is-current.is-focusable>.el-tree-node__content{color:var(--el-color-primary)}.ik-tree-main .ik-tree.el-tree[data-v-e9fdca57] .el-tree-node.is-expanded.is-focusable>.el-tree-node__content{color:var(--ik-text-color)}.ik-tree-main .ik-tree.el-tree[data-v-e9fdca57] .el-tree-node.is-expanded.is-focusable .is-current>.el-tree-node__content{color:var(--ik-header-menu-active-color);background-color:var(--el-color-primary-light-9)}
+.ik-tree-main[data-v-b8ae6ec2]{display:flex;flex-direction:column;height:100%}.ik-tree-main.auto-flow[data-v-b8ae6ec2]{margin:-20px}.ik-tree-main.auto-flow .ik-tree-search[data-v-b8ae6ec2]{padding:0 var(--3be8d276)}.ik-tree-main.auto-flow .ik-tree.el-tree[data-v-b8ae6ec2]{padding:0 var(--3be8d276);overflow:auto}.ik-tree-main .ik-tree-search[data-v-b8ae6ec2]{margin-bottom:8px}.ik-tree-main .ik-tree-search[data-v-b8ae6ec2] .el-input-group__append{padding:0}.ik-tree-main .ik-tree.el-tree[data-v-b8ae6ec2]{flex:1;color:var(--ik-color-font-normal)}.ik-tree-main .ik-tree.el-tree.auto-flow[data-v-b8ae6ec2]{margin-right:calc(var(--3be8d276) * -1);padding-right:var(--3be8d276)}.ik-tree-main .ik-tree.el-tree[data-v-b8ae6ec2] .el-tree-node.is-current.is-focusable>.el-tree-node__content{color:var(--el-color-primary)}.ik-tree-main .ik-tree.el-tree[data-v-b8ae6ec2] .el-tree-node.is-expanded.is-focusable:not(.is-current)>.el-tree-node__content{color:var(--ik-text-color)}.ik-tree-main .ik-tree.el-tree[data-v-b8ae6ec2] .el-tree-node.is-expanded.is-focusable:not(.is-current) .is-current>.el-tree-node__content{color:var(--ik-header-menu-active-color);background-color:var(--el-color-primary-light-9)}