@web-utils/component 2.7.20 → 2.7.22

package/dist/components/search-popover/index.js

@@ -1,83 +1,99 @@
+var __async = (__this, __arguments, generator) => new Promise((resolve, reject) => {
+  var fulfilled = (value) => {
+    try {
+      step(generator.next(value));
+    } catch (e) {
+      reject(e);
+    }
+  }, rejected = (value) => {
+    try {
+      step(generator.throw(value));
+    } catch (e) {
+      reject(e);
+    }
+  }, step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+  step((generator = generator.apply(__this, __arguments)).next());
+});
 import { copy, isInContainer } from "@web-utils/core";
 import ClickOutside from "element-ui/lib/utils/clickoutside";
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
 var render = function() {
-  var t = this, r = t.$createElement, e = t._self._c || r;
-  return e("div", {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("div", {
     directives: [{
       name: "show",
       rawName: "v-show",
-      value: t.showPopover,
+      value: _vm.showPopover,
       expression: "showPopover"
     }, {
       name: "click-outside",
       rawName: "v-click-outside",
-      value: t.hidePopover,
+      value: _vm.hidePopover,
       expression: "hidePopover"
     }],
     staticClass: "search-popover"
-  }, [e("div", {
+  }, [_c("div", {
     staticStyle: {
       padding: "10px"
     }
-  }, [e("input", {
+  }, [_c("input", {
     directives: [{
       name: "model",
       rawName: "v-model",
-      value: t.keyword,
+      value: _vm.keyword,
       expression: "keyword"
     }],
     ref: "searchInput",
     staticClass: "search-input",
     attrs: {
-      placeholder: t.currentItem ? t.currentItem.name : "输入关键字搜索 ..."
+      placeholder: _vm.currentItem ? _vm.currentItem.name : "输入关键字搜索 ..."
     },
     domProps: {
-      value: t.keyword
+      value: _vm.keyword
     },
     on: {
-      input: function(s) {
-        s.target.composing || (t.keyword = s.target.value);
+      input: function($event) {
+        $event.target.composing || (_vm.keyword = $event.target.value);
       }
     }
-  })]), e("ul", {
+  })]), _c("ul", {
     ref: "ul",
     staticStyle: {
       "list-style-type": "none",
       flex: "1",
       overflow: "auto"
     }
-  }, [t.filterList.length ? t._l(t.filterList, function(s, o) {
-    return e("li", {
-      key: s.name + o,
+  }, [_vm.filterList.length ? _vm._l(_vm.filterList, function(item, index) {
+    return _c("li", {
+      key: item.name + index,
       staticClass: "search-li",
       attrs: {
-        id: `item-${o}`
+        id: `item-${index}`
       },
       on: {
-        mousemove: function(i) {
-          return t.mouseHoverItem(s, o);
+        mousemove: function($event) {
+          return _vm.mouseHoverItem(item, index);
         }
       }
-    }, [e("a", {
+    }, [_c("a", {
       class: ["search-item", {
-        active: t.currentIndex === o
+        active: _vm.currentIndex === index
       }],
       attrs: {
-        target: s.url ? "_blank" : "",
+        target: item.url ? "_blank" : "",
         rel: "noopener noreferrer",
-        href: s.url ? s.url : "javascript:void(0)"
+        href: item.url ? item.url : "javascript:void(0)"
       },
       on: {
-        click: function(i) {
-          return t.onItemClick(s);
+        click: function($event) {
+          return _vm.onItemClick(item);
         }
       }
-    }, [e("div", {
+    }, [_c("div", {
       staticClass: "search-icon"
-    }, [e("i", {
-      class: s.icon || "el-icon-menu"
-    })]), e("div", {
+    }, [_c("i", {
+      class: item.icon || "el-icon-menu"
+    })]), _c("div", {
       staticStyle: {
         flex: "1",
         "text-align": "left",
@@ -85,23 +101,23 @@ var render = function() {
         "overflow-x": "hidden",
         "box-sizing": "border-box"
       }
-    }, [e("p", {
+    }, [_c("p", {
       staticStyle: {
         "margin-bottom": "4px",
         "font-size": "16px"
       }
-    }, [t._v(t._s(s.name))]), e("p", {
+    }, [_vm._v(_vm._s(item.name))]), _c("p", {
       staticClass: "url"
-    }, [t._v(t._s(s.url || s.path))])]), e("div", {
+    }, [_vm._v(_vm._s(item.url || item.path))])]), _c("div", {
       staticClass: "search-icon search-action"
-    }, [e("svg", {
+    }, [_c("svg", {
       staticClass: "action",
       attrs: {
         width: "20",
         height: "20",
         viewBox: "0 0 20 20"
       }
-    }, [e("g", {
+    }, [_c("g", {
       attrs: {
         stroke: "currentColor",
         fill: "none",
@@ -109,32 +125,32 @@ var render = function() {
         "stroke-linecap": "round",
         "stroke-linejoin": "round"
       }
-    }, [e("path", {
+    }, [_c("path", {
       attrs: {
         d: "M18 3v4c0 2-2 4-4 4H2"
       }
-    }), e("path", {
+    }), _c("path", {
       attrs: {
         d: "M8 17l-6-6 6-6"
       }
     })])])])])]);
-  }) : t.evalResult !== "" ? e("li", {
+  }) : _vm.evalResult !== "" ? _c("li", {
     staticClass: "search-li",
     on: {
-      click: t.copyEvalResult,
-      mousemove: function(s) {
-        return t.mouseHoverItem({}, -1);
+      click: _vm.copyEvalResult,
+      mousemove: function($event) {
+        return _vm.mouseHoverItem({}, -1);
       }
     }
-  }, [e("a", {
+  }, [_c("a", {
     class: ["search-item", {
-      active: t.currentIndex === -1
+      active: _vm.currentIndex === -1
     }],
     attrs: {
       rel: "noopener noreferrer",
       href: "javascript:void(0)"
     }
-  }, [t._m(0), e("div", {
+  }, [_vm._m(0), _c("div", {
     staticStyle: {
       flex: "1",
       "text-align": "left",
@@ -142,23 +158,23 @@ var render = function() {
       "overflow-x": "hidden",
       "box-sizing": "border-box"
     }
-  }, [e("p", {
+  }, [_c("p", {
     staticStyle: {
       "margin-bottom": "4px",
       "font-size": "16px"
     }
-  }, [t._v("Result: " + t._s(t.evalResult))]), e("p", {
+  }, [_vm._v("Result: " + _vm._s(_vm.evalResult))]), _c("p", {
     staticClass: "url"
-  }, [t._v("点击或这按 Enter 键复制")])]), e("div", {
+  }, [_vm._v("点击或这按 Enter 键复制")])]), _c("div", {
     staticClass: "search-icon search-action"
-  }, [e("svg", {
+  }, [_c("svg", {
     staticClass: "action",
     attrs: {
       width: "20",
       height: "20",
       viewBox: "0 0 20 20"
     }
-  }, [e("g", {
+  }, [_c("g", {
     attrs: {
       stroke: "currentColor",
       fill: "none",
@@ -166,15 +182,15 @@ var render = function() {
       "stroke-linecap": "round",
       "stroke-linejoin": "round"
     }
-  }, [e("path", {
+  }, [_c("path", {
     attrs: {
       d: "M18 3v4c0 2-2 4-4 4H2"
     }
-  }), e("path", {
+  }), _c("path", {
     attrs: {
       d: "M8 17l-6-6 6-6"
     }
-  })])])])])]) : e("li", {
+  })])])])])]) : _c("li", {
     staticStyle: {
       height: "100%",
       display: "flex",
@@ -182,16 +198,16 @@ var render = function() {
       "justify-content": "center",
       color: "#808080"
     }
-  }, [t._v(" Sorry,no result ! ")])], 2), e("div", {
+  }, [_vm._v(" Sorry,no result ! ")])], 2), _c("div", {
     staticClass: "footer-tips"
-  }, [e("span", {
+  }, [_c("span", {
     staticClass: "keyboard-key"
-  }, [e("svg", {
+  }, [_c("svg", {
     attrs: {
       width: "15",
       height: "15"
     }
-  }, [e("g", {
+  }, [_c("g", {
     attrs: {
       fill: "none",
       stroke: "currentColor",
@@ -199,23 +215,23 @@ var render = function() {
       "stroke-linejoin": "round",
       "stroke-width": "1.2"
     }
-  }, [e("path", {
+  }, [_c("path", {
     attrs: {
       d: "M12 3.53088v3c0 1-1 2-2 2H4M7 11.53088l-3-3 3-3"
     }
-  })])])]), e("span", {
+  })])])]), _c("span", {
     staticStyle: {
       "font-size": "12px",
       "margin-right": "20px"
     }
-  }, [t._v("选择")]), e("span", {
+  }, [_vm._v("选择")]), _c("span", {
     staticClass: "keyboard-key"
-  }, [e("svg", {
+  }, [_c("svg", {
     attrs: {
       width: "15",
       height: "15"
     }
-  }, [e("g", {
+  }, [_c("g", {
     attrs: {
       fill: "none",
       stroke: "currentColor",
@@ -223,18 +239,18 @@ var render = function() {
       "stroke-linejoin": "round",
       "stroke-width": "1.2"
     }
-  }, [e("path", {
+  }, [_c("path", {
     attrs: {
       d: "M7.5 3.5v8M10.5 8.5l-3 3-3-3"
     }
-  })])])]), e("span", {
+  })])])]), _c("span", {
     staticClass: "keyboard-key"
-  }, [e("svg", {
+  }, [_c("svg", {
     attrs: {
       width: "15",
       height: "15"
     }
-  }, [e("g", {
+  }, [_c("g", {
     attrs: {
       fill: "none",
       stroke: "currentColor",
@@ -242,23 +258,23 @@ var render = function() {
       "stroke-linejoin": "round",
       "stroke-width": "1.2"
     }
-  }, [e("path", {
+  }, [_c("path", {
     attrs: {
       d: "M7.5 11.5v-8M10.5 6.5l-3-3-3 3"
     }
-  })])])]), e("span", {
+  })])])]), _c("span", {
     staticStyle: {
       "font-size": "12px",
       "margin-right": "20px"
     }
-  }, [t._v("切换")]), e("span", {
+  }, [_vm._v("切换")]), _c("span", {
     staticClass: "keyboard-key"
-  }, [e("svg", {
+  }, [_c("svg", {
     attrs: {
       width: "15",
       height: "15"
     }
-  }, [e("g", {
+  }, [_c("g", {
     attrs: {
       fill: "none",
       stroke: "currentColor",
@@ -266,20 +282,20 @@ var render = function() {
       "stroke-linejoin": "round",
       "stroke-width": "1.2"
     }
-  }, [e("path", {
+  }, [_c("path", {
     attrs: {
       d: "M13.6167 8.936c-.1065.3583-.6883.962-1.4875.962-.7993 0-1.653-.9165-1.653-2.1258v-.5678c0-1.2548.7896-2.1016 1.653-2.1016.8634 0 1.3601.4778 1.4875 1.0724M9 6c-.1352-.4735-.7506-.9219-1.46-.8972-.7092.0246-1.344.57-1.344 1.2166s.4198.8812 1.3445.9805C8.465 7.3992 8.968 7.9337 9 8.5c.032.5663-.454 1.398-1.4595 1.398C6.6593 9.898 6 9 5.963 8.4851m-1.4748.5368c-.2635.5941-.8099.876-1.5443.876s-1.7073-.6248-1.7073-2.204v-.4603c0-1.0416.721-2.131 1.7073-2.131.9864 0 1.6425 1.031 1.5443 2.2492h-2.956"
     }
-  })])])]), e("span", {
+  })])])]), _c("span", {
     staticStyle: {
       "font-size": "12px"
     }
-  }, [t._v("关闭")])])]);
+  }, [_vm._v("关闭")])])]);
 }, staticRenderFns = [function() {
-  var t = this, r = t.$createElement, e = t._self._c || r;
-  return e("div", {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("div", {
     staticClass: "search-icon"
-  }, [e("i", {
+  }, [_c("i", {
     staticClass: "fa fa-table"
   })]);
 }];
@@ -304,16 +320,16 @@ const SearchPopover_vue_vue_type_style_index_0_lang = "", __vue2_script = {
   },
   computed: {
     filterList() {
-      return this.services.filter((t) => t.name.indexOf(this.keyword) > -1);
+      return this.services.filter((value) => value.name.indexOf(this.keyword) > -1);
     },
     currentItem() {
-      var t;
-      return (t = this.filterList) == null ? void 0 : t[this.currentIndex];
+      var _a;
+      return (_a = this.filterList) == null ? void 0 : _a[this.currentIndex];
     },
     evalResult() {
       try {
         return eval(this.keyword);
-      } catch (t) {
+      } catch (e) {
         return "";
       }
     }
@@ -322,8 +338,8 @@ const SearchPopover_vue_vue_type_style_index_0_lang = "", __vue2_script = {
     keyword() {
       this.currentIndex = 0, !this.currentItem && this.currentIndex !== -1 && (this.currentIndex = -1);
     },
-    showPopover(t) {
-      t ? document.body.style.overflow = "hidden" : document.body.style.overflow = "";
+    showPopover(newVal) {
+      newVal ? document.body.style.overflow = "hidden" : document.body.style.overflow = "";
     }
   },
   mounted() {
@@ -333,8 +349,10 @@ const SearchPopover_vue_vue_type_style_index_0_lang = "", __vue2_script = {
     window.removeEventListener("keydown", this.keydown);
   },
   methods: {
-    async onItemClick(t) {
-      t.path && (this.hidePopover(), await this.$router.push(t.path));
+    onItemClick(item) {
+      return __async(this, null, function* () {
+        item.path && (this.hidePopover(), yield this.$router.push(item.path));
+      });
     },
     copyEvalResult() {
       return copy(this.evalResult);
@@ -345,27 +363,29 @@ const SearchPopover_vue_vue_type_style_index_0_lang = "", __vue2_script = {
     displayPopover() {
       this.showPopover = !0;
     },
-    mouseHoverItem(t, r) {
-      this.currentIndex = r;
+    mouseHoverItem(item, index) {
+      this.currentIndex = index;
     },
-    async keydown(t) {
-      if (t.key === "Shift") {
-        const r = Date.now() - this.last;
-        r > 0 && r < 500 ? (this.showPopover = !0, await this.$nextTick(), this.$refs.searchInput.focus()) : this.last = Date.now();
-      }
-      this.showPopover === !0 && (t.key === "Escape" && this.hidePopover(), t.key === "Enter" && (this.currentItem ? this.currentItem.url ? (window.open(this.currentItem.url, "_blank"), this.hidePopover()) : this.currentItem.path && await this.onItemClick(this.currentItem) : this.copyEvalResult()), t.key === "ArrowUp" && (this.currentIndex--, this.currentIndex < 0 && (this.currentIndex = this.filterList.length - 1), this.scrollIntoView(this.currentIndex)), t.key === "ArrowDown" && (this.currentIndex++, this.currentIndex >= this.filterList.length && (this.currentIndex = 0), this.scrollIntoView(this.currentIndex)));
+    keydown(event) {
+      return __async(this, null, function* () {
+        if (event.key === "Shift") {
+          const cost = Date.now() - this.last;
+          cost > 0 && cost < 500 ? (this.showPopover = !0, yield this.$nextTick(), this.$refs.searchInput.focus()) : this.last = Date.now();
+        }
+        this.showPopover === !0 && (event.key === "Escape" && this.hidePopover(), event.key === "Enter" && (this.currentItem ? this.currentItem.url ? (window.open(this.currentItem.url, "_blank"), this.hidePopover()) : this.currentItem.path && (yield this.onItemClick(this.currentItem)) : this.copyEvalResult()), event.key === "ArrowUp" && (this.currentIndex--, this.currentIndex < 0 && (this.currentIndex = this.filterList.length - 1), this.scrollIntoView(this.currentIndex)), event.key === "ArrowDown" && (this.currentIndex++, this.currentIndex >= this.filterList.length && (this.currentIndex = 0), this.scrollIntoView(this.currentIndex)));
+      });
     },
-    scrollIntoView(t) {
-      if (t === 0) {
+    scrollIntoView(index) {
+      if (index === 0) {
         this.$refs.ul.scrollTop = 0;
         return;
       }
-      if (t === this.filterList.length) {
+      if (index === this.filterList.length) {
         this.$refs.ul.scrollTop = this.$refs.ul.scrollHeight;
         return;
       }
-      const r = this.$refs.ul.querySelector(`#item-${t}`);
-      isInContainer(r, this.$refs.ul, { topOffset: -78, bottomOffset: 78 }) || (this.$refs.ul.scrollTop = r.offsetTop - r.clientHeight + 20);
+      const item = this.$refs.ul.querySelector(`#item-${index}`);
+      isInContainer(item, this.$refs.ul, { topOffset: -78, bottomOffset: 78 }) || (this.$refs.ul.scrollTop = item.offsetTop - item.clientHeight + 20);
     }
   }
 }, __cssModules = {};
@@ -379,9 +399,9 @@ var __component__ = /* @__PURE__ */ normalizeComponent(
   null,
   null
 );
-function __vue2_injectStyles(t) {
-  for (let r in __cssModules)
-    this[r] = __cssModules[r];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
 const SearchPopover = /* @__PURE__ */ function() {
   return __component__.exports;

package/dist/components/sign/index.js

@@ -1,29 +1,29 @@
-import { s as g } from "../../chunks/util.23fe58fb.js";
-import { n as m } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-var x = function() {
-  var t = this, n = t.$createElement, s = t._self._c || n;
-  return s("div", {
+import { s as setPx } from "../../chunks/util.89913643.js";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
+var render = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("div", {
     staticClass: "avue-sige"
-  }, [s("canvas", {
+  }, [_c("canvas", {
     ref: "canvas",
     staticClass: "avue-sige__canvas",
     attrs: {
-      width: t.width,
-      height: t.height
+      width: _vm.width,
+      height: _vm.height
     }
   })]);
-}, _ = [];
-function y(t, n, s, h, e, o) {
-  t.save(), t.fillStyle = e, t.translate(n, s), t.rotate(Math.PI + o), t.beginPath();
-  var a = Math.sin(0), d = Math.cos(0);
-  const f = Math.PI / 5 * 4;
-  for (let r = 0; r < 5; r++) {
-    var a = Math.sin(r * f), d = Math.cos(r * f);
-    t.lineTo(a * h, d * h);
+}, staticRenderFns = [];
+function create5star(context, sx, sy, radius, color, rotato) {
+  context.save(), context.fillStyle = color, context.translate(sx, sy), context.rotate(Math.PI + rotato), context.beginPath();
+  var x = Math.sin(0), y = Math.cos(0);
+  const dig = Math.PI / 5 * 4;
+  for (let i = 0; i < 5; i++) {
+    var x = Math.sin(i * dig), y = Math.cos(i * dig);
+    context.lineTo(x * radius, y * radius);
   }
-  t.closePath(), t.stroke(), t.fill(), t.restore();
+  context.closePath(), context.stroke(), context.fill(), context.restore();
 }
-const M = {
+const __vue2_script = {
   name: "Sign",
   props: {
     width: {
@@ -48,8 +48,8 @@ const M = {
   computed: {
     styleName() {
       return {
-        width: g(this.width),
-        height: g(this.height)
+        width: setPx(this.width),
+        height: setPx(this.height)
       };
     }
   },
@@ -57,77 +57,77 @@ const M = {
     this.init();
   },
   methods: {
-    getStar(t, n, s) {
-      const h = this.canvas, e = this.context, o = h.width / 2, a = h.height / 2;
-      e.lineWidth = 7, e.strokeStyle = "#f00", e.beginPath(), e.arc(o, a, 110, 0, Math.PI * 2), e.stroke(), y(e, o, a, 20, "#f00", 0), e.font = "18px 黑体", e.textBaseline = "middle", e.textAlign = "center", e.lineWidth = 1, e.strokeStyle = "#f00", e.strokeText(t, o, a + 50), e.font = "14px 黑体", e.textBaseline = "middle", e.textAlign = "center", e.lineWidth = 1, e.strokeStyle = "#f00", e.strokeText(s, o, a + 80), e.translate(o, a), e.font = "22px 黑体";
-      const d = n.length, f = 4 * Math.PI / (3 * (d - 1)), r = n.split("");
-      let l;
-      for (let i = 0; i < d; i++)
-        l = r[i], i == 0 ? e.rotate(5 * Math.PI / 6) : e.rotate(f), e.save(), e.translate(90, 0), e.rotate(Math.PI / 2), e.strokeText(l, 0, 0), e.restore(), e.save();
+    getStar(text, text1, text2) {
+      const canvas = this.canvas, context = this.context, width = canvas.width / 2, height = canvas.height / 2;
+      context.lineWidth = 7, context.strokeStyle = "#f00", context.beginPath(), context.arc(width, height, 110, 0, Math.PI * 2), context.stroke(), create5star(context, width, height, 20, "#f00", 0), context.font = "18px 黑体", context.textBaseline = "middle", context.textAlign = "center", context.lineWidth = 1, context.strokeStyle = "#f00", context.strokeText(text, width, height + 50), context.font = "14px 黑体", context.textBaseline = "middle", context.textAlign = "center", context.lineWidth = 1, context.strokeStyle = "#f00", context.strokeText(text2, width, height + 80), context.translate(width, height), context.font = "22px 黑体";
+      const count = text1.length, angle = 4 * Math.PI / (3 * (count - 1)), chars = text1.split("");
+      let c;
+      for (let i = 0; i < count; i++)
+        c = chars[i], i == 0 ? context.rotate(5 * Math.PI / 6) : context.rotate(angle), context.save(), context.translate(90, 0), context.rotate(Math.PI / 2), context.strokeText(c, 0, 0), context.restore(), context.save();
       this.disabled = !0;
     },
-    submit(t, n) {
-      return t || (t = this.width), n || (n = this.height), this.canvas.toDataURL("i/png");
+    submit(width, height) {
+      return width || (width = this.width), height || (height = this.height), this.canvas.toDataURL("i/png");
     },
     clear() {
       this.linex = [], this.liney = [], this.linen = [], this.disabled = !1;
     },
     init() {
       this.canvas = this.$refs.canvas;
-      const t = this.canvas, n = this;
-      typeof document.ontouchstart < "u" ? (t.addEventListener("touchmove", d, !1), t.addEventListener("touchstart", f, !1), t.addEventListener("touchend", r, !1)) : (t.addEventListener("mousemove", d, !1), t.addEventListener("mousedown", f, !1), t.addEventListener("mouseup", r, !1), t.addEventListener("mouseleave", r, !1)), this.context = t.getContext("2d");
-      const s = this.context;
+      const canvas = this.canvas, _safe = this;
+      typeof document.ontouchstart != "undefined" ? (canvas.addEventListener("touchmove", onMouseMove, !1), canvas.addEventListener("touchstart", onMouseDown, !1), canvas.addEventListener("touchend", onMouseUp, !1)) : (canvas.addEventListener("mousemove", onMouseMove, !1), canvas.addEventListener("mousedown", onMouseDown, !1), canvas.addEventListener("mouseup", onMouseUp, !1), canvas.addEventListener("mouseleave", onMouseUp, !1)), this.context = canvas.getContext("2d");
+      const context = this.context;
       this.linex = [], this.liney = [], this.linen = [];
-      let h = 1, e = 30, o = 0;
-      function a(l, i) {
-        const u = l.getBoundingClientRect();
-        let c, v;
-        return i.targetTouches ? (c = i.targetTouches[0].clientX, v = i.targetTouches[0].clientY) : (c = i.clientX, v = i.clientY), {
-          x: (c - u.left) * (l.width / u.width),
-          y: (v - u.top) * (l.height / u.height)
+      let lastX = 1, lastY = 30, flag = 0;
+      function getCanvasPos(canvas2, evt) {
+        const rect = canvas2.getBoundingClientRect();
+        let x, y;
+        return evt.targetTouches ? (x = evt.targetTouches[0].clientX, y = evt.targetTouches[0].clientY) : (x = evt.clientX, y = evt.clientY), {
+          x: (x - rect.left) * (canvas2.width / rect.width),
+          y: (y - rect.top) * (canvas2.height / rect.height)
         };
       }
-      function d(l) {
-        if (n.disabled)
+      function onMouseMove(evt) {
+        if (_safe.disabled)
           return;
-        const i = a(t, l).x, u = a(t, l).y;
-        if (o === 1) {
-          n.linex.push(i), n.liney.push(u), n.linen.push(1), s.save(), s.translate(s.canvas.width / 2, s.canvas.height / 2), s.translate(-s.canvas.width / 2, -s.canvas.height / 2), s.beginPath(), s.lineWidth = 2;
-          for (let c = 1; c < n.linex.length; c++)
-            h = n.linex[c], e = n.liney[c], n.linen[c] === 0 ? s.moveTo(h, e) : s.lineTo(h, e);
-          s.shadowBlur = 10, s.stroke(), s.restore();
+        const x = getCanvasPos(canvas, evt).x, y = getCanvasPos(canvas, evt).y;
+        if (flag === 1) {
+          _safe.linex.push(x), _safe.liney.push(y), _safe.linen.push(1), context.save(), context.translate(context.canvas.width / 2, context.canvas.height / 2), context.translate(-context.canvas.width / 2, -context.canvas.height / 2), context.beginPath(), context.lineWidth = 2;
+          for (let i = 1; i < _safe.linex.length; i++)
+            lastX = _safe.linex[i], lastY = _safe.liney[i], _safe.linen[i] === 0 ? context.moveTo(lastX, lastY) : context.lineTo(lastX, lastY);
+          context.shadowBlur = 10, context.stroke(), context.restore();
         }
-        l.preventDefault();
+        evt.preventDefault();
       }
-      function f(l) {
-        if (n.disabled)
+      function onMouseDown(evt) {
+        if (_safe.disabled)
           return;
-        const i = a(t, l).x, u = a(t, l).y;
-        o = 1, n.linex.push(i), n.liney.push(u), n.linen.push(0);
+        const x = getCanvasPos(canvas, evt).x, y = getCanvasPos(canvas, evt).y;
+        flag = 1, _safe.linex.push(x), _safe.liney.push(y), _safe.linen.push(0);
       }
-      function r() {
-        n.disabled || (o = 0);
+      function onMouseUp() {
+        _safe.disabled || (flag = 0);
       }
     }
   }
-}, p = {};
-var w = /* @__PURE__ */ m(
-  M,
-  x,
-  _,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  b,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function b(t) {
-  for (let n in p)
-    this[n] = p[n];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const S = /* @__PURE__ */ function() {
-  return w.exports;
+const Sign = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  S as default
+  Sign as default
 };