31 lines
943 B
JavaScript
31 lines
943 B
JavaScript
|
import { ref, onBeforeMount, onBeforeUnmount } from 'vue';
|
||
|
|
import { isBrowser } from "../env/is-browser.mjs";
|
||
|
|
const isComposingRef = ref(false);
|
||
|
|
const compositionStartHandler = () => {
|
||
|
|
isComposingRef.value = true;
|
||
|
|
};
|
||
|
|
const compositionEndHandler = () => {
|
||
|
|
isComposingRef.value = false;
|
||
|
|
};
|
||
|
|
let mountedCount = 0;
|
||
|
|
export const useIsComposing = () => {
|
||
|
|
if (isBrowser) {
|
||
|
|
onBeforeMount(() => {
|
||
|
|
if (!mountedCount) {
|
||
|
|
window.addEventListener('compositionstart', compositionStartHandler);
|
||
|
|
window.addEventListener('compositionend', compositionEndHandler);
|
||
|
|
}
|
||
|
|
mountedCount++;
|
||
|
|
});
|
||
|
|
onBeforeUnmount(() => {
|
||
|
|
if (mountedCount <= 1) {
|
||
|
|
window.removeEventListener('compositionstart', compositionStartHandler);
|
||
|
|
window.removeEventListener('compositionend', compositionEndHandler);
|
||
|
|
mountedCount = 0;
|
||
|
|
} else {
|
||
|
|
mountedCount--;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
return isComposingRef;
|
||
|
|
};
|