hs-admin-ui 6.7.0 → 6.7.3

package/dist/index-CtpbT6k8.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),e=require("./index-DkQ-_r48.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;

package/dist/{index-D4t0UMfY.mjs → index-CvaGWfWQ.mjs}

@@ -1,5 +1,5 @@
 import { resolveComponent, openBlock, createElementBlock, createVNode, withCtx, normalizeStyle } from "vue";
-import { _ as _export_sfc } from "./index-CSWOgRNm.mjs";
+import { _ as _export_sfc } from "./index-GWWd6OL7.mjs";
 const _sfc_main = {};
 const _hoisted_1 = { class: "system-menu-container layout-padding" };
 function _sfc_render(_ctx, _cache) {

package/dist/index-D7Pm2I7n.mjs

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

package/dist/{index-D8UljZFI.mjs → index-DA6hTei8.mjs}

@@ -1,5 +1,5 @@
 import { ref, reactive, defineComponent, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, unref, withCtx, createTextVNode, withKeys, createBlock, createElementVNode, renderList, toDisplayString, createCommentVNode, pushScopeId, popScopeId } from "vue";
-import { e as _, d as ElMessage, H as getDataType, B as usePostMan, _ as _export_sfc } from "./index-CSWOgRNm.mjs";
+import { e as _, d as ElMessage, H as getDataType, B as usePostMan, _ as _export_sfc } from "./index-GWWd6OL7.mjs";
 const postMan = usePostMan();
 let textareaRef = ref();
 let state = reactive({

package/dist/{index-CHDkbtlB.js → index-DCTKZcNZ.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),r={};const t=require("./index-BazIm8Tg.js")._export_sfc(r,[["render",function(r,t){return e.openBlock(),e.createElementBlock("div",null,"表单属性配置")}]]);exports.default=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),r={};const t=require("./index-DkQ-_r48.js")._export_sfc(r,[["render",function(r,t){return e.openBlock(),e.createElementBlock("div",null,"表单属性配置")}]]);exports.default=t;

package/dist/{index-nU2xaHhZ.js → index-DPfLDlfZ.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),o=require("./index-BazIm8Tg.js"),t={class:"layout-footer pb15"},a=[(o=>(e.pushScopeId("data-v-51817e7c"),o=o(),e.popScopeId(),o))((()=>e.createElementVNode("div",{class:"layout-footer-warp"},[e.createElementVNode("div",null,"hs-admin "),e.createElementVNode("div",{class:"mt5"},"杭州市华速科技公司版权所有")],-1)))],d=e.defineComponent({name:"layoutFooter"}),r=e.defineComponent({...d,setup:o=>(o,d)=>(e.openBlock(),e.createElementBlock("div",t,a))}),c=o._export_sfc(r,[["__scopeId","data-v-51817e7c"]]);exports.default=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),o=require("./index-DkQ-_r48.js"),t={class:"layout-footer pb15"},a=[(o=>(e.pushScopeId("data-v-51817e7c"),o=o(),e.popScopeId(),o))((()=>e.createElementVNode("div",{class:"layout-footer-warp"},[e.createElementVNode("div",null,"hs-admin "),e.createElementVNode("div",{class:"mt5"},"杭州市华速科技公司版权所有")],-1)))],d=e.defineComponent({name:"layoutFooter"}),r=e.defineComponent({...d,setup:o=>(o,d)=>(e.openBlock(),e.createElementBlock("div",t,a))}),c=o._export_sfc(r,[["__scopeId","data-v-51817e7c"]]);exports.default=c;

package/dist/{index-D2GX8xSY.js → index-DQTW5K7-.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index.vue_vue_type_script_setup_true_name_commodityClassify_lang-D3FcrkNr.js");exports.default=e._sfc_main$1;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index.vue_vue_type_script_setup_true_name_commodityClassify_lang-B89V8SVm.js");exports.default=e._sfc_main$1;

package/dist/{index-CDGxiNoF.js → index-DUAd1ZYp.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index.vue_vue_type_script_setup_true_lang-B5x6XDT1.js");exports.default=e._sfc_main;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index.vue_vue_type_script_setup_true_lang-74Hx8MZF.js");exports.default=e._sfc_main;

package/dist/index-DZ69NBzN.mjs

@@ -0,0 +1,580 @@
+import { defineComponent, ref, onMounted, openBlock, createElementBlock, withDirectives, createElementVNode, vShow, pushScopeId, popScopeId } from "vue";
+import { a2 as useElementSize, _ as _export_sfc } from "./index-GWWd6OL7.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 BcSignature = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b482f831"]]);
+export {
+  BcSignature as default
+};