uv-ui
Version:
基于vue3的移动端组件库
2 lines (1 loc) • 1.26 kB
JavaScript
;const e=require("vue"),v=require("../../hooks/useContext.cjs");require("../../hooks/useCountDown.cjs");require("./steps-item.vue_vue_type_style_index_0_lang.cjs");const d={class:"uv-steps-item-icon"},m={name:"UvStepsItem"},p=Object.assign(m,{props:{title:{type:String}},setup(c){const i=e.ref(null),t=e.reactive({$el:i,isActive:!1,lineActive:!1}),{props:s,acitveItemUpdate:u,index:l}=v.useParent("steps",t);e.onMounted(()=>{s.modelValue===l.value&&(t.isActive=!0)});const{activeColor:o,inactiveColor:n}=s,a=()=>{s.isAbleClick&&u(l.value)};return(r,f)=>(e.openBlock(),e.createElementBlock("div",{class:"uv-steps-item",onClick:a,ref_key:"itemRef",ref:i},[e.createElementVNode("div",d,[e.renderSlot(r.$slots,"icon",{},()=>[e.createElementVNode("div",{class:"uv-steps-item-icon-default",style:e.normalizeStyle({borderColor:t.isActive?e.unref(o):e.unref(n)})},null,4)])]),e.createElementVNode("div",{class:"uv-steps-item-text",style:e.normalizeStyle({color:t.isActive?e.unref(o):e.unref(n)})},[e.renderSlot(r.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(c.title),1)])],4),e.createElementVNode("div",{class:"uv-steps-item-line",style:e.normalizeStyle({backgroundColor:t.lineActive?e.unref(o):""})},null,4)],512))}});module.exports=p;