vuux
Version:
Vue3 Nuxt3 Nuxt4 组件库
2 lines (1 loc) • 792 B
JavaScript
;const e=require("vue"),s=require("./hook/useRadio.cjs"),i=["name","value","checked"],u={class:"radio-label"},c=e.defineComponent({name:"Radio",__name:"index",props:{label:{type:[String,Number,Boolean],default:"默认选项"},value:{type:[String,Number,Boolean],default:0}},setup(o){const n=o,{isChecked:t,handleClick:a}=s.useRadio(n);return(d,l)=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass(["app-radio",{"is-checked":e.unref(t)}]),onClick:l[0]||(l[0]=(...r)=>e.unref(a)&&e.unref(a)(...r))},[e.createElementVNode("input",{type:"radio",name:String(n.value),value:n.value,checked:e.unref(t)},null,8,i),l[1]||(l[1]=e.createElementVNode("div",{class:"radio-circle"},null,-1)),e.createElementVNode("p",u,e.toDisplayString(n.label),1)],2))}});module.exports=c;