import Vue from 'vue';

import { Message } from 'element-ui'

// 过滤输入框表情

Vue.directive('noEmoji', {

  bind: function (el) {

    console.log(el, 'bind')

  },

  inserted: function (el) {

    console.log(el, 'inserted')

  },

  update: function clearEmoji(el, binding, vnode, oldVnode) {

    let emojiRegex = require('emoji-regex')

    let regex = emojiRegex()

    let match = regex.exec(el.value)

    if(match) {

      Message('此输入框不支持表情')

      el.value = el.value.replace(match[0], "")

      if (binding && binding.value) {

        let vm = binding.value.vm

        let attr = binding.value.attr

        let length = attr.length

        switch (length) {

          case 1:

            vm.$set(vm, attr[0], el.value);

            break;

          case 2:

            vm.$set(vm[attr[0]], attr[1], el.value);

            break;

          default:

            return false

        }

      }

      clearEmoji(el)

    }

  },

  componentUpdated: function(el, binding, vnode, oldVnode) {

    console.log(el, 'componentUpdated')

  },

  unbind: function(el, binding, vnode, oldVnode) {

    console.log(el, 'unbind')

  },

})