song-ui-u
Version:
vue3 + js的PC前端组件库
40 lines (37 loc) • 1.37 kB
JavaScript
import { getCurrentInstance, computed } from 'vue';
import { types } from '../../../../utils/types.mjs';
import 'song-ui-pro-icon';
function useCheckboxEvent({ props, model, checkboxGroupKey, isDisabled, isGroup, isLoading }) {
const { emit } = getCurrentInstance();
const changeEvent = (e) => emit("change", e.target.checked, e);
const beforeChange = computed(() => isGroup ? checkboxGroupKey?.beforeChange?.value : props.beforeChange);
const isBeforeChange = computed(() => types().isFunction(beforeChange.value));
const clickEvent = (e) => {
if (isBeforeChange.value || isDisabled.value || isLoading.value) {
const ev = e || window.event;
ev.preventDefault();
if (isBeforeChange.value && !isDisabled.value && !isLoading.value) {
isLoading.value = true;
beforeChange.value().then(() => {
updateData();
isLoading.value = false;
}).catch(() => {
isLoading.value = false;
});
}
}
};
const updateData = () => {
if (isGroup) {
const index = model.value.findIndex((v) => v === props.value)(index !== -1) ? model.value.splice(index, 1) : model.value.push(props.value);
} else {
model.value = !model.value;
}
};
return {
changeEvent,
clickEvent
};
}
export { useCheckboxEvent };
//# sourceMappingURL=use-checkbox-event.mjs.map