demo.c5600e29.js 4.6 KB

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