| 1 |
- var __vite_style__=document.createElement("style");__vite_style__.innerHTML="view-block[data-v-52a5ed61]{display:block}@keyframes nutFadeIn-52a5ed61{from{opacity:0}to{opacity:1}}@keyframes nutFadeOut-52a5ed61{from{opacity:1}to{opacity:0}}.nutFade-enter-active[data-v-52a5ed61],.nutFade-leave-active[data-v-52a5ed61],.nutFadeIn[data-v-52a5ed61],.nutFadeOut[data-v-52a5ed61]{animation-duration:.25s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.55,.085,.68,.53)}.nutFade-enter-active[data-v-52a5ed61],.nutFadeIn[data-v-52a5ed61]{animation-name:nutFadeIn-52a5ed61}.nutFade-leave-active[data-v-52a5ed61],.nutFadeOut[data-v-52a5ed61]{animation-name:nutFadeOut-52a5ed61}@keyframes nutZoomIn-52a5ed61{from{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes nutZoomOut-52a5ed61{from{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.nutZoom-enter-active[data-v-52a5ed61],.nutZoom-leave-active[data-v-52a5ed61],.nutZoomIn[data-v-52a5ed61],.nutZoomOut[data-v-52a5ed61]{animation-duration:.25s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.55,.085,.68,.53)}.nutZoom-enter-active[data-v-52a5ed61],.nutZoomIn[data-v-52a5ed61]{animation-name:nutZoomIn-52a5ed61}.nutZoom-leave-active[data-v-52a5ed61],.nutZoomOut[data-v-52a5ed61]{animation-name:nutZoomOut-52a5ed61}@keyframes nutEaseIn-52a5ed61{0%{opacity:0;transform:scale(.9)}100%{opacity:1;transform:scale(1)}}@keyframes nutEaseOut-52a5ed61{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.9)}}.nutEase-enter-active[data-v-52a5ed61],.nutEase-leave-active[data-v-52a5ed61],.nutEaseIn[data-v-52a5ed61],.nutEaseOut[data-v-52a5ed61]{animation-duration:.25s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.55,.085,.68,.53)}.nutEase-enter-active[data-v-52a5ed61],.nutEaseIn[data-v-52a5ed61]{animation-name:nutEaseIn-52a5ed61}.nutEase-leave-active[data-v-52a5ed61],.nutEaseOut[data-v-52a5ed61]{animation-name:nutEaseOut-52a5ed61}@keyframes nutDropIn-52a5ed61{0%{opacity:0;transform:scaleY(.8)}100%{opacity:1;transform:scaleY(1)}}@keyframes nutDropOut-52a5ed61{0%{opacity:1;transform:scaleY(1)}100%{opacity:0;transform:scaleY(.8)}}.nutDrop-enter-active[data-v-52a5ed61],.nutDrop-leave-active[data-v-52a5ed61],.nutDropIn[data-v-52a5ed61],.nutDropOut[data-v-52a5ed61]{animation-duration:.25s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.55,.085,.68,.53)}.nutDrop-enter-active[data-v-52a5ed61],.nutDropIn[data-v-52a5ed61]{animation-name:nutDropIn-52a5ed61}.nutDrop-leave-active[data-v-52a5ed61],.nutDropOut[data-v-52a5ed61]{animation-name:nutDropOut-52a5ed61}@keyframes rotation-52a5ed61{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}.nutRotate-enter-active[data-v-52a5ed61],.nutRotate-leave-active[data-v-52a5ed61],.nutRotateIn[data-v-52a5ed61],.nutRotateOut[data-v-52a5ed61]{animation-duration:.25s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.55,.085,.68,.53)}.nutRotate-enter-active[data-v-52a5ed61],.nutRotateIn[data-v-52a5ed61]{animation-name:nutRotateIn}.nutRotate-leave-active[data-v-52a5ed61],.nutRotateOut[data-v-52a5ed61]{animation-name:nutRotateOut}.demo-list[data-v-52a5ed61]{margin:57px 0 60px 0;padding:0 17px 17px}.demo-list h4[data-v-52a5ed61]{margin:25px 0 10px;line-height:20px;color:#909ca4;font-size:14px}.demo-list .show-demo[data-v-52a5ed61]{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding:15px;background-color:#fff;border-radius:7px;box-shadow:0 1px 7px 0 #edeef1}.demo-list .show-demo.group1[data-v-52a5ed61]{flex-direction:column}.demo-list .show-demo.group1[data-v-52a5ed61] .nut-checkbox{margin-left:15px}.demo-list .show-demo.group2[data-v-52a5ed61] .nut-checkbox{margin-left:15px}.demo-list .show-demo p[data-v-52a5ed61],.demo-list .show-demo span[data-v-52a5ed61]{display:block;font-size:14px;color:#636363}.demo-list .show-demo span[data-v-52a5ed61]{color:#1d1e1e;font-size:16px}.demo-list .show-demo span.btn[data-v-52a5ed61]{margin-top:20px}.demo-list .show-demo span.btn[data-v-52a5ed61] .nut-button{margin-left:10px}",document.head.appendChild(__vite_style__),System.register(["./mobile-legacy.22af843b.js","./vendor-legacy.65d23766.js","./index-legacy.87c5a13c.js"],(function(e){"use strict";var a,o,t,n,d,l,c,u,i,m,s,r,h,p;return{setters:[function(e){a=e.c,o=e.T},function(e){t=e.k,n=e.a,d=e.A,l=e.x,c=e.y,u=e.r,i=e.o,m=e.c,s=e.f,r=e.t,h=e.s,p=e.j},function(){}],execute:function(){const{createDemo:b}=a("checkbox");var v=e("default",b({setup(e,a){const l=t(null),c=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{changeBox1:(e,a)=>{console.log(e,a)},changeBox2:(e,a)=>{console.log(e,a)},changeBox3:(e,a)=>{o.text(`您${e?"选中":"取消"}了${a}`)},changeBox4:e=>{o.text(""+(e.length?"全选":"取消全选"))},toggleAll:e=>{l.value.toggleAll(e)},group:l,...d(c)}}}));const x=h();l("data-v-52a5ed61");const k={class:"demo-list"},f=s("h4",null,"基础用法",-1),g={class:"show-demo"},V=s("span",null,"复选框",-1),y={class:"show-demo"},_=p("复选框"),w=s("h4",null,"禁用状态",-1),I={class:"show-demo"},O=p("未选时禁用状态"),U=p("选中时禁用状态"),D=s("h4",null,"自定义尺寸",-1),E={class:"show-demo"},F=p("自定义尺寸25"),Z=p("自定义尺寸10"),C=s("h4",null,"自定义图标",-1),z={class:"show-demo"},R=p("自定义图标"),B=s("h4",null,"点击触发change事件",-1),j={class:"show-demo"},A=p("change复选框"),Y=s("h4",null,"checkboxGroup使用",-1),G={class:"show-demo group1"},T=p("组合复选框"),$=p("组合复选框"),H=p("组合复选框"),L=p("组合复选框"),M=s("h4",null,"checkboxGroup禁用",-1),S={class:"show-demo group2"},q=p("组合复选框"),J=p("组合复选框"),K=s("h4",null,"checkboxGroup 全选/取消",-1),N={class:"show-demo group1"},P=p("组合复选框"),Q=p("组合复选框"),W={class:"btn"},X=p("全选"),ee=p("取消");c();const ae=x(((e,a,o,t,n,d)=>{const l=u("nut-checkbox"),c=u("nut-checkboxgroup"),h=u("nut-button");return i(),m("div",k,[f,s("div",g,[s(l,{modelValue:e.checkbox1,"onUpdate:modelValue":a[1]||(a[1]=a=>e.checkbox1=a),label:"复选框",onChange:e.changeBox1},{default:x((()=>[V])),_:1},8,["modelValue","onChange"]),s("span",null,r(e.checkbox1),1)]),s("div",y,[s(l,{modelValue:e.checkbox2,"onUpdate:modelValue":a[2]||(a[2]=a=>e.checkbox2=a),"text-position":"left",onChange:e.changeBox2},{default:x((()=>[_])),_:1},8,["modelValue","onChange"]),s("span",null,r(e.checkbox2),1)]),w,s("div",I,[s(l,{modelValue:e.checkbox3,"onUpdate:modelValue":a[3]||(a[3]=a=>e.checkbox3=a),disabled:""},{default:x((()=>[O])),_:1},8,["modelValue"]),s(l,{modelValue:e.checkbox4,"onUpdate:modelValue":a[4]||(a[4]=a=>e.checkbox4=a),disabled:""},{default:x((()=>[U])),_:1},8,["modelValue"])]),D,s("div",E,[s(l,{modelValue:e.checkbox5,"onUpdate:modelValue":a[5]||(a[5]=a=>e.checkbox5=a),"icon-size":"25"},{default:x((()=>[F])),_:1},8,["modelValue"]),s(l,{modelValue:e.checkbox6,"onUpdate:modelValue":a[6]||(a[6]=a=>e.checkbox6=a),"icon-size":"10"},{default:x((()=>[Z])),_:1},8,["modelValue"])]),C,s("div",z,[s(l,{modelValue:e.checkbox7,"onUpdate:modelValue":a[7]||(a[7]=a=>e.checkbox7=a),"icon-name":"checklist","icon-active-name":"checklist"},{default:x((()=>[R])),_:1},8,["modelValue"])]),B,s("div",j,[s(l,{modelValue:e.checkbox8,"onUpdate:modelValue":a[8]||(a[8]=a=>e.checkbox8=a),onChange:e.changeBox3},{default:x((()=>[A])),_:1},8,["modelValue","onChange"])]),Y,s("div",G,[s(c,{modelValue:e.checkboxgroup1,"onUpdate:modelValue":a[13]||(a[13]=a=>e.checkboxgroup1=a)},{default:x((()=>[s(l,{modelValue:e.checkbox9,"onUpdate:modelValue":a[9]||(a[9]=a=>e.checkbox9=a),label:"1"},{default:x((()=>[T])),_:1},8,["modelValue"]),s(l,{modelValue:e.checkbox10,"onUpdate:modelValue":a[10]||(a[10]=a=>e.checkbox10=a),label:"2"},{default:x((()=>[$])),_:1},8,["modelValue"]),s(l,{modelValue:e.checkbox11,"onUpdate:modelValue":a[11]||(a[11]=a=>e.checkbox11=a),label:"3"},{default:x((()=>[H])),_:1},8,["modelValue"]),s(l,{modelValue:e.checkbox12,"onUpdate:modelValue":a[12]||(a[12]=a=>e.checkbox12=a),label:"4"},{default:x((()=>[L])),_:1},8,["modelValue"])])),_:1},8,["modelValue"]),s("span",null,"选中："+r(e.checkboxgroup1),1)]),M,s("div",S,[s(c,{modelValue:e.checkboxgroup2,"onUpdate:modelValue":a[16]||(a[16]=a=>e.checkboxgroup2=a),disabled:""},{default:x((()=>[s(l,{modelValue:e.checkbox13,"onUpdate:modelValue":a[14]||(a[14]=a=>e.checkbox13=a),label:"1"},{default:x((()=>[q])),_:1},8,["modelValue"]),s(l,{modelValue:e.checkbox14,"onUpdate:modelValue":a[15]||(a[15]=a=>e.checkbox14=a),label:"2"},{default:x((()=>[J])),_:1},8,["modelValue"])])),_:1},8,["modelValue"])]),K,s("div",N,[s(c,{modelValue:e.checkboxgroup3,"onUpdate:modelValue":a[19]||(a[19]=a=>e.checkboxgroup3=a),ref:"group",onChange:e.changeBox4},{default:x((()=>[s(l,{modelValue:e.checkbox15,"onUpdate:modelValue":a[17]||(a[17]=a=>e.checkbox15=a),label:"1"},{default:x((()=>[P])),_:1},8,["modelValue"]),s(l,{modelValue:e.checkbox16,"onUpdate:modelValue":a[18]||(a[18]=a=>e.checkbox16=a),label:"2"},{default:x((()=>[Q])),_:1},8,["modelValue"])])),_:1},8,["modelValue","onChange"]),s("span",W,[s(h,{type:"primary",onClick:a[20]||(a[20]=a=>e.toggleAll(!0))},{default:x((()=>[X])),_:1}),s(h,{type:"primary",onClick:a[21]||(a[21]=a=>e.toggleAll(!1))},{default:x((()=>[ee])),_:1})])])])}));v.render=ae,v.__scopeId="data-v-52a5ed61"}}}));
|
