// 输入框获取焦点的时候禁用控制台动作
import store from '@/store'

const focusDisableKeys = {
	mounted(el) {
		const inputEl = el.querySelectorAll('input')?.[0] || el.querySelectorAll('textarea')?.[0]
		inputEl.__vueFocusHandler__ = {
			focus: () => (store.state.task.keysDisabled = true),
			blur: () => (store.state.task.keysDisabled = false),
		}
		inputEl.addEventListener('focus', inputEl.__vueFocusHandler__.focus)
		inputEl.addEventListener('blur', inputEl.__vueFocusHandler__.blur)
	},
	unmounted(el) {
		const inputEl = el.querySelectorAll('input')?.[0] || el.querySelectorAll('textarea')?.[0]
		inputEl.removeEventListener('focus', inputEl.__vueFocusHandler__.focus)
		inputEl.removeEventListener('blur', inputEl.__vueFocusHandler__.blur)
		delete inputEl.__vueFocusHandler__
	},
}

export default focusDisableKeys