| 1 |
- !function(){var e=document.createElement("style");e.innerHTML="@keyframes nutFadeIn-6a03cc27{0%{opacity:0}to{opacity:1}}@keyframes nutFadeOut-6a03cc27{0%{opacity:1}to{opacity:0}}.nutFade-enter-active[data-v-6a03cc27],.nutFadeIn[data-v-6a03cc27],.nutFade-leave-active[data-v-6a03cc27],.nutFadeOut[data-v-6a03cc27]{animation-duration:.25s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.55,.085,.68,.53)}.nutFade-enter-active[data-v-6a03cc27],.nutFadeIn[data-v-6a03cc27]{animation-name:nutFadeIn-6a03cc27}.nutFade-leave-active[data-v-6a03cc27],.nutFadeOut[data-v-6a03cc27]{animation-name:nutFadeOut-6a03cc27}@keyframes nutZoomIn-6a03cc27{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes nutZoomOut-6a03cc27{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.nutZoom-enter-active[data-v-6a03cc27],.nutZoomIn[data-v-6a03cc27],.nutZoom-leave-active[data-v-6a03cc27],.nutZoomOut[data-v-6a03cc27]{animation-duration:.25s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.55,.085,.68,.53)}.nutZoom-enter-active[data-v-6a03cc27],.nutZoomIn[data-v-6a03cc27]{animation-name:nutZoomIn-6a03cc27}.nutZoom-leave-active[data-v-6a03cc27],.nutZoomOut[data-v-6a03cc27]{animation-name:nutZoomOut-6a03cc27}@keyframes nutEaseIn-6a03cc27{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes nutEaseOut-6a03cc27{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.nutEase-enter-active[data-v-6a03cc27],.nutEaseIn[data-v-6a03cc27],.nutEase-leave-active[data-v-6a03cc27],.nutEaseOut[data-v-6a03cc27]{animation-duration:.25s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.55,.085,.68,.53)}.nutEase-enter-active[data-v-6a03cc27],.nutEaseIn[data-v-6a03cc27]{animation-name:nutEaseIn-6a03cc27}.nutEase-leave-active[data-v-6a03cc27],.nutEaseOut[data-v-6a03cc27]{animation-name:nutEaseOut-6a03cc27}@keyframes nutDropIn-6a03cc27{0%{opacity:0;transform:scaleY(.8)}to{opacity:1;transform:scaleY(1)}}@keyframes nutDropOut-6a03cc27{0%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(.8)}}.nutDrop-enter-active[data-v-6a03cc27],.nutDropIn[data-v-6a03cc27],.nutDrop-leave-active[data-v-6a03cc27],.nutDropOut[data-v-6a03cc27]{animation-duration:.25s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.55,.085,.68,.53)}.nutDrop-enter-active[data-v-6a03cc27],.nutDropIn[data-v-6a03cc27]{animation-name:nutDropIn-6a03cc27}.nutDrop-leave-active[data-v-6a03cc27],.nutDropOut[data-v-6a03cc27]{animation-name:nutDropOut-6a03cc27}@keyframes rotation-6a03cc27{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}.nutRotate-enter-active[data-v-6a03cc27],.nutRotateIn[data-v-6a03cc27],.nutRotate-leave-active[data-v-6a03cc27],.nutRotateOut[data-v-6a03cc27]{animation-duration:.25s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.55,.085,.68,.53)}.nutRotate-enter-active[data-v-6a03cc27],.nutRotateIn[data-v-6a03cc27]{animation-name:nutRotateIn}.nutRotate-leave-active[data-v-6a03cc27],.nutRotateOut[data-v-6a03cc27]{animation-name:nutRotateOut}.demo-check[data-v-6a03cc27]{margin-right:10px}.nut-checkboxgroup[data-v-6a03cc27]{display:flex;flex-wrap:wrap}.nut-checkbox[data-v-6a03cc27]{display:flex;margin-right:20px}.nut-checkbox .nut-checkbox__label[data-v-6a03cc27]{margin-left:10px}\n",document.head.appendChild(e),System.register(["./mobile-legacy.1c980c7e.js","./vendor-legacy.7d1181c8.js","./index-legacy.d89f512d.js"],(function(e){"use strict";var a,t,c,o,l,n,u,d,i,m,r,b,h,x,p;return{setters:[function(e){a=e.c,t=e.T},function(e){c=e.m,o=e.a,l=e.A,n=e.B,u=e.C,d=e.r,i=e.o,m=e.e,r=e.j,b=e.k,h=e.g,x=e.t,p=e.l},function(){}],execute:function(){const{createDemo:f}=a("checkbox");var k=e("default",f({setup(e,a){const n=c(null),u=o({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{changeBox1:(e,a)=>{console.log(e,a)},changeBox2:(e,a)=>{console.log(e,a)},changeBox3:(e,a)=>{t.text(`您${e?"选中":"取消"}了${a}`)},changeBox4:e=>{t.text(""+(e.length?"全选":"取消全选"))},toggleAll:e=>{n.value.toggleAll(e)},group:n,...l(u)}}}));n("data-v-6a03cc27");const s={class:"demo"},v=p("复选框"),g=p("复选框"),V=h("div",{class:"demo-check"},"当前选中值",-1),_=p("未选时禁用状态"),y=p("选中时禁用状态"),U=p("自定义尺寸25"),I=p("自定义尺寸10"),O=p("自定义图标"),D=p("change复选框"),E=p("组合复选框"),C=p("组合复选框"),F=p("组合复选框"),Z=p("组合复选框"),R=h("div",{class:"demo-check"},"当前选中值",-1),B=p("组合复选框"),z=p("组合复选框"),A=p("组合复选框"),j=p("组合复选框"),w=p("组合复选框"),Y=p("组合复选框"),G=p("全选"),T=p("取消");u(),k.render=function(e,a,t,c,o,l){const n=d("nut-checkbox"),u=d("nut-cell"),p=d("nut-cell-group"),f=d("nut-checkboxgroup"),k=d("nut-button");return i(),m("div",s,[r(p,{title:"基本用法-左右"},{default:b((()=>[r(u,null,{default:b((()=>[r(n,{modelValue:e.checkbox1,"onUpdate:modelValue":a[0]||(a[0]=a=>e.checkbox1=a),label:"复选框",onChange:e.changeBox1},{default:b((()=>[v])),_:1},8,["modelValue","onChange"])])),_:1}),r(u,null,{default:b((()=>[r(n,{modelValue:e.checkbox1,"onUpdate:modelValue":a[1]||(a[1]=a=>e.checkbox1=a),"text-position":"left",onChange:e.changeBox1},{default:b((()=>[g])),_:1},8,["modelValue","onChange"])])),_:1}),r(u,null,{default:b((()=>[V,h("div",null,x(e.checkbox1),1)])),_:1})])),_:1}),r(p,{title:"禁用状态"},{default:b((()=>[r(u,null,{default:b((()=>[r(n,{modelValue:e.checkbox3,"onUpdate:modelValue":a[2]||(a[2]=a=>e.checkbox3=a),disabled:""},{default:b((()=>[_])),_:1},8,["modelValue"])])),_:1}),r(u,null,{default:b((()=>[r(n,{modelValue:e.checkbox4,"onUpdate:modelValue":a[3]||(a[3]=a=>e.checkbox4=a),disabled:""},{default:b((()=>[y])),_:1},8,["modelValue"])])),_:1})])),_:1}),r(p,{title:"自定义尺寸"},{default:b((()=>[r(u,null,{default:b((()=>[r(n,{modelValue:e.checkbox5,"onUpdate:modelValue":a[4]||(a[4]=a=>e.checkbox5=a),"icon-size":"25"},{default:b((()=>[U])),_:1},8,["modelValue"])])),_:1}),r(u,null,{default:b((()=>[r(n,{modelValue:e.checkbox6,"onUpdate:modelValue":a[5]||(a[5]=a=>e.checkbox6=a),"icon-size":"10"},{default:b((()=>[I])),_:1},8,["modelValue"])])),_:1})])),_:1}),r(p,{title:"自定义图标"},{default:b((()=>[r(u,null,{default:b((()=>[r(n,{modelValue:e.checkbox7,"onUpdate:modelValue":a[6]||(a[6]=a=>e.checkbox7=a),"icon-name":"checklist","icon-active-name":"checklist"},{default:b((()=>[O])),_:1},8,["modelValue"])])),_:1})])),_:1}),r(p,{title:"点击触发change事件"},{default:b((()=>[r(u,null,{default:b((()=>[r(n,{modelValue:e.checkbox8,"onUpdate:modelValue":a[7]||(a[7]=a=>e.checkbox8=a),onChange:e.changeBox3},{default:b((()=>[D])),_:1},8,["modelValue","onChange"])])),_:1})])),_:1}),r(p,{title:"checkboxGroup使用"},{default:b((()=>[r(u,null,{default:b((()=>[r(f,{modelValue:e.checkboxgroup1,"onUpdate:modelValue":a[12]||(a[12]=a=>e.checkboxgroup1=a)},{default:b((()=>[r(n,{modelValue:e.checkbox9,"onUpdate:modelValue":a[8]||(a[8]=a=>e.checkbox9=a),label:"1",style:{margin:"2px 20px 0 0"}},{default:b((()=>[E])),_:1},8,["modelValue"]),r(n,{modelValue:e.checkbox10,"onUpdate:modelValue":a[9]||(a[9]=a=>e.checkbox10=a),label:"2"},{default:b((()=>[C])),_:1},8,["modelValue"]),r(n,{modelValue:e.checkbox11,"onUpdate:modelValue":a[10]||(a[10]=a=>e.checkbox11=a),label:"3",style:{margin:"2px 20px 0 0"}},{default:b((()=>[F])),_:1},8,["modelValue"]),r(n,{modelValue:e.checkbox12,"onUpdate:modelValue":a[11]||(a[11]=a=>e.checkbox12=a),label:"4"},{default:b((()=>[Z])),_:1},8,["modelValue"])])),_:1},8,["modelValue"])])),_:1}),r(u,null,{default:b((()=>[R,h("div",null,x(e.checkboxgroup1),1)])),_:1})])),_:1}),r(p,{title:"checkboxGroup禁用"},{default:b((()=>[r(u,null,{default:b((()=>[r(f,{modelValue:e.checkboxgroup1,"onUpdate:modelValue":a[17]||(a[17]=a=>e.checkboxgroup1=a),disabled:""},{default:b((()=>[r(n,{modelValue:e.checkbox9,"onUpdate:modelValue":a[13]||(a[13]=a=>e.checkbox9=a),label:"1",style:{margin:"2px 20px 0 0"}},{default:b((()=>[B])),_:1},8,["modelValue"]),r(n,{modelValue:e.checkbox10,"onUpdate:modelValue":a[14]||(a[14]=a=>e.checkbox10=a),label:"2"},{default:b((()=>[z])),_:1},8,["modelValue"]),r(n,{modelValue:e.checkbox11,"onUpdate:modelValue":a[15]||(a[15]=a=>e.checkbox11=a),label:"3",style:{margin:"2px 20px 0 0"}},{default:b((()=>[A])),_:1},8,["modelValue"]),r(n,{modelValue:e.checkbox12,"onUpdate:modelValue":a[16]||(a[16]=a=>e.checkbox12=a),label:"4"},{default:b((()=>[j])),_:1},8,["modelValue"])])),_:1},8,["modelValue"])])),_:1})])),_:1}),r(p,{title:"checkboxGroup 全选/取消"},{default:b((()=>[r(u,null,{default:b((()=>[r(f,{modelValue:e.checkboxgroup3,"onUpdate:modelValue":a[20]||(a[20]=a=>e.checkboxgroup3=a),ref:"group",onChange:e.changeBox4},{default:b((()=>[r(n,{modelValue:e.checkbox15,"onUpdate:modelValue":a[18]||(a[18]=a=>e.checkbox15=a),label:"1",style:{margin:"0 20px 0 0"}},{default:b((()=>[w])),_:1},8,["modelValue"]),r(n,{modelValue:e.checkbox16,"onUpdate:modelValue":a[19]||(a[19]=a=>e.checkbox16=a),label:"2"},{default:b((()=>[Y])),_:1},8,["modelValue"])])),_:1},8,["modelValue","onChange"])])),_:1}),r(u,null,{default:b((()=>[r(k,{type:"primary",onClick:a[21]||(a[21]=a=>e.toggleAll(!0)),style:{margin:"0 20px 0 0"}},{default:b((()=>[G])),_:1}),r(k,{type:"info",onClick:a[22]||(a[22]=a=>e.toggleAll(!1))},{default:b((()=>[T])),_:1})])),_:1})])),_:1})])},k.__scopeId="data-v-6a03cc27"}}}))}();
|
