ant-design-vue/components/checkbox/Group.jsx

96 lines
2.5 KiB
Vue
Raw Normal View History

2019-09-10 18:57:08 +08:00
import PropTypes from '../_util/vue-types';
2019-01-12 11:33:27 +08:00
import Checkbox from './Checkbox';
import hasProp from '../_util/props-util';
2019-03-15 11:20:37 +08:00
import { ConfigConsumerProps } from '../config-provider';
2019-01-12 11:33:27 +08:00
function noop() {}
2017-10-26 15:18:08 +08:00
export default {
2018-04-08 21:17:20 +08:00
name: 'ACheckboxGroup',
2019-02-01 17:23:00 +08:00
model: {
prop: 'value',
},
2017-10-26 15:18:08 +08:00
props: {
2019-09-10 18:57:08 +08:00
prefixCls: PropTypes.string,
defaultValue: PropTypes.array,
value: PropTypes.array,
options: PropTypes.array.def([]),
disabled: PropTypes.bool,
2017-10-26 15:18:08 +08:00
},
2019-01-12 11:33:27 +08:00
provide() {
2017-11-06 17:46:08 +08:00
return {
2017-11-07 11:58:47 +08:00
checkboxGroupContext: this,
2019-01-12 11:33:27 +08:00
};
2017-11-06 17:46:08 +08:00
},
2019-03-15 11:20:37 +08:00
inject: {
2019-09-11 22:35:25 +08:00
configProvider: { default: () => ConfigConsumerProps },
2019-03-15 11:20:37 +08:00
},
2019-01-12 11:33:27 +08:00
data() {
const { value, defaultValue } = this;
2017-11-02 11:48:38 +08:00
return {
sValue: value || defaultValue || [],
2019-01-12 11:33:27 +08:00
};
2017-11-02 11:48:38 +08:00
},
update to antd3.8.3 (#159) * refactor: align * feat: update align to 2.4.3 * feat: update trigger 2.5.4 * feat: update tooltip 3.7.2 * fix: align * feat: update vc-calendar to 9.6.2 * feat: update vc-checkbox to 2.1.5 * feat: update vc-dialog to 7.1.8 * feat: update vc-from to 2.2.1 * feat: update vc-notification to 3.1.1 * test: update snapshots * feat: update vc-tree to 1.12.6 * feat: update vc-table to 6.2.8 * feat: update vc-upload to 2.5.1 * feat: update vc-input-number to 4.0.12 * feat: update vc-tabs to 9.2.6 * refactor: vc-menu * refactor: update vc-menu to 7.0.5 * style: remove unused * feat: update pagination to 1.16.5 * feat: add vc-progress 2.2.5 tag * feat: add vc-rate 2.4.0 tag * feat: update vc-slider to 8.6.1 * fix: tooltip error * style: delete conosle * feat: update vc-steps to 3.1.1 * add vc-switch tag 1.6.0 * feat: update upload to 2.5.1 * fix: update vc-menu * fix: update store * fix: add ref dir * fix: trigger mock shouldComponentUpdate * fix: update vc-select * revert: trigger lazyrenderbox * fix: update vc-select * fix: update vc-select * fix: update vc-select * fix: update vc-menu * fix: update vc-slick ref * update style to 3.8.2 * test: update snapshots * update vc-select * update util & affix * feat: add drawer * fix: support title add slot mode * test: update affix test * update alert * update anchor * update snapshots * fix: doc and vc-drawer * update select & auto-complete * update back-top & grid * feractor: avatar * test: add drawer test * update badge * update button * update card * update divider * feat: update vc-tabs to 9.3.6 and tabs * add afterEnter callback * update form * fix: update drawer * test: update snapshots * update modal & notification * test: update snapshots * update message * update locale-provider * update dropdown * update layout popconfirm popover * update time-picker * update menu * update date-picker * docs: update input docs * update input * update snapshots * update table * update test snapshots * feat: update progress * update checkbox * feat: update spin * update radio * docs: slider steps timeline * update list * update transfer * update collapse * update cascader * update upload
2018-09-05 21:28:54 +08:00
watch: {
2019-01-12 11:33:27 +08:00
value(val) {
this.sValue = val;
2017-10-26 15:18:08 +08:00
},
update to antd3.8.3 (#159) * refactor: align * feat: update align to 2.4.3 * feat: update trigger 2.5.4 * feat: update tooltip 3.7.2 * fix: align * feat: update vc-calendar to 9.6.2 * feat: update vc-checkbox to 2.1.5 * feat: update vc-dialog to 7.1.8 * feat: update vc-from to 2.2.1 * feat: update vc-notification to 3.1.1 * test: update snapshots * feat: update vc-tree to 1.12.6 * feat: update vc-table to 6.2.8 * feat: update vc-upload to 2.5.1 * feat: update vc-input-number to 4.0.12 * feat: update vc-tabs to 9.2.6 * refactor: vc-menu * refactor: update vc-menu to 7.0.5 * style: remove unused * feat: update pagination to 1.16.5 * feat: add vc-progress 2.2.5 tag * feat: add vc-rate 2.4.0 tag * feat: update vc-slider to 8.6.1 * fix: tooltip error * style: delete conosle * feat: update vc-steps to 3.1.1 * add vc-switch tag 1.6.0 * feat: update upload to 2.5.1 * fix: update vc-menu * fix: update store * fix: add ref dir * fix: trigger mock shouldComponentUpdate * fix: update vc-select * revert: trigger lazyrenderbox * fix: update vc-select * fix: update vc-select * fix: update vc-select * fix: update vc-menu * fix: update vc-slick ref * update style to 3.8.2 * test: update snapshots * update vc-select * update util & affix * feat: add drawer * fix: support title add slot mode * test: update affix test * update alert * update anchor * update snapshots * fix: doc and vc-drawer * update select & auto-complete * update back-top & grid * feractor: avatar * test: add drawer test * update badge * update button * update card * update divider * feat: update vc-tabs to 9.3.6 and tabs * add afterEnter callback * update form * fix: update drawer * test: update snapshots * update modal & notification * test: update snapshots * update message * update locale-provider * update dropdown * update layout popconfirm popover * update time-picker * update menu * update date-picker * docs: update input docs * update input * update snapshots * update table * update test snapshots * feat: update progress * update checkbox * feat: update spin * update radio * docs: slider steps timeline * update list * update transfer * update collapse * update cascader * update upload
2018-09-05 21:28:54 +08:00
},
methods: {
2019-01-12 11:33:27 +08:00
getOptions() {
const { options, $scopedSlots } = this;
2018-01-16 15:41:00 +08:00
return options.map(option => {
if (typeof option === 'string') {
return {
label: option,
value: option,
2019-01-12 11:33:27 +08:00
};
2018-01-16 15:41:00 +08:00
}
2019-01-12 11:33:27 +08:00
let label = option.label;
if (label === undefined && $scopedSlots.label) {
2019-01-12 11:33:27 +08:00
label = $scopedSlots.label(option);
}
2019-01-12 11:33:27 +08:00
return { ...option, label };
});
2018-01-16 15:41:00 +08:00
},
2019-01-12 11:33:27 +08:00
toggleOption(option) {
const optionIndex = this.sValue.indexOf(option.value);
const value = [...this.sValue];
2018-01-16 15:41:00 +08:00
if (optionIndex === -1) {
2019-01-12 11:33:27 +08:00
value.push(option.value);
2018-01-16 15:41:00 +08:00
} else {
2019-01-12 11:33:27 +08:00
value.splice(optionIndex, 1);
2018-01-16 15:41:00 +08:00
}
if (!hasProp(this, 'value')) {
2019-01-12 11:33:27 +08:00
this.sValue = value;
2018-01-16 15:41:00 +08:00
}
2019-01-12 11:33:27 +08:00
this.$emit('input', value);
this.$emit('change', value);
2018-01-16 15:41:00 +08:00
},
2017-10-26 15:18:08 +08:00
},
2019-01-12 11:33:27 +08:00
render() {
const { $props: props, $data: state, $slots } = this;
2019-03-15 11:20:37 +08:00
const { prefixCls: customizePrefixCls, options } = props;
2019-09-11 22:35:25 +08:00
const getPrefixCls = this.configProvider.getPrefixCls;
2019-03-15 11:20:37 +08:00
const prefixCls = getPrefixCls('checkbox', customizePrefixCls);
2019-01-12 11:33:27 +08:00
let children = $slots.default;
const groupPrefixCls = `${prefixCls}-group`;
2018-01-16 15:41:00 +08:00
if (options && options.length > 0) {
children = this.getOptions().map(option => (
<Checkbox
update to antd3.8.3 (#159) * refactor: align * feat: update align to 2.4.3 * feat: update trigger 2.5.4 * feat: update tooltip 3.7.2 * fix: align * feat: update vc-calendar to 9.6.2 * feat: update vc-checkbox to 2.1.5 * feat: update vc-dialog to 7.1.8 * feat: update vc-from to 2.2.1 * feat: update vc-notification to 3.1.1 * test: update snapshots * feat: update vc-tree to 1.12.6 * feat: update vc-table to 6.2.8 * feat: update vc-upload to 2.5.1 * feat: update vc-input-number to 4.0.12 * feat: update vc-tabs to 9.2.6 * refactor: vc-menu * refactor: update vc-menu to 7.0.5 * style: remove unused * feat: update pagination to 1.16.5 * feat: add vc-progress 2.2.5 tag * feat: add vc-rate 2.4.0 tag * feat: update vc-slider to 8.6.1 * fix: tooltip error * style: delete conosle * feat: update vc-steps to 3.1.1 * add vc-switch tag 1.6.0 * feat: update upload to 2.5.1 * fix: update vc-menu * fix: update store * fix: add ref dir * fix: trigger mock shouldComponentUpdate * fix: update vc-select * revert: trigger lazyrenderbox * fix: update vc-select * fix: update vc-select * fix: update vc-select * fix: update vc-menu * fix: update vc-slick ref * update style to 3.8.2 * test: update snapshots * update vc-select * update util & affix * feat: add drawer * fix: support title add slot mode * test: update affix test * update alert * update anchor * update snapshots * fix: doc and vc-drawer * update select & auto-complete * update back-top & grid * feractor: avatar * test: add drawer test * update badge * update button * update card * update divider * feat: update vc-tabs to 9.3.6 and tabs * add afterEnter callback * update form * fix: update drawer * test: update snapshots * update modal & notification * test: update snapshots * update message * update locale-provider * update dropdown * update layout popconfirm popover * update time-picker * update menu * update date-picker * docs: update input docs * update input * update snapshots * update table * update test snapshots * feat: update progress * update checkbox * feat: update spin * update radio * docs: slider steps timeline * update list * update transfer * update collapse * update cascader * update upload
2018-09-05 21:28:54 +08:00
prefixCls={prefixCls}
key={option.value.toString()}
2018-01-16 15:41:00 +08:00
disabled={'disabled' in option ? option.disabled : props.disabled}
value={option.value}
checked={state.sValue.indexOf(option.value) !== -1}
2018-11-30 22:58:46 +08:00
onChange={option.onChange || noop}
update to antd3.8.3 (#159) * refactor: align * feat: update align to 2.4.3 * feat: update trigger 2.5.4 * feat: update tooltip 3.7.2 * fix: align * feat: update vc-calendar to 9.6.2 * feat: update vc-checkbox to 2.1.5 * feat: update vc-dialog to 7.1.8 * feat: update vc-from to 2.2.1 * feat: update vc-notification to 3.1.1 * test: update snapshots * feat: update vc-tree to 1.12.6 * feat: update vc-table to 6.2.8 * feat: update vc-upload to 2.5.1 * feat: update vc-input-number to 4.0.12 * feat: update vc-tabs to 9.2.6 * refactor: vc-menu * refactor: update vc-menu to 7.0.5 * style: remove unused * feat: update pagination to 1.16.5 * feat: add vc-progress 2.2.5 tag * feat: add vc-rate 2.4.0 tag * feat: update vc-slider to 8.6.1 * fix: tooltip error * style: delete conosle * feat: update vc-steps to 3.1.1 * add vc-switch tag 1.6.0 * feat: update upload to 2.5.1 * fix: update vc-menu * fix: update store * fix: add ref dir * fix: trigger mock shouldComponentUpdate * fix: update vc-select * revert: trigger lazyrenderbox * fix: update vc-select * fix: update vc-select * fix: update vc-select * fix: update vc-menu * fix: update vc-slick ref * update style to 3.8.2 * test: update snapshots * update vc-select * update util & affix * feat: add drawer * fix: support title add slot mode * test: update affix test * update alert * update anchor * update snapshots * fix: doc and vc-drawer * update select & auto-complete * update back-top & grid * feractor: avatar * test: add drawer test * update badge * update button * update card * update divider * feat: update vc-tabs to 9.3.6 and tabs * add afterEnter callback * update form * fix: update drawer * test: update snapshots * update modal & notification * test: update snapshots * update message * update locale-provider * update dropdown * update layout popconfirm popover * update time-picker * update menu * update date-picker * docs: update input docs * update input * update snapshots * update table * update test snapshots * feat: update progress * update checkbox * feat: update spin * update radio * docs: slider steps timeline * update list * update transfer * update collapse * update cascader * update upload
2018-09-05 21:28:54 +08:00
class={`${groupPrefixCls}-item`}
2018-01-16 15:41:00 +08:00
>
{option.label}
</Checkbox>
2019-01-12 11:33:27 +08:00
));
2018-01-16 15:41:00 +08:00
}
2019-01-12 11:33:27 +08:00
return <div class={groupPrefixCls}>{children}</div>;
2017-10-26 15:18:08 +08:00
},
2019-01-12 11:33:27 +08:00
};