zartui 2.0.79 → 2.0.80-beta.1

package/es/pull-refresh/index.js

@@ -1,17 +1,17 @@
 // Utils
 import { createNamespace } from '../utils';
 import { preventDefault } from '../utils/dom/event';
-import { getScrollTop, getScroller, getTargetDom } from '../utils/dom/scroll'; // Mixins
+import { getScrollTop, getScroller, getTargetDom } from '../utils/dom/scroll';
 
-import { TouchMixin } from '../mixins/touch'; // Components
+// Mixins
+import { TouchMixin } from '../mixins/touch';
 
+// Components
 import Loading from '../loading';
-
 var _createNamespace = createNamespace('pull-refresh'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1],
-    t = _createNamespace[2];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1],
+  t = _createNamespace[2];
 var DEFAULT_HEAD_HEIGHT = 50;
 var TEXT_STATUS = ['pulling', 'loosing', 'success'];
 export default createComponent({
@@ -73,20 +73,19 @@ export default createComponent({
     },
     scrollEl: function scrollEl() {
       if (this.scrollElement) {
-        if (this.scrollElement) {
-          return getTargetDom(this.scrollElement);
+        var targetDom = getTargetDom(this.scrollElement);
+        if (targetDom) {
+          return targetDom;
+        } else {
+          console.warn('请检查props scroll-element元素是否存在！');
         }
-
-        return this.scrollElement();
       }
-
       return getScroller(this.$el);
     }
   },
   watch: {
     value: function value(loading) {
       this.duration = this.animationDuration;
-
       if (loading) {
         this.setStatus(+this.headHeight, true);
       } else if (this.slots('success') || this.successText) {
@@ -102,7 +101,6 @@ export default createComponent({
   methods: {
     checkPullStart: function checkPullStart(event) {
       this.ceiling = getScrollTop(this.scrollEl) === 0;
-
       if (this.ceiling) {
         this.duration = 0;
         this.touchStart(event);
@@ -117,13 +115,10 @@ export default createComponent({
       if (!this.touchable) {
         return;
       }
-
       if (!this.ceiling) {
         this.checkPullStart(event);
       }
-
       this.touchMove(event);
-
       if (this.ceiling && this.deltaY >= 0 && this.direction === 'vertical') {
         preventDefault(event);
         this.setStatus(this.ease(this.deltaY));
@@ -131,14 +126,13 @@ export default createComponent({
     },
     onTouchEnd: function onTouchEnd() {
       var _this = this;
-
       if (this.touchable && this.ceiling && this.deltaY) {
         this.duration = this.animationDuration;
-
         if (this.status === 'loosing') {
           this.setStatus(+this.headHeight, true);
-          this.$emit('input', true); // ensure value change can be watched
+          this.$emit('input', true);
 
+          // ensure value change can be watched
           this.$nextTick(function () {
             _this.$emit('refresh');
           });
@@ -149,7 +143,6 @@ export default createComponent({
     },
     ease: function ease(distance) {
       var pullDistance = +(this.pullDistance || this.headHeight);
-
       if (distance > pullDistance) {
         if (distance < pullDistance * 2) {
           distance = pullDistance + (distance - pullDistance) / 2;
@@ -157,12 +150,10 @@ export default createComponent({
           distance = pullDistance * 1.5 + (distance - pullDistance * 2) / 4;
         }
       }
-
       return Math.round(distance);
     },
     setStatus: function setStatus(distance, isLoading) {
       var status;
-
       if (isLoading) {
         status = 'loading';
       } else if (distance === 0) {
@@ -170,9 +161,7 @@ export default createComponent({
       } else {
         status = distance < (this.pullDistance || this.headHeight) ? 'pulling' : 'loosing';
       }
-
       this.distance = distance;
-
       if (status !== this.status) {
         this.status = status;
       }
@@ -180,24 +169,20 @@ export default createComponent({
     genStatus: function genStatus() {
       var h = this.$createElement;
       var status = this.status,
-          distance = this.distance;
+        distance = this.distance;
       var slot = this.slots(status, {
         distance: distance
       });
-
       if (slot) {
         return slot;
       }
-
       var nodes = [];
       var text = this[status + "Text"] || t(status);
-
       if (TEXT_STATUS.indexOf(status) !== -1) {
         nodes.push(h("div", {
           "class": bem('text')
         }, [text]));
       }
-
       if (status === 'loading') {
         nodes.push(h(Loading, {
           "attrs": {
@@ -205,12 +190,10 @@ export default createComponent({
           }
         }, [text]));
       }
-
       return nodes;
     },
     showSuccessTip: function showSuccessTip() {
       var _this2 = this;
-
       this.status = 'success';
       setTimeout(function () {
         _this2.setStatus(0);

package/es/radio/index.js

@@ -1,10 +1,8 @@
 import { createNamespace } from '../utils';
 import { CheckboxMixin } from '../mixins/checkbox';
-
 var _createNamespace = createNamespace('radio'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 export default createComponent({
   mixins: [CheckboxMixin({
     bem: bem,

package/es/radio-group/index.js

@@ -1,11 +1,9 @@
 import { createNamespace } from '../utils';
 import { FieldMixin } from '../mixins/field';
 import { ParentMixin } from '../mixins/relation';
-
 var _createNamespace = createNamespace('radio-group'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 export default createComponent({
   mixins: [ParentMixin('ztRadio'), FieldMixin],
   props: {

package/es/rate/index.js

@@ -1,28 +1,25 @@
 // Utils
 import { createNamespace, addUnit } from '../utils';
-import { preventDefault } from '../utils/dom/event'; // Mixins
+import { preventDefault } from '../utils/dom/event';
 
+// Mixins
 import { TouchMixin } from '../mixins/touch';
-import { FieldMixin } from '../mixins/field'; // Components
+import { FieldMixin } from '../mixins/field';
 
+// Components
 import Icon from '../icon';
-
 var _createNamespace = createNamespace('rate'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 function getRateStatus(value, index, allowHalf) {
   if (value >= index) {
     return 'full';
   }
-
   if (value + 0.5 >= index && allowHalf) {
     return 'half';
   }
-
   return 'void';
 }
-
 export default createComponent({
   mixins: [TouchMixin, FieldMixin],
   props: {
@@ -62,11 +59,9 @@ export default createComponent({
     },
     list: function list() {
       var list = [];
-
       for (var i = 1; i <= this.count; i++) {
         list.push(getRateStatus(this.numberValue, i, this.allowHalf));
       }
-
       return list;
     },
     sizeWithUnit: function sizeWithUnit() {
@@ -88,11 +83,9 @@ export default createComponent({
     },
     onTouchStart: function onTouchStart(event) {
       var _this = this;
-
       if (this.readonly || this.disabled || !this.touchable) {
         return;
       }
-
       this.touchStart(event);
       var rects = this.$refs.items.map(function (item) {
         return item.getBoundingClientRect();
@@ -120,9 +113,7 @@ export default createComponent({
       if (this.readonly || this.disabled || !this.touchable) {
         return;
       }
-
       this.touchMove(event);
-
       if (this.direction === 'horizontal') {
         preventDefault(event);
         var clientX = event.touches[0].clientX;
@@ -135,31 +126,27 @@ export default createComponent({
           return this.ranges[i].score;
         }
       }
-
       return this.allowHalf ? 0.5 : 1;
     },
     genStar: function genStar(status, index) {
       var _this2 = this;
-
       var h = this.$createElement;
       var icon = this.icon,
-          color = this.color,
-          count = this.count,
-          voidIcon = this.voidIcon,
-          disabled = this.disabled,
-          voidColor = this.voidColor,
-          disabledColor = this.disabledColor;
+        color = this.color,
+        count = this.count,
+        voidIcon = this.voidIcon,
+        disabled = this.disabled,
+        voidColor = this.voidColor,
+        disabledColor = this.disabledColor;
       var score = index + 1;
       var isFull = status === 'full';
       var isVoid = status === 'void';
       var style;
-
       if (this.gutterWithUnit && score !== +count) {
         style = {
           paddingRight: this.gutterWithUnit
         };
       }
-
       return h("div", {
         "ref": "items",
         "refInFor": true,
@@ -216,7 +203,6 @@ export default createComponent({
   },
   render: function render() {
     var _this3 = this;
-
     var h = arguments[0];
     return h("div", {
       "class": bem({

package/es/row/index.js

@@ -1,10 +1,8 @@
 import { createNamespace } from '../utils';
 import { ParentMixin } from '../mixins/relation';
-
 var _createNamespace = createNamespace('row'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 export default createComponent({
   mixins: [ParentMixin('ztRow')],
   props: {
@@ -23,17 +21,14 @@ export default createComponent({
   computed: {
     spaces: function spaces() {
       var gutter = Number(this.gutter);
-
       if (!gutter) {
         return;
       }
-
       var spaces = [];
       var groups = [[]];
       var totalSpan = 0;
       this.children.forEach(function (item, index) {
         totalSpan += Number(item.span);
-
         if (totalSpan > 24) {
           groups.push([index]);
           totalSpan -= 24;
@@ -68,10 +63,9 @@ export default createComponent({
   },
   render: function render() {
     var _bem;
-
     var h = arguments[0];
     var align = this.align,
-        justify = this.justify;
+      justify = this.justify;
     var flex = this.type === 'flex';
     return h(this.tag, {
       "class": bem((_bem = {

package/es/search/index.js

@@ -4,15 +4,17 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 // Utils
 import { createNamespace } from '../utils';
 import { inherit, emit } from '../utils/functional';
-import { preventDefault } from '../utils/dom/event'; // Components
+import { preventDefault } from '../utils/dom/event';
 
-import Field from '../field'; // Types
+// Components
+import Field from '../field';
 
-var _createNamespace = createNamespace('search'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1],
-    t = _createNamespace[2];
+// Types
 
+var _createNamespace = createNamespace('search'),
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1],
+  t = _createNamespace[2];
 function Search(h, props, slots, ctx) {
   function Label() {
     if (slots.label || props.label) {
@@ -21,20 +23,16 @@ function Search(h, props, slots, ctx) {
       }, [slots.label ? slots.label() : props.label]);
     }
   }
-
   function Action() {
     if (!props.showAction) {
       return;
     }
-
     function onActionSearch() {
       if (slots.action) {
         return;
       }
-
       emit(ctx, 'search', props.value);
     }
-
     return h("div", {
       "class": bem('action'),
       "attrs": {
@@ -46,7 +44,6 @@ function Search(h, props, slots, ctx) {
       }
     }, [slots.action ? slots.action() : props.actionText || t('search')]);
   }
-
   var fieldData = {
     attrs: ctx.data.attrs,
     on: _extends({}, ctx.listeners, {
@@ -56,7 +53,6 @@ function Search(h, props, slots, ctx) {
           preventDefault(event);
           emit(ctx, 'search', props.value);
         }
-
         emit(ctx, 'keypress', event);
       }
     })
@@ -91,7 +87,6 @@ function Search(h, props, slots, ctx) {
     }
   }, fieldData]))]), Action()]);
 }
-
 Search.props = {
   value: String,
   label: String,

package/es/signature/bezier.js

@@ -5,7 +5,6 @@ export var Bezier = /*#__PURE__*/function () {
     var c3 = this.calculateControlPoints(points[1], points[2], points[3]).c1;
     return new Bezier(points[1], c2, c3, points[2], widths.start, widths.end);
   };
-
   Bezier.calculateControlPoints = function calculateControlPoints(s1, s2, s3) {
     var dx1 = s1.x - s2.x;
     var dy1 = s1.y - s2.y;
@@ -35,7 +34,6 @@ export var Bezier = /*#__PURE__*/function () {
       c2: new Point(m2.x + tx, m2.y + ty)
     };
   };
-
   function Bezier(startPoint, control2, control1, endPoint, startWidth, endWidth) {
     this.startPoint = startPoint;
     this.control2 = control2;
@@ -43,40 +41,35 @@ export var Bezier = /*#__PURE__*/function () {
     this.endPoint = endPoint;
     this.startWidth = startWidth;
     this.endWidth = endWidth;
-  } // Returns approximated length. Code taken from https://www.lemoda.net/maths/bezier-length/index.html.
-
+  }
 
+  // Returns approximated length. Code taken from https://www.lemoda.net/maths/bezier-length/index.html.
   var _proto = Bezier.prototype;
-
   _proto.length = function length() {
     var steps = 10;
     var length = 0;
     var px;
     var py;
-
     for (var i = 0; i <= steps; i += 1) {
       var t = i / steps;
       var cx = this.point(t, this.startPoint.x, this.control1.x, this.control2.x, this.endPoint.x);
       var cy = this.point(t, this.startPoint.y, this.control1.y, this.control2.y, this.endPoint.y);
-
       if (i > 0) {
         var xdiff = cx - px;
         var ydiff = cy - py;
         length += Math.sqrt(xdiff * xdiff + ydiff * ydiff);
       }
-
       px = cx;
       py = cy;
     }
-
     return length;
-  } // Calculate parametric value of x or y given t and the four point coordinates of a cubic bezier curve.
-  ;
+  }
 
+  // Calculate parametric value of x or y given t and the four point coordinates of a cubic bezier curve.
+  ;
   _proto.point = function point(t, start, c1, c2, end) {
     // prettier-ignore
     return start * (1.0 - t) * (1.0 - t) * (1.0 - t) + 3.0 * c1 * (1.0 - t) * (1.0 - t) * t + 3.0 * c2 * (1.0 - t) * t * t + end * t * t * t;
   };
-
   return Bezier;
 }();

package/es/signature/force-landscape.js

@@ -1,5 +1,4 @@
 var _this = this;
-
 /**
  * 判断是否竖直的
  */
@@ -21,7 +20,6 @@ export var getForceLandscapeStyle = function getForceLandscapeStyle(offsetLeft,
   var height = clientHeight - topOffset;
   var longSide = Math.max(width, height);
   var shortSide = Math.min(width, height);
-
   if (isPortrait()) {
     // 竖直的
     if (width < height) {
@@ -66,12 +64,10 @@ export var getForceLandscapeStyle = function getForceLandscapeStyle(offsetLeft,
       // 旋转得到横屏
       console.log('竖屏旋转到横屏');
     }
-
     resultStyle.transform = "rotate(0deg)";
     resultStyle.width = longSide + "px";
     resultStyle.height = shortSide + "px";
   }
-
   return resultStyle;
 };
 export var getForceLandscapeEventPosition = function getForceLandscapeEventPosition(evt, canvas, forceLandscape) {
@@ -79,7 +75,6 @@ export var getForceLandscapeEventPosition = function getForceLandscapeEventPosit
   var mouseX = evt.clientX - coverPos.left;
   var mouseY = evt.clientY - coverPos.top;
   var isReverseXY = forceLandscape && (window.orientation == null || window.orientation === 180 || window.orientation === 0);
-
   if (isReverseXY) {
     var clientWidth = document.documentElement.clientWidth;
     var leftOffset = 0;

package/es/signature/index.js

@@ -4,12 +4,10 @@ import Button from '../button';
 import Toast from '../toast';
 import { canvas2File } from "../utils/media/image-util";
 import { getForceLandscapeStyle, getForceLandscapeEventPosition } from "./force-landscape";
-
 var _createNamespace = createNamespace('signature'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1],
-    t = _createNamespace[2];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1],
+  t = _createNamespace[2];
 export default createComponent({
   props: {
     customClass: {
@@ -56,18 +54,15 @@ export default createComponent({
       events: 'ontouchstart' in window ? ['touchstart', 'touchmove', 'touchend', 'touchleave'] : ['mousedown', 'mousemove', 'mouseup', 'mouseleave'],
       isHintHidden: false,
       isCompleteButtonDisabled: true // default disabled
-
     };
   },
   methods: {
     reset: function reset() {
       var container = this.$refs.container;
-
       if (!container) {
         console.error('container bad state ' + container);
         return;
       }
-
       var style = getForceLandscapeStyle(container.offsetLeft, container.offsetTop, !this.allowPortrait);
       container.style.transform = style.transform;
       container.style.width = style.width;
@@ -79,16 +74,13 @@ export default createComponent({
     setupBackground: function setupBackground() {
       if (this.imageType === 'jpg') {
         var backgroundColor = this.backgroundStyle;
-
         if (backgroundColor === 'transparent') {
           backgroundColor = '#f5f5f5';
         }
-
         this.ctx.fillStyle = backgroundColor;
         this.ctx.fillRect(0, 0, this.$refs.canvas.width, this.$refs.canvas.height);
       } else {
         var _backgroundColor = this.backgroundStyle;
-
         if (_backgroundColor !== 'transparent') {
           this.ctx.fillStyle = _backgroundColor;
           this.ctx.fillRect(0, 0, this.$refs.canvas.width, this.$refs.canvas.height);
@@ -97,19 +89,15 @@ export default createComponent({
     },
     addEvent: function addEvent() {
       var _this = this;
-
       // jpeg 不支持透明背景，这里添加默认颜色
       this.startEventHandler = this.startEventHandler.bind(this);
       this.$refs.canvas.addEventListener(this.events[0], this.startEventHandler, false);
-
       if (this.isCanvasSupported) {
         window.addEventListener("resize", function (e) {
           setTimeout(function () {
             _this.reset(e);
-
             if (!_this.isCompleteButtonDisabled) {
               Toast(t('screenSizeChangeTip'));
-
               _this.clear(null, true);
             }
           }, 100);
@@ -152,7 +140,6 @@ export default createComponent({
       this.setupBackground();
       this.isHintHidden = false;
       this.isCompleteButtonDisabled = true;
-
       if (!isUnEmit) {
         this.$emit('clear', event);
       }
@@ -166,21 +153,18 @@ export default createComponent({
     },
     onSave: function onSave(event, canvas) {
       var _this2 = this;
-
       // console.log('canvas width ' + canvas.width)
       // console.log('canvas height ' + canvas.height);
-      var resultTypes = this.resultTypes ? this.resultTypes.split(',') : ['file', 'dataUrl']; // build result
-
+      var resultTypes = this.resultTypes ? this.resultTypes.split(',') : ['file', 'dataUrl'];
+      // build result
       Promise.all(resultTypes.map(function (resultType) {
         if (resultType.trim() === 'dataUrl') {
           var dataURL;
-
           if (_this2.imageType === 'png') {
             dataURL = canvas.toDataURL('image/png');
           } else {
             dataURL = canvas.toDataURL('image/jpeg', 0.8);
           }
-
           return Promise.resolve(dataURL);
         } else if (resultType.trim() === 'file') {
           if (_this2.imageType === 'png') {
@@ -188,7 +172,6 @@ export default createComponent({
             return canvas2File(canvas, exportFilename, null, "image/png");
           } else {
             var _exportFilename = new Date().getTime() + '.jpg';
-
             return canvas2File(canvas, _exportFilename);
           }
         } else {
@@ -196,13 +179,11 @@ export default createComponent({
         }
       })).then(function (results) {
         _this2.clear(true);
-
         _this2.$emit('confirm', event, results);
       });
     },
     onMounted: function onMounted() {
       var _this3 = this;
-
       if (this.isCanvasSupported) {
         this.ctx = this.$refs.canvas.getContext('2d');
         this.reset();

package/es/signature/point.js

@@ -1,29 +1,24 @@
 // Interface for point data structure used e.g. in SignaturePad#fromData method
+
 export var Point = /*#__PURE__*/function () {
   function Point(x, y, pressure, time) {
     if (isNaN(x) || isNaN(y)) {
       throw new Error("Point is invalid: (" + x + ", " + y + ")");
     }
-
     this.x = +x;
     this.y = +y;
     this.pressure = pressure || 0;
     this.time = time || Date.now();
   }
-
   var _proto = Point.prototype;
-
   _proto.distanceTo = function distanceTo(start) {
     return Math.sqrt(Math.pow(this.x - start.x, 2) + Math.pow(this.y - start.y, 2));
   };
-
   _proto.equals = function equals(other) {
     return this.x === other.x && this.y === other.y && this.pressure === other.pressure && this.time === other.time;
   };
-
   _proto.velocityFrom = function velocityFrom(start) {
     return this.time !== start.time ? this.distanceTo(start) / (this.time - start.time) : 0;
   };
-
   return Point;
 }();