iking-web-ui-pro 0.0.2 → 0.0.3

package/dist/IKVerticalStepBar/index.es.js

@@ -1,1222 +1,27 @@
-import { defineComponent as ie, h as de, computed as P, resolveComponent as Ke, openBlock as w, createElementBlock as x, normalizeClass as E, normalizeStyle as J, createBlock as O, unref as V, createElementVNode as S, createCommentVNode as _, withCtx as Ge, mergeProps as Je, Fragment as he, renderList as pe, toDisplayString as W, createTextVNode as Xe } from "vue";
-const Pe = (e, t) => {
-  if (e.install = (n) => {
-    for (const i of [e, ...Object.values(t ?? {})])
-      n.component(i.name, i);
-  }, t)
-    for (const [n, i] of Object.entries(t))
-      e[n] = i;
-  return e;
-}, Oe = (e, t) => {
-  const n = e.__vccOpts || e;
-  for (const [i, o] of t)
-    n[i] = o;
-  return n;
-}, M = /^[a-z0-9]+(-[a-z0-9]+)*$/, R = (e, t, n, i = "") => {
-  const o = e.split(":");
-  if (e.slice(0, 1) === "@") {
-    if (o.length < 2 || o.length > 3)
-      return null;
-    i = o.shift().slice(1);
-  }
-  if (o.length > 3 || !o.length)
-    return null;
-  if (o.length > 1) {
-    const c = o.pop(), l = o.pop(), a = {
-      // Allow provider without '@': "provider:prefix:name"
-      provider: o.length > 0 ? o[0] : i,
-      prefix: l,
-      name: c
-    };
-    return t && !N(a) ? null : a;
-  }
-  const r = o[0], s = r.split("-");
-  if (s.length > 1) {
-    const c = {
-      provider: i,
-      prefix: s.shift(),
-      name: s.join("-")
-    };
-    return t && !N(c) ? null : c;
-  }
-  if (n && i === "") {
-    const c = {
-      provider: i,
-      prefix: "",
-      name: r
-    };
-    return t && !N(c, n) ? null : c;
-  }
-  return null;
-}, N = (e, t) => e ? !!((e.provider === "" || e.provider.match(M)) && (t && e.prefix === "" || e.prefix.match(M)) && e.name.match(M)) : !1, Me = Object.freeze(
-  {
-    left: 0,
-    top: 0,
-    width: 16,
-    height: 16
-  }
-), H = Object.freeze({
-  rotate: 0,
-  vFlip: !1,
-  hFlip: !1
-}), q = Object.freeze({
-  ...Me,
-  ...H
-}), X = Object.freeze({
-  ...q,
-  body: "",
-  hidden: !1
-});
-function Ye(e, t) {
-  const n = {};
-  !e.hFlip != !t.hFlip && (n.hFlip = !0), !e.vFlip != !t.vFlip && (n.vFlip = !0);
-  const i = ((e.rotate || 0) + (t.rotate || 0)) % 4;
-  return i && (n.rotate = i), n;
-}
-function ge(e, t) {
-  const n = Ye(e, t);
-  for (const i in X)
-    i in H ? i in e && !(i in n) && (n[i] = H[i]) : i in t ? n[i] = t[i] : i in e && (n[i] = e[i]);
-  return n;
-}
-function Ze(e, t) {
-  const n = e.icons, i = e.aliases || /* @__PURE__ */ Object.create(null), o = /* @__PURE__ */ Object.create(null);
-  function r(s) {
-    if (n[s])
-      return o[s] = [];
-    if (!(s in o)) {
-      o[s] = null;
-      const c = i[s] && i[s].parent, l = c && r(c);
-      l && (o[s] = [c].concat(l));
-    }
-    return o[s];
-  }
-  return (t || Object.keys(n).concat(Object.keys(i))).forEach(r), o;
-}
-function et(e, t, n) {
-  const i = e.icons, o = e.aliases || /* @__PURE__ */ Object.create(null);
-  let r = {};
-  function s(c) {
-    r = ge(
-      i[c] || o[c],
-      r
-    );
-  }
-  return s(t), n.forEach(s), ge(e, r);
-}
-function Le(e, t) {
-  const n = [];
-  if (typeof e != "object" || typeof e.icons != "object")
-    return n;
-  e.not_found instanceof Array && e.not_found.forEach((o) => {
-    t(o, null), n.push(o);
-  });
-  const i = Ze(e);
-  for (const o in i) {
-    const r = i[o];
-    r && (t(o, et(e, o, r)), n.push(o));
-  }
-  return n;
-}
-const tt = {
-  provider: "",
-  aliases: {},
-  not_found: {},
-  ...Me
-};
-function K(e, t) {
-  for (const n in t)
-    if (n in e && typeof e[n] != typeof t[n])
-      return !1;
-  return !0;
-}
-function Ae(e) {
-  if (typeof e != "object" || e === null)
-    return null;
-  const t = e;
-  if (typeof t.prefix != "string" || !e.icons || typeof e.icons != "object" || !K(e, tt))
-    return null;
-  const n = t.icons;
-  for (const o in n) {
-    const r = n[o];
-    if (!o.match(M) || typeof r.body != "string" || !K(
-      r,
-      X
-    ))
-      return null;
-  }
-  const i = t.aliases || /* @__PURE__ */ Object.create(null);
-  for (const o in i) {
-    const r = i[o], s = r.parent;
-    if (!o.match(M) || typeof s != "string" || !n[s] && !i[s] || !K(
-      r,
-      X
-    ))
-      return null;
-  }
-  return t;
-}
-const me = /* @__PURE__ */ Object.create(null);
-function nt(e, t) {
-  return {
-    provider: e,
-    prefix: t,
-    icons: /* @__PURE__ */ Object.create(null),
-    missing: /* @__PURE__ */ new Set()
-  };
-}
-function j(e, t) {
-  const n = me[e] || (me[e] = /* @__PURE__ */ Object.create(null));
-  return n[t] || (n[t] = nt(e, t));
-}
-function re(e, t) {
-  return Ae(t) ? Le(t, (n, i) => {
-    i ? e.icons[n] = i : e.missing.add(n);
-  }) : [];
-}
-function ot(e, t, n) {
-  try {
-    if (typeof n.body == "string")
-      return e.icons[t] = { ...n }, !0;
-  } catch {
-  }
-  return !1;
-}
-let L = !1;
-function $e(e) {
-  return typeof e == "boolean" && (L = e), L;
-}
-function it(e) {
-  const t = typeof e == "string" ? R(e, !0, L) : e;
-  if (t) {
-    const n = j(t.provider, t.prefix), i = t.name;
-    return n.icons[i] || (n.missing.has(i) ? null : void 0);
-  }
-}
-function rt(e, t) {
-  const n = R(e, !0, L);
-  if (!n)
-    return !1;
-  const i = j(n.provider, n.prefix);
-  return ot(i, n.name, t);
-}
-function st(e, t) {
-  if (typeof e != "object")
-    return !1;
-  if (typeof t != "string" && (t = e.provider || ""), L && !t && !e.prefix) {
-    let o = !1;
-    return Ae(e) && (e.prefix = "", Le(e, (r, s) => {
-      s && rt(r, s) && (o = !0);
-    })), o;
-  }
-  const n = e.prefix;
-  if (!N({
-    provider: t,
-    prefix: n,
-    name: "a"
-  }))
-    return !1;
-  const i = j(t, n);
-  return !!re(i, e);
-}
-const ze = Object.freeze({
-  width: null,
-  height: null
-}), Ne = Object.freeze({
-  // Dimensions
-  ...ze,
-  // Transformations
-  ...H
-}), ct = /(-?[0-9.]*[0-9]+[0-9.]*)/g, lt = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
-function ye(e, t, n) {
-  if (t === 1)
-    return e;
-  if (n = n || 100, typeof e == "number")
-    return Math.ceil(e * t * n) / n;
-  if (typeof e != "string")
-    return e;
-  const i = e.split(ct);
-  if (i === null || !i.length)
-    return e;
-  const o = [];
-  let r = i.shift(), s = lt.test(r);
-  for (; ; ) {
-    if (s) {
-      const c = parseFloat(r);
-      isNaN(c) ? o.push(r) : o.push(Math.ceil(c * t * n) / n);
-    } else
-      o.push(r);
-    if (r = i.shift(), r === void 0)
-      return o.join("");
-    s = !s;
-  }
-}
-const at = (e) => e === "unset" || e === "undefined" || e === "none";
-function ut(e, t) {
-  const n = {
-    ...q,
-    ...e
-  }, i = {
-    ...Ne,
-    ...t
-  }, o = {
-    left: n.left,
-    top: n.top,
-    width: n.width,
-    height: n.height
-  };
-  let r = n.body;
-  [n, i].forEach((f) => {
-    const d = [], g = f.hFlip, I = f.vFlip;
-    let b = f.rotate;
-    g ? I ? b += 2 : (d.push(
-      "translate(" + (o.width + o.left).toString() + " " + (0 - o.top).toString() + ")"
-    ), d.push("scale(-1 1)"), o.top = o.left = 0) : I && (d.push(
-      "translate(" + (0 - o.left).toString() + " " + (o.height + o.top).toString() + ")"
-    ), d.push("scale(1 -1)"), o.top = o.left = 0);
-    let v;
-    switch (b < 0 && (b -= Math.floor(b / 4) * 4), b = b % 4, b) {
-      case 1:
-        v = o.height / 2 + o.top, d.unshift(
-          "rotate(90 " + v.toString() + " " + v.toString() + ")"
-        );
-        break;
-      case 2:
-        d.unshift(
-          "rotate(180 " + (o.width / 2 + o.left).toString() + " " + (o.height / 2 + o.top).toString() + ")"
-        );
-        break;
-      case 3:
-        v = o.width / 2 + o.left, d.unshift(
-          "rotate(-90 " + v.toString() + " " + v.toString() + ")"
-        );
-        break;
-    }
-    b % 2 === 1 && (o.left !== o.top && (v = o.left, o.left = o.top, o.top = v), o.width !== o.height && (v = o.width, o.width = o.height, o.height = v)), d.length && (r = '<g transform="' + d.join(" ") + '">' + r + "</g>");
-  });
-  const s = i.width, c = i.height, l = o.width, a = o.height;
-  let u, m;
-  s === null ? (m = c === null ? "1em" : c === "auto" ? a : c, u = ye(m, l / a)) : (u = s === "auto" ? l : s, m = c === null ? ye(u, a / l) : c === "auto" ? a : c);
-  const h = {}, p = (f, d) => {
-    at(d) || (h[f] = d.toString());
-  };
-  return p("width", u), p("height", m), h.viewBox = o.left.toString() + " " + o.top.toString() + " " + l.toString() + " " + a.toString(), {
-    attributes: h,
-    body: r
-  };
-}
-const ft = /\sid="(\S+)"/g, dt = "IconifyId" + Date.now().toString(16) + (Math.random() * 16777216 | 0).toString(16);
-let ht = 0;
-function pt(e, t = dt) {
-  const n = [];
-  let i;
-  for (; i = ft.exec(e); )
-    n.push(i[1]);
-  if (!n.length)
-    return e;
-  const o = "suffix" + (Math.random() * 16777216 | Date.now()).toString(16);
-  return n.forEach((r) => {
-    const s = typeof t == "function" ? t(r) : t + (ht++).toString(), c = r.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-    e = e.replace(
-      // Allowed characters before id: [#;"]
-      // Allowed characters after id: [)"], .[a-z]
-      new RegExp('([#;"])(' + c + ')([")]|\\.[a-z])', "g"),
-      "$1" + s + o + "$3"
-    );
-  }), e = e.replace(new RegExp(o, "g"), ""), e;
-}
-const Y = /* @__PURE__ */ Object.create(null);
-function gt(e, t) {
-  Y[e] = t;
-}
-function Z(e) {
-  return Y[e] || Y[""];
-}
-function se(e) {
-  let t;
-  if (typeof e.resources == "string")
-    t = [e.resources];
-  else if (t = e.resources, !(t instanceof Array) || !t.length)
-    return null;
-  return {
-    // API hosts
-    resources: t,
-    // Root path
-    path: e.path || "/",
-    // URL length limit
-    maxURL: e.maxURL || 500,
-    // Timeout before next host is used.
-    rotate: e.rotate || 750,
-    // Timeout before failing query.
-    timeout: e.timeout || 5e3,
-    // Randomise default API end point.
-    random: e.random === !0,
-    // Start index
-    index: e.index || 0,
-    // Receive data after time out (used if time out kicks in first, then API module sends data anyway).
-    dataAfterTimeout: e.dataAfterTimeout !== !1
-  };
-}
-const ce = /* @__PURE__ */ Object.create(null), F = [
-  "https://api.simplesvg.com",
-  "https://api.unisvg.com"
-], B = [];
-for (; F.length > 0; )
-  F.length === 1 || Math.random() > 0.5 ? B.push(F.shift()) : B.push(F.pop());
-ce[""] = se({
-  resources: ["https://api.iconify.design"].concat(B)
-});
-function mt(e, t) {
-  const n = se(t);
-  return n === null ? !1 : (ce[e] = n, !0);
-}
-function le(e) {
-  return ce[e];
-}
-const yt = () => {
-  let e;
-  try {
-    if (e = fetch, typeof e == "function")
-      return e;
-  } catch {
-  }
-};
-let be = yt();
-function bt(e, t) {
-  const n = le(e);
-  if (!n)
-    return 0;
-  let i;
-  if (!n.maxURL)
-    i = 0;
-  else {
-    let o = 0;
-    n.resources.forEach((s) => {
-      o = Math.max(o, s.length);
-    });
-    const r = t + ".json?icons=";
-    i = n.maxURL - o - n.path.length - r.length;
-  }
+import { defineComponent as F, computed as k, resolveComponent as E, openBlock as o, createElementBlock as u, normalizeClass as f, normalizeStyle as h, createElementVNode as d, createCommentVNode as m, createBlock as C, withCtx as K, Fragment as B, renderList as I, toDisplayString as w, createTextVNode as T, unref as S } from "vue";
+import { ikColor as q } from "iking-utils";
+const N = (s, l) => {
+  if (s.install = (i) => {
+    for (const c of [s, ...Object.values(l ?? {})])
+      i.component(c.name, c);
+  }, l)
+    for (const [i, c] of Object.entries(l))
+      s[i] = c;
+  return s;
+}, X = (s, l) => {
+  const i = s.__vccOpts || s;
+  for (const [c, e] of l)
+    i[c] = e;
   return i;
-}
-function vt(e) {
-  return e === 404;
-}
-const wt = (e, t, n) => {
-  const i = [], o = bt(e, t), r = "icons";
-  let s = {
-    type: r,
-    provider: e,
-    prefix: t,
-    icons: []
-  }, c = 0;
-  return n.forEach((l, a) => {
-    c += l.length + 1, c >= o && a > 0 && (i.push(s), s = {
-      type: r,
-      provider: e,
-      prefix: t,
-      icons: []
-    }, c = l.length), s.icons.push(l);
-  }), i.push(s), i;
-};
-function kt(e) {
-  if (typeof e == "string") {
-    const t = le(e);
-    if (t)
-      return t.path;
-  }
-  return "/";
-}
-const It = (e, t, n) => {
-  if (!be) {
-    n("abort", 424);
-    return;
-  }
-  let i = kt(t.provider);
-  switch (t.type) {
-    case "icons": {
-      const r = t.prefix, c = t.icons.join(","), l = new URLSearchParams({
-        icons: c
-      });
-      i += r + ".json?" + l.toString();
-      break;
-    }
-    case "custom": {
-      const r = t.uri;
-      i += r.slice(0, 1) === "/" ? r.slice(1) : r;
-      break;
-    }
-    default:
-      n("abort", 400);
-      return;
-  }
-  let o = 503;
-  be(e + i).then((r) => {
-    const s = r.status;
-    if (s !== 200) {
-      setTimeout(() => {
-        n(vt(s) ? "abort" : "next", s);
-      });
-      return;
-    }
-    return o = 501, r.json();
-  }).then((r) => {
-    if (typeof r != "object" || r === null) {
-      setTimeout(() => {
-        r === 404 ? n("abort", r) : n("next", o);
-      });
-      return;
-    }
-    setTimeout(() => {
-      n("success", r);
-    });
-  }).catch(() => {
-    n("next", o);
-  });
-}, xt = {
-  prepare: wt,
-  send: It
-};
-function St(e) {
-  const t = {
-    loaded: [],
-    missing: [],
-    pending: []
-  }, n = /* @__PURE__ */ Object.create(null);
-  e.sort((o, r) => o.provider !== r.provider ? o.provider.localeCompare(r.provider) : o.prefix !== r.prefix ? o.prefix.localeCompare(r.prefix) : o.name.localeCompare(r.name));
-  let i = {
-    provider: "",
-    prefix: "",
-    name: ""
-  };
-  return e.forEach((o) => {
-    if (i.name === o.name && i.prefix === o.prefix && i.provider === o.provider)
-      return;
-    i = o;
-    const r = o.provider, s = o.prefix, c = o.name, l = n[r] || (n[r] = /* @__PURE__ */ Object.create(null)), a = l[s] || (l[s] = j(r, s));
-    let u;
-    c in a.icons ? u = t.loaded : s === "" || a.missing.has(c) ? u = t.missing : u = t.pending;
-    const m = {
-      provider: r,
-      prefix: s,
-      name: c
-    };
-    u.push(m);
-  }), t;
-}
-function Be(e, t) {
-  e.forEach((n) => {
-    const i = n.loaderCallbacks;
-    i && (n.loaderCallbacks = i.filter((o) => o.id !== t));
-  });
-}
-function Ct(e) {
-  e.pendingCallbacksFlag || (e.pendingCallbacksFlag = !0, setTimeout(() => {
-    e.pendingCallbacksFlag = !1;
-    const t = e.loaderCallbacks ? e.loaderCallbacks.slice(0) : [];
-    if (!t.length)
-      return;
-    let n = !1;
-    const i = e.provider, o = e.prefix;
-    t.forEach((r) => {
-      const s = r.icons, c = s.pending.length;
-      s.pending = s.pending.filter((l) => {
-        if (l.prefix !== o)
-          return !0;
-        const a = l.name;
-        if (e.icons[a])
-          s.loaded.push({
-            provider: i,
-            prefix: o,
-            name: a
-          });
-        else if (e.missing.has(a))
-          s.missing.push({
-            provider: i,
-            prefix: o,
-            name: a
-          });
-        else
-          return n = !0, !0;
-        return !1;
-      }), s.pending.length !== c && (n || Be([e], r.id), r.callback(
-        s.loaded.slice(0),
-        s.missing.slice(0),
-        s.pending.slice(0),
-        r.abort
-      ));
-    });
-  }));
-}
-let jt = 0;
-function _t(e, t, n) {
-  const i = jt++, o = Be.bind(null, n, i);
-  if (!t.pending.length)
-    return o;
-  const r = {
-    id: i,
-    icons: t,
-    callback: e,
-    abort: o
-  };
-  return n.forEach((s) => {
-    (s.loaderCallbacks || (s.loaderCallbacks = [])).push(r);
-  }), o;
-}
-function Tt(e, t = !0, n = !1) {
-  const i = [];
-  return e.forEach((o) => {
-    const r = typeof o == "string" ? R(o, t, n) : o;
-    r && i.push(r);
-  }), i;
-}
-var Ft = {
-  resources: [],
-  index: 0,
-  timeout: 2e3,
-  rotate: 750,
-  random: !1,
-  dataAfterTimeout: !1
-};
-function Et(e, t, n, i) {
-  const o = e.resources.length, r = e.random ? Math.floor(Math.random() * o) : e.index;
-  let s;
-  if (e.random) {
-    let y = e.resources.slice(0);
-    for (s = []; y.length > 1; ) {
-      const k = Math.floor(Math.random() * y.length);
-      s.push(y[k]), y = y.slice(0, k).concat(y.slice(k + 1));
-    }
-    s = s.concat(y);
-  } else
-    s = e.resources.slice(r).concat(e.resources.slice(0, r));
-  const c = Date.now();
-  let l = "pending", a = 0, u, m = null, h = [], p = [];
-  typeof i == "function" && p.push(i);
-  function f() {
-    m && (clearTimeout(m), m = null);
-  }
-  function d() {
-    l === "pending" && (l = "aborted"), f(), h.forEach((y) => {
-      y.status === "pending" && (y.status = "aborted");
-    }), h = [];
-  }
-  function g(y, k) {
-    k && (p = []), typeof y == "function" && p.push(y);
-  }
-  function I() {
-    return {
-      startTime: c,
-      payload: t,
-      status: l,
-      queriesSent: a,
-      queriesPending: h.length,
-      subscribe: g,
-      abort: d
-    };
-  }
-  function b() {
-    l = "failed", p.forEach((y) => {
-      y(void 0, u);
-    });
-  }
-  function v() {
-    h.forEach((y) => {
-      y.status === "pending" && (y.status = "aborted");
-    }), h = [];
-  }
-  function fe(y, k, T) {
-    const $ = k !== "success";
-    switch (h = h.filter((C) => C !== y), l) {
-      case "pending":
-        break;
-      case "failed":
-        if ($ || !e.dataAfterTimeout)
-          return;
-        break;
-      default:
-        return;
-    }
-    if (k === "abort") {
-      u = T, b();
-      return;
-    }
-    if ($) {
-      u = T, h.length || (s.length ? U() : b());
-      return;
-    }
-    if (f(), v(), !e.random) {
-      const C = e.resources.indexOf(y.resource);
-      C !== -1 && C !== e.index && (e.index = C);
-    }
-    l = "completed", p.forEach((C) => {
-      C(T);
-    });
-  }
-  function U() {
-    if (l !== "pending")
-      return;
-    f();
-    const y = s.shift();
-    if (y === void 0) {
-      if (h.length) {
-        m = setTimeout(() => {
-          f(), l === "pending" && (v(), b());
-        }, e.timeout);
-        return;
-      }
-      b();
-      return;
-    }
-    const k = {
-      status: "pending",
-      resource: y,
-      callback: (T, $) => {
-        fe(k, T, $);
-      }
-    };
-    h.push(k), a++, m = setTimeout(U, e.rotate), n(y, t, k.callback);
-  }
-  return setTimeout(U), I;
-}
-function De(e) {
-  const t = {
-    ...Ft,
-    ...e
-  };
-  let n = [];
-  function i() {
-    n = n.filter((c) => c().status === "pending");
-  }
-  function o(c, l, a) {
-    const u = Et(
-      t,
-      c,
-      l,
-      (m, h) => {
-        i(), a && a(m, h);
-      }
-    );
-    return n.push(u), u;
-  }
-  function r(c) {
-    return n.find((l) => c(l)) || null;
-  }
-  return {
-    query: o,
-    find: r,
-    setIndex: (c) => {
-      t.index = c;
-    },
-    getIndex: () => t.index,
-    cleanup: i
-  };
-}
-function ve() {
-}
-const G = /* @__PURE__ */ Object.create(null);
-function Pt(e) {
-  if (!G[e]) {
-    const t = le(e);
-    if (!t)
-      return;
-    const n = De(t), i = {
-      config: t,
-      redundancy: n
-    };
-    G[e] = i;
-  }
-  return G[e];
-}
-function Ot(e, t, n) {
-  let i, o;
-  if (typeof e == "string") {
-    const r = Z(e);
-    if (!r)
-      return n(void 0, 424), ve;
-    o = r.send;
-    const s = Pt(e);
-    s && (i = s.redundancy);
-  } else {
-    const r = se(e);
-    if (r) {
-      i = De(r);
-      const s = e.resources ? e.resources[0] : "", c = Z(s);
-      c && (o = c.send);
-    }
-  }
-  return !i || !o ? (n(void 0, 424), ve) : i.query(t, o, n)().abort;
-}
-const we = "iconify2", A = "iconify", Ve = A + "-count", ke = A + "-version", He = 36e5, Mt = 168;
-function ee(e, t) {
-  try {
-    return e.getItem(t);
-  } catch {
-  }
-}
-function ae(e, t, n) {
-  try {
-    return e.setItem(t, n), !0;
-  } catch {
-  }
-}
-function Ie(e, t) {
-  try {
-    e.removeItem(t);
-  } catch {
-  }
-}
-function te(e, t) {
-  return ae(e, Ve, t.toString());
-}
-function ne(e) {
-  return parseInt(ee(e, Ve)) || 0;
-}
-const Q = {
-  local: !0,
-  session: !0
-}, Re = {
-  local: /* @__PURE__ */ new Set(),
-  session: /* @__PURE__ */ new Set()
-};
-let ue = !1;
-function Lt(e) {
-  ue = e;
-}
-let z = typeof window > "u" ? {} : window;
-function qe(e) {
-  const t = e + "Storage";
-  try {
-    if (z && z[t] && typeof z[t].length == "number")
-      return z[t];
-  } catch {
-  }
-  Q[e] = !1;
-}
-function Qe(e, t) {
-  const n = qe(e);
-  if (!n)
-    return;
-  const i = ee(n, ke);
-  if (i !== we) {
-    if (i) {
-      const c = ne(n);
-      for (let l = 0; l < c; l++)
-        Ie(n, A + l.toString());
-    }
-    ae(n, ke, we), te(n, 0);
-    return;
-  }
-  const o = Math.floor(Date.now() / He) - Mt, r = (c) => {
-    const l = A + c.toString(), a = ee(n, l);
-    if (typeof a == "string") {
-      try {
-        const u = JSON.parse(a);
-        if (typeof u == "object" && typeof u.cached == "number" && u.cached > o && typeof u.provider == "string" && typeof u.data == "object" && typeof u.data.prefix == "string" && // Valid item: run callback
-        t(u, c))
-          return !0;
-      } catch {
-      }
-      Ie(n, l);
-    }
-  };
-  let s = ne(n);
-  for (let c = s - 1; c >= 0; c--)
-    r(c) || (c === s - 1 ? (s--, te(n, s)) : Re[e].add(c));
-}
-function Ue() {
-  if (!ue) {
-    Lt(!0);
-    for (const e in Q)
-      Qe(e, (t) => {
-        const n = t.data, i = t.provider, o = n.prefix, r = j(
-          i,
-          o
-        );
-        if (!re(r, n).length)
-          return !1;
-        const s = n.lastModified || -1;
-        return r.lastModifiedCached = r.lastModifiedCached ? Math.min(r.lastModifiedCached, s) : s, !0;
-      });
-  }
-}
-function At(e, t) {
-  const n = e.lastModifiedCached;
-  if (
-    // Matches or newer
-    n && n >= t
-  )
-    return n === t;
-  if (e.lastModifiedCached = t, n)
-    for (const i in Q)
-      Qe(i, (o) => {
-        const r = o.data;
-        return o.provider !== e.provider || r.prefix !== e.prefix || r.lastModified === t;
-      });
-  return !0;
-}
-function $t(e, t) {
-  ue || Ue();
-  function n(i) {
-    let o;
-    if (!Q[i] || !(o = qe(i)))
-      return;
-    const r = Re[i];
-    let s;
-    if (r.size)
-      r.delete(s = Array.from(r).shift());
-    else if (s = ne(o), !te(o, s + 1))
-      return;
-    const c = {
-      cached: Math.floor(Date.now() / He),
-      provider: e.provider,
-      data: t
-    };
-    return ae(
-      o,
-      A + s.toString(),
-      JSON.stringify(c)
-    );
-  }
-  t.lastModified && !At(e, t.lastModified) || Object.keys(t.icons).length && (t.not_found && (t = Object.assign({}, t), delete t.not_found), n("local") || n("session"));
-}
-function xe() {
-}
-function zt(e) {
-  e.iconsLoaderFlag || (e.iconsLoaderFlag = !0, setTimeout(() => {
-    e.iconsLoaderFlag = !1, Ct(e);
-  }));
-}
-function Nt(e, t) {
-  e.iconsToLoad ? e.iconsToLoad = e.iconsToLoad.concat(t).sort() : e.iconsToLoad = t, e.iconsQueueFlag || (e.iconsQueueFlag = !0, setTimeout(() => {
-    e.iconsQueueFlag = !1;
-    const { provider: n, prefix: i } = e, o = e.iconsToLoad;
-    delete e.iconsToLoad;
-    let r;
-    if (!o || !(r = Z(n)))
-      return;
-    r.prepare(n, i, o).forEach((c) => {
-      Ot(n, c, (l) => {
-        if (typeof l != "object")
-          c.icons.forEach((a) => {
-            e.missing.add(a);
-          });
-        else
-          try {
-            const a = re(
-              e,
-              l
-            );
-            if (!a.length)
-              return;
-            const u = e.pendingIcons;
-            u && a.forEach((m) => {
-              u.delete(m);
-            }), $t(e, l);
-          } catch (a) {
-            console.error(a);
-          }
-        zt(e);
-      });
-    });
-  }));
-}
-const Bt = (e, t) => {
-  const n = Tt(e, !0, $e()), i = St(n);
-  if (!i.pending.length) {
-    let l = !0;
-    return t && setTimeout(() => {
-      l && t(
-        i.loaded,
-        i.missing,
-        i.pending,
-        xe
-      );
-    }), () => {
-      l = !1;
-    };
-  }
-  const o = /* @__PURE__ */ Object.create(null), r = [];
-  let s, c;
-  return i.pending.forEach((l) => {
-    const { provider: a, prefix: u } = l;
-    if (u === c && a === s)
-      return;
-    s = a, c = u, r.push(j(a, u));
-    const m = o[a] || (o[a] = /* @__PURE__ */ Object.create(null));
-    m[u] || (m[u] = []);
-  }), i.pending.forEach((l) => {
-    const { provider: a, prefix: u, name: m } = l, h = j(a, u), p = h.pendingIcons || (h.pendingIcons = /* @__PURE__ */ new Set());
-    p.has(m) || (p.add(m), o[a][u].push(m));
-  }), r.forEach((l) => {
-    const { provider: a, prefix: u } = l;
-    o[a][u].length && Nt(l, o[a][u]);
-  }), t ? _t(t, i, r) : xe;
-};
-function Dt(e, t) {
-  const n = {
-    ...e
-  };
-  for (const i in t) {
-    const o = t[i], r = typeof o;
-    i in ze ? (o === null || o && (r === "string" || r === "number")) && (n[i] = o) : r === typeof n[i] && (n[i] = i === "rotate" ? o % 4 : o);
-  }
-  return n;
-}
-const Vt = /[\s,]+/;
-function Ht(e, t) {
-  t.split(Vt).forEach((n) => {
-    switch (n.trim()) {
-      case "horizontal":
-        e.hFlip = !0;
-        break;
-      case "vertical":
-        e.vFlip = !0;
-        break;
-    }
-  });
-}
-function Rt(e, t = 0) {
-  const n = e.replace(/^-?[0-9.]*/, "");
-  function i(o) {
-    for (; o < 0; )
-      o += 4;
-    return o % 4;
-  }
-  if (n === "") {
-    const o = parseInt(e);
-    return isNaN(o) ? 0 : i(o);
-  } else if (n !== e) {
-    let o = 0;
-    switch (n) {
-      case "%":
-        o = 25;
-        break;
-      case "deg":
-        o = 90;
-    }
-    if (o) {
-      let r = parseFloat(e.slice(0, e.length - n.length));
-      return isNaN(r) ? 0 : (r = r / o, r % 1 === 0 ? i(r) : 0);
-    }
-  }
-  return t;
-}
-function qt(e, t) {
-  let n = e.indexOf("xlink:") === -1 ? "" : ' xmlns:xlink="http://www.w3.org/1999/xlink"';
-  for (const i in t)
-    n += " " + i + '="' + t[i] + '"';
-  return '<svg xmlns="http://www.w3.org/2000/svg"' + n + ">" + e + "</svg>";
-}
-function Qt(e) {
-  return e.replace(/"/g, "'").replace(/%/g, "%25").replace(/#/g, "%23").replace(/</g, "%3C").replace(/>/g, "%3E").replace(/\s+/g, " ");
-}
-function Ut(e) {
-  return "data:image/svg+xml," + Qt(e);
-}
-function Wt(e) {
-  return 'url("' + Ut(e) + '")';
-}
-const Se = {
-  ...Ne,
-  inline: !1
-}, Kt = {
-  xmlns: "http://www.w3.org/2000/svg",
-  "xmlns:xlink": "http://www.w3.org/1999/xlink",
-  "aria-hidden": !0,
-  role: "img"
-}, Gt = {
-  display: "inline-block"
-}, oe = {
-  backgroundColor: "currentColor"
-}, We = {
-  backgroundColor: "transparent"
-}, Ce = {
-  Image: "var(--svg)",
-  Repeat: "no-repeat",
-  Size: "100% 100%"
-}, je = {
-  webkitMask: oe,
-  mask: oe,
-  background: We
-};
-for (const e in je) {
-  const t = je[e];
-  for (const n in Ce)
-    t[e + n] = Ce[n];
-}
-const D = {};
-["horizontal", "vertical"].forEach((e) => {
-  const t = e.slice(0, 1) + "Flip";
-  D[e + "-flip"] = t, D[e.slice(0, 1) + "-flip"] = t, D[e + "Flip"] = t;
-});
-function _e(e) {
-  return e + (e.match(/^[-0-9.]+$/) ? "px" : "");
-}
-const Te = (e, t) => {
-  const n = Dt(Se, t), i = { ...Kt }, o = t.mode || "svg", r = {}, s = t.style, c = typeof s == "object" && !(s instanceof Array) ? s : {};
-  for (let d in t) {
-    const g = t[d];
-    if (g !== void 0)
-      switch (d) {
-        case "icon":
-        case "style":
-        case "onLoad":
-        case "mode":
-          break;
-        case "inline":
-        case "hFlip":
-        case "vFlip":
-          n[d] = g === !0 || g === "true" || g === 1;
-          break;
-        case "flip":
-          typeof g == "string" && Ht(n, g);
-          break;
-        case "color":
-          r.color = g;
-          break;
-        case "rotate":
-          typeof g == "string" ? n[d] = Rt(g) : typeof g == "number" && (n[d] = g);
-          break;
-        case "ariaHidden":
-        case "aria-hidden":
-          g !== !0 && g !== "true" && delete i["aria-hidden"];
-          break;
-        default: {
-          const I = D[d];
-          I ? (g === !0 || g === "true" || g === 1) && (n[I] = !0) : Se[d] === void 0 && (i[d] = g);
-        }
-      }
-  }
-  const l = ut(e, n), a = l.attributes;
-  if (n.inline && (r.verticalAlign = "-0.125em"), o === "svg") {
-    i.style = {
-      ...r,
-      ...c
-    }, Object.assign(i, a);
-    let d = 0, g = t.id;
-    return typeof g == "string" && (g = g.replace(/-/g, "_")), i.innerHTML = pt(l.body, g ? () => g + "ID" + d++ : "iconifyVue"), de("svg", i);
-  }
-  const { body: u, width: m, height: h } = e, p = o === "mask" || (o === "bg" ? !1 : u.indexOf("currentColor") !== -1), f = qt(u, {
-    ...a,
-    width: m + "",
-    height: h + ""
-  });
-  return i.style = {
-    ...r,
-    "--svg": Wt(f),
-    width: _e(a.width),
-    height: _e(a.height),
-    ...Gt,
-    ...p ? oe : We,
-    ...c
-  }, de("span", i);
-};
-$e(!0);
-gt("", xt);
-if (typeof document < "u" && typeof window < "u") {
-  Ue();
-  const e = window;
-  if (e.IconifyPreload !== void 0) {
-    const t = e.IconifyPreload, n = "Invalid IconifyPreload syntax.";
-    typeof t == "object" && t !== null && (t instanceof Array ? t : [t]).forEach((i) => {
-      try {
-        // Check if item is an object and not null/array
-        (typeof i != "object" || i === null || i instanceof Array || // Check for 'icons' and 'prefix'
-        typeof i.icons != "object" || typeof i.prefix != "string" || // Add icon set
-        !st(i)) && console.error(n);
-      } catch {
-        console.error(n);
-      }
-    });
-  }
-  if (e.IconifyProviders !== void 0) {
-    const t = e.IconifyProviders;
-    if (typeof t == "object" && t !== null)
-      for (let n in t) {
-        const i = "IconifyProviders[" + n + "] is invalid.";
-        try {
-          const o = t[n];
-          if (typeof o != "object" || !o || o.resources === void 0)
-            continue;
-          mt(n, o) || console.error(i);
-        } catch {
-          console.error(i);
-        }
-      }
-  }
-}
-const Jt = {
-  ...q,
-  body: ""
-}, Fe = ie({
-  // Do not inherit other attributes: it is handled by render()
-  inheritAttrs: !1,
-  // Set initial data
-  data() {
-    return {
-      // Mounted status
-      iconMounted: !1,
-      // Callback counter to trigger re-render
-      counter: 0
-    };
-  },
-  mounted() {
-    this._name = "", this._loadingIcon = null, this.iconMounted = !0;
-  },
-  unmounted() {
-    this.abortLoading();
-  },
-  methods: {
-    abortLoading() {
-      this._loadingIcon && (this._loadingIcon.abort(), this._loadingIcon = null);
-    },
-    // Get data for icon to render or null
-    getIcon(e, t) {
-      if (typeof e == "object" && e !== null && typeof e.body == "string")
-        return this._name = "", this.abortLoading(), {
-          data: e
-        };
-      let n;
-      if (typeof e != "string" || (n = R(e, !1, !0)) === null)
-        return this.abortLoading(), null;
-      const i = it(n);
-      if (!i)
-        return (!this._loadingIcon || this._loadingIcon.name !== e) && (this.abortLoading(), this._name = "", i !== null && (this._loadingIcon = {
-          name: e,
-          abort: Bt([n], () => {
-            this.counter++;
-          })
-        })), null;
-      this.abortLoading(), this._name !== e && (this._name = e, t && t(e));
-      const o = ["iconify"];
-      return n.prefix !== "" && o.push("iconify--" + n.prefix), n.provider !== "" && o.push("iconify--" + n.provider), { data: i, classes: o };
-    }
-  },
-  // Render icon
-  render() {
-    this.counter;
-    const e = this.$attrs, t = this.iconMounted ? this.getIcon(e.icon, e.onLoad) : null;
-    if (!t)
-      return Te(Jt, e);
-    let n = e;
-    return t.classes && (n = {
-      ...e,
-      class: (typeof e.class == "string" ? e.class + " " : "") + t.classes.join(" ")
-    }), Te({
-      ...q,
-      ...t.data
-    }, n);
-  }
-}), Xt = {
+}, Y = { class: "inline-block ik-svg-icon ik-icon line-height-[0] inline-flex justify-center" }, A = {
   key: 1,
-  class: "basicHeight basicWidth",
+  class: "h-[1em] w-[1em]",
   "aria-hidden": "true"
-}, Yt = ["xlink:href"], Zt = ["src"], en = {
+}, D = ["xlink:href"], L = ["src"], W = {
   key: 1,
-  class: "basicHeight basicWidth",
+  class: "h-[1em] w-[1em]",
   "aria-hidden": "true"
-}, tn = ["xlink:href"], nn = ["src"], on = /* @__PURE__ */ ie({
+}, G = ["xlink:href"], H = ["src"], J = /* @__PURE__ */ F({
   name: "IkSvgIcon",
   __name: "index",
   props: {
@@ -1224,6 +29,7 @@ const Jt = {
     flip: {},
     rotate: {},
     color: {},
+    opacity: { default: 0.5 },
     size: { default: "" },
     bg: { type: Boolean, default: !1 },
     showBg: { type: Boolean, default: !1 },
@@ -1232,111 +38,125 @@ const Jt = {
     notip: { type: Boolean, default: !1 },
     title: {}
   },
-  setup(e) {
-    const t = e, n = P(() => {
-      var r;
-      return /^http?:\/\//.test(t.name) ? "img" : /i-[^:]+:[^:]+/.test(t.name) ? "unocss" : (r = t.name) != null && r.includes(":") ? "iconify" : "svg";
-    }), i = P(() => {
-      const r = [];
-      if (t.flip)
-        switch (t.flip) {
+  setup(s) {
+    const l = s, i = k(() => {
+      var e;
+      return /^http?:\/\//.test(l.name) ? "img" : /i-[^:]+:[^:]+/.test(l.name) ? "unocss" : l.name.startsWith("iksig") ? "iksig" : (e = l.name) != null && e.includes(":") ? "iconify" : "svg";
+    }), c = k(() => {
+      const e = [];
+      if (l.flip)
+        switch (l.flip) {
           case "horizontal":
-            r.push("rotateY(180deg)");
+            e.push("rotateY(180deg)");
             break;
           case "vertical":
-            r.push("rotateX(180deg)");
+            e.push("rotateX(180deg)");
             break;
           case "both":
-            r.push("rotateX(180deg)"), r.push("rotateY(180deg)");
+            e.push("rotateX(180deg)"), e.push("rotateY(180deg)");
             break;
         }
-      return t.rotate && r.push(`rotate(${t.rotate % 360}deg)`), {
-        ...t.color && { color: t.color },
-        ...t.size && {
-          fontSize: typeof t.size == "number" ? `${t.size}px` : t.size
-        },
-        ...r.length && { transform: r.join(" ") },
-        padding: t.padding
+      return l.rotate && e.push(`rotate(${l.rotate % 360}deg)`), {
+        ...l.color && { color: l.color },
+        ...l.size && { fontSize: typeof l.size == "number" ? `${l.size}px` : l.size },
+        ...e.length && { transform: e.join(" ") },
+        padding: l.padding,
+        ...l.color && i.value !== "iksig" ? {
+          "--ik-color-icon-dark": l.color,
+          "--ik-color-icon-light": q.setOpacity(l.color, l.opacity || 0.4)
+        } : {}
       };
-    }), o = P(
-      () => document.body.getAttribute("data-theme") === "dark"
-    );
-    return (r, s) => {
-      const c = Ke("el-tooltip");
-      return r.notip || !r.title ? (w(), x(
-        "i",
-        {
-          key: 0,
-          class: E(["ik-svg-icon ik-icon relative basicHeight basicWidth flex-inline items-center justify-center fill-current leading-[1em] transition", {
-            [r.name]: n.value === "unocss",
-            "show-bg": r.showBg || r.bg,
-            default: r.size === "default",
-            small: r.size === "small",
-            big: r.size === "big",
-            warning: r.warning
-          }]),
-          style: J(i.value)
-        },
-        [
-          n.value === "iconify" ? (w(), O(V(Fe), {
+    });
+    return (e, g) => {
+      const y = E("el-tooltip");
+      return o(), u("span", Y, [
+        e.notip || !e.title ? (o(), u(
+          "i",
+          {
             key: 0,
-            icon: r.name
-          }, null, 8, ["icon"])) : n.value === "svg" ? (w(), x("svg", Xt, [
-            S("use", {
-              "xlink:href": `#${r.name}`
-            }, null, 8, Yt)
-          ])) : n.value === "img" ? (w(), x("img", {
-            key: 2,
-            src: r.name,
-            class: "basicHeight basicWidth"
-          }, null, 8, Zt)) : _("v-if", !0)
-        ],
-        6
-        /* CLASS, STYLE */
-      )) : (w(), O(c, {
-        key: 1,
-        effect: o.value ? "dark" : "light",
-        content: r.title
-      }, {
-        default: Ge(() => [
-          S(
-            "i",
-            Je({
-              class: ["ik-svg-icon ik-icon relative basicHeight basicWidth flex-inline items-center justify-center fill-current leading-[1em] transition", {
-                [r.name]: n.value === "unocss",
-                "show-bg": r.showBg || r.bg,
-                default: r.size === "default",
-                small: r.size === "small",
-                big: r.size === "big",
-                warning: r.warning
-              }],
-              style: i.value
-            }, r.$attrs),
-            [
-              n.value === "iconify" ? (w(), O(V(Fe), {
+            class: f(["relative h-[1em] w-[1em] flex-inline items-center justify-center fill-current leading-[1em] transition", {
+              [e.name]: i.value === "unocss",
+              "show-bg": e.showBg || e.bg,
+              default: e.size === "default",
+              small: e.size === "small",
+              big: e.size === "big",
+              warning: e.warning
+            }]),
+            style: h(c.value)
+          },
+          [
+            i.value === "iksig" ? (o(), u(
+              "i",
+              {
                 key: 0,
-                icon: r.name
-              }, null, 8, ["icon"])) : n.value === "svg" ? (w(), x("svg", en, [
-                S("use", {
-                  "xlink:href": `#${r.name}`
-                }, null, 8, tn)
-              ])) : n.value === "img" ? (w(), x("img", {
-                key: 2,
-                src: r.name,
-                class: "basicHeight basicWidth"
-              }, null, 8, nn)) : _("v-if", !0)
-            ],
-            16
-            /* FULL_PROPS */
-          )
-        ]),
-        _: 1
-        /* STABLE */
-      }, 8, ["effect", "content"]));
+                class: f(`iksig ${e.name}`),
+                style: h(c.value)
+              },
+              null,
+              6
+              /* CLASS, STYLE */
+            )) : i.value === "svg" ? (o(), u("svg", A, [
+              d("use", {
+                "xlink:href": `#${e.name}`
+              }, null, 8, D)
+            ])) : i.value === "img" ? (o(), u("img", {
+              key: 2,
+              src: e.name,
+              class: "h-[1em] w-[1em]"
+            }, null, 8, L)) : m("v-if", !0)
+          ],
+          6
+          /* CLASS, STYLE */
+        )) : (o(), C(y, {
+          key: 1,
+          content: e.title
+        }, {
+          default: K(() => [
+            d(
+              "i",
+              {
+                class: f(["ik-svg-icon ik-icon relative h-[1em] w-[1em] flex-inline items-center justify-center fill-current leading-[1em] transition", {
+                  [e.name]: i.value === "unocss",
+                  "show-bg": e.showBg || e.bg,
+                  default: e.size === "default",
+                  small: e.size === "small",
+                  big: e.size === "big",
+                  warning: e.warning
+                }]),
+                style: h(c.value)
+              },
+              [
+                i.value === "iksig" ? (o(), u(
+                  "i",
+                  {
+                    key: 0,
+                    class: f(`iksig ${e.name}`),
+                    style: h(c.value)
+                  },
+                  null,
+                  6
+                  /* CLASS, STYLE */
+                )) : i.value === "svg" ? (o(), u("svg", W, [
+                  d("use", {
+                    "xlink:href": `#${e.name}`
+                  }, null, 8, G)
+                ])) : i.value === "img" ? (o(), u("img", {
+                  key: 2,
+                  src: e.name,
+                  class: "h-[1em] w-[1em]"
+                }, null, 8, H)) : m("v-if", !0)
+              ],
+              6
+              /* CLASS, STYLE */
+            )
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["content"]))
+      ]);
     };
   }
-});
-const rn = /* @__PURE__ */ Oe(on, [["__scopeId", "data-v-1957ff53"]]), Ee = Pe(rn), sn = { class: "content" }, cn = { class: "top" }, ln = ["onClick"], an = ["id"], un = ["onClick"], fn = /* @__PURE__ */ ie({
+}), j = N(J), M = { class: "content" }, P = { class: "top" }, Q = ["onClick"], R = ["id"], U = ["onClick"], Z = /* @__PURE__ */ F({
   __name: "IKVerticalStepBar",
   props: {
     // 当前激活的下标
@@ -1364,104 +184,104 @@ const rn = /* @__PURE__ */ Oe(on, [["__scopeId", "data-v-1957ff53"]]), Ee = Pe(r
     }
   },
   emits: ["click", "update:active"],
-  setup(e, { emit: t }) {
-    const n = e, i = t, o = P(() => Number(
-      n.active.indexOf("-") > 0 ? n.active.split("-")[0] : n.active
-    )), r = P(() => n.active.indexOf("-") > 0 ? Number(n.active.split("-")[1]) : 0), s = (h) => {
-      let p = "", f = h + 1;
-      return f < o.value ? p = "before-bg" : f === o.value ? p = "active-bg" : f > o.value && (p = "after-bg"), `${p} index`;
-    }, c = (h) => {
-      let p = "", f = h + 1;
-      return f < o.value ? p = "before-text" : f === o.value ? p = "active-text" : f > o.value && (p = "after-text"), `${p} text`;
-    }, l = (h) => {
-      let p = "", f = h + 1;
-      return f < o.value ? p = "before-style" : f < n.list.length && (p = "after-style"), `${p} bottom`;
-    }, a = (h, p) => {
-      let f = "", d = h + 1, g = p + 1;
-      return d < o.value ? f = "before-text" : d === o.value ? g < r.value ? f = "before-text" : g === r.value ? f = "active-text" : g > r.value && (f = "after-text") : d > o.value && (f = "after-text"), `${f} child-text`;
-    }, u = (h, p) => {
-      n.needClick && (h[n.propsField.children] || (i("update:active", p + ""), i("click", h)));
-    }, m = (h, p) => {
-      h.show = !h.show;
-      let f = document.getElementById(`children${p}`);
-      h.show ? f.style.display = "none" : f.style.display = "block";
+  setup(s, { emit: l }) {
+    const i = s, c = l, e = k(() => Number(
+      i.active.indexOf("-") > 0 ? i.active.split("-")[0] : i.active
+    )), g = k(() => i.active.indexOf("-") > 0 ? Number(i.active.split("-")[1]) : 0), y = (a) => {
+      let n = "", t = a + 1;
+      return t < e.value ? n = "before-bg" : t === e.value ? n = "active-bg" : t > e.value && (n = "after-bg"), `${n} index`;
+    }, O = (a) => {
+      let n = "", t = a + 1;
+      return t < e.value ? n = "before-text" : t === e.value ? n = "active-text" : t > e.value && (n = "after-text"), `${n} text`;
+    }, V = (a) => {
+      let n = "", t = a + 1;
+      return t < e.value ? n = "before-style" : t < i.list.length && (n = "after-style"), `${n} bottom`;
+    }, x = (a, n) => {
+      let t = "", r = a + 1, p = n + 1;
+      return r < e.value ? t = "before-text" : r === e.value ? p < g.value ? t = "before-text" : p === g.value ? t = "active-text" : p > g.value && (t = "after-text") : r > e.value && (t = "after-text"), `${t} child-text`;
+    }, $ = (a, n) => {
+      i.needClick && (a[i.propsField.children] || (c("update:active", n + ""), c("click", a)));
+    }, _ = (a, n) => {
+      a.show = !a.show;
+      let t = document.getElementById(`children${n}`);
+      a.show ? t.style.display = "none" : t.style.display = "block";
     };
-    return (h, p) => (w(), x("div", sn, [
-      (w(!0), x(
-        he,
+    return (a, n) => (o(), u("div", M, [
+      (o(!0), u(
+        B,
         null,
-        pe(e.list, (f, d) => {
-          var g, I;
-          return w(), x("div", {
+        I(s.list, (t, r) => {
+          var p, z;
+          return o(), u("div", {
             class: "line-block",
-            key: d
+            key: r
           }, [
-            S("div", cn, [
-              S(
+            d("div", P, [
+              d(
                 "div",
                 {
-                  class: E(s(d))
+                  class: f(y(r))
                 },
-                W(d + 1),
+                w(r + 1),
                 3
                 /* TEXT, CLASS */
               ),
-              S("div", {
-                class: E(c(d)),
-                style: J(e.needClick ? "cursor: pointer;" : ""),
-                onClick: (b) => u(f, d + 1)
+              d("div", {
+                class: f(O(r)),
+                style: h(s.needClick ? "cursor: pointer;" : ""),
+                onClick: (v) => $(t, r + 1)
               }, [
-                Xe(
-                  W(f[e.propsField.name]) + " ",
+                T(
+                  w(t[s.propsField.name]) + " ",
                   1
                   /* TEXT */
                 ),
-                _(` <i\r
+                m(` <i\r
             v-if="item[propsField.children]?.length && !item.show"\r
             class="ikapprove icon-a-putongjiantouzhankai"\r
             @click="changeShow(item, index)"\r
           ></i> `),
-                (g = f[e.propsField.children]) != null && g.length && !f.show ? (w(), O(V(Ee), {
+                (p = t[s.propsField.children]) != null && p.length && !t.show ? (o(), C(S(j), {
                   key: 0,
                   class: "ikapprove",
-                  onClick: (b) => m(f, d),
+                  onClick: (v) => _(t, r),
                   name: "iksvg_zhankai"
-                }, null, 8, ["onClick"])) : _("v-if", !0),
-                _(` <i\r
+                }, null, 8, ["onClick"])) : m("v-if", !0),
+                m(` <i\r
             v-if="item[propsField.children]?.length && item.show"\r
             @click="changeShow(item, index)"\r
             class="ikapprove icon-a-putongjiantoushouqi"\r
           ></i> `),
-                (I = f[e.propsField.children]) != null && I.length && f.show ? (w(), O(V(Ee), {
+                (z = t[s.propsField.children]) != null && z.length && t.show ? (o(), C(S(j), {
                   key: 1,
                   class: "ikapprove",
-                  onClick: (b) => m(f, d),
+                  onClick: (v) => _(t, r),
                   name: "iksvg_shouqi"
-                }, null, 8, ["onClick"])) : _("v-if", !0)
-              ], 14, ln)
+                }, null, 8, ["onClick"])) : m("v-if", !0)
+              ], 14, Q)
             ]),
-            S(
+            d(
               "ul",
               {
-                class: E(l(d))
+                class: f(V(r))
               },
               [
-                S("div", {
-                  id: `children${d}`
+                d("div", {
+                  id: `children${r}`
                 }, [
-                  (w(!0), x(
-                    he,
+                  (o(!0), u(
+                    B,
                     null,
-                    pe(f[e.propsField.children], (b, v) => (w(), x("li", {
-                      class: E(a(d, v)),
-                      style: J(e.needClick ? "cursor: pointer;" : ""),
-                      key: v,
-                      onClick: (fe) => u(b, d + 1 + "-" + (v + 1))
-                    }, W(b.name), 15, un))),
+                    I(t[s.propsField.children], (v, b) => (o(), u("li", {
+                      class: f(x(r, b)),
+                      style: h(s.needClick ? "cursor: pointer;" : ""),
+                      key: b,
+                      onClick: (te) => $(v, r + 1 + "-" + (b + 1))
+                    }, w(v.name), 15, U))),
                     128
                     /* KEYED_FRAGMENT */
                   ))
-                ], 8, an)
+                ], 8, R)
               ],
               2
               /* CLASS */
@@ -1474,8 +294,8 @@ const rn = /* @__PURE__ */ Oe(on, [["__scopeId", "data-v-1957ff53"]]), Ee = Pe(r
     ]));
   }
 });
-const dn = /* @__PURE__ */ Oe(fn, [["__scopeId", "data-v-240cff4f"]]), pn = Pe(dn);
+const ee = /* @__PURE__ */ X(Z, [["__scopeId", "data-v-240cff4f"]]), ne = N(ee);
 export {
-  pn as IKVerticalStepBar,
-  pn as default
+  ne as IKVerticalStepBar,
+  ne as default
 };