iking-web-ui-pro 0.2.21 → 0.2.22

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

@@ -1,9 +1,9 @@
-(function(p,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("iking-utils-pro")):typeof define=="function"&&define.amd?define(["exports","vue","iking-utils-pro"],e):(p=typeof globalThis<"u"?globalThis:p||self,e(p.index={},p.vue,p["iking-utils-pro"]))})(this,function(p,e,z){"use strict";const g=(s,d)=>{if(s.install=t=>{for(const a of[s,...Object.values(d??{})])t.component(a.name,a)},d)for(const[t,a]of Object.entries(d))s[t]=a;return s},v=(s,d)=>{const t=s.__vccOpts||s;for(const[a,i]of d)t[a]=i;return t},x={key:0,class:"ik-svg-icon ik-icon-span inline-block inline-flex justify-center box-content line-height-[0]"},S={key:1,class:"h-[1em] w-[1em]","aria-hidden":"true"},E=["xlink:href"],$=["src"],I={key:1,class:"h-[1em] w-[1em]","aria-hidden":"true"},N=["xlink:href"],V=["src"],j=e.defineComponent({name:"IkSvgIcon",__name:"index",props:{active:{type:Boolean,default:!1},bg:{type:Boolean,default:!1},color:{},colorLight:{},disabled:{type:Boolean,default:!1},error:{type:Boolean},flip:{},name:{},notip:{type:Boolean,default:!1},opacity:{default:.5},padding:{default:"6px"},primary:{type:Boolean},rotate:{},showBg:{type:Boolean,default:!1},size:{default:""},success:{type:Boolean},tableIconType:{},title:{},type:{},warning:{type:Boolean},width:{}},setup(s){const d=s,t=e.computed(()=>d),a=e.computed(()=>{const{name:n}=t.value;return/^http?:\/\//.test(n)?"img":/i-[^:]+:[^:]+/.test(n)?"unocss":n!=null&&n.startsWith("iksig")?"iksig":n!=null&&n.includes(":")?"iconify":n!=null&&n.startsWith("iksvg")?"svg":"i"}),i=e.computed(()=>{const n=[];if(t.value.flip)switch(t.value.flip){case"horizontal":n.push("rotateY(180deg)");break;case"vertical":n.push("rotateX(180deg)");break;case"both":n.push("rotateX(180deg)"),n.push("rotateY(180deg)");break}t.value.rotate&&n.push(`rotate(${t.value.rotate%360}deg)`);const u={...t.value.color&&{color:t.value.color},...t.value.size&&{fontSize:typeof t.value.size=="number"?`${t.value.size}px`:t.value.size},...n.length&&{transform:n.join(" ")},padding:t.value.showBg||t.value.bg?t.value.padding:0,...t.value.color&&a.value!=="iksig"?{"--ik-color-icon-dark":t.value.color,"--ik-color-icon-light":t.value.colorLight||z.ikColor.setOpacity(t.value.color,t.value.opacity)}:{}};return t.value.width&&(u.width=u.height=typeof t.value.width=="number"?`${t.value.width}px`:t.value.width),u});return(n,u)=>{const k=e.resolveComponent("el-tooltip"),y=e.resolveComponent("el-button");return t.value.tableIconType==="icon"||!t.value.tableIconType?(e.openBlock(),e.createElementBlock("span",x,[t.value.notip||!t.value.title?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition",{[n.name]:a.value==="unocss","show-bg":t.value.showBg||t.value.bg,default:t.value.size==="default",small:t.value.size==="small",big:t.value.size==="big",warning:t.value.warning||t.value.type==="warning",primary:t.value.primary||t.value.type==="primary",success:n.success||t.value.type==="success",error:t.value.error||t.value.type==="error",active:t.value.active,disabled:t.value.disabled}]),style:e.normalizeStyle(i.value)},[e.createCommentVNode(` <Icon v-if="outputType === 'iconify'" :icon="name" /> `),a.value==="iksig"?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass(`iksig ${t.value.name}`),style:e.normalizeStyle(i.value)},null,6)):a.value==="svg"?(e.openBlock(),e.createElementBlock("svg",S,[e.createElementVNode("use",{"xlink:href":`#${t.value.name}`},null,8,E)])):a.value==="img"?(e.openBlock(),e.createElementBlock("img",{key:2,src:t.value.name,class:"h-[1em] w-[1em]"},null,8,$)):(e.openBlock(),e.createElementBlock("i",{key:3,class:e.normalizeClass(t.value.name),style:e.normalizeStyle(i.value)},null,6))],6)):(e.openBlock(),e.createBlock(k,{key:1,content:t.value.title,placement:"top"},{default:e.withCtx(()=>[e.createElementVNode("i",{class:e.normalizeClass(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition",{[n.name]:a.value==="unocss","show-bg":t.value.showBg||t.value.bg,default:t.value.size==="default",small:t.value.size==="small",big:t.value.size==="big",warning:t.value.warning||t.value.type==="warning",primary:n.primary||t.value.type==="primary",success:n.success||t.value.type==="success",error:t.value.error||t.value.type==="error",active:t.value.active}]),style:e.normalizeStyle(i.value)},[a.value==="iksig"?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass(`iksig ${t.value.name}`),style:e.normalizeStyle(i.value)},null,6)):a.value==="svg"?(e.openBlock(),e.createElementBlock("svg",I,[e.createElementVNode("use",{"xlink:href":`#${t.value.name}`},null,8,N)])):a.value==="img"?(e.openBlock(),e.createElementBlock("img",{key:2,src:t.value.name,class:"h-[1em] w-[1em]"},null,8,V)):(e.openBlock(),e.createElementBlock("i",{key:3,class:e.normalizeClass(t.value.name),style:e.normalizeStyle(i.value)},null,6))],6)]),_:1},8,["content"]))])):(e.openBlock(),e.createBlock(y,{key:1,type:["warning","error"].includes(t.value.type)?"danger":""},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.value.title),1)]),_:1},8,["type"]))}}}),M="",B=g(v(j,[["__scopeId","data-v-a7ec508a"]])),T={class:"content"},F={class:"top"},O=["onClick"],q=["id"],D=["onClick"],K=e.defineComponent({__name:"IKVerticalStepBar",props:{active:{type:String,default:""},list:{type:Array,default:()=>[]},needClick:{type:Boolean,default:!1},propsField:{type:Object,default:()=>({name:"name",children:"children"})}},emits:["click","update:active"],setup(s,{emit:d}){const t=s,a=d,i=e.computed(()=>Number(t.active.indexOf("-")>0?t.active.split("-")[0]:t.active)),n=e.computed(()=>t.active.indexOf("-")>0?Number(t.active.split("-")[1]):0),u=c=>{let o="",l=c+1;return l<i.value?o="before-bg":l===i.value?o="active-bg":l>i.value&&(o="after-bg"),`${o} index`},k=c=>{let o="",l=c+1;return l<i.value?o="before-text":l===i.value?o="active-text":l>i.value&&(o="after-text"),`${o} text`},y=c=>{let o="",l=c+1;return l<i.value?o="before-style":l<t.list.length&&(o="after-style"),`${o} bottom`},L=(c,o)=>{let l="",r=c+1,m=o+1;return r<i.value?l="before-text":r===i.value?m<n.value?l="before-text":m===n.value?l="active-text":m>n.value&&(l="after-text"):r>i.value&&(l="after-text"),`${l} child-text`},b=(c,o)=>{t.needClick&&(c[t.propsField.children]||(a("update:active",o+""),a("click",c)))},C=(c,o)=>{c.show=!c.show;let l=document.getElementById(`children${o}`);c.show?l.style.display="none":l.style.display="block"};return(c,o)=>(e.openBlock(),e.createElementBlock("div",T,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.list,(l,r)=>{var m,w;return e.openBlock(),e.createElementBlock("div",{class:"line-block",key:r},[e.createElementVNode("div",F,[e.createElementVNode("div",{class:e.normalizeClass(u(r))},e.toDisplayString(r+1),3),e.createElementVNode("div",{class:e.normalizeClass(k(r)),style:e.normalizeStyle(s.needClick?"cursor: pointer;":""),onClick:f=>b(l,r+1)},[e.createTextVNode(e.toDisplayString(l[s.propsField.name])+" ",1),e.createCommentVNode(` <i\r
+(function(d,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("iking-utils-pro")):typeof define=="function"&&define.amd?define(["exports","vue","iking-utils-pro"],e):(d=typeof globalThis<"u"?globalThis:d||self,e(d.index={},d.vue,d["iking-utils-pro"]))})(this,function(d,e,x){"use strict";const _=(a,u)=>{if(a.install=s=>{for(const t of[a,...Object.values(u??{})])s.component(t.name,t)},u)for(const[s,t]of Object.entries(u))a[s]=t;return a},b=(a,u)=>{const s=a.__vccOpts||a;for(const[t,n]of u)s[t]=n;return s},S={key:0,class:"ik-svg-icon ik-icon-span inline-block inline-flex justify-center box-content line-height-[0]"},E={key:1,class:"h-[1em] w-[1em]","aria-hidden":"true"},$=["xlink:href"],I=["src"],N={key:1,class:"h-[1em] w-[1em]","aria-hidden":"true"},V=["xlink:href"],j=["src"],T=e.defineComponent({name:"IkSvgIcon",__name:"index",props:{active:{type:Boolean,default:!1},bg:{type:Boolean,default:!1},color:{},colorLight:{},disabled:{type:Boolean,default:!1},error:{type:Boolean},flip:{},name:{},notip:{type:Boolean,default:!1},opacity:{default:.5},padding:{default:"6px"},primary:{type:Boolean},rotate:{},showBg:{type:Boolean,default:!1},size:{default:""},success:{type:Boolean},tableIconType:{},title:{},type:{},warning:{type:Boolean},width:{}},emits:["click"],setup(a,{emit:u}){const s=a,t=e.computed(()=>s),n=e.computed(()=>{const{name:o}=t.value;return/^http?:\/\//.test(o)?"img":/i-[^:]+:[^:]+/.test(o)?"unocss":o!=null&&o.startsWith("iksig")?"iksig":o!=null&&o.includes(":")?"iconify":o!=null&&o.startsWith("iksvg")?"svg":"i"}),p=e.computed(()=>{const o=[];if(t.value.flip)switch(t.value.flip){case"horizontal":o.push("rotateY(180deg)");break;case"vertical":o.push("rotateX(180deg)");break;case"both":o.push("rotateX(180deg)"),o.push("rotateY(180deg)");break}t.value.rotate&&o.push(`rotate(${t.value.rotate%360}deg)`);const m={...t.value.color&&{color:t.value.color},...t.value.size&&{fontSize:typeof t.value.size=="number"?`${t.value.size}px`:t.value.size},...o.length&&{transform:o.join(" ")},padding:t.value.showBg||t.value.bg?t.value.padding:0,...t.value.color&&n.value!=="iksig"?{"--ik-color-icon-dark":t.value.color,"--ik-color-icon-light":t.value.colorLight||x.ikColor.setOpacity(t.value.color,t.value.opacity)}:{}};return t.value.width&&(m.width=m.height=typeof t.value.width=="number"?`${t.value.width}px`:t.value.width),m}),v=u,k=o=>{t.value.disabled||v("click",o)};return(o,m)=>{const h=e.resolveComponent("el-tooltip"),g=e.resolveComponent("el-button");return t.value.tableIconType==="icon"||!t.value.tableIconType?(e.openBlock(),e.createElementBlock("span",S,[t.value.notip||!t.value.title?(e.openBlock(),e.createElementBlock("i",{key:0,onClick:e.withModifiers(k,["stop"]),class:e.normalizeClass(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition",{[o.name]:n.value==="unocss","show-bg":t.value.showBg||t.value.bg,default:t.value.size==="default",small:t.value.size==="small",big:t.value.size==="big",warning:t.value.warning||t.value.type==="warning",primary:t.value.primary||t.value.type==="primary",success:o.success||t.value.type==="success",error:t.value.error||t.value.type==="error",active:t.value.active,disabled:t.value.disabled}]),style:e.normalizeStyle(p.value)},[e.createCommentVNode(` <Icon v-if="outputType === 'iconify'" :icon="name" /> `),n.value==="iksig"?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass(`iksig ${t.value.name}`),style:e.normalizeStyle(p.value)},null,6)):n.value==="svg"?(e.openBlock(),e.createElementBlock("svg",E,[e.createElementVNode("use",{"xlink:href":`#${t.value.name}`},null,8,$)])):n.value==="img"?(e.openBlock(),e.createElementBlock("img",{key:2,src:t.value.name,class:"h-[1em] w-[1em]"},null,8,I)):(e.openBlock(),e.createElementBlock("i",{key:3,class:e.normalizeClass(t.value.name),style:e.normalizeStyle(p.value)},null,6))],6)):(e.openBlock(),e.createBlock(h,{key:1,content:t.value.title,placement:"top"},{default:e.withCtx(()=>[e.createElementVNode("i",{class:e.normalizeClass(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition",{[o.name]:n.value==="unocss","show-bg":t.value.showBg||t.value.bg,default:t.value.size==="default",small:t.value.size==="small",big:t.value.size==="big",warning:t.value.warning||t.value.type==="warning",primary:o.primary||t.value.type==="primary",success:o.success||t.value.type==="success",error:t.value.error||t.value.type==="error",active:t.value.active}]),onClick:e.withModifiers(k,["stop"]),style:e.normalizeStyle(p.value)},[n.value==="iksig"?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass(`iksig ${t.value.name}`),style:e.normalizeStyle(p.value)},null,6)):n.value==="svg"?(e.openBlock(),e.createElementBlock("svg",N,[e.createElementVNode("use",{"xlink:href":`#${t.value.name}`},null,8,V)])):n.value==="img"?(e.openBlock(),e.createElementBlock("img",{key:2,src:t.value.name,class:"h-[1em] w-[1em]"},null,8,j)):(e.openBlock(),e.createElementBlock("i",{key:3,class:e.normalizeClass(t.value.name),style:e.normalizeStyle(p.value)},null,6))],6)]),_:1},8,["content"]))])):(e.openBlock(),e.createBlock(g,{key:1,type:["warning","error"].includes(t.value.type)?"danger":"",onClick:e.withModifiers(k,["stop"])},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.value.title),1)]),_:1},8,["type"]))}}}),L="",C=_(b(T,[["__scopeId","data-v-4a1004b9"]])),F={class:"content"},O={class:"top"},M=["onClick"],q=["id"],D=["onClick"],K=e.defineComponent({__name:"IKVerticalStepBar",props:{active:{type:String,default:""},list:{type:Array,default:()=>[]},needClick:{type:Boolean,default:!1},propsField:{type:Object,default:()=>({name:"name",children:"children"})}},emits:["click","update:active"],setup(a,{emit:u}){const s=a,t=u,n=e.computed(()=>Number(s.active.indexOf("-")>0?s.active.split("-")[0]:s.active)),p=e.computed(()=>s.active.indexOf("-")>0?Number(s.active.split("-")[1]):0),v=c=>{let i="",l=c+1;return l<n.value?i="before-bg":l===n.value?i="active-bg":l>n.value&&(i="after-bg"),`${i} index`},k=c=>{let i="",l=c+1;return l<n.value?i="before-text":l===n.value?i="active-text":l>n.value&&(i="after-text"),`${i} text`},o=c=>{let i="",l=c+1;return l<n.value?i="before-style":l<s.list.length&&(i="after-style"),`${i} bottom`},m=(c,i)=>{let l="",r=c+1,f=i+1;return r<n.value?l="before-text":r===n.value?f<p.value?l="before-text":f===p.value?l="active-text":f>p.value&&(l="after-text"):r>n.value&&(l="after-text"),`${l} child-text`},h=(c,i)=>{s.needClick&&(c[s.propsField.children]||(t("update:active",i+""),t("click",c)))},g=(c,i)=>{c.show=!c.show;let l=document.getElementById(`children${i}`);c.show?l.style.display="none":l.style.display="block"};return(c,i)=>(e.openBlock(),e.createElementBlock("div",F,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.list,(l,r)=>{var f,z;return e.openBlock(),e.createElementBlock("div",{class:"line-block",key:r},[e.createElementVNode("div",O,[e.createElementVNode("div",{class:e.normalizeClass(v(r))},e.toDisplayString(r+1),3),e.createElementVNode("div",{class:e.normalizeClass(k(r)),style:e.normalizeStyle(a.needClick?"cursor: pointer;":""),onClick:y=>h(l,r+1)},[e.createTextVNode(e.toDisplayString(l[a.propsField.name])+" ",1),e.createCommentVNode(` <i\r
             v-if="item[propsField.children]?.length && !item.show"\r
             class="ikapprove icon-a-putongjiantouzhankai"\r
             @click="changeShow(item, index)"\r
-          ></i> `),(m=l[s.propsField.children])!=null&&m.length&&!l.show?(e.openBlock(),e.createBlock(e.unref(B),{key:0,class:"ikapprove",onClick:f=>C(l,r),name:"iksvg_zhankai"},null,8,["onClick"])):e.createCommentVNode("v-if",!0),e.createCommentVNode(` <i\r
+          ></i> `),(f=l[a.propsField.children])!=null&&f.length&&!l.show?(e.openBlock(),e.createBlock(e.unref(C),{key:0,class:"ikapprove",onClick:y=>g(l,r),name:"iksvg_zhankai"},null,8,["onClick"])):e.createCommentVNode("v-if",!0),e.createCommentVNode(` <i\r
             v-if="item[propsField.children]?.length && item.show"\r
             @click="changeShow(item, index)"\r
             class="ikapprove icon-a-putongjiantoushouqi"\r
-          ></i> `),(w=l[s.propsField.children])!=null&&w.length&&l.show?(e.openBlock(),e.createBlock(e.unref(B),{key:1,class:"ikapprove",onClick:f=>C(l,r),name:"iksvg_shouqi"},null,8,["onClick"])):e.createCommentVNode("v-if",!0)],14,O)]),e.createElementVNode("ul",{class:e.normalizeClass(y(r))},[e.createElementVNode("div",{id:`children${r}`},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l[s.propsField.children],(f,h)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(L(r,h)),style:e.normalizeStyle(s.needClick?"cursor: pointer;":""),key:h,onClick:A=>b(f,r+1+"-"+(h+1))},e.toDisplayString(f.name),15,D))),128))],8,q)],2)])}),128))]))}}),X="",_=g(v(K,[["__scopeId","data-v-240cff4f"]]));p.IKVerticalStepBar=_,p.default=_,Object.defineProperties(p,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+          ></i> `),(z=l[a.propsField.children])!=null&&z.length&&l.show?(e.openBlock(),e.createBlock(e.unref(C),{key:1,class:"ikapprove",onClick:y=>g(l,r),name:"iksvg_shouqi"},null,8,["onClick"])):e.createCommentVNode("v-if",!0)],14,M)]),e.createElementVNode("ul",{class:e.normalizeClass(o(r))},[e.createElementVNode("div",{id:`children${r}`},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l[a.propsField.children],(y,B)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(m(r,B)),style:e.normalizeStyle(a.needClick?"cursor: pointer;":""),key:B,onClick:A=>h(y,r+1+"-"+(B+1))},e.toDisplayString(y.name),15,D))),128))],8,q)],2)])}),128))]))}}),X="",w=_(b(K,[["__scopeId","data-v-240cff4f"]]));d.IKVerticalStepBar=w,d.default=w,Object.defineProperties(d,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/IKVerticalStepBar/style.css

@@ -1 +1 @@
-.row-title[data-v-a7ec508a]{display:flex}.ik-svg-icon.ik-icon-span[data-v-a7ec508a]:not(:first-child){margin-left:var(--ik-margin-s-12)}[data-v-240cff4f]{margin:0;padding:0}.content[data-v-240cff4f]{width:100%;height:100%;border-top-left-radius:20px;border-bottom-left-radius:20px;padding:32px 28px}.content .line-block .top[data-v-240cff4f]{display:flex}.content .line-block .top .index[data-v-240cff4f]{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-240cff4f]{line-height:32px;margin-left:20px;font-size:18px;font-weight:700}.content .line-block .active-text[data-v-240cff4f]{color:var(--ik-step-item-active-color, "#039ef7")}.content .line-block .before-text[data-v-240cff4f]{color:var(--ik-color-font-title)}.content .line-block .after-text[data-v-240cff4f]{color:var(--el-color-info, "#181c3266")}.content .line-block .before-bg[data-v-240cff4f]{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-240cff4f]{background-color:var(--ik-step-item-active-color, #039ef7);color:var(--el-color-white, #fff)}.content .line-block .after-bg[data-v-240cff4f]{background-color:var(--ik-step-item-num-bg, #f3f6f9);color:var(--ik-step-item-text-color, #a2a6b8)}.content .line-block .bottom[data-v-240cff4f]{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-240cff4f]{border-color:var(--ik-step-item-active-color, #029ef7);border-style:solid}.content .line-block .after-style[data-v-240cff4f]{border-color:var(--el-color-info, #ccc);border-style:dashed}.content .line-block li[data-v-240cff4f]{line-height:30px}.content .line-block .child-text[data-v-240cff4f]{padding:5px 0}
+.row-title[data-v-4a1004b9]{display:flex}.ik-svg-icon.ik-icon-span[data-v-4a1004b9]:not(:first-child){margin-left:var(--ik-margin-s-12)}[data-v-240cff4f]{margin:0;padding:0}.content[data-v-240cff4f]{width:100%;height:100%;border-top-left-radius:20px;border-bottom-left-radius:20px;padding:32px 28px}.content .line-block .top[data-v-240cff4f]{display:flex}.content .line-block .top .index[data-v-240cff4f]{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-240cff4f]{line-height:32px;margin-left:20px;font-size:18px;font-weight:700}.content .line-block .active-text[data-v-240cff4f]{color:var(--ik-step-item-active-color, "#039ef7")}.content .line-block .before-text[data-v-240cff4f]{color:var(--ik-color-font-title)}.content .line-block .after-text[data-v-240cff4f]{color:var(--el-color-info, "#181c3266")}.content .line-block .before-bg[data-v-240cff4f]{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-240cff4f]{background-color:var(--ik-step-item-active-color, #039ef7);color:var(--el-color-white, #fff)}.content .line-block .after-bg[data-v-240cff4f]{background-color:var(--ik-step-item-num-bg, #f3f6f9);color:var(--ik-step-item-text-color, #a2a6b8)}.content .line-block .bottom[data-v-240cff4f]{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-240cff4f]{border-color:var(--ik-step-item-active-color, #029ef7);border-style:solid}.content .line-block .after-style[data-v-240cff4f]{border-color:var(--el-color-info, #ccc);border-style:dashed}.content .line-block li[data-v-240cff4f]{line-height:30px}.content .line-block .child-text[data-v-240cff4f]{padding:5px 0}