@britecore/bc-design-system 3.31.3 → 3.32.2

package/lib/slider.js

@@ -220,6 +220,82 @@ var isDefined = exports.isDefined = function isDefined(val) {
 
 /***/ }),
 
+/***/ 100:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+exports.__esModule = true;
+
+var _assign = __webpack_require__(48);
+
+var _assign2 = _interopRequireDefault(_assign);
+
+var _extends2 = __webpack_require__(42);
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+var _typeof2 = __webpack_require__(2);
+
+var _typeof3 = _interopRequireDefault(_typeof2);
+
+var _vue = __webpack_require__(1);
+
+var _vue2 = _interopRequireDefault(_vue);
+
+var _main = __webpack_require__(77);
+
+var _main2 = _interopRequireDefault(_main);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var Tooltip = _vue2.default.extend(_main2.default);
+var validPlacements = ['top', 'right', 'bottom', 'left'].reduce(function (arr, position) {
+  arr.push(position + '-start', position, position + '-end');
+  return arr;
+}, []);
+
+var destroyInstance = function destroyInstance(instance) {
+  var el = instance.$el;
+  el.parentNode.removeChild(el);
+  instance.$destroy();
+};
+
+var bindUpdateHandler = function bindUpdateHandler(el, binding) {
+  // when updating, destroy the previous instance
+  if (el.$tooltipInstance) destroyInstance(el.$tooltipInstance);
+
+  // prepare props
+  var props = (0, _typeof3.default)(binding.value) === 'object' ? (0, _extends3.default)({ reference: el }, binding.value) : { reference: el, content: binding.value };
+  var placement = validPlacements.find(function (placement) {
+    return binding.arg === placement;
+  });
+
+  if (placement && !Object.prototype.hasOwnProperty.call(props, 'placement')) props.placement = placement;
+
+  // create instance and pass props
+  var instance = new Tooltip();
+  (0, _assign2.default)(instance, props);
+
+  // mount
+  instance.vm = instance.$mount();
+  el.appendChild(instance.$el);
+
+  // store reference to destroy in unbind/update
+  el.$tooltipInstance = instance;
+};
+
+exports.default = {
+  bind: bindUpdateHandler,
+  update: bindUpdateHandler,
+  unbind: function unbind(el) {
+    if (el.$tooltipInstance) destroyInstance(el.$tooltipInstance);
+  }
+};
+
+/***/ }),
+
 /***/ 11:
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -266,7 +342,7 @@ var scrollBarWidth = void 0;
 
 /***/ }),
 
-/***/ 12:
+/***/ 13:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -337,7 +413,7 @@ exports.default = {
 
 /***/ }),
 
-/***/ 131:
+/***/ 132:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -345,7 +421,7 @@ exports.default = {
 
 exports.__esModule = true;
 
-var _inputNumber = __webpack_require__(132);
+var _inputNumber = __webpack_require__(133);
 
 var _inputNumber2 = _interopRequireDefault(_inputNumber);
 
@@ -360,15 +436,15 @@ exports.default = _inputNumber2.default;
 
 /***/ }),
 
-/***/ 132:
+/***/ 133:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_input_number_vue__ = __webpack_require__(91);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_input_number_vue__ = __webpack_require__(92);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_input_number_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_input_number_vue__);
 /* harmony namespace reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_input_number_vue__) if(__WEBPACK_IMPORT_KEY__ !== 'default') (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_input_number_vue__[key]; }) }(__WEBPACK_IMPORT_KEY__));
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_4bdf4164_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_input_number_vue__ = __webpack_require__(133);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_4bdf4164_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_input_number_vue__ = __webpack_require__(134);
 var normalizeComponent = __webpack_require__(0)
 /* script */
 
@@ -397,7 +473,7 @@ var Component = normalizeComponent(
 
 /***/ }),
 
-/***/ 133:
+/***/ 134:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -674,7 +750,7 @@ var _emitter = __webpack_require__(6);
 
 var _emitter2 = _interopRequireDefault(_emitter);
 
-var _migrating = __webpack_require__(12);
+var _migrating = __webpack_require__(13);
 
 var _migrating2 = _interopRequireDefault(_migrating);
 
@@ -1381,7 +1457,7 @@ exports.default = _input2.default;
 
 /***/ }),
 
-/***/ 200:
+/***/ 201:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1389,7 +1465,7 @@ exports.default = _input2.default;
 
 exports.__esModule = true;
 
-var _inputNumber = __webpack_require__(131);
+var _inputNumber = __webpack_require__(132);
 
 var _inputNumber2 = _interopRequireDefault(_inputNumber);
 
@@ -1768,7 +1844,7 @@ exports.default = {
 
 /***/ }),
 
-/***/ 201:
+/***/ 202:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1776,7 +1852,7 @@ exports.default = {
 
 exports.__esModule = true;
 
-var _tooltip = __webpack_require__(98);
+var _tooltip = __webpack_require__(99);
 
 var _tooltip2 = _interopRequireDefault(_tooltip);
 
@@ -3888,7 +3964,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_RESULT__;/**
 
 /***/ }),
 
-/***/ 35:
+/***/ 36:
 /***/ (function(module, exports) {
 
 module.exports = require("throttle-debounce/debounce");
@@ -3923,7 +3999,7 @@ exports.default = _main2.default;
 
 "use strict";
 Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue__ = __webpack_require__(200);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue__ = __webpack_require__(201);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue__);
 /* harmony namespace reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue__) if(__WEBPACK_IMPORT_KEY__ !== 'default') (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_main_vue__[key]; }) }(__WEBPACK_IMPORT_KEY__));
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_7cd3f340_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_main_vue__ = __webpack_require__(372);
@@ -3960,7 +4036,7 @@ var Component = normalizeComponent(
 
 "use strict";
 Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_button_vue__ = __webpack_require__(201);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_button_vue__ = __webpack_require__(202);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_button_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_button_vue__);
 /* harmony namespace reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_button_vue__) if(__WEBPACK_IMPORT_KEY__ !== 'default') (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_button_vue__[key]; }) }(__WEBPACK_IMPORT_KEY__));
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_059e1e64_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_button_vue__ = __webpack_require__(371);
@@ -4283,6 +4359,20 @@ var delay = exports.delay = function delay(ms) {
 
 /***/ }),
 
+/***/ 42:
+/***/ (function(module, exports) {
+
+module.exports = require("babel-runtime/helpers/extends");
+
+/***/ }),
+
+/***/ 48:
+/***/ (function(module, exports) {
+
+module.exports = require("babel-runtime/core-js/object/assign");
+
+/***/ }),
+
 /***/ 5:
 /***/ (function(module, exports) {
 
@@ -4290,7 +4380,7 @@ module.exports = require("babel-runtime/core-js/object/keys");
 
 /***/ }),
 
-/***/ 50:
+/***/ 52:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -4321,7 +4411,7 @@ function getFirstComponentChild(children) {
 
 /***/ }),
 
-/***/ 54:
+/***/ 56:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -4393,7 +4483,7 @@ module.exports = require("babel-runtime/core-js/json/stringify");
 
 /***/ }),
 
-/***/ 8:
+/***/ 77:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -4401,464 +4491,91 @@ module.exports = require("babel-runtime/core-js/json/stringify");
 
 exports.__esModule = true;
 
-exports.default = function (target) {
-  for (var i = 1, j = arguments.length; i < j; i++) {
-    var source = arguments[i] || {};
-    for (var prop in source) {
-      if (source.hasOwnProperty(prop)) {
-        var value = source[prop];
-        if (value !== undefined) {
-          target[prop] = value;
-        }
-      }
-    }
-  }
-
-  return target;
-};
-
-;
-
-/***/ }),
-
-/***/ 82:
-/***/ (function(module, exports, __webpack_require__) {
+var _vuePopper = __webpack_require__(21);
 
-"use strict";
+var _vuePopper2 = _interopRequireDefault(_vuePopper);
 
+var _debounce = __webpack_require__(36);
 
-exports.__esModule = true;
+var _debounce2 = _interopRequireDefault(_debounce);
 
 var _dom = __webpack_require__(3);
 
-exports.default = {
-  bind: function bind(el, binding, vnode) {
-    var interval = null;
-    var startTime = void 0;
-    var handler = function handler() {
-      return vnode.context[binding.expression].apply();
-    };
-    var clear = function clear() {
-      if (new Date() - startTime < 100) {
-        handler();
-      }
-      clearInterval(interval);
-      interval = null;
-    };
-
-    (0, _dom.on)(el, 'mousedown', function (e) {
-      if (e.button !== 0) return;
-      startTime = new Date();
-      (0, _dom.once)(document, 'mouseup', clear);
-      clearInterval(interval);
-      interval = setInterval(handler, 100);
-    });
-  }
-};
-
-/***/ }),
-
-/***/ 9:
-/***/ (function(module, exports) {
-
-module.exports = require("babel-runtime/core-js/promise");
-
-/***/ }),
-
-/***/ 91:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-exports.__esModule = true;
-
-var _input = __webpack_require__(20);
-
-var _input2 = _interopRequireDefault(_input);
-
-var _focus = __webpack_require__(54);
+var _vdom = __webpack_require__(52);
 
-var _focus2 = _interopRequireDefault(_focus);
+var _util = __webpack_require__(4);
 
-var _repeatClick = __webpack_require__(82);
+var _vue = __webpack_require__(1);
 
-var _repeatClick2 = _interopRequireDefault(_repeatClick);
+var _vue2 = _interopRequireDefault(_vue);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 exports.default = {
-  name: 'ElInputNumber',
-  mixins: [(0, _focus2.default)('input')],
-  inject: {
-    elForm: {
-      default: ''
-    },
-    elFormItem: {
-      default: ''
-    }
-  },
-  directives: {
-    repeatClick: _repeatClick2.default
-  },
-  components: {
-    ElInput: _input2.default
-  },
+  name: 'ElTooltip',
+
+  mixins: [_vuePopper2.default],
+
   props: {
-    step: {
-      type: Number,
-      default: 1
-    },
-    max: {
+    openDelay: {
       type: Number,
-      default: Infinity
+      default: 0
     },
-    min: {
+    maxWidth: String,
+    disabled: Boolean,
+    manual: Boolean,
+    arrowOffset: {
       type: Number,
-      default: -Infinity
+      default: 0
     },
-    value: {},
-    disabled: Boolean,
-    size: String,
-    controls: {
-      type: Boolean,
+    popperClass: String,
+    content: String,
+    visibleArrow: {
       default: true
     },
-    controlsPosition: {
+    transition: {
       type: String,
       default: ''
     },
-    name: String,
-    label: String,
-    precision: {
-      type: Number,
-      validator: function validator(val) {
-        return val >= 0 && val === parseInt(val, 10);
+    popperOptions: {
+      default: function _default() {
+        return {
+          boundariesPadding: 10,
+          gpuAcceleration: false
+        };
       }
     },
-    dataElement: String
+    enterable: {
+      type: Boolean,
+      default: true
+    },
+    hideAfter: {
+      type: Number,
+      default: 0
+    }
   },
+
   data: function data() {
     return {
-      currentValue: 0
+      timeoutPending: null,
+      focusing: false
     };
   },
 
-  watch: {
-    value: {
-      immediate: true,
-      handler: function handler(value) {
-        var newVal = value === undefined ? value : Number(value);
-        if (newVal !== undefined) {
-          if (isNaN(newVal)) {
-            return;
-          }
-          if (this.precision !== undefined) {
-            newVal = this.toPrecision(newVal, this.precision);
-          }
-        }
-        if (newVal >= this.max) newVal = this.max;
-        if (newVal <= this.min) newVal = this.min;
-        this.currentValue = newVal;
-        this.$emit('input', newVal);
-      }
+  computed: {
+    tooltipId: function tooltipId() {
+      return 'el-tooltip-' + (0, _util.generateId)();
     }
   },
-  computed: {
-    minDisabled: function minDisabled() {
-      return this._decrease(this.value, this.step) < this.min;
-    },
-    maxDisabled: function maxDisabled() {
-      return this._increase(this.value, this.step) > this.max;
-    },
-    numPrecision: function numPrecision() {
-      var value = this.value,
-          step = this.step,
-          getPrecision = this.getPrecision,
-          precision = this.precision;
+  beforeCreate: function beforeCreate() {
+    var _this = this;
 
-      var stepPrecision = getPrecision(step);
-      if (precision !== undefined) {
-        if (stepPrecision > precision) {
-          console.warn('[Element Warn][InputNumber]precision should not be less than the decimal places of step');
-        }
-        return precision;
-      } else {
-        return Math.max(getPrecision(value), stepPrecision);
-      }
-    },
-    controlsAtRight: function controlsAtRight() {
-      return this.controlsPosition === 'right';
-    },
-    _elFormItemSize: function _elFormItemSize() {
-      return (this.elFormItem || {}).elFormItemSize;
-    },
-    inputNumberSize: function inputNumberSize() {
-      return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
-    },
-    inputNumberDisabled: function inputNumberDisabled() {
-      return this.disabled || (this.elForm || {}).disabled;
-    },
-    currentInputValue: function currentInputValue() {
-      var currentValue = this.currentValue;
-      if (typeof currentValue === 'number' && this.precision !== undefined) {
-        return currentValue.toFixed(this.precision);
-      } else {
-        return currentValue;
-      }
-    }
-  },
-  methods: {
-    toPrecision: function toPrecision(num, precision) {
-      if (precision === undefined) precision = this.numPrecision;
-      return parseFloat(parseFloat(Number(num).toFixed(precision)));
-    },
-    getPrecision: function getPrecision(value) {
-      if (value === undefined) return 0;
-      var valueString = value.toString();
-      var dotPosition = valueString.indexOf('.');
-      var precision = 0;
-      if (dotPosition !== -1) {
-        precision = valueString.length - dotPosition - 1;
-      }
-      return precision;
-    },
-    _increase: function _increase(val, step) {
-      if (typeof val !== 'number' && val !== undefined) return this.currentValue;
-
-      var precisionFactor = Math.pow(10, this.numPrecision);
-      // Solve the accuracy problem of JS decimal calculation by converting the value to integer.
-      return this.toPrecision((precisionFactor * val + precisionFactor * step) / precisionFactor);
-    },
-    _decrease: function _decrease(val, step) {
-      if (typeof val !== 'number' && val !== undefined) return this.currentValue;
-
-      var precisionFactor = Math.pow(10, this.numPrecision);
-
-      return this.toPrecision((precisionFactor * val - precisionFactor * step) / precisionFactor);
-    },
-    increase: function increase() {
-      if (this.inputNumberDisabled || this.maxDisabled) return;
-      var value = this.value || 0;
-      var newVal = this._increase(value, this.step);
-      this.setCurrentValue(newVal);
-    },
-    decrease: function decrease() {
-      if (this.inputNumberDisabled || this.minDisabled) return;
-      var value = this.value || 0;
-      var newVal = this._decrease(value, this.step);
-      this.setCurrentValue(newVal);
-    },
-    handleBlur: function handleBlur(event) {
-      this.$emit('blur', event);
-      this.$refs.input.setCurrentValue(this.currentInputValue);
-    },
-    handleFocus: function handleFocus(event) {
-      this.$emit('focus', event);
-    },
-    setCurrentValue: function setCurrentValue(newVal) {
-      var oldVal = this.currentValue;
-      if (typeof newVal === 'number' && this.precision !== undefined) {
-        newVal = this.toPrecision(newVal, this.precision);
-      }
-      if (newVal >= this.max) newVal = this.max;
-      if (newVal <= this.min) newVal = this.min;
-      if (oldVal === newVal) {
-        this.$refs.input.setCurrentValue(this.currentInputValue);
-        return;
-      }
-      this.$emit('input', newVal);
-      this.$emit('change', newVal, oldVal);
-      this.currentValue = newVal;
-    },
-    handleInputChange: function handleInputChange(value) {
-      var newVal = value === '' ? undefined : Number(value);
-      if (!isNaN(newVal) || value === '') {
-        this.setCurrentValue(newVal);
-      }
-    }
-  },
-  mounted: function mounted() {
-    var innerInput = this.$refs.input.$refs.input;
-    innerInput.setAttribute('role', 'spinbutton');
-    innerInput.setAttribute('aria-valuemax', this.max);
-    innerInput.setAttribute('aria-valuemin', this.min);
-    innerInput.setAttribute('aria-valuenow', this.currentValue);
-    innerInput.setAttribute('aria-disabled', this.inputNumberDisabled);
-  },
-  updated: function updated() {
-    if (!this.$refs || !this.$refs.input) return;
-    var innerInput = this.$refs.input.$refs.input;
-    innerInput.setAttribute('aria-valuenow', this.currentValue);
-  }
-}; //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-/***/ }),
-
-/***/ 98:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-exports.__esModule = true;
-
-var _main = __webpack_require__(99);
-
-var _main2 = _interopRequireDefault(_main);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/* istanbul ignore next */
-_main2.default.install = function (Vue) {
-  Vue.component(_main2.default.name, _main2.default);
-};
-
-exports.default = _main2.default;
-
-/***/ }),
-
-/***/ 99:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-exports.__esModule = true;
-
-var _vuePopper = __webpack_require__(21);
-
-var _vuePopper2 = _interopRequireDefault(_vuePopper);
-
-var _debounce = __webpack_require__(35);
-
-var _debounce2 = _interopRequireDefault(_debounce);
-
-var _dom = __webpack_require__(3);
-
-var _vdom = __webpack_require__(50);
-
-var _util = __webpack_require__(4);
-
-var _vue = __webpack_require__(1);
-
-var _vue2 = _interopRequireDefault(_vue);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-exports.default = {
-  name: 'ElTooltip',
-
-  mixins: [_vuePopper2.default],
-
-  props: {
-    openDelay: {
-      type: Number,
-      default: 0
-    },
-    maxWidth: String,
-    disabled: Boolean,
-    manual: Boolean,
-    arrowOffset: {
-      type: Number,
-      default: 0
-    },
-    popperClass: String,
-    content: String,
-    visibleArrow: {
-      default: true
-    },
-    transition: {
-      type: String,
-      default: 'el-fade-in-linear'
-    },
-    popperOptions: {
-      default: function _default() {
-        return {
-          boundariesPadding: 10,
-          gpuAcceleration: false
-        };
-      }
-    },
-    enterable: {
-      type: Boolean,
-      default: true
-    },
-    hideAfter: {
-      type: Number,
-      default: 0
-    }
-  },
-
-  data: function data() {
-    return {
-      timeoutPending: null,
-      focusing: false
-    };
-  },
-
-  computed: {
-    tooltipId: function tooltipId() {
-      return 'el-tooltip-' + (0, _util.generateId)();
-    }
-  },
-  beforeCreate: function beforeCreate() {
-    var _this = this;
-
-    if (this.$isServer) return;
-
-    this.popperVM = new _vue2.default({
-      data: { node: '' },
-      render: function render(h) {
-        return this.node;
+    if (this.$isServer) return;
+
+    this.popperVM = new _vue2.default({
+      data: { node: '' },
+      render: function render(h) {
+        return this.node;
       }
     }).$mount();
 
@@ -4923,10 +4640,11 @@ exports.default = {
   mounted: function mounted() {
     var _this3 = this;
 
+    // this.reference comes from the Popper mixin's props
     this.referenceElm = this.reference || this.$el;
-    if (this.$el.nodeType === 1) {
-      this.$el.setAttribute('aria-describedby', this.tooltipId);
-      this.$el.setAttribute('tabindex', 0);
+    if (this.referenceElm.nodeType === 1) {
+      this.referenceElm.setAttribute('aria-describedby', this.tooltipId);
+      this.referenceElm.setAttribute('tabindex', 0);
       (0, _dom.on)(this.referenceElm, 'mouseenter', this.show);
       (0, _dom.on)(this.referenceElm, 'mouseleave', this.hide);
       (0, _dom.on)(this.referenceElm, 'focus', function () {
@@ -4940,91 +4658,474 @@ exports.default = {
         } else {
           _this3.handleFocus();
         }
-      });
-      (0, _dom.on)(this.referenceElm, 'blur', this.handleBlur);
-      (0, _dom.on)(this.referenceElm, 'click', this.removeFocusing);
+      });
+      (0, _dom.on)(this.referenceElm, 'blur', this.handleBlur);
+      (0, _dom.on)(this.referenceElm, 'click', this.removeFocusing);
+    }
+  },
+
+  watch: {
+    focusing: function focusing(val) {
+      if (val) {
+        (0, _dom.addClass)(this.referenceElm, 'focusing');
+      } else {
+        (0, _dom.removeClass)(this.referenceElm, 'focusing');
+      }
+    }
+  },
+  methods: {
+    show: function show() {
+      this.setExpectedState(true);
+      this.handleShowPopper();
+    },
+    hide: function hide() {
+      this.setExpectedState(false);
+      this.debounceClose();
+    },
+    handleFocus: function handleFocus() {
+      this.focusing = true;
+      this.show();
+    },
+    handleBlur: function handleBlur() {
+      this.focusing = false;
+      this.hide();
+    },
+    removeFocusing: function removeFocusing() {
+      this.focusing = false;
+    },
+    concatClass: function concatClass(a, b) {
+      if (a && a.indexOf(b) > -1) return a;
+      return a ? b ? a + ' ' + b : a : b || '';
+    },
+    handleShowPopper: function handleShowPopper() {
+      var _this4 = this;
+
+      if (!this.expectedState || this.manual) return;
+      clearTimeout(this.timeout);
+      this.timeout = setTimeout(function () {
+        _this4.showPopper = true;
+      }, this.openDelay);
+
+      if (this.hideAfter > 0) {
+        this.timeoutPending = setTimeout(function () {
+          _this4.showPopper = false;
+        }, this.hideAfter);
+      }
+    },
+    handleClosePopper: function handleClosePopper() {
+      if (this.enterable && this.expectedState || this.manual) return;
+      clearTimeout(this.timeout);
+
+      if (this.timeoutPending) {
+        clearTimeout(this.timeoutPending);
+      }
+      this.showPopper = false;
+
+      if (this.disabled) {
+        this.doDestroy();
+      }
+    },
+    setExpectedState: function setExpectedState(expectedState) {
+      if (expectedState === false) {
+        clearTimeout(this.timeoutPending);
+      }
+      this.expectedState = expectedState;
+    }
+  },
+
+  destroyed: function destroyed() {
+    var reference = this.referenceElm;
+    (0, _dom.off)(reference, 'mouseenter', this.show);
+    (0, _dom.off)(reference, 'mouseleave', this.hide);
+    (0, _dom.off)(reference, 'focus', this.handleFocus);
+    (0, _dom.off)(reference, 'blur', this.handleBlur);
+    (0, _dom.off)(reference, 'click', this.removeFocusing);
+  }
+};
+
+/***/ }),
+
+/***/ 8:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+exports.__esModule = true;
+
+exports.default = function (target) {
+  for (var i = 1, j = arguments.length; i < j; i++) {
+    var source = arguments[i] || {};
+    for (var prop in source) {
+      if (source.hasOwnProperty(prop)) {
+        var value = source[prop];
+        if (value !== undefined) {
+          target[prop] = value;
+        }
+      }
+    }
+  }
+
+  return target;
+};
+
+;
+
+/***/ }),
+
+/***/ 83:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+exports.__esModule = true;
+
+var _dom = __webpack_require__(3);
+
+exports.default = {
+  bind: function bind(el, binding, vnode) {
+    var interval = null;
+    var startTime = void 0;
+    var handler = function handler() {
+      return vnode.context[binding.expression].apply();
+    };
+    var clear = function clear() {
+      if (new Date() - startTime < 100) {
+        handler();
+      }
+      clearInterval(interval);
+      interval = null;
+    };
+
+    (0, _dom.on)(el, 'mousedown', function (e) {
+      if (e.button !== 0) return;
+      startTime = new Date();
+      (0, _dom.once)(document, 'mouseup', clear);
+      clearInterval(interval);
+      interval = setInterval(handler, 100);
+    });
+  }
+};
+
+/***/ }),
+
+/***/ 9:
+/***/ (function(module, exports) {
+
+module.exports = require("babel-runtime/core-js/promise");
+
+/***/ }),
+
+/***/ 92:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+exports.__esModule = true;
+
+var _input = __webpack_require__(20);
+
+var _input2 = _interopRequireDefault(_input);
+
+var _focus = __webpack_require__(56);
+
+var _focus2 = _interopRequireDefault(_focus);
+
+var _repeatClick = __webpack_require__(83);
+
+var _repeatClick2 = _interopRequireDefault(_repeatClick);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+exports.default = {
+  name: 'ElInputNumber',
+  mixins: [(0, _focus2.default)('input')],
+  inject: {
+    elForm: {
+      default: ''
+    },
+    elFormItem: {
+      default: ''
+    }
+  },
+  directives: {
+    repeatClick: _repeatClick2.default
+  },
+  components: {
+    ElInput: _input2.default
+  },
+  props: {
+    step: {
+      type: Number,
+      default: 1
+    },
+    max: {
+      type: Number,
+      default: Infinity
+    },
+    min: {
+      type: Number,
+      default: -Infinity
+    },
+    value: {},
+    disabled: Boolean,
+    size: String,
+    controls: {
+      type: Boolean,
+      default: true
+    },
+    controlsPosition: {
+      type: String,
+      default: ''
+    },
+    name: String,
+    label: String,
+    precision: {
+      type: Number,
+      validator: function validator(val) {
+        return val >= 0 && val === parseInt(val, 10);
+      }
+    },
+    dataElement: String
+  },
+  data: function data() {
+    return {
+      currentValue: 0
+    };
+  },
+
+  watch: {
+    value: {
+      immediate: true,
+      handler: function handler(value) {
+        var newVal = value === undefined ? value : Number(value);
+        if (newVal !== undefined) {
+          if (isNaN(newVal)) {
+            return;
+          }
+          if (this.precision !== undefined) {
+            newVal = this.toPrecision(newVal, this.precision);
+          }
+        }
+        if (newVal >= this.max) newVal = this.max;
+        if (newVal <= this.min) newVal = this.min;
+        this.currentValue = newVal;
+        this.$emit('input', newVal);
+      }
     }
   },
+  computed: {
+    minDisabled: function minDisabled() {
+      return this._decrease(this.value, this.step) < this.min;
+    },
+    maxDisabled: function maxDisabled() {
+      return this._increase(this.value, this.step) > this.max;
+    },
+    numPrecision: function numPrecision() {
+      var value = this.value,
+          step = this.step,
+          getPrecision = this.getPrecision,
+          precision = this.precision;
 
-  watch: {
-    focusing: function focusing(val) {
-      if (val) {
-        (0, _dom.addClass)(this.referenceElm, 'focusing');
+      var stepPrecision = getPrecision(step);
+      if (precision !== undefined) {
+        if (stepPrecision > precision) {
+          console.warn('[Element Warn][InputNumber]precision should not be less than the decimal places of step');
+        }
+        return precision;
       } else {
-        (0, _dom.removeClass)(this.referenceElm, 'focusing');
+        return Math.max(getPrecision(value), stepPrecision);
+      }
+    },
+    controlsAtRight: function controlsAtRight() {
+      return this.controlsPosition === 'right';
+    },
+    _elFormItemSize: function _elFormItemSize() {
+      return (this.elFormItem || {}).elFormItemSize;
+    },
+    inputNumberSize: function inputNumberSize() {
+      return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
+    },
+    inputNumberDisabled: function inputNumberDisabled() {
+      return this.disabled || (this.elForm || {}).disabled;
+    },
+    currentInputValue: function currentInputValue() {
+      var currentValue = this.currentValue;
+      if (typeof currentValue === 'number' && this.precision !== undefined) {
+        return currentValue.toFixed(this.precision);
+      } else {
+        return currentValue;
       }
     }
   },
   methods: {
-    show: function show() {
-      this.setExpectedState(true);
-      this.handleShowPopper();
+    toPrecision: function toPrecision(num, precision) {
+      if (precision === undefined) precision = this.numPrecision;
+      return parseFloat(parseFloat(Number(num).toFixed(precision)));
     },
-    hide: function hide() {
-      this.setExpectedState(false);
-      this.debounceClose();
+    getPrecision: function getPrecision(value) {
+      if (value === undefined) return 0;
+      var valueString = value.toString();
+      var dotPosition = valueString.indexOf('.');
+      var precision = 0;
+      if (dotPosition !== -1) {
+        precision = valueString.length - dotPosition - 1;
+      }
+      return precision;
     },
-    handleFocus: function handleFocus() {
-      this.focusing = true;
-      this.show();
+    _increase: function _increase(val, step) {
+      if (typeof val !== 'number' && val !== undefined) return this.currentValue;
+
+      var precisionFactor = Math.pow(10, this.numPrecision);
+      // Solve the accuracy problem of JS decimal calculation by converting the value to integer.
+      return this.toPrecision((precisionFactor * val + precisionFactor * step) / precisionFactor);
     },
-    handleBlur: function handleBlur() {
-      this.focusing = false;
-      this.hide();
+    _decrease: function _decrease(val, step) {
+      if (typeof val !== 'number' && val !== undefined) return this.currentValue;
+
+      var precisionFactor = Math.pow(10, this.numPrecision);
+
+      return this.toPrecision((precisionFactor * val - precisionFactor * step) / precisionFactor);
     },
-    removeFocusing: function removeFocusing() {
-      this.focusing = false;
+    increase: function increase() {
+      if (this.inputNumberDisabled || this.maxDisabled) return;
+      var value = this.value || 0;
+      var newVal = this._increase(value, this.step);
+      this.setCurrentValue(newVal);
     },
-    concatClass: function concatClass(a, b) {
-      if (a && a.indexOf(b) > -1) return a;
-      return a ? b ? a + ' ' + b : a : b || '';
+    decrease: function decrease() {
+      if (this.inputNumberDisabled || this.minDisabled) return;
+      var value = this.value || 0;
+      var newVal = this._decrease(value, this.step);
+      this.setCurrentValue(newVal);
     },
-    handleShowPopper: function handleShowPopper() {
-      var _this4 = this;
-
-      if (!this.expectedState || this.manual) return;
-      clearTimeout(this.timeout);
-      this.timeout = setTimeout(function () {
-        _this4.showPopper = true;
-      }, this.openDelay);
-
-      if (this.hideAfter > 0) {
-        this.timeoutPending = setTimeout(function () {
-          _this4.showPopper = false;
-        }, this.hideAfter);
-      }
+    handleBlur: function handleBlur(event) {
+      this.$emit('blur', event);
+      this.$refs.input.setCurrentValue(this.currentInputValue);
     },
-    handleClosePopper: function handleClosePopper() {
-      if (this.enterable && this.expectedState || this.manual) return;
-      clearTimeout(this.timeout);
-
-      if (this.timeoutPending) {
-        clearTimeout(this.timeoutPending);
+    handleFocus: function handleFocus(event) {
+      this.$emit('focus', event);
+    },
+    setCurrentValue: function setCurrentValue(newVal) {
+      var oldVal = this.currentValue;
+      if (typeof newVal === 'number' && this.precision !== undefined) {
+        newVal = this.toPrecision(newVal, this.precision);
       }
-      this.showPopper = false;
-
-      if (this.disabled) {
-        this.doDestroy();
+      if (newVal >= this.max) newVal = this.max;
+      if (newVal <= this.min) newVal = this.min;
+      if (oldVal === newVal) {
+        this.$refs.input.setCurrentValue(this.currentInputValue);
+        return;
       }
+      this.$emit('input', newVal);
+      this.$emit('change', newVal, oldVal);
+      this.currentValue = newVal;
     },
-    setExpectedState: function setExpectedState(expectedState) {
-      if (expectedState === false) {
-        clearTimeout(this.timeoutPending);
+    handleInputChange: function handleInputChange(value) {
+      var newVal = value === '' ? undefined : Number(value);
+      if (!isNaN(newVal) || value === '') {
+        this.setCurrentValue(newVal);
       }
-      this.expectedState = expectedState;
     }
   },
-
-  destroyed: function destroyed() {
-    var reference = this.referenceElm;
-    (0, _dom.off)(reference, 'mouseenter', this.show);
-    (0, _dom.off)(reference, 'mouseleave', this.hide);
-    (0, _dom.off)(reference, 'focus', this.handleFocus);
-    (0, _dom.off)(reference, 'blur', this.handleBlur);
-    (0, _dom.off)(reference, 'click', this.removeFocusing);
+  mounted: function mounted() {
+    var innerInput = this.$refs.input.$refs.input;
+    innerInput.setAttribute('role', 'spinbutton');
+    innerInput.setAttribute('aria-valuemax', this.max);
+    innerInput.setAttribute('aria-valuemin', this.min);
+    innerInput.setAttribute('aria-valuenow', this.currentValue);
+    innerInput.setAttribute('aria-disabled', this.inputNumberDisabled);
+  },
+  updated: function updated() {
+    if (!this.$refs || !this.$refs.input) return;
+    var innerInput = this.$refs.input.$refs.input;
+    innerInput.setAttribute('aria-valuenow', this.currentValue);
   }
+}; //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+/***/ }),
+
+/***/ 99:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+exports.__esModule = true;
+
+var _vue = __webpack_require__(1);
+
+var _vue2 = _interopRequireDefault(_vue);
+
+var _main = __webpack_require__(77);
+
+var _main2 = _interopRequireDefault(_main);
+
+var _directive = __webpack_require__(100);
+
+var _directive2 = _interopRequireDefault(_directive);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+_vue2.default.directive('tooltip', _directive2.default);
+
+/* istanbul ignore next */
+_main2.default.install = function (Vue) {
+  Vue.component(_main2.default.name, _main2.default);
 };
 
+exports.default = _main2.default;
+
 /***/ })
 
 /******/ });