iking-web-ui-pro 0.2.55 → 0.2.56

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

@@ -1,19 +1,19 @@
-import { defineComponent as B, openBlock as d, createElementBlock as v, createElementVNode as u, ref as g, watch as _, nextTick as b, onMounted as R, resolveComponent as O, createVNode as C, withCtx as z, unref as W, createCommentVNode as k, normalizeStyle as p, Fragment as j, renderList as F, normalizeClass as m, renderSlot as V, createTextVNode as A, toDisplayString as L, pushScopeId as K, popScopeId as q } from "vue";
-const G = (e, s) => {
-  if (e.install = (a) => {
-    for (const r of [e, ...Object.values(s ?? {})])
-      a.component(r.name, r);
+import { defineComponent as B, openBlock as d, createElementBlock as v, createElementVNode as u, ref as g, watch as b, nextTick as z, onMounted as R, resolveComponent as O, createVNode as C, withCtx as _, unref as W, createCommentVNode as k, normalizeStyle as m, Fragment as j, renderList as F, normalizeClass as p, renderSlot as V, createTextVNode as A, toDisplayString as L } from "vue";
+const K = (t, s) => {
+  if (t.install = (c) => {
+    for (const r of [t, ...Object.values(s ?? {})])
+      c.component(r.name, r);
   }, s)
-    for (const [a, r] of Object.entries(s))
-      e[a] = r;
-  return e;
+    for (const [c, r] of Object.entries(s))
+      t[c] = r;
+  return t;
 };
 /*! Element Plus Icons Vue v2.3.1 */
-var J = /* @__PURE__ */ B({
+var q = /* @__PURE__ */ B({
   name: "ArrowLeft",
   __name: "arrow-left",
-  setup(e) {
-    return (s, a) => (d(), v("svg", {
+  setup(t) {
+    return (s, c) => (d(), v("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -23,11 +23,11 @@ var J = /* @__PURE__ */ B({
       })
     ]));
   }
-}), P = J, Q = /* @__PURE__ */ B({
+}), G = q, J = /* @__PURE__ */ B({
   name: "ArrowRight",
   __name: "arrow-right",
-  setup(e) {
-    return (s, a) => (d(), v("svg", {
+  setup(t) {
+    return (s, c) => (d(), v("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -37,16 +37,8 @@ var J = /* @__PURE__ */ B({
       })
     ]));
   }
-}), U = Q;
-const X = (e) => (K("data-v-a26cdcaf"), e = e(), q(), e), Y = { class: "ik-hor-step-content" }, Z = /* @__PURE__ */ X(() => /* @__PURE__ */ u(
-  "i",
-  { class: "ik-hor-step_line_inner" },
-  null,
-  -1
-  /* HOISTED */
-)), D = [
-  Z
-], x = ["onClick"], ee = { class: "ik-hor-step_main" }, te = ["id", "onClick"], le = ["id", "onClick"], ne = /* @__PURE__ */ B({
+}), P = J;
+const Q = { class: "ik-hor-step-content" }, U = ["onClick"], X = { class: "ik-hor-step_main" }, Y = ["id", "onClick"], Z = ["id", "onClick"], D = /* @__PURE__ */ B({
   __name: "IKHorizontalStepBar",
   props: {
     spaceNum: {
@@ -89,49 +81,49 @@ const X = (e) => (K("data-v-a26cdcaf"), e = e(), q(), e), Y = { class: "ik-hor-s
     }
   },
   emits: ["click", "update:active"],
-  setup(e, { emit: s }) {
-    const a = e, r = s, i = g(!1), I = g(), y = g(), f = g(!1);
-    _(
-      () => a.active,
+  setup(t, { emit: s }) {
+    const c = t, r = s, i = g(!1), I = g(), y = g(), f = g(!1);
+    b(
+      () => c.active,
       (n) => {
-        let t = document.getElementById("stepItemContent"), o = document.getElementById(`stepItem${n}`), c = document.getElementById("stepItem0");
-        const l = o && c ? (o == null ? void 0 : o.offsetLeft) - (c == null ? void 0 : c.offsetLeft) : 0;
-        t && o && (t.scrollLeft = l > (t == null ? void 0 : t.clientWidth) ? l - (t == null ? void 0 : t.offsetLeft) : 0);
+        let e = document.getElementById("stepItemContent"), o = document.getElementById(`stepItem${n}`), a = document.getElementById("stepItem0");
+        const l = o && a ? (o == null ? void 0 : o.offsetLeft) - (a == null ? void 0 : a.offsetLeft) : 0;
+        e && o && (e.scrollLeft = l > (e == null ? void 0 : e.clientWidth) ? l - (e == null ? void 0 : e.offsetLeft) : 0);
       }
-    ), _(
-      () => a.list,
+    ), b(
+      () => c.list,
       () => {
-        b(() => {
-          let t = document.getElementById("stepItemContent"), o = (t == null ? void 0 : t.scrollWidth) > (t == null ? void 0 : t.clientWidth);
+        z(() => {
+          let e = document.getElementById("stepItemContent"), o = (e == null ? void 0 : e.scrollWidth) > (e == null ? void 0 : e.clientWidth);
           i.value = o, window.addEventListener("resize", n, !0);
         });
         const n = () => {
-          let t = document.getElementById("stepItemContent"), o = (t == null ? void 0 : t.scrollWidth) > (t == null ? void 0 : t.clientWidth);
+          let e = document.getElementById("stepItemContent"), o = (e == null ? void 0 : e.scrollWidth) > (e == null ? void 0 : e.clientWidth);
           i.value = o;
         };
       },
       { deep: !0 }
     ), R(() => {
-      b(() => {
-        let t = document.getElementById("stepItemContent"), o = (t == null ? void 0 : t.scrollWidth) > (t == null ? void 0 : t.clientWidth);
+      z(() => {
+        let e = document.getElementById("stepItemContent"), o = (e == null ? void 0 : e.scrollWidth) > (e == null ? void 0 : e.clientWidth);
         i.value = o, window.addEventListener("resize", n, !0);
       });
       const n = () => {
-        let t = document.getElementById("stepItemContent"), o = (t == null ? void 0 : t.scrollWidth) > (t == null ? void 0 : t.clientWidth);
+        let e = document.getElementById("stepItemContent"), o = (e == null ? void 0 : e.scrollWidth) > (e == null ? void 0 : e.clientWidth);
         i.value = o;
       };
     });
-    const w = (n, t) => {
-      if (!a.needClick)
+    const w = (n, e) => {
+      if (!c.needClick)
         return;
-      r("update:active", t), r("click", n);
-      let o = document.getElementById("stepItemContent"), c = document.getElementById(`stepItem${t}`), l = document.getElementById("stepItem0");
-      const h = c && l ? (c == null ? void 0 : c.offsetLeft) - (l == null ? void 0 : l.offsetLeft) : 0;
-      o && c && (o.scrollLeft = h > (o == null ? void 0 : o.clientWidth) ? h - (o == null ? void 0 : o.offsetLeft) : 0);
-    }, S = () => {
+      r("update:active", e), r("click", n);
+      let o = document.getElementById("stepItemContent"), a = document.getElementById(`stepItem${e}`), l = document.getElementById("stepItem0");
+      const h = a && l ? (a == null ? void 0 : a.offsetLeft) - (l == null ? void 0 : l.offsetLeft) : 0;
+      o && a && (o.scrollLeft = h > (o == null ? void 0 : o.clientWidth) ? h - (o == null ? void 0 : o.offsetLeft) : 0);
+    }, E = () => {
       let n = document.getElementById("stepItemContent");
       n && (n.scrollLeft = n.scrollLeft - 20);
-    }, E = () => {
+    }, $ = () => {
       let n = document.getElementById("stepItemContent");
       n && (n.scrollLeft = n.scrollLeft + 20);
     }, N = () => {
@@ -141,7 +133,7 @@ const X = (e) => (K("data-v-a26cdcaf"), e = e(), q(), e), Y = { class: "ik-hor-s
         f.value = !0, n && (n.scrollLeft = n.scrollLeft - 20);
       }, 100);
     }, T = () => {
-      clearInterval(y.value), f.value || S();
+      clearInterval(y.value), f.value || E();
     }, H = () => {
       clearInterval(I.value);
       let n = document.getElementById("stepItemContent");
@@ -149,11 +141,11 @@ const X = (e) => (K("data-v-a26cdcaf"), e = e(), q(), e), Y = { class: "ik-hor-s
         f.value = !0, n && (n.scrollLeft = n.scrollLeft + 20);
       }, 100);
     }, M = () => {
-      clearInterval(I.value), f.value || E();
+      clearInterval(I.value), f.value || $();
     };
-    return (n, t) => {
+    return (n, e) => {
       const o = O("el-icon");
-      return d(), v("div", Y, [
+      return d(), v("div", Q, [
         i.value ? (d(), v(
           "div",
           {
@@ -161,12 +153,12 @@ const X = (e) => (K("data-v-a26cdcaf"), e = e(), q(), e), Y = { class: "ik-hor-s
             class: "icon-left",
             onMousedown: N,
             onMouseup: T,
-            onClick: S
+            onClick: E
           },
           [
             C(o, { class: "operation-icon" }, {
-              default: z(() => [
-                C(W(P), { size: "26px" })
+              default: _(() => [
+                C(W(G), { size: "26px" })
               ]),
               _: 1
               /* STABLE */
@@ -180,7 +172,7 @@ const X = (e) => (K("data-v-a26cdcaf"), e = e(), q(), e), Y = { class: "ik-hor-s
           {
             class: "step-item-content",
             id: "stepItemContent",
-            style: p({
+            style: m({
               justifyContent: i.value ? "flex-start" : "center"
               // width: alignCenter ? `100%` : '',
             })
@@ -189,45 +181,53 @@ const X = (e) => (K("data-v-a26cdcaf"), e = e(), q(), e), Y = { class: "ik-hor-s
             (d(!0), v(
               j,
               null,
-              F(e.list, (c, l) => {
+              F(t.list, (a, l) => {
                 var h;
                 return d(), v(
                   "div",
                   {
-                    class: m(`${e.alignCenter ? "ik-hor-step-item" : ""} step-item ${l <= e.active ? "step-item-active" : ""}`),
-                    style: p({ width: e.alignCenter ? `calc(100%/${(h = e.list) == null ? void 0 : h.length})` : "" }),
+                    class: p(`${t.alignCenter ? "ik-hor-step-item" : ""} step-item ${l <= t.active ? "step-item-active" : ""}`),
+                    style: m({ width: t.alignCenter ? `calc(100%/${(h = t.list) == null ? void 0 : h.length})` : "" }),
                     key: l
                   },
                   [
                     u(
                       "div",
                       {
-                        class: m(`${e.alignCenter ? "ik-hor-step_head" : ""} `)
+                        class: p(`${t.alignCenter ? "ik-hor-step_head" : ""} `)
                       },
                       [
                         l !== 0 ? (d(), v(
                           "div",
                           {
                             key: 0,
-                            class: m(`ik-hor-step_line step-border ${l <= e.active ? "step-border-greater-than" : ""}`),
-                            style: p({
-                              width: `${e.spaceNum.indexOf("px") != -1 ? e.spaceNum : `${e.spaceNum}px`}`
+                            class: p(`ik-hor-step_line step-border ${l <= t.active ? "step-border-greater-than" : ""}`),
+                            style: m({
+                              width: `${t.spaceNum.indexOf("px") != -1 ? t.spaceNum : `${t.spaceNum}px`}`
                             })
                           },
-                          D,
+                          e[0] || (e[0] = [
+                            u(
+                              "i",
+                              { class: "ik-hor-step_line_inner" },
+                              null,
+                              -1
+                              /* HOISTED */
+                            )
+                          ]),
                           6
                           /* CLASS, STYLE */
                         )) : k("v-if", !0),
                         u("div", {
-                          class: m(`step-num ${l === e.active ? "step-num-active" : l < e.active ? "step-num-greater-than" : ""}`),
-                          onClick: ($) => w(c, l),
-                          style: p({
-                            backgroundColor: l === e.active && e.activeColor ? e.activeColor : "",
-                            cursor: c && c.disabled ? "not-allowed" : e.needClick ? "pointer" : "context-menu"
+                          class: p(`step-num ${l === t.active ? "step-num-active" : l < t.active ? "step-num-greater-than" : ""}`),
+                          onClick: (S) => w(a, l),
+                          style: m({
+                            backgroundColor: l === t.active && t.activeColor ? t.activeColor : "",
+                            cursor: a && a.disabled ? "not-allowed" : t.needClick ? "pointer" : "context-menu"
                           })
                         }, [
                           V(n.$slots, "icon", {
-                            data: { item: c, index: l }
+                            data: { item: a, index: l }
                           }, () => [
                             A(
                               L(l + 1),
@@ -235,30 +235,30 @@ const X = (e) => (K("data-v-a26cdcaf"), e = e(), q(), e), Y = { class: "ik-hor-s
                               /* TEXT */
                             )
                           ], !0)
-                        ], 14, x)
+                        ], 14, U)
                       ],
                       2
                       /* CLASS */
                     ),
-                    u("div", ee, [
+                    u("div", X, [
                       u("div", {
                         id: `stepItem${l}`,
-                        class: m(`step-label ${e.active === l ? "step-label-active" : l < e.active ? "step-label-greater-than" : ""} step-item-${l}`),
-                        style: p({
-                          color: l === e.active && e.activeColor ? e.activeColor : "",
-                          cursor: c && c.disabled ? "not-allowed" : e.needClick ? "pointer" : "context-menu"
+                        class: p(`step-label ${t.active === l ? "step-label-active" : l < t.active ? "step-label-greater-than" : ""} step-item-${l}`),
+                        style: m({
+                          color: l === t.active && t.activeColor ? t.activeColor : "",
+                          cursor: a && a.disabled ? "not-allowed" : t.needClick ? "pointer" : "context-menu"
                         }),
-                        onClick: ($) => w(c, l)
-                      }, L(c[e.propsField.title]), 15, te),
+                        onClick: (S) => w(a, l)
+                      }, L(a[t.propsField.title]), 15, Y),
                       u("div", {
                         id: `stepItemDesc${l}`,
-                        class: m(`step-description step-label ${e.active === l ? "step-label-active" : l < e.active ? "step-label-greater-than" : ""} step-item-${l}`),
-                        style: p({
-                          color: l === e.active && e.activeColor ? e.activeColor : "",
-                          cursor: c && c.disabled ? "not-allowed" : e.needClick ? "pointer" : "context-menu"
+                        class: p(`step-description step-label ${t.active === l ? "step-label-active" : l < t.active ? "step-label-greater-than" : ""} step-item-${l}`),
+                        style: m({
+                          color: l === t.active && t.activeColor ? t.activeColor : "",
+                          cursor: a && a.disabled ? "not-allowed" : t.needClick ? "pointer" : "context-menu"
                         }),
-                        onClick: ($) => w(c, l)
-                      }, L(c[e.propsField.description]), 15, le)
+                        onClick: (S) => w(a, l)
+                      }, L(a[t.propsField.description]), 15, Z)
                     ])
                   ],
                   6
@@ -279,12 +279,12 @@ const X = (e) => (K("data-v-a26cdcaf"), e = e(), q(), e), Y = { class: "ik-hor-s
             class: "icon-right",
             onMousedown: H,
             onMouseup: M,
-            onClick: E
+            onClick: $
           },
           [
             C(o, { class: "operation-icon" }, {
-              default: z(() => [
-                C(W(U))
+              default: _(() => [
+                C(W(P))
               ]),
               _: 1
               /* STABLE */
@@ -297,13 +297,13 @@ const X = (e) => (K("data-v-a26cdcaf"), e = e(), q(), e), Y = { class: "ik-hor-s
     };
   }
 });
-const oe = (e, s) => {
-  const a = e.__vccOpts || e;
+const x = (t, s) => {
+  const c = t.__vccOpts || t;
   for (const [r, i] of s)
-    a[r] = i;
-  return a;
-}, ce = /* @__PURE__ */ oe(ne, [["__scopeId", "data-v-a26cdcaf"]]), se = G(ce);
+    c[r] = i;
+  return c;
+}, ee = /* @__PURE__ */ x(D, [["__scopeId", "data-v-a26cdcaf"]]), le = K(ee);
 export {
-  se as IKHorizontalStepBar,
-  se as default
+  le as IKHorizontalStepBar,
+  le as default
 };

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

@@ -1 +1 @@
-(function(f,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(f=typeof globalThis<"u"?globalThis:f||self,e(f.index={},f.vue))})(this,function(f,e){"use strict";const B=(t,r)=>{if(t.install=s=>{for(const i of[t,...Object.values(r??{})])s.component(i.name,i)},r)for(const[s,i]of Object.entries(r))t[s]=i;return t};/*! Element Plus Icons Vue v2.3.1 */var w=e.defineComponent({name:"ArrowLeft",__name:"arrow-left",setup(t){return(r,s)=>(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[e.createElementVNode("path",{fill:"currentColor",d:"M609.408 149.376 277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0 30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0z"})]))}}),E=w,S=e.defineComponent({name:"ArrowRight",__name:"arrow-right",setup(t){return(r,s)=>(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[e.createElementVNode("path",{fill:"currentColor",d:"M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512 340.864 831.872a30.592 30.592 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"})]))}}),v=S;const L=t=>(e.pushScopeId("data-v-a26cdcaf"),t=t(),e.popScopeId(),t),z={class:"ik-hor-step-content"},_=[L(()=>e.createElementVNode("i",{class:"ik-hor-step_line_inner"},null,-1))],N=["onClick"],$={class:"ik-hor-step_main"},b=["id","onClick"],V=["id","onClick"],T=e.defineComponent({__name:"IKHorizontalStepBar",props:{spaceNum:{type:String,default:"58px"},active:{type:Number,default:null},activeColor:{type:String,default:""},needClick:{type:Boolean,default:!0},list:{type:Array,default:()=>[]},alignCenter:{type:Boolean,default:!1},propsField:{type:Object,default:()=>({title:"title",description:"description",value:"value"})}},emits:["click","update:active"],setup(t,{emit:r}){const s=t,i=r,d=e.ref(!1),u=e.ref(),h=e.ref(),m=e.ref(!1);e.watch(()=>s.active,o=>{let l=document.getElementById("stepItemContent"),c=document.getElementById(`stepItem${o}`),a=document.getElementById("stepItem0");const n=c&&a?(c==null?void 0:c.offsetLeft)-(a==null?void 0:a.offsetLeft):0;l&&c&&(l.scrollLeft=n>(l==null?void 0:l.clientWidth)?n-(l==null?void 0:l.offsetLeft):0)}),e.watch(()=>s.list,()=>{e.nextTick(()=>{let l=document.getElementById("stepItemContent"),c=(l==null?void 0:l.scrollWidth)>(l==null?void 0:l.clientWidth);d.value=c,window.addEventListener("resize",o,!0)});const o=()=>{let l=document.getElementById("stepItemContent"),c=(l==null?void 0:l.scrollWidth)>(l==null?void 0:l.clientWidth);d.value=c}},{deep:!0}),e.onMounted(()=>{e.nextTick(()=>{let l=document.getElementById("stepItemContent"),c=(l==null?void 0:l.scrollWidth)>(l==null?void 0:l.clientWidth);d.value=c,window.addEventListener("resize",o,!0)});const o=()=>{let l=document.getElementById("stepItemContent"),c=(l==null?void 0:l.scrollWidth)>(l==null?void 0:l.clientWidth);d.value=c}});const g=(o,l)=>{if(!s.needClick)return;i("update:active",l),i("click",o);let c=document.getElementById("stepItemContent"),a=document.getElementById(`stepItem${l}`),n=document.getElementById("stepItem0");const p=a&&n?(a==null?void 0:a.offsetLeft)-(n==null?void 0:n.offsetLeft):0;c&&a&&(c.scrollLeft=p>(c==null?void 0:c.clientWidth)?p-(c==null?void 0:c.offsetLeft):0)},y=()=>{let o=document.getElementById("stepItemContent");o&&(o.scrollLeft=o.scrollLeft-20)},k=()=>{let o=document.getElementById("stepItemContent");o&&(o.scrollLeft=o.scrollLeft+20)},H=()=>{clearInterval(h.value);let o=document.getElementById("stepItemContent");m.value=!1,h.value=setInterval(()=>{m.value=!0,o&&(o.scrollLeft=o.scrollLeft-20)},100)},W=()=>{clearInterval(h.value),m.value||y()},M=()=>{clearInterval(u.value);let o=document.getElementById("stepItemContent");m.value=!1,u.value=setInterval(()=>{m.value=!0,o&&(o.scrollLeft=o.scrollLeft+20)},100)},j=()=>{clearInterval(u.value),m.value||k()};return(o,l)=>{const c=e.resolveComponent("el-icon");return e.openBlock(),e.createElementBlock("div",z,[d.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"icon-left",onMousedown:H,onMouseup:W,onClick:y},[e.createVNode(c,{class:"operation-icon"},{default:e.withCtx(()=>[e.createVNode(e.unref(E),{size:"26px"})]),_:1})],32)):e.createCommentVNode("v-if",!0),e.createElementVNode("div",{class:"step-item-content",id:"stepItemContent",style:e.normalizeStyle({justifyContent:d.value?"flex-start":"center"})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.list,(a,n)=>{var p;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`${t.alignCenter?"ik-hor-step-item":""} step-item ${n<=t.active?"step-item-active":""}`),style:e.normalizeStyle({width:t.alignCenter?`calc(100%/${(p=t.list)==null?void 0:p.length})`:""}),key:n},[e.createElementVNode("div",{class:e.normalizeClass(`${t.alignCenter?"ik-hor-step_head":""} `)},[n!==0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(`ik-hor-step_line step-border ${n<=t.active?"step-border-greater-than":""}`),style:e.normalizeStyle({width:`${t.spaceNum.indexOf("px")!=-1?t.spaceNum:`${t.spaceNum}px`}`})},_,6)):e.createCommentVNode("v-if",!0),e.createElementVNode("div",{class:e.normalizeClass(`step-num ${n===t.active?"step-num-active":n<t.active?"step-num-greater-than":""}`),onClick:I=>g(a,n),style:e.normalizeStyle({backgroundColor:n===t.active&&t.activeColor?t.activeColor:"",cursor:a&&a.disabled?"not-allowed":t.needClick?"pointer":"context-menu"})},[e.renderSlot(o.$slots,"icon",{data:{item:a,index:n}},()=>[e.createTextVNode(e.toDisplayString(n+1),1)],!0)],14,N)],2),e.createElementVNode("div",$,[e.createElementVNode("div",{id:`stepItem${n}`,class:e.normalizeClass(`step-label ${t.active===n?"step-label-active":n<t.active?"step-label-greater-than":""} step-item-${n}`),style:e.normalizeStyle({color:n===t.active&&t.activeColor?t.activeColor:"",cursor:a&&a.disabled?"not-allowed":t.needClick?"pointer":"context-menu"}),onClick:I=>g(a,n)},e.toDisplayString(a[t.propsField.title]),15,b),e.createElementVNode("div",{id:`stepItemDesc${n}`,class:e.normalizeClass(`step-description step-label ${t.active===n?"step-label-active":n<t.active?"step-label-greater-than":""} step-item-${n}`),style:e.normalizeStyle({color:n===t.active&&t.activeColor?t.activeColor:"",cursor:a&&a.disabled?"not-allowed":t.needClick?"pointer":"context-menu"}),onClick:I=>g(a,n)},e.toDisplayString(a[t.propsField.description]),15,V)])],6)}),128))],4),d.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:"icon-right",onMousedown:M,onMouseup:j,onClick:k},[e.createVNode(c,{class:"operation-icon"},{default:e.withCtx(()=>[e.createVNode(e.unref(v))]),_:1})],32)):e.createCommentVNode("v-if",!0)])}}}),R="",C=B(((t,r)=>{const s=t.__vccOpts||t;for(const[i,d]of r)s[i]=d;return s})(T,[["__scopeId","data-v-a26cdcaf"]]));f.IKHorizontalStepBar=C,f.default=C,Object.defineProperties(f,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(f,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(f=typeof globalThis<"u"?globalThis:f||self,e(f.index={},f.vue))})(this,function(f,e){"use strict";const B=(l,s)=>{if(l.install=r=>{for(const i of[l,...Object.values(s??{})])r.component(i.name,i)},s)for(const[r,i]of Object.entries(s))l[r]=i;return l};/*! Element Plus Icons Vue v2.3.1 */var w=e.defineComponent({name:"ArrowLeft",__name:"arrow-left",setup(l){return(s,r)=>(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[e.createElementVNode("path",{fill:"currentColor",d:"M609.408 149.376 277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0 30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0z"})]))}}),E=w,v=e.defineComponent({name:"ArrowRight",__name:"arrow-right",setup(l){return(s,r)=>(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[e.createElementVNode("path",{fill:"currentColor",d:"M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512 340.864 831.872a30.592 30.592 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"})]))}}),S=v;const L={class:"ik-hor-step-content"},z=["onClick"],N={class:"ik-hor-step_main"},$=["id","onClick"],b=["id","onClick"],V=e.defineComponent({__name:"IKHorizontalStepBar",props:{spaceNum:{type:String,default:"58px"},active:{type:Number,default:null},activeColor:{type:String,default:""},needClick:{type:Boolean,default:!0},list:{type:Array,default:()=>[]},alignCenter:{type:Boolean,default:!1},propsField:{type:Object,default:()=>({title:"title",description:"description",value:"value"})}},emits:["click","update:active"],setup(l,{emit:s}){const r=l,i=s,d=e.ref(!1),u=e.ref(),h=e.ref(),m=e.ref(!1);e.watch(()=>r.active,o=>{let t=document.getElementById("stepItemContent"),a=document.getElementById(`stepItem${o}`),c=document.getElementById("stepItem0");const n=a&&c?(a==null?void 0:a.offsetLeft)-(c==null?void 0:c.offsetLeft):0;t&&a&&(t.scrollLeft=n>(t==null?void 0:t.clientWidth)?n-(t==null?void 0:t.offsetLeft):0)}),e.watch(()=>r.list,()=>{e.nextTick(()=>{let t=document.getElementById("stepItemContent"),a=(t==null?void 0:t.scrollWidth)>(t==null?void 0:t.clientWidth);d.value=a,window.addEventListener("resize",o,!0)});const o=()=>{let t=document.getElementById("stepItemContent"),a=(t==null?void 0:t.scrollWidth)>(t==null?void 0:t.clientWidth);d.value=a}},{deep:!0}),e.onMounted(()=>{e.nextTick(()=>{let t=document.getElementById("stepItemContent"),a=(t==null?void 0:t.scrollWidth)>(t==null?void 0:t.clientWidth);d.value=a,window.addEventListener("resize",o,!0)});const o=()=>{let t=document.getElementById("stepItemContent"),a=(t==null?void 0:t.scrollWidth)>(t==null?void 0:t.clientWidth);d.value=a}});const g=(o,t)=>{if(!r.needClick)return;i("update:active",t),i("click",o);let a=document.getElementById("stepItemContent"),c=document.getElementById(`stepItem${t}`),n=document.getElementById("stepItem0");const p=c&&n?(c==null?void 0:c.offsetLeft)-(n==null?void 0:n.offsetLeft):0;a&&c&&(a.scrollLeft=p>(a==null?void 0:a.clientWidth)?p-(a==null?void 0:a.offsetLeft):0)},y=()=>{let o=document.getElementById("stepItemContent");o&&(o.scrollLeft=o.scrollLeft-20)},k=()=>{let o=document.getElementById("stepItemContent");o&&(o.scrollLeft=o.scrollLeft+20)},_=()=>{clearInterval(h.value);let o=document.getElementById("stepItemContent");m.value=!1,h.value=setInterval(()=>{m.value=!0,o&&(o.scrollLeft=o.scrollLeft-20)},100)},T=()=>{clearInterval(h.value),m.value||y()},H=()=>{clearInterval(u.value);let o=document.getElementById("stepItemContent");m.value=!1,u.value=setInterval(()=>{m.value=!0,o&&(o.scrollLeft=o.scrollLeft+20)},100)},W=()=>{clearInterval(u.value),m.value||k()};return(o,t)=>{const a=e.resolveComponent("el-icon");return e.openBlock(),e.createElementBlock("div",L,[d.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"icon-left",onMousedown:_,onMouseup:T,onClick:y},[e.createVNode(a,{class:"operation-icon"},{default:e.withCtx(()=>[e.createVNode(e.unref(E),{size:"26px"})]),_:1})],32)):e.createCommentVNode("v-if",!0),e.createElementVNode("div",{class:"step-item-content",id:"stepItemContent",style:e.normalizeStyle({justifyContent:d.value?"flex-start":"center"})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.list,(c,n)=>{var p;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`${l.alignCenter?"ik-hor-step-item":""} step-item ${n<=l.active?"step-item-active":""}`),style:e.normalizeStyle({width:l.alignCenter?`calc(100%/${(p=l.list)==null?void 0:p.length})`:""}),key:n},[e.createElementVNode("div",{class:e.normalizeClass(`${l.alignCenter?"ik-hor-step_head":""} `)},[n!==0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(`ik-hor-step_line step-border ${n<=l.active?"step-border-greater-than":""}`),style:e.normalizeStyle({width:`${l.spaceNum.indexOf("px")!=-1?l.spaceNum:`${l.spaceNum}px`}`})},t[0]||(t[0]=[e.createElementVNode("i",{class:"ik-hor-step_line_inner"},null,-1)]),6)):e.createCommentVNode("v-if",!0),e.createElementVNode("div",{class:e.normalizeClass(`step-num ${n===l.active?"step-num-active":n<l.active?"step-num-greater-than":""}`),onClick:I=>g(c,n),style:e.normalizeStyle({backgroundColor:n===l.active&&l.activeColor?l.activeColor:"",cursor:c&&c.disabled?"not-allowed":l.needClick?"pointer":"context-menu"})},[e.renderSlot(o.$slots,"icon",{data:{item:c,index:n}},()=>[e.createTextVNode(e.toDisplayString(n+1),1)],!0)],14,z)],2),e.createElementVNode("div",N,[e.createElementVNode("div",{id:`stepItem${n}`,class:e.normalizeClass(`step-label ${l.active===n?"step-label-active":n<l.active?"step-label-greater-than":""} step-item-${n}`),style:e.normalizeStyle({color:n===l.active&&l.activeColor?l.activeColor:"",cursor:c&&c.disabled?"not-allowed":l.needClick?"pointer":"context-menu"}),onClick:I=>g(c,n)},e.toDisplayString(c[l.propsField.title]),15,$),e.createElementVNode("div",{id:`stepItemDesc${n}`,class:e.normalizeClass(`step-description step-label ${l.active===n?"step-label-active":n<l.active?"step-label-greater-than":""} step-item-${n}`),style:e.normalizeStyle({color:n===l.active&&l.activeColor?l.activeColor:"",cursor:c&&c.disabled?"not-allowed":l.needClick?"pointer":"context-menu"}),onClick:I=>g(c,n)},e.toDisplayString(c[l.propsField.description]),15,b)])],6)}),128))],4),d.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:"icon-right",onMousedown:H,onMouseup:W,onClick:k},[e.createVNode(a,{class:"operation-icon"},{default:e.withCtx(()=>[e.createVNode(e.unref(S))]),_:1})],32)):e.createCommentVNode("v-if",!0)])}}}),M="",C=B(((l,s)=>{const r=l.__vccOpts||l;for(const[i,d]of s)r[i]=d;return r})(V,[["__scopeId","data-v-a26cdcaf"]]));f.IKHorizontalStepBar=C,f.default=C,Object.defineProperties(f,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});