| 1 |
- var e=Object.defineProperty,l=Object.prototype.hasOwnProperty,o=Object.getOwnPropertySymbols,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,u=(e,u)=>{for(var d in u||(u={}))l.call(u,d)&&c(e,d,u[d]);if(o)for(var d of o(u))a.call(u,d)&&c(e,d,u[d]);return e};import{c as d}from"./mobile.c135e2b9.js";import{a as h,k as s,A as n,x as b,y as t,r,o as m,c as p,f as k,t as x,s as i,j as V}from"./vendor.36ea9f7d.js";import"./index.d26ed273.js";const{createDemo:f}=d("checkbox");var g=f({setup(e,l){const o=h({checkbox1:!1,checkbox2:!1,checkbox3:!0,checkbox4:!0,checkbox5:!0,checkbox6:!0,checkbox7:!1,checkbox8:!0,checkbox9:!1,checkbox10:!0,checkbox11:!1,checkbox12:!0,checkbox13:!1,checkboxGroup1:["选项一"],checkboxGroup2:["选项一"],checkboxGroup3:[],checkboxGroup4:["没有动效1"],checkboxGroup5:["选项一"],checkboxGroup6:[],checkboxGroup7:[]}),a=h({result1:"false",result2:"选中状态选项：",result3:"选中状态选项：",result4:"选中状态选项："}),c=s();return u(u({changeBox1:e=>{o.checkbox1=e},checkboxChange:(e,l)=>{a.result1=e},checkboxGroupDemo:c,getChange:e=>{a.result2="选中状态选项："+e},getChange2:e=>{a.result3="选中状态选项："+e},getChange3:e=>{a.result4="选中状态选项："+e},chooseAll:e=>{c.value.toggleAll(e)}},n(o)),n(a))}});const G=i();b("data-v-0119ff21");const v={class:"demo-list"},C=k("h4",null,"基础用法",-1),_={class:"show-demo"},w=V("复选框"),y=k("h4",null,"CheckboxGroup基本用法",-1),U={class:"show-demo"},j=k("h4",null,"禁用状态",-1),z={class:"show-demo show-demo-block"},A=V("未选时禁用状态"),O=V("已选时禁用状态"),D=k("h4",null,"CheckboxGroup整体禁用",-1),P={class:"show-demo"},B=k("h4",null,"自定义尺寸",-1),I={class:"show-demo show-demo-block"},E=V("小号1"),S=V("默认"),q=V("大号"),F=k("p",null,"size可选值：'small', 'base', 'large'",-1),H=k("h4",null,"CheckboxGroup整体尺寸",-1),J={class:"show-demo"},K=k("h4",null,"禁用动效",-1),L={class:"show-demo"},M=V("没有动效"),N=k("p",null,"is-animation属性值为false时，禁用自带动效",-1),Q=k("h4",null,"CheckboxGroup整体禁用动效",-1),R={class:"show-demo"},T=k("h4",null,"事件",-1),W={class:"show-demo"},X={class:"demo-box"},Y=V("备选项"),Z=k("h4",null,"CheckboxGroup整体事件",-1),$={class:"show-demo"},ee=k("h4",null,"自定义Class",-1),le={class:"show-demo"},oe=V('自定义Class:"my-checkbox"'),ae=k("h4",null,"全选与反选",-1),ce={class:"show-demo"},ue=V("全选"),de=V("反选"),he=V("取消"),se=k("h4",null,"CheckboxGroup排列方向",-1),ne={class:"show-demo"};t();const be=G(((e,l,o,a,c,u)=>{const d=r("nut-checkbox"),h=r("nut-checkboxgroup"),s=r("nut-button");return m(),p("div",v,[C,k("div",_,[k(d,{modelValue:e.checkbox1,"onUpdate:modelValue":l[1]||(l[1]=l=>e.checkbox1=l),onChange:e.changeBox1},{default:G((()=>[w])),_:1},8,["modelValue","onChange"]),k("span",null,x(e.checkbox1),1)]),y,k("div",U,[k(h,{modelValue:e.checkboxGroup1,"onUpdate:modelValue":l[2]||(l[2]=l=>e.checkboxGroup1=l)},{default:G((()=>[k(d,{label:"选项一"}),k(d,{label:"选项二"})])),_:1},8,["modelValue"]),k("p",null,"选择状态："+x(e.checkboxGroup1),1)]),j,k("div",z,[k(d,{modelValue:e.checkbox2,"onUpdate:modelValue":l[3]||(l[3]=l=>e.checkbox2=l),disabled:""},{default:G((()=>[A])),_:1},8,["modelValue"]),k(d,{modelValue:e.checkbox3,"onUpdate:modelValue":l[4]||(l[4]=l=>e.checkbox3=l),disabled:""},{default:G((()=>[O])),_:1},8,["modelValue"])]),D,k("div",P,[k(h,{modelValue:e.checkboxGroup2,"onUpdate:modelValue":l[5]||(l[5]=l=>e.checkboxGroup2=l),disabled:""},{default:G((()=>[k(d,{label:"选项一"}),k(d,{label:"选项二"})])),_:1},8,["modelValue"]),k("p",null,"选择状态："+x(e.checkboxGroup2),1)]),B,k("div",I,[k(d,{modelValue:e.checkbox4,"onUpdate:modelValue":l[6]||(l[6]=l=>e.checkbox4=l),size:"small"},{default:G((()=>[E])),_:1},8,["modelValue"]),k(d,{modelValue:e.checkbox5,"onUpdate:modelValue":l[7]||(l[7]=l=>e.checkbox5=l),size:"base"},{default:G((()=>[S])),_:1},8,["modelValue"]),k(d,{modelValue:e.checkbox6,"onUpdate:modelValue":l[8]||(l[8]=l=>e.checkbox6=l),size:"large"},{default:G((()=>[q])),_:1},8,["modelValue"]),F]),H,k("div",J,[k(h,{modelValue:e.checkboxGroup3,"onUpdate:modelValue":l[9]||(l[9]=l=>e.checkboxGroup3=l),size:"small"},{default:G((()=>[k(d,{label:"选项一"}),k(d,{label:"选项二"})])),_:1},8,["modelValue"])]),K,k("div",L,[k(d,{modelValue:e.checkbox7,"onUpdate:modelValue":l[10]||(l[10]=l=>e.checkbox7=l),"is-animation":!1},{default:G((()=>[M])),_:1},8,["modelValue"]),N]),Q,k("div",R,[k(h,{modelValue:e.checkboxGroup4,"onUpdate:modelValue":l[11]||(l[11]=l=>e.checkboxGroup4=l),"is-animation":!1},{default:G((()=>[k(d,{label:"没有动效1"}),k(d,{label:"没有动效2"})])),_:1},8,["modelValue"])]),T,k("div",W,[k("div",X,[k(d,{modelValue:e.checkbox9,"onUpdate:modelValue":l[12]||(l[12]=l=>e.checkbox9=l),label:"change事件",onChange:e.checkboxChange},{default:G((()=>[Y])),_:1},8,["modelValue","onChange"]),k("span",null,x(e.result1),1)])]),Z,k("div",$,[k("div",null,[k(h,{modelValue:e.checkboxGroup5,"onUpdate:modelValue":l[13]||(l[13]=l=>e.checkboxGroup5=l),onChange:e.getChange},{default:G((()=>[k(d,{label:"选项一"}),k(d,{label:"选项二"})])),_:1},8,["modelValue","onChange"])]),k("span",null,x(e.result2),1)]),ee,k("div",le,[k(d,{class:"my-checkbox",modelValue:e.checkbox12,"onUpdate:modelValue":l[14]||(l[14]=l=>e.checkbox12=l)},{default:G((()=>[oe])),_:1},8,["modelValue"])]),ae,k("div",ce,[k("div",null,[k(h,{ref:"checkboxGroupDemo",modelValue:e.checkboxGroup6,"onUpdate:modelValue":l[15]||(l[15]=l=>e.checkboxGroup6=l),onChange:e.getChange2},{default:G((()=>[k(d,{label:"选项一"}),k(d,{label:"选项二"}),k(d,{label:"选项三"})])),_:1},8,["modelValue","onChange"])]),k("div",null,[k("span",null,x(e.result3),1)]),k(s,{size:"small",type:"primary",onClick:l[16]||(l[16]=l=>e.chooseAll(!0))},{default:G((()=>[ue])),_:1}),k(s,{size:"small",type:"primary",onClick:l[17]||(l[17]=l=>e.chooseAll())},{default:G((()=>[de])),_:1}),k(s,{size:"small",type:"primary",onClick:l[18]||(l[18]=l=>e.chooseAll(!1))},{default:G((()=>[he])),_:1})]),se,k("div",ne,[k("div",null,[k(h,{modelValue:e.checkboxGroup7,"onUpdate:modelValue":l[19]||(l[19]=l=>e.checkboxGroup7=l),direction:"vertical",onChange:e.getChange3},{default:G((()=>[k(d,{label:"选项一"}),k(d,{label:"选项二"}),k(d,{label:"选项三"})])),_:1},8,["modelValue","onChange"])]),k("span",null,x(e.result4),1)])])}));g.render=be,g.__scopeId="data-v-0119ff21";export default g;
|
