vuux
Version:
Vue3 Nuxt3 Nuxt4 组件库
2 lines (1 loc) • 1.74 kB
JavaScript
;const e=require("vue"),f=require("./hook/useCheckBox.cjs"),h=["disabled","value"],B={class:"checkbox-wrapper"},x={fill:"none",viewBox:"0 0 24 24",class:"is-icon"},v={key:0,x1:"4",y1:"12",x2:"20",y2:"12",stroke:"#ffffff","stroke-width":"4","stroke-linecap":"round"},b={key:1,class:"icon-path","stroke-linejoin":"round","stroke-linecap":"round","stroke-width":"3",stroke:"currentColor",d:"M4 12L10 18L20 6"},y={class:"is-text"},C=e.defineComponent({name:"CheckBox",__name:"index",props:{modelValue:{type:Boolean},label:{},value:{default:""},disabled:{type:Boolean},indeterminate:{type:Boolean},theme:{default:"var(--app-theme)"}},emits:["update:modelValue","change"],setup(r,{emit:a}){const o=r,c=a,i=e.useSlots(),{isIndeterminate:d,isDisabled:u,themeColor:m,model:n,classNames:p,onChange:s}=f.useCheckBox(o,c);return(k,t)=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass(e.unref(p)),style:e.normalizeStyle("--checkbox-theme:"+e.unref(m))},[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":t[0]||(t[0]=l=>e.isRef(n)?n.value=l:null),type:"checkbox",disabled:e.unref(u),value:o.value,onChange:t[1]||(t[1]=(...l)=>e.unref(s)&&e.unref(s)(...l))},null,40,h),[[e.vModelCheckbox,e.unref(n)]]),e.createElementVNode("div",B,[t[2]||(t[2]=e.createElementVNode("div",{class:"checkbox-inner"},null,-1)),(e.openBlock(),e.createElementBlock("svg",x,[e.unref(d)?(e.openBlock(),e.createElementBlock("line",v)):(e.openBlock(),e.createElementBlock("path",b))]))]),e.createElementVNode("p",y,[e.renderSlot(k.$slots,"default"),e.unref(i).default?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(o.label),1)],64))])],6))}});module.exports=C;