2 lines
3.2 KiB
JavaScript
2 lines
3.2 KiB
JavaScript
import{l as e,o as t,c as s,w as o,b as i,p as l,a as n,F as c,m as a,A as r,e as u,t as _,v as p,i as d}from"./index-CZsuXyof.js";import{_ as m}from"./uni-icons.CE6FQOeI.js";import{r as f}from"./uni-app.es.Cv5-J_i3.js";import{_ as y}from"./_plugin-vue_export-helper.BCo6x5W8.js";const v=y({name:"UniSteps",props:{direction:{type:String,default:"row"},activeColor:{type:String,default:"#2979FF"},deactiveColor:{type:String,default:"#B7BDC6"},active:{type:Number,default:0},activeIcon:{type:String,default:"checkbox-filled"},options:{type:Array,default:()=>[]}},data:()=>({heightArr:[]}),mounted(){if("column"===this.direction){let e=this;uni.createSelectorQuery().in(this).selectAll(".uni-steps__column-text").boundingClientRect((t=>{e.heightArr=t.map((e=>e.height+1))})).exec()}}},[["render",function(y,v,h,C,g,w){const x=p,k=d,b=f(e("uni-icons"),m);return t(),s(k,{class:"uni-steps"},{default:o((()=>[i(k,{class:l(["column"===h.direction?"uni-steps__column":"uni-steps__row"])},{default:o((()=>[i(k,{class:l(["column"===h.direction?"uni-steps__column-text-container":"uni-steps__row-text-container"])},{default:o((()=>[(t(!0),n(c,null,a(h.options,((e,n)=>(t(),s(k,{key:n,class:l(["column"===h.direction?"uni-steps__column-text":"uni-steps__row-text"])},{default:o((()=>[i(x,{style:r({color:n===h.active?h.activeColor:h.deactiveColor}),class:l(["column"===h.direction?"uni-steps__column-title":"uni-steps__row-title"])},{default:o((()=>[u(_(e.title),1)])),_:2},1032,["style","class"]),i(x,{style:r({color:h.deactiveColor}),class:l(["column"===h.direction?"uni-steps__column-desc":"uni-steps__row-desc"])},{default:o((()=>[u(_(e.desc),1)])),_:2},1032,["style","class"])])),_:2},1032,["class"])))),128))])),_:1},8,["class"]),i(k,{class:l(["column"===h.direction?"uni-steps__column-container":"uni-steps__row-container"])},{default:o((()=>[(t(!0),n(c,null,a(h.options,((e,n)=>(t(),s(k,{class:l(["column"===h.direction?"uni-steps__column-line-item":"uni-steps__row-line-item"]),key:n,style:r({height:"column"===h.direction?g.heightArr[n]+"px":"14px"})},{default:o((()=>[i(k,{class:l(["column"===h.direction?"uni-steps__column-line":"uni-steps__row-line","column"===h.direction?"uni-steps__column-line--before":"uni-steps__row-line--before"]),style:r({backgroundColor:n<=h.active&&0!==n?h.activeColor:0===n?"transparent":h.deactiveColor})},null,8,["class","style"]),n===h.active?(t(),s(k,{key:0,class:l(["column"===h.direction?"uni-steps__column-check":"uni-steps__row-check"])},{default:o((()=>[i(b,{color:h.activeColor,type:h.activeIcon,size:"14"},null,8,["color","type"])])),_:1},8,["class"])):(t(),s(k,{key:1,class:l(["column"===h.direction?"uni-steps__column-circle":"uni-steps__row-circle"]),style:r({backgroundColor:n<h.active?h.activeColor:h.deactiveColor})},null,8,["class","style"])),i(k,{class:l(["column"===h.direction?"uni-steps__column-line":"uni-steps__row-line","column"===h.direction?"uni-steps__column-line--after":"uni-steps__row-line--after"]),style:r({backgroundColor:n<h.active&&n!==h.options.length-1?h.activeColor:n===h.options.length-1?"transparent":h.deactiveColor})},null,8,["class","style"])])),_:2},1032,["class","style"])))),128))])),_:1},8,["class"])])),_:1},8,["class"])])),_:1})}],["__scopeId","data-v-3c69c4c5"]]);export{v as _};
|