cy-element-ui 1.1.13 → 1.1.15

package/lib/slider.js

@@ -220,7 +220,7 @@ module.exports = require("element-ui/lib/input-number");
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/slider/src/main.vue?vue&type=template&id=1c6449fc
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/slider/src/main.vue?vue&type=template&id=5ae793ac
 var render = function () {
   var _vm = this
   var _h = _vm.$createElement
@@ -353,14 +353,14 @@ var staticRenderFns = []
 render._withStripped = true
 
 
-// CONCATENATED MODULE: ./packages/slider/src/main.vue?vue&type=template&id=1c6449fc
+// CONCATENATED MODULE: ./packages/slider/src/main.vue?vue&type=template&id=5ae793ac
 
 // EXTERNAL MODULE: external "element-ui/lib/input-number"
 var input_number_ = __webpack_require__(55);
 var input_number_default = /*#__PURE__*/__webpack_require__.n(input_number_);
 
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/slider/src/button.vue?vue&type=template&id=2c1bd88a
-var buttonvue_type_template_id_2c1bd88a_render = function () {
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/slider/src/button.vue?vue&type=template&id=6c945400
+var buttonvue_type_template_id_6c945400_render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
@@ -461,11 +461,11 @@ var buttonvue_type_template_id_2c1bd88a_render = function () {
     1
   )
 }
-var buttonvue_type_template_id_2c1bd88a_staticRenderFns = []
-buttonvue_type_template_id_2c1bd88a_render._withStripped = true
+var buttonvue_type_template_id_6c945400_staticRenderFns = []
+buttonvue_type_template_id_6c945400_render._withStripped = true
 
 
-// CONCATENATED MODULE: ./packages/slider/src/button.vue?vue&type=template&id=2c1bd88a
+// CONCATENATED MODULE: ./packages/slider/src/button.vue?vue&type=template&id=6c945400
 
 // EXTERNAL MODULE: external "element-ui/lib/tooltip"
 var tooltip_ = __webpack_require__(29);
@@ -505,198 +505,198 @@ var tooltip_default = /*#__PURE__*/__webpack_require__.n(tooltip_);
 
 
 /* harmony default export */ var buttonvue_type_script_lang_js = ({
-  name: 'ElSliderButton',
-
-  components: {
-    ElTooltip: tooltip_default.a
-  },
-
-  props: {
-    value: {
-      type: Number,
-      default: 0
-    },
-    vertical: {
-      type: Boolean,
-      default: false
-    },
-    tooltipClass: String
-  },
-
-  data: function data() {
-    return {
-      hovering: false,
-      dragging: false,
-      isClick: false,
-      startX: 0,
-      currentX: 0,
-      startY: 0,
-      currentY: 0,
-      startPosition: 0,
-      newPosition: null,
-      oldValue: this.value
-    };
-  },
-
-
-  computed: {
-    disabled: function disabled() {
-      return this.$parent.sliderDisabled;
-    },
-    max: function max() {
-      return this.$parent.max;
-    },
-    min: function min() {
-      return this.$parent.min;
-    },
-    step: function step() {
-      return this.$parent.step;
-    },
-    showTooltip: function showTooltip() {
-      return this.$parent.showTooltip;
-    },
-    precision: function precision() {
-      return this.$parent.precision;
-    },
-    currentPosition: function currentPosition() {
-      return (this.value - this.min) / (this.max - this.min) * 100 + '%';
-    },
-    enableFormat: function enableFormat() {
-      return this.$parent.formatTooltip instanceof Function;
-    },
-    formatValue: function formatValue() {
-      return this.enableFormat && this.$parent.formatTooltip(this.value) || this.value;
-    },
-    wrapperStyle: function wrapperStyle() {
-      return this.vertical ? { bottom: this.currentPosition } : { left: this.currentPosition };
-    }
-  },
-
-  watch: {
-    dragging: function dragging(val) {
-      this.$parent.dragging = val;
-    }
-  },
-
-  methods: {
-    displayTooltip: function displayTooltip() {
-      this.$refs.tooltip && (this.$refs.tooltip.showPopper = true);
-    },
-    hideTooltip: function hideTooltip() {
-      this.$refs.tooltip && (this.$refs.tooltip.showPopper = false);
-    },
-    handleMouseEnter: function handleMouseEnter() {
-      this.hovering = true;
-      this.displayTooltip();
-    },
-    handleMouseLeave: function handleMouseLeave() {
-      this.hovering = false;
-      this.hideTooltip();
-    },
-    onButtonDown: function onButtonDown(event) {
-      if (this.disabled) return;
-      event.preventDefault();
-      this.onDragStart(event);
-      window.addEventListener('mousemove', this.onDragging);
-      window.addEventListener('touchmove', this.onDragging);
-      window.addEventListener('mouseup', this.onDragEnd);
-      window.addEventListener('touchend', this.onDragEnd);
-      window.addEventListener('contextmenu', this.onDragEnd);
-    },
-    onLeftKeyDown: function onLeftKeyDown() {
-      if (this.disabled) return;
-      this.newPosition = parseFloat(this.currentPosition) - this.step / (this.max - this.min) * 100;
-      this.setPosition(this.newPosition);
-      this.$parent.emitChange();
-    },
-    onRightKeyDown: function onRightKeyDown() {
-      if (this.disabled) return;
-      this.newPosition = parseFloat(this.currentPosition) + this.step / (this.max - this.min) * 100;
-      this.setPosition(this.newPosition);
-      this.$parent.emitChange();
-    },
-    onDragStart: function onDragStart(event) {
-      this.dragging = true;
-      this.isClick = true;
-      if (event.type === 'touchstart') {
-        event.clientY = event.touches[0].clientY;
-        event.clientX = event.touches[0].clientX;
-      }
-      if (this.vertical) {
-        this.startY = event.clientY;
-      } else {
-        this.startX = event.clientX;
-      }
-      this.startPosition = parseFloat(this.currentPosition);
-      this.newPosition = this.startPosition;
-    },
-    onDragging: function onDragging(event) {
-      if (this.dragging) {
-        this.isClick = false;
-        this.displayTooltip();
-        this.$parent.resetSize();
-        var diff = 0;
-        if (event.type === 'touchmove') {
-          event.clientY = event.touches[0].clientY;
-          event.clientX = event.touches[0].clientX;
-        }
-        if (this.vertical) {
-          this.currentY = event.clientY;
-          diff = (this.startY - this.currentY) / this.$parent.sliderSize * 100;
-        } else {
-          this.currentX = event.clientX;
-          diff = (this.currentX - this.startX) / this.$parent.sliderSize * 100;
-        }
-        this.newPosition = this.startPosition + diff;
-        this.setPosition(this.newPosition);
-      }
-    },
-    onDragEnd: function onDragEnd() {
-      var _this = this;
-
-      if (this.dragging) {
-        /*
-         * 防止在 mouseup 后立即触发 click，导致滑块有几率产生一小段位移
-         * 不使用 preventDefault 是因为 mouseup 和 click 没有注册在同一个 DOM 上
-         */
-        setTimeout(function () {
-          _this.dragging = false;
-          _this.hideTooltip();
-          if (!_this.isClick) {
-            _this.setPosition(_this.newPosition);
-            _this.$parent.emitChange();
-          }
-        }, 0);
-        window.removeEventListener('mousemove', this.onDragging);
-        window.removeEventListener('touchmove', this.onDragging);
-        window.removeEventListener('mouseup', this.onDragEnd);
-        window.removeEventListener('touchend', this.onDragEnd);
-        window.removeEventListener('contextmenu', this.onDragEnd);
-      }
-    },
-    setPosition: function setPosition(newPosition) {
-      var _this2 = this;
-
-      if (newPosition === null || isNaN(newPosition)) return;
-      if (newPosition < 0) {
-        newPosition = 0;
-      } else if (newPosition > 100) {
-        newPosition = 100;
-      }
-      var lengthPerStep = 100 / ((this.max - this.min) / this.step);
-      var steps = Math.round(newPosition / lengthPerStep);
-      var value = steps * lengthPerStep * (this.max - this.min) * 0.01 + this.min;
-      value = parseFloat(value.toFixed(this.precision));
-      this.$emit('input', value);
-      this.$nextTick(function () {
-        _this2.displayTooltip();
-        _this2.$refs.tooltip && _this2.$refs.tooltip.updatePopper();
-      });
-      if (!this.dragging && this.value !== this.oldValue) {
-        this.oldValue = this.value;
-      }
-    }
-  }
+	name: 'ElSliderButton',
+
+	components: {
+		ElTooltip: tooltip_default.a
+	},
+
+	props: {
+		value: {
+			type: Number,
+			default: 0
+		},
+		vertical: {
+			type: Boolean,
+			default: false
+		},
+		tooltipClass: String
+	},
+
+	data: function data() {
+		return {
+			hovering: false,
+			dragging: false,
+			isClick: false,
+			startX: 0,
+			currentX: 0,
+			startY: 0,
+			currentY: 0,
+			startPosition: 0,
+			newPosition: null,
+			oldValue: this.value
+		};
+	},
+
+
+	computed: {
+		disabled: function disabled() {
+			return this.$parent.sliderDisabled;
+		},
+		max: function max() {
+			return this.$parent.max;
+		},
+		min: function min() {
+			return this.$parent.min;
+		},
+		step: function step() {
+			return this.$parent.step;
+		},
+		showTooltip: function showTooltip() {
+			return this.$parent.showTooltip;
+		},
+		precision: function precision() {
+			return this.$parent.precision;
+		},
+		currentPosition: function currentPosition() {
+			return (this.value - this.min) / (this.max - this.min) * 100 + '%';
+		},
+		enableFormat: function enableFormat() {
+			return this.$parent.formatTooltip instanceof Function;
+		},
+		formatValue: function formatValue() {
+			return this.enableFormat && this.$parent.formatTooltip(this.value) || this.value;
+		},
+		wrapperStyle: function wrapperStyle() {
+			return this.vertical ? { bottom: this.currentPosition } : { left: this.currentPosition };
+		}
+	},
+
+	watch: {
+		dragging: function dragging(val) {
+			this.$parent.dragging = val;
+		}
+	},
+
+	methods: {
+		displayTooltip: function displayTooltip() {
+			this.$refs.tooltip && (this.$refs.tooltip.showPopper = true);
+		},
+		hideTooltip: function hideTooltip() {
+			this.$refs.tooltip && (this.$refs.tooltip.showPopper = false);
+		},
+		handleMouseEnter: function handleMouseEnter() {
+			this.hovering = true;
+			this.displayTooltip();
+		},
+		handleMouseLeave: function handleMouseLeave() {
+			this.hovering = false;
+			this.hideTooltip();
+		},
+		onButtonDown: function onButtonDown(event) {
+			if (this.disabled) return;
+			event.preventDefault();
+			this.onDragStart(event);
+			window.addEventListener('mousemove', this.onDragging);
+			window.addEventListener('touchmove', this.onDragging);
+			window.addEventListener('mouseup', this.onDragEnd);
+			window.addEventListener('touchend', this.onDragEnd);
+			window.addEventListener('contextmenu', this.onDragEnd);
+		},
+		onLeftKeyDown: function onLeftKeyDown() {
+			if (this.disabled) return;
+			this.newPosition = parseFloat(this.currentPosition) - this.step / (this.max - this.min) * 100;
+			this.setPosition(this.newPosition);
+			this.$parent.emitChange();
+		},
+		onRightKeyDown: function onRightKeyDown() {
+			if (this.disabled) return;
+			this.newPosition = parseFloat(this.currentPosition) + this.step / (this.max - this.min) * 100;
+			this.setPosition(this.newPosition);
+			this.$parent.emitChange();
+		},
+		onDragStart: function onDragStart(event) {
+			this.dragging = true;
+			this.isClick = true;
+			if (event.type === 'touchstart') {
+				event.clientY = event.touches[0].clientY;
+				event.clientX = event.touches[0].clientX;
+			}
+			if (this.vertical) {
+				this.startY = event.clientY;
+			} else {
+				this.startX = event.clientX;
+			}
+			this.startPosition = parseFloat(this.currentPosition);
+			this.newPosition = this.startPosition;
+		},
+		onDragging: function onDragging(event) {
+			if (this.dragging) {
+				this.isClick = false;
+				this.displayTooltip();
+				this.$parent.resetSize();
+				var diff = 0;
+				if (event.type === 'touchmove') {
+					event.clientY = event.touches[0].clientY;
+					event.clientX = event.touches[0].clientX;
+				}
+				if (this.vertical) {
+					this.currentY = event.clientY;
+					diff = (this.startY - this.currentY) / this.$parent.sliderSize * 100;
+				} else {
+					this.currentX = event.clientX;
+					diff = (this.currentX - this.startX) / this.$parent.sliderSize * 100;
+				}
+				this.newPosition = this.startPosition + diff;
+				this.setPosition(this.newPosition);
+			}
+		},
+		onDragEnd: function onDragEnd() {
+			var _this = this;
+
+			if (this.dragging) {
+				/*
+           * 防止在 mouseup 后立即触发 click，导致滑块有几率产生一小段位移
+           * 不使用 preventDefault 是因为 mouseup 和 click 没有注册在同一个 DOM 上
+           */
+				setTimeout(function () {
+					_this.dragging = false;
+					_this.hideTooltip();
+					if (!_this.isClick) {
+						_this.setPosition(_this.newPosition);
+						_this.$parent.emitChange();
+					}
+				}, 0);
+				window.removeEventListener('mousemove', this.onDragging);
+				window.removeEventListener('touchmove', this.onDragging);
+				window.removeEventListener('mouseup', this.onDragEnd);
+				window.removeEventListener('touchend', this.onDragEnd);
+				window.removeEventListener('contextmenu', this.onDragEnd);
+			}
+		},
+		setPosition: function setPosition(newPosition) {
+			var _this2 = this;
+
+			if (newPosition === null || isNaN(newPosition)) return;
+			if (newPosition < 0) {
+				newPosition = 0;
+			} else if (newPosition > 100) {
+				newPosition = 100;
+			}
+			var lengthPerStep = 100 / ((this.max - this.min) / this.step);
+			var steps = Math.round(newPosition / lengthPerStep);
+			var value = steps * lengthPerStep * (this.max - this.min) * 0.01 + this.min;
+			value = parseFloat(value.toFixed(this.precision));
+			this.$emit('input', value);
+			this.$nextTick(function () {
+				_this2.displayTooltip();
+				_this2.$refs.tooltip && _this2.$refs.tooltip.updatePopper();
+			});
+			if (!this.dragging && this.value !== this.oldValue) {
+				this.oldValue = this.value;
+			}
+		}
+	}
 });
 // CONCATENATED MODULE: ./packages/slider/src/button.vue?vue&type=script&lang=js
  /* harmony default export */ var src_buttonvue_type_script_lang_js = (buttonvue_type_script_lang_js); 
@@ -713,8 +713,8 @@ var componentNormalizer = __webpack_require__(0);
 
 var component = Object(componentNormalizer["a" /* default */])(
   src_buttonvue_type_script_lang_js,
-  buttonvue_type_template_id_2c1bd88a_render,
-  buttonvue_type_template_id_2c1bd88a_staticRenderFns,
+  buttonvue_type_template_id_6c945400_render,
+  buttonvue_type_template_id_6c945400_staticRenderFns,
   false,
   null,
   null,
@@ -725,24 +725,24 @@ var component = Object(componentNormalizer["a" /* default */])(
 /* harmony default export */ var src_button = (component.exports);
 // CONCATENATED MODULE: ./packages/slider/src/marker.js
 /* harmony default export */ var marker = ({
-  name: 'ElMarker',
-
-  props: {
-    mark: {
-      type: [String, Object]
-    }
-  },
-  render: function render() {
-    var h = arguments[0];
-
-    var label = typeof this.mark === 'string' ? this.mark : this.mark.label;
-
-    return h(
-      'div',
-      { 'class': 'el-slider__marks-text', style: this.mark.style || {} },
-      [label]
-    );
-  }
+	name: 'ElMarker',
+
+	props: {
+		mark: {
+			type: [String, Object]
+		}
+	},
+	render: function render() {
+		var h = arguments[0];
+
+		var label = typeof this.mark === 'string' ? this.mark : this.mark.label;
+
+		return h(
+			'div',
+			{ 'class': 'el-slider__marks-text', style: this.mark.style || {} },
+			[label]
+		);
+	}
 });
 // EXTERNAL MODULE: external "element-ui/lib/mixins/emitter"
 var emitter_ = __webpack_require__(4);
@@ -831,336 +831,336 @@ var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_);
 
 
 /* harmony default export */ var mainvue_type_script_lang_js = ({
-  name: 'ElSlider',
-
-  mixins: [emitter_default.a],
-
-  inject: {
-    elForm: {
-      default: ''
-    }
-  },
-
-  props: {
-    min: {
-      type: Number,
-      default: 0
-    },
-    max: {
-      type: Number,
-      default: 100
-    },
-    step: {
-      type: Number,
-      default: 1
-    },
-    value: {
-      type: [Number, Array],
-      default: 0
-    },
-    showInput: {
-      type: Boolean,
-      default: false
-    },
-    showInputControls: {
-      type: Boolean,
-      default: true
-    },
-    inputSize: {
-      type: String,
-      default: 'small'
-    },
-    showStops: {
-      type: Boolean,
-      default: false
-    },
-    showTooltip: {
-      type: Boolean,
-      default: true
-    },
-    formatTooltip: Function,
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    range: {
-      type: Boolean,
-      default: false
-    },
-    vertical: {
-      type: Boolean,
-      default: false
-    },
-    height: {
-      type: String
-    },
-    debounce: {
-      type: Number,
-      default: 300
-    },
-    label: {
-      type: String
-    },
-    tooltipClass: String,
-    marks: Object
-  },
-
-  components: {
-    ElInputNumber: input_number_default.a,
-    SliderButton: src_button,
-    SliderMarker: marker
-  },
-
-  data: function data() {
-    return {
-      firstValue: null,
-      secondValue: null,
-      oldValue: null,
-      dragging: false,
-      sliderSize: 1
-    };
-  },
-
-
-  watch: {
-    value: function value(val, oldVal) {
-      if (this.dragging || Array.isArray(val) && Array.isArray(oldVal) && val.every(function (item, index) {
-        return item === oldVal[index];
-      })) {
-        return;
-      }
-      this.setValues();
-    },
-    dragging: function dragging(val) {
-      if (!val) {
-        this.setValues();
-      }
-    },
-    firstValue: function firstValue(val) {
-      if (this.range) {
-        this.$emit('input', [this.minValue, this.maxValue]);
-      } else {
-        this.$emit('input', val);
-      }
-    },
-    secondValue: function secondValue() {
-      if (this.range) {
-        this.$emit('input', [this.minValue, this.maxValue]);
-      }
-    },
-    min: function min() {
-      this.setValues();
-    },
-    max: function max() {
-      this.setValues();
-    }
-  },
-
-  methods: {
-    valueChanged: function valueChanged() {
-      var _this = this;
-
-      if (this.range) {
-        return ![this.minValue, this.maxValue].every(function (item, index) {
-          return item === _this.oldValue[index];
-        });
-      } else {
-        return this.value !== this.oldValue;
-      }
-    },
-    setValues: function setValues() {
-      if (this.min > this.max) {
-        console.error('[Element Error][Slider]min should not be greater than max.');
-        return;
-      }
-      var val = this.value;
-      if (this.range && Array.isArray(val)) {
-        if (val[1] < this.min) {
-          this.$emit('input', [this.min, this.min]);
-        } else if (val[0] > this.max) {
-          this.$emit('input', [this.max, this.max]);
-        } else if (val[0] < this.min) {
-          this.$emit('input', [this.min, val[1]]);
-        } else if (val[1] > this.max) {
-          this.$emit('input', [val[0], this.max]);
-        } else {
-          this.firstValue = val[0];
-          this.secondValue = val[1];
-          if (this.valueChanged()) {
-            this.dispatch('ElFormItem', 'el.form.change', [this.minValue, this.maxValue]);
-            this.oldValue = val.slice();
-          }
-        }
-      } else if (!this.range && typeof val === 'number' && !isNaN(val)) {
-        if (val < this.min) {
-          this.$emit('input', this.min);
-        } else if (val > this.max) {
-          this.$emit('input', this.max);
-        } else {
-          this.firstValue = val;
-          if (this.valueChanged()) {
-            this.dispatch('ElFormItem', 'el.form.change', val);
-            this.oldValue = val;
-          }
-        }
-      }
-    },
-    setPosition: function setPosition(percent) {
-      var targetValue = this.min + percent * (this.max - this.min) / 100;
-      if (!this.range) {
-        this.$refs.button1.setPosition(percent);
-        return;
-      }
-      var button = void 0;
-      if (Math.abs(this.minValue - targetValue) < Math.abs(this.maxValue - targetValue)) {
-        button = this.firstValue < this.secondValue ? 'button1' : 'button2';
-      } else {
-        button = this.firstValue > this.secondValue ? 'button1' : 'button2';
-      }
-      this.$refs[button].setPosition(percent);
-    },
-    onSliderClick: function onSliderClick(event) {
-      if (this.sliderDisabled || this.dragging) return;
-      this.resetSize();
-      if (this.vertical) {
-        var sliderOffsetBottom = this.$refs.slider.getBoundingClientRect().bottom;
-        this.setPosition((sliderOffsetBottom - event.clientY) / this.sliderSize * 100);
-      } else {
-        var sliderOffsetLeft = this.$refs.slider.getBoundingClientRect().left;
-        this.setPosition((event.clientX - sliderOffsetLeft) / this.sliderSize * 100);
-      }
-      this.emitChange();
-    },
-    resetSize: function resetSize() {
-      if (this.$refs.slider) {
-        this.sliderSize = this.$refs.slider['client' + (this.vertical ? 'Height' : 'Width')];
-      }
-    },
-    emitChange: function emitChange() {
-      var _this2 = this;
-
-      this.$nextTick(function () {
-        _this2.$emit('change', _this2.range ? [_this2.minValue, _this2.maxValue] : _this2.value);
-      });
-    },
-    getStopStyle: function getStopStyle(position) {
-      return this.vertical ? { 'bottom': position + '%' } : { 'left': position + '%' };
-    }
-  },
-
-  computed: {
-    stops: function stops() {
-      var _this3 = this;
-
-      if (!this.showStops || this.min > this.max) return [];
-      if (this.step === 0) {
-         false && false;
-        return [];
-      }
-      var stopCount = (this.max - this.min) / this.step;
-      var stepWidth = 100 * this.step / (this.max - this.min);
-      var result = [];
-      for (var i = 1; i < stopCount; i++) {
-        result.push(i * stepWidth);
-      }
-      if (this.range) {
-        return result.filter(function (step) {
-          return step < 100 * (_this3.minValue - _this3.min) / (_this3.max - _this3.min) || step > 100 * (_this3.maxValue - _this3.min) / (_this3.max - _this3.min);
-        });
-      } else {
-        return result.filter(function (step) {
-          return step > 100 * (_this3.firstValue - _this3.min) / (_this3.max - _this3.min);
-        });
-      }
-    },
-    markList: function markList() {
-      var _this4 = this;
-
-      if (!this.marks) {
-        return [];
-      }
-
-      var marksKeys = Object.keys(this.marks);
-      return marksKeys.map(parseFloat).sort(function (a, b) {
-        return a - b;
-      }).filter(function (point) {
-        return point <= _this4.max && point >= _this4.min;
-      }).map(function (point) {
-        return {
-          point: point,
-          position: (point - _this4.min) * 100 / (_this4.max - _this4.min),
-          mark: _this4.marks[point]
-        };
-      });
-    },
-    minValue: function minValue() {
-      return Math.min(this.firstValue, this.secondValue);
-    },
-    maxValue: function maxValue() {
-      return Math.max(this.firstValue, this.secondValue);
-    },
-    barSize: function barSize() {
-      return this.range ? 100 * (this.maxValue - this.minValue) / (this.max - this.min) + '%' : 100 * (this.firstValue - this.min) / (this.max - this.min) + '%';
-    },
-    barStart: function barStart() {
-      return this.range ? 100 * (this.minValue - this.min) / (this.max - this.min) + '%' : '0%';
-    },
-    precision: function precision() {
-      var precisions = [this.min, this.max, this.step].map(function (item) {
-        var decimal = ('' + item).split('.')[1];
-        return decimal ? decimal.length : 0;
-      });
-      return Math.max.apply(null, precisions);
-    },
-    runwayStyle: function runwayStyle() {
-      return this.vertical ? { height: this.height } : {};
-    },
-    barStyle: function barStyle() {
-      return this.vertical ? {
-        height: this.barSize,
-        bottom: this.barStart
-      } : {
-        width: this.barSize,
-        left: this.barStart
-      };
-    },
-    sliderDisabled: function sliderDisabled() {
-      return this.disabled || (this.elForm || {}).disabled;
-    }
-  },
-
-  mounted: function mounted() {
-    var valuetext = void 0;
-    if (this.range) {
-      if (Array.isArray(this.value)) {
-        this.firstValue = Math.max(this.min, this.value[0]);
-        this.secondValue = Math.min(this.max, this.value[1]);
-      } else {
-        this.firstValue = this.min;
-        this.secondValue = this.max;
-      }
-      this.oldValue = [this.firstValue, this.secondValue];
-      valuetext = this.firstValue + '-' + this.secondValue;
-    } else {
-      if (typeof this.value !== 'number' || isNaN(this.value)) {
-        this.firstValue = this.min;
-      } else {
-        this.firstValue = Math.min(this.max, Math.max(this.min, this.value));
-      }
-      this.oldValue = this.firstValue;
-      valuetext = this.firstValue;
-    }
-    this.$el.setAttribute('aria-valuetext', valuetext);
-
-    // label screen reader
-    this.$el.setAttribute('aria-label', this.label ? this.label : 'slider between ' + this.min + ' and ' + this.max);
-
-    this.resetSize();
-    window.addEventListener('resize', this.resetSize);
-  },
-  beforeDestroy: function beforeDestroy() {
-    window.removeEventListener('resize', this.resetSize);
-  }
+	name: 'ElSlider',
+
+	mixins: [emitter_default.a],
+
+	inject: {
+		elForm: {
+			default: ''
+		}
+	},
+
+	props: {
+		min: {
+			type: Number,
+			default: 0
+		},
+		max: {
+			type: Number,
+			default: 100
+		},
+		step: {
+			type: Number,
+			default: 1
+		},
+		value: {
+			type: [Number, Array],
+			default: 0
+		},
+		showInput: {
+			type: Boolean,
+			default: false
+		},
+		showInputControls: {
+			type: Boolean,
+			default: true
+		},
+		inputSize: {
+			type: String,
+			default: 'small'
+		},
+		showStops: {
+			type: Boolean,
+			default: false
+		},
+		showTooltip: {
+			type: Boolean,
+			default: true
+		},
+		formatTooltip: Function,
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		range: {
+			type: Boolean,
+			default: false
+		},
+		vertical: {
+			type: Boolean,
+			default: false
+		},
+		height: {
+			type: String
+		},
+		debounce: {
+			type: Number,
+			default: 300
+		},
+		label: {
+			type: String
+		},
+		tooltipClass: String,
+		marks: Object
+	},
+
+	components: {
+		ElInputNumber: input_number_default.a,
+		SliderButton: src_button,
+		SliderMarker: marker
+	},
+
+	data: function data() {
+		return {
+			firstValue: null,
+			secondValue: null,
+			oldValue: null,
+			dragging: false,
+			sliderSize: 1
+		};
+	},
+
+
+	watch: {
+		value: function value(val, oldVal) {
+			if (this.dragging || Array.isArray(val) && Array.isArray(oldVal) && val.every(function (item, index) {
+				return item === oldVal[index];
+			})) {
+				return;
+			}
+			this.setValues();
+		},
+		dragging: function dragging(val) {
+			if (!val) {
+				this.setValues();
+			}
+		},
+		firstValue: function firstValue(val) {
+			if (this.range) {
+				this.$emit('input', [this.minValue, this.maxValue]);
+			} else {
+				this.$emit('input', val);
+			}
+		},
+		secondValue: function secondValue() {
+			if (this.range) {
+				this.$emit('input', [this.minValue, this.maxValue]);
+			}
+		},
+		min: function min() {
+			this.setValues();
+		},
+		max: function max() {
+			this.setValues();
+		}
+	},
+
+	methods: {
+		valueChanged: function valueChanged() {
+			var _this = this;
+
+			if (this.range) {
+				return ![this.minValue, this.maxValue].every(function (item, index) {
+					return item === _this.oldValue[index];
+				});
+			} else {
+				return this.value !== this.oldValue;
+			}
+		},
+		setValues: function setValues() {
+			if (this.min > this.max) {
+				console.error('[Element Error][Slider]min should not be greater than max.');
+				return;
+			}
+			var val = this.value;
+			if (this.range && Array.isArray(val)) {
+				if (val[1] < this.min) {
+					this.$emit('input', [this.min, this.min]);
+				} else if (val[0] > this.max) {
+					this.$emit('input', [this.max, this.max]);
+				} else if (val[0] < this.min) {
+					this.$emit('input', [this.min, val[1]]);
+				} else if (val[1] > this.max) {
+					this.$emit('input', [val[0], this.max]);
+				} else {
+					this.firstValue = val[0];
+					this.secondValue = val[1];
+					if (this.valueChanged()) {
+						this.dispatch('ElFormItem', 'el.form.change', [this.minValue, this.maxValue]);
+						this.oldValue = val.slice();
+					}
+				}
+			} else if (!this.range && typeof val === 'number' && !isNaN(val)) {
+				if (val < this.min) {
+					this.$emit('input', this.min);
+				} else if (val > this.max) {
+					this.$emit('input', this.max);
+				} else {
+					this.firstValue = val;
+					if (this.valueChanged()) {
+						this.dispatch('ElFormItem', 'el.form.change', val);
+						this.oldValue = val;
+					}
+				}
+			}
+		},
+		setPosition: function setPosition(percent) {
+			var targetValue = this.min + percent * (this.max - this.min) / 100;
+			if (!this.range) {
+				this.$refs.button1.setPosition(percent);
+				return;
+			}
+			var button = void 0;
+			if (Math.abs(this.minValue - targetValue) < Math.abs(this.maxValue - targetValue)) {
+				button = this.firstValue < this.secondValue ? 'button1' : 'button2';
+			} else {
+				button = this.firstValue > this.secondValue ? 'button1' : 'button2';
+			}
+			this.$refs[button].setPosition(percent);
+		},
+		onSliderClick: function onSliderClick(event) {
+			if (this.sliderDisabled || this.dragging) return;
+			this.resetSize();
+			if (this.vertical) {
+				var sliderOffsetBottom = this.$refs.slider.getBoundingClientRect().bottom;
+				this.setPosition((sliderOffsetBottom - event.clientY) / this.sliderSize * 100);
+			} else {
+				var sliderOffsetLeft = this.$refs.slider.getBoundingClientRect().left;
+				this.setPosition((event.clientX - sliderOffsetLeft) / this.sliderSize * 100);
+			}
+			this.emitChange();
+		},
+		resetSize: function resetSize() {
+			if (this.$refs.slider) {
+				this.sliderSize = this.$refs.slider['client' + (this.vertical ? 'Height' : 'Width')];
+			}
+		},
+		emitChange: function emitChange() {
+			var _this2 = this;
+
+			this.$nextTick(function () {
+				_this2.$emit('change', _this2.range ? [_this2.minValue, _this2.maxValue] : _this2.value);
+			});
+		},
+		getStopStyle: function getStopStyle(position) {
+			return this.vertical ? { 'bottom': position + '%' } : { 'left': position + '%' };
+		}
+	},
+
+	computed: {
+		stops: function stops() {
+			var _this3 = this;
+
+			if (!this.showStops || this.min > this.max) return [];
+			if (this.step === 0) {
+				 false && false;
+				return [];
+			}
+			var stopCount = (this.max - this.min) / this.step;
+			var stepWidth = 100 * this.step / (this.max - this.min);
+			var result = [];
+			for (var i = 1; i < stopCount; i++) {
+				result.push(i * stepWidth);
+			}
+			if (this.range) {
+				return result.filter(function (step) {
+					return step < 100 * (_this3.minValue - _this3.min) / (_this3.max - _this3.min) || step > 100 * (_this3.maxValue - _this3.min) / (_this3.max - _this3.min);
+				});
+			} else {
+				return result.filter(function (step) {
+					return step > 100 * (_this3.firstValue - _this3.min) / (_this3.max - _this3.min);
+				});
+			}
+		},
+		markList: function markList() {
+			var _this4 = this;
+
+			if (!this.marks) {
+				return [];
+			}
+
+			var marksKeys = Object.keys(this.marks);
+			return marksKeys.map(parseFloat).sort(function (a, b) {
+				return a - b;
+			}).filter(function (point) {
+				return point <= _this4.max && point >= _this4.min;
+			}).map(function (point) {
+				return {
+					point: point,
+					position: (point - _this4.min) * 100 / (_this4.max - _this4.min),
+					mark: _this4.marks[point]
+				};
+			});
+		},
+		minValue: function minValue() {
+			return Math.min(this.firstValue, this.secondValue);
+		},
+		maxValue: function maxValue() {
+			return Math.max(this.firstValue, this.secondValue);
+		},
+		barSize: function barSize() {
+			return this.range ? 100 * (this.maxValue - this.minValue) / (this.max - this.min) + '%' : 100 * (this.firstValue - this.min) / (this.max - this.min) + '%';
+		},
+		barStart: function barStart() {
+			return this.range ? 100 * (this.minValue - this.min) / (this.max - this.min) + '%' : '0%';
+		},
+		precision: function precision() {
+			var precisions = [this.min, this.max, this.step].map(function (item) {
+				var decimal = ('' + item).split('.')[1];
+				return decimal ? decimal.length : 0;
+			});
+			return Math.max.apply(null, precisions);
+		},
+		runwayStyle: function runwayStyle() {
+			return this.vertical ? { height: this.height } : {};
+		},
+		barStyle: function barStyle() {
+			return this.vertical ? {
+				height: this.barSize,
+				bottom: this.barStart
+			} : {
+				width: this.barSize,
+				left: this.barStart
+			};
+		},
+		sliderDisabled: function sliderDisabled() {
+			return this.disabled || (this.elForm || {}).disabled;
+		}
+	},
+
+	mounted: function mounted() {
+		var valuetext = void 0;
+		if (this.range) {
+			if (Array.isArray(this.value)) {
+				this.firstValue = Math.max(this.min, this.value[0]);
+				this.secondValue = Math.min(this.max, this.value[1]);
+			} else {
+				this.firstValue = this.min;
+				this.secondValue = this.max;
+			}
+			this.oldValue = [this.firstValue, this.secondValue];
+			valuetext = this.firstValue + '-' + this.secondValue;
+		} else {
+			if (typeof this.value !== 'number' || isNaN(this.value)) {
+				this.firstValue = this.min;
+			} else {
+				this.firstValue = Math.min(this.max, Math.max(this.min, this.value));
+			}
+			this.oldValue = this.firstValue;
+			valuetext = this.firstValue;
+		}
+		this.$el.setAttribute('aria-valuetext', valuetext);
+
+		// label screen reader
+		this.$el.setAttribute('aria-label', this.label ? this.label : 'slider between ' + this.min + ' and ' + this.max);
+
+		this.resetSize();
+		window.addEventListener('resize', this.resetSize);
+	},
+	beforeDestroy: function beforeDestroy() {
+		window.removeEventListener('resize', this.resetSize);
+	}
 });
 // CONCATENATED MODULE: ./packages/slider/src/main.vue?vue&type=script&lang=js
  /* harmony default export */ var src_mainvue_type_script_lang_js = (mainvue_type_script_lang_js); 
@@ -1189,7 +1189,7 @@ var main_component = Object(componentNormalizer["a" /* default */])(
 
 /* istanbul ignore next */
 main.install = function (Vue) {
-  Vue.component(main.name, main);
+	Vue.component(main.name, main);
 };
 
 /* harmony default export */ var slider = __webpack_exports__["default"] = (main);