@web-utils/component 2.0.13 → 2.2.0

package/search/index.mjs

@@ -0,0 +1,143 @@
+import { a as i } from "../chunks/util.C2Bhx22L.mjs";
+import { i as o } from "../chunks/init.Ac4dKUJB.mjs";
+import { isBlank as n } from "@web-utils/core";
+import { n as l } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var h = function() {
+  var t = this, e = t.$createElement, r = t._self._c || e;
+  return r("ElRow", {
+    class: ["avue-search", {
+      "avue--card": t.isCard
+    }],
+    attrs: {
+      span: 24
+    }
+  }, t._l(t.columnOption, function(s) {
+    return r("ElCol", {
+      key: s.prop,
+      staticClass: "avue-search__item",
+      attrs: {
+        span: s.span || 24
+      }
+    }, [r("p", {
+      staticClass: "avue-search__title"
+    }, [t._v(" " + t._s(s.label) + ": ")]), r("div", {
+      staticClass: "avue-search__content"
+    }, [t.mainSlot.includes(s.prop) ? t._t(s.prop, null, {
+      dic: t.DIC[s.prop]
+    }) : t._l(t.DIC[s.prop], function(a) {
+      return r("span", {
+        key: t.getKey(a, s.props, t.valueKey),
+        class: ["avue-search__tags", {
+          "avue-search__tags--active": t.getActive(a, s)
+        }],
+        on: {
+          click: function(v) {
+            return t.handleClick(s, a);
+          }
+        }
+      }, [t._v(t._s(t.getKey(a, s.props, t.labelKey)))]);
+    })], 2)]);
+  }), 1);
+}, u = [];
+const c = {
+  name: "Search",
+  mixins: [o],
+  props: {
+    value: [String, Object, Number, Boolean, Array]
+  },
+  computed: {
+    form: {
+      get() {
+        return this.value;
+      },
+      set(t) {
+        this.setVal(t);
+      }
+    },
+    props() {
+      return this.parentOption.props || {};
+    },
+    labelKey() {
+      return i.label;
+    },
+    valueKey() {
+      return i.value;
+    },
+    mainSlot() {
+      const t = [];
+      return this.propOption.forEach((e) => {
+        this.$scopedSlots[e.prop] && t.push(e.prop);
+      }), t;
+    },
+    isCard() {
+      return this.parentOption.card;
+    },
+    parentOption() {
+      return this.tableOption;
+    },
+    propOption() {
+      return this.columnOption;
+    },
+    columnOption() {
+      return this.parentOption.column;
+    }
+  },
+  watch: {
+    value: {
+      handler(t) {
+        this.setVal(t);
+      },
+      deep: !0
+    }
+  },
+  created() {
+    this.dataFormat();
+  },
+  methods: {
+    setVal(t) {
+      this.$emit("input", t), this.$emit("change", t);
+    },
+    getKey(t = {}, e = {}, r) {
+      return t[e[r] || this.props[r] || r];
+    },
+    dataFormat() {
+      this.propOption.forEach((t) => {
+        const e = t.prop;
+        n(this.form[e]) && this.$set(this.form, e, t.multiple === !1 ? "" : []);
+      });
+    },
+    getActive(t, e) {
+      const r = this.getKey(t, e.props, this.valueKey);
+      return e.multiple === !1 ? this.form[e.prop] === r : this.form[e.prop].includes(r);
+    },
+    handleClick(t, e) {
+      const r = this.getKey(e, t.props, this.valueKey);
+      if (t.multiple === !1)
+        this.form[t.prop] = r;
+      else {
+        const s = this.form[t.prop].indexOf(r);
+        s === -1 ? this.form[t.prop].push(r) : this.form[t.prop].splice(s, 1);
+      }
+    }
+  }
+}, p = {};
+var _ = /* @__PURE__ */ l(
+  c,
+  h,
+  u,
+  !1,
+  f,
+  null,
+  null,
+  null
+);
+function f(t) {
+  for (let e in p)
+    this[e] = p[e];
+}
+const g = /* @__PURE__ */ function() {
+  return _.exports;
+}();
+export {
+  g as default
+};

package/search/style.css

@@ -0,0 +1 @@
+.avue-search{padding:0 20px}.avue-search__item{border-bottom:1px dashed #e8e8e8;align-items:flex-start;padding:20px 0 10px;display:flex}.avue-search__item:last-child{border-bottom:none}.avue-search__tags{color:rgba(0,0,0,.65);white-space:nowrap;cursor:pointer;margin-bottom:12px;margin-right:24px;padding:0 12px;font-size:14px;display:inline-block}.avue-search__tags:hover{color:#1890ff}.avue-search__tags--active{color:#fff;background-color:#1890ff;border-radius:5px}.avue-search__tags--active:hover{color:#fff;opacity:.85}.avue-search__title{box-sizing:border-box;text-align:right;width:120px;margin:0;padding:0 20px;font-size:14px;display:inline-block}.avue-search__content{width:calc(100% - 190px);display:inline-block}.avue-search__content .el-tag{margin-bottom:10px;margin-right:10px}

package/search-popover/index.mjs

@@ -0,0 +1,412 @@
+var c = (t, r, e) => new Promise((s, o) => {
+  var n = (i) => {
+    try {
+      a(e.next(i));
+    } catch (l) {
+      o(l);
+    }
+  }, u = (i) => {
+    try {
+      a(e.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());
+});
+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.C2Bhx22L.mjs";
+import { n as m } from "../chunks/vueComponentNormalizer.JwmUNtgn.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("关闭")])])]);
+}, k = [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 y = {
+  name: "SearchPopover",
+  directives: {
+    ClickOutside: v
+  },
+  props: {
+    services: {
+      type: Array,
+      default: () => []
+    }
+  },
+  data() {
+    return {
+      showPopover: !1,
+      keyword: "",
+      currentIndex: 0,
+      last: 0
+    };
+  },
+  computed: {
+    filterList() {
+      return this.services.filter((t) => t.name.indexOf(this.keyword) > -1);
+    },
+    currentItem() {
+      var t;
+      return (t = this.filterList) == null ? void 0 : t[this.currentIndex];
+    },
+    evalResult() {
+      try {
+        return f(this.keyword);
+      } catch (t) {
+        return "";
+      }
+    }
+  },
+  watch: {
+    keyword() {
+      this.currentIndex = 0, !this.currentItem && this.currentIndex !== -1 && (this.currentIndex = -1);
+    },
+    showPopover(t) {
+      t ? document.body.style.overflow = "hidden" : document.body.style.overflow = "";
+    }
+  },
+  mounted() {
+    window.addEventListener("keydown", this.keydown);
+  },
+  destroyed() {
+    window.removeEventListener("keydown", this.keydown);
+  },
+  methods: {
+    onItemClick(t) {
+      return c(this, null, function* () {
+        t.path && (this.hidePopover(), yield this.$router.push(t.path));
+      });
+    },
+    copyEvalResult() {
+      return d(this.evalResult);
+    },
+    hidePopover() {
+      this.showPopover = !1;
+    },
+    displayPopover() {
+      this.showPopover = !0;
+    },
+    mouseHoverItem(t, r) {
+      this.currentIndex = r;
+    },
+    keydown(t) {
+      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();
+        }
+        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)));
+      });
+    },
+    scrollIntoView(t) {
+      if (t === 0) {
+        this.$refs.ul.scrollTop = 0;
+        return;
+      }
+      if (t === 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);
+    }
+  }
+}, h = {};
+var x = /* @__PURE__ */ m(
+  y,
+  w,
+  k,
+  !1,
+  g,
+  null,
+  null,
+  null
+);
+function g(t) {
+  for (let r in h)
+    this[r] = h[r];
+}
+const S = /* @__PURE__ */ function() {
+  return x.exports;
+}();
+export {
+  S as default
+};

package/search-popover/style.css

@@ -0,0 +1 @@
+.search-popover{z-index:100;background-color:#f5f6f7;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACZJREFUeNpi/PTpEwMY8PLyMsFZnz9/ZoKzgAzG////Q1hAABBgAFeiDto+NxIZAAAAAElFTkSuQmCC);background-repeat:repeat;border:1px solid #1989fa;border-radius:4px;flex-direction:column;width:560px;height:500px;display:inline-flex;position:fixed;top:0;left:0;overflow:hidden;transform:translate(calc(50vw - 280px),15%)}.search-popover .footer-tips{text-align:left;border-top:1px solid #1989fa;padding:10px}.search-popover .keyboard-key{background:linear-gradient(-225deg,#d5dbe4,#f8f8f8);border-radius:2px;justify-content:center;align-items:center;width:20px;height:18px;margin-right:.4em;padding-bottom:2px;display:inline-flex;box-shadow:inset 0 -2px #cdcde6,inset 0 0 1px 1px #fff,0 1px 2px 1px rgba(30,35,90,.4)}.search-popover .search-input{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;border:1px solid #1989fa;border-radius:4px;outline:none;width:100%;height:46px;padding:10px}.search-popover .search-li{padding:10px}.search-popover .search-icon{color:#969faf;flex-shrink:0;font-size:24px}.search-popover .search-item{box-sizing:border-box;color:#000;background-color:#fff;border-radius:4px;align-items:center;padding:10px;text-decoration:none;display:flex;overflow-x:hidden;box-shadow:0 1px 3px #d4d9e1}.search-popover .search-item .search-action{display:none}.search-popover .search-item .url{color:#969faf;white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow-x:hidden}.search-popover .search-item.active{color:#fff;background-color:#1989fa}.search-popover .search-item.active .url{color:#fff}.search-popover .search-item.active .search-action{display:inline-block}.search-popover .search-item.active .search-icon{color:#fff}

package/sign/index.mjs

@@ -0,0 +1,132 @@
+import { s as g } from "../chunks/util.C2Bhx22L.mjs";
+import { n as p } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var x = function() {
+  var t = this, s = t.$createElement, n = t._self._c || s;
+  return n("div", {
+    staticClass: "avue-sign",
+    style: t.styleName
+  }, [n("canvas", {
+    ref: "canvas",
+    staticClass: "avue-sige__canvas",
+    attrs: {
+      width: t.width,
+      height: t.height
+    }
+  })]);
+}, y = [];
+function _(t, s, n, r, e, o) {
+  t.save(), t.fillStyle = e, t.translate(s, n), t.rotate(Math.PI + o), t.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();
+}
+const M = {
+  name: "Sign",
+  props: {
+    width: {
+      type: Number,
+      default: 600
+    },
+    height: {
+      type: Number,
+      default: 400
+    }
+  },
+  data() {
+    return {
+      disabled: !1,
+      linex: [],
+      liney: [],
+      linen: [],
+      canvas: {},
+      context: {}
+    };
+  },
+  computed: {
+    styleName() {
+      return {
+        width: g(this.width),
+        height: g(this.height)
+      };
+    }
+  },
+  mounted() {
+    this.init();
+  },
+  methods: {
+    getStar(t, s, n) {
+      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(), _(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(n, o, a + 80), e.translate(o, a), e.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();
+      this.disabled = !0;
+    },
+    submit(t, s) {
+      return t || (t = 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, s = 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 n = this.context;
+      this.linex = [], this.liney = [], this.linen = [];
+      let r = 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)
+        };
+      }
+      function d(l) {
+        if (s.disabled)
+          return;
+        const i = a(t, l).x, u = a(t, l).y;
+        if (o === 1) {
+          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], e = s.liney[c], s.linen[c] === 0 ? n.moveTo(r, e) : n.lineTo(r, e);
+          n.shadowBlur = 10, n.stroke(), n.restore();
+        }
+        l.preventDefault();
+      }
+      function f(l) {
+        if (s.disabled)
+          return;
+        const i = a(t, l).x, u = a(t, l).y;
+        o = 1, s.linex.push(i), s.liney.push(u), s.linen.push(0);
+      }
+      function h() {
+        s.disabled || (o = 0);
+      }
+    }
+  }
+}, m = {};
+var w = /* @__PURE__ */ p(
+  M,
+  x,
+  y,
+  !1,
+  b,
+  null,
+  null,
+  null
+);
+function b(t) {
+  for (let s in m)
+    this[s] = m[s];
+}
+const T = /* @__PURE__ */ function() {
+  return w.exports;
+}();
+export {
+  T as default
+};

package/sign/style.css

@@ -0,0 +1 @@
+.avue-sign{border:1px solid #eee;padding:5px}.avue-sign__canvas{border:1px solid #ccc}