| 1 |
- var e=Object.defineProperty,l=Object.defineProperties,a=Object.getOwnPropertyDescriptors,o=Object.getOwnPropertySymbols,d=Object.prototype.hasOwnProperty,t=Object.prototype.propertyIsEnumerable,n=(l,a,o)=>a in l?e(l,a,{enumerable:!0,configurable:!0,writable:!0,value:o}):l[a]=o;import{c as u,T as r}from"./mobile.53ddac55.js";import{a as i,A as c,r as f,o as s,c as V,f as m,i as _,j as p}from"./vendor.8cdc485e.js";import"./index.c87c49f3.js";const{createDemo:b}=u("radio");var h=b({props:{},setup(){const e=i({radioVal:1,radioVal2:2,radioVal3:1,radioVal4:1,radioVal5:1,radioVal6:1});return u=((e,l)=>{for(var a in l||(l={}))d.call(l,a)&&n(e,a,l[a]);if(o)for(var a of o(l))t.call(l,a)&&n(e,a,l[a]);return e})({},c(e)),l(u,a({handleChange1:e=>{console.log(e)},handleChange2:e=>{console.log(e)},handleChange3:e=>{r.text(`您选中了${e}`)}}));var u}});const g={class:"demo"},C=p("单选框1"),j=p("单选框2"),v=p("单选框1"),O=p("单选框2"),y=p("禁用单选框"),U=p("禁用单选框"),P=p("自定义尺寸12"),k=p("自定义尺寸12"),w=p("自定义图标"),x=p("自定义图标"),z=p("触发事件"),D=p("触发事件");h.render=function(e,l,a,o,d,t){const n=f("nut-radio"),u=f("nut-radiogroup"),r=f("nut-cell"),i=f("nut-cell-group");return s(),V("div",g,[m(i,{title:"基本用法-左右侧"},{default:_((()=>[m(r,null,{default:_((()=>[m(u,{modelValue:e.radioVal,"onUpdate:modelValue":l[1]||(l[1]=l=>e.radioVal=l),onChange:e.handleChange1},{default:_((()=>[m(n,{label:1},{default:_((()=>[C])),_:1}),m(n,{label:2},{default:_((()=>[j])),_:1})])),_:1},8,["modelValue","onChange"])])),_:1}),m(r,null,{default:_((()=>[m(u,{modelValue:e.radioVal,"onUpdate:modelValue":l[2]||(l[2]=l=>e.radioVal=l),"text-position":"left",onChange:e.handleChange1},{default:_((()=>[m(n,{label:1},{default:_((()=>[v])),_:1}),m(n,{label:2},{default:_((()=>[O])),_:1})])),_:1},8,["modelValue","onChange"])])),_:1}),m(r,{title:"当前选中值",desc:e.radioVal},null,8,["desc"])])),_:1}),m(i,{title:"单选框禁用"},{default:_((()=>[m(r,null,{default:_((()=>[m(u,{modelValue:e.radioVal3,"onUpdate:modelValue":l[3]||(l[3]=l=>e.radioVal3=l)},{default:_((()=>[m(n,{label:1,disabled:""},{default:_((()=>[y])),_:1}),m(n,{label:2,disabled:""},{default:_((()=>[U])),_:1})])),_:1},8,["modelValue"])])),_:1})])),_:1}),m(i,{title:"自定义尺寸"},{default:_((()=>[m(r,null,{default:_((()=>[m(u,{modelValue:e.radioVal4,"onUpdate:modelValue":l[4]||(l[4]=l=>e.radioVal4=l)},{default:_((()=>[m(n,{label:1,"icon-size":"12"},{default:_((()=>[P])),_:1}),m(n,{label:2,"icon-size":"12"},{default:_((()=>[k])),_:1})])),_:1},8,["modelValue"])])),_:1})])),_:1}),m(i,{title:"Radio自定义图标"},{default:_((()=>[m(r,null,{default:_((()=>[m(u,{modelValue:e.radioVal5,"onUpdate:modelValue":l[5]||(l[5]=l=>e.radioVal5=l)},{default:_((()=>[m(n,{label:1,"icon-name":"checklist","icon-active-name":"checklist"},{default:_((()=>[w])),_:1}),m(n,{label:2,"icon-name":"checklist","icon-active-name":"checklist"},{default:_((()=>[x])),_:1})])),_:1},8,["modelValue"])])),_:1})])),_:1}),m(i,{title:"触发事件"},{default:_((()=>[m(r,null,{default:_((()=>[m(u,{modelValue:e.radioVal6,"onUpdate:modelValue":l[6]||(l[6]=l=>e.radioVal6=l),onChange:e.handleChange3},{default:_((()=>[m(n,{label:1},{default:_((()=>[z])),_:1}),m(n,{label:2},{default:_((()=>[D])),_:1})])),_:1},8,["modelValue","onChange"])])),_:1}),m(r,{title:"当前选中值",desc:e.radioVal6},null,8,["desc"])])),_:1})])};export default h;
|
