naive-ui
Version:
A Vue 3 Component Library. Fairly Complete, Theme Customizable, Uses TypeScript, Fast
31 lines • 931 B
JavaScript
import { onBeforeMount, onBeforeUnmount, ref } from 'vue';
import { isBrowser } from "../env/is-browser.mjs";
const isComposingRef = ref(false);
function compositionStartHandler() {
isComposingRef.value = true;
}
function compositionEndHandler() {
isComposingRef.value = false;
}
let mountedCount = 0;
export function 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;
}