zartui 2.1.6 → 2.1.7

package/lib/rate/index.js

@@ -1,40 +1,32 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _utils = require("../utils");
-
 var _event = require("../utils/dom/event");
-
 var _touch = require("../mixins/touch");
-
 var _field = require("../mixins/field");
-
 var _icon = _interopRequireDefault(require("../icon"));
-
 // Utils
+
 // Mixins
+
 // Components
-var _createNamespace = (0, _utils.createNamespace)('rate'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
 
+var _createNamespace = (0, _utils.createNamespace)('rate'),
+  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';
 }
-
-var _default = createComponent({
+var _default = exports.default = createComponent({
   mixins: [_touch.TouchMixin, _field.FieldMixin],
   props: {
     size: [Number, String],
@@ -73,11 +65,9 @@ var _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() {
@@ -99,11 +89,9 @@ var _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();
@@ -131,9 +119,7 @@ var _default = createComponent({
       if (this.readonly || this.disabled || !this.touchable) {
         return;
       }
-
       this.touchMove(event);
-
       if (this.direction === 'horizontal') {
         (0, _event.preventDefault)(event);
         var clientX = event.touches[0].clientX;
@@ -146,31 +132,27 @@ var _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,
@@ -227,7 +209,6 @@ var _default = createComponent({
   },
   render: function render() {
     var _this3 = this;
-
     var h = arguments[0];
     return h("div", {
       "class": bem({
@@ -242,6 +223,4 @@ var _default = createComponent({
       return _this3.genStar(status, index);
     })]);
   }
-});
-
-exports.default = _default;
+});

package/lib/row/index.js

@@ -2,16 +2,12 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _utils = require("../utils");
-
 var _relation = require("../mixins/relation");
-
 var _createNamespace = (0, _utils.createNamespace)('row'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
-var _default = createComponent({
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
+var _default = exports.default = createComponent({
   mixins: [(0, _relation.ParentMixin)('ztRow')],
   props: {
     type: String,
@@ -29,17 +25,14 @@ var _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;
@@ -74,10 +67,9 @@ var _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 = {
@@ -88,6 +80,4 @@ var _default = createComponent({
       }
     }, [this.slots()]);
   }
-});
-
-exports.default = _default;
+});

package/lib/search/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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _utils = require("../utils");
-
 var _functional = require("../utils/functional");
-
 var _event = require("../utils/dom/event");
-
 var _field = _interopRequireDefault(require("../field"));
-
 // Utils
+
 // Components
-var _createNamespace = (0, _utils.createNamespace)('search'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1],
-    t = _createNamespace[2];
 
+// Types
+
+var _createNamespace = (0, _utils.createNamespace)('search'),
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1],
+  t = _createNamespace[2];
 function Search(h, props, slots, ctx) {
   function Label() {
     if (slots.label || props.label) {
@@ -32,20 +27,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;
       }
-
       (0, _functional.emit)(ctx, 'search', props.value);
     }
-
     return h("div", {
       "class": bem('action'),
       "attrs": {
@@ -57,7 +48,6 @@ function Search(h, props, slots, ctx) {
       }
     }, [slots.action ? slots.action() : props.actionText || t('search')]);
   }
-
   var fieldData = {
     attrs: ctx.data.attrs,
     on: (0, _extends2.default)({}, ctx.listeners, {
@@ -67,7 +57,6 @@ function Search(h, props, slots, ctx) {
           (0, _event.preventDefault)(event);
           (0, _functional.emit)(ctx, 'search', props.value);
         }
-
         (0, _functional.emit)(ctx, 'keypress', event);
       }
     })
@@ -102,7 +91,6 @@ function Search(h, props, slots, ctx) {
     }
   }, fieldData]))]), Action()]);
 }
-
 Search.props = {
   value: String,
   label: String,
@@ -125,7 +113,4 @@ Search.props = {
     default: 'zt-search'
   }
 };
-
-var _default = createComponent(Search);
-
-exports.default = _default;
+var _default = exports.default = createComponent(Search);

package/lib/signature/bezier.js

@@ -2,16 +2,23 @@
 
 exports.__esModule = true;
 exports.Bezier = void 0;
-
 var _point = require("./point");
+var Bezier = exports.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;
+  }
 
-var Bezier = /*#__PURE__*/function () {
+  // 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;
@@ -41,50 +48,32 @@ var Bezier = /*#__PURE__*/function () {
       c2: new _point.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;
-}();
-
-exports.Bezier = Bezier;
+}();

package/lib/signature/force-landscape.js

@@ -1,20 +1,15 @@
 "use strict";
 
 exports.__esModule = true;
-exports.getForceLandscapeEventPosition = exports.getForceLandscapeStyle = exports.isPortrait = void 0;
-
+exports.isPortrait = exports.getForceLandscapeStyle = exports.getForceLandscapeEventPosition = void 0;
 var _this = void 0;
-
 /**
  * 判断是否竖直的
  */
-var isPortrait = function isPortrait() {
+var isPortrait = exports.isPortrait = function isPortrait() {
   return window.orientation == null || window.orientation === 180 || window.orientation === 0;
 };
-
-exports.isPortrait = isPortrait;
-
-var getForceLandscapeStyle = function getForceLandscapeStyle(offsetLeft, offsetTop, forceLandscape) {
+var getForceLandscapeStyle = exports.getForceLandscapeStyle = function getForceLandscapeStyle(offsetLeft, offsetTop, forceLandscape) {
   var resultStyle = {
     height: "",
     transform: "",
@@ -29,7 +24,6 @@ var getForceLandscapeStyle = function getForceLandscapeStyle(offsetLeft, offsetT
   var height = clientHeight - topOffset;
   var longSide = Math.max(width, height);
   var shortSide = Math.min(width, height);
-
   if (isPortrait()) {
     // 竖直的
     if (width < height) {
@@ -74,23 +68,17 @@ var getForceLandscapeStyle = function getForceLandscapeStyle(offsetLeft, offsetT
       // 旋转得到横屏
       console.log('竖屏旋转到横屏');
     }
-
     resultStyle.transform = "rotate(0deg)";
     resultStyle.width = longSide + "px";
     resultStyle.height = shortSide + "px";
   }
-
   return resultStyle;
 };
-
-exports.getForceLandscapeStyle = getForceLandscapeStyle;
-
-var getForceLandscapeEventPosition = function getForceLandscapeEventPosition(evt, canvas, forceLandscape) {
+var getForceLandscapeEventPosition = exports.getForceLandscapeEventPosition = function getForceLandscapeEventPosition(evt, canvas, forceLandscape) {
   var coverPos = canvas.getBoundingClientRect();
   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;
@@ -105,6 +93,4 @@ var getForceLandscapeEventPosition = function getForceLandscapeEventPosition(evt
       'y': mouseY
     };
   }
-};
-
-exports.getForceLandscapeEventPosition = getForceLandscapeEventPosition;
+};

package/lib/signature/index.js

@@ -1,27 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _utils = require("../utils");
-
 var _button = _interopRequireDefault(require("../button"));
-
 var _toast = _interopRequireDefault(require("../toast"));
-
 var _imageUtil = require("../utils/media/image-util");
-
 var _forceLandscape = require("./force-landscape");
-
 // Utils
-var _createNamespace = (0, _utils.createNamespace)('signature'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1],
-    t = _createNamespace[2];
 
-var _default = createComponent({
+var _createNamespace = (0, _utils.createNamespace)('signature'),
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1],
+  t = _createNamespace[2];
+var _default = exports.default = createComponent({
   props: {
     customClass: {
       type: String,
@@ -67,18 +60,15 @@ var _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 = (0, _forceLandscape.getForceLandscapeStyle)(container.offsetLeft, container.offsetTop, !this.allowPortrait);
       container.style.transform = style.transform;
       container.style.width = style.width;
@@ -90,16 +80,13 @@ var _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);
@@ -108,19 +95,15 @@ var _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) {
               (0, _toast.default)(t('screenSizeChangeTip'));
-
               _this.clear(null, true);
             }
           }, 100);
@@ -163,7 +146,6 @@ var _default = createComponent({
       this.setupBackground();
       this.isHintHidden = false;
       this.isCompleteButtonDisabled = true;
-
       if (!isUnEmit) {
         this.$emit('clear', event);
       }
@@ -177,21 +159,18 @@ var _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') {
@@ -199,7 +178,6 @@ var _default = createComponent({
             return (0, _imageUtil.canvas2File)(canvas, exportFilename, null, "image/png");
           } else {
             var _exportFilename = new Date().getTime() + '.jpg';
-
             return (0, _imageUtil.canvas2File)(canvas, _exportFilename);
           }
         } else {
@@ -207,13 +185,11 @@ var _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();
@@ -292,6 +268,4 @@ var _default = createComponent({
       }
     }, [t('complete')])])])]);
   }
-});
-
-exports.default = _default;
+});

package/lib/signature/point.js

@@ -2,35 +2,26 @@
 
 exports.__esModule = true;
 exports.Point = void 0;
-
 // Interface for point data structure used e.g. in SignaturePad#fromData method
-var Point = /*#__PURE__*/function () {
+var Point = exports.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;
-}();
-
-exports.Point = Point;
+}();

package/lib/signature/throttle.js

@@ -2,51 +2,42 @@
 
 exports.__esModule = true;
 exports.throttle = throttle;
-
 /* eslint-disable @typescript-eslint/no-explicit-any */
 // Slightly simplified version of http://stackoverflow.com/a/27078401/815507
+
 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 = [];
@@ -54,7 +45,6 @@ function throttle(fn, wait) {
     } else if (!timeout) {
       timeout = window.setTimeout(later, remaining);
     }
-
     return result;
   };
 }