iking-web-ui-pro 0.3.2 → 0.3.3

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

@@ -1,4 +1,4 @@
-import { defineComponent as O, computed as w, resolveComponent as F, openBlock as s, createElementBlock as u, Fragment as z, normalizeClass as d, normalizeStyle as p, createCommentVNode as b, createElementVNode as f, createBlock as B, withCtx as N, createTextVNode as V, toDisplayString as $, renderList as j, unref as T } from "vue";
+import { defineComponent as T, computed as b, resolveComponent as F, openBlock as n, createElementBlock as u, Fragment as I, normalizeClass as d, normalizeStyle as p, createElementVNode as f, createBlock as B, withCtx as N, createTextVNode as V, toDisplayString as $, renderList as j, createCommentVNode as C, unref as M } from "vue";
 import { ikColor as L } from "iking-utils-pro";
 const D = (o, h) => (o.install = (r) => {
   for (const e of [o, ...Object.values({})])
@@ -16,7 +16,7 @@ const D = (o, h) => (o.install = (r) => {
   key: 1,
   class: "h-[1em] w-[1em]",
   "aria-hidden": "true"
-}, A = ["xlink:href"], G = ["src"], H = /* @__PURE__ */ O({
+}, A = ["xlink:href"], G = ["src"], H = /* @__PURE__ */ T({
   name: "IkSvgIcon",
   __name: "index",
   props: {
@@ -38,16 +38,16 @@ const D = (o, h) => (o.install = (r) => {
     success: { type: Boolean },
     tableIconType: {},
     title: {},
-    type: {},
+    type: { default: "primary" },
     warning: { type: Boolean },
     width: {}
   },
   emits: ["click", "mouseenter", "mouseleave", "dblclick"],
   setup(o, { emit: h }) {
-    const r = o, e = w(() => r), a = w(() => {
+    const r = o, e = b(() => r), a = b(() => {
       const { name: t } = e.value;
       return /^http?:\/\//.test(t) ? "img" : /i-[^:]+:[^:]+/.test(t) ? "unocss" : t != null && t.startsWith("iksig") ? "iksig" : t != null && t.includes(":") ? "iconify" : t != null && t.startsWith("iksvg") ? "svg" : "i";
-    }), v = w(() => {
+    }), v = b(() => {
       const t = [];
       if (e.value.flip)
         switch (e.value.flip) {
@@ -62,7 +62,7 @@ const D = (o, h) => (o.install = (r) => {
             break;
         }
       e.value.rotate && t.push(`rotate(${e.value.rotate % 360}deg)`);
-      const n = {
+      const s = {
         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 },
@@ -73,24 +73,24 @@ const D = (o, h) => (o.install = (r) => {
           "--ik-icon-shallow-color": e.value.colorLight || L.setOpacity(e.value.color, e.value.opacity)
         } : {}
       };
-      return e.value.width && (n.width = n.height = typeof e.value.width == "number" ? `${e.value.width}px` : e.value.width), n;
-    }), m = h, _ = (t) => {
+      return e.value.width && (s.width = s.height = typeof e.value.width == "number" ? `${e.value.width}px` : e.value.width), s;
+    }), m = h, w = (t) => {
       m("click", t);
-    }, x = (t) => {
+    }, _ = (t) => {
       m("mouseenter", t);
-    }, C = (t) => {
+    }, x = (t) => {
       m("mouseleave", t);
-    }, y = (t) => {
+    }, k = (t) => {
       m("dblclick", t);
     };
-    return (t, n) => {
+    return (t, s) => {
       const i = F("el-tooltip"), l = F("el-button");
-      return e.value.tableIconType === "icon" || !e.value.tableIconType ? (s(), u(
-        z,
+      return e.value.tableIconType === "icon" || !e.value.tableIconType ? (n(), u(
+        I,
         { key: 0 },
         [
-          e.value.notip || !e.value.title ? (s(), u(
-            "span",
+          e.value.notip || !e.value.title ? (n(), u(
+            "i",
             {
               key: 0,
               class: d(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
@@ -107,14 +107,13 @@ const D = (o, h) => (o.install = (r) => {
                 disabled: e.value.disabled
               }]),
               style: p(v.value),
-              onClick: _,
-              onDblclick: y,
-              onMouseenter: x,
-              onMouseleave: C
+              onClick: w,
+              onDblclick: k,
+              onMouseenter: _,
+              onMouseleave: x
             },
             [
-              b(` <Icon v-if="outputType === 'iconify'" :icon="name" /> `),
-              a.value === "iksig" ? (s(), u(
+              a.value === "iksig" ? (n(), u(
                 "i",
                 {
                   key: 0,
@@ -124,15 +123,15 @@ const D = (o, h) => (o.install = (r) => {
                 null,
                 6
                 /* CLASS, STYLE */
-              )) : a.value === "svg" ? (s(), u("svg", q, [
+              )) : a.value === "svg" ? (n(), u("svg", q, [
                 f("use", {
                   "xlink:href": `#${e.value.name}`
                 }, null, 8, W)
-              ])) : a.value === "img" ? (s(), u("img", {
+              ])) : a.value === "img" ? (n(), u("img", {
                 key: 2,
                 src: e.value.name,
                 class: "h-[1em] w-[1em]"
-              }, null, 8, X)) : (s(), u(
+              }, null, 8, X)) : (n(), u(
                 "i",
                 {
                   key: 3,
@@ -146,15 +145,16 @@ const D = (o, h) => (o.install = (r) => {
             ],
             38
             /* CLASS, STYLE, NEED_HYDRATION */
-          )) : (s(), B(i, {
+          )) : (n(), B(i, {
             key: 1,
             content: e.value.title,
             placement: "top",
+            "popper-class": "ik-svg-icon-tooltip",
             "hide-after": 0
           }, {
             default: N(() => [
               f(
-                "span",
+                "i",
                 {
                   class: d(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
                     [t.name]: a.value === "unocss",
@@ -166,16 +166,17 @@ const D = (o, h) => (o.install = (r) => {
                     primary: t.primary || e.value.type === "primary",
                     success: t.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
                   }]),
                   style: p(v.value),
-                  onClick: _,
-                  onDblclick: y,
-                  onMouseenter: x,
-                  onMouseleave: C
+                  onClick: w,
+                  onDblclick: k,
+                  onMouseenter: _,
+                  onMouseleave: x
                 },
                 [
-                  a.value === "iksig" ? (s(), u(
+                  a.value === "iksig" ? (n(), u(
                     "i",
                     {
                       key: 0,
@@ -185,15 +186,15 @@ const D = (o, h) => (o.install = (r) => {
                     null,
                     6
                     /* CLASS, STYLE */
-                  )) : a.value === "svg" ? (s(), u("svg", Y, [
+                  )) : a.value === "svg" ? (n(), u("svg", Y, [
                     f("use", {
                       "xlink:href": `#${e.value.name}`
                     }, null, 8, A)
-                  ])) : a.value === "img" ? (s(), u("img", {
+                  ])) : a.value === "img" ? (n(), u("img", {
                     key: 2,
                     src: e.value.name,
                     class: "h-[1em] w-[1em]"
-                  }, null, 8, G)) : (s(), u(
+                  }, null, 8, G)) : (n(), u(
                     "i",
                     {
                       key: 3,
@@ -215,7 +216,7 @@ const D = (o, h) => (o.install = (r) => {
         ],
         64
         /* STABLE_FRAGMENT */
-      )) : (s(), B(l, {
+      )) : (n(), B(l, {
         key: 1,
         type: ["warning", "error"].includes(e.value.type) ? "danger" : ""
       }, {
@@ -231,7 +232,7 @@ const D = (o, h) => (o.install = (r) => {
       }, 8, ["type"]));
     };
   }
-}), J = /* @__PURE__ */ E(H, [["__scopeId", "data-v-c7804024"]]), M = D(J), K = { class: "content" }, P = { class: "top" }, Q = ["onClick"], R = ["id"], U = ["onClick"], Z = /* @__PURE__ */ O({
+}), J = /* @__PURE__ */ E(H, [["__scopeId", "data-v-6889f3aa"]]), O = D(J), K = { class: "content" }, P = { class: "top" }, Q = ["onClick"], R = ["id"], U = ["onClick"], Z = /* @__PURE__ */ T({
   __name: "IkVerticalStepBar",
   props: {
     // 当前激活的下标
@@ -260,34 +261,34 @@ const D = (o, h) => (o.install = (r) => {
   },
   emits: ["click", "update:active"],
   setup(o, { emit: h }) {
-    const r = o, e = h, a = w(() => Number(
+    const r = o, e = h, a = b(() => Number(
       r.active.indexOf("-") > 0 ? r.active.split("-")[0] : r.active
-    )), v = w(() => r.active.indexOf("-") > 0 ? Number(r.active.split("-")[1]) : 0), m = (n) => {
-      let i = "", l = n + 1;
+    )), v = b(() => r.active.indexOf("-") > 0 ? Number(r.active.split("-")[1]) : 0), m = (s) => {
+      let i = "", l = s + 1;
       return l < a.value ? i = "before-bg" : l === a.value ? i = "active-bg" : l > a.value && (i = "after-bg"), `${i} index`;
-    }, _ = (n) => {
-      let i = "", l = n + 1;
+    }, w = (s) => {
+      let i = "", l = s + 1;
       return l < a.value ? i = "before-text" : l === a.value ? i = "active-text" : l > a.value && (i = "after-text"), `${i} text`;
-    }, x = (n) => {
-      let i = "", l = n + 1;
+    }, _ = (s) => {
+      let i = "", l = s + 1;
       return l < a.value ? i = "before-style" : l < r.list.length && (i = "after-style"), `${i} bottom`;
-    }, C = (n, i) => {
-      let l = "", c = n + 1, g = i + 1;
+    }, x = (s, i) => {
+      let l = "", c = s + 1, g = i + 1;
       return c < a.value ? l = "before-text" : c === a.value ? g < v.value ? l = "before-text" : g === v.value ? l = "active-text" : g > v.value && (l = "after-text") : c > a.value && (l = "after-text"), `${l} child-text`;
-    }, y = (n, i) => {
-      r.needClick && (n[r.propsField.children] || (e("update:active", i + ""), e("click", n)));
-    }, t = (n, i) => {
-      n.show = !n.show;
+    }, k = (s, i) => {
+      r.needClick && (s[r.propsField.children] || (e("update:active", i + ""), e("click", s)));
+    }, t = (s, i) => {
+      s.show = !s.show;
       let l = document.getElementById(`children${i}`);
-      n.show ? l.style.display = "none" : l.style.display = "block";
+      s.show ? l.style.display = "none" : l.style.display = "block";
     };
-    return (n, i) => (s(), u("div", K, [
-      (s(!0), u(
-        z,
+    return (s, i) => (n(), u("div", K, [
+      (n(!0), u(
+        I,
         null,
         j(o.list, (l, c) => {
           var g, S;
-          return s(), u("div", {
+          return n(), u("div", {
             class: "line-block",
             key: c
           }, [
@@ -302,57 +303,57 @@ const D = (o, h) => (o.install = (r) => {
                 /* TEXT, CLASS */
               ),
               f("div", {
-                class: d(_(c)),
+                class: d(w(c)),
                 style: p(o.needClick ? "cursor: pointer;" : ""),
-                onClick: (k) => y(l, c + 1)
+                onClick: (y) => k(l, c + 1)
               }, [
                 V(
                   $(l[o.propsField.name]) + " ",
                   1
                   /* TEXT */
                 ),
-                b(` <i\r
+                C(` <i\r
             v-if="item[propsField.children]?.length && !item.show"\r
             class="ikapprove icon-a-putongjiantouzhankai"\r
             @click="changeShow(item, index)"\r
           ></i> `),
-                (g = l[o.propsField.children]) != null && g.length && !l.show ? (s(), B(T(M), {
+                (g = l[o.propsField.children]) != null && g.length && !l.show ? (n(), B(M(O), {
                   key: 0,
                   class: "ikapprove",
-                  onClick: (k) => t(l, c),
+                  onClick: (y) => t(l, c),
                   name: "iksvg_zhankai"
-                }, null, 8, ["onClick"])) : b("v-if", !0),
-                b(` <i\r
+                }, null, 8, ["onClick"])) : C("v-if", !0),
+                C(` <i\r
             v-if="item[propsField.children]?.length && item.show"\r
             @click="changeShow(item, index)"\r
             class="ikapprove icon-a-putongjiantoushouqi"\r
           ></i> `),
-                (S = l[o.propsField.children]) != null && S.length && l.show ? (s(), B(T(M), {
+                (S = l[o.propsField.children]) != null && S.length && l.show ? (n(), B(M(O), {
                   key: 1,
                   class: "ikapprove",
-                  onClick: (k) => t(l, c),
+                  onClick: (y) => t(l, c),
                   name: "iksvg_shouqi"
-                }, null, 8, ["onClick"])) : b("v-if", !0)
+                }, null, 8, ["onClick"])) : C("v-if", !0)
               ], 14, Q)
             ]),
             f(
               "ul",
               {
-                class: d(x(c))
+                class: d(_(c))
               },
               [
                 f("div", {
                   id: `children${c}`
                 }, [
-                  (s(!0), u(
-                    z,
+                  (n(!0), u(
+                    I,
                     null,
-                    j(l[o.propsField.children], (k, I) => (s(), u("li", {
-                      class: d(C(c, I)),
+                    j(l[o.propsField.children], (y, z) => (n(), u("li", {
+                      class: d(x(c, z)),
                       style: p(o.needClick ? "cursor: pointer;" : ""),
-                      key: I,
-                      onClick: (te) => y(k, c + 1 + "-" + (I + 1))
-                    }, $(k.name), 15, U))),
+                      key: z,
+                      onClick: (te) => k(y, c + 1 + "-" + (z + 1))
+                    }, $(y.name), 15, U))),
                     128
                     /* KEYED_FRAGMENT */
                   ))

package/dist/IkVerticalStepBar/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)}[data-v-bce57528]{margin:0;padding:0}.content[data-v-bce57528]{width:100%;height:100%;border-top-left-radius:20px;border-bottom-left-radius:20px;padding:32px 28px}.content .line-block .top[data-v-bce57528]{display:flex}.content .line-block .top .index[data-v-bce57528]{width:32px;height:32px;display:flex;justify-content:center;align-items:center;border-radius:4px;font-size:18px;font-weight:550}.content .line-block .top .text[data-v-bce57528]{line-height:32px;margin-left:20px;font-size:18px;font-weight:700}.content .line-block .active-text[data-v-bce57528]{color:var(--ik-step-item-active-color, "#039ef7")}.content .line-block .before-text[data-v-bce57528]{color:var(--ik-color-font-title)}.content .line-block .after-text[data-v-bce57528]{color:var(--el-color-info, "#181c3266")}.content .line-block .before-bg[data-v-bce57528]{color:var(--ik-step-item-active-color, #333)!important;background-color:var(--ik-step-item-num-greater-bg)}.content .line-block .active-bg[data-v-bce57528]{background-color:var(--ik-step-item-active-color, #039ef7);color:var(--el-color-white, #fff)}.content .line-block .after-bg[data-v-bce57528]{background-color:var(--ik-step-item-num-bg, #f3f6f9);color:var(--ik-step-item-text-color, #a2a6b8)}.content .line-block .bottom[data-v-bce57528]{margin-left:16px;border-width:0 0 0 1px;padding:10px 0 20px 52px;margin-top:4px;margin-bottom:4px}.content .line-block .before-style[data-v-bce57528]{border-color:var(--ik-step-item-active-color, #029ef7);border-style:solid}.content .line-block .after-style[data-v-bce57528]{border-color:var(--el-color-info, #ccc);border-style:dashed}.content .line-block li[data-v-bce57528]{line-height:30px}.content .line-block .child-text[data-v-bce57528]{padding:5px 0}
+.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)}[data-v-bce57528]{margin:0;padding:0}.content[data-v-bce57528]{width:100%;height:100%;border-top-left-radius:20px;border-bottom-left-radius:20px;padding:32px 28px}.content .line-block .top[data-v-bce57528]{display:flex}.content .line-block .top .index[data-v-bce57528]{width:32px;height:32px;display:flex;justify-content:center;align-items:center;border-radius:4px;font-size:18px;font-weight:550}.content .line-block .top .text[data-v-bce57528]{line-height:32px;margin-left:20px;font-size:18px;font-weight:700}.content .line-block .active-text[data-v-bce57528]{color:var(--ik-step-item-active-color, "#039ef7")}.content .line-block .before-text[data-v-bce57528]{color:var(--ik-color-font-title)}.content .line-block .after-text[data-v-bce57528]{color:var(--el-color-info, "#181c3266")}.content .line-block .before-bg[data-v-bce57528]{color:var(--ik-step-item-active-color, #333)!important;background-color:var(--ik-step-item-num-greater-bg)}.content .line-block .active-bg[data-v-bce57528]{background-color:var(--ik-step-item-active-color, #039ef7);color:var(--el-color-white, #fff)}.content .line-block .after-bg[data-v-bce57528]{background-color:var(--ik-step-item-num-bg, #f3f6f9);color:var(--ik-step-item-text-color, #a2a6b8)}.content .line-block .bottom[data-v-bce57528]{margin-left:16px;border-width:0 0 0 1px;padding:10px 0 20px 52px;margin-top:4px;margin-bottom:4px}.content .line-block .before-style[data-v-bce57528]{border-color:var(--ik-step-item-active-color, #029ef7);border-style:solid}.content .line-block .after-style[data-v-bce57528]{border-color:var(--el-color-info, #ccc);border-style:dashed}.content .line-block li[data-v-bce57528]{line-height:30px}.content .line-block .child-text[data-v-bce57528]{padding:5px 0}