ll-package
Version:
2 lines (1 loc) • 1.27 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("../../../@babel/runtime/helpers/esm/extends.js"),s=require("vue"),C=require("../_util/type.js"),y=require("./props.js"),S=require("./utils.js"),d=()=>a.default(a.default({},y.progressProps()),{steps:Number,strokeColor:C.someType(),trailColor:String}),k=s.defineComponent({compatConfig:{MODE:3},name:"Steps",props:d(),setup(t,p){let{slots:l}=p;const u=s.computed(()=>Math.round(t.steps*((t.percent||0)/100))),v=s.computed(()=>{var e;return(e=t.size)!==null&&e!==void 0?e:[t.size==="small"?2:14,t.strokeWidth||8]}),i=s.computed(()=>S.getSize(v.value,"step",{steps:t.steps,strokeWidth:t.strokeWidth||8})),m=s.computed(()=>{const{steps:e,strokeColor:o,trailColor:f,prefixCls:n}=t,c=[];for(let r=0;r<e;r+=1){const h=Array.isArray(o)?o[r]:o,g={[`${n}-steps-item`]:!0,[`${n}-steps-item-active`]:r<=u.value-1};c.push(s.createVNode("div",{key:r,class:g,style:{backgroundColor:r<=u.value-1?h:f,width:`${i.value.width/e}px`,height:`${i.value.height}px`}},null))}return c});return()=>{var e;return s.createVNode("div",{class:`${t.prefixCls}-steps-outer`},[m.value,(e=l.default)===null||e===void 0?void 0:e.call(l)])}}});exports.default=k;exports.stepsProps=d;