| 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.53ddac55.js";import{k as t,a as n,A as b,r as h,o as x,c as m,f as k,i as V,j as f}from"./vendor.8cdc485e.js";import"./index.c87c49f3.js";const{createDemo:r}=u("checkbox");var p=r({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 g={class:"demo"},_=f("复选框"),i=f("复选框"),s=f("未选时禁用状态"),U=f("选中时禁用状态"),y=f("自定义尺寸25"),C=f("自定义尺寸10"),v=f("自定义图标"),j=f("change复选框"),B=f("组合复选框"),O=f("组合复选框"),A=f("组合复选框"),w=f("组合复选框"),G=f("组合复选框"),P=f("组合复选框"),z=f("组合复选框"),$=f("组合复选框"),D=f("组合复选框"),E=f("组合复选框"),I=f("全选"),S=f("取消");p.render=function(e,l,o,a,c,u){const d=h("nut-checkbox"),t=h("nut-cell"),n=h("nut-cell-group"),b=h("nut-checkboxgroup"),f=h("nut-button");return x(),m("div",g,[k(n,{title:"基本用法-左右"},{default:V((()=>[k(t,null,{default:V((()=>[k(d,{modelValue:e.checkbox1,"onUpdate:modelValue":l[1]||(l[1]=l=>e.checkbox1=l),label:"复选框",onChange:e.changeBox1},{default:V((()=>[_])),_:1},8,["modelValue","onChange"])])),_:1}),k(t,null,{default:V((()=>[k(d,{modelValue:e.checkbox1,"onUpdate:modelValue":l[2]||(l[2]=l=>e.checkbox1=l),"text-position":"left",onChange:e.changeBox1},{default:V((()=>[i])),_:1},8,["modelValue","onChange"])])),_:1}),k(t,{title:"当前选中值",desc:e.checkbox1},null,8,["desc"])])),_:1}),k(n,{title:"禁用状态"},{default:V((()=>[k(t,null,{default:V((()=>[k(d,{modelValue:e.checkbox3,"onUpdate:modelValue":l[3]||(l[3]=l=>e.checkbox3=l),disabled:""},{default:V((()=>[s])),_:1},8,["modelValue"])])),_:1}),k(t,null,{default:V((()=>[k(d,{modelValue:e.checkbox4,"onUpdate:modelValue":l[4]||(l[4]=l=>e.checkbox4=l),disabled:""},{default:V((()=>[U])),_:1},8,["modelValue"])])),_:1})])),_:1}),k(n,{title:"自定义尺寸"},{default:V((()=>[k(t,null,{default:V((()=>[k(d,{modelValue:e.checkbox5,"onUpdate:modelValue":l[5]||(l[5]=l=>e.checkbox5=l),"icon-size":"25"},{default:V((()=>[y])),_:1},8,["modelValue"])])),_:1}),k(t,null,{default:V((()=>[k(d,{modelValue:e.checkbox6,"onUpdate:modelValue":l[6]||(l[6]=l=>e.checkbox6=l),"icon-size":"10"},{default:V((()=>[C])),_:1},8,["modelValue"])])),_:1})])),_:1}),k(n,{title:"自定义图标"},{default:V((()=>[k(t,null,{default:V((()=>[k(d,{modelValue:e.checkbox7,"onUpdate:modelValue":l[7]||(l[7]=l=>e.checkbox7=l),"icon-name":"checklist","icon-active-name":"checklist"},{default:V((()=>[v])),_:1},8,["modelValue"])])),_:1})])),_:1}),k(n,{title:"点击触发change事件"},{default:V((()=>[k(t,null,{default:V((()=>[k(d,{modelValue:e.checkbox8,"onUpdate:modelValue":l[8]||(l[8]=l=>e.checkbox8=l),onChange:e.changeBox3},{default:V((()=>[j])),_:1},8,["modelValue","onChange"])])),_:1})])),_:1}),k(n,{title:"checkboxGroup使用"},{default:V((()=>[k(t,null,{default:V((()=>[k(b,{modelValue:e.checkboxgroup1,"onUpdate:modelValue":l[13]||(l[13]=l=>e.checkboxgroup1=l)},{default:V((()=>[k(d,{modelValue:e.checkbox9,"onUpdate:modelValue":l[9]||(l[9]=l=>e.checkbox9=l),label:"1"},{default:V((()=>[B])),_:1},8,["modelValue"]),k(d,{modelValue:e.checkbox10,"onUpdate:modelValue":l[10]||(l[10]=l=>e.checkbox10=l),label:"2"},{default:V((()=>[O])),_:1},8,["modelValue"]),k(d,{modelValue:e.checkbox11,"onUpdate:modelValue":l[11]||(l[11]=l=>e.checkbox11=l),label:"3"},{default:V((()=>[A])),_:1},8,["modelValue"]),k(d,{modelValue:e.checkbox12,"onUpdate:modelValue":l[12]||(l[12]=l=>e.checkbox12=l),label:"4"},{default:V((()=>[w])),_:1},8,["modelValue"])])),_:1},8,["modelValue"])])),_:1}),k(t,{title:"当前选中值",desc:e.checkboxgroup1},null,8,["desc"])])),_:1}),k(n,{title:"checkboxGroup禁用"},{default:V((()=>[k(t,null,{default:V((()=>[k(b,{modelValue:e.checkboxgroup1,"onUpdate:modelValue":l[18]||(l[18]=l=>e.checkboxgroup1=l),disabled:""},{default:V((()=>[k(d,{modelValue:e.checkbox9,"onUpdate:modelValue":l[14]||(l[14]=l=>e.checkbox9=l),label:"1"},{default:V((()=>[G])),_:1},8,["modelValue"]),k(d,{modelValue:e.checkbox10,"onUpdate:modelValue":l[15]||(l[15]=l=>e.checkbox10=l),label:"2"},{default:V((()=>[P])),_:1},8,["modelValue"]),k(d,{modelValue:e.checkbox11,"onUpdate:modelValue":l[16]||(l[16]=l=>e.checkbox11=l),label:"3"},{default:V((()=>[z])),_:1},8,["modelValue"]),k(d,{modelValue:e.checkbox12,"onUpdate:modelValue":l[17]||(l[17]=l=>e.checkbox12=l),label:"4"},{default:V((()=>[$])),_:1},8,["modelValue"])])),_:1},8,["modelValue"])])),_:1})])),_:1}),k(n,{title:"checkboxGroup 全选/取消"},{default:V((()=>[k(t,null,{default:V((()=>[k(b,{modelValue:e.checkboxgroup3,"onUpdate:modelValue":l[21]||(l[21]=l=>e.checkboxgroup3=l),ref:"group",onChange:e.changeBox4},{default:V((()=>[k(d,{modelValue:e.checkbox15,"onUpdate:modelValue":l[19]||(l[19]=l=>e.checkbox15=l),label:"1"},{default:V((()=>[D])),_:1},8,["modelValue"]),k(d,{modelValue:e.checkbox16,"onUpdate:modelValue":l[20]||(l[20]=l=>e.checkbox16=l),label:"2"},{default:V((()=>[E])),_:1},8,["modelValue"])])),_:1},8,["modelValue","onChange"])])),_:1}),k(t,null,{default:V((()=>[k(f,{type:"primary",onClick:l[22]||(l[22]=l=>e.toggleAll(!0))},{default:V((()=>[I])),_:1}),k(f,{type:"info",onClick:l[23]||(l[23]=l=>e.toggleAll(!1))},{default:V((()=>[S])),_:1})])),_:1})])),_:1})])};export default p;
|
