iking-web-ui-pro 0.3.2 → 0.3.4

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

@@ -1 +1 @@
-@charset "UTF-8";.row-title[data-v-c7804024]{display:flex}.ik-svg-icon.ik-icon-span[data-v-c7804024]:not(:first-child){margin-left:var(--ik-margin-s-8)}.ik-image-upload[data-v-05d76aad]{display:inline-flex;position:relative}.ik-image-upload.hide-upload[data-v-05d76aad] .el-upload{display:none}.ik-image-upload .tip[data-v-05d76aad]{position:absolute;bottom:-19px;font-size:14px;color:var(--el-color-info)}.ik-image-upload.preview[data-v-05d76aad] .el-upload{display:none}.ik-image-upload[data-v-05d76aad] .el-upload--picture-card{--el-fill-color-lighter: var(--ik-page-main-bg);border-color:transparent;border-style:solid;transition:all .3s;width:var(--3fbbc369);height:var(--c424a038);display:flex;position:var(--7e3e1085);left:0}.ik-image-upload[data-v-05d76aad] .el-upload--picture-card.el-upload{--el-upload-dragger-padding-horizontal: 36px;margin:0 8px 8px 0}.ik-image-upload[data-v-05d76aad] .el-upload--picture-card.el-upload .el-upload-dragger{border:none;background-color:transparent}.ik-image-upload[data-v-05d76aad] .el-upload--picture-card.el-upload .el-upload-dragger .el-icon{margin-bottom:5px}.ik-image-upload[data-v-05d76aad] .el-upload--picture-card.el-upload:not(.is-disabled):hover{--el-fill-color-lighter: transparent}.ik-image-upload[data-v-05d76aad] .el-upload--picture-card.el-upload:not(.is-disabled):hover .upload-btn{color:var(--el-color-primary)}.ik-image-upload[data-v-05d76aad] .el-upload--picture-card.el-upload:not(.is-disabled):hover .upload-btn i{color:var(--el-color-primary)}.ik-image-upload[data-v-05d76aad] .el-upload--picture-card.el-upload .upload-btn{display:flex;flex-direction:column;align-items:center;font-size:14px;color:var(--el-text-color-secondary)}.ik-image-upload[data-v-05d76aad] .el-upload-list--picture-card{--el-upload-list-picture-card-size: 106px;--ik-icon-deep-color: #fff;--ik-icon-shallow-color: #fff;flex-direction:row;justify-content:flex-start}.ik-image-upload[data-v-05d76aad] .el-upload-list--picture-card .upload-btn{color:var(--el-text-color-secondary)!important}.ik-image-upload[data-v-05d76aad] .el-upload-list--picture-card li:first-child{margin-left:var(--218d59a7)}.ik-image-upload[data-v-05d76aad] .el-upload-list--picture-card.is-disabled .el-upload--picture-card{opacity:.55;cursor:not-allowed!important;--el-fill-color-lighter: var(--ik-page-main-bg) !important}.ik-image-upload[data-v-05d76aad] .el-upload-list--picture-card.is-disabled .el-upload--picture-card .el-upload-dragger{pointer-events:none}.ik-image-upload[data-v-05d76aad] .el-upload-list--picture-card:not(.is-disabled) .el-upload--picture-card:hover{--el-fill-color-lighter: var(--ik-color-font-reverse);--ik-icon-deep-color: var(--ik-color-tag-primary);--ik-icon-shallow-color: var(--ik-icon-shallow-color-hover);border-color:var(--el-color-primary)}.ik-image-upload[data-v-05d76aad] .el-upload-list--picture-card .el-upload-list__item{border:none;background-color:var(--el-bg-color-page);overflow:hidden;width:var(--3fbbc369);height:var(--c424a038)}.ik-image-upload[data-v-05d76aad] .el-upload-list--picture-card .el-upload-list__item>span{position:absolute;right:-14px;top:-14px;z-index:2;background-color:var(--el-color-error);display:flex;border-radius:22px;width:40px;height:40px;align-items:center;justify-content:center;font-size:11px;color:#fff;font-weight:600;cursor:pointer;transition:opacity .35s}.ik-image-upload[data-v-05d76aad] .el-upload-list--picture-card .el-upload-list__item>span .ik-svg-icon{position:relative;top:5px;left:-5px;font-size:14px}.ik-image-upload[data-v-05d76aad] .el-upload-list--picture-card .el-upload-list__item>span:hover{opacity:.8}.ik-image-upload[data-v-05d76aad] .el-upload-list--picture-card .el-upload-list__item>span:hover .ik-svg-icon{--ik-icon-deep-color: #fff;--ik-icon-shallow-color: #fff}.ik-image-upload .load-list[data-v-05d76aad]{width:var(--3fbbc369);height:var(--c424a038);overflow:hidden}.ik-image-upload .load-list .loading-statu[data-v-05d76aad]{position:absolute;top:0;left:0;color:#fff;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 0 140px 140px var(--el-overlay-color-lighter) inset;z-index:1;border-radius:6px}.ik-image-upload .load-list .loading-statu svg[data-v-05d76aad]{width:26px;height:26px;fill:var(--el-color-primary);animation:rotate-05d76aad 2s linear infinite}.ik-image-upload .load-list .operate-btn[data-v-05d76aad]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:0;height:0;display:flex;align-items:center;justify-content:center;transition:all .35s;border-radius:4px;overflow:hidden}.ik-image-upload .load-list:hover .operate-btn[data-v-05d76aad]{box-shadow:0 0 150px 150px var(--el-overlay-color-lighter) inset;color:#fff;font-size:18px;z-index:1;width:100%;height:100%}.ik-image-upload .load-list:hover .operate-btn i[data-v-05d76aad]{cursor:pointer;margin:0 5px}.ik-image-upload .load-list:hover .operate-btn i[data-v-05d76aad]:hover{color:var(--el-color-primary)}.ik-image-upload .load-list:hover img[data-v-05d76aad],.ik-image-upload .load-list.loading img[data-v-05d76aad]{filter:blur(2px)}.ik-image-upload .load-list.loading .loading-statu[data-v-05d76aad]{box-shadow:0 0 140px 140px var(--el-overlay-color-lighter) inset}.ik-image-upload .load-list.loading .loading-statu svg[data-v-05d76aad]{fill:var(--el-color-primary)}.ik-image-upload .load-list.fail img[data-v-05d76aad]{filter:blur(0)}.ik-image-upload .load-list.fail .loading-statu[data-v-05d76aad]{box-shadow:0 0 140px 140px var(--ik-error-shadow-bg) inset;line-height:2;color:var(--ik-color-font-reverse);border-radius:6px;background:#f1416d57;border:1px dashed #f1416c;cursor:pointer;transition:all .25s}.ik-image-upload .load-list.fail .loading-statu[data-v-05d76aad]:hover{background:#f1416d6b}.ik-image-upload .load-list.fail .loading-statu svg[data-v-05d76aad]{animation:none}.ik-image-upload .load-list.fail .loading-statu p[data-v-05d76aad]{margin:0;padding:0;line-height:1}.ik-image-upload .load-list.fail .loading-statu .el-button.is-link[data-v-05d76aad]{color:var(--ik-color-font-reverse)}.ik-image-upload .load-list.fail .loading-statu .el-button.is-link[data-v-05d76aad]:hover{color:var(--color-primary)}@keyframes rotate-05d76aad{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ik-image-upload .load-list img[data-v-05d76aad]{width:100%;height:100%}
+@charset "UTF-8";.row-title[data-v-64b61696]{display:flex}.ik-svg-icon.ik-icon-span[data-v-64b61696]:not(:first-child){margin-left:var(--ik-margin-s-8)}.ik-image-upload[data-v-f467c552]{display:inline-flex;position:relative}.ik-image-upload.hide-upload[data-v-f467c552] .el-upload{display:none}.ik-image-upload .tip[data-v-f467c552]{position:absolute;bottom:-19px;font-size:14px;color:var(--el-color-info)}.ik-image-upload.preview[data-v-f467c552] .el-upload{display:none}.ik-image-upload[data-v-f467c552] .el-upload--picture-card{--el-fill-color-lighter: var(--ik-page-main-bg);border-color:transparent;border-style:solid;transition:all .3s;width:var(--4e5f919e);height:var(--2767b51c);display:flex;position:var(--17891c86);left:0}.ik-image-upload[data-v-f467c552] .el-upload--picture-card.el-upload{--el-upload-dragger-padding-horizontal: 36px;margin:0 8px 8px 0}.ik-image-upload[data-v-f467c552] .el-upload--picture-card.el-upload .el-upload-dragger{border:none;background-color:transparent}.ik-image-upload[data-v-f467c552] .el-upload--picture-card.el-upload .el-upload-dragger .el-icon{margin-bottom:5px}.ik-image-upload[data-v-f467c552] .el-upload--picture-card.el-upload:not(.is-disabled):hover{--el-fill-color-lighter: transparent}.ik-image-upload[data-v-f467c552] .el-upload--picture-card.el-upload:not(.is-disabled):hover .upload-btn{color:var(--el-color-primary)}.ik-image-upload[data-v-f467c552] .el-upload--picture-card.el-upload:not(.is-disabled):hover .upload-btn i{color:var(--el-color-primary)}.ik-image-upload[data-v-f467c552] .el-upload--picture-card.el-upload .upload-btn{display:flex;flex-direction:column;align-items:center;font-size:14px;color:var(--el-text-color-secondary)}.ik-image-upload[data-v-f467c552] .el-upload-list--picture-card{--el-upload-list-picture-card-size: 106px;flex-direction:row;justify-content:flex-start}.ik-image-upload[data-v-f467c552] .el-upload-list--picture-card .upload-btn{color:var(--el-text-color-secondary)!important}.ik-image-upload[data-v-f467c552] .el-upload-list--picture-card li:first-child{margin-left:var(--7b7a1d22)}.ik-image-upload[data-v-f467c552] .el-upload-list--picture-card.is-disabled .el-upload--picture-card{opacity:.55;cursor:not-allowed!important;--el-fill-color-lighter: var(--ik-page-main-bg) !important}.ik-image-upload[data-v-f467c552] .el-upload-list--picture-card.is-disabled .el-upload--picture-card .el-upload-dragger{pointer-events:none}.ik-image-upload[data-v-f467c552] .el-upload-list--picture-card:not(.is-disabled) .el-upload--picture-card:hover{--el-fill-color-lighter: var(--ik-color-font-reverse);--ik-icon-deep-color: var(--ik-color-tag-primary);--ik-icon-shallow-color: var(--ik-icon-shallow-hover-color);border-color:var(--el-color-primary)}.ik-image-upload[data-v-f467c552] .el-upload-list--picture-card .el-upload-list__item{border:none;background-color:var(--el-bg-color-page);overflow:hidden;width:var(--4e5f919e);height:var(--2767b51c)}.ik-image-upload[data-v-f467c552] .el-upload-list--picture-card .el-upload-list__item>span{position:absolute;right:-14px;top:-14px;z-index:2;background-color:var(--el-color-error);display:flex;border-radius:22px;width:40px;height:40px;align-items:center;justify-content:center;font-size:11px;color:#fff;font-weight:600;cursor:pointer;transition:opacity .35s}.ik-image-upload[data-v-f467c552] .el-upload-list--picture-card .el-upload-list__item>span .ik-svg-icon{position:relative;top:5px;left:-5px;font-size:14px}.ik-image-upload[data-v-f467c552] .el-upload-list--picture-card .el-upload-list__item>span:hover{opacity:.8}.ik-image-upload .load-list[data-v-f467c552]{width:var(--4e5f919e);height:var(--2767b51c);overflow:hidden}.ik-image-upload .load-list .loading-statu[data-v-f467c552]{position:absolute;top:0;left:0;color:#fff;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 0 140px 140px var(--el-overlay-color-lighter) inset;z-index:1;border-radius:6px}.ik-image-upload .load-list .loading-statu svg[data-v-f467c552]{width:26px;height:26px;fill:var(--el-color-primary);animation:rotate-f467c552 2s linear infinite}.ik-image-upload .load-list .operate-btn[data-v-f467c552]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:0;height:0;display:flex;align-items:center;justify-content:center;transition:all .35s;border-radius:4px;overflow:hidden}.ik-image-upload .load-list:hover .operate-btn[data-v-f467c552]{box-shadow:0 0 150px 150px var(--el-overlay-color-lighter) inset;color:#fff;font-size:18px;z-index:1;width:100%;height:100%}.ik-image-upload .load-list:hover .operate-btn i[data-v-f467c552]{cursor:pointer;margin:0 5px}.ik-image-upload .load-list:hover .operate-btn i[data-v-f467c552]:hover{color:var(--el-color-primary)}.ik-image-upload .load-list:hover img[data-v-f467c552],.ik-image-upload .load-list.loading img[data-v-f467c552]{filter:blur(2px)}.ik-image-upload .load-list.loading .loading-statu[data-v-f467c552]{box-shadow:0 0 140px 140px var(--el-overlay-color-lighter) inset}.ik-image-upload .load-list.loading .loading-statu svg[data-v-f467c552]{fill:var(--el-color-primary)}.ik-image-upload .load-list.fail img[data-v-f467c552]{filter:blur(0)}.ik-image-upload .load-list.fail .loading-statu[data-v-f467c552]{box-shadow:0 0 140px 140px var(--ik-error-shadow-bg) inset;line-height:2;color:var(--ik-color-font-reverse);border-radius:6px;background:#f1416d57;border:1px dashed #f1416c;cursor:pointer;transition:all .25s}.ik-image-upload .load-list.fail .loading-statu[data-v-f467c552]:hover{background:#f1416d6b}.ik-image-upload .load-list.fail .loading-statu svg[data-v-f467c552]{animation:none}.ik-image-upload .load-list.fail .loading-statu p[data-v-f467c552]{margin:0;padding:0;line-height:1}.ik-image-upload .load-list.fail .loading-statu .el-button.is-link[data-v-f467c552]{color:var(--ik-color-font-reverse)}.ik-image-upload .load-list.fail .loading-statu .el-button.is-link[data-v-f467c552]:hover{color:var(--color-primary)}@keyframes rotate-f467c552{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ik-image-upload .load-list img[data-v-f467c552]{width:100%;height:100%}

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

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

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

@@ -1 +1 @@
-.row-title[data-v-c7804024]{display:flex}.ik-svg-icon.ik-icon-span[data-v-c7804024]:not(:first-child){margin-left:var(--ik-margin-s-8)}[data-v-bce57528]{margin:0;padding:0}.content[data-v-bce57528]{width:100%;height:100%;border-top-left-radius:20px;border-bottom-left-radius:20px;padding:32px 28px}.content .line-block .top[data-v-bce57528]{display:flex}.content .line-block .top .index[data-v-bce57528]{width:32px;height:32px;display:flex;justify-content:center;align-items:center;border-radius:4px;font-size:18px;font-weight:550}.content .line-block .top .text[data-v-bce57528]{line-height:32px;margin-left:20px;font-size:18px;font-weight:700}.content .line-block .active-text[data-v-bce57528]{color:var(--ik-step-item-active-color, "#039ef7")}.content .line-block .before-text[data-v-bce57528]{color:var(--ik-color-font-title)}.content .line-block .after-text[data-v-bce57528]{color:var(--el-color-info, "#181c3266")}.content .line-block .before-bg[data-v-bce57528]{color:var(--ik-step-item-active-color, #333)!important;background-color:var(--ik-step-item-num-greater-bg)}.content .line-block .active-bg[data-v-bce57528]{background-color:var(--ik-step-item-active-color, #039ef7);color:var(--el-color-white, #fff)}.content .line-block .after-bg[data-v-bce57528]{background-color:var(--ik-step-item-num-bg, #f3f6f9);color:var(--ik-step-item-text-color, #a2a6b8)}.content .line-block .bottom[data-v-bce57528]{margin-left:16px;border-width:0 0 0 1px;padding:10px 0 20px 52px;margin-top:4px;margin-bottom:4px}.content .line-block .before-style[data-v-bce57528]{border-color:var(--ik-step-item-active-color, #029ef7);border-style:solid}.content .line-block .after-style[data-v-bce57528]{border-color:var(--el-color-info, #ccc);border-style:dashed}.content .line-block li[data-v-bce57528]{line-height:30px}.content .line-block .child-text[data-v-bce57528]{padding:5px 0}
+.row-title[data-v-64b61696]{display:flex}.ik-svg-icon.ik-icon-span[data-v-64b61696]:not(:first-child){margin-left:var(--ik-margin-s-8)}[data-v-bce57528]{margin:0;padding:0}.content[data-v-bce57528]{width:100%;height:100%;border-top-left-radius:20px;border-bottom-left-radius:20px;padding:32px 28px}.content .line-block .top[data-v-bce57528]{display:flex}.content .line-block .top .index[data-v-bce57528]{width:32px;height:32px;display:flex;justify-content:center;align-items:center;border-radius:4px;font-size:18px;font-weight:550}.content .line-block .top .text[data-v-bce57528]{line-height:32px;margin-left:20px;font-size:18px;font-weight:700}.content .line-block .active-text[data-v-bce57528]{color:var(--ik-step-item-active-color, "#039ef7")}.content .line-block .before-text[data-v-bce57528]{color:var(--ik-color-font-title)}.content .line-block .after-text[data-v-bce57528]{color:var(--el-color-info, "#181c3266")}.content .line-block .before-bg[data-v-bce57528]{color:var(--ik-step-item-active-color, #333)!important;background-color:var(--ik-step-item-num-greater-bg)}.content .line-block .active-bg[data-v-bce57528]{background-color:var(--ik-step-item-active-color, #039ef7);color:var(--el-color-white, #fff)}.content .line-block .after-bg[data-v-bce57528]{background-color:var(--ik-step-item-num-bg, #f3f6f9);color:var(--ik-step-item-text-color, #a2a6b8)}.content .line-block .bottom[data-v-bce57528]{margin-left:16px;border-width:0 0 0 1px;padding:10px 0 20px 52px;margin-top:4px;margin-bottom:4px}.content .line-block .before-style[data-v-bce57528]{border-color:var(--ik-step-item-active-color, #029ef7);border-style:solid}.content .line-block .after-style[data-v-bce57528]{border-color:var(--el-color-info, #ccc);border-style:dashed}.content .line-block li[data-v-bce57528]{line-height:30px}.content .line-block .child-text[data-v-bce57528]{padding:5px 0}