quasar
Version:
Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time
34 lines (30 loc) • 1.18 kB
JavaScript
import { client } from '../../plugins/platform/Platform.js'
const isJapanese =
/[\u3000-\u303f\u3040-\u309f\u30a0-\u30ff\uff00-\uff9f\u4e00-\u9faf\u3400-\u4dbf]/
const isChinese =
/[\u4e00-\u9fff\u3400-\u4dbf\u{20000}-\u{2a6df}\u{2a700}-\u{2b73f}\u{2b740}-\u{2b81f}\u{2b820}-\u{2ceaf}\uf900-\ufaff\u3300-\u33ff\ufe30-\ufe4f\uf900-\ufaff\u{2f800}-\u{2fa1f}]/u
const isKorean = /[\u3131-\u314e\u314f-\u3163\uac00-\ud7a3]/
const isPlainText = /[a-z0-9_ -]$/i
export default function useKeyComposition(onInput) {
return function onComposition(e) {
if (e.type === 'compositionend' || e.type === 'change') {
if (e.target.qComposing !== true) return
e.target.qComposing = false
onInput(e)
} else if (
e.type === 'compositionupdate' &&
e.target.qComposing !== true &&
typeof e.data === 'string'
) {
const isComposing =
client.is.firefox === true
? isPlainText.test(e.data) === false
: isJapanese.test(e.data) === true ||
isChinese.test(e.data) === true ||
isKorean.test(e.data) === true
if (isComposing === true) {
e.target.qComposing = true
}
}
}
}