uview-next/components/u-checkbox-group/props.js

基于uView UI 2.0，110+高质量组件库，支持vue2和vue3，支持鸿蒙，支持多语言，搭配便捷工具助力，让开发更得心应手

import { defineProps } from '../../libs/util/props';
import theme from '../../libs/config/theme.js'

export default defineProps('checkboxGroup', {
    // 标识符
    name: {
        type: String,
        default: ''
    },
    // 绑定的值
    //#ifdef VUE2
    value: {
        type: Array,
       default: () => []
    },
    // #endif
    // #ifdef VUE3
    modelValue: {
        type: Array,
       default: () => []
    },
    // #endif
    // 形状，circle-圆形，square-方形
    shape: {
        type: String,
        default: 'square'
    },
    // 是否禁用全部checkbox
    disabled: {
        type: Boolean,
        default: false
    },

    // 选中状态下的颜色，如设置此值，将会覆盖parent的activeColor值
    activeColor: {
        type: String,
        default: theme.primary
    },
    // 未选中的颜色
    inactiveColor: {
        type: String,
        default: '#c8c9cc'
    },

    // 整个组件的尺寸，默认px
    size: {
        type: [String, Number],
        default: 18
    },
    // 布局方式，row-横向，column-纵向
    placement: {
        type: String,
        default: 'row'
    },
    // label的字体大小，px单位
    labelSize: {
        type: [String, Number],
        default: 14
    },
    // label的字体颜色
    labelColor: {
        type: [String],
        default: '#303133'
    },
    // 是否禁止点击文本操作
    labelDisabled: {
        type: Boolean,
        default: false
    },
    // 图标颜色
    iconColor: {
        type: String,
        default: '#ffffff'
    },
    // 图标的大小，单位px
    iconSize: {
        type: [String, Number],
        default: 12
    },
    // 勾选图标的对齐方式，left-左边，right-右边
    iconPlacement: {
        type: String,
        default: 'left'
    },
    // 竖向配列时，是否显示下划线
    borderBottom: {
        type: Boolean,
        default: false
    },
    // 选中状态下的label颜色
    activeLabelColor: {
        type: String,
        default: null
    },
    plain: {
        type: Boolean,
        default: true
    }
})