93 lines
2.6 KiB
JavaScript
93 lines
2.6 KiB
JavaScript
import defProps from '../../libs/config/props.js';
|
||
export default {
|
||
props: {
|
||
// 标识符
|
||
name: {
|
||
type: String,
|
||
default: () => defProps.checkboxGroup.name
|
||
},
|
||
// #ifdef VUE3
|
||
// 绑定的值
|
||
modelValue: {
|
||
type: Array,
|
||
default: () => defProps.checkboxGroup.value
|
||
},
|
||
// #endif
|
||
// #ifdef VUE2
|
||
// 绑定的值
|
||
value: {
|
||
type: Array,
|
||
default: () => defProps.checkboxGroup.value
|
||
},
|
||
// #endif
|
||
// 形状，circle-圆形，square-方形
|
||
shape: {
|
||
type: String,
|
||
default: () => defProps.checkboxGroup.shape
|
||
},
|
||
// 是否禁用全部checkbox
|
||
disabled: {
|
||
type: Boolean,
|
||
default: () => defProps.checkboxGroup.disabled
|
||
},
|
||
|
||
// 选中状态下的颜色，如设置此值，将会覆盖parent的activeColor值
|
||
activeColor: {
|
||
type: String,
|
||
default: () => defProps.checkboxGroup.activeColor
|
||
},
|
||
// 未选中的颜色
|
||
inactiveColor: {
|
||
type: String,
|
||
default: () => defProps.checkboxGroup.inactiveColor
|
||
},
|
||
|
||
// 整个组件的尺寸，默认px
|
||
size: {
|
||
type: [String, Number],
|
||
default: () => defProps.checkboxGroup.size
|
||
},
|
||
// 布局方式，row-横向，column-纵向
|
||
placement: {
|
||
type: String,
|
||
default: () => defProps.checkboxGroup.placement
|
||
},
|
||
// label的字体大小，px单位
|
||
labelSize: {
|
||
type: [String, Number],
|
||
default: () => defProps.checkboxGroup.labelSize
|
||
},
|
||
// label的字体颜色
|
||
labelColor: {
|
||
type: [String],
|
||
default: () => defProps.checkboxGroup.labelColor
|
||
},
|
||
// 是否禁止点击文本操作
|
||
labelDisabled: {
|
||
type: Boolean,
|
||
default: () => defProps.checkboxGroup.labelDisabled
|
||
},
|
||
// 图标颜色
|
||
iconColor: {
|
||
type: String,
|
||
default: () => defProps.checkboxGroup.iconColor
|
||
},
|
||
// 图标的大小，单位px
|
||
iconSize: {
|
||
type: [String, Number],
|
||
default: () => defProps.checkboxGroup.iconSize
|
||
},
|
||
// 勾选图标的对齐方式，left-左边，right-右边
|
||
iconPlacement: {
|
||
type: String,
|
||
default: () => defProps.checkboxGroup.iconPlacement
|
||
},
|
||
// 竖向配列时，是否显示下划线
|
||
borderBottom: {
|
||
type: Boolean,
|
||
default: () => defProps.checkboxGroup.borderBottom
|
||
}
|
||
|
||
}
|
||
}
|