zartui 2.1.5 → 2.1.7

package/es/slider/index.js

@@ -5,15 +5,12 @@ import { range, addNumber } from '../utils/format/number';
 import { isNumeric } from '../utils/validate/number';
 import { TouchMixin } from '../mixins/touch';
 import { FieldMixin } from '../mixins/field';
-
 var _createNamespace = createNamespace('slider'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 var isSameValue = function isSameValue(newValue, oldValue) {
   return JSON.stringify(newValue) === JSON.stringify(oldValue);
 };
-
 export default createComponent({
   mixins: [TouchMixin, FieldMixin],
   props: {
@@ -88,27 +85,22 @@ export default createComponent({
       if (this.disabled) {
         return;
       }
-
       this.touchStart(event);
       this.currentValue = this.value;
-
       if (this.range) {
         this.startValue = this.value.map(this.format);
       } else {
         this.startValue = this.format(this.value);
       }
-
       this.dragStatus = 'start';
     },
     onTouchMove: function onTouchMove(event) {
       if (this.disabled) {
         return;
       }
-
       if (this.dragStatus === 'start') {
         this.$emit('drag-start');
       }
-
       preventDefault(event, true);
       this.touchMove(event);
       this.dragStatus = 'draging';
@@ -116,54 +108,45 @@ export default createComponent({
       var delta = this.vertical ? this.deltaY : this.deltaX;
       var total = this.vertical ? rect.height : rect.width;
       var diff = delta / total * this.scope;
-
       if (this.range) {
         this.currentValue[this.index] = this.startValue[this.index] + diff;
       } else {
         this.currentValue = this.startValue + diff;
       }
-
       this.updateValue(this.currentValue);
     },
     onTouchEnd: function onTouchEnd() {
       if (this.disabled) {
         return;
       }
-
       if (this.dragStatus === 'draging') {
         this.updateValue(this.currentValue, true);
         this.$emit('drag-end');
       }
-
       this.dragStatus = '';
     },
     onClick: function onClick(event) {
       if (this.progress) {
         return;
       }
-
       event.stopPropagation();
       if (this.disabled) return;
       var rect = this.$el.getBoundingClientRect();
       var delta = this.vertical ? event.clientY - rect.top : event.clientX - rect.left;
       var total = this.vertical ? rect.height : rect.width;
       var value = +this.min + delta / total * this.scope;
-
       if (this.range) {
         var _this$value = this.value,
-            left = _this$value[0],
-            right = _this$value[1];
+          left = _this$value[0],
+          right = _this$value[1];
         var middle = (left + right) / 2;
-
         if (value <= middle) {
           left = value;
         } else {
           right = value;
         }
-
         value = [left, right];
       }
-
       this.startValue = this.value;
       this.updateValue(value, true);
     },
@@ -173,7 +156,6 @@ export default createComponent({
         value = deepClone(value);
         return value.reverse();
       }
-
       return value;
     },
     updateValue: function updateValue(value, end) {
@@ -182,11 +164,9 @@ export default createComponent({
       } else {
         value = this.format(value);
       }
-
       if (!isSameValue(value, this.value)) {
         this.$emit('input', value);
       }
-
       if (end && !isSameValue(value, this.startValue)) {
         this.$emit('change', value);
       }
@@ -202,77 +182,64 @@ export default createComponent({
   },
   render: function render() {
     var _wrapperStyle,
-        _this = this,
-        _barStyle;
-
+      _this = this,
+      _barStyle;
     var h = arguments[0];
     var vertical = this.vertical,
-        buttonSize = this.buttonSize;
+      buttonSize = this.buttonSize;
     var mainAxis = vertical ? 'height' : 'width';
     var crossAxis = vertical ? 'width' : 'height';
     var margin = isNumeric(buttonSize) && buttonSize > 0 ? buttonSize / 2 : 24;
     var wrapperStyle = (_wrapperStyle = {
       background: this.inactiveColor
-    }, _wrapperStyle[crossAxis] = addUnit(this.barHeight) ? addUnit(this.barHeight) : this.progress ? '8px' : '4px', _wrapperStyle.margin = "0 " + margin + "px", _wrapperStyle); // 计算选中条的长度百分比
+    }, _wrapperStyle[crossAxis] = addUnit(this.barHeight) ? addUnit(this.barHeight) : this.progress ? '8px' : '4px', _wrapperStyle.margin = "0 " + margin + "px", _wrapperStyle);
 
+    // 计算选中条的长度百分比
     var calcMainAxis = function calcMainAxis() {
       var value = _this.value,
-          min = _this.min,
-          range = _this.range,
-          scope = _this.scope;
-
+        min = _this.min,
+        range = _this.range,
+        scope = _this.scope;
       if (range) {
         return (value[1] - value[0]) * 100 / scope + "%";
-      } // return `calc(${((value - min) * 100) / scope}% + 12px - ${24 * (value - min) / scope}px)` ;
-
-
+      }
+      // return `calc(${((value - min) * 100) / scope}% + 12px - ${24 * (value - min) / scope}px)` ;
       return (value - min) * 100 / scope + "%";
-    }; // 计算选中条的开始位置的偏移量
-
+    };
 
+    // 计算选中条的开始位置的偏移量
     var calcOffset = function calcOffset() {
       var value = _this.value,
-          min = _this.min,
-          range = _this.range,
-          scope = _this.scope;
-
+        min = _this.min,
+        range = _this.range,
+        scope = _this.scope;
       if (range) {
         return (value[0] - min) * 100 / scope + "%";
       }
-
       return null;
     };
-
     var barStyle = (_barStyle = {}, _barStyle[mainAxis] = calcMainAxis(), _barStyle.left = this.vertical ? null : calcOffset(), _barStyle.top = this.vertical ? calcOffset() : null, _barStyle.background = Array.isArray(this.activeColor) ? "-webkit-linear-gradient(90deg, " + this.activeColor[0] + " , " + this.activeColor[1] + " )" : this.activeColor, _barStyle["background"] = Array.isArray(this.activeColor) ? "-o-linear-linear-gradient(90deg, " + this.activeColor[0] + " , " + this.activeColor[1] + ")" : this.activeColor, _barStyle["background"] = Array.isArray(this.activeColor) ? "-moz-linear-gradient(90deg, " + this.activeColor[0] + " , " + this.activeColor[1] + ")" : this.activeColor, _barStyle["background"] = Array.isArray(this.activeColor) ? "linear-gradient(90deg, " + this.activeColor[0] + " , " + this.activeColor[1] + ")" : this.activeColor, _barStyle);
-
     if (this.dragStatus) {
       barStyle.transition = 'none';
     }
-
     var renderButton = function renderButton(i) {
       if (_this.progress) {
         return;
       }
-
       var map = ['left', 'right'];
       var isNumber = typeof i === 'number';
-
       var getClassName = function getClassName() {
         if (isNumber) {
           return "button-wrapper-" + map[i];
         }
-
         return "button-wrapper";
       };
-
       var getRefName = function getRefName() {
         if (isNumber) {
           return "wrapper" + i;
         }
-
         return "wrapper";
       };
-
       return h("div", {
         "ref": getRefName(),
         "attrs": {
@@ -300,7 +267,6 @@ export default createComponent({
         "style": _this.buttonStyle
       })]);
     };
-
     var renderProgress = function renderProgress() {
       if (_this.slots('right')) {
         return h("div", {
@@ -314,7 +280,6 @@ export default createComponent({
         return;
       }
     };
-
     var renderTitle = function renderTitle() {
       if (_this.slots('left')) {
         return h("div", {
@@ -328,7 +293,6 @@ export default createComponent({
         return '';
       }
     };
-
     return h("div", {
       "class": bem('container')
     }, [renderTitle(), h("div", {

package/es/step/index.js

@@ -2,11 +2,9 @@ import { createNamespace } from '../utils';
 import { BORDER } from '../utils/constant';
 import { ChildrenMixin } from '../mixins/relation';
 import Icon from '../icon';
-
 var _createNamespace = createNamespace('step'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 export default createComponent({
   mixins: [ChildrenMixin('ztSteps')],
   props: {
@@ -49,10 +47,9 @@ export default createComponent({
     genCircle: function genCircle() {
       var h = this.$createElement;
       var _this$parent = this.parent,
-          activeColor = _this$parent.activeColor,
-          inactiveColor = _this$parent.inactiveColor;
+        activeColor = _this$parent.activeColor,
+        inactiveColor = _this$parent.inactiveColor;
       var activeIconSlot = this.slots('active-icon');
-
       if (this.active && (this.activeIcon || activeIconSlot)) {
         return h("div", {
           "class": bem('circle'),
@@ -66,9 +63,7 @@ export default createComponent({
           }
         })]);
       }
-
       var inactiveIconSlot = this.slots('inactive-icon');
-
       if (this.inactiveIcon || inactiveIconSlot) {
         return h("div", {
           "class": bem('circle'),
@@ -82,7 +77,6 @@ export default createComponent({
           }
         })]);
       }
-
       return h("div", {
         "class": bem('circle'),
         "style": this.circleStyle
@@ -94,10 +88,9 @@ export default createComponent({
   },
   render: function render() {
     var _ref;
-
     var h = arguments[0];
     var status = this.status,
-        active = this.active;
+      active = this.active;
     var direction = this.parent.direction;
     return h("div", {
       "class": [BORDER, bem([direction, (_ref = {}, _ref[status] = status, _ref)])]

package/es/stepper/index.js

@@ -1,23 +1,18 @@
-import _mergeJSXProps2 from "@vue/babel-helper-vue-jsx-merge-props";
-import _mergeJSXProps from "@vue/babel-helper-vue-jsx-merge-props";
+import _mergeJSXProps, { default as _mergeJSXProps2 } from "@vue/babel-helper-vue-jsx-merge-props";
 import { createNamespace, isDef, addUnit } from '../utils';
 import { resetScroll } from '../utils/dom/reset-scroll';
 import { preventDefault } from '../utils/dom/event';
 import { addNumber, formatNumber as _formatNumber } from '../utils/format/number';
 import { isNaN } from '../utils/validate/number';
 import { FieldMixin } from '../mixins/field';
-
 var _createNamespace = createNamespace('stepper'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 var LONG_PRESS_START_TIME = 600;
 var LONG_PRESS_INTERVAL = 200;
-
 function equal(value1, value2) {
   return String(value1) === String(value2);
 }
-
 export default createComponent({
   mixins: [FieldMixin],
   props: {
@@ -73,14 +68,11 @@ export default createComponent({
   },
   data: function data() {
     var _this$value;
-
     var defaultValue = (_this$value = this.value) != null ? _this$value : this.defaultValue;
     var value = this.format(defaultValue);
-
     if (!equal(value, this.value)) {
       this.$emit('input', value);
     }
-
     return {
       currentValue: value
     };
@@ -94,15 +86,12 @@ export default createComponent({
     },
     inputStyle: function inputStyle() {
       var style = {};
-
       if (this.inputWidth) {
         style.width = addUnit(this.inputWidth);
       }
-
       if (this.buttonSize) {
         style.height = addUnit(this.buttonSize);
       }
-
       return style;
     },
     buttonStyle: function buttonStyle() {
@@ -135,7 +124,6 @@ export default createComponent({
   methods: {
     check: function check() {
       var val = this.format(this.currentValue);
-
       if (!equal(val, this.currentValue)) {
         this.currentValue = val;
       }
@@ -148,37 +136,36 @@ export default createComponent({
       if (this.allowEmpty && value === '') {
         return value;
       }
+      value = this.formatNumber(value);
 
-      value = this.formatNumber(value); // format range
-
+      // format range
       value = value === '' ? 0 : +value;
       value = isNaN(value) ? this.min : value;
-      value = Math.max(Math.min(this.max, value), this.min); // format decimal
+      value = Math.max(Math.min(this.max, value), this.min);
 
+      // format decimal
       if (isDef(this.decimalLength)) {
         value = value.toFixed(this.decimalLength);
       }
-
       return value;
     },
     onInput: function onInput(event) {
       var value = event.target.value;
-      var formatted = this.formatNumber(value); // limit max decimal length
+      var formatted = this.formatNumber(value);
 
+      // limit max decimal length
       if (isDef(this.decimalLength) && formatted.indexOf('.') !== -1) {
         var pair = formatted.split('.');
         formatted = pair[0] + "." + pair[1].slice(0, this.decimalLength);
       }
-
       if (!equal(value, formatted)) {
         event.target.value = formatted;
-      } // prefer number type
-
+      }
 
+      // prefer number type
       if (formatted === String(+formatted)) {
         formatted = +formatted;
       }
-
       this.emitChange(formatted);
     },
     emitChange: function emitChange(value) {
@@ -193,12 +180,10 @@ export default createComponent({
     },
     onChange: function onChange() {
       var type = this.type;
-
       if (this[type + "Disabled"]) {
         this.$emit('overlimit', type);
         return;
       }
-
       var diff = type === 'minus' ? -this.step : +this.step;
       var value = this.format(addNumber(+this.currentValue, diff));
       this.emitChange(value);
@@ -221,27 +206,21 @@ export default createComponent({
     },
     longPressStep: function longPressStep() {
       var _this = this;
-
       this.longPressTimer = setTimeout(function () {
         _this.onChange();
-
         _this.longPressStep(_this.type);
       }, LONG_PRESS_INTERVAL);
     },
     onTouchStart: function onTouchStart() {
       var _this2 = this;
-
       if (!this.longPress) {
         return;
       }
-
       clearTimeout(this.longPressTimer);
       this.isLongPress = false;
       this.longPressTimer = setTimeout(function () {
         _this2.isLongPress = true;
-
         _this2.onChange();
-
         _this2.longPressStep();
       }, LONG_PRESS_START_TIME);
     },
@@ -249,9 +228,7 @@ export default createComponent({
       if (!this.longPress) {
         return;
       }
-
       clearTimeout(this.longPressTimer);
-
       if (this.isLongPress) {
         preventDefault(event);
       }
@@ -266,9 +243,7 @@ export default createComponent({
   },
   render: function render() {
     var _this3 = this;
-
     var h = arguments[0];
-
     var createListeners = function createListeners(type) {
       return {
         on: {
@@ -276,12 +251,10 @@ export default createComponent({
             // disable double tap scrolling on mobile safari
             e.preventDefault();
             _this3.type = type;
-
             _this3.onChange();
           },
           touchstart: function touchstart() {
             _this3.type = type;
-
             _this3.onTouchStart();
           },
           touchend: _this3.onTouchEnd,
@@ -289,7 +262,6 @@ export default createComponent({
         }
       };
     };
-
     return h("div", {
       "class": bem([this.theme])
     }, [h("button", _mergeJSXProps([{

package/es/steps/index.js

@@ -1,10 +1,8 @@
 import { createNamespace } from '../utils';
 import { ParentMixin } from '../mixins/relation';
-
 var _createNamespace = createNamespace('steps'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 export default createComponent({
   mixins: [ParentMixin('ztSteps')],
   props: {