import { createNamespace } from '../utils';
|
import { FieldMixin } from '../mixins/field';
|
import { ParentMixin } from '../mixins/relation';
|
|
var _createNamespace = createNamespace('checkbox-group'),
|
createComponent = _createNamespace[0],
|
bem = _createNamespace[1];
|
|
export default createComponent({
|
mixins: [ParentMixin('vanCheckbox'), FieldMixin],
|
props: {
|
max: [Number, String],
|
disabled: Boolean,
|
direction: String,
|
iconSize: [Number, String],
|
checkedColor: String,
|
value: {
|
type: Array,
|
default: function _default() {
|
return [];
|
}
|
}
|
},
|
watch: {
|
value: function value(val) {
|
this.$emit('change', val);
|
}
|
},
|
methods: {
|
// @exposed-api
|
toggleAll: function toggleAll(options) {
|
if (options === void 0) {
|
options = {};
|
}
|
|
if (typeof options === 'boolean') {
|
options = {
|
checked: options
|
};
|
}
|
|
var _options = options,
|
checked = _options.checked,
|
skipDisabled = _options.skipDisabled;
|
var children = this.children.filter(function (item) {
|
if (item.disabled && skipDisabled) {
|
return item.checked;
|
}
|
|
return checked != null ? checked : !item.checked;
|
});
|
var names = children.map(function (item) {
|
return item.name;
|
});
|
this.$emit('input', names);
|
}
|
},
|
render: function render() {
|
var h = arguments[0];
|
return h("div", {
|
"class": bem([this.direction])
|
}, [this.slots()]);
|
}
|
});
|
