import Vue from 'vue'
import limitInputNumbers from '@/utils/functions/limit-input-numbers'

// 输入数字
Vue.directive('limit-input-numbers', limitInputNumbers)

// Vue自定义指令文档：https://cn.vuejs.org/v2/guide/custom-directive.html
Vue.directive('auto-focus', {
  // 当被绑定的元素插入到 DOM 中时……
  inserted: function (el) {
    const autoFocusArr = ['input', 'textarea']
    const tagName = el.nodeName.toLowerCase()
    const isTag = autoFocusArr.find((item) => {
      return item === tagName
    })

    setTimeout(() => {
      if (isTag) {
        el.focus()
      } else {
        const dom = el.querySelector('.van-field__control')
        dom.focus()
      }
    }, 30)
  }
})