123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293 |
- import { defineMixin } from '../../libs/vue'
- import defProps from '../../libs/config/props.js'
- export const props = defineMixin({
- 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
- }
- }
- })
|