zview-plus
Version:
基于 Vue3 的 UI 组件库
2 lines (1 loc) • 1.04 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("./radio.js"),p={class:"z-radio"},_=["onClick"],m=e.createElementVNode("span",{class:"z-radio-item-button"},null,-1),v={class:"z-radio-item-label"},f={name:"ZRadio"},g=e.defineComponent({...f,props:u.RadioProps,emits:["change"],setup(s,{emit:r}){const l=s,a=e.ref(l.modelValue),t=e.ref("inline-flex"),c=e.computed(()=>(l.inline?t.value:t.value="flex",{display:`${t.value}`})),d=(o,i)=>{o.disabled||(a.value=String(i),r("change",o))};return(o,i)=>(e.openBlock(),e.createElementBlock("div",p,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.options,n=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["z-item-radio",[{active:a.value===String(n.id)},{"z-item-disabled-radio":n.disabled}]]),key:n.id,style:e.normalizeStyle(e.unref(c)),onClick:k=>d(n,n.id)},[m,e.createElementVNode("span",v,e.toDisplayString(n.label),1)],14,_))),128))]))}});exports.default=g;