ai.touchui-vue 1.33.3 → 1.34.0

package/lib/range.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 362);
+/******/ 	return __webpack_require__(__webpack_require__.s = 359);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -192,941 +192,64 @@ function normalizeComponent(
 
 /***/ }),
 
-/***/ 18:
+/***/ 11:
 /***/ (function(module, exports, __webpack_require__) {
 
-var content = __webpack_require__(95);
+"use strict";
 
-if (typeof content === 'string') {
-  content = [[module.i, content, '']];
-}
 
-var options = {}
+/*
+  MIT License http://www.opensource.org/licenses/mit-license.php
+  Author Tobias Koppers @sokra
+*/
+// css base code, injected by the css-loader
+// eslint-disable-next-line func-names
+module.exports = function (useSourceMap) {
+  var list = []; // return the list of modules as css string
 
-options.insert = "head";
-options.singleton = false;
+  list.toString = function toString() {
+    return this.map(function (item) {
+      var content = cssWithMappingToString(item, useSourceMap);
 
-var update = __webpack_require__(8)(content, options);
+      if (item[2]) {
+        return "@media ".concat(item[2], "{").concat(content, "}");
+      }
 
-if (content.locals) {
-  module.exports = content.locals;
-}
+      return content;
+    }).join('');
+  }; // import a list of modules into the list
+  // eslint-disable-next-line func-names
 
 
-/***/ }),
+  list.i = function (modules, mediaQuery) {
+    if (typeof modules === 'string') {
+      // eslint-disable-next-line no-param-reassign
+      modules = [[null, modules, '']];
+    }
 
-/***/ 362:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+    var alreadyImportedModules = {};
 
-"use strict";
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
+    for (var i = 0; i < this.length; i++) {
+      // eslint-disable-next-line prefer-destructuring
+      var id = this[i][0];
 
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/range/src/range.vue?vue&type=template&id=19fdc744
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "span",
-    {
-      staticClass: "to-range to-form-readonly",
-      style: _vm.setStyle,
-      on: {
-        touchmove: function ($event) {
-          return _vm.moveHandle($event)
-        },
-        touchend: function ($event) {
-          return _vm.endHandle($event)
-        },
-      },
-    },
-    [
-      _c("span", { staticClass: "to-rangeMain" }, [
-        _c(
-          "span",
-          {
-            staticClass: "to-rangeBar",
-            on: {
-              click: function ($event) {
-                $event.stopPropagation()
-                return _vm.rangeBarClick($event)
-              },
-            },
-          },
-          [
-            _c(
-              "span",
-              {
-                staticClass: "to-rangeProgress",
-                style: {
-                  width: _vm.rangeProgress - _vm.startProgress + "%",
-                  left: _vm.startProgress + "%",
-                },
-              },
-              [
-                _vm.start
-                  ? _c("span", {
-                      ref: "touchStartBar",
-                      staticClass: "to-rangeStart",
-                      style: {
-                        zIndex:
-                          String(_vm.startProgress) === "100" ? "100" : "99",
-                      },
-                      on: {
-                        mousedown: _vm.onStartButtonDown,
-                        touchstart: function ($event) {
-                          return _vm.startHandle($event)
-                        },
-                      },
-                    })
-                  : _vm._e(),
-                _c("span", {
-                  ref: "touchBar",
-                  staticClass: "to-rangeEnd",
-                  on: {
-                    mousedown: _vm.onButtonDown,
-                    touchstart: function ($event) {
-                      return _vm.endStartHandle($event)
-                    },
-                  },
-                }),
-              ]
-            ),
-          ]
-        ),
-        _vm.showInput
-          ? _c(
-              "span",
-              { staticClass: "to-rangeValue" },
-              [
-                _vm.start
-                  ? _c(
-                      "span",
-                      { staticClass: "to-input", class: _vm.setClass },
-                      [
-                        _c(
-                          "to-input",
-                          _vm._b(
-                            {
-                              ref: "rangeStartInput",
-                              attrs: {
-                                type: "number",
-                                mode: "none",
-                                min: _vm.min,
-                                max: _vm.max,
-                                clearable: false,
-                                width: 6,
-                                readonly: _vm.disabled || !_vm.inputable,
-                              },
-                              on: { blur: _vm.inputStartHandle },
-                              model: {
-                                value: _vm.refStartVal,
-                                callback: function ($$v) {
-                                  _vm.refStartVal = $$v
-                                },
-                                expression: "refStartVal",
-                              },
-                            },
-                            "to-input",
-                            _vm.inputProps,
-                            false
-                          )
-                        ),
-                        _c(
-                          "span",
-                          { staticClass: "to-inputText to-inputText-narrow" },
-                          [_vm._v("~")]
-                        ),
-                        _c(
-                          "to-input",
-                          _vm._b(
-                            {
-                              ref: "rangeEndInput",
-                              attrs: {
-                                type: "number",
-                                mode: "none",
-                                min: _vm.min,
-                                max: _vm.max,
-                                clearable: false,
-                                width: 6,
-                                readonly: _vm.disabled || !_vm.inputable,
-                              },
-                              on: { blur: _vm.inputEndHandle },
-                              model: {
-                                value: _vm.refEndVal,
-                                callback: function ($$v) {
-                                  _vm.refEndVal = $$v
-                                },
-                                expression: "refEndVal",
-                              },
-                            },
-                            "to-input",
-                            _vm.inputProps,
-                            false
-                          )
-                        ),
-                      ],
-                      1
-                    )
-                  : _c(
-                      "to-input",
-                      _vm._b(
-                        {
-                          ref: "rangeInput",
-                          attrs: {
-                            type: "number",
-                            min: _vm.min,
-                            max: _vm.max,
-                            clearable: false,
-                            width: 6,
-                            readonly: _vm.disabled || !_vm.inputable,
-                          },
-                          on: { blur: _vm.inputHandle },
-                          model: {
-                            value: _vm.refVal,
-                            callback: function ($$v) {
-                              _vm.refVal = $$v
-                            },
-                            expression: "refVal",
-                          },
-                        },
-                        "to-input",
-                        _vm.inputProps,
-                        false
-                      )
-                    ),
-              ],
-              1
-            )
-          : _vm._e(),
-      ]),
-    ]
-  )
-}
-var staticRenderFns = []
-render._withStripped = true
+      if (id != null) {
+        alreadyImportedModules[id] = true;
+      }
+    }
 
+    for (var _i = 0; _i < modules.length; _i++) {
+      var item = modules[_i]; // skip already imported module
+      // this implementation is not 100% perfect for weird media query combinations
+      // when a module is imported multiple times with different media queries.
+      // I hope this will never occur (Hey this way we have smaller bundles)
 
-// CONCATENATED MODULE: ./packages/range/src/range.vue?vue&type=template&id=19fdc744
-
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/range/src/range.vue?vue&type=script&lang=js
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-/* harmony default export */ var rangevue_type_script_lang_js = ({
-	name: 'ToRange',
-	componentName: 'ToRange',
-	model: {
-		event: 'change'
-	},
-	props: {
-		value: {
-			type: [Number, String],
-			default: 0
-		},
-		readonly: {
-			type: Boolean,
-			default: false
-		},
-		inputable: {
-			type: Boolean,
-			default: true
-		},
-		max: {
-			type: [Number, String],
-			default: 100
-		},
-		min: {
-			type: [Number, String],
-			default: 0
-		},
-		ruler: {
-			type: Boolean,
-			default: false
-		},
-		start: {
-			type: Boolean,
-			default: false
-		},
-		step: {
-			type: [String, Number],
-			default: 1
-		},
-		width: {
-			type: [Number, String],
-			default: ''
-		},
-		valueWidth: {
-			type: [Number, String],
-			default: 0
-		},
-		showInput: Boolean,
-		inputProps: {
-			type: Object,
-			default: function _default() {
-				return {};
-			}
-		}
-	},
-	data: function data() {
-		return {
-			disabled: this.readonly,
-			length: 0,
-			isStart: false,
-			progress: 0,
-			sProgress: 0,
-			dragging: true,
-			startX: 0,
-			endStartX: 0,
-			startMoveX: 0,
-			startPosition: 0,
-			currentX: 0,
-			moveX: 0,
-			endX: 0,
-			x: 0,
-			sx: 0,
-			isStartMove: 'start',
-			rangeProgress: 0,
-			sStartMoveX: 0,
-			sStartPosition: 0,
-			startProgress: 0,
-			startValue: 0
-		};
-	},
-
-	computed: {
-		val: {
-			get: function get() {
-				return Math.round(this.progress / this.range * this.range) || 0;
-			},
-			set: function set(newVal) {
-				this.progress = newVal;
-				this.x = this.length.offsetWidth * this.progress / this.range;
-			}
-		},
-		startVal: {
-			get: function get() {
-				return Math.round(this.sProgress / this.range * this.range) || 0;
-			},
-			set: function set(newVal) {
-				this.sProgress = newVal;
-				this.sx = this.length.offsetWidth * this.sProgress / this.range;
-			}
-		},
-		refVal: {
-			get: function get() {
-				if (this.start) {
-					return this.startVal + this.min + ',' + (this.val + this.min);
-				} else {
-					return this.val + this.min;
-				}
-			},
-			set: function set(newVal) {}
-		},
-		refStartVal: {
-			get: function get() {
-				if (this.start) {
-					return this.startVal + this.min;
-				} else {
-					return this.val + this.min;
-				}
-			},
-			set: function set(newVal) {}
-		},
-		refEndVal: {
-			get: function get() {
-				if (this.start) {
-					return this.val + this.min;
-				} else {
-					return this.val + this.min;
-				}
-			},
-			set: function set(newVal) {}
-		},
-		rangeValue: {
-			get: function get() {
-				if (this.start) {
-					return (this.sProgress || 0).toFixed(0) + ',' + (this.progress || 0).toFixed(0);
-				} else {
-					return (this.progress || 0).toFixed(0);
-				}
-			},
-			set: function set(newVal) {}
-		},
-		range: function range() {
-			return Number(this.max) - Number(this.min);
-		},
-		part: function part() {
-			return 100 / this.range;
-		},
-		setStyle: function setStyle() {
-			var obj = {};
-			if (this.width) {
-				if (!isNaN(this.width)) {
-					obj.width = this.width + 'em';
-				} else if (this.width === 'full') {
-					obj.width = '100%';
-				} else {
-					obj.width = this.width;
-				}
-			}
-			return obj;
-		},
-		setClass: function setClass() {
-			var arr = [];
-			if (this.inputProps.color) {
-				if (this.inputProps.color !== 'radam') {
-					arr.push('to-input-color-' + this.inputProps.color);
-				} else {
-					var colors = this.inputProps.$TouchUI.colors;
-					var number = Math.round(Math.random() * 6);
-					arr.push('to-input-color-' + colors[number]);
-				}
-			}
-			if (this.inputProps.placeholderColor) {
-				arr.push('to-input-placeholder-color-' + this.inputProps.placeholderColor);
-			}
-			if (this.inputProps.fillet !== 'none') {
-				arr.push('to-input-fillet-' + this.inputProps.fillet);
-			}
-			if (this.inputProps.filletPosition) {
-				arr.push('to-input-fillet-position-' + this.filletPosition);
-			}
-			if (this.inputProps.mode) {
-				arr.push('to-input-mode-' + this.inputProps.mode);
-			} else if (this.ToForm && this.ToForm.type === 'list') {
-				arr.push('to-input-mode-none');
-			} else {
-				arr.push('to-input-mode-default');
-			}
-			if (this.inputProps.stepIconMode === 'arrow') {
-				arr.push('to-input-step-icon-mode-' + this.inputProps.stepIconMode);
-			}
-			if (this.inputProps.readonly) {
-				arr.push('to-input-state-readonly');
-			}
-			if (this.inputProps.focused && !this.inputProps.preventFocus) {
-				arr.push('to-input-state-focus');
-			}
-			if (this.inputProps.changed) {
-				arr.push('to-input-changed');
-			}
-			if (this.ToForm && this.ToForm.comparable || this.inputProps.comparable) {
-				arr.push('to-compare');
-			}
-			return arr;
-		}
-	},
-	watch: {
-		readonly: function readonly(val) {
-			this.disabled = val;
-		},
-		value: function value(val) {
-			if (this.start) {
-				if (val && String(val).split(',').length > 1) {
-					var value = val.split(',');
-					if (Number(value[0]) >= this.range) {
-						this.startVal = this.range;
-					} else {
-						this.startVal = Number(value[0]);
-					}
-					if (Number(value[1]) >= this.range) {
-						this.val = this.range;
-					} else {
-						this.val = Number(value[1]);
-					}
-				}
-			} else {
-				if (Number(val) >= this.range) {
-					this.val = this.range;
-				} else {
-					this.val = Number(val);
-				}
-			}
-			this.initRangeVal();
-		}
-	},
-	mounted: function mounted() {
-		var _this = this;
-
-		// 这里注意range的value改变不会触发视图刷新
-		this.$nextTick(function () {
-			_this.length = _this.$el.querySelector('.to-rangeBar');
-			_this.initRangeVal();
-		});
-	},
-
-	methods: {
-		initRangeVal: function initRangeVal() {
-			if (this.start) {
-				if (this.value) {
-					var value = this.value.split(',');
-					this.startVal = Number(value[0]) < 0 ? 0 : Number(value[0]) / this.range * this.range - this.min || 0;
-					this.val = Number(value[1]) < 0 ? 0 : Number(value[1]) / this.range * this.range - this.min || 0;
-				} else {
-					this.startVal = 0;
-					this.val = 0;
-				}
-				this.startProgress = this.startVal / this.range * 100;
-				this.rangeProgress = this.val / this.range * 100;
-			} else {
-				this.val = Number(this.value) < 0 ? 0 : Number(this.value) / this.range * this.range - this.min || 0;
-				this.rangeProgress = this.val / this.range * 100;
-			}
-		},
-		rangeBarClick: function rangeBarClick(e) {
-			if (this.disabled) return;
-			if (this.dragging) {
-				var leftX = e.offsetX;
-				this.x = e.clientX - leftX;
-				if (this.start) {
-					var startLeft = this.startProgress / this.range * this.length.offsetWidth;
-					var endLeft = this.rangeProgress / this.range * this.length.offsetWidth;
-					var startLeftAbs = Math.abs(startLeft - leftX);
-					var endLeftAbs = Math.abs(endLeft - leftX);
-					if (startLeftAbs >= endLeftAbs) {
-						this.progress = leftX / this.length.offsetWidth * this.range;
-						this.progress = this.step ? this.step * Math.round(this.progress / this.step) : this.progress;
-						if (this.progress <= 0) {
-							this.progress = 0;
-						} else if (this.progress >= this.max) {
-							this.progress = this.max;
-						}
-						var progress = this.val / this.range * 100;
-						if (progress < 0) {
-							progress = 0;
-						} else if (progress > 100) {
-							progress = 100;
-						}
-						this.rangeProgress = progress;
-					} else {
-						this.sProgress = leftX / this.length.offsetWidth * this.range;
-						this.sProgress = this.step ? this.step * Math.round(this.sProgress / this.step) : this.sProgress;
-						if (this.sProgress <= 0) {
-							this.sProgress = 0;
-						} else if (this.sProgress >= this.max) {
-							this.sProgress = this.max;
-						}
-						var _progress = this.startVal / this.range * 100;
-						if (_progress < 0) {
-							_progress = 0;
-						} else if (_progress > 100) {
-							_progress = 100;
-						}
-						this.startProgress = _progress;
-					}
-				} else {
-					this.progress = leftX / this.length.offsetWidth * this.range;
-					this.progress = this.step ? this.step * Math.round(this.progress / this.step) : this.progress;
-					if (this.progress <= 0) {
-						this.progress = 0;
-					} else if (this.progress >= this.max) {
-						this.progress = this.max;
-					}
-				}
-				this.$emit('change', this.rangeValue);
-			}
-		},
-
-		startHandle: function startHandle(e) {
-			if (this.disabled) return;
-			this.isStart = true;
-			this.isStartMove = 'start';
-			if (this.isStart) {
-				this.startX = e.touches[0].clientX;
-			}
-		},
-		endStartHandle: function endStartHandle(e) {
-			if (this.disabled) return;
-			this.isStart = true;
-			this.isStartMove = 'end';
-			if (this.isStart) {
-				this.endStartX = e.touches[0].clientX;
-			}
-		},
-		moveHandle: function moveHandle(e) {
-			if (this.disabled) return;
-			if (this.isStart) {
-				this.moveX = e.touches[0].clientX;
-				if (this.isStartMove === 'end') {
-					this.progress = (this.x + this.moveX - this.endStartX) / this.length.offsetWidth * this.range;
-					if (this.progress <= 0) {
-						this.progress = 0;
-					} else if (this.progress >= this.range) {
-						this.progress = this.range;
-					}
-					var progress = this.progress / this.range * 100;
-					if (progress < 0) {
-						progress = 0;
-					} else if (progress > 100) {
-						progress = 100;
-					}
-					this.rangeProgress = progress;
-				} else if (this.isStartMove === 'start') {
-					this.sProgress = (this.sx + this.moveX - this.startX) / this.length.offsetWidth * this.range;
-					if (this.sProgress <= 0) {
-						this.sProgress = 0;
-					} else if (this.sProgress >= this.range) {
-						this.sProgress = this.range;
-					}
-					var _progress2 = this.sProgress / this.range * 100;
-					if (_progress2 < 0) {
-						_progress2 = 0;
-					} else if (_progress2 > 100) {
-						_progress2 = 100;
-					}
-					this.startProgress = _progress2;
-				}
-			}
-		},
-		endHandle: function endHandle(e) {
-			if (this.disabled) return;
-			if (this.isStart) {
-				if (this.isStartMove === 'end') {
-					this.x += this.moveX - this.startX;
-					if (this.progress <= 0) {
-						this.x = 0;
-					} else if (this.progress >= this.range) {
-						this.x = this.length.offsetWidth;
-					}
-				} else if (this.isStartMove === 'start') {
-					this.sx += this.moveX - this.endStartX;
-					if (this.sProgress <= 0) {
-						this.sx = 0;
-					} else if (this.sProgress >= this.range) {
-						this.sx = this.length.offsetWidth;
-					}
-				}
-				this.isStart = false;
-			}
-			this.$emit('change', this.rangeValue);
-		},
-		inputStartHandle: function inputStartHandle(e) {
-			var startVal = e.target.value;
-			this.sProgress = startVal;
-			this.startVal = Number(startVal) / this.range * this.range - this.min || 0;
-			var that = this;
-			var timer = null;
-			timer = setTimeout(function () {
-				if (startVal < 0) {
-					that.sProgress = 0;
-					that.startVal = 0;
-				}
-				if (startVal > that.range) {
-					that.sProgress = that.range;
-					that.startVal = that.range;
-				}
-				that.startProgress = that.startVal / that.range * 100;
-				that.$emit('change', that.rangeValue);
-				clearTimeout(timer);
-				timer = null;
-			}, 0);
-		},
-		inputEndHandle: function inputEndHandle(e) {
-			var endVal = e.target.value;
-			this.progress = endVal;
-			this.val = Number(endVal) / this.range * this.range - this.min || 0;
-			this.startProgress = this.startVal / this.range * 100;
-			this.rangeProgress = this.val / this.range * 100;
-			var that = this;
-			var timer = null;
-			timer = setTimeout(function () {
-				if (endVal < 0) {
-					that.progress = 0;
-					that.val = 0;
-				}
-				if (endVal > that.range) {
-					that.progress = that.range;
-					that.val = that.range;
-				}
-				that.rangeProgress = that.val / that.range * 100;
-				that.$emit('change', that.rangeValue);
-				clearTimeout(timer);
-				timer = null;
-			}, 0);
-		},
-		inputHandle: function inputHandle(e) {
-			if (!this.start) {
-				this.progress = e.target.value;
-				if (Number(e.target.value) < 0) {
-					this.progress = 0;
-				} else if (Number(e.target.value) > 100) {
-					this.progress = 100;
-				}
-				this.val = Number(e.target.value) < 0 ? 0 : Number(e.target.value) / this.range * this.range - this.min || 0;
-				this.rangeProgress = this.val / this.range * 100;
-				var that = this;
-				var timer = null;
-				timer = setTimeout(function () {
-					if (e.target.value < 0) {
-						that.progress = 0;
-						that.val = 0;
-					}
-					if (e.target.value > that.range) {
-						that.progress = that.range;
-						that.val = that.range;
-					}
-					that.rangeProgress = that.val / that.range * 100;
-					// that.value = 	that.rangeProgress
-					that.$emit('change', that.rangeValue);
-					clearTimeout(timer);
-					timer = null;
-				}, 0);
-			}
-		},
-		onButtonDown: function onButtonDown(event) {
-			if (this.disabled) return;
-			event.preventDefault();
-			this.isStartMove = 'end';
-			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);
-		},
-		onStartButtonDown: function onStartButtonDown(event) {
-			if (this.disabled) return;
-			event.preventDefault();
-			this.isStartMove = 'start';
-			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);
-		},
-		onDragging: function onDragging(event) {
-			if (this.dragging) {
-				if (event.type === 'touchmove') {
-					event.clientY = event.touches[0].clientY;
-					event.clientX = event.touches[0].clientX;
-				}
-				var currentX = event.clientX;
-				if (this.isStartMove === 'end') {
-					var diff = (currentX - this.startMoveX) / this.length.offsetWidth * this.range;
-					this.progress = this.startPosition + diff;
-					if (this.progress <= 0) {
-						this.progress = 0;
-					} else if (this.progress >= this.range) {
-						this.progress = this.range;
-					}
-					if (this.startProgress >= this.progress) {
-						this.progress = this.startProgress;
-					}
-					var progress = this.progress / this.range * 100;
-					if (progress < 0) {
-						progress = 0;
-					} else if (progress > 100) {
-						progress = 100;
-					}
-					this.rangeProgress = progress;
-				} else if (this.isStartMove === 'start') {
-					var _diff = (currentX - this.sStartMoveX) / this.length.offsetWidth * this.range;
-					this.sProgress = this.sStartPosition + _diff;
-					if (this.sProgress <= 0) {
-						this.sProgress = 0;
-					} else if (this.sProgress >= this.rangeProgress) {
-						this.sProgress = this.rangeProgress;
-					} else if (this.sProgress >= this.range) {
-						this.sProgress = this.range;
-					}
-					var _progress3 = this.sProgress / this.range * 100;
-					if (_progress3 < 0) {
-						_progress3 = 0;
-					} else if (_progress3 > 100) {
-						_progress3 = 100;
-					}
-					this.startProgress = _progress3;
-				}
-				this.$emit('change', this.rangeValue);
-			}
-		},
-		onDragStart: function onDragStart(event) {
-			this.dragging = true;
-			if (event.type === 'touchstart') {
-				event.clientY = event.touches[0].clientY;
-				event.clientX = event.touches[0].clientX;
-			}
-			if (this.isStartMove === 'end') {
-				this.startMoveX = event.clientX;
-				this.startPosition = parseFloat(this.progress);
-			} else if (this.isStartMove === 'start') {
-				this.sStartMoveX = event.clientX;
-				this.sStartPosition = parseFloat(this.sProgress);
-			}
-		},
-		onDragEnd: function onDragEnd() {
-			var _this2 = this;
-
-			if (this.dragging) {
-				if (this.isStartMove === 'end') {
-					this.progress = this.step ? this.step * Math.round(this.progress / this.step) : this.progress;
-					var progress = this.val / this.range * 100;
-					if (progress < 0) {
-						progress = 0;
-					} else if (progress > 100) {
-						progress = 100;
-					}
-					if (this.startProgress >= progress) {
-						progress = this.startProgress;
-					}
-					this.rangeProgress = progress;
-				} else if (this.isStartMove === 'start') {
-					this.sProgress = this.step ? this.step * Math.round(this.sProgress / this.step) : this.sProgress;
-					var _progress4 = this.startVal / this.range * 100;
-					if (_progress4 < 0) {
-						_progress4 = 0;
-					} else if (_progress4 >= this.rangeProgress) {
-						_progress4 = this.rangeProgress;
-					} else if (_progress4 > 100) {
-						_progress4 = 100;
-					}
-					this.startProgress = _progress4;
-				}
-
-				/*
-    * 防止在 mouseup 后立即触发 click，导致滑块有几率产生一小段位移
-    * 不使用 preventDefault 是因为 mouseup 和 click 没有注册在同一个 DOM 上
-    */
-				this.dragging = false;
-				var timer = null;
-				timer = setTimeout(function () {
-					_this2.dragging = true;
-					clearTimeout(timer);
-					timer = null;
-				}, 200);
-				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);
-			}
-		},
-		setDisabled: function setDisabled(f) {
-			this.disabled = f;
-		}
-	}
-});
-// CONCATENATED MODULE: ./packages/range/src/range.vue?vue&type=script&lang=js
- /* harmony default export */ var src_rangevue_type_script_lang_js = (rangevue_type_script_lang_js); 
-// EXTERNAL MODULE: ./packages/range/src/range.vue?vue&type=style&index=0&id=19fdc744&prod&lang=css
-var rangevue_type_style_index_0_id_19fdc744_prod_lang_css = __webpack_require__(94);
-
-// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
-var componentNormalizer = __webpack_require__(0);
-
-// CONCATENATED MODULE: ./packages/range/src/range.vue
-
-
-
-
-
-
-/* normalize component */
-
-var component = Object(componentNormalizer["a" /* default */])(
-  src_rangevue_type_script_lang_js,
-  render,
-  staticRenderFns,
-  false,
-  null,
-  null,
-  null
-  
-)
-
-/* harmony default export */ var range = (component.exports);
-// CONCATENATED MODULE: ./packages/range/index.js
-
-
-/* istanbul ignore next */
-range.install = function (Vue) {
-	Vue.component(range.name, range);
-};
-
-/* harmony default export */ var packages_range = __webpack_exports__["default"] = (range);
-
-/***/ }),
-
-/***/ 7:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-/*
-  MIT License http://www.opensource.org/licenses/mit-license.php
-  Author Tobias Koppers @sokra
-*/
-// css base code, injected by the css-loader
-// eslint-disable-next-line func-names
-module.exports = function (useSourceMap) {
-  var list = []; // return the list of modules as css string
-
-  list.toString = function toString() {
-    return this.map(function (item) {
-      var content = cssWithMappingToString(item, useSourceMap);
-
-      if (item[2]) {
-        return "@media ".concat(item[2], "{").concat(content, "}");
-      }
-
-      return content;
-    }).join('');
-  }; // import a list of modules into the list
-  // eslint-disable-next-line func-names
-
-
-  list.i = function (modules, mediaQuery) {
-    if (typeof modules === 'string') {
-      // eslint-disable-next-line no-param-reassign
-      modules = [[null, modules, '']];
-    }
-
-    var alreadyImportedModules = {};
-
-    for (var i = 0; i < this.length; i++) {
-      // eslint-disable-next-line prefer-destructuring
-      var id = this[i][0];
-
-      if (id != null) {
-        alreadyImportedModules[id] = true;
-      }
-    }
-
-    for (var _i = 0; _i < modules.length; _i++) {
-      var item = modules[_i]; // skip already imported module
-      // this implementation is not 100% perfect for weird media query combinations
-      // when a module is imported multiple times with different media queries.
-      // I hope this will never occur (Hey this way we have smaller bundles)
-
-      if (item[0] == null || !alreadyImportedModules[item[0]]) {
-        if (mediaQuery && !item[2]) {
-          item[2] = mediaQuery;
-        } else if (mediaQuery) {
-          item[2] = "(".concat(item[2], ") and (").concat(mediaQuery, ")");
-        }
+      if (item[0] == null || !alreadyImportedModules[item[0]]) {
+        if (mediaQuery && !item[2]) {
+          item[2] = mediaQuery;
+        } else if (mediaQuery) {
+          item[2] = "(".concat(item[2], ") and (").concat(mediaQuery, ")");
+        }
 
         list.push(item);
       }
@@ -1166,7 +289,7 @@ function toComment(sourceMap) {
 
 /***/ }),
 
-/***/ 8:
+/***/ 12:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1256,206 +379,1083 @@ function addStylesToDom(styles, options) {
         domStyle.parts[j](item.parts[j]);
       }
 
-      for (; j < item.parts.length; j++) {
-        domStyle.parts.push(addStyle(item.parts[j], options));
-      }
+      for (; j < item.parts.length; j++) {
+        domStyle.parts.push(addStyle(item.parts[j], options));
+      }
+    } else {
+      var parts = [];
+
+      for (; j < item.parts.length; j++) {
+        parts.push(addStyle(item.parts[j], options));
+      }
+
+      stylesInDom[item.id] = {
+        id: item.id,
+        refs: 1,
+        parts: parts
+      };
+    }
+  }
+}
+
+function insertStyleElement(options) {
+  var style = document.createElement('style');
+
+  if (typeof options.attributes.nonce === 'undefined') {
+    var nonce =  true ? __webpack_require__.nc : undefined;
+
+    if (nonce) {
+      options.attributes.nonce = nonce;
+    }
+  }
+
+  Object.keys(options.attributes).forEach(function (key) {
+    style.setAttribute(key, options.attributes[key]);
+  });
+
+  if (typeof options.insert === 'function') {
+    options.insert(style);
+  } else {
+    var target = getTarget(options.insert || 'head');
+
+    if (!target) {
+      throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");
+    }
+
+    target.appendChild(style);
+  }
+
+  return style;
+}
+
+function removeStyleElement(style) {
+  // istanbul ignore if
+  if (style.parentNode === null) {
+    return false;
+  }
+
+  style.parentNode.removeChild(style);
+}
+/* istanbul ignore next  */
+
+
+var replaceText = function replaceText() {
+  var textStore = [];
+  return function replace(index, replacement) {
+    textStore[index] = replacement;
+    return textStore.filter(Boolean).join('\n');
+  };
+}();
+
+function applyToSingletonTag(style, index, remove, obj) {
+  var css = remove ? '' : obj.css; // For old IE
+
+  /* istanbul ignore if  */
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = replaceText(index, css);
+  } else {
+    var cssNode = document.createTextNode(css);
+    var childNodes = style.childNodes;
+
+    if (childNodes[index]) {
+      style.removeChild(childNodes[index]);
+    }
+
+    if (childNodes.length) {
+      style.insertBefore(cssNode, childNodes[index]);
+    } else {
+      style.appendChild(cssNode);
+    }
+  }
+}
+
+function applyToTag(style, options, obj) {
+  var css = obj.css;
+  var media = obj.media;
+  var sourceMap = obj.sourceMap;
+
+  if (media) {
+    style.setAttribute('media', media);
+  }
+
+  if (sourceMap && btoa) {
+    css += "\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), " */");
+  } // For old IE
+
+  /* istanbul ignore if  */
+
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    while (style.firstChild) {
+      style.removeChild(style.firstChild);
+    }
+
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+var singleton = null;
+var singletonCounter = 0;
+
+function addStyle(obj, options) {
+  var style;
+  var update;
+  var remove;
+
+  if (options.singleton) {
+    var styleIndex = singletonCounter++;
+    style = singleton || (singleton = insertStyleElement(options));
+    update = applyToSingletonTag.bind(null, style, styleIndex, false);
+    remove = applyToSingletonTag.bind(null, style, styleIndex, true);
+  } else {
+    style = insertStyleElement(options);
+    update = applyToTag.bind(null, style, options);
+
+    remove = function remove() {
+      removeStyleElement(style);
+    };
+  }
+
+  update(obj);
+  return function updateStyle(newObj) {
+    if (newObj) {
+      if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap) {
+        return;
+      }
+
+      update(obj = newObj);
     } else {
-      var parts = [];
+      remove();
+    }
+  };
+}
 
-      for (; j < item.parts.length; j++) {
-        parts.push(addStyle(item.parts[j], options));
-      }
+module.exports = function (list, options) {
+  options = options || {};
+  options.attributes = typeof options.attributes === 'object' ? options.attributes : {}; // Force single-tag solution on IE6-9, which has a hard limit on the # of <style>
+  // tags it will allow on a page
 
-      stylesInDom[item.id] = {
-        id: item.id,
-        refs: 1,
-        parts: parts
-      };
-    }
+  if (!options.singleton && typeof options.singleton !== 'boolean') {
+    options.singleton = isOldIE();
   }
-}
 
-function insertStyleElement(options) {
-  var style = document.createElement('style');
+  var styles = listToStyles(list, options);
+  addStylesToDom(styles, options);
+  return function update(newList) {
+    var mayRemove = [];
 
-  if (typeof options.attributes.nonce === 'undefined') {
-    var nonce =  true ? __webpack_require__.nc : undefined;
+    for (var i = 0; i < styles.length; i++) {
+      var item = styles[i];
+      var domStyle = stylesInDom[item.id];
 
-    if (nonce) {
-      options.attributes.nonce = nonce;
+      if (domStyle) {
+        domStyle.refs--;
+        mayRemove.push(domStyle);
+      }
     }
-  }
 
-  Object.keys(options.attributes).forEach(function (key) {
-    style.setAttribute(key, options.attributes[key]);
-  });
+    if (newList) {
+      var newStyles = listToStyles(newList, options);
+      addStylesToDom(newStyles, options);
+    }
 
-  if (typeof options.insert === 'function') {
-    options.insert(style);
-  } else {
-    var target = getTarget(options.insert || 'head');
+    for (var _i = 0; _i < mayRemove.length; _i++) {
+      var _domStyle = mayRemove[_i];
 
-    if (!target) {
-      throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");
+      if (_domStyle.refs === 0) {
+        for (var j = 0; j < _domStyle.parts.length; j++) {
+          _domStyle.parts[j]();
+        }
+
+        delete stylesInDom[_domStyle.id];
+      }
     }
+  };
+};
 
-    target.appendChild(style);
-  }
+/***/ }),
 
-  return style;
-}
+/***/ 18:
+/***/ (function(module, exports, __webpack_require__) {
 
-function removeStyleElement(style) {
-  // istanbul ignore if
-  if (style.parentNode === null) {
-    return false;
-  }
+var content = __webpack_require__(94);
 
-  style.parentNode.removeChild(style);
+if (typeof content === 'string') {
+  content = [[module.i, content, '']];
 }
-/* istanbul ignore next  */
 
+var options = {}
 
-var replaceText = function replaceText() {
-  var textStore = [];
-  return function replace(index, replacement) {
-    textStore[index] = replacement;
-    return textStore.filter(Boolean).join('\n');
-  };
-}();
+options.insert = "head";
+options.singleton = false;
 
-function applyToSingletonTag(style, index, remove, obj) {
-  var css = remove ? '' : obj.css; // For old IE
+var update = __webpack_require__(12)(content, options);
 
-  /* istanbul ignore if  */
+if (content.locals) {
+  module.exports = content.locals;
+}
 
-  if (style.styleSheet) {
-    style.styleSheet.cssText = replaceText(index, css);
-  } else {
-    var cssNode = document.createTextNode(css);
-    var childNodes = style.childNodes;
 
-    if (childNodes[index]) {
-      style.removeChild(childNodes[index]);
-    }
+/***/ }),
 
-    if (childNodes.length) {
-      style.insertBefore(cssNode, childNodes[index]);
-    } else {
-      style.appendChild(cssNode);
-    }
-  }
+/***/ 359:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// 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/range/src/range.vue?vue&type=template&id=19fdc744
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "span",
+    {
+      staticClass: "to-range to-form-readonly",
+      style: _vm.setStyle,
+      on: {
+        touchmove: function ($event) {
+          return _vm.moveHandle($event)
+        },
+        touchend: function ($event) {
+          return _vm.endHandle($event)
+        },
+      },
+    },
+    [
+      _c("span", { staticClass: "to-rangeMain" }, [
+        _c(
+          "span",
+          {
+            staticClass: "to-rangeBar",
+            on: {
+              click: function ($event) {
+                $event.stopPropagation()
+                return _vm.rangeBarClick($event)
+              },
+            },
+          },
+          [
+            _c(
+              "span",
+              {
+                staticClass: "to-rangeProgress",
+                style: {
+                  width: _vm.rangeProgress - _vm.startProgress + "%",
+                  left: _vm.startProgress + "%",
+                },
+              },
+              [
+                _vm.start
+                  ? _c("span", {
+                      ref: "touchStartBar",
+                      staticClass: "to-rangeStart",
+                      style: {
+                        zIndex:
+                          String(_vm.startProgress) === "100" ? "100" : "99",
+                      },
+                      on: {
+                        mousedown: _vm.onStartButtonDown,
+                        touchstart: function ($event) {
+                          return _vm.startHandle($event)
+                        },
+                      },
+                    })
+                  : _vm._e(),
+                _c("span", {
+                  ref: "touchBar",
+                  staticClass: "to-rangeEnd",
+                  on: {
+                    mousedown: _vm.onButtonDown,
+                    touchstart: function ($event) {
+                      return _vm.endStartHandle($event)
+                    },
+                  },
+                }),
+              ]
+            ),
+          ]
+        ),
+        _vm.showInput
+          ? _c(
+              "span",
+              { staticClass: "to-rangeValue" },
+              [
+                _vm.start
+                  ? _c(
+                      "span",
+                      { staticClass: "to-input", class: _vm.setClass },
+                      [
+                        _c(
+                          "to-input",
+                          _vm._b(
+                            {
+                              ref: "rangeStartInput",
+                              attrs: {
+                                type: "number",
+                                mode: "none",
+                                min: _vm.min,
+                                max: _vm.max,
+                                clearable: false,
+                                width: 6,
+                                readonly: _vm.disabled || !_vm.inputable,
+                              },
+                              on: { blur: _vm.inputStartHandle },
+                              model: {
+                                value: _vm.refStartVal,
+                                callback: function ($$v) {
+                                  _vm.refStartVal = $$v
+                                },
+                                expression: "refStartVal",
+                              },
+                            },
+                            "to-input",
+                            _vm.inputProps,
+                            false
+                          )
+                        ),
+                        _c(
+                          "span",
+                          { staticClass: "to-inputText to-inputText-narrow" },
+                          [_vm._v("~")]
+                        ),
+                        _c(
+                          "to-input",
+                          _vm._b(
+                            {
+                              ref: "rangeEndInput",
+                              attrs: {
+                                type: "number",
+                                mode: "none",
+                                min: _vm.min,
+                                max: _vm.max,
+                                clearable: false,
+                                width: 6,
+                                readonly: _vm.disabled || !_vm.inputable,
+                              },
+                              on: { blur: _vm.inputEndHandle },
+                              model: {
+                                value: _vm.refEndVal,
+                                callback: function ($$v) {
+                                  _vm.refEndVal = $$v
+                                },
+                                expression: "refEndVal",
+                              },
+                            },
+                            "to-input",
+                            _vm.inputProps,
+                            false
+                          )
+                        ),
+                      ],
+                      1
+                    )
+                  : _c(
+                      "to-input",
+                      _vm._b(
+                        {
+                          ref: "rangeInput",
+                          attrs: {
+                            type: "number",
+                            min: _vm.min,
+                            max: _vm.max,
+                            clearable: false,
+                            width: 6,
+                            readonly: _vm.disabled || !_vm.inputable,
+                          },
+                          on: { blur: _vm.inputHandle },
+                          model: {
+                            value: _vm.refVal,
+                            callback: function ($$v) {
+                              _vm.refVal = $$v
+                            },
+                            expression: "refVal",
+                          },
+                        },
+                        "to-input",
+                        _vm.inputProps,
+                        false
+                      )
+                    ),
+              ],
+              1
+            )
+          : _vm._e(),
+      ]),
+    ]
+  )
 }
+var staticRenderFns = []
+render._withStripped = true
 
-function applyToTag(style, options, obj) {
-  var css = obj.css;
-  var media = obj.media;
-  var sourceMap = obj.sourceMap;
 
-  if (media) {
-    style.setAttribute('media', media);
-  }
+// CONCATENATED MODULE: ./packages/range/src/range.vue?vue&type=template&id=19fdc744
 
-  if (sourceMap && btoa) {
-    css += "\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), " */");
-  } // For old IE
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/range/src/range.vue?vue&type=script&lang=js
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 
-  /* istanbul ignore if  */
+/* harmony default export */ var rangevue_type_script_lang_js = ({
+	name: 'ToRange',
+	componentName: 'ToRange',
+	model: {
+		event: 'change'
+	},
+	props: {
+		value: {
+			type: [Number, String],
+			default: 0
+		},
+		readonly: {
+			type: Boolean,
+			default: false
+		},
+		inputable: {
+			type: Boolean,
+			default: true
+		},
+		max: {
+			type: [Number, String],
+			default: 100
+		},
+		min: {
+			type: [Number, String],
+			default: 0
+		},
+		ruler: {
+			type: Boolean,
+			default: false
+		},
+		start: {
+			type: Boolean,
+			default: false
+		},
+		step: {
+			type: [String, Number],
+			default: 1
+		},
+		width: {
+			type: [Number, String],
+			default: ''
+		},
+		valueWidth: {
+			type: [Number, String],
+			default: 0
+		},
+		showInput: Boolean,
+		inputProps: {
+			type: Object,
+			default: function _default() {
+				return {};
+			}
+		}
+	},
+	data: function data() {
+		return {
+			disabled: this.readonly,
+			length: 0,
+			isStart: false,
+			progress: 0,
+			sProgress: 0,
+			dragging: true,
+			startX: 0,
+			endStartX: 0,
+			startMoveX: 0,
+			startPosition: 0,
+			currentX: 0,
+			moveX: 0,
+			endX: 0,
+			x: 0,
+			sx: 0,
+			isStartMove: 'start',
+			rangeProgress: 0,
+			sStartMoveX: 0,
+			sStartPosition: 0,
+			startProgress: 0,
+			startValue: 0
+		};
+	},
 
+	computed: {
+		val: {
+			get: function get() {
+				return Math.round(this.progress / this.range * this.range) || 0;
+			},
+			set: function set(newVal) {
+				this.progress = newVal;
+				this.x = this.length.offsetWidth * this.progress / this.range;
+			}
+		},
+		startVal: {
+			get: function get() {
+				return Math.round(this.sProgress / this.range * this.range) || 0;
+			},
+			set: function set(newVal) {
+				this.sProgress = newVal;
+				this.sx = this.length.offsetWidth * this.sProgress / this.range;
+			}
+		},
+		refVal: {
+			get: function get() {
+				if (this.start) {
+					return this.startVal + this.min + ',' + (this.val + this.min);
+				} else {
+					return this.val + this.min;
+				}
+			},
+			set: function set(newVal) {}
+		},
+		refStartVal: {
+			get: function get() {
+				if (this.start) {
+					return this.startVal + this.min;
+				} else {
+					return this.val + this.min;
+				}
+			},
+			set: function set(newVal) {}
+		},
+		refEndVal: {
+			get: function get() {
+				if (this.start) {
+					return this.val + this.min;
+				} else {
+					return this.val + this.min;
+				}
+			},
+			set: function set(newVal) {}
+		},
+		rangeValue: {
+			get: function get() {
+				if (this.start) {
+					return (this.sProgress || 0).toFixed(0) + ',' + (this.progress || 0).toFixed(0);
+				} else {
+					return (this.progress || 0).toFixed(0);
+				}
+			},
+			set: function set(newVal) {}
+		},
+		range: function range() {
+			return Number(this.max) - Number(this.min);
+		},
+		part: function part() {
+			return 100 / this.range;
+		},
+		setStyle: function setStyle() {
+			var obj = {};
+			if (this.width) {
+				if (!isNaN(this.width)) {
+					obj.width = this.width + 'em';
+				} else if (this.width === 'full') {
+					obj.width = '100%';
+				} else {
+					obj.width = this.width;
+				}
+			}
+			return obj;
+		},
+		setClass: function setClass() {
+			var arr = [];
+			if (this.inputProps.color) {
+				if (this.inputProps.color !== 'radam') {
+					arr.push('to-input-color-' + this.inputProps.color);
+				} else {
+					var colors = this.inputProps.$TouchUI.colors;
+					var number = Math.round(Math.random() * 6);
+					arr.push('to-input-color-' + colors[number]);
+				}
+			}
+			if (this.inputProps.placeholderColor) {
+				arr.push('to-input-placeholder-color-' + this.inputProps.placeholderColor);
+			}
+			if (this.inputProps.fillet !== 'none') {
+				arr.push('to-input-fillet-' + this.inputProps.fillet);
+			}
+			if (this.inputProps.filletPosition) {
+				arr.push('to-input-fillet-position-' + this.filletPosition);
+			}
+			if (this.inputProps.mode) {
+				arr.push('to-input-mode-' + this.inputProps.mode);
+			} else if (this.ToForm && this.ToForm.type === 'list') {
+				arr.push('to-input-mode-none');
+			} else {
+				arr.push('to-input-mode-default');
+			}
+			if (this.inputProps.stepIconMode === 'arrow') {
+				arr.push('to-input-step-icon-mode-' + this.inputProps.stepIconMode);
+			}
+			if (this.inputProps.readonly) {
+				arr.push('to-input-state-readonly');
+			}
+			if (this.inputProps.focused && !this.inputProps.preventFocus) {
+				arr.push('to-input-state-focus');
+			}
+			if (this.inputProps.changed) {
+				arr.push('to-input-changed');
+			}
+			if (this.ToForm && this.ToForm.comparable || this.inputProps.comparable) {
+				arr.push('to-compare');
+			}
+			return arr;
+		}
+	},
+	watch: {
+		readonly: function readonly(val) {
+			this.disabled = val;
+		},
+		value: function value(val) {
+			if (this.start) {
+				if (val && String(val).split(',').length > 1) {
+					var value = val.split(',');
+					if (Number(value[0]) >= this.range) {
+						this.startVal = this.range;
+					} else {
+						this.startVal = Number(value[0]);
+					}
+					if (Number(value[1]) >= this.range) {
+						this.val = this.range;
+					} else {
+						this.val = Number(value[1]);
+					}
+				}
+			} else {
+				if (Number(val) >= this.range) {
+					this.val = this.range;
+				} else {
+					this.val = Number(val);
+				}
+			}
+			this.initRangeVal();
+		}
+	},
+	mounted: function mounted() {
+		var _this = this;
 
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    while (style.firstChild) {
-      style.removeChild(style.firstChild);
-    }
+		// 这里注意range的value改变不会触发视图刷新
+		this.$nextTick(function () {
+			_this.length = _this.$el.querySelector('.to-rangeBar');
+			_this.initRangeVal();
+		});
+	},
 
-    style.appendChild(document.createTextNode(css));
-  }
-}
+	methods: {
+		initRangeVal: function initRangeVal() {
+			if (this.start) {
+				if (this.value) {
+					var value = this.value.split(',');
+					this.startVal = Number(value[0]) < 0 ? 0 : Number(value[0]) / this.range * this.range - this.min || 0;
+					this.val = Number(value[1]) < 0 ? 0 : Number(value[1]) / this.range * this.range - this.min || 0;
+				} else {
+					this.startVal = 0;
+					this.val = 0;
+				}
+				this.startProgress = this.startVal / this.range * 100;
+				this.rangeProgress = this.val / this.range * 100;
+			} else {
+				this.val = Number(this.value) < 0 ? 0 : Number(this.value) / this.range * this.range - this.min || 0;
+				this.rangeProgress = this.val / this.range * 100;
+			}
+		},
+		rangeBarClick: function rangeBarClick(e) {
+			if (this.disabled) return;
+			if (this.dragging) {
+				var leftX = e.offsetX;
+				this.x = e.clientX - leftX;
+				if (this.start) {
+					var startLeft = this.startProgress / this.range * this.length.offsetWidth;
+					var endLeft = this.rangeProgress / this.range * this.length.offsetWidth;
+					var startLeftAbs = Math.abs(startLeft - leftX);
+					var endLeftAbs = Math.abs(endLeft - leftX);
+					if (startLeftAbs >= endLeftAbs) {
+						this.progress = leftX / this.length.offsetWidth * this.range;
+						this.progress = this.step ? this.step * Math.round(this.progress / this.step) : this.progress;
+						if (this.progress <= 0) {
+							this.progress = 0;
+						} else if (this.progress >= this.max) {
+							this.progress = this.max;
+						}
+						var progress = this.val / this.range * 100;
+						if (progress < 0) {
+							progress = 0;
+						} else if (progress > 100) {
+							progress = 100;
+						}
+						this.rangeProgress = progress;
+					} else {
+						this.sProgress = leftX / this.length.offsetWidth * this.range;
+						this.sProgress = this.step ? this.step * Math.round(this.sProgress / this.step) : this.sProgress;
+						if (this.sProgress <= 0) {
+							this.sProgress = 0;
+						} else if (this.sProgress >= this.max) {
+							this.sProgress = this.max;
+						}
+						var _progress = this.startVal / this.range * 100;
+						if (_progress < 0) {
+							_progress = 0;
+						} else if (_progress > 100) {
+							_progress = 100;
+						}
+						this.startProgress = _progress;
+					}
+				} else {
+					this.progress = leftX / this.length.offsetWidth * this.range;
+					this.progress = this.step ? this.step * Math.round(this.progress / this.step) : this.progress;
+					if (this.progress <= 0) {
+						this.progress = 0;
+					} else if (this.progress >= this.max) {
+						this.progress = this.max;
+					}
+				}
+				this.$emit('change', this.rangeValue);
+			}
+		},
 
-var singleton = null;
-var singletonCounter = 0;
+		startHandle: function startHandle(e) {
+			if (this.disabled) return;
+			this.isStart = true;
+			this.isStartMove = 'start';
+			if (this.isStart) {
+				this.startX = e.touches[0].clientX;
+			}
+		},
+		endStartHandle: function endStartHandle(e) {
+			if (this.disabled) return;
+			this.isStart = true;
+			this.isStartMove = 'end';
+			if (this.isStart) {
+				this.endStartX = e.touches[0].clientX;
+			}
+		},
+		moveHandle: function moveHandle(e) {
+			if (this.disabled) return;
+			if (this.isStart) {
+				this.moveX = e.touches[0].clientX;
+				if (this.isStartMove === 'end') {
+					this.progress = (this.x + this.moveX - this.endStartX) / this.length.offsetWidth * this.range;
+					if (this.progress <= 0) {
+						this.progress = 0;
+					} else if (this.progress >= this.range) {
+						this.progress = this.range;
+					}
+					var progress = this.progress / this.range * 100;
+					if (progress < 0) {
+						progress = 0;
+					} else if (progress > 100) {
+						progress = 100;
+					}
+					this.rangeProgress = progress;
+				} else if (this.isStartMove === 'start') {
+					this.sProgress = (this.sx + this.moveX - this.startX) / this.length.offsetWidth * this.range;
+					if (this.sProgress <= 0) {
+						this.sProgress = 0;
+					} else if (this.sProgress >= this.range) {
+						this.sProgress = this.range;
+					}
+					var _progress2 = this.sProgress / this.range * 100;
+					if (_progress2 < 0) {
+						_progress2 = 0;
+					} else if (_progress2 > 100) {
+						_progress2 = 100;
+					}
+					this.startProgress = _progress2;
+				}
+			}
+		},
+		endHandle: function endHandle(e) {
+			if (this.disabled) return;
+			if (this.isStart) {
+				if (this.isStartMove === 'end') {
+					this.x += this.moveX - this.startX;
+					if (this.progress <= 0) {
+						this.x = 0;
+					} else if (this.progress >= this.range) {
+						this.x = this.length.offsetWidth;
+					}
+				} else if (this.isStartMove === 'start') {
+					this.sx += this.moveX - this.endStartX;
+					if (this.sProgress <= 0) {
+						this.sx = 0;
+					} else if (this.sProgress >= this.range) {
+						this.sx = this.length.offsetWidth;
+					}
+				}
+				this.isStart = false;
+			}
+			this.$emit('change', this.rangeValue);
+		},
+		inputStartHandle: function inputStartHandle(e) {
+			var startVal = e.target.value;
+			this.sProgress = startVal;
+			this.startVal = Number(startVal) / this.range * this.range - this.min || 0;
+			var that = this;
+			var timer = null;
+			timer = setTimeout(function () {
+				if (startVal < 0) {
+					that.sProgress = 0;
+					that.startVal = 0;
+				}
+				if (startVal > that.range) {
+					that.sProgress = that.range;
+					that.startVal = that.range;
+				}
+				that.startProgress = that.startVal / that.range * 100;
+				that.$emit('change', that.rangeValue);
+				clearTimeout(timer);
+				timer = null;
+			}, 0);
+		},
+		inputEndHandle: function inputEndHandle(e) {
+			var endVal = e.target.value;
+			this.progress = endVal;
+			this.val = Number(endVal) / this.range * this.range - this.min || 0;
+			this.startProgress = this.startVal / this.range * 100;
+			this.rangeProgress = this.val / this.range * 100;
+			var that = this;
+			var timer = null;
+			timer = setTimeout(function () {
+				if (endVal < 0) {
+					that.progress = 0;
+					that.val = 0;
+				}
+				if (endVal > that.range) {
+					that.progress = that.range;
+					that.val = that.range;
+				}
+				that.rangeProgress = that.val / that.range * 100;
+				that.$emit('change', that.rangeValue);
+				clearTimeout(timer);
+				timer = null;
+			}, 0);
+		},
+		inputHandle: function inputHandle(e) {
+			if (!this.start) {
+				this.progress = e.target.value;
+				if (Number(e.target.value) < 0) {
+					this.progress = 0;
+				} else if (Number(e.target.value) > 100) {
+					this.progress = 100;
+				}
+				this.val = Number(e.target.value) < 0 ? 0 : Number(e.target.value) / this.range * this.range - this.min || 0;
+				this.rangeProgress = this.val / this.range * 100;
+				var that = this;
+				var timer = null;
+				timer = setTimeout(function () {
+					if (e.target.value < 0) {
+						that.progress = 0;
+						that.val = 0;
+					}
+					if (e.target.value > that.range) {
+						that.progress = that.range;
+						that.val = that.range;
+					}
+					that.rangeProgress = that.val / that.range * 100;
+					// that.value = 	that.rangeProgress
+					that.$emit('change', that.rangeValue);
+					clearTimeout(timer);
+					timer = null;
+				}, 0);
+			}
+		},
+		onButtonDown: function onButtonDown(event) {
+			if (this.disabled) return;
+			event.preventDefault();
+			this.isStartMove = 'end';
+			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);
+		},
+		onStartButtonDown: function onStartButtonDown(event) {
+			if (this.disabled) return;
+			event.preventDefault();
+			this.isStartMove = 'start';
+			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);
+		},
+		onDragging: function onDragging(event) {
+			if (this.dragging) {
+				if (event.type === 'touchmove') {
+					event.clientY = event.touches[0].clientY;
+					event.clientX = event.touches[0].clientX;
+				}
+				var currentX = event.clientX;
+				if (this.isStartMove === 'end') {
+					var diff = (currentX - this.startMoveX) / this.length.offsetWidth * this.range;
+					this.progress = this.startPosition + diff;
+					if (this.progress <= 0) {
+						this.progress = 0;
+					} else if (this.progress >= this.range) {
+						this.progress = this.range;
+					}
+					if (this.startProgress >= this.progress) {
+						this.progress = this.startProgress;
+					}
+					var progress = this.progress / this.range * 100;
+					if (progress < 0) {
+						progress = 0;
+					} else if (progress > 100) {
+						progress = 100;
+					}
+					this.rangeProgress = progress;
+				} else if (this.isStartMove === 'start') {
+					var _diff = (currentX - this.sStartMoveX) / this.length.offsetWidth * this.range;
+					this.sProgress = this.sStartPosition + _diff;
+					if (this.sProgress <= 0) {
+						this.sProgress = 0;
+					} else if (this.sProgress >= this.rangeProgress) {
+						this.sProgress = this.rangeProgress;
+					} else if (this.sProgress >= this.range) {
+						this.sProgress = this.range;
+					}
+					var _progress3 = this.sProgress / this.range * 100;
+					if (_progress3 < 0) {
+						_progress3 = 0;
+					} else if (_progress3 > 100) {
+						_progress3 = 100;
+					}
+					this.startProgress = _progress3;
+				}
+				this.$emit('change', this.rangeValue);
+			}
+		},
+		onDragStart: function onDragStart(event) {
+			this.dragging = true;
+			if (event.type === 'touchstart') {
+				event.clientY = event.touches[0].clientY;
+				event.clientX = event.touches[0].clientX;
+			}
+			if (this.isStartMove === 'end') {
+				this.startMoveX = event.clientX;
+				this.startPosition = parseFloat(this.progress);
+			} else if (this.isStartMove === 'start') {
+				this.sStartMoveX = event.clientX;
+				this.sStartPosition = parseFloat(this.sProgress);
+			}
+		},
+		onDragEnd: function onDragEnd() {
+			var _this2 = this;
 
-function addStyle(obj, options) {
-  var style;
-  var update;
-  var remove;
+			if (this.dragging) {
+				if (this.isStartMove === 'end') {
+					this.progress = this.step ? this.step * Math.round(this.progress / this.step) : this.progress;
+					var progress = this.val / this.range * 100;
+					if (progress < 0) {
+						progress = 0;
+					} else if (progress > 100) {
+						progress = 100;
+					}
+					if (this.startProgress >= progress) {
+						progress = this.startProgress;
+					}
+					this.rangeProgress = progress;
+				} else if (this.isStartMove === 'start') {
+					this.sProgress = this.step ? this.step * Math.round(this.sProgress / this.step) : this.sProgress;
+					var _progress4 = this.startVal / this.range * 100;
+					if (_progress4 < 0) {
+						_progress4 = 0;
+					} else if (_progress4 >= this.rangeProgress) {
+						_progress4 = this.rangeProgress;
+					} else if (_progress4 > 100) {
+						_progress4 = 100;
+					}
+					this.startProgress = _progress4;
+				}
 
-  if (options.singleton) {
-    var styleIndex = singletonCounter++;
-    style = singleton || (singleton = insertStyleElement(options));
-    update = applyToSingletonTag.bind(null, style, styleIndex, false);
-    remove = applyToSingletonTag.bind(null, style, styleIndex, true);
-  } else {
-    style = insertStyleElement(options);
-    update = applyToTag.bind(null, style, options);
+				/*
+    * 防止在 mouseup 后立即触发 click，导致滑块有几率产生一小段位移
+    * 不使用 preventDefault 是因为 mouseup 和 click 没有注册在同一个 DOM 上
+    */
+				this.dragging = false;
+				var timer = null;
+				timer = setTimeout(function () {
+					_this2.dragging = true;
+					clearTimeout(timer);
+					timer = null;
+				}, 200);
+				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);
+			}
+		},
+		setDisabled: function setDisabled(f) {
+			this.disabled = f;
+		}
+	}
+});
+// CONCATENATED MODULE: ./packages/range/src/range.vue?vue&type=script&lang=js
+ /* harmony default export */ var src_rangevue_type_script_lang_js = (rangevue_type_script_lang_js); 
+// EXTERNAL MODULE: ./packages/range/src/range.vue?vue&type=style&index=0&id=19fdc744&prod&lang=css
+var rangevue_type_style_index_0_id_19fdc744_prod_lang_css = __webpack_require__(93);
 
-    remove = function remove() {
-      removeStyleElement(style);
-    };
-  }
+// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(0);
 
-  update(obj);
-  return function updateStyle(newObj) {
-    if (newObj) {
-      if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap) {
-        return;
-      }
+// CONCATENATED MODULE: ./packages/range/src/range.vue
 
-      update(obj = newObj);
-    } else {
-      remove();
-    }
-  };
-}
 
-module.exports = function (list, options) {
-  options = options || {};
-  options.attributes = typeof options.attributes === 'object' ? options.attributes : {}; // Force single-tag solution on IE6-9, which has a hard limit on the # of <style>
-  // tags it will allow on a page
 
-  if (!options.singleton && typeof options.singleton !== 'boolean') {
-    options.singleton = isOldIE();
-  }
 
-  var styles = listToStyles(list, options);
-  addStylesToDom(styles, options);
-  return function update(newList) {
-    var mayRemove = [];
 
-    for (var i = 0; i < styles.length; i++) {
-      var item = styles[i];
-      var domStyle = stylesInDom[item.id];
 
-      if (domStyle) {
-        domStyle.refs--;
-        mayRemove.push(domStyle);
-      }
-    }
+/* normalize component */
 
-    if (newList) {
-      var newStyles = listToStyles(newList, options);
-      addStylesToDom(newStyles, options);
-    }
+var component = Object(componentNormalizer["a" /* default */])(
+  src_rangevue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
 
-    for (var _i = 0; _i < mayRemove.length; _i++) {
-      var _domStyle = mayRemove[_i];
+/* harmony default export */ var range = (component.exports);
+// CONCATENATED MODULE: ./packages/range/index.js
 
-      if (_domStyle.refs === 0) {
-        for (var j = 0; j < _domStyle.parts.length; j++) {
-          _domStyle.parts[j]();
-        }
 
-        delete stylesInDom[_domStyle.id];
-      }
-    }
-  };
+/* istanbul ignore next */
+range.install = function (Vue) {
+	Vue.component(range.name, range);
 };
 
+/* harmony default export */ var packages_range = __webpack_exports__["default"] = (range);
+
 /***/ }),
 
-/***/ 94:
+/***/ 93:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -1466,10 +1466,10 @@ module.exports = function (list, options) {
 
 /***/ }),
 
-/***/ 95:
+/***/ 94:
 /***/ (function(module, exports, __webpack_require__) {
 
-exports = module.exports = __webpack_require__(7)(false);
+exports = module.exports = __webpack_require__(11)(false);
 // Module
 exports.push([module.i, "\n//.to-rangeProgress{ transition: width 0.01s ease;\n}\n", ""]);