2 lines
3.2 KiB
JavaScript
2 lines
3.2 KiB
JavaScript
import{D as e,p as t,o as s,c as o,w as i,b as n,E as l,a as c,F as a,q as r,N as u,e as _,y as p,x as d,i as m}from"./index-CH9-aFWw.js";import{_ as f}from"./uni-icons.DST64Pwo.js";import{r as y}from"./uni-app.es.DPi2kvld.js";import{_ as v}from"./_plugin-vue_export-helper.BCo6x5W8.js";const h=v({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 t=this;e().in(this).selectAll(".uni-steps__column-text").boundingClientRect((e=>{t.heightArr=e.map((e=>e.height+1))})).exec()}}},[["render",function(e,v,h,C,g,w){const x=d,k=m,b=y(t("uni-icons"),f);return s(),o(k,{class:"uni-steps"},{default:i((()=>[n(k,{class:l(["column"===h.direction?"uni-steps__column":"uni-steps__row"])},{default:i((()=>[n(k,{class:l(["column"===h.direction?"uni-steps__column-text-container":"uni-steps__row-text-container"])},{default:i((()=>[(s(!0),c(a,null,r(h.options,((e,t)=>(s(),o(k,{key:t,class:l(["column"===h.direction?"uni-steps__column-text":"uni-steps__row-text"])},{default:i((()=>[n(x,{style:u({color:t===h.active?h.activeColor:h.deactiveColor}),class:l(["column"===h.direction?"uni-steps__column-title":"uni-steps__row-title"])},{default:i((()=>[_(p(e.title),1)])),_:2},1032,["style","class"]),n(x,{style:u({color:h.deactiveColor}),class:l(["column"===h.direction?"uni-steps__column-desc":"uni-steps__row-desc"])},{default:i((()=>[_(p(e.desc),1)])),_:2},1032,["style","class"])])),_:2},1032,["class"])))),128))])),_:1},8,["class"]),n(k,{class:l(["column"===h.direction?"uni-steps__column-container":"uni-steps__row-container"])},{default:i((()=>[(s(!0),c(a,null,r(h.options,((e,t)=>(s(),o(k,{class:l(["column"===h.direction?"uni-steps__column-line-item":"uni-steps__row-line-item"]),key:t,style:u({height:"column"===h.direction?g.heightArr[t]+"px":"14px"})},{default:i((()=>[n(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:u({backgroundColor:t<=h.active&&0!==t?h.activeColor:0===t?"transparent":h.deactiveColor})},null,8,["class","style"]),t===h.active?(s(),o(k,{key:0,class:l(["column"===h.direction?"uni-steps__column-check":"uni-steps__row-check"])},{default:i((()=>[n(b,{color:h.activeColor,type:h.activeIcon,size:"14"},null,8,["color","type"])])),_:1},8,["class"])):(s(),o(k,{key:1,class:l(["column"===h.direction?"uni-steps__column-circle":"uni-steps__row-circle"]),style:u({backgroundColor:t<h.active?h.activeColor:h.deactiveColor})},null,8,["class","style"])),n(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:u({backgroundColor:t<h.active&&t!==h.options.length-1?h.activeColor:t===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{h as _};
|