| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556 |
- import { inject, getCurrentInstance, computed, watch, nextTick } from 'vue';
- import { checkboxGroupContextKey } from '../constants.mjs';
- import { useFormItem } from '../../../form/src/hooks/use-form-item.mjs';
- import { debugWarn } from '../../../../utils/error.mjs';
- import { CHANGE_EVENT } from '../../../../constants/event.mjs';
- const useCheckboxEvent = (props, {
- model,
- isLimitExceeded,
- hasOwnLabel,
- isDisabled,
- isLabeledByFormItem
- }) => {
- const checkboxGroup = inject(checkboxGroupContextKey, void 0);
- const { formItem } = useFormItem();
- const { emit } = getCurrentInstance();
- function getLabeledValue(value) {
- var _a, _b, _c, _d;
- return [true, props.trueValue, props.trueLabel].includes(value) ? (_b = (_a = props.trueValue) != null ? _a : props.trueLabel) != null ? _b : true : (_d = (_c = props.falseValue) != null ? _c : props.falseLabel) != null ? _d : false;
- }
- function emitChangeEvent(checked, e) {
- emit(CHANGE_EVENT, getLabeledValue(checked), e);
- }
- function handleChange(e) {
- if (isLimitExceeded.value)
- return;
- const target = e.target;
- emit(CHANGE_EVENT, getLabeledValue(target.checked), e);
- }
- async function onClickRoot(e) {
- if (isLimitExceeded.value)
- return;
- if (!hasOwnLabel.value && !isDisabled.value && isLabeledByFormItem.value) {
- const eventTargets = e.composedPath();
- const hasLabel = eventTargets.some((item) => item.tagName === "LABEL");
- if (!hasLabel) {
- model.value = getLabeledValue([false, props.falseValue, props.falseLabel].includes(model.value));
- await nextTick();
- emitChangeEvent(model.value, e);
- }
- }
- }
- const validateEvent = computed(() => (checkboxGroup == null ? void 0 : checkboxGroup.validateEvent) || props.validateEvent);
- watch(() => props.modelValue, () => {
- if (validateEvent.value) {
- formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn());
- }
- });
- return {
- handleChange,
- onClickRoot
- };
- };
- export { useCheckboxEvent };
- //# sourceMappingURL=use-checkbox-event.mjs.map
|