47 lines
1.5 KiB
JavaScript
47 lines
1.5 KiB
JavaScript
|
(0, require("../common/component").VantComponent)({
|
||
|
|
field: !0,
|
||
|
|
relation: {
|
||
|
|
name: "checkbox-group",
|
||
|
|
type: "ancestor"
|
||
|
|
},
|
||
|
|
classes: [ "icon-class", "label-class" ],
|
||
|
|
props: {
|
||
|
|
value: null,
|
||
|
|
disabled: Boolean,
|
||
|
|
useIconSlot: Boolean,
|
||
|
|
checkedClass: String,
|
||
|
|
checkedColor: String,
|
||
|
|
noColor: String,
|
||
|
|
labelPosition: String,
|
||
|
|
labelDisabled: Boolean,
|
||
|
|
shape: {
|
||
|
|
type: String,
|
||
|
|
value: "round"
|
||
|
|
}
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
emitChange: function(e) {
|
||
|
|
var a = this.getRelationNodes("../checkbox-group/index")[0];
|
||
|
|
a ? this.setParentValue(a, e) : (this.$emit("input", e), this.$emit("change", {
|
||
|
|
checked: e,
|
||
|
|
name: this.data.name
|
||
|
|
}));
|
||
|
|
},
|
||
|
|
toggle: function() {
|
||
|
|
this.data.disabled || this.emitChange(!this.data.value);
|
||
|
|
},
|
||
|
|
onClickLabel: function() {
|
||
|
|
this.data.disabled || this.data.labelDisabled || this.emitChange(!this.data.value);
|
||
|
|
},
|
||
|
|
setParentValue: function(e, a) {
|
||
|
|
var t = e.data.value.slice(), i = this.data.name;
|
||
|
|
if (a) {
|
||
|
|
if (e.data.max && t.length >= e.data.max) return;
|
||
|
|
-1 === t.indexOf(i) && (t.push(i), e.$emit("input", t), e.$emit("change", t));
|
||
|
|
} else {
|
||
|
|
var n = t.indexOf(i);
|
||
|
|
-1 !== n && (t.splice(n, 1), e.$emit("input", t), e.$emit("change", t));
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|