You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
30 lines
759 B
30 lines
759 B
1 month ago
|
import { watch } from 'vue';
|
||
|
|
import { isClient, useEventListener } from '@vueuse/core';
|
||
|
|
import '../../constants/index.mjs';
|
||
|
|
import { EVENT_CODE } from '../../constants/aria.mjs';
|
||
|
|
|
||
|
|
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();
|
||
|
|
}
|
||
|
|
};
|
||
|
|
const useModal = (instance, visibleRef) => {
|
||
|
|
watch(visibleRef, (val) => {
|
||
|
|
if (val) {
|
||
|
|
modalStack.push(instance);
|
||
|
|
} else {
|
||
|
|
modalStack.splice(modalStack.indexOf(instance), 1);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
};
|
||
|
|
if (isClient)
|
||
|
|
useEventListener(document, "keydown", closeModal);
|
||
|
|
|
||
|
|
export { useModal };
|
||
|
|
//# sourceMappingURL=index.mjs.map
|