iking-web-ui-pro 0.2.5 → 0.2.6

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

@@ -1,17 +1,17 @@
-import { defineComponent as V, computed as b, resolveComponent as z, openBlock as s, createElementBlock as u, normalizeClass as p, normalizeStyle as f, createCommentVNode as g, createElementVNode as m, createBlock as w, withCtx as S, createTextVNode as T, toDisplayString as k, Fragment as j, renderList as F, unref as N } from "vue";
+import { defineComponent as T, inject as q, computed as _, resolveComponent as S, openBlock as s, createElementBlock as u, normalizeClass as d, normalizeStyle as f, createCommentVNode as k, createElementVNode as h, createBlock as w, withCtx as j, createTextVNode as E, toDisplayString as b, Fragment as F, renderList as N, unref as O } from "vue";
 import { ikColor as W } from "iking-utils-pro";
-const E = (o, t) => {
+const K = (o, p) => {
   if (o.install = (n) => {
-    for (const a of [o, ...Object.values(t ?? {})])
-      n.component(a.name, a);
-  }, t)
-    for (const [n, a] of Object.entries(t))
-      o[n] = a;
+    for (const e of [o, ...Object.values(p ?? {})])
+      n.component(e.name, e);
+  }, p)
+    for (const [n, e] of Object.entries(p))
+      o[n] = e;
   return o;
-}, K = (o, t) => {
+}, L = (o, p) => {
   const n = o.__vccOpts || o;
-  for (const [a, e] of t)
-    n[a] = e;
+  for (const [e, a] of p)
+    n[e] = a;
   return n;
 }, X = {
   key: 0,
@@ -24,7 +24,7 @@ const E = (o, t) => {
   key: 1,
   class: "h-[1em] w-[1em]",
   "aria-hidden": "true"
-}, H = ["xlink:href"], J = ["src"], M = /* @__PURE__ */ V({
+}, H = ["xlink:href"], J = ["src"], M = /* @__PURE__ */ T({
   name: "IkSvgIcon",
   __name: "index",
   props: {
@@ -51,84 +51,87 @@ const E = (o, t) => {
     tableIconType: { default: "icon" }
   },
   setup(o) {
-    const t = o, n = b(() => {
-      var e, d, h;
-      return /^http?:\/\//.test(t.name) ? "img" : /i-[^:]+:[^:]+/.test(t.name) ? "unocss" : (e = t.name) != null && e.startsWith("iksig") ? "iksig" : (d = t.name) != null && d.includes(":") ? "iconify" : (h = t.name) != null && h.startsWith("iksvg") ? "svg" : "i";
-    }), a = b(() => {
-      const e = [];
-      if (t.flip)
-        switch (t.flip) {
+    const p = o, n = q("iconConfig"), e = _(() => ({
+      ...(n == null ? void 0 : n.value) || {},
+      ...p
+    })), a = _(() => {
+      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";
+    }), v = _(() => {
+      const l = [];
+      if (e.value.flip)
+        switch (e.value.flip) {
           case "horizontal":
-            e.push("rotateY(180deg)");
+            l.push("rotateY(180deg)");
             break;
           case "vertical":
-            e.push("rotateX(180deg)");
+            l.push("rotateX(180deg)");
             break;
           case "both":
-            e.push("rotateX(180deg)"), e.push("rotateY(180deg)");
+            l.push("rotateX(180deg)"), l.push("rotateY(180deg)");
             break;
         }
-      t.rotate && e.push(`rotate(${t.rotate % 360}deg)`);
-      const d = {
-        ...t.color && { color: t.color },
-        ...t.size && { fontSize: typeof t.size == "number" ? `${t.size}px` : t.size },
-        ...e.length && { transform: e.join(" ") },
-        padding: t.showBg || t.bg ? t.padding : 0,
-        ...t.color && n.value !== "iksig" ? {
-          "--ik-color-icon-dark": t.color,
-          "--ik-color-icon-light": t.colorLight || W.setOpacity(t.color, t.opacity)
+      e.value.rotate && l.push(`rotate(${e.value.rotate % 360}deg)`);
+      const g = {
+        ...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" ? {
+          "--ik-color-icon-dark": e.value.color,
+          "--ik-color-icon-light": e.value.colorLight || W.setOpacity(e.value.color, e.value.opacity)
         } : {}
       };
-      return t.width && (d.width = d.height = typeof t.width == "number" ? `${t.width}px` : t.width), d;
+      return e.value.width && (g.width = g.height = typeof e.value.width == "number" ? `${e.value.width}px` : e.value.width), g;
     });
-    return (e, d) => {
-      const h = z("el-tooltip"), C = z("el-button");
-      return e.tableIconType === "icon" ? (s(), u("span", X, [
-        e.notip || !e.title ? (s(), u(
+    return (l, g) => {
+      const x = S("el-tooltip"), C = S("el-button");
+      return e.value.tableIconType === "icon" ? (s(), u("span", X, [
+        e.value.notip || !e.value.title ? (s(), u(
           "i",
           {
             key: 0,
-            class: p(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
-              [e.name]: n.value === "unocss",
-              "show-bg": e.showBg || e.bg,
-              default: e.size === "default",
-              small: e.size === "small",
-              big: e.size === "big",
-              warning: e.warning || t.type === "warning",
-              primary: e.primary || t.type === "primary",
-              success: e.success || t.type === "success",
-              error: e.error || t.type === "error",
-              active: e.active,
-              disabled: e.disabled
+            class: d(["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: f(a.value)
+            style: f(v.value)
           },
           [
-            g(` <Icon v-if="outputType === 'iconify'" :icon="name" /> `),
-            n.value === "iksig" ? (s(), u(
+            k(` <Icon v-if="outputType === 'iconify'" :icon="name" /> `),
+            a.value === "iksig" ? (s(), u(
               "i",
               {
                 key: 0,
-                class: p(`iksig ${e.name}`),
-                style: f(a.value)
+                class: d(`iksig ${e.value.name}`),
+                style: f(v.value)
               },
               null,
               6
               /* CLASS, STYLE */
-            )) : n.value === "svg" ? (s(), u("svg", Y, [
-              m("use", {
-                "xlink:href": `#${e.name}`
+            )) : a.value === "svg" ? (s(), u("svg", Y, [
+              h("use", {
+                "xlink:href": `#${e.value.name}`
               }, null, 8, A)
-            ])) : n.value === "img" ? (s(), u("img", {
+            ])) : a.value === "img" ? (s(), u("img", {
               key: 2,
-              src: e.name,
+              src: e.value.name,
               class: "h-[1em] w-[1em]"
             }, null, 8, D)) : (s(), u(
               "i",
               {
                 key: 3,
-                class: p(e.name),
-                style: f(a.value)
+                class: d(e.value.name),
+                style: f(v.value)
               },
               null,
               6
@@ -137,54 +140,54 @@ const E = (o, t) => {
           ],
           6
           /* CLASS, STYLE */
-        )) : (s(), w(h, {
+        )) : (s(), w(x, {
           key: 1,
-          content: e.title,
+          content: e.value.title,
           placement: "top"
         }, {
-          default: S(() => [
-            m(
+          default: j(() => [
+            h(
               "i",
               {
-                class: p(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
-                  [e.name]: n.value === "unocss",
-                  "show-bg": e.showBg || e.bg,
-                  default: e.size === "default",
-                  small: e.size === "small",
-                  big: e.size === "big",
-                  warning: e.warning || t.type === "warning",
-                  primary: e.primary || t.type === "primary",
-                  success: e.success || t.type === "success",
-                  error: e.error || t.type === "error",
-                  active: e.active
+                class: d(["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
                 }]),
-                style: f(a.value)
+                style: f(v.value)
               },
               [
-                n.value === "iksig" ? (s(), u(
+                a.value === "iksig" ? (s(), u(
                   "i",
                   {
                     key: 0,
-                    class: p(`iksig ${e.name}`),
-                    style: f(a.value)
+                    class: d(`iksig ${e.value.name}`),
+                    style: f(v.value)
                   },
                   null,
                   6
                   /* CLASS, STYLE */
-                )) : n.value === "svg" ? (s(), u("svg", G, [
-                  m("use", {
-                    "xlink:href": `#${e.name}`
+                )) : a.value === "svg" ? (s(), u("svg", G, [
+                  h("use", {
+                    "xlink:href": `#${e.value.name}`
                   }, null, 8, H)
-                ])) : n.value === "img" ? (s(), u("img", {
+                ])) : a.value === "img" ? (s(), u("img", {
                   key: 2,
-                  src: e.name,
+                  src: e.value.name,
                   class: "h-[1em] w-[1em]"
                 }, null, 8, J)) : (s(), u(
                   "i",
                   {
                     key: 3,
-                    class: p(e.name),
-                    style: f(a.value)
+                    class: d(e.value.name),
+                    style: f(v.value)
                   },
                   null,
                   6
@@ -200,11 +203,11 @@ const E = (o, t) => {
         }, 8, ["content"]))
       ])) : (s(), w(C, {
         key: 1,
-        type: ["warning", "error"].includes(e.type) ? "danger" : ""
+        type: ["warning", "error"].includes(e.value.type) ? "danger" : ""
       }, {
-        default: S(() => [
-          T(
-            k(e.title),
+        default: j(() => [
+          E(
+            b(e.value.title),
             1
             /* TEXT */
           )
@@ -215,7 +218,7 @@ const E = (o, t) => {
     };
   }
 });
-const P = /* @__PURE__ */ K(M, [["__scopeId", "data-v-7d95dbf5"]]), O = E(P), Q = { class: "content" }, R = { class: "top" }, U = ["onClick"], Z = ["id"], x = ["onClick"], ee = /* @__PURE__ */ V({
+const P = /* @__PURE__ */ L(M, [["__scopeId", "data-v-1be337e4"]]), V = K(P), Q = { class: "content" }, R = { class: "top" }, U = ["onClick"], Z = ["id"], ee = ["onClick"], te = /* @__PURE__ */ T({
   __name: "IKVerticalStepBar",
   props: {
     // 当前激活的下标
@@ -243,100 +246,100 @@ const P = /* @__PURE__ */ K(M, [["__scopeId", "data-v-7d95dbf5"]]), O = E(P), Q
     }
   },
   emits: ["click", "update:active"],
-  setup(o, { emit: t }) {
-    const n = o, a = t, e = b(() => Number(
+  setup(o, { emit: p }) {
+    const n = o, e = p, a = _(() => Number(
       n.active.indexOf("-") > 0 ? n.active.split("-")[0] : n.active
-    )), d = b(() => n.active.indexOf("-") > 0 ? Number(n.active.split("-")[1]) : 0), h = (r) => {
-      let l = "", i = r + 1;
-      return i < e.value ? l = "before-bg" : i === e.value ? l = "active-bg" : i > e.value && (l = "after-bg"), `${l} index`;
-    }, C = (r) => {
-      let l = "", i = r + 1;
-      return i < e.value ? l = "before-text" : i === e.value ? l = "active-text" : i > e.value && (l = "after-text"), `${l} text`;
-    }, L = (r) => {
-      let l = "", i = r + 1;
-      return i < e.value ? l = "before-style" : i < n.list.length && (l = "after-style"), `${l} bottom`;
-    }, q = (r, l) => {
-      let i = "", c = r + 1, v = l + 1;
-      return c < e.value ? i = "before-text" : c === e.value ? v < d.value ? i = "before-text" : v === d.value ? i = "active-text" : v > d.value && (i = "after-text") : c > e.value && (i = "after-text"), `${i} child-text`;
-    }, B = (r, l) => {
-      n.needClick && (r[n.propsField.children] || (a("update:active", l + ""), a("click", r)));
-    }, _ = (r, l) => {
+    )), v = _(() => n.active.indexOf("-") > 0 ? Number(n.active.split("-")[1]) : 0), l = (r) => {
+      let i = "", t = r + 1;
+      return t < a.value ? i = "before-bg" : t === a.value ? i = "active-bg" : t > a.value && (i = "after-bg"), `${i} index`;
+    }, g = (r) => {
+      let i = "", t = r + 1;
+      return t < a.value ? i = "before-text" : t === a.value ? i = "active-text" : t > a.value && (i = "after-text"), `${i} text`;
+    }, x = (r) => {
+      let i = "", t = r + 1;
+      return t < a.value ? i = "before-style" : t < n.list.length && (i = "after-style"), `${i} bottom`;
+    }, C = (r, i) => {
+      let t = "", c = r + 1, y = i + 1;
+      return c < a.value ? t = "before-text" : c === a.value ? y < v.value ? t = "before-text" : y === v.value ? t = "active-text" : y > v.value && (t = "after-text") : c > a.value && (t = "after-text"), `${t} child-text`;
+    }, B = (r, i) => {
+      n.needClick && (r[n.propsField.children] || (e("update:active", i + ""), e("click", r)));
+    }, I = (r, i) => {
       r.show = !r.show;
-      let i = document.getElementById(`children${l}`);
-      r.show ? i.style.display = "none" : i.style.display = "block";
+      let t = document.getElementById(`children${i}`);
+      r.show ? t.style.display = "none" : t.style.display = "block";
     };
-    return (r, l) => (s(), u("div", Q, [
+    return (r, i) => (s(), u("div", Q, [
       (s(!0), u(
-        j,
+        F,
         null,
-        F(o.list, (i, c) => {
-          var v, I;
+        N(o.list, (t, c) => {
+          var y, z;
           return s(), u("div", {
             class: "line-block",
             key: c
           }, [
-            m("div", R, [
-              m(
+            h("div", R, [
+              h(
                 "div",
                 {
-                  class: p(h(c))
+                  class: d(l(c))
                 },
-                k(c + 1),
+                b(c + 1),
                 3
                 /* TEXT, CLASS */
               ),
-              m("div", {
-                class: p(C(c)),
+              h("div", {
+                class: d(g(c)),
                 style: f(o.needClick ? "cursor: pointer;" : ""),
-                onClick: (y) => B(i, c + 1)
+                onClick: (m) => B(t, c + 1)
               }, [
-                T(
-                  k(i[o.propsField.name]) + " ",
+                E(
+                  b(t[o.propsField.name]) + " ",
                   1
                   /* TEXT */
                 ),
-                g(` <i\r
+                k(` <i\r
             v-if="item[propsField.children]?.length && !item.show"\r
             class="ikapprove icon-a-putongjiantouzhankai"\r
             @click="changeShow(item, index)"\r
           ></i> `),
-                (v = i[o.propsField.children]) != null && v.length && !i.show ? (s(), w(N(O), {
+                (y = t[o.propsField.children]) != null && y.length && !t.show ? (s(), w(O(V), {
                   key: 0,
                   class: "ikapprove",
-                  onClick: (y) => _(i, c),
+                  onClick: (m) => I(t, c),
                   name: "iksvg_zhankai"
-                }, null, 8, ["onClick"])) : g("v-if", !0),
-                g(` <i\r
+                }, null, 8, ["onClick"])) : k("v-if", !0),
+                k(` <i\r
             v-if="item[propsField.children]?.length && item.show"\r
             @click="changeShow(item, index)"\r
             class="ikapprove icon-a-putongjiantoushouqi"\r
           ></i> `),
-                (I = i[o.propsField.children]) != null && I.length && i.show ? (s(), w(N(O), {
+                (z = t[o.propsField.children]) != null && z.length && t.show ? (s(), w(O(V), {
                   key: 1,
                   class: "ikapprove",
-                  onClick: (y) => _(i, c),
+                  onClick: (m) => I(t, c),
                   name: "iksvg_shouqi"
-                }, null, 8, ["onClick"])) : g("v-if", !0)
+                }, null, 8, ["onClick"])) : k("v-if", !0)
               ], 14, U)
             ]),
-            m(
+            h(
               "ul",
               {
-                class: p(L(c))
+                class: d(x(c))
               },
               [
-                m("div", {
+                h("div", {
                   id: `children${c}`
                 }, [
                   (s(!0), u(
-                    j,
+                    F,
                     null,
-                    F(i[o.propsField.children], (y, $) => (s(), u("li", {
-                      class: p(q(c, $)),
+                    N(t[o.propsField.children], (m, $) => (s(), u("li", {
+                      class: d(C(c, $)),
                       style: f(o.needClick ? "cursor: pointer;" : ""),
                       key: $,
-                      onClick: (ie) => B(y, c + 1 + "-" + ($ + 1))
-                    }, k(y.name), 15, x))),
+                      onClick: (ae) => B(m, c + 1 + "-" + ($ + 1))
+                    }, b(m.name), 15, ee))),
                     128
                     /* KEYED_FRAGMENT */
                   ))
@@ -353,7 +356,7 @@ const P = /* @__PURE__ */ K(M, [["__scopeId", "data-v-7d95dbf5"]]), O = E(P), Q
     ]));
   }
 });
-const te = /* @__PURE__ */ K(ee, [["__scopeId", "data-v-240cff4f"]]), se = E(te);
+const le = /* @__PURE__ */ L(te, [["__scopeId", "data-v-240cff4f"]]), se = K(le);
 export {
   se as IKVerticalStepBar,
   se as default

package/dist/IKVerticalStepBar/ik.index.umd.js

@@ -1,9 +1,9 @@
-(function(p,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("iking-utils-pro")):typeof define=="function"&&define.amd?define(["exports","vue","iking-utils-pro"],e):(p=typeof globalThis<"u"?globalThis:p||self,e(p.index={},p.vue,p["iking-utils-pro"]))})(this,function(p,e,S){"use strict";const g=(s,l)=>{if(s.install=o=>{for(const a of[s,...Object.values(l??{})])o.component(a.name,a)},l)for(const[o,a]of Object.entries(l))s[o]=a;return s},u=(s,l)=>{const o=s.__vccOpts||s;for(const[a,t]of l)o[a]=t;return o},E={key:0,class:"ik-svg-icon ik-icon inline-block inline-flex justify-center box-content line-height-[0]"},_={key:1,class:"h-[1em] w-[1em]","aria-hidden":"true"},$=["xlink:href"],N=["src"],V={key:1,class:"h-[1em] w-[1em]","aria-hidden":"true"},I=["xlink:href"],j=["src"],F=e.defineComponent({name:"IkSvgIcon",__name:"index",props:{name:{},flip:{},rotate:{},color:{},colorLight:{},opacity:{default:.5},size:{default:""},width:{},bg:{type:Boolean,default:!1},showBg:{type:Boolean,default:!1},padding:{default:"6px"},primary:{type:Boolean},warning:{type:Boolean},success:{type:Boolean},error:{type:Boolean},notip:{type:Boolean,default:!1},title:{},type:{},active:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},tableIconType:{default:"icon"}},setup(s){const l=s,o=e.computed(()=>{var t,d,m;return/^http?:\/\//.test(l.name)?"img":/i-[^:]+:[^:]+/.test(l.name)?"unocss":(t=l.name)!=null&&t.startsWith("iksig")?"iksig":(d=l.name)!=null&&d.includes(":")?"iconify":(m=l.name)!=null&&m.startsWith("iksvg")?"svg":"i"}),a=e.computed(()=>{const t=[];if(l.flip)switch(l.flip){case"horizontal":t.push("rotateY(180deg)");break;case"vertical":t.push("rotateX(180deg)");break;case"both":t.push("rotateX(180deg)"),t.push("rotateY(180deg)");break}l.rotate&&t.push(`rotate(${l.rotate%360}deg)`);const d={...l.color&&{color:l.color},...l.size&&{fontSize:typeof l.size=="number"?`${l.size}px`:l.size},...t.length&&{transform:t.join(" ")},padding:l.showBg||l.bg?l.padding:0,...l.color&&o.value!=="iksig"?{"--ik-color-icon-dark":l.color,"--ik-color-icon-light":l.colorLight||S.ikColor.setOpacity(l.color,l.opacity)}:{}};return l.width&&(d.width=d.height=typeof l.width=="number"?`${l.width}px`:l.width),d});return(t,d)=>{const m=e.resolveComponent("el-tooltip"),y=e.resolveComponent("el-button");return t.tableIconType==="icon"?(e.openBlock(),e.createElementBlock("span",E,[t.notip||!t.title?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition",{[t.name]:o.value==="unocss","show-bg":t.showBg||t.bg,default:t.size==="default",small:t.size==="small",big:t.size==="big",warning:t.warning||l.type==="warning",primary:t.primary||l.type==="primary",success:t.success||l.type==="success",error:t.error||l.type==="error",active:t.active,disabled:t.disabled}]),style:e.normalizeStyle(a.value)},[e.createCommentVNode(` <Icon v-if="outputType === 'iconify'" :icon="name" /> `),o.value==="iksig"?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass(`iksig ${t.name}`),style:e.normalizeStyle(a.value)},null,6)):o.value==="svg"?(e.openBlock(),e.createElementBlock("svg",_,[e.createElementVNode("use",{"xlink:href":`#${t.name}`},null,8,$)])):o.value==="img"?(e.openBlock(),e.createElementBlock("img",{key:2,src:t.name,class:"h-[1em] w-[1em]"},null,8,N)):(e.openBlock(),e.createElementBlock("i",{key:3,class:e.normalizeClass(t.name),style:e.normalizeStyle(a.value)},null,6))],6)):(e.openBlock(),e.createBlock(m,{key:1,content:t.title,placement:"top"},{default:e.withCtx(()=>[e.createElementVNode("i",{class:e.normalizeClass(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition",{[t.name]:o.value==="unocss","show-bg":t.showBg||t.bg,default:t.size==="default",small:t.size==="small",big:t.size==="big",warning:t.warning||l.type==="warning",primary:t.primary||l.type==="primary",success:t.success||l.type==="success",error:t.error||l.type==="error",active:t.active}]),style:e.normalizeStyle(a.value)},[o.value==="iksig"?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass(`iksig ${t.name}`),style:e.normalizeStyle(a.value)},null,6)):o.value==="svg"?(e.openBlock(),e.createElementBlock("svg",V,[e.createElementVNode("use",{"xlink:href":`#${t.name}`},null,8,I)])):o.value==="img"?(e.openBlock(),e.createElementBlock("img",{key:2,src:t.name,class:"h-[1em] w-[1em]"},null,8,j)):(e.openBlock(),e.createElementBlock("i",{key:3,class:e.normalizeClass(t.name),style:e.normalizeStyle(a.value)},null,6))],6)]),_:1},8,["content"]))])):(e.openBlock(),e.createBlock(y,{key:1,type:["warning","error"].includes(t.type)?"danger":""},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.title),1)]),_:1},8,["type"]))}}}),W="",B=g(u(F,[["__scopeId","data-v-7d95dbf5"]])),T={class:"content"},O={class:"top"},v=["onClick"],q=["id"],D=["onClick"],K=e.defineComponent({__name:"IKVerticalStepBar",props:{active:{type:String,default:""},list:{type:Array,default:()=>[]},needClick:{type:Boolean,default:!1},propsField:{type:Object,default:()=>({name:"name",children:"children"})}},emits:["click","update:active"],setup(s,{emit:l}){const o=s,a=l,t=e.computed(()=>Number(o.active.indexOf("-")>0?o.active.split("-")[0]:o.active)),d=e.computed(()=>o.active.indexOf("-")>0?Number(o.active.split("-")[1]):0),m=r=>{let i="",n=r+1;return n<t.value?i="before-bg":n===t.value?i="active-bg":n>t.value&&(i="after-bg"),`${i} index`},y=r=>{let i="",n=r+1;return n<t.value?i="before-text":n===t.value?i="active-text":n>t.value&&(i="after-text"),`${i} text`},L=r=>{let i="",n=r+1;return n<t.value?i="before-style":n<o.list.length&&(i="after-style"),`${i} bottom`},M=(r,i)=>{let n="",c=r+1,f=i+1;return c<t.value?n="before-text":c===t.value?f<d.value?n="before-text":f===d.value?n="active-text":f>d.value&&(n="after-text"):c>t.value&&(n="after-text"),`${n} child-text`},w=(r,i)=>{o.needClick&&(r[o.propsField.children]||(a("update:active",i+""),a("click",r)))},C=(r,i)=>{r.show=!r.show;let n=document.getElementById(`children${i}`);r.show?n.style.display="none":n.style.display="block"};return(r,i)=>(e.openBlock(),e.createElementBlock("div",T,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.list,(n,c)=>{var f,z;return e.openBlock(),e.createElementBlock("div",{class:"line-block",key:c},[e.createElementVNode("div",O,[e.createElementVNode("div",{class:e.normalizeClass(m(c))},e.toDisplayString(c+1),3),e.createElementVNode("div",{class:e.normalizeClass(y(c)),style:e.normalizeStyle(s.needClick?"cursor: pointer;":""),onClick:k=>w(n,c+1)},[e.createTextVNode(e.toDisplayString(n[s.propsField.name])+" ",1),e.createCommentVNode(` <i\r
+(function(d,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("iking-utils-pro")):typeof define=="function"&&define.amd?define(["exports","vue","iking-utils-pro"],e):(d=typeof globalThis<"u"?globalThis:d||self,e(d.index={},d.vue,d["iking-utils-pro"]))})(this,function(d,e,x){"use strict";const v=(s,u)=>{if(s.install=i=>{for(const t of[s,...Object.values(u??{})])i.component(t.name,t)},u)for(const[i,t]of Object.entries(u))s[i]=t;return s},B=(s,u)=>{const i=s.__vccOpts||s;for(const[t,o]of u)i[t]=o;return i},S={key:0,class:"ik-svg-icon ik-icon inline-block inline-flex justify-center box-content line-height-[0]"},E={key:1,class:"h-[1em] w-[1em]","aria-hidden":"true"},$=["xlink:href"],N=["src"],V={key:1,class:"h-[1em] w-[1em]","aria-hidden":"true"},I=["xlink:href"],j=["src"],F=e.defineComponent({name:"IkSvgIcon",__name:"index",props:{name:{},flip:{},rotate:{},color:{},colorLight:{},opacity:{default:.5},size:{default:""},width:{},bg:{type:Boolean,default:!1},showBg:{type:Boolean,default:!1},padding:{default:"6px"},primary:{type:Boolean},warning:{type:Boolean},success:{type:Boolean},error:{type:Boolean},notip:{type:Boolean,default:!1},title:{},type:{},active:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},tableIconType:{default:"icon"}},setup(s){const u=s,i=e.inject("iconConfig"),t=e.computed(()=>({...(i==null?void 0:i.value)||{},...u})),o=e.computed(()=>{const{name:n}=t.value;return/^http?:\/\//.test(n)?"img":/i-[^:]+:[^:]+/.test(n)?"unocss":n!=null&&n.startsWith("iksig")?"iksig":n!=null&&n.includes(":")?"iconify":n!=null&&n.startsWith("iksvg")?"svg":"i"}),p=e.computed(()=>{const n=[];if(t.value.flip)switch(t.value.flip){case"horizontal":n.push("rotateY(180deg)");break;case"vertical":n.push("rotateX(180deg)");break;case"both":n.push("rotateX(180deg)"),n.push("rotateY(180deg)");break}t.value.rotate&&n.push(`rotate(${t.value.rotate%360}deg)`);const m={...t.value.color&&{color:t.value.color},...t.value.size&&{fontSize:typeof t.value.size=="number"?`${t.value.size}px`:t.value.size},...n.length&&{transform:n.join(" ")},padding:t.value.showBg||t.value.bg?t.value.padding:0,...t.value.color&&o.value!=="iksig"?{"--ik-color-icon-dark":t.value.color,"--ik-color-icon-light":t.value.colorLight||x.ikColor.setOpacity(t.value.color,t.value.opacity)}:{}};return t.value.width&&(m.width=m.height=typeof t.value.width=="number"?`${t.value.width}px`:t.value.width),m});return(n,m)=>{const y=e.resolveComponent("el-tooltip"),h=e.resolveComponent("el-button");return t.value.tableIconType==="icon"?(e.openBlock(),e.createElementBlock("span",S,[t.value.notip||!t.value.title?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition",{[n.name]:o.value==="unocss","show-bg":t.value.showBg||t.value.bg,default:t.value.size==="default",small:t.value.size==="small",big:t.value.size==="big",warning:t.value.warning||t.value.type==="warning",primary:t.value.primary||t.value.type==="primary",success:n.success||t.value.type==="success",error:t.value.error||t.value.type==="error",active:t.value.active,disabled:t.value.disabled}]),style:e.normalizeStyle(p.value)},[e.createCommentVNode(` <Icon v-if="outputType === 'iconify'" :icon="name" /> `),o.value==="iksig"?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass(`iksig ${t.value.name}`),style:e.normalizeStyle(p.value)},null,6)):o.value==="svg"?(e.openBlock(),e.createElementBlock("svg",E,[e.createElementVNode("use",{"xlink:href":`#${t.value.name}`},null,8,$)])):o.value==="img"?(e.openBlock(),e.createElementBlock("img",{key:2,src:t.value.name,class:"h-[1em] w-[1em]"},null,8,N)):(e.openBlock(),e.createElementBlock("i",{key:3,class:e.normalizeClass(t.value.name),style:e.normalizeStyle(p.value)},null,6))],6)):(e.openBlock(),e.createBlock(y,{key:1,content:t.value.title,placement:"top"},{default:e.withCtx(()=>[e.createElementVNode("i",{class:e.normalizeClass(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition",{[n.name]:o.value==="unocss","show-bg":t.value.showBg||t.value.bg,default:t.value.size==="default",small:t.value.size==="small",big:t.value.size==="big",warning:t.value.warning||t.value.type==="warning",primary:n.primary||t.value.type==="primary",success:n.success||t.value.type==="success",error:t.value.error||t.value.type==="error",active:t.value.active}]),style:e.normalizeStyle(p.value)},[o.value==="iksig"?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass(`iksig ${t.value.name}`),style:e.normalizeStyle(p.value)},null,6)):o.value==="svg"?(e.openBlock(),e.createElementBlock("svg",V,[e.createElementVNode("use",{"xlink:href":`#${t.value.name}`},null,8,I)])):o.value==="img"?(e.openBlock(),e.createElementBlock("img",{key:2,src:t.value.name,class:"h-[1em] w-[1em]"},null,8,j)):(e.openBlock(),e.createElementBlock("i",{key:3,class:e.normalizeClass(t.value.name),style:e.normalizeStyle(p.value)},null,6))],6)]),_:1},8,["content"]))])):(e.openBlock(),e.createBlock(h,{key:1,type:["warning","error"].includes(t.value.type)?"danger":""},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.value.title),1)]),_:1},8,["type"]))}}}),M="",_=v(B(F,[["__scopeId","data-v-1be337e4"]])),T={class:"content"},O={class:"top"},q=["onClick"],D=["id"],K=["onClick"],L=e.defineComponent({__name:"IKVerticalStepBar",props:{active:{type:String,default:""},list:{type:Array,default:()=>[]},needClick:{type:Boolean,default:!1},propsField:{type:Object,default:()=>({name:"name",children:"children"})}},emits:["click","update:active"],setup(s,{emit:u}){const i=s,t=u,o=e.computed(()=>Number(i.active.indexOf("-")>0?i.active.split("-")[0]:i.active)),p=e.computed(()=>i.active.indexOf("-")>0?Number(i.active.split("-")[1]):0),n=c=>{let a="",l=c+1;return l<o.value?a="before-bg":l===o.value?a="active-bg":l>o.value&&(a="after-bg"),`${a} index`},m=c=>{let a="",l=c+1;return l<o.value?a="before-text":l===o.value?a="active-text":l>o.value&&(a="after-text"),`${a} text`},y=c=>{let a="",l=c+1;return l<o.value?a="before-style":l<i.list.length&&(a="after-style"),`${a} bottom`},h=(c,a)=>{let l="",r=c+1,f=a+1;return r<o.value?l="before-text":r===o.value?f<p.value?l="before-text":f===p.value?l="active-text":f>p.value&&(l="after-text"):r>o.value&&(l="after-text"),`${l} child-text`},C=(c,a)=>{i.needClick&&(c[i.propsField.children]||(t("update:active",a+""),t("click",c)))},w=(c,a)=>{c.show=!c.show;let l=document.getElementById(`children${a}`);c.show?l.style.display="none":l.style.display="block"};return(c,a)=>(e.openBlock(),e.createElementBlock("div",T,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.list,(l,r)=>{var f,z;return e.openBlock(),e.createElementBlock("div",{class:"line-block",key:r},[e.createElementVNode("div",O,[e.createElementVNode("div",{class:e.normalizeClass(n(r))},e.toDisplayString(r+1),3),e.createElementVNode("div",{class:e.normalizeClass(m(r)),style:e.normalizeStyle(s.needClick?"cursor: pointer;":""),onClick:k=>C(l,r+1)},[e.createTextVNode(e.toDisplayString(l[s.propsField.name])+" ",1),e.createCommentVNode(` <i\r
             v-if="item[propsField.children]?.length && !item.show"\r
             class="ikapprove icon-a-putongjiantouzhankai"\r
             @click="changeShow(item, index)"\r
-          ></i> `),(f=n[s.propsField.children])!=null&&f.length&&!n.show?(e.openBlock(),e.createBlock(e.unref(B),{key:0,class:"ikapprove",onClick:k=>C(n,c),name:"iksvg_zhankai"},null,8,["onClick"])):e.createCommentVNode("v-if",!0),e.createCommentVNode(` <i\r
+          ></i> `),(f=l[s.propsField.children])!=null&&f.length&&!l.show?(e.openBlock(),e.createBlock(e.unref(_),{key:0,class:"ikapprove",onClick:k=>w(l,r),name:"iksvg_zhankai"},null,8,["onClick"])):e.createCommentVNode("v-if",!0),e.createCommentVNode(` <i\r
             v-if="item[propsField.children]?.length && item.show"\r
             @click="changeShow(item, index)"\r
             class="ikapprove icon-a-putongjiantoushouqi"\r
-          ></i> `),(z=n[s.propsField.children])!=null&&z.length&&n.show?(e.openBlock(),e.createBlock(e.unref(B),{key:1,class:"ikapprove",onClick:k=>C(n,c),name:"iksvg_shouqi"},null,8,["onClick"])):e.createCommentVNode("v-if",!0)],14,v)]),e.createElementVNode("ul",{class:e.normalizeClass(L(c))},[e.createElementVNode("div",{id:`children${c}`},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n[s.propsField.children],(k,h)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(M(c,h)),style:e.normalizeStyle(s.needClick?"cursor: pointer;":""),key:h,onClick:P=>w(k,c+1+"-"+(h+1))},e.toDisplayString(k.name),15,D))),128))],8,q)],2)])}),128))]))}}),Y="",b=g(u(K,[["__scopeId","data-v-240cff4f"]]));p.IKVerticalStepBar=b,p.default=b,Object.defineProperties(p,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+          ></i> `),(z=l[s.propsField.children])!=null&&z.length&&l.show?(e.openBlock(),e.createBlock(e.unref(_),{key:1,class:"ikapprove",onClick:k=>w(l,r),name:"iksvg_shouqi"},null,8,["onClick"])):e.createCommentVNode("v-if",!0)],14,q)]),e.createElementVNode("ul",{class:e.normalizeClass(y(r))},[e.createElementVNode("div",{id:`children${r}`},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l[s.propsField.children],(k,g)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(h(r,g)),style:e.normalizeStyle(s.needClick?"cursor: pointer;":""),key:g,onClick:A=>C(k,r+1+"-"+(g+1))},e.toDisplayString(k.name),15,K))),128))],8,D)],2)])}),128))]))}}),X="",b=v(B(L,[["__scopeId","data-v-240cff4f"]]));d.IKVerticalStepBar=b,d.default=b,Object.defineProperties(d,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/IKVerticalStepBar/style.css

@@ -1 +1 @@
-.row-title[data-v-7d95dbf5]{display:flex}[data-v-240cff4f]{margin:0;padding:0}.content[data-v-240cff4f]{width:100%;height:100%;border-top-left-radius:20px;border-bottom-left-radius:20px;padding:32px 28px}.content .line-block .top[data-v-240cff4f]{display:flex}.content .line-block .top .index[data-v-240cff4f]{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-240cff4f]{line-height:32px;margin-left:20px;font-size:18px;font-weight:700}.content .line-block .active-text[data-v-240cff4f]{color:var(--ik-step-item-active-color, "#039ef7")}.content .line-block .before-text[data-v-240cff4f]{color:var(--ik-color-font-title)}.content .line-block .after-text[data-v-240cff4f]{color:var(--el-color-info, "#181c3266")}.content .line-block .before-bg[data-v-240cff4f]{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-240cff4f]{background-color:var(--ik-step-item-active-color, #039ef7);color:var(--el-color-white, #fff)}.content .line-block .after-bg[data-v-240cff4f]{background-color:var(--ik-step-item-num-bg, #f3f6f9);color:var(--ik-step-item-text-color, #a2a6b8)}.content .line-block .bottom[data-v-240cff4f]{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-240cff4f]{border-color:var(--ik-step-item-active-color, #029ef7);border-style:solid}.content .line-block .after-style[data-v-240cff4f]{border-color:var(--el-color-info, #ccc);border-style:dashed}.content .line-block li[data-v-240cff4f]{line-height:30px}.content .line-block .child-text[data-v-240cff4f]{padding:5px 0}
+.row-title[data-v-1be337e4]{display:flex}[data-v-240cff4f]{margin:0;padding:0}.content[data-v-240cff4f]{width:100%;height:100%;border-top-left-radius:20px;border-bottom-left-radius:20px;padding:32px 28px}.content .line-block .top[data-v-240cff4f]{display:flex}.content .line-block .top .index[data-v-240cff4f]{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-240cff4f]{line-height:32px;margin-left:20px;font-size:18px;font-weight:700}.content .line-block .active-text[data-v-240cff4f]{color:var(--ik-step-item-active-color, "#039ef7")}.content .line-block .before-text[data-v-240cff4f]{color:var(--ik-color-font-title)}.content .line-block .after-text[data-v-240cff4f]{color:var(--el-color-info, "#181c3266")}.content .line-block .before-bg[data-v-240cff4f]{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-240cff4f]{background-color:var(--ik-step-item-active-color, #039ef7);color:var(--el-color-white, #fff)}.content .line-block .after-bg[data-v-240cff4f]{background-color:var(--ik-step-item-num-bg, #f3f6f9);color:var(--ik-step-item-text-color, #a2a6b8)}.content .line-block .bottom[data-v-240cff4f]{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-240cff4f]{border-color:var(--ik-step-item-active-color, #029ef7);border-style:solid}.content .line-block .after-style[data-v-240cff4f]{border-color:var(--el-color-info, #ccc);border-style:dashed}.content .line-block li[data-v-240cff4f]{line-height:30px}.content .line-block .child-text[data-v-240cff4f]{padding:5px 0}