element-plus
Version:
A Component Library for Vue 3
28 lines (27 loc) • 795 B
JavaScript
import { watch } from 'vue';
import { on } from 'element-plus/es/utils/dom';
import { EVENT_CODE } from 'element-plus/es/utils/aria';
import isServer from 'element-plus/es/utils/isServer';
const modalStack = [];
const closeModal = (e) => {
if (modalStack.length === 0)
return;
if (e.code === EVENT_CODE.esc) {
e.stopPropagation();
const topModal = modalStack[modalStack.length - 1];
topModal.handleClose();
}
};
export default (instance, visibleRef) => {
watch(() => visibleRef.value, (val) => {
if (val) {
modalStack.push(instance);
}
else {
modalStack.splice(modalStack.findIndex((modal) => modal === instance), 1);
}
});
};
if (!isServer) {
on(document, 'keydown', closeModal);
}