iking-web-ui-pro 0.3.0 → 0.3.2

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

@@ -1,25 +1,22 @@
-import { defineComponent as O, computed as k, resolveComponent as z, openBlock as n, createElementBlock as u, normalizeClass as v, normalizeStyle as d, createCommentVNode as y, createElementVNode as p, createBlock as w, withCtx as S, createTextVNode as V, toDisplayString as b, Fragment as F, renderList as N, unref as j } from "vue";
-import { ikColor as W } from "iking-utils-pro";
-const E = (s, f) => (s.install = (e) => {
-  for (const o of [s, ...Object.values({})])
-    e.component(o.name, o);
-}, s), L = (s, f) => {
-  const e = s.__vccOpts || s;
-  for (const [o, i] of f)
-    e[o] = i;
-  return e;
-}, X = {
-  key: 0,
-  class: "ik-svg-icon ik-icon-span inline-block inline-flex justify-center box-content line-height-[0]"
-}, Y = {
+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 { ikColor as L } from "iking-utils-pro";
+const D = (o, h) => (o.install = (r) => {
+  for (const e of [o, ...Object.values({})])
+    r.component(e.name, e);
+}, o), E = (o, h) => {
+  const r = o.__vccOpts || o;
+  for (const [e, a] of h)
+    r[e] = a;
+  return r;
+}, q = {
   key: 1,
   class: "h-[1em] w-[1em]",
   "aria-hidden": "true"
-}, A = ["xlink:href"], D = ["src"], G = {
+}, W = ["xlink:href"], X = ["src"], Y = {
   key: 1,
   class: "h-[1em] w-[1em]",
   "aria-hidden": "true"
-}, H = ["xlink:href"], J = ["src"], K = /* @__PURE__ */ O({
+}, A = ["xlink:href"], G = ["src"], H = /* @__PURE__ */ O({
   name: "IkSvgIcon",
   __name: "index",
   props: {
@@ -45,162 +42,186 @@ const E = (s, f) => (s.install = (e) => {
     warning: { type: Boolean },
     width: {}
   },
-  setup(s) {
-    const f = s, e = k(() => f), o = k(() => {
-      const { name: l } = e.value;
-      return /^http?:\/\//.test(l) ? "img" : /i-[^:]+:[^:]+/.test(l) ? "unocss" : l != null && l.startsWith("iksig") ? "iksig" : l != null && l.includes(":") ? "iconify" : l != null && l.startsWith("iksvg") ? "svg" : "i";
-    }), i = k(() => {
-      const l = [];
+  emits: ["click", "mouseenter", "mouseleave", "dblclick"],
+  setup(o, { emit: h }) {
+    const r = o, e = w(() => r), a = w(() => {
+      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(() => {
+      const t = [];
       if (e.value.flip)
         switch (e.value.flip) {
           case "horizontal":
-            l.push("rotateY(180deg)");
+            t.push("rotateY(180deg)");
             break;
           case "vertical":
-            l.push("rotateX(180deg)");
+            t.push("rotateX(180deg)");
             break;
           case "both":
-            l.push("rotateX(180deg)"), l.push("rotateY(180deg)");
+            t.push("rotateX(180deg)"), t.push("rotateY(180deg)");
             break;
         }
-      e.value.rotate && l.push(`rotate(${e.value.rotate % 360}deg)`);
-      const h = {
+      e.value.rotate && t.push(`rotate(${e.value.rotate % 360}deg)`);
+      const n = {
         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 },
-        ...l.length && { transform: l.join(" ") },
+        ...t.length && { transform: t.join(" ") },
         padding: e.value.showBg || e.value.bg ? e.value.padding : 0,
-        ...e.value.color && o.value !== "iksig" ? {
+        ...e.value.color && a.value !== "iksig" ? {
           "--ik-icon-deep-color": e.value.color,
-          "--ik-icon-shallow-color": e.value.colorLight || W.setOpacity(e.value.color, e.value.opacity)
+          "--ik-icon-shallow-color": e.value.colorLight || L.setOpacity(e.value.color, e.value.opacity)
         } : {}
       };
-      return e.value.width && (h.width = h.height = typeof e.value.width == "number" ? `${e.value.width}px` : e.value.width), h;
-    });
-    return (l, h) => {
-      const _ = z("el-tooltip"), x = z("el-button");
-      return e.value.tableIconType === "icon" || !e.value.tableIconType ? (n(), u("span", X, [
-        e.value.notip || !e.value.title ? (n(), u(
-          "i",
-          {
-            key: 0,
-            class: v(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
-              [l.name]: o.value === "unocss",
-              "show-bg": e.value.showBg || e.value.bg,
-              default: e.value.size === "default",
-              small: e.value.size === "small",
-              big: e.value.size === "big",
-              warning: e.value.warning || e.value.type === "warning",
-              primary: e.value.primary || e.value.type === "primary",
-              success: l.success || e.value.type === "success",
-              error: e.value.error || e.value.type === "error",
-              active: e.value.active,
-              disabled: e.value.disabled
-            }]),
-            style: d(i.value)
-          },
-          [
-            y(` <Icon v-if="outputType === 'iconify'" :icon="name" /> `),
-            o.value === "iksig" ? (n(), u(
-              "i",
-              {
-                key: 0,
-                class: v(`iksig ${e.value.name}`),
-                style: d(i.value)
-              },
-              null,
-              6
-              /* CLASS, STYLE */
-            )) : o.value === "svg" ? (n(), u("svg", Y, [
-              p("use", {
-                "xlink:href": `#${e.value.name}`
-              }, null, 8, A)
-            ])) : o.value === "img" ? (n(), u("img", {
-              key: 2,
-              src: e.value.name,
-              class: "h-[1em] w-[1em]"
-            }, null, 8, D)) : (n(), u(
-              "i",
-              {
-                key: 3,
-                class: v(e.value.name),
-                style: d(i.value)
-              },
-              null,
-              6
-              /* CLASS, STYLE */
-            ))
-          ],
-          6
-          /* CLASS, STYLE */
-        )) : (n(), w(_, {
-          key: 1,
-          content: e.value.title,
-          placement: "top"
-        }, {
-          default: S(() => [
-            p(
-              "i",
-              {
-                class: v(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
-                  [l.name]: o.value === "unocss",
-                  "show-bg": e.value.showBg || e.value.bg,
-                  default: e.value.size === "default",
-                  small: e.value.size === "small",
-                  big: e.value.size === "big",
-                  warning: e.value.warning || e.value.type === "warning",
-                  primary: 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: d(i.value)
-              },
-              [
-                o.value === "iksig" ? (n(), u(
-                  "i",
-                  {
-                    key: 0,
-                    class: v(`iksig ${e.value.name}`),
-                    style: d(i.value)
-                  },
-                  null,
-                  6
-                  /* CLASS, STYLE */
-                )) : o.value === "svg" ? (n(), u("svg", G, [
-                  p("use", {
-                    "xlink:href": `#${e.value.name}`
-                  }, null, 8, H)
-                ])) : o.value === "img" ? (n(), u("img", {
-                  key: 2,
-                  src: e.value.name,
-                  class: "h-[1em] w-[1em]"
-                }, null, 8, J)) : (n(), u(
-                  "i",
-                  {
-                    key: 3,
-                    class: v(e.value.name),
-                    style: d(i.value)
-                  },
-                  null,
-                  6
-                  /* CLASS, STYLE */
-                ))
-              ],
-              6
-              /* CLASS, STYLE */
-            )
-          ]),
-          _: 1
-          /* STABLE */
-        }, 8, ["content"]))
-      ])) : (n(), w(x, {
+      return e.value.width && (n.width = n.height = typeof e.value.width == "number" ? `${e.value.width}px` : e.value.width), n;
+    }), m = h, _ = (t) => {
+      m("click", t);
+    }, x = (t) => {
+      m("mouseenter", t);
+    }, C = (t) => {
+      m("mouseleave", t);
+    }, y = (t) => {
+      m("dblclick", t);
+    };
+    return (t, n) => {
+      const i = F("el-tooltip"), l = F("el-button");
+      return e.value.tableIconType === "icon" || !e.value.tableIconType ? (s(), u(
+        z,
+        { key: 0 },
+        [
+          e.value.notip || !e.value.title ? (s(), u(
+            "span",
+            {
+              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", {
+                [t.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: t.success || e.value.type === "success",
+                error: e.value.error || e.value.type === "error",
+                active: e.value.active,
+                disabled: e.value.disabled
+              }]),
+              style: p(v.value),
+              onClick: _,
+              onDblclick: y,
+              onMouseenter: x,
+              onMouseleave: C
+            },
+            [
+              b(` <Icon v-if="outputType === 'iconify'" :icon="name" /> `),
+              a.value === "iksig" ? (s(), u(
+                "i",
+                {
+                  key: 0,
+                  class: d(`iksig ${e.value.name}`),
+                  style: p(v.value)
+                },
+                null,
+                6
+                /* CLASS, STYLE */
+              )) : a.value === "svg" ? (s(), u("svg", q, [
+                f("use", {
+                  "xlink:href": `#${e.value.name}`
+                }, null, 8, W)
+              ])) : a.value === "img" ? (s(), u("img", {
+                key: 2,
+                src: e.value.name,
+                class: "h-[1em] w-[1em]"
+              }, null, 8, X)) : (s(), u(
+                "i",
+                {
+                  key: 3,
+                  class: d(e.value.name),
+                  style: p(v.value)
+                },
+                null,
+                6
+                /* CLASS, STYLE */
+              ))
+            ],
+            38
+            /* CLASS, STYLE, NEED_HYDRATION */
+          )) : (s(), B(i, {
+            key: 1,
+            content: e.value.title,
+            placement: "top",
+            "hide-after": 0
+          }, {
+            default: N(() => [
+              f(
+                "span",
+                {
+                  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",
+                    "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: 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
+                  }]),
+                  style: p(v.value),
+                  onClick: _,
+                  onDblclick: y,
+                  onMouseenter: x,
+                  onMouseleave: C
+                },
+                [
+                  a.value === "iksig" ? (s(), u(
+                    "i",
+                    {
+                      key: 0,
+                      class: d(`iksig ${e.value.name}`),
+                      style: p(v.value)
+                    },
+                    null,
+                    6
+                    /* CLASS, STYLE */
+                  )) : a.value === "svg" ? (s(), u("svg", Y, [
+                    f("use", {
+                      "xlink:href": `#${e.value.name}`
+                    }, null, 8, A)
+                  ])) : a.value === "img" ? (s(), u("img", {
+                    key: 2,
+                    src: e.value.name,
+                    class: "h-[1em] w-[1em]"
+                  }, null, 8, G)) : (s(), u(
+                    "i",
+                    {
+                      key: 3,
+                      class: d(e.value.name),
+                      style: p(v.value)
+                    },
+                    null,
+                    6
+                    /* CLASS, STYLE */
+                  ))
+                ],
+                38
+                /* CLASS, STYLE, NEED_HYDRATION */
+              )
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["content"]))
+        ],
+        64
+        /* STABLE_FRAGMENT */
+      )) : (s(), B(l, {
         key: 1,
         type: ["warning", "error"].includes(e.value.type) ? "danger" : ""
       }, {
-        default: S(() => [
+        default: N(() => [
           V(
-            b(e.value.title),
+            $(e.value.title),
             1
             /* TEXT */
           )
@@ -210,7 +231,7 @@ const E = (s, f) => (s.install = (e) => {
       }, 8, ["type"]));
     };
   }
-}), M = /* @__PURE__ */ L(K, [["__scopeId", "data-v-bd4bda5f"]]), T = E(M), P = { class: "content" }, Q = { class: "top" }, R = ["onClick"], U = ["id"], Z = ["onClick"], ee = /* @__PURE__ */ O({
+}), 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({
   __name: "IkVerticalStepBar",
   props: {
     // 当前激活的下标
@@ -238,104 +259,104 @@ const E = (s, f) => (s.install = (e) => {
     }
   },
   emits: ["click", "update:active"],
-  setup(s, { emit: f }) {
-    const e = s, o = f, i = k(() => Number(
-      e.active.indexOf("-") > 0 ? e.active.split("-")[0] : e.active
-    )), l = k(() => e.active.indexOf("-") > 0 ? Number(e.active.split("-")[1]) : 0), h = (r) => {
-      let a = "", t = r + 1;
-      return t < i.value ? a = "before-bg" : t === i.value ? a = "active-bg" : t > i.value && (a = "after-bg"), `${a} index`;
-    }, _ = (r) => {
-      let a = "", t = r + 1;
-      return t < i.value ? a = "before-text" : t === i.value ? a = "active-text" : t > i.value && (a = "after-text"), `${a} text`;
-    }, x = (r) => {
-      let a = "", t = r + 1;
-      return t < i.value ? a = "before-style" : t < e.list.length && (a = "after-style"), `${a} bottom`;
-    }, q = (r, a) => {
-      let t = "", c = r + 1, g = a + 1;
-      return c < i.value ? t = "before-text" : c === i.value ? g < l.value ? t = "before-text" : g === l.value ? t = "active-text" : g > l.value && (t = "after-text") : c > i.value && (t = "after-text"), `${t} child-text`;
-    }, $ = (r, a) => {
-      e.needClick && (r[e.propsField.children] || (o("update:active", a + ""), o("click", r)));
-    }, B = (r, a) => {
-      r.show = !r.show;
-      let t = document.getElementById(`children${a}`);
-      r.show ? t.style.display = "none" : t.style.display = "block";
+  setup(o, { emit: h }) {
+    const r = o, e = h, a = w(() => 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;
+      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;
+      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;
+      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;
+      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;
+      let l = document.getElementById(`children${i}`);
+      n.show ? l.style.display = "none" : l.style.display = "block";
     };
-    return (r, a) => (n(), u("div", P, [
-      (n(!0), u(
-        F,
+    return (n, i) => (s(), u("div", K, [
+      (s(!0), u(
+        z,
         null,
-        N(s.list, (t, c) => {
-          var g, I;
-          return n(), u("div", {
+        j(o.list, (l, c) => {
+          var g, S;
+          return s(), u("div", {
             class: "line-block",
             key: c
           }, [
-            p("div", Q, [
-              p(
+            f("div", P, [
+              f(
                 "div",
                 {
-                  class: v(h(c))
+                  class: d(m(c))
                 },
-                b(c + 1),
+                $(c + 1),
                 3
                 /* TEXT, CLASS */
               ),
-              p("div", {
-                class: v(_(c)),
-                style: d(s.needClick ? "cursor: pointer;" : ""),
-                onClick: (m) => $(t, c + 1)
+              f("div", {
+                class: d(_(c)),
+                style: p(o.needClick ? "cursor: pointer;" : ""),
+                onClick: (k) => y(l, c + 1)
               }, [
                 V(
-                  b(t[s.propsField.name]) + " ",
+                  $(l[o.propsField.name]) + " ",
                   1
                   /* TEXT */
                 ),
-                y(` <i\r
+                b(` <i\r
             v-if="item[propsField.children]?.length && !item.show"\r
             class="ikapprove icon-a-putongjiantouzhankai"\r
             @click="changeShow(item, index)"\r
           ></i> `),
-                (g = t[s.propsField.children]) != null && g.length && !t.show ? (n(), w(j(T), {
+                (g = l[o.propsField.children]) != null && g.length && !l.show ? (s(), B(T(M), {
                   key: 0,
                   class: "ikapprove",
-                  onClick: (m) => B(t, c),
+                  onClick: (k) => t(l, c),
                   name: "iksvg_zhankai"
-                }, null, 8, ["onClick"])) : y("v-if", !0),
-                y(` <i\r
+                }, null, 8, ["onClick"])) : b("v-if", !0),
+                b(` <i\r
             v-if="item[propsField.children]?.length && item.show"\r
             @click="changeShow(item, index)"\r
             class="ikapprove icon-a-putongjiantoushouqi"\r
           ></i> `),
-                (I = t[s.propsField.children]) != null && I.length && t.show ? (n(), w(j(T), {
+                (S = l[o.propsField.children]) != null && S.length && l.show ? (s(), B(T(M), {
                   key: 1,
                   class: "ikapprove",
-                  onClick: (m) => B(t, c),
+                  onClick: (k) => t(l, c),
                   name: "iksvg_shouqi"
-                }, null, 8, ["onClick"])) : y("v-if", !0)
-              ], 14, R)
+                }, null, 8, ["onClick"])) : b("v-if", !0)
+              ], 14, Q)
             ]),
-            p(
+            f(
               "ul",
               {
-                class: v(x(c))
+                class: d(x(c))
               },
               [
-                p("div", {
+                f("div", {
                   id: `children${c}`
                 }, [
-                  (n(!0), u(
-                    F,
+                  (s(!0), u(
+                    z,
                     null,
-                    N(t[s.propsField.children], (m, C) => (n(), u("li", {
-                      class: v(q(c, C)),
-                      style: d(s.needClick ? "cursor: pointer;" : ""),
-                      key: C,
-                      onClick: (le) => $(m, c + 1 + "-" + (C + 1))
-                    }, b(m.name), 15, Z))),
+                    j(l[o.propsField.children], (k, I) => (s(), u("li", {
+                      class: d(C(c, I)),
+                      style: p(o.needClick ? "cursor: pointer;" : ""),
+                      key: I,
+                      onClick: (te) => y(k, c + 1 + "-" + (I + 1))
+                    }, $(k.name), 15, U))),
                     128
                     /* KEYED_FRAGMENT */
                   ))
-                ], 8, U)
+                ], 8, R)
               ],
               2
               /* CLASS */
@@ -347,8 +368,8 @@ const E = (s, f) => (s.install = (e) => {
       ))
     ]));
   }
-}), te = /* @__PURE__ */ L(ee, [["__scopeId", "data-v-bce57528"]]), ne = E(te);
+}), ee = /* @__PURE__ */ E(Z, [["__scopeId", "data-v-bce57528"]]), ie = D(ee);
 export {
-  ne as IkVerticalStepBar,
-  ne as default
+  ie as IkVerticalStepBar,
+  ie 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,z){"use strict";const g=(i,d)=>(i.install=t=>{for(const s of[i,...Object.values({})])t.component(s.name,s)},i),v=(i,d)=>{const t=i.__vccOpts||i;for(const[s,a]of d)t[s]=a;return t},x={key:0,class:"ik-svg-icon ik-icon-span inline-block inline-flex justify-center box-content line-height-[0]"},S={key:1,class:"h-[1em] w-[1em]","aria-hidden":"true"},E=["xlink:href"],$=["src"],N={key:1,class:"h-[1em] w-[1em]","aria-hidden":"true"},I=["xlink:href"],V=["src"],B=g(v(e.defineComponent({name:"IkSvgIcon",__name:"index",props:{active:{type:Boolean,default:!1},bg:{type:Boolean,default:!1},color:{},colorLight:{},disabled:{type:Boolean,default:!1},error:{type:Boolean},flip:{},name:{},notip:{type:Boolean,default:!1},opacity:{default:.5},padding:{default:"6px"},primary:{type:Boolean},rotate:{},showBg:{type:Boolean,default:!1},size:{default:""},success:{type:Boolean},tableIconType:{},title:{},type:{},warning:{type:Boolean},width:{}},setup(i){const d=i,t=e.computed(()=>d),s=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"}),a=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 u={pointerEvents:t.value.disabled?"none":"auto",...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&&s.value!=="iksig"?{"--ik-icon-deep-color":t.value.color,"--ik-icon-shallow-color":t.value.colorLight||z.ikColor.setOpacity(t.value.color,t.value.opacity)}:{}};return t.value.width&&(u.width=u.height=typeof t.value.width=="number"?`${t.value.width}px`:t.value.width),u});return(n,u)=>{const k=e.resolveComponent("el-tooltip"),h=e.resolveComponent("el-button");return t.value.tableIconType==="icon"||!t.value.tableIconType?(e.openBlock(),e.createElementBlock("span",x,[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]:s.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(a.value)},[e.createCommentVNode(` <Icon v-if="outputType === 'iconify'" :icon="name" /> `),s.value==="iksig"?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass(`iksig ${t.value.name}`),style:e.normalizeStyle(a.value)},null,6)):s.value==="svg"?(e.openBlock(),e.createElementBlock("svg",S,[e.createElementVNode("use",{"xlink:href":`#${t.value.name}`},null,8,E)])):s.value==="img"?(e.openBlock(),e.createElementBlock("img",{key:2,src:t.value.name,class:"h-[1em] w-[1em]"},null,8,$)):(e.openBlock(),e.createElementBlock("i",{key:3,class:e.normalizeClass(t.value.name),style:e.normalizeStyle(a.value)},null,6))],6)):(e.openBlock(),e.createBlock(k,{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]:s.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(a.value)},[s.value==="iksig"?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass(`iksig ${t.value.name}`),style:e.normalizeStyle(a.value)},null,6)):s.value==="svg"?(e.openBlock(),e.createElementBlock("svg",N,[e.createElementVNode("use",{"xlink:href":`#${t.value.name}`},null,8,I)])):s.value==="img"?(e.openBlock(),e.createElementBlock("img",{key:2,src:t.value.name,class:"h-[1em] w-[1em]"},null,8,V)):(e.openBlock(),e.createElementBlock("i",{key:3,class:e.normalizeClass(t.value.name),style:e.normalizeStyle(a.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"]))}}}),[["__scopeId","data-v-bd4bda5f"]])),T={class:"content"},j={class:"top"},F=["onClick"],O=["id"],q=["onClick"],b=g(v(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(i,{emit:d}){const t=i,s=d,a=e.computed(()=>Number(t.active.indexOf("-")>0?t.active.split("-")[0]:t.active)),n=e.computed(()=>t.active.indexOf("-")>0?Number(t.active.split("-")[1]):0),u=c=>{let o="",l=c+1;return l<a.value?o="before-bg":l===a.value?o="active-bg":l>a.value&&(o="after-bg"),`${o} index`},k=c=>{let o="",l=c+1;return l<a.value?o="before-text":l===a.value?o="active-text":l>a.value&&(o="after-text"),`${o} text`},h=c=>{let o="",l=c+1;return l<a.value?o="before-style":l<t.list.length&&(o="after-style"),`${o} bottom`},D=(c,o)=>{let l="",r=c+1,m=o+1;return r<a.value?l="before-text":r===a.value?m<n.value?l="before-text":m===n.value?l="active-text":m>n.value&&(l="after-text"):r>a.value&&(l="after-text"),`${l} child-text`},_=(c,o)=>{t.needClick&&(c[t.propsField.children]||(s("update:active",o+""),s("click",c)))},w=(c,o)=>{c.show=!c.show;let l=document.getElementById(`children${o}`);c.show?l.style.display="none":l.style.display="block"};return(c,o)=>(e.openBlock(),e.createElementBlock("div",T,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.list,(l,r)=>{var m,C;return e.openBlock(),e.createElementBlock("div",{class:"line-block",key:r},[e.createElementVNode("div",j,[e.createElementVNode("div",{class:e.normalizeClass(u(r))},e.toDisplayString(r+1),3),e.createElementVNode("div",{class:e.normalizeClass(k(r)),style:e.normalizeStyle(i.needClick?"cursor: pointer;":""),onClick:f=>_(l,r+1)},[e.createTextVNode(e.toDisplayString(l[i.propsField.name])+" ",1),e.createCommentVNode(` <i\r
+(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,x){"use strict";const b=(s,u)=>(s.install=c=>{for(const t of[s,...Object.values({})])c.component(t.name,t)},s),C=(s,u)=>{const c=s.__vccOpts||s;for(const[t,n]of u)c[t]=n;return c},S={key:1,class:"h-[1em] w-[1em]","aria-hidden":"true"},E=["xlink:href"],$=["src"],N={key:1,class:"h-[1em] w-[1em]","aria-hidden":"true"},I=["xlink:href"],V=["src"],w=b(C(e.defineComponent({name:"IkSvgIcon",__name:"index",props:{active:{type:Boolean,default:!1},bg:{type:Boolean,default:!1},color:{},colorLight:{},disabled:{type:Boolean,default:!1},error:{type:Boolean},flip:{},name:{},notip:{type:Boolean,default:!1},opacity:{default:.5},padding:{default:"6px"},primary:{type:Boolean},rotate:{},showBg:{type:Boolean,default:!1},size:{default:""},success:{type:Boolean},tableIconType:{},title:{},type:{},warning:{type:Boolean},width:{}},emits:["click","mouseenter","mouseleave","dblclick"],setup(s,{emit:u}){const c=s,t=e.computed(()=>c),n=e.computed(()=>{const{name:l}=t.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"}),d=e.computed(()=>{const l=[];if(t.value.flip)switch(t.value.flip){case"horizontal":l.push("rotateY(180deg)");break;case"vertical":l.push("rotateX(180deg)");break;case"both":l.push("rotateX(180deg)"),l.push("rotateY(180deg)");break}t.value.rotate&&l.push(`rotate(${t.value.rotate%360}deg)`);const i={pointerEvents:t.value.disabled?"none":"auto",...t.value.color&&{color:t.value.color},...t.value.size&&{fontSize:typeof t.value.size=="number"?`${t.value.size}px`:t.value.size},...l.length&&{transform:l.join(" ")},padding:t.value.showBg||t.value.bg?t.value.padding:0,...t.value.color&&n.value!=="iksig"?{"--ik-icon-deep-color":t.value.color,"--ik-icon-shallow-color":t.value.colorLight||x.ikColor.setOpacity(t.value.color,t.value.opacity)}:{}};return t.value.width&&(i.width=i.height=typeof t.value.width=="number"?`${t.value.width}px`:t.value.width),i}),m=u,y=l=>{m("click",l)},g=l=>{m("mouseenter",l)},v=l=>{m("mouseleave",l)},f=l=>{m("dblclick",l)};return(l,i)=>{const a=e.resolveComponent("el-tooltip"),o=e.resolveComponent("el-button");return t.value.tableIconType==="icon"||!t.value.tableIconType?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.value.notip||!t.value.title?(e.openBlock(),e.createElementBlock("span",{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",{[l.name]:n.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:l.success||t.value.type==="success",error:t.value.error||t.value.type==="error",active:t.value.active,disabled:t.value.disabled}]),style:e.normalizeStyle(d.value),onClick:y,onDblclick:f,onMouseenter:g,onMouseleave:v},[e.createCommentVNode(` <Icon v-if="outputType === 'iconify'" :icon="name" /> `),n.value==="iksig"?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass(`iksig ${t.value.name}`),style:e.normalizeStyle(d.value)},null,6)):n.value==="svg"?(e.openBlock(),e.createElementBlock("svg",S,[e.createElementVNode("use",{"xlink:href":`#${t.value.name}`},null,8,E)])):n.value==="img"?(e.openBlock(),e.createElementBlock("img",{key:2,src:t.value.name,class:"h-[1em] w-[1em]"},null,8,$)):(e.openBlock(),e.createElementBlock("i",{key:3,class:e.normalizeClass(t.value.name),style:e.normalizeStyle(d.value)},null,6))],38)):(e.openBlock(),e.createBlock(a,{key:1,content:t.value.title,placement:"top","hide-after":0},{default:e.withCtx(()=>[e.createElementVNode("span",{class:e.normalizeClass(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition",{[l.name]:n.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:l.primary||t.value.type==="primary",success:l.success||t.value.type==="success",error:t.value.error||t.value.type==="error",active:t.value.active}]),style:e.normalizeStyle(d.value),onClick:y,onDblclick:f,onMouseenter:g,onMouseleave:v},[n.value==="iksig"?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass(`iksig ${t.value.name}`),style:e.normalizeStyle(d.value)},null,6)):n.value==="svg"?(e.openBlock(),e.createElementBlock("svg",N,[e.createElementVNode("use",{"xlink:href":`#${t.value.name}`},null,8,I)])):n.value==="img"?(e.openBlock(),e.createElementBlock("img",{key:2,src:t.value.name,class:"h-[1em] w-[1em]"},null,8,V)):(e.openBlock(),e.createElementBlock("i",{key:3,class:e.normalizeClass(t.value.name),style:e.normalizeStyle(d.value)},null,6))],38)]),_:1},8,["content"]))],64)):(e.openBlock(),e.createBlock(o,{key:1,type:["warning","error"].includes(t.value.type)?"danger":""},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.value.title),1)]),_:1},8,["type"]))}}}),[["__scopeId","data-v-c7804024"]])),F={class:"content"},T={class:"top"},j=["onClick"],M=["id"],D=["onClick"],_=b(C(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 c=s,t=u,n=e.computed(()=>Number(c.active.indexOf("-")>0?c.active.split("-")[0]:c.active)),d=e.computed(()=>c.active.indexOf("-")>0?Number(c.active.split("-")[1]):0),m=i=>{let a="",o=i+1;return o<n.value?a="before-bg":o===n.value?a="active-bg":o>n.value&&(a="after-bg"),`${a} index`},y=i=>{let a="",o=i+1;return o<n.value?a="before-text":o===n.value?a="active-text":o>n.value&&(a="after-text"),`${a} text`},g=i=>{let a="",o=i+1;return o<n.value?a="before-style":o<c.list.length&&(a="after-style"),`${a} bottom`},v=(i,a)=>{let o="",r=i+1,k=a+1;return r<n.value?o="before-text":r===n.value?k<d.value?o="before-text":k===d.value?o="active-text":k>d.value&&(o="after-text"):r>n.value&&(o="after-text"),`${o} child-text`},f=(i,a)=>{c.needClick&&(i[c.propsField.children]||(t("update:active",a+""),t("click",i)))},l=(i,a)=>{i.show=!i.show;let o=document.getElementById(`children${a}`);i.show?o.style.display="none":o.style.display="block"};return(i,a)=>(e.openBlock(),e.createElementBlock("div",F,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.list,(o,r)=>{var k,z;return e.openBlock(),e.createElementBlock("div",{class:"line-block",key:r},[e.createElementVNode("div",T,[e.createElementVNode("div",{class:e.normalizeClass(m(r))},e.toDisplayString(r+1),3),e.createElementVNode("div",{class:e.normalizeClass(y(r)),style:e.normalizeStyle(s.needClick?"cursor: pointer;":""),onClick:h=>f(o,r+1)},[e.createTextVNode(e.toDisplayString(o[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> `),(m=l[i.propsField.children])!=null&&m.length&&!l.show?(e.openBlock(),e.createBlock(e.unref(B),{key:0,class:"ikapprove",onClick:f=>w(l,r),name:"iksvg_zhankai"},null,8,["onClick"])):e.createCommentVNode("v-if",!0),e.createCommentVNode(` <i\r
+          ></i> `),(k=o[s.propsField.children])!=null&&k.length&&!o.show?(e.openBlock(),e.createBlock(e.unref(w),{key:0,class:"ikapprove",onClick:h=>l(o,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> `),(C=l[i.propsField.children])!=null&&C.length&&l.show?(e.openBlock(),e.createBlock(e.unref(B),{key:1,class:"ikapprove",onClick:f=>w(l,r),name:"iksvg_shouqi"},null,8,["onClick"])):e.createCommentVNode("v-if",!0)],14,F)]),e.createElementVNode("ul",{class:e.normalizeClass(h(r))},[e.createElementVNode("div",{id:`children${r}`},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l[i.propsField.children],(f,y)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(D(r,y)),style:e.normalizeStyle(i.needClick?"cursor: pointer;":""),key:y,onClick:Y=>_(f,r+1+"-"+(y+1))},e.toDisplayString(f.name),15,q))),128))],8,O)],2)])}),128))]))}}),[["__scopeId","data-v-bce57528"]]));p.IkVerticalStepBar=b,p.default=b,Object.defineProperties(p,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+          ></i> `),(z=o[s.propsField.children])!=null&&z.length&&o.show?(e.openBlock(),e.createBlock(e.unref(w),{key:1,class:"ikapprove",onClick:h=>l(o,r),name:"iksvg_shouqi"},null,8,["onClick"])):e.createCommentVNode("v-if",!0)],14,j)]),e.createElementVNode("ul",{class:e.normalizeClass(g(r))},[e.createElementVNode("div",{id:`children${r}`},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o[s.propsField.children],(h,B)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(v(r,B)),style:e.normalizeStyle(s.needClick?"cursor: pointer;":""),key:B,onClick:X=>f(h,r+1+"-"+(B+1))},e.toDisplayString(h.name),15,D))),128))],8,M)],2)])}),128))]))}}),[["__scopeId","data-v-bce57528"]]));p.IkVerticalStepBar=_,p.default=_,Object.defineProperties(p,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});