uv-ui
Version:
基于vue3的移动端组件库
2 lines (1 loc) • 1.2 kB
JavaScript
;const o=require("vue"),d=require("../../hooks/useContext.cjs");require("../../hooks/useCountDown.cjs");require("./checkbox-group.vue_vue_type_style_index_0_lang.cjs");const f={name:"UvCheckboxGroup"},p=Object.assign(f,{props:{modelValue:{type:Array,default:()=>[]},max:{type:Number},direction:{type:String,default:"row"},iconSize:{type:[Number,String],default:18},checkedColor:{type:String,default:"#1989fa"},shape:{type:String,default:"round"}},emits:["update:modelValue","change"],setup(s,{emit:a}){const c=s,r=o.ref(!1);o.watch(()=>c.modelValue,t=>{r.value&&(u.forEach(e=>{e.isSelect=!1}),t.forEach(e=>{u.forEach(l=>{l.label===e&&(l.isSelect=!0)})})),r.value=!0});const n=t=>{if(c.max&&i.value===c.max&&!u[t].isSelect)return;r.value=!1,u[t].isSelect=!u[t].isSelect;const e=[];u.forEach(l=>{l.isSelect&&e.push(l.label)}),a("change",e),a("update:modelValue",e)},i=o.computed(()=>c.modelValue.length),{fields:u}=d.useChildren("checkbox-group",{props:c,updateItem:n});return(t,e)=>(o.openBlock(),o.createElementBlock("div",{class:"uv-checkbox-group",style:o.normalizeStyle({flexDirection:s.direction==="column"?"column":"row"})},[o.renderSlot(t.$slots,"default")],4))}});module.exports=p;