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