12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576 |
- import { defineMixin } from '../../libs/vue'
- import defProps from '../../libs/config/props.js'
- export const props = defineMixin({
- props: {
- // checkbox的名称
- name: {
- type: [String, Number, Boolean],
- default: () => defProps.checkbox.name
- },
- // 形状,square为方形,circle为圆型
- shape: {
- type: String,
- default: () => defProps.checkbox.shape
- },
- // 整体的大小
- size: {
- type: [String, Number],
- default: () => defProps.checkbox.size
- },
- // 是否默认选中
- checked: {
- type: Boolean,
- default: () => defProps.checkbox.checked
- },
- // 是否禁用
- disabled: {
- type: [String, Boolean],
- default: () => defProps.checkbox.disabled
- },
- // 选中状态下的颜色,如设置此值,将会覆盖parent的activeColor值
- activeColor: {
- type: String,
- default: () => defProps.checkbox.activeColor
- },
- // 未选中的颜色
- inactiveColor: {
- type: String,
- default: () => defProps.checkbox.inactiveColor
- },
- // 图标的大小,单位px
- iconSize: {
- type: [String, Number],
- default: () => defProps.checkbox.iconSize
- },
- // 图标颜色
- iconColor: {
- type: String,
- default: () => defProps.checkbox.iconColor
- },
- // label提示文字,因为nvue下,直接slot进来的文字,由于特殊的结构,无法修改样式
- label: {
- type: [String, Number],
- default: () => defProps.checkbox.label
- },
- // label的字体大小,px单位
- labelSize: {
- type: [String, Number],
- default: () => defProps.checkbox.labelSize
- },
- // label的颜色
- labelColor: {
- type: String,
- default: () => defProps.checkbox.labelColor
- },
- // 是否禁止点击提示语选中复选框
- labelDisabled: {
- type: [String, Boolean],
- default: () => defProps.checkbox.labelDisabled
- },
- // 是否独立使用
- usedAlone: {
- type: [Boolean],
- default: () => false
- }
- }
- })
|