| 1 |
- var a=Object.defineProperty,l=Object.prototype.hasOwnProperty,e=Object.getOwnPropertySymbols,o=Object.prototype.propertyIsEnumerable,d=(l,e,o)=>e in l?a(l,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):l[e]=o,u=(a,u)=>{for(var r in u||(u={}))l.call(u,r)&&d(a,r,u[r]);if(e)for(var r of e(u))o.call(u,r)&&d(a,r,u[r]);return a};import{c as r}from"./mobile.3062a9dc.js";import{a as i,C as s,A as n,B as t,r as V,o as m,c as p,f as b,t as c,z as f,j as h}from"./index.d870aa4d.js";const{createDemo:_}=r("radio");var v=_({props:{},setup(){const a=i({radioVal:1,radioVal1:2,radioVal2:"选中且禁用",radioVal3:"b",radioVal4:"b",radioVal5:"a",radioGroupVal1:"b",radioGroupVal2:"2",radioGroupVal3:"2",radioGroupVal4:"c"});return u(u({},s(a)),{change:a=>{console.log(a)}})}});const G=f();n("data-v-766e5010");const g={class:"demo-list"},w=b("h4",null,"Radio基本用法",-1),U={class:"show-demo"},y=h("备选项"),R=b("h4",null,"组合使用Radio",-1),C={class:"show-demo"},j=h("备选项1"),z=h("备选项2"),O=b("h4",null,"RadioGroup基本用法",-1),P={class:"show-demo"},x=h("备选项1"),I=h("备选项2"),k=b("h4",null,"Radio禁用",-1),A={class:"show-demo"},B=b("span",null,"未选中时的禁用状态：",-1),D=h("备选项1"),E=b("span",null,"已选中时的禁用状态：",-1),S=h("备选项2"),q=b("h4",null,"RadioGroup整体禁用",-1),F={class:"show-demo"},H=h("备选项1"),J=h("备选项2"),K=h("备选项3"),L=b("h4",null,"Radio自定义尺寸",-1),M={class:"show-demo show-demo-block"},N=h("小号"),Q=h("默认"),T=h("大号"),W=b("p",null,"size可选值：'small', 'base', 'large'",-1),X=b("h4",null,"RadioGroup整体定义尺寸",-1),Y={class:"show-demo"},Z=h("备选项1"),$=h("备选项2"),aa=h("备选项3"),la=b("h4",null,"Radio禁用动效",-1),ea={class:"show-demo"},oa=h("备选项1"),da=h("备选项2"),ua=b("p",null,"is-animated 属性值为 false 时，禁用自带动效",-1),ra=b("h4",null,"RadioGroup禁用动效",-1),ia={class:"show-demo"},sa=h("备选项1"),na=h("备选项2"),ta=h("备选项3"),Va=b("h4",null,"自定义Class",-1),ma={class:"show-demo"},pa=h("备选项1"),ba=h("备选项2");t();const ca=G(((a,l,e,o,d,u)=>{const r=V("nut-radio"),i=V("nut-radiogroup");return m(),p("div",g,[w,b("div",U,[b(r,{modelValue:a.radioVal,"onUpdate:modelValue":l[1]||(l[1]=l=>a.radioVal=l),label:2},{default:G((()=>[y])),_:1},8,["modelValue"])]),R,b("div",C,[b(r,{modelValue:a.radioVal1,"onUpdate:modelValue":l[2]||(l[2]=l=>a.radioVal1=l),label:1,onChange:a.change},{default:G((()=>[j])),_:1},8,["modelValue","onChange"]),b(r,{modelValue:a.radioVal1,"onUpdate:modelValue":l[3]||(l[3]=l=>a.radioVal1=l),label:2,onChange:a.change},{default:G((()=>[z])),_:1},8,["modelValue","onChange"]),b("span",null,"radioVal1: "+c(a.radioVal1),1)]),O,b("div",P,[b(i,{modelValue:a.radioGroupVal1,"onUpdate:modelValue":l[4]||(l[4]=l=>a.radioGroupVal1=l),onChange:a.change},{default:G((()=>[b(r,{label:"a"},{default:G((()=>[x])),_:1}),b(r,{label:"b"},{default:G((()=>[I])),_:1})])),_:1},8,["modelValue","onChange"]),b("span",null,"radioGroupVal1: "+c(a.radioGroupVal1),1)]),k,b("div",A,[b("div",null,[B,b(r,{disabled:!0,modelValue:a.radioVal2,"onUpdate:modelValue":l[5]||(l[5]=l=>a.radioVal2=l),label:"禁用"},{default:G((()=>[D])),_:1},8,["modelValue"])]),b("div",null,[E,b(r,{disabled:!0,modelValue:a.radioVal2,"onUpdate:modelValue":l[6]||(l[6]=l=>a.radioVal2=l),label:"选中且禁用"},{default:G((()=>[S])),_:1},8,["modelValue"])])]),q,b("div",F,[b(i,{modelValue:a.radioGroupVal2,"onUpdate:modelValue":l[7]||(l[7]=l=>a.radioGroupVal2=l),disabled:!0},{default:G((()=>[b(r,{label:"1"},{default:G((()=>[H])),_:1}),b(r,{label:"2"},{default:G((()=>[J])),_:1}),b(r,{label:"3"},{default:G((()=>[K])),_:1})])),_:1},8,["modelValue"])]),L,b("div",M,[b(r,{size:"small"},{default:G((()=>[N])),_:1}),b(r,{size:"base"},{default:G((()=>[Q])),_:1}),b(r,{size:"large"},{default:G((()=>[T])),_:1}),W]),X,b("div",Y,[b(i,{modelValue:a.radioGroupVal3,"onUpdate:modelValue":l[8]||(l[8]=l=>a.radioGroupVal3=l),size:"large"},{default:G((()=>[b(r,{label:"1"},{default:G((()=>[Z])),_:1}),b(r,{label:"2"},{default:G((()=>[$])),_:1}),b(r,{label:"3"},{default:G((()=>[aa])),_:1})])),_:1},8,["modelValue"])]),la,b("div",ea,[b(r,{"is-animated":!1,modelValue:a.radioVal3,"onUpdate:modelValue":l[9]||(l[9]=l=>a.radioVal3=l),label:"a"},{default:G((()=>[oa])),_:1},8,["modelValue"]),b(r,{"is-animated":!1,modelValue:a.radioVal3,"onUpdate:modelValue":l[10]||(l[10]=l=>a.radioVal3=l),label:"b"},{default:G((()=>[da])),_:1},8,["modelValue"]),ua]),ra,b("div",ia,[b(i,{modelValue:a.radioGroupVal4,"onUpdate:modelValue":l[11]||(l[11]=l=>a.radioGroupVal4=l),"is-animated":!1},{default:G((()=>[b(r,{label:"a"},{default:G((()=>[sa])),_:1}),b(r,{label:"b"},{default:G((()=>[na])),_:1}),b(r,{label:"c"},{default:G((()=>[ta])),_:1})])),_:1},8,["modelValue"])]),Va,b("div",ma,[b("div",null,[b(r,{class:"my-radio",modelValue:a.radioVal5,"onUpdate:modelValue":l[12]||(l[12]=l=>a.radioVal5=l),label:"a"},{default:G((()=>[pa])),_:1},8,["modelValue"])]),b("div",null,[b(r,{class:"my-radio",modelValue:a.radioVal5,"onUpdate:modelValue":l[13]||(l[13]=l=>a.radioVal5=l),label:"b"},{default:G((()=>[ba])),_:1},8,["modelValue"])])])])}));v.render=ca,v.__scopeId="data-v-766e5010";export default v;
|
