zartui 2.0.79 → 2.0.80-beta.1

package/lib/skeleton/index.js

@@ -1,29 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _babelHelperVueJsxMergeProps = _interopRequireDefault(require("@vue/babel-helper-vue-jsx-merge-props"));
-
 var _utils = require("../utils");
-
 var _functional = require("../utils/functional");
-
 // Utils
-var _createNamespace = (0, _utils.createNamespace)('skeleton'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
 
+// Types
+
+var _createNamespace = (0, _utils.createNamespace)('skeleton'),
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 var DEFAULT_ROW_WIDTH = '100%';
 var DEFAULT_LAST_ROW_WIDTH = '60%';
-
 function Skeleton(h, props, slots, ctx) {
   if (!props.loading) {
     return slots.default && slots.default();
   }
-
   function Title() {
     if (props.title && !props.field) {
       return h("h3", {
@@ -34,23 +29,18 @@ function Skeleton(h, props, slots, ctx) {
       });
     }
   }
-
   function Rows() {
     var Rows = [];
     var rowWidth = props.rowWidth;
-
     function getRowWidth(index) {
       if (rowWidth === DEFAULT_ROW_WIDTH && index === +props.row - 1) {
         return DEFAULT_LAST_ROW_WIDTH;
       }
-
       if (Array.isArray(rowWidth)) {
         return rowWidth[index];
       }
-
       return rowWidth;
     }
-
     for (var i = 0; i < props.row; i++) {
       if (props.field) {
         Rows.push(h("div", {
@@ -82,10 +72,8 @@ function Skeleton(h, props, slots, ctx) {
         }));
       }
     }
-
     return Rows;
   }
-
   function Avatar() {
     if (props.avatar) {
       var size = (0, _utils.addUnit)(props.avatarSize);
@@ -98,7 +86,6 @@ function Skeleton(h, props, slots, ctx) {
       });
     }
   }
-
   return h("div", (0, _babelHelperVueJsxMergeProps.default)([{
     "class": bem({
       animate: props.animate,
@@ -108,7 +95,6 @@ function Skeleton(h, props, slots, ctx) {
     "class": bem('content')
   }, [Title(), Rows()])]);
 }
-
 Skeleton.props = {
   title: Boolean,
   round: Boolean,
@@ -138,7 +124,5 @@ Skeleton.props = {
     default: DEFAULT_ROW_WIDTH
   }
 };
-
 var _default = createComponent(Skeleton);
-
 exports.default = _default;

package/lib/slider/index.js

@@ -2,29 +2,19 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _utils = require("../utils");
-
 var _deepClone = require("../utils/deep-clone");
-
 var _event = require("../utils/dom/event");
-
 var _number = require("../utils/format/number");
-
 var _number2 = require("../utils/validate/number");
-
 var _touch = require("../mixins/touch");
-
 var _field = require("../mixins/field");
-
 var _createNamespace = (0, _utils.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);
 };
-
 var _default = createComponent({
   mixins: [_touch.TouchMixin, _field.FieldMixin],
   props: {
@@ -99,27 +89,22 @@ var _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');
       }
-
       (0, _event.preventDefault)(event, true);
       this.touchMove(event);
       this.dragStatus = 'draging';
@@ -127,54 +112,45 @@ var _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);
     },
@@ -184,7 +160,6 @@ var _default = createComponent({
         value = (0, _deepClone.deepClone)(value);
         return value.reverse();
       }
-
       return value;
     },
     updateValue: function updateValue(value, end) {
@@ -193,11 +168,9 @@ var _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);
       }
@@ -213,77 +186,64 @@ var _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 = (0, _number2.isNumeric)(buttonSize) && buttonSize > 0 ? buttonSize / 2 : 24;
     var wrapperStyle = (_wrapperStyle = {
       background: this.inactiveColor
-    }, _wrapperStyle[crossAxis] = (0, _utils.addUnit)(this.barHeight) ? (0, _utils.addUnit)(this.barHeight) : this.progress ? '8px' : '4px', _wrapperStyle.margin = "0 " + margin + "px", _wrapperStyle); // 计算选中条的长度百分比
+    }, _wrapperStyle[crossAxis] = (0, _utils.addUnit)(this.barHeight) ? (0, _utils.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": {
@@ -311,7 +271,6 @@ var _default = createComponent({
         "style": _this.buttonStyle
       })]);
     };
-
     var renderProgress = function renderProgress() {
       if (_this.slots('right')) {
         return h("div", {
@@ -325,7 +284,6 @@ var _default = createComponent({
         return;
       }
     };
-
     var renderTitle = function renderTitle() {
       if (_this.slots('left')) {
         return h("div", {
@@ -339,7 +297,6 @@ var _default = createComponent({
         return '';
       }
     };
-
     return h("div", {
       "class": bem('container')
     }, [renderTitle(), h("div", {
@@ -357,5 +314,4 @@ var _default = createComponent({
     }, [this.range ? [renderButton(0), renderButton(1)] : renderButton()])]), renderProgress()]);
   }
 });
-
 exports.default = _default;

package/lib/step/index.js

@@ -1,22 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _utils = require("../utils");
-
 var _constant = require("../utils/constant");
-
 var _relation = require("../mixins/relation");
-
 var _icon = _interopRequireDefault(require("../icon"));
-
 var _createNamespace = (0, _utils.createNamespace)('step'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 var _default = createComponent({
   mixins: [(0, _relation.ChildrenMixin)('ztSteps')],
   props: {
@@ -59,10 +52,9 @@ var _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'),
@@ -76,9 +68,7 @@ var _default = createComponent({
           }
         })]);
       }
-
       var inactiveIconSlot = this.slots('inactive-icon');
-
       if (this.inactiveIcon || inactiveIconSlot) {
         return h("div", {
           "class": bem('circle'),
@@ -92,7 +82,6 @@ var _default = createComponent({
           }
         })]);
       }
-
       return h("div", {
         "class": bem('circle'),
         "style": this.circleStyle
@@ -104,10 +93,9 @@ var _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": [_constant.BORDER, bem([direction, (_ref = {}, _ref[status] = status, _ref)])]
@@ -129,5 +117,4 @@ var _default = createComponent({
     })]);
   }
 });
-
 exports.default = _default;

package/lib/stepper/index.js

@@ -1,35 +1,23 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _babelHelperVueJsxMergeProps = _interopRequireDefault(require("@vue/babel-helper-vue-jsx-merge-props"));
-
 var _utils = require("../utils");
-
 var _resetScroll = require("../utils/dom/reset-scroll");
-
 var _event = require("../utils/dom/event");
-
 var _number = require("../utils/format/number");
-
 var _number2 = require("../utils/validate/number");
-
 var _field = require("../mixins/field");
-
 var _createNamespace = (0, _utils.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);
 }
-
 var _default = createComponent({
   mixins: [_field.FieldMixin],
   props: {
@@ -85,14 +73,11 @@ var _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
     };
@@ -106,15 +91,12 @@ var _default = createComponent({
     },
     inputStyle: function inputStyle() {
       var style = {};
-
       if (this.inputWidth) {
         style.width = (0, _utils.addUnit)(this.inputWidth);
       }
-
       if (this.buttonSize) {
         style.height = (0, _utils.addUnit)(this.buttonSize);
       }
-
       return style;
     },
     buttonStyle: function buttonStyle() {
@@ -147,7 +129,6 @@ var _default = createComponent({
   methods: {
     check: function check() {
       var val = this.format(this.currentValue);
-
       if (!equal(val, this.currentValue)) {
         this.currentValue = val;
       }
@@ -160,37 +141,36 @@ var _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 = (0, _number2.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 ((0, _utils.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 ((0, _utils.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) {
@@ -205,12 +185,10 @@ var _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((0, _number.addNumber)(+this.currentValue, diff));
       this.emitChange(value);
@@ -233,27 +211,21 @@ var _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);
     },
@@ -261,9 +233,7 @@ var _default = createComponent({
       if (!this.longPress) {
         return;
       }
-
       clearTimeout(this.longPressTimer);
-
       if (this.isLongPress) {
         (0, _event.preventDefault)(event);
       }
@@ -278,9 +248,7 @@ var _default = createComponent({
   },
   render: function render() {
     var _this3 = this;
-
     var h = arguments[0];
-
     var createListeners = function createListeners(type) {
       return {
         on: {
@@ -288,12 +256,10 @@ var _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,
@@ -301,7 +267,6 @@ var _default = createComponent({
         }
       };
     };
-
     return h("div", {
       "class": bem([this.theme])
     }, [h("button", (0, _babelHelperVueJsxMergeProps.default)([{
@@ -363,5 +328,4 @@ var _default = createComponent({
     })])]);
   }
 });
-
 exports.default = _default;

package/lib/steps/index.js

@@ -2,15 +2,11 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _utils = require("../utils");
-
 var _relation = require("../mixins/relation");
-
 var _createNamespace = (0, _utils.createNamespace)('steps'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 var _default = createComponent({
   mixins: [(0, _relation.ParentMixin)('ztSteps')],
   props: {
@@ -40,5 +36,4 @@ var _default = createComponent({
     }, [this.slots()])]);
   }
 });
-
 exports.default = _default;