iking-web-ui-pro 0.3.2 → 0.3.4

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 o, Fragment as x, normalizeClass as u, normalizeStyle as r, createCommentVNode as I, createElementVNode as m, createBlock as b, withCtx as w, createTextVNode as C, toDisplayString as $ } from "vue";
-import { ikColor as M } from "iking-utils-pro";
-const S = (s, c) => (s.install = (n) => {
-  for (const e of [s, ...Object.values({})])
-    n.component(e.name, e);
-}, s), T = {
+import { defineComponent as z, computed as d, resolveComponent as k, openBlock as a, createElementBlock as s, Fragment as C, normalizeClass as u, normalizeStyle as r, createElementVNode as m, createBlock as b, withCtx as w, createTextVNode as I, toDisplayString as x } 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 = {
   key: 1,
   class: "h-[1em] w-[1em]",
   "aria-hidden": "true"
-}, j = ["xlink:href"], D = ["src"], E = {
+}, T = ["xlink:href"], j = ["src"], D = {
   key: 1,
   class: "h-[1em] w-[1em]",
   "aria-hidden": "true"
-}, N = ["xlink:href"], O = ["src"], V = /* @__PURE__ */ z({
+}, E = ["xlink:href"], O = ["src"], L = /* @__PURE__ */ z({
   name: "IkSvgIcon",
   __name: "index",
   props: {
@@ -33,16 +33,17 @@ const S = (s, c) => (s.install = (n) => {
     success: { type: Boolean },
     tableIconType: {},
     title: {},
-    type: {},
+    type: { default: "primary" },
     warning: { type: Boolean },
-    width: {}
+    width: {},
+    iconClass: { default: "" }
   },
   emits: ["click", "mouseenter", "mouseleave", "dblclick"],
-  setup(s, { emit: c }) {
-    const n = s, e = d(() => n), a = d(() => {
+  setup(o, { emit: c }) {
+    const i = o, e = d(() => i), t = d(() => {
       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";
-    }), i = d(() => {
+    }), n = d(() => {
       const l = [];
       if (e.value.flip)
         switch (e.value.flip) {
@@ -63,15 +64,15 @@ const S = (s, c) => (s.install = (n) => {
         ...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 && t.value !== "iksig" ? {
           "--ik-icon-deep-color": e.value.color,
-          "--ik-icon-shallow-color": e.value.colorLight || M.setOpacity(e.value.color, e.value.opacity)
+          "--ik-icon-shallow-color": e.value.colorLight || $.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, y = (l) => {
+    }), v = c, g = (l) => {
       v("click", l);
-    }, g = (l) => {
+    }, y = (l) => {
       v("mouseenter", l);
     }, f = (l) => {
       v("mouseleave", l);
@@ -80,16 +81,17 @@ const S = (s, c) => (s.install = (n) => {
     };
     return (l, p) => {
       const _ = k("el-tooltip"), B = k("el-button");
-      return e.value.tableIconType === "icon" || !e.value.tableIconType ? (t(), o(
-        x,
+      return e.value.tableIconType === "icon" || !e.value.tableIconType ? (a(), s(
+        C,
         { key: 0 },
         [
-          e.value.notip || !e.value.title ? (t(), o(
-            "span",
+          e.value.notip || !e.value.title ? (a(), 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",
+                [l.iconClass]: !0,
+                [l.name]: t.value === "unocss",
                 "show-bg": e.value.showBg || e.value.bg,
                 default: e.value.size === "default",
                 small: e.value.size === "small",
@@ -101,38 +103,37 @@ const S = (s, c) => (s.install = (n) => {
                 active: e.value.active,
                 disabled: e.value.disabled
               }]),
-              style: r(i.value),
-              onClick: y,
+              style: r(n.value),
+              onClick: g,
               onDblclick: h,
-              onMouseenter: g,
+              onMouseenter: y,
               onMouseleave: f
             },
             [
-              I(` <Icon v-if="outputType === 'iconify'" :icon="name" /> `),
-              a.value === "iksig" ? (t(), o(
+              t.value === "iksig" ? (a(), s(
                 "i",
                 {
                   key: 0,
                   class: u(`iksig ${e.value.name}`),
-                  style: r(i.value)
+                  style: r(n.value)
                 },
                 null,
                 6
                 /* CLASS, STYLE */
-              )) : a.value === "svg" ? (t(), o("svg", T, [
+              )) : t.value === "svg" ? (a(), s("svg", S, [
                 m("use", {
                   "xlink:href": `#${e.value.name}`
-                }, null, 8, j)
-              ])) : a.value === "img" ? (t(), o("img", {
+                }, null, 8, T)
+              ])) : t.value === "img" ? (a(), s("img", {
                 key: 2,
                 src: e.value.name,
                 class: "h-[1em] w-[1em]"
-              }, null, 8, D)) : (t(), o(
+              }, null, 8, j)) : (a(), s(
                 "i",
                 {
                   key: 3,
                   class: u(e.value.name),
-                  style: r(i.value)
+                  style: r(n.value)
                 },
                 null,
                 6
@@ -141,18 +142,20 @@ const S = (s, c) => (s.install = (n) => {
             ],
             38
             /* CLASS, STYLE, NEED_HYDRATION */
-          )) : (t(), b(_, {
+          )) : (a(), b(_, {
             key: 1,
             content: e.value.title,
             placement: "top",
+            "popper-class": "ik-svg-icon-tooltip",
             "hide-after": 0
           }, {
             default: w(() => [
               m(
-                "span",
+                "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",
+                    [l.iconClass]: !0,
+                    [l.name]: t.value === "unocss",
                     "show-bg": e.value.showBg || e.value.bg,
                     default: e.value.size === "default",
                     small: e.value.size === "small",
@@ -161,39 +164,41 @@ const S = (s, c) => (s.install = (n) => {
                     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
+                    active: e.value.active,
+                    disabled: e.value.disabled,
+                    ...l.$attrs.class || {}
                   }]),
-                  style: r(i.value),
-                  onClick: y,
+                  style: r(n.value),
+                  onClick: g,
                   onDblclick: h,
-                  onMouseenter: g,
+                  onMouseenter: y,
                   onMouseleave: f
                 },
                 [
-                  a.value === "iksig" ? (t(), o(
+                  t.value === "iksig" ? (a(), s(
                     "i",
                     {
                       key: 0,
                       class: u(`iksig ${e.value.name}`),
-                      style: r(i.value)
+                      style: r(n.value)
                     },
                     null,
                     6
                     /* CLASS, STYLE */
-                  )) : a.value === "svg" ? (t(), o("svg", E, [
+                  )) : t.value === "svg" ? (a(), s("svg", D, [
                     m("use", {
                       "xlink:href": `#${e.value.name}`
-                    }, null, 8, N)
-                  ])) : a.value === "img" ? (t(), o("img", {
+                    }, null, 8, E)
+                  ])) : t.value === "img" ? (a(), s("img", {
                     key: 2,
                     src: e.value.name,
                     class: "h-[1em] w-[1em]"
-                  }, null, 8, O)) : (t(), o(
+                  }, null, 8, O)) : (a(), s(
                     "i",
                     {
                       key: 3,
                       class: u(e.value.name),
-                      style: r(i.value)
+                      style: r(n.value)
                     },
                     null,
                     6
@@ -210,13 +215,13 @@ const S = (s, c) => (s.install = (n) => {
         ],
         64
         /* STABLE_FRAGMENT */
-      )) : (t(), b(B, {
+      )) : (a(), b(B, {
         key: 1,
         type: ["warning", "error"].includes(e.value.type) ? "danger" : ""
       }, {
         default: w(() => [
-          C(
-            $(e.value.title),
+          I(
+            x(e.value.title),
             1
             /* TEXT */
           )
@@ -226,13 +231,13 @@ const S = (s, c) => (s.install = (n) => {
       }, 8, ["type"]));
     };
   }
-}), L = (s, c) => {
-  const n = s.__vccOpts || s;
-  for (const [e, a] of c)
-    n[e] = a;
-  return n;
-}, W = /* @__PURE__ */ L(V, [["__scopeId", "data-v-c7804024"]]), F = S(W);
+}), N = (o, c) => {
+  const i = o.__vccOpts || o;
+  for (const [e, t] of c)
+    i[e] = t;
+  return i;
+}, V = /* @__PURE__ */ N(L, [["__scopeId", "data-v-64b61696"]]), Y = M(V);
 export {
-  F as IkSvgIcon,
-  F as default
+  Y as IkSvgIcon,
+  Y as default
 };

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

@@ -1 +1 @@
-.row-title[data-v-c7804024]{display:flex}.ik-svg-icon.ik-icon-span[data-v-c7804024]:not(:first-child){margin-left:var(--ik-margin-s-8)}
+.row-title[data-v-64b61696]{display:flex}.ik-svg-icon.ik-icon-span[data-v-64b61696]: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)}