hs-admin-ui 7.2.5 → 7.2.7

package/dist/index-BxIRGeIa.mjs

@@ -1,580 +0,0 @@
-import { defineComponent, ref, onMounted, openBlock, createElementBlock, withDirectives, createElementVNode, vShow, pushScopeId, popScopeId } from "vue";
-import { a1 as useElementSize, _ as _export_sfc } from "./index-CeMuw5DQ.mjs";
-function _classCallCheck(instance, Constructor) {
-  if (!(instance instanceof Constructor)) {
-    throw new TypeError("Cannot call a class as a function");
-  }
-}
-function _defineProperties(target, props) {
-  for (var i = 0; i < props.length; i++) {
-    var descriptor = props[i];
-    descriptor.enumerable = descriptor.enumerable || false;
-    descriptor.configurable = true;
-    if ("value" in descriptor)
-      descriptor.writable = true;
-    Object.defineProperty(target, descriptor.key, descriptor);
-  }
-}
-function _createClass(Constructor, protoProps, staticProps) {
-  if (protoProps)
-    _defineProperties(Constructor.prototype, protoProps);
-  if (staticProps)
-    _defineProperties(Constructor, staticProps);
-  return Constructor;
-}
-var isMobile = /Android|iPhone|iPad|Mobile/i.test(navigator.userAgent);
-var SmoothSignature = /* @__PURE__ */ function() {
-  function SmoothSignature2(_canvas, options) {
-    var _this = this;
-    _classCallCheck(this, SmoothSignature2);
-    this.canvas = {};
-    this.ctx = {};
-    this.width = 320;
-    this.height = 200;
-    this.scale = window.devicePixelRatio || 1;
-    this.color = "black";
-    this.bgColor = "";
-    this.canDraw = false;
-    this.openSmooth = true;
-    this.minWidth = 2;
-    this.maxWidth = 6;
-    this.minSpeed = 1.5;
-    this.maxWidthDiffRate = 20;
-    this.points = [];
-    this.canAddHistory = true;
-    this.historyList = [];
-    this.maxHistoryLength = 20;
-    this.onStart = function() {
-    };
-    this.onEnd = function() {
-    };
-    this.addListener = function() {
-      _this.removeListener();
-      _this.canvas.style.touchAction = "none";
-      if (isMobile && ("ontouchstart" in window || navigator.maxTouchPoints)) {
-        _this.canvas.addEventListener("touchstart", _this.onDrawStart, {
-          passive: false
-        });
-        _this.canvas.addEventListener("touchmove", _this.onDrawMove, {
-          passive: false
-        });
-        document.addEventListener("touchcancel", _this.onDrawEnd, {
-          passive: false
-        });
-        document.addEventListener("touchend", _this.onDrawEnd, {
-          passive: false
-        });
-      } else {
-        _this.canvas.addEventListener("mousedown", _this.onDrawStart);
-        _this.canvas.addEventListener("mousemove", _this.onDrawMove);
-        document.addEventListener("mouseup", _this.onDrawEnd);
-      }
-    };
-    this.removeListener = function() {
-      _this.canvas.style.touchAction = "auto";
-      _this.canvas.removeEventListener("touchstart", _this.onDrawStart);
-      _this.canvas.removeEventListener("touchmove", _this.onDrawMove);
-      document.removeEventListener("touchend", _this.onDrawEnd);
-      document.removeEventListener("touchcancel", _this.onDrawEnd);
-      _this.canvas.removeEventListener("mousedown", _this.onDrawStart);
-      _this.canvas.removeEventListener("mousemove", _this.onDrawMove);
-      document.removeEventListener("mouseup", _this.onDrawEnd);
-    };
-    this.onDrawStart = function(e) {
-      e.preventDefault();
-      _this.canDraw = true;
-      _this.canAddHistory = true;
-      _this.ctx.strokeStyle = _this.color;
-      _this.initPoint(e);
-      _this.onStart && _this.onStart(e);
-    };
-    this.onDrawMove = function(e) {
-      e.preventDefault();
-      if (!_this.canDraw)
-        return;
-      _this.initPoint(e);
-      if (_this.points.length < 2)
-        return;
-      _this.addHistory();
-      var point = _this.points.slice(-1)[0];
-      var prePoint = _this.points.slice(-2, -1)[0];
-      if (window.requestAnimationFrame) {
-        window.requestAnimationFrame(function() {
-          return _this.onDraw(prePoint, point);
-        });
-      } else {
-        _this.onDraw(prePoint, point);
-      }
-    };
-    this.onDraw = function(prePoint, point) {
-      if (_this.openSmooth) {
-        _this.drawSmoothLine(prePoint, point);
-      } else {
-        _this.drawNoSmoothLine(prePoint, point);
-      }
-    };
-    this.onDrawEnd = function(e) {
-      if (!_this.canDraw)
-        return;
-      _this.canDraw = false;
-      _this.canAddHistory = true;
-      _this.points = [];
-      _this.onEnd && _this.onEnd(e);
-    };
-    this.getLineWidth = function(speed) {
-      var minSpeed = _this.minSpeed > 10 ? 10 : _this.minSpeed < 1 ? 1 : _this.minSpeed;
-      var addWidth = (_this.maxWidth - _this.minWidth) * speed / minSpeed;
-      var lineWidth = Math.max(_this.maxWidth - addWidth, _this.minWidth);
-      return Math.min(lineWidth, _this.maxWidth);
-    };
-    this.getRadianData = function(x1, y1, x2, y2) {
-      var dis_x = x2 - x1;
-      var dis_y = y2 - y1;
-      if (dis_x === 0) {
-        return {
-          val: 0,
-          pos: -1
-        };
-      }
-      if (dis_y === 0) {
-        return {
-          val: 0,
-          pos: 1
-        };
-      }
-      var val = Math.abs(Math.atan(dis_y / dis_x));
-      if (x2 > x1 && y2 < y1 || x2 < x1 && y2 > y1) {
-        return {
-          val,
-          pos: 1
-        };
-      }
-      return {
-        val,
-        pos: -1
-      };
-    };
-    this.getRadianPoints = function(radianData, x, y, halfLineWidth) {
-      if (radianData.val === 0) {
-        if (radianData.pos === 1) {
-          return [{
-            x,
-            y: y + halfLineWidth
-          }, {
-            x,
-            y: y - halfLineWidth
-          }];
-        }
-        return [{
-          y,
-          x: x + halfLineWidth
-        }, {
-          y,
-          x: x - halfLineWidth
-        }];
-      }
-      var dis_x = Math.sin(radianData.val) * halfLineWidth;
-      var dis_y = Math.cos(radianData.val) * halfLineWidth;
-      if (radianData.pos === 1) {
-        return [{
-          x: x + dis_x,
-          y: y + dis_y
-        }, {
-          x: x - dis_x,
-          y: y - dis_y
-        }];
-      }
-      return [{
-        x: x + dis_x,
-        y: y - dis_y
-      }, {
-        x: x - dis_x,
-        y: y + dis_y
-      }];
-    };
-    this.initPoint = function(event) {
-      var t = Date.now();
-      var prePoint = _this.points.slice(-1)[0];
-      if (prePoint && prePoint.t === t) {
-        return;
-      }
-      var rect = _this.canvas.getBoundingClientRect();
-      var e = event.touches && event.touches[0] || event;
-      var x = e.clientX - rect.left;
-      var y = e.clientY - rect.top;
-      if (prePoint && prePoint.x === x && prePoint.y === y) {
-        return;
-      }
-      var point = {
-        x,
-        y,
-        t
-      };
-      if (_this.openSmooth && prePoint) {
-        var prePoint2 = _this.points.slice(-2, -1)[0];
-        point.distance = Math.sqrt(Math.pow(point.x - prePoint.x, 2) + Math.pow(point.y - prePoint.y, 2));
-        point.speed = point.distance / (point.t - prePoint.t || 0.1);
-        point.lineWidth = _this.getLineWidth(point.speed);
-        if (prePoint2 && prePoint2.lineWidth && prePoint.lineWidth) {
-          var rate = (point.lineWidth - prePoint.lineWidth) / prePoint.lineWidth;
-          var maxRate = _this.maxWidthDiffRate / 100;
-          maxRate = maxRate > 1 ? 1 : maxRate < 0.01 ? 0.01 : maxRate;
-          if (Math.abs(rate) > maxRate) {
-            var per = rate > 0 ? maxRate : -maxRate;
-            point.lineWidth = prePoint.lineWidth * (1 + per);
-          }
-        }
-      }
-      _this.points.push(point);
-      _this.points = _this.points.slice(-3);
-    };
-    this.drawSmoothLine = function(prePoint, point) {
-      var dis_x = point.x - prePoint.x;
-      var dis_y = point.y - prePoint.y;
-      if (Math.abs(dis_x) + Math.abs(dis_y) <= _this.scale) {
-        point.lastX1 = point.lastX2 = prePoint.x + dis_x * 0.5;
-        point.lastY1 = point.lastY2 = prePoint.y + dis_y * 0.5;
-      } else {
-        point.lastX1 = prePoint.x + dis_x * 0.3;
-        point.lastY1 = prePoint.y + dis_y * 0.3;
-        point.lastX2 = prePoint.x + dis_x * 0.7;
-        point.lastY2 = prePoint.y + dis_y * 0.7;
-      }
-      point.perLineWidth = (prePoint.lineWidth + point.lineWidth) / 2;
-      if (typeof prePoint.lastX1 === "number") {
-        _this.drawCurveLine(prePoint.lastX2, prePoint.lastY2, prePoint.x, prePoint.y, point.lastX1, point.lastY1, point.perLineWidth);
-        if (prePoint.isFirstPoint)
-          return;
-        if (prePoint.lastX1 === prePoint.lastX2 && prePoint.lastY1 === prePoint.lastY2)
-          return;
-        var data = _this.getRadianData(prePoint.lastX1, prePoint.lastY1, prePoint.lastX2, prePoint.lastY2);
-        var points1 = _this.getRadianPoints(data, prePoint.lastX1, prePoint.lastY1, prePoint.perLineWidth / 2);
-        var points2 = _this.getRadianPoints(data, prePoint.lastX2, prePoint.lastY2, point.perLineWidth / 2);
-        _this.drawTrapezoid(points1[0], points2[0], points2[1], points1[1]);
-      } else {
-        point.isFirstPoint = true;
-      }
-    };
-    this.drawNoSmoothLine = function(prePoint, point) {
-      point.lastX = prePoint.x + (point.x - prePoint.x) * 0.5;
-      point.lastY = prePoint.y + (point.y - prePoint.y) * 0.5;
-      if (typeof prePoint.lastX === "number") {
-        _this.drawCurveLine(prePoint.lastX, prePoint.lastY, prePoint.x, prePoint.y, point.lastX, point.lastY, _this.maxWidth);
-      }
-    };
-    this.drawCurveLine = function(x1, y1, x2, y2, x3, y3, lineWidth) {
-      _this.ctx.lineWidth = Number(lineWidth.toFixed(1));
-      _this.ctx.beginPath();
-      _this.ctx.moveTo(Number(x1.toFixed(1)), Number(y1.toFixed(1)));
-      _this.ctx.quadraticCurveTo(Number(x2.toFixed(1)), Number(y2.toFixed(1)), Number(x3.toFixed(1)), Number(y3.toFixed(1)));
-      _this.ctx.stroke();
-    };
-    this.drawTrapezoid = function(point1, point2, point3, point4) {
-      _this.ctx.beginPath();
-      _this.ctx.moveTo(Number(point1.x.toFixed(1)), Number(point1.y.toFixed(1)));
-      _this.ctx.lineTo(Number(point2.x.toFixed(1)), Number(point2.y.toFixed(1)));
-      _this.ctx.lineTo(Number(point3.x.toFixed(1)), Number(point3.y.toFixed(1)));
-      _this.ctx.lineTo(Number(point4.x.toFixed(1)), Number(point4.y.toFixed(1)));
-      _this.ctx.fillStyle = _this.color;
-      _this.ctx.fill();
-    };
-    this.drawBgColor = function() {
-      if (!_this.bgColor)
-        return;
-      _this.ctx.fillStyle = _this.bgColor;
-      _this.ctx.fillRect(0, 0, _this.width, _this.height);
-    };
-    this.drawByImageUrl = function(url) {
-      var image = new Image();
-      image.onload = function() {
-        _this.ctx.clearRect(0, 0, _this.width, _this.height);
-        _this.ctx.drawImage(image, 0, 0, _this.width, _this.height);
-      };
-      image.crossOrigin = "anonymous";
-      image.src = url;
-    };
-    this.addHistory = function() {
-      if (!_this.maxHistoryLength || !_this.canAddHistory)
-        return;
-      _this.canAddHistory = false;
-      _this.historyList.push(_this.canvas.toDataURL());
-      _this.historyList = _this.historyList.slice(-_this.maxHistoryLength);
-    };
-    this.clear = function() {
-      _this.ctx.clearRect(0, 0, _this.width, _this.height);
-      _this.drawBgColor();
-      _this.historyList.length = 0;
-    };
-    this.undo = function() {
-      var dataUrl = _this.historyList.splice(-1)[0];
-      dataUrl && _this.drawByImageUrl(dataUrl);
-    };
-    this.toDataURL = function() {
-      var type = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "image/png";
-      var quality = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 1;
-      if (_this.canvas.width === _this.width) {
-        return _this.canvas.toDataURL(type, quality);
-      }
-      var canvas = document.createElement("canvas");
-      canvas.width = _this.width;
-      canvas.height = _this.height;
-      var ctx = canvas.getContext("2d");
-      ctx.drawImage(_this.canvas, 0, 0, canvas.width, canvas.height);
-      return canvas.toDataURL(type, quality);
-    };
-    this.getPNG = function() {
-      return _this.toDataURL();
-    };
-    this.getJPG = function() {
-      var quality = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0.8;
-      return _this.toDataURL("image/jpeg", quality);
-    };
-    this.isEmpty = function() {
-      var canvas = document.createElement("canvas");
-      var ctx = canvas.getContext("2d");
-      canvas.width = _this.canvas.width;
-      canvas.height = _this.canvas.height;
-      if (_this.bgColor) {
-        ctx.fillStyle = _this.bgColor;
-        ctx.fillRect(0, 0, canvas.width, canvas.height);
-      } else if (_this.scale !== 1) {
-        ctx.scale(_this.scale, _this.scale);
-      }
-      return canvas.toDataURL() === _this.canvas.toDataURL();
-    };
-    this.getRotateCanvas = function() {
-      var degree = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 90;
-      if (degree > 0) {
-        degree = degree > 90 ? 180 : 90;
-      } else {
-        degree = degree < -90 ? 180 : -90;
-      }
-      var canvas = document.createElement("canvas");
-      var w = _this.width;
-      var h = _this.height;
-      if (degree === 180) {
-        canvas.width = w;
-        canvas.height = h;
-      } else {
-        canvas.width = h;
-        canvas.height = w;
-      }
-      var ctx = canvas.getContext("2d");
-      ctx.rotate(degree * Math.PI / 180);
-      if (degree === 90) {
-        ctx.drawImage(_this.canvas, 0, -h, w, h);
-      } else if (degree === -90) {
-        ctx.drawImage(_this.canvas, -w, 0, w, h);
-      } else if (degree === 180) {
-        ctx.drawImage(_this.canvas, -w, -h, w, h);
-      }
-      return canvas;
-    };
-    this.init(_canvas, options);
-  }
-  _createClass(SmoothSignature2, [{
-    key: "init",
-    value: function init(canvas) {
-      var options = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-      if (!canvas)
-        return;
-      this.canvas = canvas;
-      this.ctx = canvas.getContext("2d");
-      this.width = options.width || canvas.clientWidth || this.width;
-      this.height = options.height || canvas.clientHeight || this.height;
-      this.scale = options.scale || this.scale;
-      this.color = options.color || this.color;
-      this.bgColor = options.bgColor || this.bgColor;
-      this.openSmooth = options.openSmooth === void 0 ? this.openSmooth : !!options.openSmooth;
-      this.minWidth = options.minWidth || this.minWidth;
-      this.maxWidth = options.maxWidth || this.maxWidth;
-      this.minSpeed = options.minSpeed || this.minSpeed;
-      this.maxWidthDiffRate = options.maxWidthDiffRate || this.maxWidthDiffRate;
-      this.maxHistoryLength = options.maxHistoryLength || this.maxHistoryLength;
-      this.onStart = options.onStart;
-      this.onEnd = options.onEnd;
-      if (this.scale > 0) {
-        this.canvas.height = this.height * this.scale;
-        this.canvas.width = this.width * this.scale;
-        if (this.scale !== 1) {
-          this.canvas.style.width = this.width + "px";
-          this.canvas.style.height = this.height + "px";
-          this.ctx.scale(this.scale, this.scale);
-        }
-      }
-      this.ctx.lineCap = "round";
-      this.drawBgColor();
-      this.addListener();
-    }
-  }]);
-  return SmoothSignature2;
-}();
-const _withScopeId = (n) => (pushScopeId("data-v-b482f831"), n = n(), popScopeId(), n);
-const _hoisted_1 = { class: "wrap1" };
-const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { class: "sign-title" }, "请在区域内签字", -1));
-const _hoisted_3 = { class: "wrap2" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  props: {
-    showFull: {
-      type: Boolean,
-      default: true
-    }
-  },
-  emits: ["save"],
-  setup(__props, { emit: __emit }) {
-    const signFinish = ref(null);
-    const { width: signFinishWidth, height: signFinishHeight } = useElementSize(signFinish);
-    const props = __props;
-    const showFull = ref(false);
-    const canvas2 = ref(null);
-    const canvas1 = ref(null);
-    const signature1 = ref(null);
-    const signature2 = ref(null);
-    const emit = __emit;
-    const handleFull = () => {
-      var _a, _b;
-      showFull.value = !showFull.value;
-      (_a = signature1 == null ? void 0 : signature1.value) == null ? void 0 : _a.clear();
-      (_b = signature2 == null ? void 0 : signature2.value) == null ? void 0 : _b.clear();
-    };
-    const initSignature1 = () => {
-      const canvas = canvas1.value;
-      const options = {
-        width: signFinishWidth.value - 30,
-        height: 200,
-        minWidth: 2,
-        maxWidth: 6,
-        openSmooth: false,
-        bgColor: "#f6f6f6"
-      };
-      signature1.value = new SmoothSignature(canvas, options);
-    };
-    const initSignture2 = () => {
-      const canvas = canvas2.value;
-      const options = {
-        width: signFinishWidth.value - 120,
-        height: signFinishHeight.value - 60,
-        minWidth: 3,
-        maxWidth: 10,
-        openSmooth: false,
-        bgColor: "#f6f6f6"
-      };
-      signature2.value = new SmoothSignature(canvas, options);
-    };
-    const handleClear1 = () => {
-      const sgn = signature1.value;
-      sgn.clear();
-    };
-    const handleClear2 = () => {
-      const sgn2 = signature2.value;
-      sgn2.clear();
-    };
-    const handleUndo1 = () => {
-      const sgn = signature1.value;
-      sgn.undo();
-    };
-    const handleUndo2 = () => {
-      const sgn2 = signature2.value;
-      sgn2.undo();
-    };
-    const handlePreview1 = () => {
-      const sgn = signature1.value;
-      const isEmpty = sgn.isEmpty();
-      if (isEmpty) {
-        alert("isEmpty");
-        return;
-      }
-      const pngUrl = sgn.getJPG();
-      console.log(pngUrl);
-      emit("save", pngUrl);
-    };
-    const handlePreview2 = () => {
-      const sgn2 = signature2.value;
-      const isEmpty = sgn2.isEmpty();
-      if (isEmpty) {
-        alert("isEmpty");
-        return;
-      }
-      const canvas = sgn2.getRotateCanvas(-90);
-      const pngUrl = canvas.toDataURL();
-      emit("save", pngUrl);
-    };
-    onMounted(() => {
-      showFull.value = props.showFull;
-      setTimeout(() => {
-        initSignature1();
-        initSignture2();
-      }, 100);
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: "h-full w-full sign-finish",
-        ref_key: "signFinish",
-        ref: signFinish
-      }, [
-        withDirectives(createElementVNode("div", _hoisted_1, [
-          _hoisted_2,
-          createElementVNode("canvas", {
-            class: "canvas1",
-            ref_key: "canvas1",
-            ref: canvas1
-          }, null, 512),
-          createElementVNode("div", { class: "actions" }, [
-            createElementVNode("button", {
-              class: "danger",
-              onClick: handleClear1
-            }, "清除"),
-            createElementVNode("button", {
-              class: "warning",
-              onClick: handleUndo1
-            }, "撤销"),
-            createElementVNode("button", {
-              class: "primary",
-              onClick: handleFull
-            }, "横屏"),
-            createElementVNode("button", {
-              class: "success",
-              onClick: handlePreview1
-            }, "保存")
-          ])
-        ], 512), [
-          [vShow, showFull.value]
-        ]),
-        withDirectives(createElementVNode("div", _hoisted_3, [
-          createElementVNode("div", { class: "actionsWrap" }, [
-            createElementVNode("div", { class: "actions" }, [
-              createElementVNode("button", {
-                class: "danger",
-                onClick: handleClear2
-              }, "清除"),
-              createElementVNode("button", {
-                class: "warning",
-                onClick: handleUndo2
-              }, "撤销"),
-              createElementVNode("button", {
-                class: "primary",
-                onClick: handleFull
-              }, "竖屏"),
-              createElementVNode("button", {
-                class: "success",
-                onClick: handlePreview2
-              }, "保存")
-            ])
-          ]),
-          createElementVNode("canvas", {
-            class: "canvas",
-            ref_key: "canvas2",
-            ref: canvas2
-          }, null, 512)
-        ], 512), [
-          [vShow, !showFull.value]
-        ])
-      ], 512);
-    };
-  }
-});
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b482f831"]]);
-export {
-  index as default
-};

package/dist/index-DcV8qSSN.mjs

@@ -1,4 +0,0 @@
-import { y as _sfc_main } from "./index-CeMuw5DQ.mjs";
-export {
-  _sfc_main as default
-};

package/dist/index-bTfSjkZI.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),e=require("./index-BN2lHdlZ.js");function i(t,e){for(var i=0;i<e.length;i++){var a=e[i];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,a.key,a)}}var a=/Android|iPhone|iPad|Mobile/i.test(navigator.userAgent),n=function(){function t(e,i){var n=this;!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.canvas={},this.ctx={},this.width=320,this.height=200,this.scale=window.devicePixelRatio||1,this.color="black",this.bgColor="",this.canDraw=!1,this.openSmooth=!0,this.minWidth=2,this.maxWidth=6,this.minSpeed=1.5,this.maxWidthDiffRate=20,this.points=[],this.canAddHistory=!0,this.historyList=[],this.maxHistoryLength=20,this.onStart=function(){},this.onEnd=function(){},this.addListener=function(){n.removeListener(),n.canvas.style.touchAction="none",a&&("ontouchstart"in window||navigator.maxTouchPoints)?(n.canvas.addEventListener("touchstart",n.onDrawStart,{passive:!1}),n.canvas.addEventListener("touchmove",n.onDrawMove,{passive:!1}),document.addEventListener("touchcancel",n.onDrawEnd,{passive:!1}),document.addEventListener("touchend",n.onDrawEnd,{passive:!1})):(n.canvas.addEventListener("mousedown",n.onDrawStart),n.canvas.addEventListener("mousemove",n.onDrawMove),document.addEventListener("mouseup",n.onDrawEnd))},this.removeListener=function(){n.canvas.style.touchAction="auto",n.canvas.removeEventListener("touchstart",n.onDrawStart),n.canvas.removeEventListener("touchmove",n.onDrawMove),document.removeEventListener("touchend",n.onDrawEnd),document.removeEventListener("touchcancel",n.onDrawEnd),n.canvas.removeEventListener("mousedown",n.onDrawStart),n.canvas.removeEventListener("mousemove",n.onDrawMove),document.removeEventListener("mouseup",n.onDrawEnd)},this.onDrawStart=function(t){t.preventDefault(),n.canDraw=!0,n.canAddHistory=!0,n.ctx.strokeStyle=n.color,n.initPoint(t),n.onStart&&n.onStart(t)},this.onDrawMove=function(t){if(t.preventDefault(),n.canDraw&&(n.initPoint(t),!(n.points.length<2))){n.addHistory();var e=n.points.slice(-1)[0],i=n.points.slice(-2,-1)[0];window.requestAnimationFrame?window.requestAnimationFrame((function(){return n.onDraw(i,e)})):n.onDraw(i,e)}},this.onDraw=function(t,e){n.openSmooth?n.drawSmoothLine(t,e):n.drawNoSmoothLine(t,e)},this.onDrawEnd=function(t){n.canDraw&&(n.canDraw=!1,n.canAddHistory=!0,n.points=[],n.onEnd&&n.onEnd(t))},this.getLineWidth=function(t){var e=n.minSpeed>10?10:n.minSpeed<1?1:n.minSpeed,i=(n.maxWidth-n.minWidth)*t/e,a=Math.max(n.maxWidth-i,n.minWidth);return Math.min(a,n.maxWidth)},this.getRadianData=function(t,e,i,a){var n=i-t,o=a-e;if(0===n)return{val:0,pos:-1};if(0===o)return{val:0,pos:1};var s=Math.abs(Math.atan(o/n));return i>t&&a<e||i<t&&a>e?{val:s,pos:1}:{val:s,pos:-1}},this.getRadianPoints=function(t,e,i,a){if(0===t.val)return 1===t.pos?[{x:e,y:i+a},{x:e,y:i-a}]:[{y:i,x:e+a},{y:i,x:e-a}];var n=Math.sin(t.val)*a,o=Math.cos(t.val)*a;return 1===t.pos?[{x:e+n,y:i+o},{x:e-n,y:i-o}]:[{x:e+n,y:i-o},{x:e-n,y:i+o}]},this.initPoint=function(t){var e=Date.now(),i=n.points.slice(-1)[0];if(!i||i.t!==e){var a=n.canvas.getBoundingClientRect(),o=t.touches&&t.touches[0]||t,s=o.clientX-a.left,r=o.clientY-a.top;if(!i||i.x!==s||i.y!==r){var h={x:s,y:r,t:e};if(n.openSmooth&&i){var l=n.points.slice(-2,-1)[0];if(h.distance=Math.sqrt(Math.pow(h.x-i.x,2)+Math.pow(h.y-i.y,2)),h.speed=h.distance/(h.t-i.t||.1),h.lineWidth=n.getLineWidth(h.speed),l&&l.lineWidth&&i.lineWidth){var c=(h.lineWidth-i.lineWidth)/i.lineWidth,d=n.maxWidthDiffRate/100;if(d=d>1?1:d<.01?.01:d,Math.abs(c)>d){var u=c>0?d:-d;h.lineWidth=i.lineWidth*(1+u)}}}n.points.push(h),n.points=n.points.slice(-3)}}},this.drawSmoothLine=function(t,e){var i=e.x-t.x,a=e.y-t.y;if(Math.abs(i)+Math.abs(a)<=n.scale?(e.lastX1=e.lastX2=t.x+.5*i,e.lastY1=e.lastY2=t.y+.5*a):(e.lastX1=t.x+.3*i,e.lastY1=t.y+.3*a,e.lastX2=t.x+.7*i,e.lastY2=t.y+.7*a),e.perLineWidth=(t.lineWidth+e.lineWidth)/2,"number"==typeof t.lastX1){if(n.drawCurveLine(t.lastX2,t.lastY2,t.x,t.y,e.lastX1,e.lastY1,e.perLineWidth),t.isFirstPoint)return;if(t.lastX1===t.lastX2&&t.lastY1===t.lastY2)return;var o=n.getRadianData(t.lastX1,t.lastY1,t.lastX2,t.lastY2),s=n.getRadianPoints(o,t.lastX1,t.lastY1,t.perLineWidth/2),r=n.getRadianPoints(o,t.lastX2,t.lastY2,e.perLineWidth/2);n.drawTrapezoid(s[0],r[0],r[1],s[1])}else e.isFirstPoint=!0},this.drawNoSmoothLine=function(t,e){e.lastX=t.x+.5*(e.x-t.x),e.lastY=t.y+.5*(e.y-t.y),"number"==typeof t.lastX&&n.drawCurveLine(t.lastX,t.lastY,t.x,t.y,e.lastX,e.lastY,n.maxWidth)},this.drawCurveLine=function(t,e,i,a,o,s,r){n.ctx.lineWidth=Number(r.toFixed(1)),n.ctx.beginPath(),n.ctx.moveTo(Number(t.toFixed(1)),Number(e.toFixed(1))),n.ctx.quadraticCurveTo(Number(i.toFixed(1)),Number(a.toFixed(1)),Number(o.toFixed(1)),Number(s.toFixed(1))),n.ctx.stroke()},this.drawTrapezoid=function(t,e,i,a){n.ctx.beginPath(),n.ctx.moveTo(Number(t.x.toFixed(1)),Number(t.y.toFixed(1))),n.ctx.lineTo(Number(e.x.toFixed(1)),Number(e.y.toFixed(1))),n.ctx.lineTo(Number(i.x.toFixed(1)),Number(i.y.toFixed(1))),n.ctx.lineTo(Number(a.x.toFixed(1)),Number(a.y.toFixed(1))),n.ctx.fillStyle=n.color,n.ctx.fill()},this.drawBgColor=function(){n.bgColor&&(n.ctx.fillStyle=n.bgColor,n.ctx.fillRect(0,0,n.width,n.height))},this.drawByImageUrl=function(t){var e=new Image;e.onload=function(){n.ctx.clearRect(0,0,n.width,n.height),n.ctx.drawImage(e,0,0,n.width,n.height)},e.crossOrigin="anonymous",e.src=t},this.addHistory=function(){n.maxHistoryLength&&n.canAddHistory&&(n.canAddHistory=!1,n.historyList.push(n.canvas.toDataURL()),n.historyList=n.historyList.slice(-n.maxHistoryLength))},this.clear=function(){n.ctx.clearRect(0,0,n.width,n.height),n.drawBgColor(),n.historyList.length=0},this.undo=function(){var t=n.historyList.splice(-1)[0];t&&n.drawByImageUrl(t)},this.toDataURL=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"image/png",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;if(n.canvas.width===n.width)return n.canvas.toDataURL(t,e);var i=document.createElement("canvas");return i.width=n.width,i.height=n.height,i.getContext("2d").drawImage(n.canvas,0,0,i.width,i.height),i.toDataURL(t,e)},this.getPNG=function(){return n.toDataURL()},this.getJPG=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:.8;return n.toDataURL("image/jpeg",t)},this.isEmpty=function(){var t=document.createElement("canvas"),e=t.getContext("2d");return t.width=n.canvas.width,t.height=n.canvas.height,n.bgColor?(e.fillStyle=n.bgColor,e.fillRect(0,0,t.width,t.height)):1!==n.scale&&e.scale(n.scale,n.scale),t.toDataURL()===n.canvas.toDataURL()},this.getRotateCanvas=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:90;t=t>0?t>90?180:90:t<-90?180:-90;var e=document.createElement("canvas"),i=n.width,a=n.height;180===t?(e.width=i,e.height=a):(e.width=a,e.height=i);var o=e.getContext("2d");return o.rotate(t*Math.PI/180),90===t?o.drawImage(n.canvas,0,-a,i,a):-90===t?o.drawImage(n.canvas,-i,0,i,a):180===t&&o.drawImage(n.canvas,-i,-a,i,a),e},this.init(e,i)}var e,n,o;return e=t,n=[{key:"init",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};t&&(this.canvas=t,this.ctx=t.getContext("2d"),this.width=e.width||t.clientWidth||this.width,this.height=e.height||t.clientHeight||this.height,this.scale=e.scale||this.scale,this.color=e.color||this.color,this.bgColor=e.bgColor||this.bgColor,this.openSmooth=void 0===e.openSmooth?this.openSmooth:!!e.openSmooth,this.minWidth=e.minWidth||this.minWidth,this.maxWidth=e.maxWidth||this.maxWidth,this.minSpeed=e.minSpeed||this.minSpeed,this.maxWidthDiffRate=e.maxWidthDiffRate||this.maxWidthDiffRate,this.maxHistoryLength=e.maxHistoryLength||this.maxHistoryLength,this.onStart=e.onStart,this.onEnd=e.onEnd,this.scale>0&&(this.canvas.height=this.height*this.scale,this.canvas.width=this.width*this.scale,1!==this.scale&&(this.canvas.style.width=this.width+"px",this.canvas.style.height=this.height+"px",this.ctx.scale(this.scale,this.scale))),this.ctx.lineCap="round",this.drawBgColor(),this.addListener())}}],n&&i(e.prototype,n),o&&i(e,o),t}();const o={class:"wrap1"},s=(e=>(t.pushScopeId("data-v-b482f831"),e=e(),t.popScopeId(),e))((()=>t.createElementVNode("span",{class:"sign-title"},"请在区域内签字",-1))),r={class:"wrap2"},h=t.defineComponent({__name:"index",props:{showFull:{type:Boolean,default:!0}},emits:["save"],setup(i,{emit:a}){const h=t.ref(null),{width:l,height:c}=e.useElementSize(h),d=i,u=t.ref(!1),v=t.ref(null),m=t.ref(null),f=t.ref(null),w=t.ref(null),g=a,x=()=>{var t,e;u.value=!u.value,null==(t=null==f?void 0:f.value)||t.clear(),null==(e=null==w?void 0:w.value)||e.clear()},p=()=>{f.value.clear()},y=()=>{w.value.clear()},E=()=>{f.value.undo()},b=()=>{w.value.undo()},L=()=>{const t=f.value;if(t.isEmpty())return void alert("isEmpty");const e=t.getJPG();g("save",e)},D=()=>{const t=w.value;if(t.isEmpty())return void alert("isEmpty");const e=t.getRotateCanvas(-90).toDataURL();g("save",e)};return t.onMounted((()=>{u.value=d.showFull,setTimeout((()=>{(()=>{const t=m.value,e={width:l.value-30,height:200,minWidth:2,maxWidth:6,openSmooth:!1,bgColor:"#f6f6f6"};f.value=new n(t,e)})(),(()=>{const t=v.value,e={width:l.value-120,height:c.value-60,minWidth:3,maxWidth:10,openSmooth:!1,bgColor:"#f6f6f6"};w.value=new n(t,e)})()}),100)})),(e,i)=>(t.openBlock(),t.createElementBlock("div",{class:"h-full w-full sign-finish",ref_key:"signFinish",ref:h},[t.withDirectives(t.createElementVNode("div",o,[s,t.createElementVNode("canvas",{class:"canvas1",ref_key:"canvas1",ref:m},null,512),t.createElementVNode("div",{class:"actions"},[t.createElementVNode("button",{class:"danger",onClick:p},"清除"),t.createElementVNode("button",{class:"warning",onClick:E},"撤销"),t.createElementVNode("button",{class:"primary",onClick:x},"横屏"),t.createElementVNode("button",{class:"success",onClick:L},"保存")])],512),[[t.vShow,u.value]]),t.withDirectives(t.createElementVNode("div",r,[t.createElementVNode("div",{class:"actionsWrap"},[t.createElementVNode("div",{class:"actions"},[t.createElementVNode("button",{class:"danger",onClick:y},"清除"),t.createElementVNode("button",{class:"warning",onClick:b},"撤销"),t.createElementVNode("button",{class:"primary",onClick:x},"竖屏"),t.createElementVNode("button",{class:"success",onClick:D},"保存")])]),t.createElementVNode("canvas",{class:"canvas",ref_key:"canvas2",ref:v},null,512)],512),[[t.vShow,!u.value]])],512))}}),l=e._export_sfc(h,[["__scopeId","data-v-b482f831"]]);exports.default=l;