bk-magic-vue 2.5.9-beta.2 → 2.5.9-beta.21

package/lib/transfer.js

@@ -1,10 +1,11 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('bk-magic-vue/lib/locale')) :
-  typeof define === 'function' && define.amd ? define(['exports', 'bk-magic-vue/lib/locale'], factory) :
-  (global = global || self, factory(global.library = {}, global.locale));
-}(this, function (exports, locale) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('bk-magic-vue/lib/locale'), require('vue')) :
+  typeof define === 'function' && define.amd ? define(['exports', 'bk-magic-vue/lib/locale', 'vue'], factory) :
+  (global = global || self, factory(global.library = {}, global.locale, global.Vue));
+}(this, function (exports, locale, Vue) { 'use strict';
 
   locale = locale && locale.hasOwnProperty('default') ? locale['default'] : locale;
+  Vue = Vue && Vue.hasOwnProperty('default') ? Vue['default'] : Vue;
 
   function _typeof(obj) {
     "@babel/helpers - typeof";
@@ -537,803 +538,6 @@
     }
   };
 
-  var script = {
-    name: 'bk-input',
-    mixins: [emitter, locale.mixin],
-    props: {
-      type: {
-        type: String,
-        default: 'text',
-        validator: function validator(value) {
-          return ['text', 'textarea', 'password', 'number', 'email', 'url', 'date'].indexOf(value) > -1;
-        }
-      },
-      value: {
-        type: [String, Number],
-        default: ''
-      },
-      placeholder: {
-        type: String,
-        default: ''
-      },
-      disabled: {
-        type: Boolean,
-        default: false
-      },
-      clearable: {
-        type: Boolean,
-        default: false
-      },
-      readonly: {
-        type: Boolean,
-        default: false
-      },
-      name: {
-        type: String,
-        default: ''
-      },
-      maxlength: {
-        type: [Number, String]
-      },
-      minlength: {
-        type: [Number, String]
-      },
-      min: {
-        type: Number,
-        default: minSafeInteger$1
-      },
-      max: {
-        type: Number,
-        default: maxSafeInteger$1
-      },
-      size: {
-        type: String,
-        default: '',
-        validator: function validator(val) {
-          return ['', 'large', 'small'].includes(val);
-        }
-      },
-      leftIcon: {
-        type: String,
-        default: ''
-      },
-      rightIcon: {
-        type: String,
-        default: ''
-      },
-      rows: {
-        type: Number
-      },
-      inputStyle: {
-        type: Object
-      },
-      fontSize: {
-        type: String,
-        default: 'normal'
-      },
-      precision: Number,
-      passwordIcon: {
-        type: Array,
-        default: function _default() {
-          return ['icon-eye-slash', 'icon-eye'];
-        }
-      },
-      showControls: {
-        type: Boolean,
-        default: true
-      },
-      extCls: {
-        type: String,
-        default: ''
-      },
-      nativeAttributes: {
-        type: Object,
-        default: null
-      },
-      showWordLimit: {
-        type: Boolean,
-        default: undefined
-      },
-      behavior: {
-        type: String,
-        default: 'normal',
-        validate: function validate(v) {
-          return ['simplicity', 'normal'].indexOf(v) > -1;
-        }
-      },
-      showClearOnlyHover: {
-        type: Boolean,
-        default: false
-      },
-      allowNumberPaste: {
-        type: Boolean,
-        default: false
-      }
-    },
-    data: function data() {
-      return {
-        hover: false,
-        curValue: '',
-        prepend: false,
-        append: false,
-        isActive: false,
-        defaultPlaceholder: '',
-        rightIconStyle: {
-          right: '10px'
-        },
-        rightPasswordIconStyle: {
-          right: '10px'
-        },
-        inputType: this.type,
-        inputSize: this.size,
-        inputPasswordIcon: this.passwordIcon,
-        inputRightPadding: '10px',
-        iconAreaSizeObserver: null,
-        validKeyCodeList: [48, 49, 50, 51, 52, 53, 54, 55, 56, 57,
-        96, 97, 98, 99, 100, 101, 102, 103, 104, 105,
-        8,
-        189,
-        109,
-        190,
-        110,
-        38, 40, 37, 39,
-        46,
-        9
-        ],
-        isOnComposition: false
-      };
-    },
-    computed: {
-      showClearIcon: function showClearIcon() {
-        return this.clearable && this.curValue && !this.disabled && (this.showClearOnlyHover ? this.hover : true);
-      },
-      showPwdVisable: function showPwdVisable() {
-        return this.type === 'password' && this.curValue && this.inputPasswordIcon.length && !this.readonly && !this.disabled;
-      },
-      showInputWordLimit: function showInputWordLimit() {
-        if (!['text', 'textarea'].includes(this.type)) return false;
-        return this.type === 'text' ? this.maxlength && this.showWordLimit : this.maxlength && this.showWordLimit !== false;
-      },
-      bindAttribute: function bindAttribute() {
-        return this.getAttributeByType(this.inputType);
-      },
-      computedStyle: function computedStyle() {
-        return _extends(this.inputType === 'textarea' ? {} : {
-          'padding-right': this.inputRightPadding
-        }, this.inputStyle);
-      },
-      showLeftIcon: function showLeftIcon() {
-        return this.leftIcon;
-      },
-      showRightIcon: function showRightIcon() {
-        return this.rightIcon || this.clearable && this.curValue || this.type === 'password' || this.maxlength;
-      },
-      showTwoRightIcon: function showTwoRightIcon() {
-        return this.clearable && this.curValue && this.type === 'password';
-      },
-      wrapperClass: function wrapperClass() {
-        var wrapperClass = ['bk-form-control', {
-          'with-left-icon': this.showLeftIcon,
-          'with-right-icon': this.showRightIcon,
-          'with-two-right-icon': this.showTwoRightIcon,
-          'control-prepend-group': this.prepend,
-          'control-append-group': this.append,
-          'control-active': this.isActive,
-          'control-disable': this.disabled
-        }];
-        if (this.inputSize) {
-          wrapperClass.push("bk-input-wrapper-".concat(this.inputSize));
-        }
-        return wrapperClass;
-      },
-      fontSizeCls: function fontSizeCls() {
-        var cls = '';
-        if (this.fontSize === 'medium') {
-          cls = 'medium-font';
-        } else if (this.fontSize === 'large') {
-          cls = 'large-font';
-        }
-        return cls;
-      },
-      inputSizeCls: function inputSizeCls() {
-        if (this.inputSize) {
-          return "bk-input-".concat(this.inputSize);
-        }
-        return '';
-      }
-    },
-    watch: {
-      value: {
-        handler: function handler(val, old) {
-          this.setCurValue(val);
-          old === undefined && this.updateNumberValue(val);
-        },
-        immediate: true
-      },
-      placeholder: function placeholder(val) {
-        this.defaultPlaceholder = val || this.t('bk.input.input');
-      },
-      type: function type(val) {
-        this.inputType = val;
-      },
-      size: function size(val) {
-        this.inputSize = val;
-      }
-    },
-    created: function created() {
-      this.defaultPlaceholder = this.placeholder || this.t('bk.input.input');
-    },
-    mounted: function mounted() {
-      var _this = this;
-      this.prepend = this.$slots.prepend !== undefined;
-      this.append = this.$slots.append !== undefined;
-      if (this.$slots.append) {
-        this.$nextTick(function () {
-          var appendWidth = _parseFloat$2(getStyle(_this.$slots.append[0].elm, 'width'));
-          _this.rightIconStyle = {
-            right: _parseFloat$2(_this.rightIconStyle.right) + appendWidth + 'px'
-          };
-        });
-      }
-      if (this.clearable) {
-        this.rightPasswordIconStyle = {
-          right: '30px'
-        };
-      }
-      this.observerIconSize();
-    },
-    beforeDestroy: function beforeDestroy() {
-      this.iconAreaSizeObserver && typeof this.iconAreaSizeObserver.disconnect === 'function' && this.iconAreaSizeObserver.disconnect();
-      this.iconAreaSizeObserver = null;
-    },
-    methods: {
-      observerIconSize: function observerIconSize() {
-        var _this2 = this;
-        var element = this.$refs.rightIconArea;
-        if (!element) return;
-        if (typeof ResizeObserver !== 'undefined') {
-          var defaultPadding = 10;
-          this.iconAreaSizeObserver = new ResizeObserver(function (entries) {
-            var _iterator = _createForOfIteratorHelper(entries),
-              _step;
-            try {
-              for (_iterator.s(); !(_step = _iterator.n()).done;) {
-                var entry = _step.value;
-                var cr = entry.contentRect;
-                _this2.inputRightPadding = "".concat(cr.width + defaultPadding, "px");
-              }
-            } catch (err) {
-              _iterator.e(err);
-            } finally {
-              _iterator.f();
-            }
-          });
-          this.iconAreaSizeObserver.observe(element);
-        }
-      },
-      getAttributeByType: function getAttributeByType() {
-        var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-        var defaultAttr = {
-          type: type,
-          name: this.name,
-          placeholder: this.defaultPlaceholder,
-          disabled: this.disabled,
-          readonly: this.readonly,
-          maxlength: this.maxlength,
-          minlength: this.minlength,
-          value: this.curValue
-        };
-        type = type.toLocaleLowerCase();
-        var outputAttr = this.nativeAttributes || {};
-        switch (type) {
-          case 'number':
-            var numberAttr = {
-              min: this.min,
-              max: this.max
-            };
-            _extends(outputAttr, defaultAttr, numberAttr);
-            outputAttr.type = 'text';
-            break;
-          case 'textarea':
-            var txtAttr = {
-              rows: this.rows
-            };
-            _extends(outputAttr, defaultAttr, txtAttr);
-            break;
-          default:
-            _extends(outputAttr, defaultAttr);
-            break;
-        }
-        return outputAttr;
-      },
-      handleToFixed: function handleToFixed(defaultNumber, length) {
-        var len = _parseInt$2(length, 10);
-        var number = Number(defaultNumber);
-        if (isNaN(number) || number >= Math.pow(10, 21)) {
-          return number.toString();
-        }
-        if (typeof len === 'undefined' || len === 0) {
-          return Math.round(number).toString();
-        }
-        var result = number.toString();
-        var numberArr = result.split('.');
-        if (numberArr.length < 2) {
-          return this.handlePadNum(result, len);
-        }
-        var intNum = numberArr[0];
-        var deciNum = numberArr[1];
-        var lastNum = deciNum.substr(len, 1);
-        if (deciNum.length === len) {
-          return result;
-        }
-        if (deciNum.length < len) {
-          return this.handlePadNum(result, len);
-        }
-        result = intNum + '.' + deciNum.substr(0, len);
-        if (_parseInt$2(lastNum, 10) >= 5) {
-          var times = Math.pow(10, len);
-          var changedInt = Number(result.replace('.', ''));
-          changedInt++;
-          changedInt /= times;
-          result = this.handlePadNum(changedInt + '', len);
-        }
-        return result;
-      },
-      handlePadNum: function handlePadNum(num, len) {
-        var dotPos = num.indexOf('.');
-        if (dotPos === -1) {
-          num += '.';
-          for (var i = 0; i < len; i++) {
-            num += '0';
-          }
-          return num;
-        } else {
-          var need = len - (num.length - dotPos - 1);
-          for (var j = 0; j < need; j++) {
-            num += '0';
-          }
-          return num;
-        }
-      },
-      handleNumberDelete: function handleNumberDelete(event) {
-        this.curValue === '' && (this.curValue = this.max);
-        var curNumberValue = Number(this.curValue);
-        if (curNumberValue - 1 >= this.min) {
-          var curLenAfterDot = (String(curNumberValue) || '').split('.')[1] || '';
-          var newVal = curNumberValue - 1;
-          if (typeof this.precision !== 'undefined') {
-            newVal = this.handleToFixed(newVal, Math.min(16, Math.max(curLenAfterDot.length, this.precision)));
-          }
-          this.setCurValue(newVal);
-          this.$emit('input', newVal, event);
-          this.$emit('change', newVal, event);
-          this.dispatch('bk-form-item', 'form-change');
-        }
-      },
-      handleNumberAdd: function handleNumberAdd(event) {
-        this.curValue === '' && (this.curValue = this.min);
-        var curNumberValue = Number(this.curValue);
-        if (curNumberValue <= this.max - 1) {
-          var curLenAfterDot = (String(curNumberValue) || '').split('.')[1] || '';
-          var newVal = curNumberValue + 1;
-          if (typeof this.precision !== 'undefined') {
-            newVal = this.handleToFixed(newVal, Math.min(16, Math.max(curLenAfterDot.length, this.precision)));
-          }
-          this.setCurValue(newVal);
-          this.$emit('input', newVal, event);
-          this.$emit('change', newVal, event);
-          this.dispatch('bk-form-item', 'form-change');
-        }
-      },
-      handlerEnter: function handlerEnter(event) {
-        var value = event.target.value;
-        this.$emit('enter', value, event);
-      },
-      handlerKeyup: function handlerKeyup(event) {
-        var value = event.target.value;
-        this.$emit('keyup', value, event);
-      },
-      handlerKeypress: function handlerKeypress(event) {
-        var value = event.target.value;
-        this.$emit('keypress', value, event);
-      },
-      handlerKeydown: function handlerKeydown(event) {
-        var keyCode = event.keyCode;
-        var target = event.currentTarget;
-        var value = target.value;
-        var isPaste = (event.ctrlKey || event.metaKey) && keyCode === 86;
-        if (this.inputType === 'number') {
-          if (!(this.allowNumberPaste && isPaste) && (this.validKeyCodeList.indexOf(keyCode) < 0 || event.shiftKey || event.altKey || event.ctrlKey || event.metaKey)) {
-            event.stopPropagation();
-            event.preventDefault();
-            return false;
-          }
-          if (keyCode === 190) {
-            if (String(value).trim()) {
-              if (value.indexOf('.') >= 0) {
-                event.stopPropagation();
-                event.preventDefault();
-                return false;
-              }
-            }
-          }
-          if (event.keyCode === 189) {
-            if (String(value).trim()) {
-              if (value.indexOf('-') >= 0) {
-                event.stopPropagation();
-                event.preventDefault();
-                return false;
-              }
-              if (document.getSelection().type !== 'Range') {
-                if (target.selectionEnd !== 0) {
-                  event.stopPropagation();
-                  event.preventDefault();
-                  return false;
-                }
-              }
-            }
-          }
-          if (keyCode === 38) {
-            event.preventDefault();
-            this.handleNumberAdd(event);
-          } else if (keyCode === 40) {
-            event.preventDefault();
-            this.handleNumberDelete(event);
-          }
-          if (document.getSelection().type !== 'Range') {
-            if (value.indexOf('-') === 0 && target.selectionStart === 0) {
-              var keyCodeList = [48, 49, 50, 51, 52, 53, 54, 55, 56, 57,
-              96, 97, 98, 99, 100, 101, 102, 103, 104, 105,
-              189,
-              109,
-              190,
-              110
-              ];
-              if (keyCodeList.indexOf(keyCode) > -1) {
-                event.stopPropagation();
-                event.preventDefault();
-                return false;
-              }
-            }
-          }
-        }
-        this.$emit('keydown', value, event);
-      },
-      handlerFocus: function handlerFocus(event) {
-        var value = event.target.value;
-        this.isActive = true;
-        this.$emit('focus', value, event);
-        this.dispatch('bk-form-item', 'form-focus');
-      },
-      toPrecision: function toPrecision(num, precision) {
-        if (precision === undefined) precision = 0;
-        return this.handleToFixed(num, precision);
-      },
-      handlerBlur: function handlerBlur(event) {
-        var value = event.target.value;
-        if (/^number$/i.test(this.type) && value !== '') {
-          if (isNaN(value)) {
-            value = this.min === minSafeInteger$1 ? 0 : this.min;
-          }
-          if (value !== '' && /^-?\d*(.\d*)?$/i.test(value)) {
-            if (value > this.max || value < this.min) {
-              value = this.getCurrentNumberValue();
-            }
-          }
-          if (typeof this.precision !== 'undefined') {
-            value = this.toPrecision(_parseFloat$2(value), this.precision, true);
-          } else {
-            value = Number(value);
-          }
-          if (value + '' !== event.target.value + '') {
-            this.setCurValue(value);
-            event.target.value = value;
-            this.$emit('change', value, event);
-            this.$emit('input', value, event);
-          }
-        }
-        this.isActive = false;
-        this.$emit('blur', value, event);
-        this.dispatch('bk-form-item', 'form-blur');
-      },
-      handlerPaste: function handlerPaste(event) {
-        var value = event.target.value;
-        this.$emit('paste', value, event);
-        this.$emit('change', value, event);
-        this.dispatch('bk-form-item', 'form-change');
-      },
-      getCurrentNumberValue: function getCurrentNumberValue() {
-        var val = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-        val = val === null ? this.curValue : val;
-        var value = '';
-        if (val !== '' && /^-?\d*(.\d*)?$/i.test(val)) {
-          value = Number(val);
-          value = value > this.max ? this.max : value;
-          value = value < this.min ? this.min : value;
-          return value;
-        }
-        return '';
-      },
-      handlerCompositionstart: function handlerCompositionstart(e) {
-        this.isOnComposition = true;
-      },
-      handlerCompositionend: function handlerCompositionend(e) {
-        if (this.inputType === 'number' && this.isOnComposition) {
-          e.target.value = this.curValue;
-          this.isOnComposition = false;
-          this.handlerInput(e);
-        }
-      },
-      handlerInput: function handlerInput(event) {
-        var _this3 = this;
-        if (this.inputType === 'number' && this.isOnComposition) {
-          return;
-        }
-        this.$nextTick(function () {
-          var value = event.target.value;
-          _this3.setCurValue(value);
-          _this3.$emit('input', value, event);
-          _this3.$emit('change', value, event);
-          _this3.dispatch('bk-form-item', 'form-change');
-        });
-      },
-      handlerClear: function handlerClear(event) {
-        this.curValue = '';
-        this.$emit('input', this.curValue, event);
-        this.$emit('change', this.curValue, event);
-        this.$emit('clear', this.curValue, event);
-        this.dispatch('bk-form-item', 'form-change');
-      },
-      handlerLeftIcon: function handlerLeftIcon(event) {
-        this.$emit('left-icon-click', this.curValue, event);
-      },
-      handlerRightIcon: function handlerRightIcon(event) {
-        this.$emit('right-icon-click', this.curValue, event);
-      },
-      focus: function focus(event) {
-        if (this.type === 'textarea') {
-          this.$refs.textarea.focus();
-        } else {
-          this.$refs.input.focus();
-        }
-      },
-      blur: function blur(event) {
-        if (this.type === 'textarea') {
-          this.$refs.textarea.blur();
-        } else {
-          this.$refs.input.blur();
-        }
-      },
-      setCurValue: function setCurValue(val) {
-        if (val === this.curValue) {
-          return false;
-        }
-        this.curValue = val;
-      },
-      updateNumberValue: function updateNumberValue(val) {
-        if (val !== '' && /^number$/i.test(this.type) && /^-?\d*(.\d*)?$/i.test(val)) {
-          val = this.getCurrentNumberValue(val);
-          this.curValue = typeof this.precision === 'number' ? this.toPrecision(Number(val), this.precision) : Number(val);
-        }
-      },
-      togglePass: function togglePass() {
-        if (this.inputType === 'password') {
-          this.inputType = 'text';
-        } else {
-          this.inputType = 'password';
-        }
-      }
-    }
-  };
-
-  function normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier
-  , shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {
-    if (typeof shadowMode !== 'boolean') {
-      createInjectorSSR = createInjector;
-      createInjector = shadowMode;
-      shadowMode = false;
-    }
-    var options = typeof script === 'function' ? script.options : script;
-    if (template && template.render) {
-      options.render = template.render;
-      options.staticRenderFns = template.staticRenderFns;
-      options._compiled = true;
-      if (isFunctionalTemplate) {
-        options.functional = true;
-      }
-    }
-    if (scopeId) {
-      options._scopeId = scopeId;
-    }
-    var hook;
-    if (moduleIdentifier) {
-      hook = function hook(context) {
-        context = context ||
-        this.$vnode && this.$vnode.ssrContext ||
-        this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext;
-        if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
-          context = __VUE_SSR_CONTEXT__;
-        }
-        if (style) {
-          style.call(this, createInjectorSSR(context));
-        }
-        if (context && context._registeredComponents) {
-          context._registeredComponents.add(moduleIdentifier);
-        }
-      };
-      options._ssrRegister = hook;
-    } else if (style) {
-      hook = shadowMode ? function () {
-        style.call(this, createInjectorShadow(this.$root.$options.shadowRoot));
-      } : function (context) {
-        style.call(this, createInjector(context));
-      };
-    }
-    if (hook) {
-      if (options.functional) {
-        var originalRender = options.render;
-        options.render = function renderWithStyleInjection(h, context) {
-          hook.call(context);
-          return originalRender(h, context);
-        };
-      } else {
-        var existing = options.beforeCreate;
-        options.beforeCreate = existing ? [].concat(existing, hook) : [hook];
-      }
-    }
-    return script;
-  }
-  var normalizeComponent_1 = normalizeComponent;
-
-  /* script */
-  var __vue_script__ = script;
-  /* template */
-  var __vue_render__ = function __vue_render__() {
-    var _vm = this;
-    var _h = _vm.$createElement;
-    var _c = _vm._self._c || _h;
-    return _c('div', {
-      class: [_vm.wrapperClass, _vm.fontSizeCls, _vm.extCls],
-      on: {
-        "mouseenter": function mouseenter($event) {
-          _vm.hover = true;
-        },
-        "mouseleave": function mouseleave($event) {
-          _vm.hover = false;
-        }
-      }
-    }, [_vm.leftIcon ? _c('div', {
-      staticClass: "control-icon left-icon",
-      on: {
-        "click": _vm.handlerLeftIcon
-      }
-    }, [_c('i', {
-      class: ['bk-icon', _vm.leftIcon]
-    })]) : _vm._e(), _vm.prepend ? _c('div', {
-      staticClass: "group-box group-prepend"
-    }, [_vm._t("prepend")], 2) : _vm._e(), _vm.inputType === 'textarea' ? [_c('div', {
-      staticClass: "bk-textarea-wrapper"
-    }, [_c('textarea', _vm._b({
-      ref: "textarea",
-      class: ['bk-form-textarea', {
-        'textarea-maxlength': _vm.maxlength
-      }],
-      style: _vm.computedStyle,
-      on: {
-        "keyup": function keyup($event) {
-          if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) {
-            return null;
-          }
-          return _vm.handlerEnter.apply(null, arguments);
-        },
-        "keypress": _vm.handlerKeypress,
-        "keydown": _vm.handlerKeydown,
-        "focus": _vm.handlerFocus,
-        "blur": _vm.handlerBlur,
-        "input": _vm.handlerInput,
-        "paste": _vm.handlerPaste
-      }
-    }, 'textarea', _vm.bindAttribute, false)), _vm.showInputWordLimit ? [_c('p', {
-      staticClass: "bk-limit-box"
-    }, [_c('span', {
-      staticClass: "strong"
-    }, [_vm._v(_vm._s(_vm.curValue && _vm.curValue.length || 0))]), _vm._v("/"), _c('span', [_vm._v(_vm._s(_vm.maxlength))])])] : _vm._e()], 2)] : [_c('div', {
-      class: ["bk-input-" + _vm.type]
-    }, [_c('input', _vm._b({
-      ref: "input",
-      class: ['bk-form-input', _vm.inputSizeCls, {
-        'only-bottom-border': _vm.behavior === 'simplicity'
-      }],
-      style: _vm.computedStyle,
-      on: {
-        "keyup": [function ($event) {
-          if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) {
-            return null;
-          }
-          return _vm.handlerEnter.apply(null, arguments);
-        }, _vm.handlerKeyup],
-        "keypress": _vm.handlerKeypress,
-        "keydown": _vm.handlerKeydown,
-        "focus": _vm.handlerFocus,
-        "blur": _vm.handlerBlur,
-        "input": _vm.handlerInput,
-        "paste": _vm.handlerPaste,
-        "compositionstart": _vm.handlerCompositionstart,
-        "compositionend": _vm.handlerCompositionend
-      }
-    }, 'input', _vm.bindAttribute, false)), /^number$/i.test(_vm.type) && !_vm.disabled && !_vm.readonly ? [_vm.showControls ? _c('span', {
-      staticClass: "input-number-option"
-    }, [_c('span', {
-      staticClass: "number-option-item bk-icon icon-angle-up",
-      on: {
-        "click": _vm.handleNumberAdd
-      }
-    }), _c('span', {
-      staticClass: "number-option-item bk-icon icon-angle-down",
-      on: {
-        "click": _vm.handleNumberDelete
-      }
-    })]) : _vm._e()] : _vm._e()], 2)], _vm.append ? _c('div', {
-      staticClass: "group-box group-append"
-    }, [_vm._t("append")], 2) : _vm._e(), !/^number$/i.test(_vm.type) ? _c('div', {
-      ref: "rightIconArea",
-      staticClass: "control-icon right-icon",
-      style: _vm.rightIconStyle,
-      on: {
-        "click": _vm.handlerRightIcon
-      }
-    }, [_vm.showPwdVisable ? _c('i', {
-      class: ['bk-icon', _vm.inputType === 'password' ? _vm.inputPasswordIcon[0] : _vm.inputPasswordIcon[1]],
-      on: {
-        "click": _vm.togglePass
-      }
-    }) : _vm._e(), _vm.showClearIcon ? _c('i', {
-      staticClass: "bk-icon icon-close-circle-shape clear-icon ml5 mr5",
-      on: {
-        "click": function click($event) {
-          $event.stopPropagation();
-          $event.preventDefault();
-          return _vm.handlerClear.apply(null, arguments);
-        }
-      }
-    }) : _vm._e(), _vm.rightIcon ? _c('i', {
-      class: ['input-right-icon', 'bk-icon', _vm.rightIcon]
-    }) : _vm._e(), _vm.type === 'text' ? [_c('p', {
-      directives: [{
-        name: "show",
-        rawName: "v-show",
-        value: _vm.showInputWordLimit,
-        expression: "showInputWordLimit"
-      }],
-      staticClass: "bk-limit-box ml5",
-      staticStyle: {
-        "position": "static"
-      }
-    }, [_c('span', {
-      staticClass: "strong"
-    }, [_vm._v(_vm._s(_vm.curValue && _vm.curValue.length || 0))]), _vm._v("/"), _c('span', [_vm._v(_vm._s(_vm.maxlength))])])] : _vm._e()], 2) : _vm._e()], 2);
-  };
-  var __vue_staticRenderFns__ = [];
-
-  /* style */
-  var __vue_inject_styles__ = undefined;
-  /* scoped */
-  var __vue_scope_id__ = undefined;
-  /* module identifier */
-  var __vue_module_identifier__ = undefined;
-  /* functional template */
-  var __vue_is_functional_template__ = false;
-  /* style inject */
-
-  /* style inject SSR */
-
-  /* style inject shadow dom */
-
-  var __vue_component__ = /*#__PURE__*/normalizeComponent_1({
-    render: __vue_render__,
-    staticRenderFns: __vue_staticRenderFns__
-  }, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
-
   var _toObject = function (it) {
     return Object(_defined(it));
   };
@@ -1441,30 +645,6 @@
 
   var keys$1 = keys;
 
-  function setInstaller (component, afterInstall) {
-    component.install = function (Vue) {
-      var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-      var props = component.props || {};
-      keys$1(options).forEach(function (key) {
-        if (props.hasOwnProperty(key)) {
-          if (typeof props[key] === 'function' || props[key] instanceof Array) {
-            props[key] = {
-              type: props[key],
-              default: options[key]
-            };
-          } else {
-            props[key].default = options[key];
-          }
-        }
-      });
-      component.name = options.namespace ? component.name.replace('bk', options.namespace) : component.name;
-      Vue.component(component.name, component);
-      typeof afterInstall === 'function' && afterInstall(Vue, options);
-    };
-  }
-
-  setInstaller(__vue_component__);
-
   var f$1 = Object.getOwnPropertySymbols;
   var _objectGops = {
   	f: f$1
@@ -2972,1010 +2152,2006 @@
       }, ms);
     };
   }
-  function getModifier(obj, key) {
-    return obj && obj.modifiers && obj.modifiers[key];
+  function getModifier(obj, key) {
+    return obj && obj.modifiers && obj.modifiers[key];
+  }
+  function includes(a, b) {
+    return a.indexOf(b) > -1;
+  }
+  function isRealElement(value) {
+    return value instanceof Element;
+  }
+  function isSingular(value) {
+    return !!(value && hasOwnProperty$1(value, 'isVirtual')) || isRealElement(value);
+  }
+  function innerHTML() {
+    return 'innerHTML';
+  }
+  function invokeWithArgsOrReturn(value, args) {
+    return typeof value === 'function' ? value.apply(null, args) : value;
+  }
+  function setFlipModifierEnabled(modifiers, value) {
+    modifiers.filter(function (m) {
+      return m.name === 'flip';
+    })[0].enabled = value;
+  }
+  function canReceiveFocus(element) {
+    return isRealElement(element) ? matches.call(element, 'a[href],area[href],button,details,input,textarea,select,iframe,[tabindex]') && !element.hasAttribute('disabled') : true;
+  }
+  function div() {
+    return document.createElement('div');
+  }
+  function setTransitionDuration(els, value) {
+    els.forEach(function (el) {
+      if (el) {
+        el.style.transitionDuration = "".concat(value, "ms");
+      }
+    });
+  }
+  function setVisibilityState(els, state) {
+    els.forEach(function (el) {
+      if (el) {
+        el.setAttribute('data-state', state);
+      }
+    });
+  }
+  function evaluateProps(reference, props) {
+    var out = _extends$2({}, props, {
+      content: invokeWithArgsOrReturn(props.content, [reference])
+    }, props.ignoreAttributes ? {} : getDataAttributeOptions(reference));
+    if (out.arrow || isUCBrowser) {
+      out.animateFill = false;
+    }
+    return out;
+  }
+  function validateOptions(options, defaultProps) {
+    keys$1(options).forEach(function (option) {
+      if (!hasOwnProperty$1(defaultProps, option)) {
+        throw new Error("[tippy]: `".concat(option, "` is not a valid option"));
+      }
+    });
+  }
+  function setInnerHTML(element, html) {
+    element[innerHTML()] = isRealElement(html) ? html[innerHTML()] : html;
+  }
+  function setContent(contentEl, props) {
+    if (isRealElement(props.content)) {
+      setInnerHTML(contentEl, '');
+      contentEl.appendChild(props.content);
+    } else if (typeof props.content !== 'function') {
+      var key = props.allowHTML ? 'innerHTML' : 'textContent';
+      contentEl[key] = props.content;
+    }
+  }
+  function getChildren(popper) {
+    return {
+      tooltip: popper.querySelector(TOOLTIP_SELECTOR),
+      backdrop: popper.querySelector(BACKDROP_SELECTOR),
+      content: popper.querySelector(CONTENT_SELECTOR),
+      arrow: popper.querySelector(ARROW_SELECTOR) || popper.querySelector(ROUND_ARROW_SELECTOR)
+    };
+  }
+  function addInertia(tooltip) {
+    tooltip.setAttribute('data-inertia', '');
+  }
+  function removeInertia(tooltip) {
+    tooltip.removeAttribute('data-inertia');
+  }
+  function createArrowElement(arrowType) {
+    var arrow = div();
+    if (arrowType === 'round') {
+      arrow.className = ROUND_ARROW_CLASS;
+      setInnerHTML(arrow, '<svg viewBox="0 0 18 7" xmlns="http://www.w3.org/2000/svg"><path d="M0 7s2.021-.015 5.253-4.218C6.584 1.051 7.797.007 9 0c1.203-.007 2.416 1.035 3.761 2.782C16.012 7.005 18 7 18 7H0z"/></svg>');
+    } else {
+      arrow.className = ARROW_CLASS;
+    }
+    return arrow;
+  }
+  function createBackdropElement() {
+    var backdrop = div();
+    backdrop.className = BACKDROP_CLASS;
+    backdrop.setAttribute('data-state', 'hidden');
+    return backdrop;
   }
-  function includes(a, b) {
-    return a.indexOf(b) > -1;
+  function addInteractive(popper, tooltip) {
+    popper.setAttribute('tabindex', '-1');
+    tooltip.setAttribute('data-interactive', '');
   }
-  function isRealElement(value) {
-    return value instanceof Element;
+  function removeInteractive(popper, tooltip) {
+    popper.removeAttribute('tabindex');
+    tooltip.removeAttribute('data-interactive');
   }
-  function isSingular(value) {
-    return !!(value && hasOwnProperty$1(value, 'isVirtual')) || isRealElement(value);
+  function updateTransitionEndListener(tooltip, action, listener) {
+    var eventName = isUCBrowser && document.body.style.webkitTransition !== undefined ? 'webkitTransitionEnd' : 'transitionend';
+    tooltip[action + 'EventListener'](eventName, listener);
   }
-  function innerHTML() {
-    return 'innerHTML';
+  function getBasicPlacement(popper) {
+    var fullPlacement = popper.getAttribute(PLACEMENT_ATTRIBUTE);
+    return fullPlacement ? fullPlacement.split('-')[0] : '';
   }
-  function invokeWithArgsOrReturn(value, args) {
-    return typeof value === 'function' ? value.apply(null, args) : value;
+  function reflow(popper) {
+    void popper.offsetHeight;
   }
-  function setFlipModifierEnabled(modifiers, value) {
-    modifiers.filter(function (m) {
-      return m.name === 'flip';
-    })[0].enabled = value;
+  function updateTheme(tooltip, action, theme) {
+    theme.split(' ').forEach(function (themeName) {
+      tooltip.classList[action](themeName + '-theme');
+    });
   }
-  function canReceiveFocus(element) {
-    return isRealElement(element) ? matches.call(element, 'a[href],area[href],button,details,input,textarea,select,iframe,[tabindex]') && !element.hasAttribute('disabled') : true;
+  function setWidth(tooltip, props, key) {
+    var width = props[key];
+    var parsedWidth = _parseInt$2(width);
+    if (typeof width === 'number') {
+      tooltip.style[key] = width + 'px';
+    } else if (isNaN(parsedWidth)) {
+      tooltip.style[key] = width;
+    } else {
+      tooltip.style[key] = parsedWidth + 'px';
+    }
   }
-  function div() {
-    return document.createElement('div');
+  function createPopperElement(id, props) {
+    var popper = div();
+    popper.className = POPPER_CLASS + (props.extCls ? " ".concat(props.extCls) : '');
+    popper.id = "tippy-".concat(id);
+    popper.style.zIndex = '' + props.zIndex;
+    popper.style.position = 'absolute';
+    popper.style.top = '0';
+    popper.style.left = '0';
+    if (props.role) {
+      popper.setAttribute('role', props.role);
+    }
+    var tooltip = div();
+    tooltip.className = TOOLTIP_CLASS;
+    setWidth(tooltip, props, 'maxWidth');
+    setWidth(tooltip, props, 'width');
+    tooltip.setAttribute('data-size', props.size);
+    tooltip.setAttribute('data-animation', props.animation);
+    tooltip.setAttribute('data-state', 'hidden');
+    updateTheme(tooltip, 'add', props.theme);
+    var content = div();
+    content.className = CONTENT_CLASS;
+    content.setAttribute('data-state', 'hidden');
+    if (props.interactive) {
+      addInteractive(popper, tooltip);
+    }
+    if (props.arrow) {
+      tooltip.appendChild(createArrowElement(props.arrowType));
+    }
+    if (props.animateFill) {
+      tooltip.appendChild(createBackdropElement());
+      tooltip.setAttribute('data-animatefill', '');
+    }
+    if (props.inertia) {
+      addInertia(tooltip);
+    }
+    setContent(content, props);
+    tooltip.appendChild(content);
+    popper.appendChild(tooltip);
+    return popper;
   }
-  function setTransitionDuration(els, value) {
-    els.forEach(function (el) {
-      if (el) {
-        el.style.transitionDuration = "".concat(value, "ms");
-      }
-    });
+  function updatePopperElement(popper, prevProps, nextProps) {
+    var _getChildren = getChildren(popper),
+      tooltip = _getChildren.tooltip,
+      content = _getChildren.content,
+      backdrop = _getChildren.backdrop,
+      arrow = _getChildren.arrow;
+    popper.style.zIndex = '' + nextProps.zIndex;
+    tooltip.setAttribute('data-size', nextProps.size);
+    tooltip.setAttribute('data-animation', nextProps.animation);
+    tooltip.style.maxWidth = nextProps.maxWidth + (typeof nextProps.maxWidth === 'number' ? 'px' : '');
+    if (nextProps.role) {
+      popper.setAttribute('role', nextProps.role);
+    } else {
+      popper.removeAttribute('role');
+    }
+    if (prevProps.content !== nextProps.content) {
+      setContent(content, nextProps);
+    }
+    if (!prevProps.animateFill && nextProps.animateFill) {
+      tooltip.appendChild(createBackdropElement());
+      tooltip.setAttribute('data-animatefill', '');
+    } else if (prevProps.animateFill && !nextProps.animateFill) {
+      tooltip.removeChild(backdrop);
+      tooltip.removeAttribute('data-animatefill');
+    }
+    if (!prevProps.arrow && nextProps.arrow) {
+      tooltip.appendChild(createArrowElement(nextProps.arrowType));
+    } else if (prevProps.arrow && !nextProps.arrow) {
+      tooltip.removeChild(arrow);
+    }
+    if (prevProps.arrow && nextProps.arrow && prevProps.arrowType !== nextProps.arrowType) {
+      tooltip.replaceChild(createArrowElement(nextProps.arrowType), arrow);
+    }
+    if (!prevProps.interactive && nextProps.interactive) {
+      addInteractive(popper, tooltip);
+    } else if (prevProps.interactive && !nextProps.interactive) {
+      removeInteractive(popper, tooltip);
+    }
+    if (!prevProps.inertia && nextProps.inertia) {
+      addInertia(tooltip);
+    } else if (prevProps.inertia && !nextProps.inertia) {
+      removeInertia(tooltip);
+    }
+    if (prevProps.theme !== nextProps.theme) {
+      updateTheme(tooltip, 'remove', prevProps.theme);
+      updateTheme(tooltip, 'add', nextProps.theme);
+    }
   }
-  function setVisibilityState(els, state) {
-    els.forEach(function (el) {
-      if (el) {
-        el.setAttribute('data-state', state);
+  function hideAll() {
+    var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+      excludedReferenceOrInstance = _ref.exclude,
+      duration = _ref.duration;
+    arrayFrom(document.querySelectorAll(POPPER_SELECTOR)).forEach(function (popper) {
+      var instance = popper._tippy;
+      if (instance) {
+        var isExcluded = false;
+        if (excludedReferenceOrInstance) {
+          isExcluded = isReferenceElement(excludedReferenceOrInstance) ? instance.reference === excludedReferenceOrInstance : popper === excludedReferenceOrInstance.popper;
+        }
+        if (!isExcluded) {
+          instance.hide(duration);
+        }
       }
     });
   }
-  function evaluateProps(reference, props) {
-    var out = _extends$2({}, props, {
-      content: invokeWithArgsOrReturn(props.content, [reference])
-    }, props.ignoreAttributes ? {} : getDataAttributeOptions(reference));
-    if (out.arrow || isUCBrowser) {
-      out.animateFill = false;
+  function isCursorOutsideInteractiveBorder(popperPlacement, popperRect, event, props) {
+    if (!popperPlacement) {
+      return true;
     }
-    return out;
+    var x = event.clientX,
+      y = event.clientY;
+    var interactiveBorder = props.interactiveBorder,
+      distance = props.distance;
+    var exceedsTop = popperRect.top - y > (popperPlacement === 'top' ? interactiveBorder + distance : interactiveBorder);
+    var exceedsBottom = y - popperRect.bottom > (popperPlacement === 'bottom' ? interactiveBorder + distance : interactiveBorder);
+    var exceedsLeft = popperRect.left - x > (popperPlacement === 'left' ? interactiveBorder + distance : interactiveBorder);
+    var exceedsRight = x - popperRect.right > (popperPlacement === 'right' ? interactiveBorder + distance : interactiveBorder);
+    return exceedsTop || exceedsBottom || exceedsLeft || exceedsRight;
   }
-  function validateOptions(options, defaultProps) {
-    keys$1(options).forEach(function (option) {
-      if (!hasOwnProperty$1(defaultProps, option)) {
-        throw new Error("[tippy]: `".concat(option, "` is not a valid option"));
+  function getOffsetDistanceInPx(distance) {
+    return -(distance - 10) + 'px';
+  }
+  var idCounter = 1;
+  var mouseMoveListeners = [];
+  function createTippy(reference, collectionProps) {
+    var props = evaluateProps(reference, collectionProps);
+    if (!props.multiple && reference._tippy) {
+      return null;
+    }
+    var lastTriggerEventType;
+    var lastMouseMoveEvent;
+    var showTimeoutId;
+    var hideTimeoutId;
+    var scheduleHideAnimationFrameId;
+    var isScheduledToShow = false;
+    var isBeingDestroyed = false;
+    var previousPlacement;
+    var wasVisibleDuringPreviousUpdate = false;
+    var hasMountCallbackRun = false;
+    var currentMountCallback;
+    var currentTransitionEndListener;
+    var listeners = [];
+    var currentComputedPadding;
+    var debouncedOnMouseMove = debounce$1(onMouseMove, props.interactiveDebounce);
+    var id = idCounter++;
+    var popper = createPopperElement(id, props);
+    var popperChildren = getChildren(popper);
+    var popperInstance = null;
+    var state = {
+      isEnabled: true,
+      isVisible: false,
+      isDestroyed: false,
+      isMounted: false,
+      isShown: false
+    };
+    var instance = {
+      id: id,
+      reference: reference,
+      popper: popper,
+      popperChildren: popperChildren,
+      popperInstance: popperInstance,
+      props: props,
+      state: state,
+      clearDelayTimeouts: clearDelayTimeouts,
+      set: set,
+      setContent: setContent,
+      show: show,
+      hide: hide,
+      enable: enable,
+      disable: disable,
+      destroy: destroy
+    };
+    reference._tippy = instance;
+    popper._tippy = instance;
+    addTriggersToReference();
+    if (!props.lazy) {
+      createPopperInstance();
+    }
+    if (props.showOnInit) {
+      scheduleShow();
+    }
+    if (props.a11y && !props.target && !canReceiveFocus(getEventListenersTarget())) {
+      getEventListenersTarget().setAttribute('tabindex', '0');
+    }
+    popper.addEventListener('mouseenter', function (event) {
+      if (instance.props.interactive && instance.state.isVisible && lastTriggerEventType === 'mouseenter') {
+        scheduleShow(event, true);
       }
     });
-  }
-  function setInnerHTML(element, html) {
-    element[innerHTML()] = isRealElement(html) ? html[innerHTML()] : html;
-  }
-  function setContent(contentEl, props) {
-    if (isRealElement(props.content)) {
-      setInnerHTML(contentEl, '');
-      contentEl.appendChild(props.content);
-    } else if (typeof props.content !== 'function') {
-      var key = props.allowHTML ? 'innerHTML' : 'textContent';
-      contentEl[key] = props.content;
+    popper.addEventListener('mouseleave', function () {
+      if (instance.props.interactive && lastTriggerEventType === 'mouseenter') {
+        document.addEventListener('mousemove', debouncedOnMouseMove);
+      }
+    });
+    return instance;
+    function removeFollowCursorListener() {
+      document.removeEventListener('mousemove', positionVirtualReferenceNearCursor);
     }
-  }
-  function getChildren(popper) {
-    return {
-      tooltip: popper.querySelector(TOOLTIP_SELECTOR),
-      backdrop: popper.querySelector(BACKDROP_SELECTOR),
-      content: popper.querySelector(CONTENT_SELECTOR),
-      arrow: popper.querySelector(ARROW_SELECTOR) || popper.querySelector(ROUND_ARROW_SELECTOR)
-    };
-  }
-  function addInertia(tooltip) {
-    tooltip.setAttribute('data-inertia', '');
-  }
-  function removeInertia(tooltip) {
-    tooltip.removeAttribute('data-inertia');
-  }
-  function createArrowElement(arrowType) {
-    var arrow = div();
-    if (arrowType === 'round') {
-      arrow.className = ROUND_ARROW_CLASS;
-      setInnerHTML(arrow, '<svg viewBox="0 0 18 7" xmlns="http://www.w3.org/2000/svg"><path d="M0 7s2.021-.015 5.253-4.218C6.584 1.051 7.797.007 9 0c1.203-.007 2.416 1.035 3.761 2.782C16.012 7.005 18 7 18 7H0z"/></svg>');
-    } else {
-      arrow.className = ARROW_CLASS;
+    function cleanupInteractiveMouseListeners() {
+      document.body.removeEventListener('mouseleave', scheduleHide);
+      document.removeEventListener('mousemove', debouncedOnMouseMove);
+      mouseMoveListeners = mouseMoveListeners.filter(function (listener) {
+        return listener !== debouncedOnMouseMove;
+      });
     }
-    return arrow;
-  }
-  function createBackdropElement() {
-    var backdrop = div();
-    backdrop.className = BACKDROP_CLASS;
-    backdrop.setAttribute('data-state', 'hidden');
-    return backdrop;
-  }
-  function addInteractive(popper, tooltip) {
-    popper.setAttribute('tabindex', '-1');
-    tooltip.setAttribute('data-interactive', '');
-  }
-  function removeInteractive(popper, tooltip) {
-    popper.removeAttribute('tabindex');
-    tooltip.removeAttribute('data-interactive');
-  }
-  function updateTransitionEndListener(tooltip, action, listener) {
-    var eventName = isUCBrowser && document.body.style.webkitTransition !== undefined ? 'webkitTransitionEnd' : 'transitionend';
-    tooltip[action + 'EventListener'](eventName, listener);
-  }
-  function getBasicPlacement(popper) {
-    var fullPlacement = popper.getAttribute(PLACEMENT_ATTRIBUTE);
-    return fullPlacement ? fullPlacement.split('-')[0] : '';
-  }
-  function reflow(popper) {
-    void popper.offsetHeight;
-  }
-  function updateTheme(tooltip, action, theme) {
-    theme.split(' ').forEach(function (themeName) {
-      tooltip.classList[action](themeName + '-theme');
-    });
-  }
-  function setWidth(tooltip, props, key) {
-    var width = props[key];
-    var parsedWidth = _parseInt$2(width);
-    if (typeof width === 'number') {
-      tooltip.style[key] = width + 'px';
-    } else if (isNaN(parsedWidth)) {
-      tooltip.style[key] = width;
-    } else {
-      tooltip.style[key] = parsedWidth + 'px';
+    function getEventListenersTarget() {
+      return instance.props.triggerTarget || reference;
     }
-  }
-  function createPopperElement(id, props) {
-    var popper = div();
-    popper.className = POPPER_CLASS + (props.extCls ? " ".concat(props.extCls) : '');
-    popper.id = "tippy-".concat(id);
-    popper.style.zIndex = '' + props.zIndex;
-    popper.style.position = 'absolute';
-    popper.style.top = '0';
-    popper.style.left = '0';
-    if (props.role) {
-      popper.setAttribute('role', props.role);
+    function addDocumentClickListener() {
+      document.addEventListener('click', onDocumentClick, true);
     }
-    var tooltip = div();
-    tooltip.className = TOOLTIP_CLASS;
-    setWidth(tooltip, props, 'maxWidth');
-    setWidth(tooltip, props, 'width');
-    tooltip.setAttribute('data-size', props.size);
-    tooltip.setAttribute('data-animation', props.animation);
-    tooltip.setAttribute('data-state', 'hidden');
-    updateTheme(tooltip, 'add', props.theme);
-    var content = div();
-    content.className = CONTENT_CLASS;
-    content.setAttribute('data-state', 'hidden');
-    if (props.interactive) {
-      addInteractive(popper, tooltip);
+    function removeDocumentClickListener() {
+      document.removeEventListener('click', onDocumentClick, true);
     }
-    if (props.arrow) {
-      tooltip.appendChild(createArrowElement(props.arrowType));
+    function getTransitionableElements() {
+      return [instance.popperChildren.tooltip, instance.popperChildren.backdrop, instance.popperChildren.content];
     }
-    if (props.animateFill) {
-      tooltip.appendChild(createBackdropElement());
-      tooltip.setAttribute('data-animatefill', '');
+    function getIsInLooseFollowCursorMode() {
+      var followCursor = instance.props.followCursor;
+      return followCursor && lastTriggerEventType !== 'focus' || isUsingTouch && followCursor === 'initial';
+    }
+    function makeSticky() {
+      setTransitionDuration([popper], isIE$1 ? 0 : instance.props.updateDuration);
+      function updatePosition() {
+        instance.popperInstance.scheduleUpdate();
+        if (instance.state.isMounted) {
+          requestAnimationFrame(updatePosition);
+        } else {
+          setTransitionDuration([popper], 0);
+        }
+      }
+      updatePosition();
+    }
+    function onTransitionedOut(duration, callback) {
+      onTransitionEnd(duration, function () {
+        if (!instance.state.isVisible && popper.parentNode && popper.parentNode.contains(popper)) {
+          callback();
+        }
+      });
+    }
+    function onTransitionedIn(duration, callback) {
+      onTransitionEnd(duration, callback);
+    }
+    function onTransitionEnd(duration, callback) {
+      var tooltip = instance.popperChildren.tooltip;
+      function listener(event) {
+        if (event.target === tooltip) {
+          updateTransitionEndListener(tooltip, 'remove', listener);
+          callback();
+        }
+      }
+      if (duration === 0) {
+        return callback();
+      }
+      updateTransitionEndListener(tooltip, 'remove', currentTransitionEndListener);
+      updateTransitionEndListener(tooltip, 'add', listener);
+      currentTransitionEndListener = listener;
+    }
+    function on(eventType, handler) {
+      var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+      getEventListenersTarget().addEventListener(eventType, handler, options);
+      listeners.push({
+        eventType: eventType,
+        handler: handler,
+        options: options
+      });
+    }
+    function addTriggersToReference() {
+      if (instance.props.touchHold && !instance.props.target) {
+        on('touchstart', onTrigger, PASSIVE);
+        on('touchend', onMouseLeave, PASSIVE);
+      }
+      instance.props.trigger.trim().split(' ').forEach(function (eventType) {
+        if (eventType === 'manual') {
+          return;
+        }
+        if (!instance.props.target) {
+          on(eventType, onTrigger);
+          switch (eventType) {
+            case 'mouseenter':
+              on('mouseleave', onMouseLeave);
+              break;
+            case 'focus':
+              on(isIE$1 ? 'focusout' : 'blur', onBlur);
+              break;
+          }
+        } else {
+          switch (eventType) {
+            case 'mouseenter':
+              on('mouseover', onDelegateShow);
+              on('mouseout', onDelegateHide);
+              break;
+            case 'focus':
+              on('focusin', onDelegateShow);
+              on('focusout', onDelegateHide);
+              break;
+            case 'click':
+              on(eventType, onDelegateShow);
+              break;
+          }
+        }
+      });
+    }
+    function removeTriggersFromReference() {
+      listeners.forEach(function (_ref) {
+        var eventType = _ref.eventType,
+          handler = _ref.handler,
+          options = _ref.options;
+        getEventListenersTarget().removeEventListener(eventType, handler, options);
+      });
+      listeners = [];
+    }
+    function positionVirtualReferenceNearCursor(event) {
+      var _lastMouseMoveEvent = lastMouseMoveEvent = event,
+        x = _lastMouseMoveEvent.clientX,
+        y = _lastMouseMoveEvent.clientY;
+      if (!currentComputedPadding) {
+        return;
+      }
+      var isCursorOverReference = closestCallback(event.target, function (el) {
+        return el === reference;
+      });
+      var rect = reference.getBoundingClientRect();
+      var followCursor = instance.props.followCursor;
+      var isHorizontal = followCursor === 'horizontal';
+      var isVertical = followCursor === 'vertical';
+      var isVerticalPlacement = includes(['top', 'bottom'], getBasicPlacement(popper));
+      var fullPlacement = popper.getAttribute(PLACEMENT_ATTRIBUTE);
+      var isVariation = fullPlacement ? !!fullPlacement.split('-')[1] : false;
+      var size = isVerticalPlacement ? popper.offsetWidth : popper.offsetHeight;
+      var halfSize = size / 2;
+      var verticalIncrease = isVerticalPlacement ? 0 : isVariation ? size : halfSize;
+      var horizontalIncrease = isVerticalPlacement ? isVariation ? size : halfSize : 0;
+      if (isCursorOverReference || !instance.props.interactive) {
+        instance.popperInstance.reference = _extends$2({}, instance.popperInstance.reference, {
+          clientWidth: 0,
+          clientHeight: 0,
+          getBoundingClientRect: function getBoundingClientRect() {
+            return {
+              width: isVerticalPlacement ? size : 0,
+              height: isVerticalPlacement ? 0 : size,
+              top: (isHorizontal ? rect.top : y) - verticalIncrease,
+              bottom: (isHorizontal ? rect.bottom : y) + verticalIncrease,
+              left: (isVertical ? rect.left : x) - horizontalIncrease,
+              right: (isVertical ? rect.right : x) + horizontalIncrease
+            };
+          }
+        });
+        instance.popperInstance.update();
+      }
+      if (followCursor === 'initial' && instance.state.isVisible) {
+        removeFollowCursorListener();
+      }
     }
-    if (props.inertia) {
-      addInertia(tooltip);
+    function createDelegateChildTippy(event) {
+      if (event) {
+        var targetEl = closest(event.target, instance.props.target);
+        if (targetEl && !targetEl._tippy) {
+          createTippy(targetEl, _extends$2({}, instance.props, {
+            content: invokeWithArgsOrReturn(collectionProps.content, [targetEl]),
+            appendTo: collectionProps.appendTo,
+            target: '',
+            showOnInit: true
+          }));
+        }
+      }
     }
-    setContent(content, props);
-    tooltip.appendChild(content);
-    popper.appendChild(tooltip);
-    return popper;
-  }
-  function updatePopperElement(popper, prevProps, nextProps) {
-    var _getChildren = getChildren(popper),
-      tooltip = _getChildren.tooltip,
-      content = _getChildren.content,
-      backdrop = _getChildren.backdrop,
-      arrow = _getChildren.arrow;
-    popper.style.zIndex = '' + nextProps.zIndex;
-    tooltip.setAttribute('data-size', nextProps.size);
-    tooltip.setAttribute('data-animation', nextProps.animation);
-    tooltip.style.maxWidth = nextProps.maxWidth + (typeof nextProps.maxWidth === 'number' ? 'px' : '');
-    if (nextProps.role) {
-      popper.setAttribute('role', nextProps.role);
-    } else {
-      popper.removeAttribute('role');
+    function onTrigger(event) {
+      if (!instance.state.isEnabled || isEventListenerStopped(event)) {
+        return;
+      }
+      if (!instance.state.isVisible) {
+        lastTriggerEventType = event.type;
+        if (event instanceof MouseEvent) {
+          lastMouseMoveEvent = event;
+          mouseMoveListeners.forEach(function (listener) {
+            return listener(event);
+          });
+        }
+      }
+      if (event.type === 'click' && instance.props.hideOnClick !== false && instance.state.isVisible) {
+        scheduleHide();
+      } else {
+        scheduleShow(event);
+      }
     }
-    if (prevProps.content !== nextProps.content) {
-      setContent(content, nextProps);
+    function onMouseMove(event) {
+      var isCursorOverPopper = closest(event.target, POPPER_SELECTOR) === popper;
+      var isCursorOverReference = closestCallback(event.target, function (el) {
+        return el === reference;
+      });
+      if (isCursorOverPopper || isCursorOverReference) {
+        return;
+      }
+      if (isCursorOutsideInteractiveBorder(getBasicPlacement(popper), popper.getBoundingClientRect(), event, instance.props)) {
+        cleanupInteractiveMouseListeners();
+        scheduleHide();
+      }
     }
-    if (!prevProps.animateFill && nextProps.animateFill) {
-      tooltip.appendChild(createBackdropElement());
-      tooltip.setAttribute('data-animatefill', '');
-    } else if (prevProps.animateFill && !nextProps.animateFill) {
-      tooltip.removeChild(backdrop);
-      tooltip.removeAttribute('data-animatefill');
+    function onMouseLeave(event) {
+      if (isEventListenerStopped(event)) {
+        return;
+      }
+      if (instance.props.interactive) {
+        document.body.addEventListener('mouseleave', scheduleHide);
+        document.addEventListener('mousemove', debouncedOnMouseMove);
+        mouseMoveListeners.push(debouncedOnMouseMove);
+        return;
+      }
+      scheduleHide();
     }
-    if (!prevProps.arrow && nextProps.arrow) {
-      tooltip.appendChild(createArrowElement(nextProps.arrowType));
-    } else if (prevProps.arrow && !nextProps.arrow) {
-      tooltip.removeChild(arrow);
+    function onBlur(event) {
+      if (event.target !== getEventListenersTarget()) {
+        return;
+      }
+      if (instance.props.interactive && event.relatedTarget && popper.contains(event.relatedTarget)) {
+        return;
+      }
+      scheduleHide();
     }
-    if (prevProps.arrow && nextProps.arrow && prevProps.arrowType !== nextProps.arrowType) {
-      tooltip.replaceChild(createArrowElement(nextProps.arrowType), arrow);
+    function onDelegateShow(event) {
+      if (closest(event.target, instance.props.target)) {
+        scheduleShow(event);
+      }
     }
-    if (!prevProps.interactive && nextProps.interactive) {
-      addInteractive(popper, tooltip);
-    } else if (prevProps.interactive && !nextProps.interactive) {
-      removeInteractive(popper, tooltip);
+    function onDelegateHide(event) {
+      if (closest(event.target, instance.props.target)) {
+        scheduleHide();
+      }
     }
-    if (!prevProps.inertia && nextProps.inertia) {
-      addInertia(tooltip);
-    } else if (prevProps.inertia && !nextProps.inertia) {
-      removeInertia(tooltip);
+    function isEventListenerStopped(event) {
+      var supportsTouch = ('ontouchstart' in window);
+      var isTouchEvent = includes(event.type, 'touch');
+      var touchHold = instance.props.touchHold;
+      return supportsTouch && isUsingTouch && touchHold && !isTouchEvent || isUsingTouch && !touchHold && isTouchEvent;
     }
-    if (prevProps.theme !== nextProps.theme) {
-      updateTheme(tooltip, 'remove', prevProps.theme);
-      updateTheme(tooltip, 'add', nextProps.theme);
+    function runMountCallback() {
+      if (!hasMountCallbackRun && currentMountCallback) {
+        hasMountCallbackRun = true;
+        reflow(popper);
+        currentMountCallback();
+      }
     }
-  }
-  function hideAll() {
-    var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-      excludedReferenceOrInstance = _ref.exclude,
-      duration = _ref.duration;
-    arrayFrom(document.querySelectorAll(POPPER_SELECTOR)).forEach(function (popper) {
-      var instance = popper._tippy;
-      if (instance) {
-        var isExcluded = false;
-        if (excludedReferenceOrInstance) {
-          isExcluded = isReferenceElement(excludedReferenceOrInstance) ? instance.reference === excludedReferenceOrInstance : popper === excludedReferenceOrInstance.popper;
+    function createPopperInstance() {
+      var popperOptions = instance.props.popperOptions;
+      var _instance$popperChild = instance.popperChildren,
+        tooltip = _instance$popperChild.tooltip,
+        arrow = _instance$popperChild.arrow;
+      var preventOverflowModifier = getModifier(popperOptions, 'preventOverflow');
+      function applyMutations(data) {
+        if (instance.props.flip && !instance.props.flipOnUpdate) {
+          if (data.flipped) {
+            instance.popperInstance.options.placement = data.placement;
+          }
+          setFlipModifierEnabled(instance.popperInstance.modifiers, false);
         }
-        if (!isExcluded) {
-          instance.hide(duration);
+        tooltip.setAttribute(PLACEMENT_ATTRIBUTE, data.placement);
+        if (data.attributes[OUT_OF_BOUNDARIES_ATTRIBUTE] !== false) {
+          tooltip.setAttribute(OUT_OF_BOUNDARIES_ATTRIBUTE, '');
+        } else {
+          tooltip.removeAttribute(OUT_OF_BOUNDARIES_ATTRIBUTE);
         }
-      }
-    });
-  }
-  function isCursorOutsideInteractiveBorder(popperPlacement, popperRect, event, props) {
-    if (!popperPlacement) {
-      return true;
-    }
-    var x = event.clientX,
-      y = event.clientY;
-    var interactiveBorder = props.interactiveBorder,
-      distance = props.distance;
-    var exceedsTop = popperRect.top - y > (popperPlacement === 'top' ? interactiveBorder + distance : interactiveBorder);
-    var exceedsBottom = y - popperRect.bottom > (popperPlacement === 'bottom' ? interactiveBorder + distance : interactiveBorder);
-    var exceedsLeft = popperRect.left - x > (popperPlacement === 'left' ? interactiveBorder + distance : interactiveBorder);
-    var exceedsRight = x - popperRect.right > (popperPlacement === 'right' ? interactiveBorder + distance : interactiveBorder);
-    return exceedsTop || exceedsBottom || exceedsLeft || exceedsRight;
-  }
-  function getOffsetDistanceInPx(distance) {
-    return -(distance - 10) + 'px';
-  }
-  var idCounter = 1;
-  var mouseMoveListeners = [];
-  function createTippy(reference, collectionProps) {
-    var props = evaluateProps(reference, collectionProps);
-    if (!props.multiple && reference._tippy) {
-      return null;
-    }
-    var lastTriggerEventType;
-    var lastMouseMoveEvent;
-    var showTimeoutId;
-    var hideTimeoutId;
-    var scheduleHideAnimationFrameId;
-    var isScheduledToShow = false;
-    var isBeingDestroyed = false;
-    var previousPlacement;
-    var wasVisibleDuringPreviousUpdate = false;
-    var hasMountCallbackRun = false;
-    var currentMountCallback;
-    var currentTransitionEndListener;
-    var listeners = [];
-    var currentComputedPadding;
-    var debouncedOnMouseMove = debounce$1(onMouseMove, props.interactiveDebounce);
-    var id = idCounter++;
-    var popper = createPopperElement(id, props);
-    var popperChildren = getChildren(popper);
-    var popperInstance = null;
-    var state = {
-      isEnabled: true,
-      isVisible: false,
-      isDestroyed: false,
-      isMounted: false,
-      isShown: false
-    };
-    var instance = {
-      id: id,
-      reference: reference,
-      popper: popper,
-      popperChildren: popperChildren,
-      popperInstance: popperInstance,
-      props: props,
-      state: state,
-      clearDelayTimeouts: clearDelayTimeouts,
-      set: set,
-      setContent: setContent,
-      show: show,
-      hide: hide,
-      enable: enable,
-      disable: disable,
-      destroy: destroy
-    };
-    reference._tippy = instance;
-    popper._tippy = instance;
-    addTriggersToReference();
-    if (!props.lazy) {
-      createPopperInstance();
-    }
-    if (props.showOnInit) {
-      scheduleShow();
-    }
-    if (props.a11y && !props.target && !canReceiveFocus(getEventListenersTarget())) {
-      getEventListenersTarget().setAttribute('tabindex', '0');
+        if (previousPlacement && previousPlacement !== data.placement && wasVisibleDuringPreviousUpdate) {
+          tooltip.style.transition = 'none';
+          requestAnimationFrame(function () {
+            tooltip.style.transition = '';
+          });
+        }
+        previousPlacement = data.placement;
+        wasVisibleDuringPreviousUpdate = instance.state.isVisible;
+        var basicPlacement = getBasicPlacement(popper);
+        var styles = tooltip.style;
+        styles.top = styles.bottom = styles.left = styles.right = '';
+        styles[basicPlacement] = getOffsetDistanceInPx(instance.props.distance);
+        var padding = preventOverflowModifier && preventOverflowModifier.padding !== undefined ? preventOverflowModifier.padding : PADDING;
+        var isPaddingNumber = typeof padding === 'number';
+        var computedPadding = _extends$2({
+          top: isPaddingNumber ? padding : padding.top,
+          bottom: isPaddingNumber ? padding : padding.bottom,
+          left: isPaddingNumber ? padding : padding.left,
+          right: isPaddingNumber ? padding : padding.right
+        }, !isPaddingNumber && padding);
+        computedPadding[basicPlacement] = isPaddingNumber ? padding + instance.props.distance : (padding[basicPlacement] || 0) + instance.props.distance;
+        instance.popperInstance.modifiers.filter(function (m) {
+          return m.name === 'preventOverflow';
+        })[0].padding = computedPadding;
+        currentComputedPadding = computedPadding;
+      }
+      var config = _extends$2({
+        eventsEnabled: false,
+        placement: instance.props.placement
+      }, popperOptions, {
+        modifiers: _extends$2({}, popperOptions ? popperOptions.modifiers : {}, {
+          preventOverflow: _extends$2({
+            boundariesElement: instance.props.boundary,
+            padding: PADDING
+          }, preventOverflowModifier),
+          arrow: _extends$2({
+            element: arrow,
+            enabled: !!arrow
+          }, getModifier(popperOptions, 'arrow')),
+          flip: _extends$2({
+            enabled: instance.props.flip,
+            padding: instance.props.distance + PADDING,
+            behavior: instance.props.flipBehavior
+          }, getModifier(popperOptions, 'flip')),
+          offset: _extends$2({
+            offset: instance.props.offset
+          }, getModifier(popperOptions, 'offset'))
+        }),
+        onCreate: function onCreate(data) {
+          applyMutations(data);
+          runMountCallback();
+          if (popperOptions && popperOptions.onCreate) {
+            popperOptions.onCreate(data);
+          }
+        },
+        onUpdate: function onUpdate(data) {
+          applyMutations(data);
+          runMountCallback();
+          if (popperOptions && popperOptions.onUpdate) {
+            popperOptions.onUpdate(data);
+          }
+        }
+      });
+      instance.popperInstance = new Popper(reference, popper, config);
     }
-    popper.addEventListener('mouseenter', function (event) {
-      if (instance.props.interactive && instance.state.isVisible && lastTriggerEventType === 'mouseenter') {
-        scheduleShow(event, true);
+    function mount() {
+      hasMountCallbackRun = false;
+      var isInLooseFollowCursorMode = getIsInLooseFollowCursorMode();
+      if (instance.popperInstance) {
+        setFlipModifierEnabled(instance.popperInstance.modifiers, instance.props.flip);
+        if (!isInLooseFollowCursorMode) {
+          instance.popperInstance.reference = reference;
+          instance.popperInstance.enableEventListeners();
+        }
+        instance.popperInstance.scheduleUpdate();
+      } else {
+        createPopperInstance();
+        if (!isInLooseFollowCursorMode) {
+          instance.popperInstance.enableEventListeners();
+        }
       }
-    });
-    popper.addEventListener('mouseleave', function () {
-      if (instance.props.interactive && lastTriggerEventType === 'mouseenter') {
-        document.addEventListener('mousemove', debouncedOnMouseMove);
+      var appendTo = instance.props.appendTo;
+      var parentNode = appendTo === 'parent' ? reference.parentNode : invokeWithArgsOrReturn(appendTo, [reference]);
+      if (!parentNode.contains(popper)) {
+        parentNode.appendChild(popper);
+        instance.props.onMount(instance);
+        instance.state.isMounted = true;
       }
-    });
-    return instance;
-    function removeFollowCursorListener() {
-      document.removeEventListener('mousemove', positionVirtualReferenceNearCursor);
     }
-    function cleanupInteractiveMouseListeners() {
-      document.body.removeEventListener('mouseleave', scheduleHide);
-      document.removeEventListener('mousemove', debouncedOnMouseMove);
-      mouseMoveListeners = mouseMoveListeners.filter(function (listener) {
-        return listener !== debouncedOnMouseMove;
-      });
+    function scheduleShow(event, shouldAvoidCallingOnTrigger) {
+      clearDelayTimeouts();
+      if (instance.state.isVisible) {
+        return;
+      }
+      if (instance.props.target) {
+        return createDelegateChildTippy(event);
+      }
+      isScheduledToShow = true;
+      if (event && !shouldAvoidCallingOnTrigger) {
+        instance.props.onTrigger(instance, event);
+      }
+      if (instance.props.wait) {
+        return instance.props.wait(instance, event);
+      }
+      if (getIsInLooseFollowCursorMode() && !instance.state.isMounted) {
+        if (!instance.popperInstance) {
+          createPopperInstance();
+        }
+        document.addEventListener('mousemove', positionVirtualReferenceNearCursor);
+      }
+      addDocumentClickListener();
+      var delay = getValue(instance.props.delay, 0, defaultProps.delay);
+      if (delay) {
+        showTimeoutId = setTimeout(function () {
+          show();
+        }, delay);
+      } else {
+        show();
+      }
     }
-    function getEventListenersTarget() {
-      return instance.props.triggerTarget || reference;
+    function scheduleHide() {
+      clearDelayTimeouts();
+      if (!instance.state.isVisible) {
+        return removeFollowCursorListener();
+      }
+      isScheduledToShow = false;
+      var delay = getValue(instance.props.delay, 1, defaultProps.delay);
+      if (delay) {
+        hideTimeoutId = setTimeout(function () {
+          if (instance.state.isVisible) {
+            hide();
+          }
+        }, delay);
+      } else {
+        scheduleHideAnimationFrameId = requestAnimationFrame(function () {
+          hide();
+        });
+      }
     }
-    function addDocumentClickListener() {
-      document.addEventListener('click', onDocumentClick, true);
+    function onDocumentClick(event) {
+      if (instance.props.interactive && popper.contains(event.target)) {
+        return;
+      }
+      if (getEventListenersTarget().contains(event.target)) {
+        if (isUsingTouch) {
+          return;
+        }
+        if (instance.state.isVisible && includes(instance.props.trigger, 'click')) {
+          return;
+        }
+      }
+      if (instance.props.hideOnClick === true) {
+        clearDelayTimeouts();
+        hide();
+      }
     }
-    function removeDocumentClickListener() {
-      document.removeEventListener('click', onDocumentClick, true);
+    function enable() {
+      instance.state.isEnabled = true;
     }
-    function getTransitionableElements() {
-      return [instance.popperChildren.tooltip, instance.popperChildren.backdrop, instance.popperChildren.content];
+    function disable() {
+      instance.state.isEnabled = false;
     }
-    function getIsInLooseFollowCursorMode() {
-      var followCursor = instance.props.followCursor;
-      return followCursor && lastTriggerEventType !== 'focus' || isUsingTouch && followCursor === 'initial';
+    function clearDelayTimeouts() {
+      clearTimeout(showTimeoutId);
+      clearTimeout(hideTimeoutId);
+      cancelAnimationFrame(scheduleHideAnimationFrameId);
     }
-    function makeSticky() {
-      setTransitionDuration([popper], isIE$1 ? 0 : instance.props.updateDuration);
-      function updatePosition() {
-        instance.popperInstance.scheduleUpdate();
-        if (instance.state.isMounted) {
-          requestAnimationFrame(updatePosition);
+    function set(options) {
+      options = options || {};
+      validateOptions(options, defaultProps);
+      removeTriggersFromReference();
+      var prevProps = instance.props;
+      var nextProps = evaluateProps(reference, _extends$2({}, instance.props, options, {
+        ignoreAttributes: true
+      }));
+      nextProps.ignoreAttributes = hasOwnProperty$1(options, 'ignoreAttributes') ? options.ignoreAttributes || false : prevProps.ignoreAttributes;
+      instance.props = nextProps;
+      addTriggersToReference();
+      cleanupInteractiveMouseListeners();
+      debouncedOnMouseMove = debounce$1(onMouseMove, nextProps.interactiveDebounce);
+      updatePopperElement(popper, prevProps, nextProps);
+      instance.popperChildren = getChildren(popper);
+      if (instance.popperInstance) {
+        if (POPPER_INSTANCE_DEPENDENCIES.some(function (prop) {
+          return hasOwnProperty$1(options, prop) && options[prop] !== prevProps[prop];
+        })) {
+          instance.popperInstance.destroy();
+          createPopperInstance();
+          if (instance.state.isVisible) {
+            instance.popperInstance.enableEventListeners();
+          }
+          if (instance.props.followCursor && lastMouseMoveEvent) {
+            positionVirtualReferenceNearCursor(lastMouseMoveEvent);
+          }
         } else {
-          setTransitionDuration([popper], 0);
+          instance.popperInstance.update();
         }
       }
-      updatePosition();
     }
-    function onTransitionedOut(duration, callback) {
-      onTransitionEnd(duration, function () {
-        if (!instance.state.isVisible && popper.parentNode && popper.parentNode.contains(popper)) {
-          callback();
-        }
+    function setContent(content) {
+      set({
+        content: content
       });
     }
-    function onTransitionedIn(duration, callback) {
-      onTransitionEnd(duration, callback);
-    }
-    function onTransitionEnd(duration, callback) {
-      var tooltip = instance.popperChildren.tooltip;
-      function listener(event) {
-        if (event.target === tooltip) {
-          updateTransitionEndListener(tooltip, 'remove', listener);
-          callback();
+    function show() {
+      var duration = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : getValue(instance.props.duration, 0, defaultProps.duration[1]);
+      if (instance.state.isDestroyed || !instance.state.isEnabled || isUsingTouch && !instance.props.touch) {
+        return;
+      }
+      if (getEventListenersTarget().hasAttribute('disabled')) {
+        return;
+      }
+      if (instance.props.onShow(instance) === false) {
+        return;
+      }
+      addDocumentClickListener();
+      popper.style.visibility = 'visible';
+      instance.state.isVisible = true;
+      if (instance.props.interactive) {
+        getEventListenersTarget().classList.add(ACTIVE_CLASS);
+      }
+      var transitionableElements = getTransitionableElements();
+      setTransitionDuration(transitionableElements.concat(popper), 0);
+      currentMountCallback = function currentMountCallback() {
+        if (!instance.state.isVisible) {
+          return;
+        }
+        var isInLooseFollowCursorMode = getIsInLooseFollowCursorMode();
+        if (isInLooseFollowCursorMode && lastMouseMoveEvent) {
+          positionVirtualReferenceNearCursor(lastMouseMoveEvent);
+        } else if (!isInLooseFollowCursorMode) {
+          instance.popperInstance.update();
+        }
+        if (instance.popperChildren.backdrop) {
+          instance.popperChildren.content.style.transitionDelay = Math.round(duration / 12) + 'ms';
+        }
+        if (instance.props.sticky) {
+          makeSticky();
         }
+        setTransitionDuration([popper], instance.props.updateDuration);
+        setTransitionDuration(transitionableElements, duration);
+        setVisibilityState(transitionableElements, 'visible');
+        onTransitionedIn(duration, function () {
+          if (instance.props.aria) {
+            getEventListenersTarget().setAttribute("aria-".concat(instance.props.aria), popper.id);
+          }
+          instance.props.onShown(instance);
+          instance.state.isShown = true;
+        });
+      };
+      mount();
+    }
+    function hide() {
+      var duration = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : getValue(instance.props.duration, 1, defaultProps.duration[1]);
+      if (instance.state.isDestroyed || !instance.state.isEnabled && !isBeingDestroyed) {
+        return;
       }
-      if (duration === 0) {
-        return callback();
+      if (instance.props.onHide(instance) === false && !isBeingDestroyed) {
+        return;
       }
-      updateTransitionEndListener(tooltip, 'remove', currentTransitionEndListener);
-      updateTransitionEndListener(tooltip, 'add', listener);
-      currentTransitionEndListener = listener;
-    }
-    function on(eventType, handler) {
-      var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-      getEventListenersTarget().addEventListener(eventType, handler, options);
-      listeners.push({
-        eventType: eventType,
-        handler: handler,
-        options: options
-      });
-    }
-    function addTriggersToReference() {
-      if (instance.props.touchHold && !instance.props.target) {
-        on('touchstart', onTrigger, PASSIVE);
-        on('touchend', onMouseLeave, PASSIVE);
+      removeDocumentClickListener();
+      popper.style.visibility = 'hidden';
+      instance.state.isVisible = false;
+      instance.state.isShown = false;
+      wasVisibleDuringPreviousUpdate = false;
+      if (instance.props.interactive) {
+        getEventListenersTarget().classList.remove(ACTIVE_CLASS);
       }
-      instance.props.trigger.trim().split(' ').forEach(function (eventType) {
-        if (eventType === 'manual') {
-          return;
+      var transitionableElements = getTransitionableElements();
+      setTransitionDuration(transitionableElements, duration);
+      setVisibilityState(transitionableElements, 'hidden');
+      onTransitionedOut(duration, function () {
+        if (!isScheduledToShow) {
+          removeFollowCursorListener();
         }
-        if (!instance.props.target) {
-          on(eventType, onTrigger);
-          switch (eventType) {
-            case 'mouseenter':
-              on('mouseleave', onMouseLeave);
-              break;
-            case 'focus':
-              on(isIE$1 ? 'focusout' : 'blur', onBlur);
-              break;
-          }
-        } else {
-          switch (eventType) {
-            case 'mouseenter':
-              on('mouseover', onDelegateShow);
-              on('mouseout', onDelegateHide);
-              break;
-            case 'focus':
-              on('focusin', onDelegateShow);
-              on('focusout', onDelegateHide);
-              break;
-            case 'click':
-              on(eventType, onDelegateShow);
-              break;
-          }
+        if (instance.props.aria) {
+          getEventListenersTarget().removeAttribute("aria-".concat(instance.props.aria));
         }
+        instance.popperInstance.disableEventListeners();
+        instance.popperInstance.options.placement = instance.props.placement;
+        popper.parentNode.removeChild(popper);
+        instance.props.onHidden(instance);
+        instance.state.isMounted = false;
       });
     }
-    function removeTriggersFromReference() {
-      listeners.forEach(function (_ref) {
-        var eventType = _ref.eventType,
-          handler = _ref.handler,
-          options = _ref.options;
-        getEventListenersTarget().removeEventListener(eventType, handler, options);
-      });
-      listeners = [];
-    }
-    function positionVirtualReferenceNearCursor(event) {
-      var _lastMouseMoveEvent = lastMouseMoveEvent = event,
-        x = _lastMouseMoveEvent.clientX,
-        y = _lastMouseMoveEvent.clientY;
-      if (!currentComputedPadding) {
+    function destroy(destroyTargetInstances) {
+      if (instance.state.isDestroyed) {
         return;
       }
-      var isCursorOverReference = closestCallback(event.target, function (el) {
-        return el === reference;
-      });
-      var rect = reference.getBoundingClientRect();
-      var followCursor = instance.props.followCursor;
-      var isHorizontal = followCursor === 'horizontal';
-      var isVertical = followCursor === 'vertical';
-      var isVerticalPlacement = includes(['top', 'bottom'], getBasicPlacement(popper));
-      var fullPlacement = popper.getAttribute(PLACEMENT_ATTRIBUTE);
-      var isVariation = fullPlacement ? !!fullPlacement.split('-')[1] : false;
-      var size = isVerticalPlacement ? popper.offsetWidth : popper.offsetHeight;
-      var halfSize = size / 2;
-      var verticalIncrease = isVerticalPlacement ? 0 : isVariation ? size : halfSize;
-      var horizontalIncrease = isVerticalPlacement ? isVariation ? size : halfSize : 0;
-      if (isCursorOverReference || !instance.props.interactive) {
-        instance.popperInstance.reference = _extends$2({}, instance.popperInstance.reference, {
-          clientWidth: 0,
-          clientHeight: 0,
-          getBoundingClientRect: function getBoundingClientRect() {
-            return {
-              width: isVerticalPlacement ? size : 0,
-              height: isVerticalPlacement ? 0 : size,
-              top: (isHorizontal ? rect.top : y) - verticalIncrease,
-              bottom: (isHorizontal ? rect.bottom : y) + verticalIncrease,
-              left: (isVertical ? rect.left : x) - horizontalIncrease,
-              right: (isVertical ? rect.right : x) + horizontalIncrease
-            };
+      isBeingDestroyed = true;
+      if (instance.state.isMounted) {
+        hide(0);
+      }
+      removeTriggersFromReference();
+      delete reference._tippy;
+      var target = instance.props.target;
+      if (target && destroyTargetInstances && isRealElement(reference)) {
+        arrayFrom(reference.querySelectorAll(target)).forEach(function (child) {
+          if (child._tippy) {
+            child._tippy.destroy();
           }
         });
-        instance.popperInstance.update();
       }
-      if (followCursor === 'initial' && instance.state.isVisible) {
-        removeFollowCursorListener();
+      if (instance.popperInstance) {
+        instance.popperInstance.destroy();
       }
+      isBeingDestroyed = false;
+      instance.state.isDestroyed = true;
     }
-    function createDelegateChildTippy(event) {
-      if (event) {
-        var targetEl = closest(event.target, instance.props.target);
-        if (targetEl && !targetEl._tippy) {
-          createTippy(targetEl, _extends$2({}, instance.props, {
-            content: invokeWithArgsOrReturn(collectionProps.content, [targetEl]),
-            appendTo: collectionProps.appendTo,
-            target: '',
-            showOnInit: true
-          }));
-        }
+  }
+  function group(instances) {
+    var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+      _ref$delay = _ref.delay,
+      delay = _ref$delay === void 0 ? instances[0].props.delay : _ref$delay,
+      _ref$duration = _ref.duration,
+      duration = _ref$duration === void 0 ? 0 : _ref$duration;
+    var isAnyTippyOpen = false;
+    instances.forEach(function (instance) {
+      if (instance._originalProps) {
+        instance.set(instance._originalProps);
+      } else {
+        instance._originalProps = _extends$2({}, instance.props);
       }
+    });
+    function setIsAnyTippyOpen(value) {
+      isAnyTippyOpen = value;
+      updateInstances();
     }
-    function onTrigger(event) {
-      if (!instance.state.isEnabled || isEventListenerStopped(event)) {
-        return;
-      }
-      if (!instance.state.isVisible) {
-        lastTriggerEventType = event.type;
-        if (event instanceof MouseEvent) {
-          lastMouseMoveEvent = event;
-          mouseMoveListeners.forEach(function (listener) {
-            return listener(event);
-          });
+    function onShow(instance) {
+      instance._originalProps.onShow(instance);
+      instances.forEach(function (instance) {
+        instance.set({
+          duration: duration
+        });
+        if (instance.state.isVisible) {
+          instance.hide();
         }
+      });
+      setIsAnyTippyOpen(true);
+    }
+    function onHide(instance) {
+      instance._originalProps.onHide(instance);
+      setIsAnyTippyOpen(false);
+    }
+    function onShown(instance) {
+      instance._originalProps.onShown(instance);
+      instance.set({
+        duration: instance._originalProps.duration
+      });
+    }
+    function updateInstances() {
+      instances.forEach(function (instance) {
+        instance.set({
+          onShow: onShow,
+          onShown: onShown,
+          onHide: onHide,
+          delay: isAnyTippyOpen ? [0, isArray$1(delay) ? delay[1] : delay] : delay,
+          duration: isAnyTippyOpen ? duration : instance._originalProps.duration
+        });
+      });
+    }
+    updateInstances();
+  }
+  var globalEventListenersBound = false;
+  function tippy(targets, options) {
+    validateOptions(options || {}, defaultProps);
+    if (!globalEventListenersBound) {
+      bindGlobalEventListeners();
+      globalEventListenersBound = true;
+    }
+    var props = _extends$2({}, defaultProps, options);
+    if (isBareVirtualElement(targets)) {
+      polyfillElementPrototypeProperties(targets);
+    }
+    var instances = getArrayOfElements(targets).reduce(function (acc, reference) {
+      var instance = reference && createTippy(reference, props);
+      if (instance) {
+        acc.push(instance);
+      }
+      return acc;
+    }, []);
+    return isSingular(targets) ? instances[0] : instances;
+  }
+  tippy.version = version;
+  tippy.defaults = defaultProps;
+  tippy.setDefaults = function (partialDefaults) {
+    keys$1(partialDefaults).forEach(function (key) {
+      defaultProps[key] = partialDefaults[key];
+    });
+  };
+  tippy.hideAll = hideAll;
+  tippy.group = group;
+  function autoInit() {
+    arrayFrom(document.querySelectorAll('[data-tippy]')).forEach(function (el) {
+      var content = el.getAttribute('data-tippy');
+      if (content) {
+        tippy(el, {
+          content: content
+        });
       }
-      if (event.type === 'click' && instance.props.hideOnClick !== false && instance.state.isVisible) {
-        scheduleHide();
-      } else {
-        scheduleShow(event);
+    });
+  }
+  if (isBrowser$1) {
+    setTimeout(autoInit);
+  }
+  var getValidTippyProps = function getValidTippyProps(props) {
+    var validProps = {};
+    for (var key in props) {
+      if (defaultProps.hasOwnProperty(key)) {
+        validProps[key] = props[key];
       }
     }
-    function onMouseMove(event) {
-      var isCursorOverPopper = closest(event.target, POPPER_SELECTOR) === popper;
-      var isCursorOverReference = closestCallback(event.target, function (el) {
-        return el === reference;
-      });
-      if (isCursorOverPopper || isCursorOverReference) {
-        return;
+    return validProps;
+  };
+
+  var defaultOptions = {
+    duration: 0,
+    arrow: true,
+    size: 'small',
+    trigger: 'mouseenter focus',
+    theme: 'dark',
+    interactive: true,
+    boundary: 'window',
+    content: '',
+    allowHTML: true,
+    extCls: ''
+  };
+  var validPlacements$1 = ['auto-start', 'auto', 'auto-end', 'top-start', 'top', 'top-end', 'right-start', 'right', 'right-end', 'bottom-end', 'bottom', 'bottom-start', 'left-end', 'left', 'left-start'];
+  var createTippy$1 = function createTippy(el, binding) {
+    var value = binding.value;
+    var options = _objectSpread({}, defaultOptions);
+    if (_typeof(value) === 'object') {
+      if (value.allowHtml || value.allowHTML) {
+        value.allowHTML = true;
       }
-      if (isCursorOutsideInteractiveBorder(getBasicPlacement(popper), popper.getBoundingClientRect(), event, instance.props)) {
-        cleanupInteractiveMouseListeners();
-        scheduleHide();
+      _extends(options, value);
+    } else {
+      options.content = value;
+    }
+    var placement = validPlacements$1.find(function (placement) {
+      return binding.modifiers[placement];
+    });
+    options.placement = options.placement || placement || (options.placements || ['top'])[0];
+    var _binding$modifiers = binding.modifiers,
+      click = _binding$modifiers.click,
+      light = _binding$modifiers.light;
+    if (click) {
+      options.trigger = 'click';
+    }
+    if (light) {
+      options.theme = 'light';
+    }
+    if (options.allowHTML) {
+      var selector = options.content;
+      if (selector instanceof Vue) {
+        options.content = selector.$el;
+      } else if (typeof selector === 'string') {
+        try {
+          var element = document.querySelector(selector);
+          if (element) {
+            options.content = element;
+          }
+        } catch (e) {
+          var _element = document.createElement('div');
+          _element.innerHTML = selector;
+        }
       }
     }
-    function onMouseLeave(event) {
-      if (isEventListenerStopped(event)) {
-        return;
+    if (options.html) {
+      options.content = options.html;
+    }
+    if (typeof options.onClose === 'function') {
+      options.onHide = options.onClose;
+    }
+    var validOptions = getValidTippyProps(options);
+    return tippy(el, validOptions);
+  };
+  var bkTooltips = {
+    inserted: function inserted(el, binding) {
+      var disabled = _typeof(binding.value) === 'object' ? binding.value.disabled : false;
+      if (!disabled) {
+        el.tippyInstance = createTippy$1(el, binding);
       }
-      if (instance.props.interactive) {
-        document.body.addEventListener('mouseleave', scheduleHide);
-        document.addEventListener('mousemove', debouncedOnMouseMove);
-        mouseMoveListeners.push(debouncedOnMouseMove);
-        return;
+    },
+    unbind: function unbind(el) {
+      el._tippy && el._tippy.destroy();
+      el.tippyInstance = null;
+    },
+    update: function update(el, binding) {
+      var value = binding.value;
+      var isObject = _typeof(value) === 'object';
+      var content = isObject ? value.content : value;
+      var disabled = isObject ? value.disabled : false;
+      if (disabled || !content) {
+        el._tippy && el._tippy.destroy();
+        el.tippyInstance = null;
+      } else if (content) {
+        if (!el._tippy) {
+          el.tippyInstance = createTippy$1(el, binding);
+        } else {
+          if (_typeof(value) === 'object' && (binding.value.allowHtml || binding.value.allowHTML)) {
+            el.tippyInstance = createTippy$1(el, binding);
+          } else {
+            el._tippy.setContent(content);
+          }
+        }
       }
-      scheduleHide();
     }
-    function onBlur(event) {
-      if (event.target !== getEventListenersTarget()) {
-        return;
-      }
-      if (instance.props.interactive && event.relatedTarget && popper.contains(event.relatedTarget)) {
-        return;
+  };
+  bkTooltips.install = function (Vue) {
+    Vue.directive('bkTooltips', bkTooltips);
+  };
+
+  var script = {
+    name: 'bk-input',
+    directives: {
+      bkTooltips: bkTooltips
+    },
+    mixins: [emitter, locale.mixin],
+    props: {
+      type: {
+        type: String,
+        default: 'text',
+        validator: function validator(value) {
+          return ['text', 'textarea', 'password', 'number', 'email', 'url', 'date'].indexOf(value) > -1;
+        }
+      },
+      value: {
+        type: [String, Number],
+        default: ''
+      },
+      placeholder: {
+        type: String,
+        default: ''
+      },
+      disabled: {
+        type: Boolean,
+        default: false
+      },
+      clearable: {
+        type: Boolean,
+        default: false
+      },
+      readonly: {
+        type: Boolean,
+        default: false
+      },
+      name: {
+        type: String,
+        default: ''
+      },
+      maxlength: {
+        type: [Number, String]
+      },
+      minlength: {
+        type: [Number, String]
+      },
+      min: {
+        type: Number,
+        default: minSafeInteger$1
+      },
+      max: {
+        type: Number,
+        default: maxSafeInteger$1
+      },
+      size: {
+        type: String,
+        default: '',
+        validator: function validator(val) {
+          return ['', 'large', 'small'].includes(val);
+        }
+      },
+      leftIcon: {
+        type: String,
+        default: ''
+      },
+      rightIcon: {
+        type: String,
+        default: ''
+      },
+      rows: {
+        type: Number
+      },
+      inputStyle: {
+        type: Object
+      },
+      fontSize: {
+        type: String,
+        default: 'normal'
+      },
+      precision: Number,
+      passwordIcon: {
+        type: Array,
+        default: function _default() {
+          return ['icon-eye-slash', 'icon-eye'];
+        }
+      },
+      showControls: {
+        type: Boolean,
+        default: true
+      },
+      extCls: {
+        type: String,
+        default: ''
+      },
+      nativeAttributes: {
+        type: Object,
+        default: null
+      },
+      showWordLimit: {
+        type: Boolean,
+        default: undefined
+      },
+      behavior: {
+        type: String,
+        default: 'normal',
+        validate: function validate(v) {
+          return ['simplicity', 'normal'].indexOf(v) > -1;
+        }
+      },
+      showClearOnlyHover: {
+        type: Boolean,
+        default: false
+      },
+      allowNumberPaste: {
+        type: Boolean,
+        default: false
+      },
+      showOverflowTooltips: {
+        type: Boolean,
+        default: false
+      },
+      initialControlValue: Number
+    },
+    data: function data() {
+      return {
+        hover: false,
+        curValue: '',
+        prepend: false,
+        append: false,
+        isActive: false,
+        defaultPlaceholder: '',
+        rightIconStyle: {
+          right: '10px'
+        },
+        rightPasswordIconStyle: {
+          right: '10px'
+        },
+        inputType: this.type,
+        inputSize: this.size,
+        inputPasswordIcon: this.passwordIcon,
+        inputRightPadding: '10px',
+        iconAreaSizeObserver: null,
+        inputResizeObserver: null,
+        isInputOverflow: false,
+        inputClientWidth: null,
+        validKeyCodeList: [48, 49, 50, 51, 52, 53, 54, 55, 56, 57,
+        96, 97, 98, 99, 100, 101, 102, 103, 104, 105,
+        8,
+        189,
+        109,
+        190,
+        110,
+        38, 40, 37, 39,
+        46,
+        9
+        ],
+        isOnComposition: false
+      };
+    },
+    computed: {
+      showClearIcon: function showClearIcon() {
+        return this.clearable && this.curValue && !this.disabled && (this.showClearOnlyHover ? this.hover : true);
+      },
+      showPwdVisable: function showPwdVisable() {
+        return this.type === 'password' && this.curValue && this.inputPasswordIcon.length && !this.readonly && !this.disabled;
+      },
+      showInputWordLimit: function showInputWordLimit() {
+        if (!['text', 'textarea'].includes(this.type)) return false;
+        return this.type === 'text' ? this.maxlength && this.showWordLimit : this.maxlength && this.showWordLimit !== false;
+      },
+      bindAttribute: function bindAttribute() {
+        return this.getAttributeByType(this.inputType);
+      },
+      computedStyle: function computedStyle() {
+        return _extends(this.inputType === 'textarea' ? {} : {
+          'padding-right': this.inputRightPadding
+        }, this.inputStyle);
+      },
+      showLeftIcon: function showLeftIcon() {
+        return this.leftIcon;
+      },
+      showRightIcon: function showRightIcon() {
+        return this.rightIcon || this.clearable && this.curValue || this.type === 'password' || this.maxlength;
+      },
+      showTwoRightIcon: function showTwoRightIcon() {
+        return this.clearable && this.curValue && this.type === 'password';
+      },
+      wrapperClass: function wrapperClass() {
+        var wrapperClass = ['bk-form-control', {
+          'with-left-icon': this.showLeftIcon,
+          'with-right-icon': this.showRightIcon,
+          'with-two-right-icon': this.showTwoRightIcon,
+          'control-prepend-group': this.prepend,
+          'control-append-group': this.append,
+          'control-active': this.isActive,
+          'control-disable': this.disabled
+        }];
+        if (this.inputSize) {
+          wrapperClass.push("bk-input-wrapper-".concat(this.inputSize));
+        }
+        return wrapperClass;
+      },
+      fontSizeCls: function fontSizeCls() {
+        var cls = '';
+        if (this.fontSize === 'medium') {
+          cls = 'medium-font';
+        } else if (this.fontSize === 'large') {
+          cls = 'large-font';
+        }
+        return cls;
+      },
+      inputSizeCls: function inputSizeCls() {
+        if (this.inputSize) {
+          return "bk-input-".concat(this.inputSize);
+        }
+        return '';
+      },
+      inputTooltips: function inputTooltips() {
+        return {
+          content: this.curValue,
+          disabled: !this.showOverflowTooltips || this.type === 'password' || !this.isInputOverflow,
+          width: this.inputClientWidth && this.inputClientWidth
+        };
       }
-      scheduleHide();
-    }
-    function onDelegateShow(event) {
-      if (closest(event.target, instance.props.target)) {
-        scheduleShow(event);
+    },
+    watch: {
+      value: {
+        handler: function handler(val, old) {
+          this.setCurValue(val);
+          old === undefined && this.updateNumberValue(val);
+          this.setOverflow();
+        },
+        immediate: true
+      },
+      placeholder: function placeholder(val) {
+        this.defaultPlaceholder = val || this.t('bk.input.input');
+      },
+      type: function type(val) {
+        this.inputType = val;
+      },
+      size: function size(val) {
+        this.inputSize = val;
       }
-    }
-    function onDelegateHide(event) {
-      if (closest(event.target, instance.props.target)) {
-        scheduleHide();
+    },
+    created: function created() {
+      this.defaultPlaceholder = this.placeholder || this.t('bk.input.input');
+    },
+    mounted: function mounted() {
+      var _this = this;
+      this.prepend = this.$slots.prepend !== undefined;
+      this.append = this.$slots.append !== undefined;
+      if (this.$slots.append) {
+        this.$nextTick(function () {
+          var appendWidth = _parseFloat$2(getStyle(_this.$slots.append[0].elm, 'width'));
+          _this.rightIconStyle = {
+            right: _parseFloat$2(_this.rightIconStyle.right) + appendWidth + 'px'
+          };
+        });
       }
-    }
-    function isEventListenerStopped(event) {
-      var supportsTouch = ('ontouchstart' in window);
-      var isTouchEvent = includes(event.type, 'touch');
-      var touchHold = instance.props.touchHold;
-      return supportsTouch && isUsingTouch && touchHold && !isTouchEvent || isUsingTouch && !touchHold && isTouchEvent;
-    }
-    function runMountCallback() {
-      if (!hasMountCallbackRun && currentMountCallback) {
-        hasMountCallbackRun = true;
-        reflow(popper);
-        currentMountCallback();
+      if (this.clearable) {
+        this.rightPasswordIconStyle = {
+          right: '30px'
+        };
       }
-    }
-    function createPopperInstance() {
-      var popperOptions = instance.props.popperOptions;
-      var _instance$popperChild = instance.popperChildren,
-        tooltip = _instance$popperChild.tooltip,
-        arrow = _instance$popperChild.arrow;
-      var preventOverflowModifier = getModifier(popperOptions, 'preventOverflow');
-      function applyMutations(data) {
-        if (instance.props.flip && !instance.props.flipOnUpdate) {
-          if (data.flipped) {
-            instance.popperInstance.options.placement = data.placement;
+      this.observerIconSize();
+      this.observerInputSize();
+    },
+    beforeDestroy: function beforeDestroy() {
+      this.iconAreaSizeObserver && typeof this.iconAreaSizeObserver.disconnect === 'function' && this.iconAreaSizeObserver.disconnect();
+      this.iconAreaSizeObserver = null;
+      this.inputResizeObserver && this.inputResizeObserver.disconnect();
+      this.inputResizeObserver = null;
+    },
+    methods: {
+      observerIconSize: function observerIconSize() {
+        var _this2 = this;
+        var element = this.$refs.rightIconArea;
+        if (!element) return;
+        if (typeof ResizeObserver !== 'undefined') {
+          var defaultPadding = 10;
+          this.iconAreaSizeObserver = new ResizeObserver(function (entries) {
+            var _iterator = _createForOfIteratorHelper(entries),
+              _step;
+            try {
+              for (_iterator.s(); !(_step = _iterator.n()).done;) {
+                var entry = _step.value;
+                var cr = entry.contentRect;
+                _this2.inputRightPadding = "".concat(cr.width + defaultPadding, "px");
+              }
+            } catch (err) {
+              _iterator.e(err);
+            } finally {
+              _iterator.f();
+            }
+          });
+          this.iconAreaSizeObserver.observe(element);
+        }
+      },
+      observerInputSize: function observerInputSize() {
+        var _this3 = this;
+        var element = this.$refs.input;
+        if (!element) return;
+        this.inputResizeObserver = new ResizeObserver(function (entries) {
+          var _iterator2 = _createForOfIteratorHelper(entries),
+            _step2;
+          try {
+            for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+              var entry = _step2.value;
+              if (entry.target === element) {
+                _this3.setOverflow();
+              }
+            }
+          } catch (err) {
+            _iterator2.e(err);
+          } finally {
+            _iterator2.f();
           }
-          setFlipModifierEnabled(instance.popperInstance.modifiers, false);
+        });
+        this.inputResizeObserver.observe(element);
+      },
+      setOverflow: function setOverflow() {
+        var _this4 = this;
+        setTimeout(function () {
+          var inputEl = _this4.$refs.input;
+          if (inputEl) {
+            _this4.isInputOverflow = inputEl.scrollWidth > inputEl.clientWidth + 2;
+            if (inputEl.clientWidth !== _this4.inputClientWidth) {
+              _this4.$refs.inputWrapper._tippy && _this4.$refs.inputWrapper._tippy.destroy();
+            }
+            _this4.inputClientWidth = inputEl.clientWidth;
+          }
+        });
+      },
+      getAttributeByType: function getAttributeByType() {
+        var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+        var defaultAttr = {
+          type: type,
+          name: this.name,
+          placeholder: this.defaultPlaceholder,
+          disabled: this.disabled,
+          readonly: this.readonly,
+          maxlength: this.maxlength,
+          minlength: this.minlength,
+          value: this.curValue
+        };
+        type = type.toLocaleLowerCase();
+        var outputAttr = this.nativeAttributes || {};
+        switch (type) {
+          case 'number':
+            var numberAttr = {
+              min: this.min,
+              max: this.max
+            };
+            _extends(outputAttr, defaultAttr, numberAttr);
+            outputAttr.type = 'text';
+            break;
+          case 'textarea':
+            var txtAttr = {
+              rows: this.rows
+            };
+            _extends(outputAttr, defaultAttr, txtAttr);
+            break;
+          default:
+            _extends(outputAttr, defaultAttr);
+            break;
         }
-        tooltip.setAttribute(PLACEMENT_ATTRIBUTE, data.placement);
-        if (data.attributes[OUT_OF_BOUNDARIES_ATTRIBUTE] !== false) {
-          tooltip.setAttribute(OUT_OF_BOUNDARIES_ATTRIBUTE, '');
-        } else {
-          tooltip.removeAttribute(OUT_OF_BOUNDARIES_ATTRIBUTE);
+        return outputAttr;
+      },
+      handleToFixed: function handleToFixed(defaultNumber, length) {
+        var len = _parseInt$2(length, 10);
+        var number = Number(defaultNumber);
+        if (isNaN(number) || number >= Math.pow(10, 21)) {
+          return number.toString();
         }
-        if (previousPlacement && previousPlacement !== data.placement && wasVisibleDuringPreviousUpdate) {
-          tooltip.style.transition = 'none';
-          requestAnimationFrame(function () {
-            tooltip.style.transition = '';
-          });
+        if (typeof len === 'undefined' || len === 0) {
+          return Math.round(number).toString();
         }
-        previousPlacement = data.placement;
-        wasVisibleDuringPreviousUpdate = instance.state.isVisible;
-        var basicPlacement = getBasicPlacement(popper);
-        var styles = tooltip.style;
-        styles.top = styles.bottom = styles.left = styles.right = '';
-        styles[basicPlacement] = getOffsetDistanceInPx(instance.props.distance);
-        var padding = preventOverflowModifier && preventOverflowModifier.padding !== undefined ? preventOverflowModifier.padding : PADDING;
-        var isPaddingNumber = typeof padding === 'number';
-        var computedPadding = _extends$2({
-          top: isPaddingNumber ? padding : padding.top,
-          bottom: isPaddingNumber ? padding : padding.bottom,
-          left: isPaddingNumber ? padding : padding.left,
-          right: isPaddingNumber ? padding : padding.right
-        }, !isPaddingNumber && padding);
-        computedPadding[basicPlacement] = isPaddingNumber ? padding + instance.props.distance : (padding[basicPlacement] || 0) + instance.props.distance;
-        instance.popperInstance.modifiers.filter(function (m) {
-          return m.name === 'preventOverflow';
-        })[0].padding = computedPadding;
-        currentComputedPadding = computedPadding;
-      }
-      var config = _extends$2({
-        eventsEnabled: false,
-        placement: instance.props.placement
-      }, popperOptions, {
-        modifiers: _extends$2({}, popperOptions ? popperOptions.modifiers : {}, {
-          preventOverflow: _extends$2({
-            boundariesElement: instance.props.boundary,
-            padding: PADDING
-          }, preventOverflowModifier),
-          arrow: _extends$2({
-            element: arrow,
-            enabled: !!arrow
-          }, getModifier(popperOptions, 'arrow')),
-          flip: _extends$2({
-            enabled: instance.props.flip,
-            padding: instance.props.distance + PADDING,
-            behavior: instance.props.flipBehavior
-          }, getModifier(popperOptions, 'flip')),
-          offset: _extends$2({
-            offset: instance.props.offset
-          }, getModifier(popperOptions, 'offset'))
-        }),
-        onCreate: function onCreate(data) {
-          applyMutations(data);
-          runMountCallback();
-          if (popperOptions && popperOptions.onCreate) {
-            popperOptions.onCreate(data);
+        var result = number.toString();
+        var numberArr = result.split('.');
+        if (numberArr.length < 2) {
+          return this.handlePadNum(result, len);
+        }
+        var intNum = numberArr[0];
+        var deciNum = numberArr[1];
+        var lastNum = deciNum.substr(len, 1);
+        if (deciNum.length === len) {
+          return result;
+        }
+        if (deciNum.length < len) {
+          return this.handlePadNum(result, len);
+        }
+        result = intNum + '.' + deciNum.substr(0, len);
+        if (_parseInt$2(lastNum, 10) >= 5) {
+          var times = Math.pow(10, len);
+          var changedInt = Number(result.replace('.', ''));
+          changedInt++;
+          changedInt /= times;
+          result = this.handlePadNum(changedInt + '', len);
+        }
+        return result;
+      },
+      handlePadNum: function handlePadNum(num, len) {
+        var dotPos = num.indexOf('.');
+        if (dotPos === -1) {
+          num += '.';
+          for (var i = 0; i < len; i++) {
+            num += '0';
           }
-        },
-        onUpdate: function onUpdate(data) {
-          applyMutations(data);
-          runMountCallback();
-          if (popperOptions && popperOptions.onUpdate) {
-            popperOptions.onUpdate(data);
+          return num;
+        } else {
+          var need = len - (num.length - dotPos - 1);
+          for (var j = 0; j < need; j++) {
+            num += '0';
           }
+          return num;
         }
-      });
-      instance.popperInstance = new Popper(reference, popper, config);
-    }
-    function mount() {
-      hasMountCallbackRun = false;
-      var isInLooseFollowCursorMode = getIsInLooseFollowCursorMode();
-      if (instance.popperInstance) {
-        setFlipModifierEnabled(instance.popperInstance.modifiers, instance.props.flip);
-        if (!isInLooseFollowCursorMode) {
-          instance.popperInstance.reference = reference;
-          instance.popperInstance.enableEventListeners();
+      },
+      handleNumberDelete: function handleNumberDelete(event) {
+        if (this.curValue === '') {
+          this.curValue = this.initialControlValue === undefined ? this.max : Math.min(this.initialControlValue, this.max);
         }
-        instance.popperInstance.scheduleUpdate();
-      } else {
-        createPopperInstance();
-        if (!isInLooseFollowCursorMode) {
-          instance.popperInstance.enableEventListeners();
+        var curNumberValue = Number(this.curValue);
+        if (curNumberValue - 1 >= this.min) {
+          var curLenAfterDot = (String(curNumberValue) || '').split('.')[1] || '';
+          var newVal = curNumberValue - 1;
+          if (typeof this.precision !== 'undefined') {
+            newVal = this.handleToFixed(newVal, Math.min(16, Math.max(curLenAfterDot.length, this.precision)));
+          }
+          this.setCurValue(newVal);
+          this.$emit('input', newVal, event);
+          this.$emit('change', newVal, event);
+          this.dispatch('bk-form-item', 'form-change');
         }
-      }
-      var appendTo = instance.props.appendTo;
-      var parentNode = appendTo === 'parent' ? reference.parentNode : invokeWithArgsOrReturn(appendTo, [reference]);
-      if (!parentNode.contains(popper)) {
-        parentNode.appendChild(popper);
-        instance.props.onMount(instance);
-        instance.state.isMounted = true;
-      }
-    }
-    function scheduleShow(event, shouldAvoidCallingOnTrigger) {
-      clearDelayTimeouts();
-      if (instance.state.isVisible) {
-        return;
-      }
-      if (instance.props.target) {
-        return createDelegateChildTippy(event);
-      }
-      isScheduledToShow = true;
-      if (event && !shouldAvoidCallingOnTrigger) {
-        instance.props.onTrigger(instance, event);
-      }
-      if (instance.props.wait) {
-        return instance.props.wait(instance, event);
-      }
-      if (getIsInLooseFollowCursorMode() && !instance.state.isMounted) {
-        if (!instance.popperInstance) {
-          createPopperInstance();
+      },
+      handleNumberAdd: function handleNumberAdd(event) {
+        if (this.curValue === '') {
+          this.curValue = this.initialControlValue === undefined ? this.min : Math.max(this.initialControlValue, this.min);
         }
-        document.addEventListener('mousemove', positionVirtualReferenceNearCursor);
-      }
-      addDocumentClickListener();
-      var delay = getValue(instance.props.delay, 0, defaultProps.delay);
-      if (delay) {
-        showTimeoutId = setTimeout(function () {
-          show();
-        }, delay);
-      } else {
-        show();
-      }
-    }
-    function scheduleHide() {
-      clearDelayTimeouts();
-      if (!instance.state.isVisible) {
-        return removeFollowCursorListener();
-      }
-      isScheduledToShow = false;
-      var delay = getValue(instance.props.delay, 1, defaultProps.delay);
-      if (delay) {
-        hideTimeoutId = setTimeout(function () {
-          if (instance.state.isVisible) {
-            hide();
+        var curNumberValue = Number(this.curValue);
+        if (curNumberValue <= this.max - 1) {
+          var curLenAfterDot = (String(curNumberValue) || '').split('.')[1] || '';
+          var newVal = curNumberValue + 1;
+          if (typeof this.precision !== 'undefined') {
+            newVal = this.handleToFixed(newVal, Math.min(16, Math.max(curLenAfterDot.length, this.precision)));
           }
-        }, delay);
-      } else {
-        scheduleHideAnimationFrameId = requestAnimationFrame(function () {
-          hide();
-        });
-      }
-    }
-    function onDocumentClick(event) {
-      if (instance.props.interactive && popper.contains(event.target)) {
-        return;
-      }
-      if (getEventListenersTarget().contains(event.target)) {
-        if (isUsingTouch) {
-          return;
+          this.setCurValue(newVal);
+          this.$emit('input', newVal, event);
+          this.$emit('change', newVal, event);
+          this.dispatch('bk-form-item', 'form-change');
+        }
+      },
+      handlerEnter: function handlerEnter(event) {
+        var value = event.target.value;
+        this.$emit('enter', value, event);
+      },
+      handlerKeyup: function handlerKeyup(event) {
+        var value = event.target.value;
+        this.$emit('keyup', value, event);
+      },
+      handlerKeypress: function handlerKeypress(event) {
+        var value = event.target.value;
+        this.$emit('keypress', value, event);
+      },
+      handlerKeydown: function handlerKeydown(event) {
+        var keyCode = event.keyCode;
+        var target = event.currentTarget;
+        var value = target.value;
+        var isPaste = (event.ctrlKey || event.metaKey) && keyCode === 86;
+        if (this.inputType === 'number') {
+          if (!(this.allowNumberPaste && isPaste) && (this.validKeyCodeList.indexOf(keyCode) < 0 || event.shiftKey || event.altKey || event.ctrlKey || event.metaKey)) {
+            event.stopPropagation();
+            event.preventDefault();
+            return false;
+          }
+          if (keyCode === 190) {
+            if (String(value).trim()) {
+              if (value.indexOf('.') >= 0) {
+                event.stopPropagation();
+                event.preventDefault();
+                return false;
+              }
+            }
+          }
+          if (event.keyCode === 189) {
+            if (String(value).trim()) {
+              if (value.indexOf('-') >= 0) {
+                event.stopPropagation();
+                event.preventDefault();
+                return false;
+              }
+              if (document.getSelection().type !== 'Range') {
+                if (target.selectionEnd !== 0) {
+                  event.stopPropagation();
+                  event.preventDefault();
+                  return false;
+                }
+              }
+            }
+          }
+          if (keyCode === 38) {
+            event.preventDefault();
+            this.handleNumberAdd(event);
+          } else if (keyCode === 40) {
+            event.preventDefault();
+            this.handleNumberDelete(event);
+          }
+          if (document.getSelection().type !== 'Range') {
+            if (value.indexOf('-') === 0 && target.selectionStart === 0) {
+              var keyCodeList = [48, 49, 50, 51, 52, 53, 54, 55, 56, 57,
+              96, 97, 98, 99, 100, 101, 102, 103, 104, 105,
+              189,
+              109,
+              190,
+              110
+              ];
+              if (keyCodeList.indexOf(keyCode) > -1) {
+                event.stopPropagation();
+                event.preventDefault();
+                return false;
+              }
+            }
+          }
+        }
+        this.$emit('keydown', value, event);
+      },
+      handlerFocus: function handlerFocus(event) {
+        var value = event.target.value;
+        this.isActive = true;
+        this.$emit('focus', value, event);
+        this.dispatch('bk-form-item', 'form-focus');
+      },
+      toPrecision: function toPrecision(num, precision) {
+        if (precision === undefined) precision = 0;
+        return this.handleToFixed(num, precision);
+      },
+      handlerBlur: function handlerBlur(event) {
+        var value = event.target.value;
+        if (/^number$/i.test(this.type) && value !== '') {
+          if (isNaN(value)) {
+            value = this.min === minSafeInteger$1 ? 0 : this.min;
+          }
+          if (value !== '' && /^-?\d*(.\d*)?$/i.test(value)) {
+            if (value > this.max || value < this.min) {
+              value = this.getCurrentNumberValue();
+            }
+          }
+          if (typeof this.precision !== 'undefined') {
+            value = this.toPrecision(_parseFloat$2(value), this.precision, true);
+          } else {
+            value = Number(value);
+          }
+          if (value + '' !== event.target.value + '') {
+            this.setCurValue(value);
+            event.target.value = value;
+            this.$emit('change', value, event);
+            this.$emit('input', value, event);
+          }
+        }
+        this.isActive = false;
+        this.$emit('blur', value, event);
+        this.dispatch('bk-form-item', 'form-blur');
+      },
+      handlerPaste: function handlerPaste(event) {
+        var value = event.target.value;
+        this.$emit('paste', value, event);
+        this.$emit('change', value, event);
+        this.dispatch('bk-form-item', 'form-change');
+      },
+      getCurrentNumberValue: function getCurrentNumberValue() {
+        var val = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+        val = val === null ? this.curValue : val;
+        var value = '';
+        if (val !== '' && /^-?\d*(.\d*)?$/i.test(val)) {
+          value = Number(val);
+          value = value > this.max ? this.max : value;
+          value = value < this.min ? this.min : value;
+          return value;
+        }
+        return '';
+      },
+      handlerCompositionstart: function handlerCompositionstart(e) {
+        this.isOnComposition = true;
+      },
+      handlerCompositionend: function handlerCompositionend(e) {
+        if (this.inputType === 'number' && this.isOnComposition) {
+          e.target.value = this.curValue;
+          this.isOnComposition = false;
+          this.handlerInput(e);
         }
-        if (instance.state.isVisible && includes(instance.props.trigger, 'click')) {
+      },
+      handlerInput: function handlerInput(event) {
+        var _this5 = this;
+        if (this.inputType === 'number' && this.isOnComposition) {
           return;
         }
-      }
-      if (instance.props.hideOnClick === true) {
-        clearDelayTimeouts();
-        hide();
-      }
-    }
-    function enable() {
-      instance.state.isEnabled = true;
-    }
-    function disable() {
-      instance.state.isEnabled = false;
-    }
-    function clearDelayTimeouts() {
-      clearTimeout(showTimeoutId);
-      clearTimeout(hideTimeoutId);
-      cancelAnimationFrame(scheduleHideAnimationFrameId);
-    }
-    function set(options) {
-      options = options || {};
-      validateOptions(options, defaultProps);
-      removeTriggersFromReference();
-      var prevProps = instance.props;
-      var nextProps = evaluateProps(reference, _extends$2({}, instance.props, options, {
-        ignoreAttributes: true
-      }));
-      nextProps.ignoreAttributes = hasOwnProperty$1(options, 'ignoreAttributes') ? options.ignoreAttributes || false : prevProps.ignoreAttributes;
-      instance.props = nextProps;
-      addTriggersToReference();
-      cleanupInteractiveMouseListeners();
-      debouncedOnMouseMove = debounce$1(onMouseMove, nextProps.interactiveDebounce);
-      updatePopperElement(popper, prevProps, nextProps);
-      instance.popperChildren = getChildren(popper);
-      if (instance.popperInstance) {
-        if (POPPER_INSTANCE_DEPENDENCIES.some(function (prop) {
-          return hasOwnProperty$1(options, prop) && options[prop] !== prevProps[prop];
-        })) {
-          instance.popperInstance.destroy();
-          createPopperInstance();
-          if (instance.state.isVisible) {
-            instance.popperInstance.enableEventListeners();
-          }
-          if (instance.props.followCursor && lastMouseMoveEvent) {
-            positionVirtualReferenceNearCursor(lastMouseMoveEvent);
-          }
+        this.$nextTick(function () {
+          var value = event.target.value;
+          _this5.setCurValue(value);
+          _this5.$emit('input', value, event);
+          _this5.$emit('change', value, event);
+          _this5.dispatch('bk-form-item', 'form-change');
+        });
+      },
+      handlerClear: function handlerClear(event) {
+        this.curValue = '';
+        this.$emit('input', this.curValue, event);
+        this.$emit('change', this.curValue, event);
+        this.$emit('clear', this.curValue, event);
+        this.dispatch('bk-form-item', 'form-change');
+      },
+      handlerLeftIcon: function handlerLeftIcon(event) {
+        this.$emit('left-icon-click', this.curValue, event);
+      },
+      handlerRightIcon: function handlerRightIcon(event) {
+        this.$emit('right-icon-click', this.curValue, event);
+      },
+      focus: function focus(event) {
+        if (this.type === 'textarea') {
+          this.$refs.textarea.focus();
         } else {
-          instance.popperInstance.update();
+          this.$refs.input.focus();
+        }
+      },
+      blur: function blur(event) {
+        if (this.type === 'textarea') {
+          this.$refs.textarea.blur();
+        } else {
+          this.$refs.input.blur();
+        }
+      },
+      setCurValue: function setCurValue(val) {
+        if (val === this.curValue) {
+          return false;
+        }
+        this.curValue = val;
+      },
+      updateNumberValue: function updateNumberValue(val) {
+        if (val !== '' && /^number$/i.test(this.type) && /^-?\d*(.\d*)?$/i.test(val)) {
+          val = this.getCurrentNumberValue(val);
+          this.curValue = typeof this.precision === 'number' ? this.toPrecision(Number(val), this.precision) : Number(val);
+        }
+      },
+      togglePass: function togglePass() {
+        if (this.inputType === 'password') {
+          this.inputType = 'text';
+        } else {
+          this.inputType = 'password';
         }
       }
     }
-    function setContent(content) {
-      set({
-        content: content
-      });
+  };
+
+  function normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier
+  , shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {
+    if (typeof shadowMode !== 'boolean') {
+      createInjectorSSR = createInjector;
+      createInjector = shadowMode;
+      shadowMode = false;
     }
-    function show() {
-      var duration = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : getValue(instance.props.duration, 0, defaultProps.duration[1]);
-      if (instance.state.isDestroyed || !instance.state.isEnabled || isUsingTouch && !instance.props.touch) {
-        return;
-      }
-      if (getEventListenersTarget().hasAttribute('disabled')) {
-        return;
-      }
-      if (instance.props.onShow(instance) === false) {
-        return;
-      }
-      addDocumentClickListener();
-      popper.style.visibility = 'visible';
-      instance.state.isVisible = true;
-      if (instance.props.interactive) {
-        getEventListenersTarget().classList.add(ACTIVE_CLASS);
+    var options = typeof script === 'function' ? script.options : script;
+    if (template && template.render) {
+      options.render = template.render;
+      options.staticRenderFns = template.staticRenderFns;
+      options._compiled = true;
+      if (isFunctionalTemplate) {
+        options.functional = true;
       }
-      var transitionableElements = getTransitionableElements();
-      setTransitionDuration(transitionableElements.concat(popper), 0);
-      currentMountCallback = function currentMountCallback() {
-        if (!instance.state.isVisible) {
-          return;
-        }
-        var isInLooseFollowCursorMode = getIsInLooseFollowCursorMode();
-        if (isInLooseFollowCursorMode && lastMouseMoveEvent) {
-          positionVirtualReferenceNearCursor(lastMouseMoveEvent);
-        } else if (!isInLooseFollowCursorMode) {
-          instance.popperInstance.update();
+    }
+    if (scopeId) {
+      options._scopeId = scopeId;
+    }
+    var hook;
+    if (moduleIdentifier) {
+      hook = function hook(context) {
+        context = context ||
+        this.$vnode && this.$vnode.ssrContext ||
+        this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext;
+        if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
+          context = __VUE_SSR_CONTEXT__;
         }
-        if (instance.popperChildren.backdrop) {
-          instance.popperChildren.content.style.transitionDelay = Math.round(duration / 12) + 'ms';
+        if (style) {
+          style.call(this, createInjectorSSR(context));
         }
-        if (instance.props.sticky) {
-          makeSticky();
+        if (context && context._registeredComponents) {
+          context._registeredComponents.add(moduleIdentifier);
         }
-        setTransitionDuration([popper], instance.props.updateDuration);
-        setTransitionDuration(transitionableElements, duration);
-        setVisibilityState(transitionableElements, 'visible');
-        onTransitionedIn(duration, function () {
-          if (instance.props.aria) {
-            getEventListenersTarget().setAttribute("aria-".concat(instance.props.aria), popper.id);
-          }
-          instance.props.onShown(instance);
-          instance.state.isShown = true;
-        });
       };
-      mount();
+      options._ssrRegister = hook;
+    } else if (style) {
+      hook = shadowMode ? function () {
+        style.call(this, createInjectorShadow(this.$root.$options.shadowRoot));
+      } : function (context) {
+        style.call(this, createInjector(context));
+      };
     }
-    function hide() {
-      var duration = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : getValue(instance.props.duration, 1, defaultProps.duration[1]);
-      if (instance.state.isDestroyed || !instance.state.isEnabled && !isBeingDestroyed) {
-        return;
+    if (hook) {
+      if (options.functional) {
+        var originalRender = options.render;
+        options.render = function renderWithStyleInjection(h, context) {
+          hook.call(context);
+          return originalRender(h, context);
+        };
+      } else {
+        var existing = options.beforeCreate;
+        options.beforeCreate = existing ? [].concat(existing, hook) : [hook];
+      }
+    }
+    return script;
+  }
+  var normalizeComponent_1 = normalizeComponent;
+
+  /* script */
+  var __vue_script__ = script;
+  /* template */
+  var __vue_render__ = function __vue_render__() {
+    var _vm = this;
+    var _h = _vm.$createElement;
+    var _c = _vm._self._c || _h;
+    return _c('div', {
+      class: [_vm.wrapperClass, _vm.fontSizeCls, _vm.extCls],
+      on: {
+        "mouseenter": function mouseenter($event) {
+          _vm.hover = true;
+        },
+        "mouseleave": function mouseleave($event) {
+          _vm.hover = false;
+        }
+      }
+    }, [_vm.leftIcon ? _c('div', {
+      staticClass: "control-icon left-icon",
+      on: {
+        "click": _vm.handlerLeftIcon
+      }
+    }, [_c('i', {
+      class: ['bk-icon', _vm.leftIcon]
+    })]) : _vm._e(), _vm.prepend ? _c('div', {
+      staticClass: "group-box group-prepend"
+    }, [_vm._t("prepend")], 2) : _vm._e(), _vm.inputType === 'textarea' ? [_c('div', {
+      staticClass: "bk-textarea-wrapper"
+    }, [_c('textarea', _vm._b({
+      ref: "textarea",
+      class: ['bk-form-textarea', {
+        'textarea-maxlength': _vm.maxlength
+      }],
+      style: _vm.computedStyle,
+      on: {
+        "keyup": function keyup($event) {
+          if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) {
+            return null;
+          }
+          return _vm.handlerEnter.apply(null, arguments);
+        },
+        "keypress": _vm.handlerKeypress,
+        "keydown": _vm.handlerKeydown,
+        "focus": _vm.handlerFocus,
+        "blur": _vm.handlerBlur,
+        "input": _vm.handlerInput,
+        "paste": _vm.handlerPaste
       }
-      if (instance.props.onHide(instance) === false && !isBeingDestroyed) {
-        return;
+    }, 'textarea', _vm.bindAttribute, false)), _vm.showInputWordLimit ? [_c('p', {
+      staticClass: "bk-limit-box"
+    }, [_c('span', {
+      staticClass: "strong"
+    }, [_vm._v(_vm._s(_vm.curValue && _vm.curValue.length || 0))]), _vm._v("/"), _c('span', [_vm._v(_vm._s(_vm.maxlength))])])] : _vm._e()], 2)] : [_c('div', {
+      directives: [{
+        name: "bk-tooltips",
+        rawName: "v-bk-tooltips",
+        value: _vm.inputTooltips,
+        expression: "inputTooltips"
+      }],
+      ref: "inputWrapper",
+      class: ["bk-input-" + _vm.type]
+    }, [_c('input', _vm._b({
+      ref: "input",
+      class: ['bk-form-input', _vm.inputSizeCls, {
+        'only-bottom-border': _vm.behavior === 'simplicity'
+      }],
+      style: _vm.computedStyle,
+      on: {
+        "keyup": [function ($event) {
+          if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) {
+            return null;
+          }
+          return _vm.handlerEnter.apply(null, arguments);
+        }, _vm.handlerKeyup],
+        "keypress": _vm.handlerKeypress,
+        "keydown": _vm.handlerKeydown,
+        "focus": _vm.handlerFocus,
+        "blur": _vm.handlerBlur,
+        "input": _vm.handlerInput,
+        "paste": _vm.handlerPaste,
+        "compositionstart": _vm.handlerCompositionstart,
+        "compositionend": _vm.handlerCompositionend
       }
-      removeDocumentClickListener();
-      popper.style.visibility = 'hidden';
-      instance.state.isVisible = false;
-      instance.state.isShown = false;
-      wasVisibleDuringPreviousUpdate = false;
-      if (instance.props.interactive) {
-        getEventListenersTarget().classList.remove(ACTIVE_CLASS);
+    }, 'input', _vm.bindAttribute, false)), /^number$/i.test(_vm.type) && !_vm.disabled && !_vm.readonly ? [_vm.showControls ? _c('span', {
+      staticClass: "input-number-option"
+    }, [_c('span', {
+      staticClass: "number-option-item bk-icon icon-angle-up",
+      on: {
+        "click": _vm.handleNumberAdd
       }
-      var transitionableElements = getTransitionableElements();
-      setTransitionDuration(transitionableElements, duration);
-      setVisibilityState(transitionableElements, 'hidden');
-      onTransitionedOut(duration, function () {
-        if (!isScheduledToShow) {
-          removeFollowCursorListener();
-        }
-        if (instance.props.aria) {
-          getEventListenersTarget().removeAttribute("aria-".concat(instance.props.aria));
-        }
-        instance.popperInstance.disableEventListeners();
-        instance.popperInstance.options.placement = instance.props.placement;
-        popper.parentNode.removeChild(popper);
-        instance.props.onHidden(instance);
-        instance.state.isMounted = false;
-      });
-    }
-    function destroy(destroyTargetInstances) {
-      if (instance.state.isDestroyed) {
-        return;
+    }), _c('span', {
+      staticClass: "number-option-item bk-icon icon-angle-down",
+      on: {
+        "click": _vm.handleNumberDelete
       }
-      isBeingDestroyed = true;
-      if (instance.state.isMounted) {
-        hide(0);
+    })]) : _vm._e()] : _vm._e()], 2)], _vm.append ? _c('div', {
+      staticClass: "group-box group-append"
+    }, [_vm._t("append")], 2) : _vm._e(), !/^number$/i.test(_vm.type) ? _c('div', {
+      ref: "rightIconArea",
+      staticClass: "control-icon right-icon",
+      style: _vm.rightIconStyle,
+      on: {
+        "click": _vm.handlerRightIcon
       }
-      removeTriggersFromReference();
-      delete reference._tippy;
-      var target = instance.props.target;
-      if (target && destroyTargetInstances && isRealElement(reference)) {
-        arrayFrom(reference.querySelectorAll(target)).forEach(function (child) {
-          if (child._tippy) {
-            child._tippy.destroy();
-          }
-        });
+    }, [_vm.showPwdVisable ? _c('i', {
+      class: ['bk-icon', _vm.inputType === 'password' ? _vm.inputPasswordIcon[0] : _vm.inputPasswordIcon[1]],
+      on: {
+        "click": _vm.togglePass
       }
-      if (instance.popperInstance) {
-        instance.popperInstance.destroy();
+    }) : _vm._e(), _vm.showClearIcon ? _c('i', {
+      staticClass: "bk-icon icon-close-circle-shape clear-icon ml5 mr5",
+      on: {
+        "click": function click($event) {
+          $event.stopPropagation();
+          $event.preventDefault();
+          return _vm.handlerClear.apply(null, arguments);
+        }
       }
-      isBeingDestroyed = false;
-      instance.state.isDestroyed = true;
-    }
-  }
-  function group(instances) {
-    var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-      _ref$delay = _ref.delay,
-      delay = _ref$delay === void 0 ? instances[0].props.delay : _ref$delay,
-      _ref$duration = _ref.duration,
-      duration = _ref$duration === void 0 ? 0 : _ref$duration;
-    var isAnyTippyOpen = false;
-    instances.forEach(function (instance) {
-      if (instance._originalProps) {
-        instance.set(instance._originalProps);
-      } else {
-        instance._originalProps = _extends$2({}, instance.props);
+    }) : _vm._e(), _vm.rightIcon ? _c('i', {
+      class: ['input-right-icon', 'bk-icon', _vm.rightIcon]
+    }) : _vm._e(), _vm.type === 'text' ? [_c('p', {
+      directives: [{
+        name: "show",
+        rawName: "v-show",
+        value: _vm.showInputWordLimit,
+        expression: "showInputWordLimit"
+      }],
+      staticClass: "bk-limit-box ml5",
+      staticStyle: {
+        "position": "static"
       }
-    });
-    function setIsAnyTippyOpen(value) {
-      isAnyTippyOpen = value;
-      updateInstances();
-    }
-    function onShow(instance) {
-      instance._originalProps.onShow(instance);
-      instances.forEach(function (instance) {
-        instance.set({
-          duration: duration
-        });
-        if (instance.state.isVisible) {
-          instance.hide();
+    }, [_c('span', {
+      staticClass: "strong"
+    }, [_vm._v(_vm._s(_vm.curValue && _vm.curValue.length || 0))]), _vm._v("/"), _c('span', [_vm._v(_vm._s(_vm.maxlength))])])] : _vm._e()], 2) : _vm._e()], 2);
+  };
+  var __vue_staticRenderFns__ = [];
+
+  /* style */
+  var __vue_inject_styles__ = undefined;
+  /* scoped */
+  var __vue_scope_id__ = undefined;
+  /* module identifier */
+  var __vue_module_identifier__ = undefined;
+  /* functional template */
+  var __vue_is_functional_template__ = false;
+  /* style inject */
+
+  /* style inject SSR */
+
+  /* style inject shadow dom */
+
+  var __vue_component__ = /*#__PURE__*/normalizeComponent_1({
+    render: __vue_render__,
+    staticRenderFns: __vue_staticRenderFns__
+  }, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
+
+  function setInstaller (component, afterInstall) {
+    component.install = function (Vue) {
+      var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      var props = component.props || {};
+      keys$1(options).forEach(function (key) {
+        if (props.hasOwnProperty(key)) {
+          if (typeof props[key] === 'function' || props[key] instanceof Array) {
+            props[key] = {
+              type: props[key],
+              default: options[key]
+            };
+          } else {
+            props[key].default = options[key];
+          }
         }
       });
-      setIsAnyTippyOpen(true);
-    }
-    function onHide(instance) {
-      instance._originalProps.onHide(instance);
-      setIsAnyTippyOpen(false);
-    }
-    function onShown(instance) {
-      instance._originalProps.onShown(instance);
-      instance.set({
-        duration: instance._originalProps.duration
-      });
-    }
-    function updateInstances() {
-      instances.forEach(function (instance) {
-        instance.set({
-          onShow: onShow,
-          onShown: onShown,
-          onHide: onHide,
-          delay: isAnyTippyOpen ? [0, isArray$1(delay) ? delay[1] : delay] : delay,
-          duration: isAnyTippyOpen ? duration : instance._originalProps.duration
-        });
-      });
-    }
-    updateInstances();
-  }
-  var globalEventListenersBound = false;
-  function tippy(targets, options) {
-    validateOptions(options || {}, defaultProps);
-    if (!globalEventListenersBound) {
-      bindGlobalEventListeners();
-      globalEventListenersBound = true;
-    }
-    var props = _extends$2({}, defaultProps, options);
-    if (isBareVirtualElement(targets)) {
-      polyfillElementPrototypeProperties(targets);
-    }
-    var instances = getArrayOfElements(targets).reduce(function (acc, reference) {
-      var instance = reference && createTippy(reference, props);
-      if (instance) {
-        acc.push(instance);
-      }
-      return acc;
-    }, []);
-    return isSingular(targets) ? instances[0] : instances;
-  }
-  tippy.version = version;
-  tippy.defaults = defaultProps;
-  tippy.setDefaults = function (partialDefaults) {
-    keys$1(partialDefaults).forEach(function (key) {
-      defaultProps[key] = partialDefaults[key];
-    });
-  };
-  tippy.hideAll = hideAll;
-  tippy.group = group;
-  function autoInit() {
-    arrayFrom(document.querySelectorAll('[data-tippy]')).forEach(function (el) {
-      var content = el.getAttribute('data-tippy');
-      if (content) {
-        tippy(el, {
-          content: content
-        });
-      }
-    });
-  }
-  if (isBrowser$1) {
-    setTimeout(autoInit);
+      component.name = options.namespace ? component.name.replace('bk', options.namespace) : component.name;
+      Vue.component(component.name, component);
+      typeof afterInstall === 'function' && afterInstall(Vue, options);
+    };
   }
 
+  setInstaller(__vue_component__);
+
   function beforeShow(instance) {
     var reference = instance.reference;
     var props = reference._bk_overflow_tips_.props;