demo.d133563b.js 5.0 KB

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