iking-web-ui-pro 0.2.59 → 0.3.0

package/dist/{IKHorizontalStepBar → IkHorizontalStepBar}/ik.index.es.js

@@ -1,10 +1,10 @@
-import { defineComponent as B, openBlock as i, createElementBlock as u, createElementVNode as r, ref as g, watch as b, nextTick as z, onMounted as F, resolveComponent as O, createVNode as C, withCtx as W, unref as N, createCommentVNode as k, normalizeStyle as m, Fragment as V, renderList as j, normalizeClass as h, renderSlot as A, createTextVNode as _, toDisplayString as L } from "vue";
-const K = (t, v) => (t.install = (c) => {
+import { defineComponent as B, openBlock as i, createElementBlock as u, createElementVNode as r, ref as g, watch as b, nextTick as z, onMounted as F, resolveComponent as O, createVNode as C, withCtx as W, unref as N, createCommentVNode as w, normalizeStyle as m, Fragment as V, renderList as j, normalizeClass as h, renderSlot as A, createTextVNode as _, toDisplayString as L } from "vue";
+const q = (t, v) => (t.install = (c) => {
   for (const d of [t, ...Object.values({})])
     c.component(d.name, d);
 }, t);
 /*! Element Plus Icons Vue v2.3.1 */
-var q = /* @__PURE__ */ B({
+var G = /* @__PURE__ */ B({
   name: "ArrowLeft",
   __name: "arrow-left",
   setup(t) {
@@ -18,7 +18,7 @@ var q = /* @__PURE__ */ B({
       })
     ]));
   }
-}), G = q, J = /* @__PURE__ */ B({
+}), J = G, K = /* @__PURE__ */ B({
   name: "ArrowRight",
   __name: "arrow-right",
   setup(t) {
@@ -32,9 +32,9 @@ var q = /* @__PURE__ */ B({
       })
     ]));
   }
-}), P = J;
+}), P = K;
 const Q = { class: "ik-hor-step-content" }, U = ["onClick"], X = { class: "ik-hor-step_main" }, Y = ["id", "onClick"], Z = ["id", "onClick"], x = /* @__PURE__ */ B({
-  __name: "IKHorizontalStepBar",
+  __name: "IkHorizontalStepBar",
   props: {
     spaceNum: {
       type: String,
@@ -108,7 +108,7 @@ const Q = { class: "ik-hor-step-content" }, U = ["onClick"], X = { class: "ik-ho
         s.value = a;
       };
     });
-    const w = (n, e) => {
+    const k = (n, e) => {
       if (!c.needClick) return;
       d("update:active", e), d("click", n);
       let a = document.getElementById("stepItemContent"), o = document.getElementById(`stepItem${e}`), l = document.getElementById("stepItem0");
@@ -152,7 +152,7 @@ const Q = { class: "ik-hor-step-content" }, U = ["onClick"], X = { class: "ik-ho
           [
             C(a, { class: "operation-icon" }, {
               default: W(() => [
-                C(N(G), { size: "26px" })
+                C(N(J), { size: "26px" })
               ]),
               _: 1
               /* STABLE */
@@ -160,7 +160,7 @@ const Q = { class: "ik-hor-step-content" }, U = ["onClick"], X = { class: "ik-ho
           ],
           32
           /* NEED_HYDRATION */
-        )) : k("v-if", !0),
+        )) : w("v-if", !0),
         r(
           "div",
           {
@@ -211,10 +211,10 @@ const Q = { class: "ik-hor-step-content" }, U = ["onClick"], X = { class: "ik-ho
                           ]),
                           6
                           /* CLASS, STYLE */
-                        )) : k("v-if", !0),
+                        )) : w("v-if", !0),
                         r("div", {
                           class: h(`step-num ${l === t.active ? "step-num-active" : l < t.active ? "step-num-greater-than" : ""}`),
-                          onClick: (S) => w(o, l),
+                          onClick: (S) => k(o, l),
                           style: m({
                             backgroundColor: l === t.active && t.activeColor ? t.activeColor : "",
                             cursor: o && o.disabled ? "not-allowed" : t.needClick ? "pointer" : "context-menu"
@@ -242,7 +242,7 @@ const Q = { class: "ik-hor-step-content" }, U = ["onClick"], X = { class: "ik-ho
                           color: l === t.active && t.activeColor ? t.activeColor : "",
                           cursor: o && o.disabled ? "not-allowed" : t.needClick ? "pointer" : "context-menu"
                         }),
-                        onClick: (S) => w(o, l)
+                        onClick: (S) => k(o, l)
                       }, L(o[t.propsField.title]), 15, Y),
                       r("div", {
                         id: `stepItemDesc${l}`,
@@ -251,7 +251,7 @@ const Q = { class: "ik-hor-step-content" }, U = ["onClick"], X = { class: "ik-ho
                           color: l === t.active && t.activeColor ? t.activeColor : "",
                           cursor: o && o.disabled ? "not-allowed" : t.needClick ? "pointer" : "context-menu"
                         }),
-                        onClick: (S) => w(o, l)
+                        onClick: (S) => k(o, l)
                       }, L(o[t.propsField.description]), 15, Z)
                     ])
                   ],
@@ -286,7 +286,7 @@ const Q = { class: "ik-hor-step-content" }, U = ["onClick"], X = { class: "ik-ho
           ],
           32
           /* NEED_HYDRATION */
-        )) : k("v-if", !0)
+        )) : w("v-if", !0)
       ]);
     };
   }
@@ -295,7 +295,7 @@ const Q = { class: "ik-hor-step-content" }, U = ["onClick"], X = { class: "ik-ho
   for (const [d, s] of v)
     c[d] = s;
   return c;
-}, ee = /* @__PURE__ */ D(x, [["__scopeId", "data-v-a26cdcaf"]]), le = K(ee);
+}, ee = /* @__PURE__ */ D(x, [["__scopeId", "data-v-95f77eab"]]), le = q(ee);
 export {
   le as IkHorizontalStepBar,
   le as default

package/dist/{IKHorizontalStepBar → IkHorizontalStepBar}/ik.index.umd.js

@@ -1 +1 @@
-(function(i,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(i=typeof globalThis<"u"?globalThis:i||self,e(i.index={},i.vue))})(this,function(i,e){"use strict";const B=(l,f)=>(l.install=r=>{for(const d of[l,...Object.values({})])r.component(d.name,d)},l);/*! Element Plus Icons Vue v2.3.1 */var w=e.defineComponent({name:"ArrowLeft",__name:"arrow-left",setup(l){return(f,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(f,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"],g=B(((l,f)=>{const r=l.__vccOpts||l;for(const[d,s]of f)r[d]=s;return r})(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:f}){const r=l,d=f,s=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);s.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);s.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);s.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);s.value=a}});const C=(o,t)=>{if(!r.needClick)return;d("update:active",t),d("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)},k=()=>{let o=document.getElementById("stepItemContent");o&&(o.scrollLeft=o.scrollLeft-20)},y=()=>{let o=document.getElementById("stepItemContent");o&&(o.scrollLeft=o.scrollLeft+20)},V=()=>{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||k()},W=()=>{clearInterval(u.value);let o=document.getElementById("stepItemContent");m.value=!1,u.value=setInterval(()=>{m.value=!0,o&&(o.scrollLeft=o.scrollLeft+20)},100)},H=()=>{clearInterval(u.value),m.value||y()};return(o,t)=>{const a=e.resolveComponent("el-icon");return e.openBlock(),e.createElementBlock("div",L,[s.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"icon-left",onMousedown:V,onMouseup:T,onClick:k},[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:s.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=>C(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=>C(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=>C(c,n)},e.toDisplayString(c[l.propsField.description]),15,b)])],6)}),128))],4),s.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:"icon-right",onMousedown:W,onMouseup:H,onClick:y},[e.createVNode(a,{class:"operation-icon"},{default:e.withCtx(()=>[e.createVNode(e.unref(S))]),_:1})],32)):e.createCommentVNode("v-if",!0)])}}}),[["__scopeId","data-v-a26cdcaf"]]));i.IkHorizontalStepBar=g,i.default=g,Object.defineProperties(i,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(i,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(i=typeof globalThis<"u"?globalThis:i||self,e(i.index={},i.vue))})(this,function(i,e){"use strict";const B=(l,f)=>(l.install=r=>{for(const d of[l,...Object.values({})])r.component(d.name,d)},l);/*! Element Plus Icons Vue v2.3.1 */var w=e.defineComponent({name:"ArrowLeft",__name:"arrow-left",setup(l){return(f,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(f,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"],g=B(((l,f)=>{const r=l.__vccOpts||l;for(const[d,s]of f)r[d]=s;return r})(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:f}){const r=l,d=f,s=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);s.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);s.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);s.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);s.value=a}});const C=(o,t)=>{if(!r.needClick)return;d("update:active",t),d("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)},k=()=>{let o=document.getElementById("stepItemContent");o&&(o.scrollLeft=o.scrollLeft-20)},y=()=>{let o=document.getElementById("stepItemContent");o&&(o.scrollLeft=o.scrollLeft+20)},V=()=>{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||k()},W=()=>{clearInterval(u.value);let o=document.getElementById("stepItemContent");m.value=!1,u.value=setInterval(()=>{m.value=!0,o&&(o.scrollLeft=o.scrollLeft+20)},100)},H=()=>{clearInterval(u.value),m.value||y()};return(o,t)=>{const a=e.resolveComponent("el-icon");return e.openBlock(),e.createElementBlock("div",L,[s.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"icon-left",onMousedown:V,onMouseup:T,onClick:k},[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:s.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=>C(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=>C(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=>C(c,n)},e.toDisplayString(c[l.propsField.description]),15,b)])],6)}),128))],4),s.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:"icon-right",onMousedown:W,onMouseup:H,onClick:y},[e.createVNode(a,{class:"operation-icon"},{default:e.withCtx(()=>[e.createVNode(e.unref(S))]),_:1})],32)):e.createCommentVNode("v-if",!0)])}}}),[["__scopeId","data-v-95f77eab"]]));i.IkHorizontalStepBar=g,i.default=g,Object.defineProperties(i,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/{IKHorizontalStepBar → IkHorizontalStepBar}/iking-web-ui-pro.css

@@ -1 +1 @@
-@charset "UTF-8";.ik-hor-step-content[data-v-a26cdcaf]{width:100%;display:flex}.ik-hor-step-content[data-v-a26cdcaf] ::-webkit-scrollbar{display:none}.ik-hor-step-content .flex[data-v-a26cdcaf]{display:flex;align-items:center;width:100%}.ik-hor-step-content .step-item-content[data-v-a26cdcaf]{width:100%;display:flex;align-items:center;flex-direction:row;overflow-x:auto;word-break:break-all;white-space:nowrap}.ik-hor-step-content .operation-icon[data-v-a26cdcaf]{margin:auto}.ik-hor-step-content .icon-left[data-v-a26cdcaf]{width:40px;height:40px;line-height:40px;font-size:22px;border-radius:8px;color:var(--el-color-info, "#999");display:flex;align-items:center;margin-right:10px;cursor:pointer;text-align:center}.ik-hor-step-content .icon-left[data-v-a26cdcaf]:hover{background-color:var(--ik-menu-active-bg, #eaeef2)}.ik-hor-step-content .icon-right[data-v-a26cdcaf]{width:40px;height:40px;line-height:40px;font-size:22px;border-radius:8px;color:var(--el-color-info, "#999");display:flex;align-items:center;text-align:center;margin-left:10px;cursor:pointer}.ik-hor-step-content .icon-right[data-v-a26cdcaf]:hover{background-color:var(--ik-menu-active-bg, #eaeef2)}.ik-hor-step-content .ik-hor-step-item[data-v-a26cdcaf]{display:inline-block!important;min-width:130px;flex-shrink:1}.ik-hor-step-content .ik-hor-step-item .ik-hor-step_main[data-v-a26cdcaf]{display:flex;flex-direction:column;text-align:center}.ik-hor-step-content .step-item[data-v-a26cdcaf]{position:relative;display:flex;align-items:center}.ik-hor-step-content .step-item .step-border[data-v-a26cdcaf]{display:inline-block;position:relative;border-top:1px dashed var(--el-color-info, #ccc);margin:0 18px;top:-7px}.ik-hor-step-content .step-item .step-num[data-v-a26cdcaf]{display:inline-block;padding:4px 10px;background-color:var(--ik-step-item-num-bg, #f3f6f9);color:var(--ik-step-item-text-color, "#A2A6B8");font-size:18px;border-radius:6px;text-align:center}.ik-hor-step-content .step-item .step-num[data-v-a26cdcaf]:active{background-color:var(--ik-step-item-active-color, #039ef7);color:var(--ik-step-item-num-active, "#fff")}.ik-hor-step-content .ik-hor-step_head[data-v-a26cdcaf]{position:relative;width:100%;text-align:center;padding-bottom:10px}.ik-hor-step-content .ik-hor-step_head .ik-hor-step_line[data-v-a26cdcaf]{height:2px;top:-4px;left:0;right:0}.ik-hor-step-content .ik-hor-step_head .step-border[data-v-a26cdcaf]{width:calc(100% - 40px)!important;position:absolute;border-color:inherit;display:inline-block;border-top:1px dashed var(--el-color-info, #ccc);margin:0 20px;top:16px;left:-50%;right:-50%;z-index:2}.ik-hor-step-content .ik-hor-step_head .step-border .ik-hor-step_line_inner[data-v-a26cdcaf]{transition-delay:0ms;border-width:1px;width:100%}.ik-hor-step-content .ik-hor-step_head .step-num[data-v-a26cdcaf]{position:relative!important;width:fit-content;padding:4px 10px;background-color:var(--ik-step-item-num-bg, #f3f6f9);color:var(--ik-step-item-text-color, #a2a6b8);font-size:18px;border-radius:6px;text-align:center;z-index:50}.ik-hor-step-content .ik-hor-step_head .step-num[data-v-a26cdcaf]:active{background-color:var(--ik-step-item-active-color, #039ef7);color:var(--ik-step-item-num-active, #fff)}.ik-hor-step-content .step-border-greater-than[data-v-a26cdcaf]{border-top-style:solid!important;border-top-color:var(--ik-step-item-active-color, #029ef7)!important}.ik-hor-step-content .step-num-active[data-v-a26cdcaf]{background-color:var(--ik-step-item-active-color, #039ef7)!important;color:var(--el-color-white, #fff)!important}.ik-hor-step-content .step-num-greater-than[data-v-a26cdcaf]{color:var(--ik-step-item-active-color, #333)!important;background-color:var(--ik-step-item-num-greater-bg, #d9f1fe)!important;font-weight:550}.ik-hor-step-content .step-label[data-v-a26cdcaf]{padding-left:6px;color:var(--el-color-info, rgba(24, 28, 50, .4));font-size:16px;font-family:sans-serif;font-weight:550;position:relative;top:0}.ik-hor-step-content .step-label-active[data-v-a26cdcaf]{color:var(--ik-step-item-active-color, #039ef7)!important}.ik-hor-step-content .step-label-greater-than[data-v-a26cdcaf]{color:var(--ik-color-font-title, #181c32);font-weight:550}.ik-hor-step-content .step-description[data-v-a26cdcaf]{font-size:14px;color:var(--ik-step-item-text-color);font-weight:400}
+@charset "UTF-8";.ik-hor-step-content[data-v-95f77eab]{width:100%;display:flex}.ik-hor-step-content[data-v-95f77eab] ::-webkit-scrollbar{display:none}.ik-hor-step-content .flex[data-v-95f77eab]{display:flex;align-items:center;width:100%}.ik-hor-step-content .step-item-content[data-v-95f77eab]{width:100%;display:flex;align-items:center;flex-direction:row;overflow-x:auto;word-break:break-all;white-space:nowrap}.ik-hor-step-content .operation-icon[data-v-95f77eab]{margin:auto}.ik-hor-step-content .icon-left[data-v-95f77eab]{width:40px;height:40px;line-height:40px;font-size:22px;border-radius:8px;color:var(--el-color-info, "#999");display:flex;align-items:center;margin-right:10px;cursor:pointer;text-align:center}.ik-hor-step-content .icon-left[data-v-95f77eab]:hover{background-color:var(--ik-menu-active-bg, #eaeef2)}.ik-hor-step-content .icon-right[data-v-95f77eab]{width:40px;height:40px;line-height:40px;font-size:22px;border-radius:8px;color:var(--el-color-info, "#999");display:flex;align-items:center;text-align:center;margin-left:10px;cursor:pointer}.ik-hor-step-content .icon-right[data-v-95f77eab]:hover{background-color:var(--ik-menu-active-bg, #eaeef2)}.ik-hor-step-content .ik-hor-step-item[data-v-95f77eab]{display:inline-block!important;min-width:130px;flex-shrink:1}.ik-hor-step-content .ik-hor-step-item .ik-hor-step_main[data-v-95f77eab]{display:flex;flex-direction:column;text-align:center}.ik-hor-step-content .step-item[data-v-95f77eab]{position:relative;display:flex;align-items:center}.ik-hor-step-content .step-item .step-border[data-v-95f77eab]{display:inline-block;position:relative;border-top:1px dashed var(--el-color-info, #ccc);margin:0 18px;top:-7px}.ik-hor-step-content .step-item .step-num[data-v-95f77eab]{display:inline-block;padding:4px 10px;background-color:var(--ik-step-item-num-bg, #f3f6f9);color:var(--ik-step-item-text-color, "#A2A6B8");font-size:18px;border-radius:6px;text-align:center}.ik-hor-step-content .step-item .step-num[data-v-95f77eab]:active{background-color:var(--ik-step-item-active-color, #039ef7);color:var(--ik-step-item-num-active, "#fff")}.ik-hor-step-content .ik-hor-step_head[data-v-95f77eab]{position:relative;width:100%;text-align:center;padding-bottom:10px}.ik-hor-step-content .ik-hor-step_head .ik-hor-step_line[data-v-95f77eab]{height:2px;top:-4px;left:0;right:0}.ik-hor-step-content .ik-hor-step_head .step-border[data-v-95f77eab]{width:calc(100% - 40px)!important;position:absolute;border-color:inherit;display:inline-block;border-top:1px dashed var(--el-color-info, #ccc);margin:0 20px;top:16px;left:-50%;right:-50%;z-index:2}.ik-hor-step-content .ik-hor-step_head .step-border .ik-hor-step_line_inner[data-v-95f77eab]{transition-delay:0ms;border-width:1px;width:100%}.ik-hor-step-content .ik-hor-step_head .step-num[data-v-95f77eab]{position:relative!important;width:fit-content;padding:4px 10px;background-color:var(--ik-step-item-num-bg, #f3f6f9);color:var(--ik-step-item-text-color, #a2a6b8);font-size:18px;border-radius:6px;text-align:center;z-index:50}.ik-hor-step-content .ik-hor-step_head .step-num[data-v-95f77eab]:active{background-color:var(--ik-step-item-active-color, #039ef7);color:var(--ik-step-item-num-active, #fff)}.ik-hor-step-content .step-border-greater-than[data-v-95f77eab]{border-top-style:solid!important;border-top-color:var(--ik-step-item-active-color, #029ef7)!important}.ik-hor-step-content .step-num-active[data-v-95f77eab]{background-color:var(--ik-step-item-active-color, #039ef7)!important;color:var(--el-color-white, #fff)!important}.ik-hor-step-content .step-num-greater-than[data-v-95f77eab]{color:var(--ik-step-item-active-color, #333)!important;background-color:var(--ik-step-item-num-greater-bg, #d9f1fe)!important;font-weight:550}.ik-hor-step-content .step-label[data-v-95f77eab]{padding-left:6px;color:var(--el-color-info, rgba(24, 28, 50, .4));font-size:16px;font-family:sans-serif;font-weight:550;position:relative;top:0}.ik-hor-step-content .step-label-active[data-v-95f77eab]{color:var(--ik-step-item-active-color, #039ef7)!important}.ik-hor-step-content .step-label-greater-than[data-v-95f77eab]{color:var(--ik-color-font-title, #181c32);font-weight:550}.ik-hor-step-content .step-description[data-v-95f77eab]{font-size:14px;color:var(--ik-step-item-text-color);font-weight:400}