zartui 2.1.6 → 2.1.7

package/es/search/index.js

@@ -1,18 +1,19 @@
-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 _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 +22,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 +43,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 +52,6 @@ function Search(h, props, slots, ctx) {
           preventDefault(event);
           emit(ctx, 'search', props.value);
         }
-
         emit(ctx, 'keypress', event);
       }
     })
@@ -91,7 +86,6 @@ function Search(h, props, slots, ctx) {
     }
   }, fieldData]))]), Action()]);
 }
-
 Search.props = {
   value: String,
   label: String,

package/es/signature/bezier.js

@@ -1,11 +1,20 @@
 import { Point } from './point';
 export var Bezier = /*#__PURE__*/function () {
+  function Bezier(startPoint, control2, control1, endPoint, startWidth, endWidth) {
+    this.startPoint = startPoint;
+    this.control2 = control2;
+    this.control1 = control1;
+    this.endPoint = endPoint;
+    this.startWidth = startWidth;
+    this.endWidth = endWidth;
+  }
+
+  // Returns approximated length. Code taken from https://www.lemoda.net/maths/bezier-length/index.html.
   Bezier.fromPoints = function fromPoints(points, widths) {
     var c2 = this.calculateControlPoints(points[0], points[1], points[2]).c2;
     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,48 +44,32 @@ 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;
-    this.control1 = control1;
-    this.endPoint = endPoint;
-    this.startWidth = startWidth;
-    this.endWidth = endWidth;
-  } // 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;
 }();

package/es/signature/throttle.js

@@ -1,47 +1,39 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 // Slightly simplified version of http://stackoverflow.com/a/27078401/815507
+
 export function throttle(fn, wait) {
   if (wait === void 0) {
     wait = 250;
   }
-
   var previous = 0;
   var timeout = null;
   var result;
   var storedContext;
   var storedArgs;
-
   var later = function later() {
     previous = Date.now();
     timeout = null;
     result = fn.apply(storedContext, storedArgs);
-
     if (!timeout) {
       storedContext = null;
       storedArgs = [];
     }
   };
-
   return function wrapper() {
     var now = Date.now();
     var remaining = wait - (now - previous);
     storedContext = this;
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     storedArgs = args;
-
     if (remaining <= 0 || remaining > wait) {
       if (timeout) {
         clearTimeout(timeout);
         timeout = null;
       }
-
       previous = now;
       result = fn.apply(storedContext, storedArgs);
-
       if (!timeout) {
         storedContext = null;
         storedArgs = [];
@@ -49,7 +41,6 @@ export function throttle(fn, wait) {
     } else if (!timeout) {
       timeout = window.setTimeout(later, remaining);
     }
-
     return result;
   };
 }

package/es/skeleton/index.js

@@ -1,20 +1,19 @@
 import _mergeJSXProps from "@vue/babel-helper-vue-jsx-merge-props";
 // Utils
 import { createNamespace, addUnit } from '../utils';
-import { inherit } from '../utils/functional'; // Types
+import { inherit } from '../utils/functional';
 
-var _createNamespace = createNamespace('skeleton'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
+// Types
 
+var _createNamespace = 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", {
@@ -25,23 +24,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", {
@@ -73,10 +67,8 @@ function Skeleton(h, props, slots, ctx) {
         }));
       }
     }
-
     return Rows;
   }
-
   function Avatar() {
     if (props.avatar) {
       var size = addUnit(props.avatarSize);
@@ -89,7 +81,6 @@ function Skeleton(h, props, slots, ctx) {
       });
     }
   }
-
   return h("div", _mergeJSXProps([{
     "class": bem({
       animate: props.animate,
@@ -99,7 +90,6 @@ function Skeleton(h, props, slots, ctx) {
     "class": bem('content')
   }, [Title(), Rows()])]);
 }
-
 Skeleton.props = {
   title: Boolean,
   round: Boolean,