import Vue from 'vue'

Vue.directive("fofo",{
  inserted(el) {
    // 判斷拿到的元素名稱
    if (el.nodeName === 'INPUT' || el.nodeName === 'TEXTAREA') {
      el.focus()
  	} else {
     // 嘗試向內(nèi)層獲取一下
      el.querySelector('input').focus()
    }
  }
})

<template>
	<div>
        <input type="text" v-model="kw" @input="inputFn"/>
    </div>
</template>
<script>
export default{
    data(){
        return{
            kw:'',
            timer:null
        }
    },
    methods:{
        inputFn(){
            clearTimeout(this.timer)
      		this.timer = setTimeout(() => {
                if(this.kw === '') return
                // 這里可以發(fā)送Ajax請求，根據(jù)用戶輸入的關(guān)鍵字拿到后臺返回的搜索聯(lián)想列表
                console.log(this.kw)
            }, 1000) // 當用戶停止輸入內(nèi)容一秒后會執(zhí)行定時器內(nèi)的邏輯，如果一秒內(nèi)又寫了內(nèi)容就會重新計時
      	}
   	}
}
</script>

export const lightFn = (str, targetStr) => {
    // 忽略大小寫且全局匹配
  const reg = new RegExp(targetStr, 'ig')
  return str.replace(reg, match => {
    return `<span style="color:red">${match}</span>`
  })
}

export function formatExcelDate(numb, format = '/') {
  const time = new Date((numb - 25567) * 24 * 3600000 - 5 * 60 * 1000 - 43 * 1000 - 24 * 3600000 - 8 * 3600000)
  time.setYear(time.getFullYear())
  const year = time.getFullYear() + ''
  const month = time.getMonth() + 1 + ''
  const date = time.getDate() + ''
  if (format && format.length === 1) {
    return year + format + month + format + date
  }
  return year + (month < 10 ? '0' + month : month) + (date < 10 ? '0' + date : date)
}