You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
93 lines
2.1 KiB
93 lines
2.1 KiB
import baseComponent from '../helpers/baseComponent'
|
|
import classNames from '../helpers/classNames'
|
|
|
|
baseComponent({
|
|
relations: {
|
|
'../checkbox-group/index': {
|
|
type: 'ancestor',
|
|
},
|
|
},
|
|
properties: {
|
|
prefixCls: {
|
|
type: String,
|
|
value: 'wux-checkbox',
|
|
},
|
|
cellPrefixCls: {
|
|
type: String,
|
|
value: 'wux-cell',
|
|
},
|
|
selectablePrefixCls: {
|
|
type: String,
|
|
value: 'wux-selectable',
|
|
},
|
|
title: {
|
|
type: String,
|
|
value: '',
|
|
},
|
|
label: {
|
|
type: String,
|
|
value: '',
|
|
},
|
|
extra: {
|
|
type: String,
|
|
value: '',
|
|
},
|
|
value: {
|
|
type: String,
|
|
value: '',
|
|
},
|
|
checked: {
|
|
type: Boolean,
|
|
value: false,
|
|
observer(newVal) {
|
|
this.setData({
|
|
inputChecked: newVal,
|
|
})
|
|
},
|
|
},
|
|
disabled: {
|
|
type: Boolean,
|
|
value: false,
|
|
},
|
|
color: {
|
|
type: String,
|
|
value: 'balanced',
|
|
},
|
|
},
|
|
data: {
|
|
index: 0,
|
|
inputChecked: false,
|
|
},
|
|
computed: {
|
|
classes: ['prefixCls', function(prefixCls) {
|
|
const cell = classNames(prefixCls)
|
|
const selectable = `${prefixCls}__selectable`
|
|
|
|
return {
|
|
cell,
|
|
selectable,
|
|
}
|
|
}],
|
|
},
|
|
methods: {
|
|
checkboxChange(e) {
|
|
const { value, index, disabled } = this.data
|
|
const parent = this.getRelationNodes('../checkbox-group/index')[0]
|
|
const item = {
|
|
checked: e.detail.checked,
|
|
value,
|
|
index,
|
|
}
|
|
|
|
if (disabled) return
|
|
|
|
parent ? parent.onChange(item) : this.triggerEvent('change', item)
|
|
},
|
|
changeValue(inputChecked = false, index = 0) {
|
|
this.setData({
|
|
inputChecked,
|
|
index,
|
|
})
|
|
},
|
|
},
|
|
})
|
|
|