import template from "./Checkbox.html";
import style from "antd/lib/checkbox/style/index.css";
class Checkbox {
useModules = ["esNgAntd"];
template = template;
props = {
defaultChecked: Boolean,
checked: Boolean,
disabled: Boolean,
onChange: Function,
};
state = {
checked: this.props.checked || this.props.defaultChecked,
disabled: this.props.disabled
}
watch = {
checked: function (newValue) {
if (newValue !== undefined) {
this.state.checked = newValue === "true" ? true : false;
}
},
disabled: function (newValue) {
if (newValue !== undefined) {
this.state.disabled = newValue
}
}
}
handleClick($event) {
this.state.checked = !this.state.checked;
this.props.onChange({event: $event})
}
constructor() {
esNgAntd.createStyle("ant-checkbox", style);
}
}