@web-utils/component 3.0.6 → 3.1.0

package/search-popover/index.mjs

@@ -1,309 +1,27 @@
-var c = (t, r, e) => new Promise((s, o) => {
+var c = (r, e, t) => new Promise((s, o) => {
   var n = (i) => {
     try {
-      a(e.next(i));
+      a(t.next(i));
     } catch (l) {
       o(l);
     }
-  }, u = (i) => {
+  }, h = (i) => {
     try {
-      a(e.throw(i));
+      a(t.throw(i));
     } catch (l) {
       o(l);
     }
-  }, a = (i) => i.done ? s(i.value) : Promise.resolve(i.value).then(n, u);
-  a((e = e.apply(t, r)).next());
+  }, a = (i) => i.done ? s(i.value) : Promise.resolve(i.value).then(n, h);
+  a((t = t.apply(r, e)).next());
 });
-import { copy as d, isInContainer as p } from "@web-utils/core";
-import v from "element-ui/lib/utils/clickoutside";
-import { z as f } from "../chunks/util.ae730cde.mjs";
-import { n as m } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-var w = function() {
-  var t = this, r = t.$createElement, e = t._self._c || r;
-  return e("div", {
-    directives: [{
-      name: "show",
-      rawName: "v-show",
-      value: t.showPopover,
-      expression: "showPopover"
-    }, {
-      name: "click-outside",
-      rawName: "v-click-outside",
-      value: t.hidePopover,
-      expression: "hidePopover"
-    }],
-    staticClass: "search-popover"
-  }, [e("div", {
-    staticStyle: {
-      padding: "10px"
-    }
-  }, [e("input", {
-    directives: [{
-      name: "model",
-      rawName: "v-model",
-      value: t.keyword,
-      expression: "keyword"
-    }],
-    ref: "searchInput",
-    staticClass: "search-input",
-    attrs: {
-      placeholder: t.currentItem ? t.currentItem.name : "输入关键字搜索 ..."
-    },
-    domProps: {
-      value: t.keyword
-    },
-    on: {
-      input: function(s) {
-        s.target.composing || (t.keyword = s.target.value);
-      }
-    }
-  })]), e("ul", {
-    ref: "ul",
-    staticStyle: {
-      flex: "1",
-      overflow: "auto",
-      "list-style-type": "none"
-    }
-  }, [t.filterList.length ? t._l(t.filterList, function(s, o) {
-    return e("li", {
-      key: s.name + o,
-      staticClass: "search-li",
-      attrs: {
-        id: `item-${o}`
-      },
-      on: {
-        mousemove: function(n) {
-          return t.mouseHoverItem(s, o);
-        }
-      }
-    }, [e("a", {
-      class: ["search-item", {
-        active: t.currentIndex === o
-      }],
-      attrs: {
-        target: s.url ? "_blank" : "",
-        rel: "noopener noreferrer",
-        href: s.url ? s.url : "javascript:void(0)"
-      },
-      on: {
-        click: function(n) {
-          return t.onItemClick(s);
-        }
-      }
-    }, [e("div", {
-      staticClass: "search-icon"
-    }, [e("i", {
-      class: s.icon || "el-icon-menu"
-    })]), e("div", {
-      staticStyle: {
-        flex: "1",
-        "box-sizing": "border-box",
-        padding: "0 10px",
-        "overflow-x": "hidden",
-        "text-align": "left"
-      }
-    }, [e("p", {
-      staticStyle: {
-        "margin-bottom": "4px",
-        "font-size": "16px"
-      }
-    }, [t._v(t._s(s.name))]), e("p", {
-      staticClass: "url"
-    }, [t._v(t._s(s.url || s.path))])]), e("div", {
-      staticClass: "search-icon search-action"
-    }, [e("svg", {
-      staticClass: "action",
-      attrs: {
-        width: "20",
-        height: "20",
-        viewBox: "0 0 20 20"
-      }
-    }, [e("g", {
-      attrs: {
-        stroke: "currentColor",
-        fill: "none",
-        "fill-rule": "evenodd",
-        "stroke-linecap": "round",
-        "stroke-linejoin": "round"
-      }
-    }, [e("path", {
-      attrs: {
-        d: "M18 3v4c0 2-2 4-4 4H2"
-      }
-    }), e("path", {
-      attrs: {
-        d: "M8 17l-6-6 6-6"
-      }
-    })])])])])]);
-  }) : t.evalResult !== "" ? e("li", {
-    staticClass: "search-li",
-    on: {
-      click: t.copyEvalResult,
-      mousemove: function(s) {
-        return t.mouseHoverItem({}, -1);
-      }
-    }
-  }, [e("a", {
-    class: ["search-item", {
-      active: t.currentIndex === -1
-    }],
-    attrs: {
-      rel: "noopener noreferrer",
-      href: "javascript:void(0)"
-    }
-  }, [t._m(0), e("div", {
-    staticStyle: {
-      flex: "1",
-      "box-sizing": "border-box",
-      padding: "0 10px",
-      "overflow-x": "hidden",
-      "text-align": "left"
-    }
-  }, [e("p", {
-    staticStyle: {
-      "margin-bottom": "4px",
-      "font-size": "16px"
-    }
-  }, [t._v("Result: " + t._s(t.evalResult))]), e("p", {
-    staticClass: "url"
-  }, [t._v("点击或这按 Enter 键复制")])]), e("div", {
-    staticClass: "search-icon search-action"
-  }, [e("svg", {
-    staticClass: "action",
-    attrs: {
-      width: "20",
-      height: "20",
-      viewBox: "0 0 20 20"
-    }
-  }, [e("g", {
-    attrs: {
-      stroke: "currentColor",
-      fill: "none",
-      "fill-rule": "evenodd",
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round"
-    }
-  }, [e("path", {
-    attrs: {
-      d: "M18 3v4c0 2-2 4-4 4H2"
-    }
-  }), e("path", {
-    attrs: {
-      d: "M8 17l-6-6 6-6"
-    }
-  })])])])])]) : e("li", {
-    staticStyle: {
-      display: "flex",
-      "align-items": "center",
-      "justify-content": "center",
-      height: "100%",
-      color: "#808080"
-    }
-  }, [t._v(" Sorry,no result ! ")])], 2), e("div", {
-    staticClass: "footer-tips"
-  }, [e("span", {
-    staticClass: "keyboard-key"
-  }, [e("svg", {
-    attrs: {
-      width: "15",
-      height: "15"
-    }
-  }, [e("g", {
-    attrs: {
-      fill: "none",
-      stroke: "currentColor",
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      "stroke-width": "1.2"
-    }
-  }, [e("path", {
-    attrs: {
-      d: "M12 3.53088v3c0 1-1 2-2 2H4M7 11.53088l-3-3 3-3"
-    }
-  })])])]), e("span", {
-    staticStyle: {
-      "margin-right": "20px",
-      "font-size": "12px"
-    }
-  }, [t._v("选择")]), e("span", {
-    staticClass: "keyboard-key"
-  }, [e("svg", {
-    attrs: {
-      width: "15",
-      height: "15"
-    }
-  }, [e("g", {
-    attrs: {
-      fill: "none",
-      stroke: "currentColor",
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      "stroke-width": "1.2"
-    }
-  }, [e("path", {
-    attrs: {
-      d: "M7.5 3.5v8M10.5 8.5l-3 3-3-3"
-    }
-  })])])]), e("span", {
-    staticClass: "keyboard-key"
-  }, [e("svg", {
-    attrs: {
-      width: "15",
-      height: "15"
-    }
-  }, [e("g", {
-    attrs: {
-      fill: "none",
-      stroke: "currentColor",
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      "stroke-width": "1.2"
-    }
-  }, [e("path", {
-    attrs: {
-      d: "M7.5 11.5v-8M10.5 6.5l-3-3-3 3"
-    }
-  })])])]), e("span", {
-    staticStyle: {
-      "margin-right": "20px",
-      "font-size": "12px"
-    }
-  }, [t._v("切换")]), e("span", {
-    staticClass: "keyboard-key"
-  }, [e("svg", {
-    attrs: {
-      width: "15",
-      height: "15"
-    }
-  }, [e("g", {
-    attrs: {
-      fill: "none",
-      stroke: "currentColor",
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      "stroke-width": "1.2"
-    }
-  }, [e("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", {
-    staticStyle: {
-      "font-size": "12px"
-    }
-  }, [t._v("关闭")])])]);
-}, y = [function() {
-  var t = this, r = t.$createElement, e = t._self._c || r;
-  return e("div", {
-    staticClass: "search-icon"
-  }, [e("i", {
-    staticClass: "fa fa-table"
-  })]);
-}];
-const k = {
+import { copy as u, isInContainer as d } from "@web-utils/core";
+import p from "element-ui/lib/utils/clickoutside";
+import { z as v } from "../chunks/util.ae730cde.mjs";
+import { n as f } from "../chunks/_plugin-vue2_normalizer.446f5dc4.mjs";
+const m = {
   name: "SearchPopover",
   directives: {
-    ClickOutside: v
+    ClickOutside: p
   },
   props: {
     services: {
@@ -321,16 +39,16 @@ const k = {
   },
   computed: {
     filterList() {
-      return this.services.filter((t) => t.name.indexOf(this.keyword) > -1);
+      return this.services.filter((r) => r.name.indexOf(this.keyword) > -1);
     },
     currentItem() {
-      var t;
-      return (t = this.filterList) == null ? void 0 : t[this.currentIndex];
+      var r;
+      return (r = this.filterList) == null ? void 0 : r[this.currentIndex];
     },
     evalResult() {
       try {
-        return f(this.keyword);
-      } catch (t) {
+        return v(this.keyword);
+      } catch (r) {
         return "";
       }
     }
@@ -339,8 +57,8 @@ const k = {
     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(r) {
+      r ? document.body.style.overflow = "hidden" : document.body.style.overflow = "";
     }
   },
   mounted() {
@@ -350,13 +68,13 @@ const k = {
     window.removeEventListener("keydown", this.keydown);
   },
   methods: {
-    onItemClick(t) {
+    onItemClick(r) {
       return c(this, null, function* () {
-        t.path && (this.hidePopover(), yield this.$router.push(t.path));
+        r.path && (this.hidePopover(), yield this.$router.push(r.path));
       });
     },
     copyEvalResult() {
-      return d(this.evalResult);
+      return u(this.evalResult);
     },
     hidePopover() {
       this.showPopover = !1;
@@ -364,49 +82,59 @@ const k = {
     displayPopover() {
       this.showPopover = !0;
     },
-    mouseHoverItem(t, r) {
-      this.currentIndex = r;
+    mouseHoverItem(r, e) {
+      this.currentIndex = e;
     },
-    keydown(t) {
+    keydown(r) {
       return c(this, null, function* () {
-        if (t.key === "Shift") {
-          const r = Date.now() - this.last;
-          r > 0 && r < 500 ? (this.showPopover = !0, yield this.$nextTick(), this.$refs.searchInput.focus()) : this.last = Date.now();
+        if (r.key === "Shift") {
+          const e = Date.now() - this.last;
+          e > 0 && e < 500 ? (this.showPopover = !0, yield 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 && (yield 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)));
+        this.showPopover === !0 && (r.key === "Escape" && this.hidePopover(), r.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()), r.key === "ArrowUp" && (this.currentIndex--, this.currentIndex < 0 && (this.currentIndex = this.filterList.length - 1), this.scrollIntoView(this.currentIndex)), r.key === "ArrowDown" && (this.currentIndex++, this.currentIndex >= this.filterList.length && (this.currentIndex = 0), this.scrollIntoView(this.currentIndex)));
       });
     },
-    scrollIntoView(t) {
-      if (t === 0) {
+    scrollIntoView(r) {
+      if (r === 0) {
         this.$refs.ul.scrollTop = 0;
         return;
       }
-      if (t === this.filterList.length) {
+      if (r === this.filterList.length) {
         this.$refs.ul.scrollTop = this.$refs.ul.scrollHeight;
         return;
       }
-      const r = this.$refs.ul.querySelector(`#item-${t}`);
-      p(r, this.$refs.ul, { topOffset: -78, bottomOffset: 78 }) || (this.$refs.ul.scrollTop = r.offsetTop - r.clientHeight + 20);
+      const e = this.$refs.ul.querySelector(`#item-${r}`);
+      d(e, this.$refs.ul, { topOffset: -78, bottomOffset: 78 }) || (this.$refs.ul.scrollTop = e.offsetTop - e.clientHeight + 20);
     }
   }
-}, h = {};
-var x = /* @__PURE__ */ m(
-  k,
+};
+var w = function() {
+  var e = this, t = e._self._c;
+  return t("div", { directives: [{ name: "show", rawName: "v-show", value: e.showPopover, expression: "showPopover" }, { name: "click-outside", rawName: "v-click-outside", value: e.hidePopover, expression: "hidePopover" }], staticClass: "search-popover" }, [t("div", { staticStyle: { padding: "10px" } }, [t("input", { directives: [{ name: "model", rawName: "v-model", value: e.keyword, expression: "keyword" }], ref: "searchInput", staticClass: "search-input", attrs: { placeholder: e.currentItem ? e.currentItem.name : "输入关键字搜索 ..." }, domProps: { value: e.keyword }, on: { input: function(s) {
+    s.target.composing || (e.keyword = s.target.value);
+  } } })]), t("ul", { ref: "ul", staticStyle: { flex: "1", overflow: "auto", "list-style-type": "none" } }, [e.filterList.length ? e._l(e.filterList, function(s, o) {
+    return t("li", { key: s.name + o, staticClass: "search-li", attrs: { id: `item-${o}` }, on: { mousemove: function(n) {
+      return e.mouseHoverItem(s, o);
+    } } }, [t("a", { class: ["search-item", { active: e.currentIndex === o }], attrs: { target: s.url ? "_blank" : "", rel: "noopener noreferrer", href: s.url ? s.url : "javascript:void(0)" }, on: { click: function(n) {
+      return e.onItemClick(s);
+    } } }, [t("div", { staticClass: "search-icon" }, [t("i", { class: s.icon || "el-icon-menu" })]), t("div", { staticStyle: { flex: "1", "box-sizing": "border-box", padding: "0 10px", "overflow-x": "hidden", "text-align": "left" } }, [t("p", { staticStyle: { "margin-bottom": "4px", "font-size": "16px" } }, [e._v(e._s(s.name))]), t("p", { staticClass: "url" }, [e._v(e._s(s.url || s.path))])]), t("div", { staticClass: "search-icon search-action" }, [t("svg", { staticClass: "action", attrs: { width: "20", height: "20", viewBox: "0 0 20 20" } }, [t("g", { attrs: { stroke: "currentColor", fill: "none", "fill-rule": "evenodd", "stroke-linecap": "round", "stroke-linejoin": "round" } }, [t("path", { attrs: { d: "M18 3v4c0 2-2 4-4 4H2" } }), t("path", { attrs: { d: "M8 17l-6-6 6-6" } })])])])])]);
+  }) : e.evalResult !== "" ? t("li", { staticClass: "search-li", on: { click: e.copyEvalResult, mousemove: function(s) {
+    return e.mouseHoverItem({}, -1);
+  } } }, [t("a", { class: ["search-item", { active: e.currentIndex === -1 }], attrs: { rel: "noopener noreferrer", href: "javascript:void(0)" } }, [e._m(0), t("div", { staticStyle: { flex: "1", "box-sizing": "border-box", padding: "0 10px", "overflow-x": "hidden", "text-align": "left" } }, [t("p", { staticStyle: { "margin-bottom": "4px", "font-size": "16px" } }, [e._v("Result: " + e._s(e.evalResult))]), t("p", { staticClass: "url" }, [e._v("点击或这按 Enter 键复制")])]), t("div", { staticClass: "search-icon search-action" }, [t("svg", { staticClass: "action", attrs: { width: "20", height: "20", viewBox: "0 0 20 20" } }, [t("g", { attrs: { stroke: "currentColor", fill: "none", "fill-rule": "evenodd", "stroke-linecap": "round", "stroke-linejoin": "round" } }, [t("path", { attrs: { d: "M18 3v4c0 2-2 4-4 4H2" } }), t("path", { attrs: { d: "M8 17l-6-6 6-6" } })])])])])]) : t("li", { staticStyle: { display: "flex", "align-items": "center", "justify-content": "center", height: "100%", color: "#808080" } }, [e._v(" Sorry,no result ! ")])], 2), t("div", { staticClass: "footer-tips" }, [t("span", { staticClass: "keyboard-key" }, [t("svg", { attrs: { width: "15", height: "15" } }, [t("g", { attrs: { fill: "none", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.2" } }, [t("path", { attrs: { d: "M12 3.53088v3c0 1-1 2-2 2H4M7 11.53088l-3-3 3-3" } })])])]), t("span", { staticStyle: { "margin-right": "20px", "font-size": "12px" } }, [e._v("选择")]), t("span", { staticClass: "keyboard-key" }, [t("svg", { attrs: { width: "15", height: "15" } }, [t("g", { attrs: { fill: "none", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.2" } }, [t("path", { attrs: { d: "M7.5 3.5v8M10.5 8.5l-3 3-3-3" } })])])]), t("span", { staticClass: "keyboard-key" }, [t("svg", { attrs: { width: "15", height: "15" } }, [t("g", { attrs: { fill: "none", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.2" } }, [t("path", { attrs: { d: "M7.5 11.5v-8M10.5 6.5l-3-3-3 3" } })])])]), t("span", { staticStyle: { "margin-right": "20px", "font-size": "12px" } }, [e._v("切换")]), t("span", { staticClass: "keyboard-key" }, [t("svg", { attrs: { width: "15", height: "15" } }, [t("g", { attrs: { fill: "none", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.2" } }, [t("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" } })])])]), t("span", { staticStyle: { "font-size": "12px" } }, [e._v("关闭")])])]);
+}, k = [function() {
+  var r = this, e = r._self._c;
+  return e("div", { staticClass: "search-icon" }, [e("i", { staticClass: "fa fa-table" })]);
+}], y = /* @__PURE__ */ f(
+  m,
   w,
-  y,
+  k,
   !1,
-  g,
+  null,
   null,
   null,
   null
 );
-function g(t) {
-  for (let r in h)
-    this[r] = h[r];
-}
-const S = /* @__PURE__ */ function() {
-  return x.exports;
-}();
+const P = y.exports;
 export {
-  S as default
+  P as default
 };

package/sign/index.mjs

@@ -1,28 +1,14 @@
-import { s as g } from "../chunks/util.ae730cde.mjs";
-import { n as m } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-var _ = function() {
-  var t = this, n = t.$createElement, s = t._self._c || n;
-  return s("div", {
-    staticClass: "avue-sign",
-    style: t.styleName
-  }, [s("canvas", {
-    ref: "canvas",
-    staticClass: "avue-sige__canvas",
-    attrs: {
-      width: t.width,
-      height: t.height
-    }
-  })]);
-}, x = [];
-function y(t, n, s, r, e, o) {
-  t.save(), t.fillStyle = e, t.translate(n, s), t.rotate(Math.PI + o), t.beginPath();
+import { s as v } from "../chunks/util.ae730cde.mjs";
+import { n as m } from "../chunks/_plugin-vue2_normalizer.446f5dc4.mjs";
+function p(e, s, n, r, t, o) {
+  e.save(), e.fillStyle = t, e.translate(s, n), e.rotate(Math.PI + o), e.beginPath();
   let a = Math.sin(0), d = Math.cos(0);
   const f = Math.PI / 5 * 4;
   for (let h = 0; h < 5; h++)
-    a = Math.sin(h * f), d = Math.cos(h * f), t.lineTo(a * r, d * r);
-  t.closePath(), t.stroke(), t.fill(), t.restore();
+    a = Math.sin(h * f), d = Math.cos(h * f), e.lineTo(a * r, d * r);
+  e.closePath(), e.stroke(), e.fill(), e.restore();
 }
-const M = {
+const x = {
   name: "Sign",
   props: {
     width: {
@@ -47,8 +33,8 @@ const M = {
   computed: {
     styleName() {
       return {
-        width: g(this.width),
-        height: g(this.height)
+        width: v(this.width),
+        height: v(this.height)
       };
     }
   },
@@ -56,77 +42,74 @@ const M = {
     this.init();
   },
   methods: {
-    getStar(t, n, s) {
-      const r = this.canvas, e = this.context, o = r.width / 2, a = r.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)), h = n.split("");
+    getStar(e, s, n) {
+      const r = this.canvas, t = this.context, o = r.width / 2, a = r.height / 2;
+      t.lineWidth = 7, t.strokeStyle = "#f00", t.beginPath(), t.arc(o, a, 110, 0, Math.PI * 2), t.stroke(), p(t, o, a, 20, "#f00", 0), t.font = "18px 黑体", t.textBaseline = "middle", t.textAlign = "center", t.lineWidth = 1, t.strokeStyle = "#f00", t.strokeText(e, o, a + 50), t.font = "14px 黑体", t.textBaseline = "middle", t.textAlign = "center", t.lineWidth = 1, t.strokeStyle = "#f00", t.strokeText(n, o, a + 80), t.translate(o, a), t.font = "22px 黑体";
+      const d = s.length, f = 4 * Math.PI / (3 * (d - 1)), h = s.split("");
       let l;
       for (let i = 0; i < d; i++)
-        l = h[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();
+        l = h[i], i === 0 ? t.rotate(5 * Math.PI / 6) : t.rotate(f), t.save(), t.translate(90, 0), t.rotate(Math.PI / 2), t.strokeText(l, 0, 0), t.restore(), t.save();
       this.disabled = !0;
     },
-    submit(t, n) {
-      return t || (t = this.width), n || (n = this.height), this.canvas.toDataURL("i/png");
+    submit(e, s) {
+      return e || (e = this.width), s || (s = 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 != "undefined" ? (t.addEventListener("touchmove", d, !1), t.addEventListener("touchstart", f, !1), t.addEventListener("touchend", h, !1)) : (t.addEventListener("mousemove", d, !1), t.addEventListener("mousedown", f, !1), t.addEventListener("mouseup", h, !1), t.addEventListener("mouseleave", h, !1)), this.context = t.getContext("2d");
-      const s = this.context;
+      const e = this.canvas, s = this;
+      typeof document.ontouchstart != "undefined" ? (e.addEventListener("touchmove", d, !1), e.addEventListener("touchstart", f, !1), e.addEventListener("touchend", h, !1)) : (e.addEventListener("mousemove", d, !1), e.addEventListener("mousedown", f, !1), e.addEventListener("mouseup", h, !1), e.addEventListener("mouseleave", h, !1)), this.context = e.getContext("2d");
+      const n = this.context;
       this.linex = [], this.liney = [], this.linen = [];
-      let r = 1, e = 30, o = 0;
+      let r = 1, t = 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), {
+        let c, g;
+        return i.targetTouches ? (c = i.targetTouches[0].clientX, g = i.targetTouches[0].clientY) : (c = i.clientX, g = i.clientY), {
           x: (c - u.left) * (l.width / u.width),
-          y: (v - u.top) * (l.height / u.height)
+          y: (g - u.top) * (l.height / u.height)
         };
       }
       function d(l) {
-        if (n.disabled)
+        if (s.disabled)
           return;
-        const i = a(t, l).x, u = a(t, l).y;
+        const i = a(e, l).x, u = a(e, 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++)
-            r = n.linex[c], e = n.liney[c], n.linen[c] === 0 ? s.moveTo(r, e) : s.lineTo(r, e);
-          s.shadowBlur = 10, s.stroke(), s.restore();
+          s.linex.push(i), s.liney.push(u), s.linen.push(1), n.save(), n.translate(n.canvas.width / 2, n.canvas.height / 2), n.translate(-n.canvas.width / 2, -n.canvas.height / 2), n.beginPath(), n.lineWidth = 2;
+          for (let c = 1; c < s.linex.length; c++)
+            r = s.linex[c], t = s.liney[c], s.linen[c] === 0 ? n.moveTo(r, t) : n.lineTo(r, t);
+          n.shadowBlur = 10, n.stroke(), n.restore();
         }
         l.preventDefault();
       }
       function f(l) {
-        if (n.disabled)
+        if (s.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 i = a(e, l).x, u = a(e, l).y;
+        o = 1, s.linex.push(i), s.liney.push(u), s.linen.push(0);
       }
       function h() {
-        n.disabled || (o = 0);
+        s.disabled || (o = 0);
       }
     }
   }
-}, p = {};
-var w = /* @__PURE__ */ m(
-  M,
-  _,
+};
+var y = function() {
+  var s = this, n = s._self._c;
+  return n("div", { staticClass: "avue-sign", style: s.styleName }, [n("canvas", { ref: "canvas", staticClass: "avue-sige__canvas", attrs: { width: s.width, height: s.height } })]);
+}, _ = [], w = /* @__PURE__ */ m(
   x,
+  y,
+  _,
   !1,
-  b,
+  null,
   null,
   null,
   null
 );
-function b(t) {
-  for (let n in p)
-    this[n] = p[n];
-}
-const S = /* @__PURE__ */ function() {
-  return w.exports;
-}();
+const P = w.exports;
 export {
-  S as default
+  P as default
 };