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