demo.54e48ce1.js 3.6 KB

1
  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.802c6d51.js";import{a as i,A as c,B as s,C as f,r as V,o as m,e as b,j as _,k as p,g as h,t as g,l as v}from"./vendor.b923255f.js";import"./index.639e5353.js";const{createDemo:C}=u("radio");var j=C({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}});s("data-v-8b730bbc");const O={class:"demo demo-nut-radio"},y=v("单选框1"),k=v("单选框2"),U=v("单选框1"),P=v("单选框2"),w=h("div",{class:"demo-check"},"当前选中值",-1),x=v("禁用单选框"),z=v("禁用单选框"),D=v("自定义尺寸12"),I=v("自定义尺寸12"),A=v("自定义图标"),B=v("自定义图标"),E=v("触发事件"),R=v("触发事件"),S=h("div",{class:"demo-check"},"当前选中值",-1);f(),j.render=function(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(),b("div",O,[_(i,{title:"基本用法-左右侧"},{default:p((()=>[_(r,null,{default:p((()=>[_(u,{modelValue:e.radioVal,"onUpdate:modelValue":a[0]||(a[0]=a=>e.radioVal=a),onChange:e.handleChange1},{default:p((()=>[_(n,{label:1},{default:p((()=>[y])),_:1}),_(n,{label:2},{default:p((()=>[k])),_:1})])),_:1},8,["modelValue","onChange"])])),_:1}),_(r,null,{default:p((()=>[_(u,{modelValue:e.radioVal,"onUpdate:modelValue":a[1]||(a[1]=a=>e.radioVal=a),"text-position":"left",onChange:e.handleChange1},{default:p((()=>[_(n,{label:1},{default:p((()=>[U])),_:1}),_(n,{label:2},{default:p((()=>[P])),_:1})])),_:1},8,["modelValue","onChange"])])),_:1}),_(r,null,{default:p((()=>[w,h("div",null,g(e.radioVal),1)])),_:1})])),_:1}),_(i,{title:"单选框禁用"},{default:p((()=>[_(r,null,{default:p((()=>[_(u,{modelValue:e.radioVal3,"onUpdate:modelValue":a[2]||(a[2]=a=>e.radioVal3=a)},{default:p((()=>[_(n,{label:1,disabled:""},{default:p((()=>[x])),_:1}),_(n,{label:2,disabled:""},{default:p((()=>[z])),_:1})])),_:1},8,["modelValue"])])),_:1})])),_:1}),_(i,{title:"自定义尺寸"},{default:p((()=>[_(r,null,{default:p((()=>[_(u,{modelValue:e.radioVal4,"onUpdate:modelValue":a[3]||(a[3]=a=>e.radioVal4=a)},{default:p((()=>[_(n,{label:1,"icon-size":"12"},{default:p((()=>[D])),_:1}),_(n,{label:2,"icon-size":"12"},{default:p((()=>[I])),_:1})])),_:1},8,["modelValue"])])),_:1})])),_:1}),_(i,{title:"Radio自定义图标"},{default:p((()=>[_(r,null,{default:p((()=>[_(u,{modelValue:e.radioVal5,"onUpdate:modelValue":a[4]||(a[4]=a=>e.radioVal5=a)},{default:p((()=>[_(n,{label:1,"icon-name":"checklist","icon-active-name":"checklist"},{default:p((()=>[A])),_:1}),_(n,{label:2,"icon-name":"checklist","icon-active-name":"checklist"},{default:p((()=>[B])),_:1})])),_:1},8,["modelValue"])])),_:1})])),_:1}),_(i,{title:"触发事件"},{default:p((()=>[_(r,null,{default:p((()=>[_(u,{modelValue:e.radioVal6,"onUpdate:modelValue":a[5]||(a[5]=a=>e.radioVal6=a),onChange:e.handleChange3},{default:p((()=>[_(n,{label:1},{default:p((()=>[E])),_:1}),_(n,{label:2},{default:p((()=>[R])),_:1})])),_:1},8,["modelValue","onChange"])])),_:1}),_(r,null,{default:p((()=>[S,h("div",null,g(e.radioVal6),1)])),_:1})])),_:1})])},j.__scopeId="data-v-8b730bbc";export{j as default};