| 1 |
- var e=Object.defineProperty,l=Object.getOwnPropertySymbols,o=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable,c=(l,o,a)=>o in l?e(l,o,{enumerable:!0,configurable:!0,writable:!0,value:a}):l[o]=a;import{c as u,T as d}from"./mobile.9e901f8f.js";import{k as t,a as n,s as b,z as h,A as x,r as m,o as k,c as p,f as r,t as V,y as f,j as g}from"./vendor.ed841bd5.js";import"./index.6761da44.js";const{createDemo:s}=u("checkbox");var i=s({setup(e,u){const h=t(null),x=n({checkbox1:!0,checkbox2:!1,checkbox3:!1,checkbox4:!0,checkbox5:!1,checkbox6:!1,checkbox7:!1,checkbox8:!1,checkbox9:!1,checkbox10:!1,checkbox11:!1,checkbox12:!1,checkbox13:!1,checkbox14:!1,checkbox15:!1,checkbox16:!1,checkboxgroup1:["2","3"],checkboxgroup2:["2"],checkboxgroup3:["2"]});return((e,u)=>{for(var d in u||(u={}))o.call(u,d)&&c(e,d,u[d]);if(l)for(var d of l(u))a.call(u,d)&&c(e,d,u[d]);return e})({changeBox1:(e,l)=>{console.log(e,l)},changeBox2:(e,l)=>{console.log(e,l)},changeBox3:(e,l)=>{d.text(`您${e?"选中":"取消"}了${l}`)},changeBox4:e=>{d.text(""+(e.length?"全选":"取消全选"))},toggleAll:e=>{h.value.toggleAll(e)},group:h},b(x))}});const _=f();h("data-v-6a03cc27");const U={class:"demo"},y=g("复选框"),v=g("复选框"),C=r("div",{class:"demo-check"},"当前选中值",-1),j=g("未选时禁用状态"),B=g("选中时禁用状态"),O=g("自定义尺寸25"),A=g("自定义尺寸10"),w=g("自定义图标"),z=g("change复选框"),G=g("组合复选框"),P=g("组合复选框"),I=g("组合复选框"),$=g("组合复选框"),D=r("div",{class:"demo-check"},"当前选中值",-1),E=g("组合复选框"),S=g("组合复选框"),T=g("组合复选框"),q=g("组合复选框"),F=g("组合复选框"),H=g("组合复选框"),J=g("全选"),K=g("取消");x();const L=_(((e,l,o,a,c,u)=>{const d=m("nut-checkbox"),t=m("nut-cell"),n=m("nut-cell-group"),b=m("nut-checkboxgroup"),h=m("nut-button");return k(),p("div",U,[r(n,{title:"基本用法-左右"},{default:_((()=>[r(t,null,{default:_((()=>[r(d,{modelValue:e.checkbox1,"onUpdate:modelValue":l[1]||(l[1]=l=>e.checkbox1=l),label:"复选框",onChange:e.changeBox1},{default:_((()=>[y])),_:1},8,["modelValue","onChange"])])),_:1}),r(t,null,{default:_((()=>[r(d,{modelValue:e.checkbox1,"onUpdate:modelValue":l[2]||(l[2]=l=>e.checkbox1=l),"text-position":"left",onChange:e.changeBox1},{default:_((()=>[v])),_:1},8,["modelValue","onChange"])])),_:1}),r(t,null,{default:_((()=>[C,r("div",null,V(e.checkbox1),1)])),_:1})])),_:1}),r(n,{title:"禁用状态"},{default:_((()=>[r(t,null,{default:_((()=>[r(d,{modelValue:e.checkbox3,"onUpdate:modelValue":l[3]||(l[3]=l=>e.checkbox3=l),disabled:""},{default:_((()=>[j])),_:1},8,["modelValue"])])),_:1}),r(t,null,{default:_((()=>[r(d,{modelValue:e.checkbox4,"onUpdate:modelValue":l[4]||(l[4]=l=>e.checkbox4=l),disabled:""},{default:_((()=>[B])),_:1},8,["modelValue"])])),_:1})])),_:1}),r(n,{title:"自定义尺寸"},{default:_((()=>[r(t,null,{default:_((()=>[r(d,{modelValue:e.checkbox5,"onUpdate:modelValue":l[5]||(l[5]=l=>e.checkbox5=l),"icon-size":"25"},{default:_((()=>[O])),_:1},8,["modelValue"])])),_:1}),r(t,null,{default:_((()=>[r(d,{modelValue:e.checkbox6,"onUpdate:modelValue":l[6]||(l[6]=l=>e.checkbox6=l),"icon-size":"10"},{default:_((()=>[A])),_:1},8,["modelValue"])])),_:1})])),_:1}),r(n,{title:"自定义图标"},{default:_((()=>[r(t,null,{default:_((()=>[r(d,{modelValue:e.checkbox7,"onUpdate:modelValue":l[7]||(l[7]=l=>e.checkbox7=l),"icon-name":"checklist","icon-active-name":"checklist"},{default:_((()=>[w])),_:1},8,["modelValue"])])),_:1})])),_:1}),r(n,{title:"点击触发change事件"},{default:_((()=>[r(t,null,{default:_((()=>[r(d,{modelValue:e.checkbox8,"onUpdate:modelValue":l[8]||(l[8]=l=>e.checkbox8=l),onChange:e.changeBox3},{default:_((()=>[z])),_:1},8,["modelValue","onChange"])])),_:1})])),_:1}),r(n,{title:"checkboxGroup使用"},{default:_((()=>[r(t,null,{default:_((()=>[r(b,{modelValue:e.checkboxgroup1,"onUpdate:modelValue":l[13]||(l[13]=l=>e.checkboxgroup1=l)},{default:_((()=>[r(d,{modelValue:e.checkbox9,"onUpdate:modelValue":l[9]||(l[9]=l=>e.checkbox9=l),label:"1",style:{margin:"2px 20px 0 0"}},{default:_((()=>[G])),_:1},8,["modelValue"]),r(d,{modelValue:e.checkbox10,"onUpdate:modelValue":l[10]||(l[10]=l=>e.checkbox10=l),label:"2"},{default:_((()=>[P])),_:1},8,["modelValue"]),r(d,{modelValue:e.checkbox11,"onUpdate:modelValue":l[11]||(l[11]=l=>e.checkbox11=l),label:"3",style:{margin:"2px 20px 0 0"}},{default:_((()=>[I])),_:1},8,["modelValue"]),r(d,{modelValue:e.checkbox12,"onUpdate:modelValue":l[12]||(l[12]=l=>e.checkbox12=l),label:"4"},{default:_((()=>[$])),_:1},8,["modelValue"])])),_:1},8,["modelValue"])])),_:1}),r(t,null,{default:_((()=>[D,r("div",null,V(e.checkboxgroup1),1)])),_:1})])),_:1}),r(n,{title:"checkboxGroup禁用"},{default:_((()=>[r(t,null,{default:_((()=>[r(b,{modelValue:e.checkboxgroup1,"onUpdate:modelValue":l[18]||(l[18]=l=>e.checkboxgroup1=l),disabled:""},{default:_((()=>[r(d,{modelValue:e.checkbox9,"onUpdate:modelValue":l[14]||(l[14]=l=>e.checkbox9=l),label:"1",style:{margin:"2px 20px 0 0"}},{default:_((()=>[E])),_:1},8,["modelValue"]),r(d,{modelValue:e.checkbox10,"onUpdate:modelValue":l[15]||(l[15]=l=>e.checkbox10=l),label:"2"},{default:_((()=>[S])),_:1},8,["modelValue"]),r(d,{modelValue:e.checkbox11,"onUpdate:modelValue":l[16]||(l[16]=l=>e.checkbox11=l),label:"3",style:{margin:"2px 20px 0 0"}},{default:_((()=>[T])),_:1},8,["modelValue"]),r(d,{modelValue:e.checkbox12,"onUpdate:modelValue":l[17]||(l[17]=l=>e.checkbox12=l),label:"4"},{default:_((()=>[q])),_:1},8,["modelValue"])])),_:1},8,["modelValue"])])),_:1})])),_:1}),r(n,{title:"checkboxGroup 全选/取消"},{default:_((()=>[r(t,null,{default:_((()=>[r(b,{modelValue:e.checkboxgroup3,"onUpdate:modelValue":l[21]||(l[21]=l=>e.checkboxgroup3=l),ref:"group",onChange:e.changeBox4},{default:_((()=>[r(d,{modelValue:e.checkbox15,"onUpdate:modelValue":l[19]||(l[19]=l=>e.checkbox15=l),label:"1",style:{margin:"0 20px 0 0"}},{default:_((()=>[F])),_:1},8,["modelValue"]),r(d,{modelValue:e.checkbox16,"onUpdate:modelValue":l[20]||(l[20]=l=>e.checkbox16=l),label:"2"},{default:_((()=>[H])),_:1},8,["modelValue"])])),_:1},8,["modelValue","onChange"])])),_:1}),r(t,null,{default:_((()=>[r(h,{type:"primary",onClick:l[22]||(l[22]=l=>e.toggleAll(!0)),style:{margin:"0 20px 0 0"}},{default:_((()=>[J])),_:1}),r(h,{type:"info",onClick:l[23]||(l[23]=l=>e.toggleAll(!1))},{default:_((()=>[K])),_:1})])),_:1})])),_:1})])}));i.render=L,i.__scopeId="data-v-6a03cc27";export default i;
|
