zartui 0.1.113 → 3.0.1

package/es/signature/bezier.js

@@ -1,82 +0,0 @@
-import { Point } from './point';
-export var Bezier = /*#__PURE__*/function () {
-  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;
-    var dx2 = s2.x - s3.x;
-    var dy2 = s2.y - s3.y;
-    var m1 = {
-      x: (s1.x + s2.x) / 2.0,
-      y: (s1.y + s2.y) / 2.0
-    };
-    var m2 = {
-      x: (s2.x + s3.x) / 2.0,
-      y: (s2.y + s3.y) / 2.0
-    };
-    var l1 = Math.sqrt(dx1 * dx1 + dy1 * dy1);
-    var l2 = Math.sqrt(dx2 * dx2 + dy2 * dy2);
-    var dxm = m1.x - m2.x;
-    var dym = m1.y - m2.y;
-    var k = l2 / (l1 + l2);
-    var cm = {
-      x: m2.x + dxm * k,
-      y: m2.y + dym * k
-    };
-    var tx = s2.x - cm.x;
-    var ty = s2.y - cm.y;
-    return {
-      c1: new Point(m1.x + tx, m1.y + ty),
-      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.
-  ;
-
-  _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,97 +0,0 @@
-var _this = this;
-
-/**
- * 判断是否竖直的
- */
-export var isPortrait = function isPortrait() {
-  return window.orientation == null || window.orientation === 180 || window.orientation === 0;
-};
-export var getForceLandscapeStyle = function getForceLandscapeStyle(offsetLeft, offsetTop, forceLandscape) {
-  var resultStyle = {
-    height: "",
-    transform: "",
-    transformOrigin: "",
-    width: ""
-  };
-  var clientWidth = document.documentElement.clientWidth;
-  var leftOffset = offsetLeft;
-  var clientHeight = document.documentElement.clientHeight;
-  var topOffset = offsetTop;
-  var width = clientWidth - leftOffset;
-  var height = clientHeight - topOffset;
-  var longSide = Math.max(width, height);
-  var shortSide = Math.min(width, height);
-
-  if (isPortrait()) {
-    // 竖直的
-    if (width < height) {
-      // 用户打开就是竖屏
-      if (forceLandscape) {
-        // 强制横屏
-        console.log('竖屏打开，强制横屏');
-        resultStyle.transform = "rotate(90deg)";
-        resultStyle.width = longSide + "px";
-        resultStyle.height = shortSide + "px";
-        resultStyle.transformOrigin = shortSide / 2 + "px center";
-      } else {
-        // 非强制横屏
-        console.log('竖屏打开，保持竖屏');
-        resultStyle.transform = "rotate(0deg)";
-        resultStyle.width = shortSide + "px";
-        resultStyle.height = longSide + "px";
-      }
-    } else {
-      // 用户旋转后得到竖屏
-      if (_this.forceLandscape) {
-        // 强制横屏
-        console.log('横屏旋转到强制横屏');
-        resultStyle.transform = "rotate(90deg)";
-        resultStyle.width = longSide + "px";
-        resultStyle.height = shortSide + "px";
-        resultStyle.transformOrigin = shortSide / 2 + "px center";
-      } else {
-        // 非强制横屏
-        console.log('横屏旋转到竖屏');
-        resultStyle.transform = "rotate(0deg)";
-        resultStyle.width = shortSide + "px";
-        resultStyle.height = longSide + "px";
-      }
-    }
-  } else {
-    // 横屏
-    if (width > height) {
-      // 用户打开就是横屏
-      console.log('横屏打开');
-    } else {
-      // 旋转得到横屏
-      console.log('竖屏旋转到横屏');
-    }
-
-    resultStyle.transform = "rotate(0deg)";
-    resultStyle.width = longSide + "px";
-    resultStyle.height = shortSide + "px";
-  }
-
-  return resultStyle;
-};
-export var 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;
-    var width = clientWidth - leftOffset;
-    return {
-      'x': mouseY,
-      'y': width - mouseX
-    };
-  } else {
-    return {
-      'x': mouseX,
-      'y': mouseY
-    };
-  }
-};

package/es/signature/index.css

@@ -1 +0,0 @@
-.zt-signature{background-color:#f5f5f5;width:100%;height:100%;position:relative}.zt-signature__placeholder{z-index:2;pointer-events:none;position:absolute;left:0;top:calc(50% - 8px);font-size:16px;height:16px;width:100%;opacity:.1;color:#000;text-align:center}.zt-signature__canvasWrapper{z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;background:#fff}.zt-signature__canvas{background:#f5f5f5}.zt-signature__actions{z-index:2;position:absolute;right:0;bottom:16px;width:320px;float:right}.zt-signature__actions button{float:left;width:96px;margin-right:8px}

package/es/signature/index.js

@@ -1,283 +0,0 @@
-// Utils
-import { createNamespace } from '../utils';
-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];
-
-export default createComponent({
-  props: {
-    customClass: {
-      type: String,
-      default: ''
-    },
-    lineWidth: {
-      type: Number | String,
-      default: 2
-    },
-    strokeStyle: {
-      type: String,
-      default: '#000'
-    },
-    backgroundStyle: {
-      type: String,
-      default: '#f5f5f5'
-    },
-    imageType: {
-      type: String,
-      default: 'png'
-    },
-    resultTypes: {
-      type: String,
-      default: 'file,dataUrl'
-    },
-    unSupportTpl: {
-      type: String,
-      default: t('browserUnsupported')
-    },
-    allowPortrait: {
-      type: Boolean,
-      default: false
-    }
-  },
-  data: function data() {
-    return {
-      // currentX: 0,
-      // currentY: 0,
-      canvasHeight: 0,
-      canvasWidth: 0,
-      ctx: null,
-      isSupportTouch: 'ontouchstart' in window,
-      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;
-      container.style.height = style.height;
-      container.style.transformOrigin = style.transformOrigin;
-      this.canvasWidth = style.width;
-      this.canvasHeight = style.height;
-    },
-    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);
-        }
-      }
-    },
-    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);
-        });
-      }
-    },
-    startEventHandler: function startEventHandler(event) {
-      event.preventDefault();
-      this.ctx.beginPath();
-      this.ctx.lineWidth = this.lineWidth;
-      this.ctx.strokeStyle = this.strokeStyle;
-      this.moveEventHandler = this.moveEventHandler.bind(this), this.leaveEventHandler = this.leaveEventHandler.bind(this), this.endEventHandler = this.endEventHandler.bind(this);
-      this.$refs.canvas.addEventListener(this.events[1], this.moveEventHandler, false);
-      this.$refs.canvas.addEventListener(this.events[2], this.endEventHandler, false);
-      this.$refs.canvas.addEventListener(this.events[3], this.leaveEventHandler, false);
-    },
-    moveEventHandler: function moveEventHandler(event) {
-      event.preventDefault();
-      this.isHintHidden = true;
-      this.isCompleteButtonDisabled = false;
-      var evt = this.isSupportTouch ? event.touches[0] : event;
-      var position = getForceLandscapeEventPosition(evt, this.$refs.canvas, !this.allowPortrait);
-      this.ctx.lineTo(position.x, position.y);
-      this.ctx.stroke();
-    },
-    endEventHandler: function endEventHandler(event) {
-      event.preventDefault();
-      this.$refs.canvas.removeEventListener(this.events[1], this.moveEventHandler, false);
-      this.$refs.canvas.removeEventListener(this.events[2], this.endEventHandler, false);
-    },
-    leaveEventHandler: function leaveEventHandler(event) {
-      event.preventDefault();
-      this.$refs.canvas.removeEventListener(this.events[1], this.moveEventHandler, false);
-      this.$refs.canvas.removeEventListener(this.events[2], this.endEventHandler, false);
-    },
-    clear: function clear(event, isUnEmit) {
-      this.$refs.canvas.addEventListener(this.events[2], this.endEventHandler, false);
-      this.ctx.clearRect(0, 0, this.$refs.canvas.width, this.$refs.canvas.height);
-      this.ctx.closePath();
-      this.setupBackground();
-      this.isHintHidden = false;
-      this.isCompleteButtonDisabled = true;
-
-      if (!isUnEmit) {
-        this.$emit('clear', event);
-      }
-    },
-    confirm: function confirm(event) {
-      this.onSave(event, this.$refs.canvas);
-    },
-    cancel: function cancel(event) {
-      this.clear(null, true);
-      this.$emit('cancel', event);
-    },
-    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
-
-      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') {
-            var exportFilename = new Date().getTime() + '.png';
-            return canvas2File(canvas, exportFilename, null, "image/png");
-          } else {
-            var _exportFilename = new Date().getTime() + '.jpg';
-
-            return canvas2File(canvas, _exportFilename);
-          }
-        } else {
-          return Promise.resolve(null);
-        }
-      })).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();
-        this.addEvent();
-        setTimeout(function () {
-          _this3.setupBackground();
-        }, 50);
-      }
-    }
-  },
-  computed: {
-    isCanvasSupported: function isCanvasSupported() {
-      var elem = document.createElement('canvas');
-      return !!(elem.getContext && elem.getContext('2d'));
-    }
-  },
-  render: function render() {
-    var h = arguments[0];
-    return h("transition", {
-      "attrs": {
-        "appear": true
-      },
-      "on": {
-        "afterEnter": this.onMounted
-      }
-    }, [h("div", {
-      "class": [bem(''), this.customClass ? this.customClass : ''],
-      "ref": "container"
-    }, [h("label", {
-      "class": bem('placeholder'),
-      "directives": [{
-        name: "show",
-        value: !this.isHintHidden
-      }]
-    }, [this.isCanvasSupported ? t('hint') : this.unSupportTpl]), h("div", {
-      "class": bem('canvasWrapper'),
-      "ref": "canvasWrapper"
-    }, [h("canvas", {
-      "class": bem('canvas'),
-      "directives": [{
-        name: "show",
-        value: this.isCanvasSupported
-      }],
-      "ref": "canvas",
-      "attrs": {
-        "width": this.canvasWidth,
-        "height": this.canvasHeight
-      }
-    })]), h("div", {
-      "class": bem('actions')
-    }, [h(Button, {
-      "attrs": {
-        "plain": true,
-        "type": "warning"
-      },
-      "on": {
-        "click": this.clear
-      }
-    }, [t('reSign')]), h(Button, {
-      "attrs": {
-        "plain": true,
-        "type": "default"
-      },
-      "on": {
-        "click": this.cancel
-      }
-    }, [t('cancel')]), h(Button, {
-      "attrs": {
-        "block": true,
-        "type": "primary",
-        "disabled": this.isCompleteButtonDisabled
-      },
-      "on": {
-        "click": this.confirm
-      }
-    }, [t('complete')])])])]);
-  }
-});

package/es/signature/index.less

@@ -1,50 +0,0 @@
-@import '../style/var';
-
-.zt-signature {
-  background-color: #f5f5f5;
-  width: 100%;
-  height: 100%;
-  position: relative;
-
-  &__placeholder {
-    z-index: @signature-hint-z-index;
-    pointer-events: none;
-    position: absolute;
-    left: 0;
-    top: calc(50% - 8px);
-    font-size: 16px;
-    height: 16px;
-    width: 100%;
-    opacity: 0.1;
-    color: #000;
-    text-align: center;
-  }
-
-  &__canvasWrapper {
-    z-index: @signature-canvas-z-index;
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    background: white
-  }
-
-  &__canvas {
-    background: #f5f5f5;
-  }
-
-  &__actions {
-    z-index: @signature-actions-z-index;
-    position: absolute;
-    right: 0px;
-    bottom: 16px;
-    width: 320px;
-    float: right;
-    button {
-      float: left;
-      width: 96px;
-      margin-right: 8px;
-    }
-  }
-}

package/es/signature/point.js

@@ -1,29 +0,0 @@
-// 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/style/index.js

@@ -1,9 +0,0 @@
-import '../../style/base.css';
-import '../../overlay/index.css';
-import '../../info/index.css';
-import '../../icon/index.css';
-import '../../popup/index.css';
-import '../../loading/index.css';
-import '../../toast/index.css';
-import '../../button/index.css';
-import '../index.css';

package/es/signature/style/less.js

@@ -1,9 +0,0 @@
-import '../../style/base.less';
-import '../../overlay/index.less';
-import '../../info/index.less';
-import '../../icon/index.less';
-import '../../popup/index.less';
-import '../../loading/index.less';
-import '../../toast/index.less';
-import '../../button/index.less';
-import '../index.less';

package/es/signature/throttle.js

@@ -1,55 +0,0 @@
-/* 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 = [];
-      }
-    } else if (!timeout) {
-      timeout = window.setTimeout(later, remaining);
-    }
-
-    return result;
-  };
-}

package/es/skeleton/index.css

@@ -1 +0,0 @@
-.zt-skeleton{display:-webkit-box;display:-webkit-flex;display:flex;padding:0 16px}.zt-skeleton__avatar{-webkit-flex-shrink:0;flex-shrink:0;width:32px;height:32px;margin-right:16px;background-color:rgba(0,0,0,.1)}.zt-skeleton__avatar--round{border-radius:999px}.zt-skeleton__content{width:100%}.zt-skeleton__avatar+.zt-skeleton__content{padding-top:8px}.zt-skeleton__row,.zt-skeleton__textarea,.zt-skeleton__title{height:16px;background-color:rgba(0,0,0,.1)}.zt-skeleton__title{width:40%;margin:0}.zt-skeleton__row:not(:first-child){margin-top:12px}.zt-skeleton__textarea{margin-top:10px}.zt-skeleton__title+.zt-skeleton__row{margin-top:20px}.zt-skeleton--animate{-webkit-animation:zt-skeleton-blink 1.2s ease-in-out infinite;animation:zt-skeleton-blink 1.2s ease-in-out infinite}.zt-skeleton--round .zt-skeleton__row,.zt-skeleton--round .zt-skeleton__title{border-radius:999px}.zt-skeleton__field{width:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.zt-skeleton__field:not(:first-child){margin-top:16px}.zt-skeleton__field-title,.zt-skeleton__field-value{height:16px;background-color:rgba(0,0,0,.1)}@-webkit-keyframes zt-skeleton-blink{50%{opacity:.5}}@keyframes zt-skeleton-blink{50%{opacity:.5}}