uv-ui
Version:
基于vue3的移动端组件库
2 lines (1 loc) • 903 B
JavaScript
;const s=require("vue"),r=require("../../hooks/useContext.cjs");require("../../hooks/useCountDown.cjs");require("./steps.vue_vue_type_style_index_0_lang.cjs");const i={class:"uv-steps"},d={class:"uv-steps-content"},p={name:"UvSteps"},_=Object.assign(p,{props:{modelValue:{type:Number,default:0},isAbleClick:{type:Boolean,default:!0},activeColor:{type:String,default:"#0078d4"},inactiveColor:{type:String,default:"#999999"}},emits:["update:modelValue","change"],setup(n,{emit:l}){const o=n;s.watch(()=>o.modelValue,e=>{c(e),l("change",e)});const c=e=>{o.isAbleClick&&l("update:modelValue",e),a.forEach((t,u)=>{u<=e?t.isActive=!0:t.isActive=!1,u<e?t.lineActive=!0:t.lineActive=!1})},{fields:a}=r.useChildren("steps",{props:o,acitveItemUpdate:c});return(e,t)=>(s.openBlock(),s.createElementBlock("div",i,[s.createElementVNode("div",d,[s.renderSlot(e.$slots,"default")])]))}});module.exports=_;