@web-utils/component 2.0.14 → 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/{dist/components/search-popover/index.js → search-popover/index.mjs}

@@ -1,7 +1,24 @@
-import { copy, isInContainer } from "@web-utils/core";
-import ClickOutside from "element-ui/lib/utils/clickoutside";
-import { n as normalizeComponent } from "../../chunks/5d4282fb.js";
-var render = function() {
+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: [{
@@ -43,9 +60,9 @@ var render = function() {
   })]), e("ul", {
     ref: "ul",
     staticStyle: {
-      "list-style-type": "none",
       flex: "1",
-      overflow: "auto"
+      overflow: "auto",
+      "list-style-type": "none"
     }
   }, [t.filterList.length ? t._l(t.filterList, function(s, o) {
     return e("li", {
@@ -55,7 +72,7 @@ var render = function() {
         id: `item-${o}`
       },
       on: {
-        mousemove: function(i) {
+        mousemove: function(n) {
           return t.mouseHoverItem(s, o);
         }
       }
@@ -69,7 +86,7 @@ var render = function() {
         href: s.url ? s.url : "javascript:void(0)"
       },
       on: {
-        click: function(i) {
+        click: function(n) {
           return t.onItemClick(s);
         }
       }
@@ -80,10 +97,10 @@ var render = function() {
     })]), e("div", {
       staticStyle: {
         flex: "1",
-        "text-align": "left",
+        "box-sizing": "border-box",
         padding: "0 10px",
         "overflow-x": "hidden",
-        "box-sizing": "border-box"
+        "text-align": "left"
       }
     }, [e("p", {
       staticStyle: {
@@ -137,10 +154,10 @@ var render = function() {
   }, [t._m(0), e("div", {
     staticStyle: {
       flex: "1",
-      "text-align": "left",
+      "box-sizing": "border-box",
       padding: "0 10px",
       "overflow-x": "hidden",
-      "box-sizing": "border-box"
+      "text-align": "left"
     }
   }, [e("p", {
     staticStyle: {
@@ -176,10 +193,10 @@ var render = function() {
     }
   })])])])])]) : e("li", {
     staticStyle: {
-      height: "100%",
       display: "flex",
       "align-items": "center",
       "justify-content": "center",
+      height: "100%",
       color: "#808080"
     }
   }, [t._v(" Sorry,no result ! ")])], 2), e("div", {
@@ -205,8 +222,8 @@ var render = function() {
     }
   })])])]), e("span", {
     staticStyle: {
-      "font-size": "12px",
-      "margin-right": "20px"
+      "margin-right": "20px",
+      "font-size": "12px"
     }
   }, [t._v("选择")]), e("span", {
     staticClass: "keyboard-key"
@@ -248,8 +265,8 @@ var render = function() {
     }
   })])])]), e("span", {
     staticStyle: {
-      "font-size": "12px",
-      "margin-right": "20px"
+      "margin-right": "20px",
+      "font-size": "12px"
     }
   }, [t._v("切换")]), e("span", {
     staticClass: "keyboard-key"
@@ -275,7 +292,7 @@ var render = function() {
       "font-size": "12px"
     }
   }, [t._v("关闭")])])]);
-}, staticRenderFns = [function() {
+}, k = [function() {
   var t = this, r = t.$createElement, e = t._self._c || r;
   return e("div", {
     staticClass: "search-icon"
@@ -283,10 +300,10 @@ var render = function() {
     staticClass: "fa fa-table"
   })]);
 }];
-const SearchPopover_vue_vue_type_style_index_0_lang = "", __vue2_script = {
+const y = {
   name: "SearchPopover",
   directives: {
-    ClickOutside
+    ClickOutside: v
   },
   props: {
     services: {
@@ -312,7 +329,7 @@ const SearchPopover_vue_vue_type_style_index_0_lang = "", __vue2_script = {
     },
     evalResult() {
       try {
-        return eval(this.keyword);
+        return f(this.keyword);
       } catch (t) {
         return "";
       }
@@ -333,11 +350,13 @@ 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(t) {
+      return c(this, null, function* () {
+        t.path && (this.hidePopover(), yield this.$router.push(t.path));
+      });
     },
     copyEvalResult() {
-      return copy(this.evalResult);
+      return d(this.evalResult);
     },
     hidePopover() {
       this.showPopover = !1;
@@ -348,12 +367,14 @@ const SearchPopover_vue_vue_type_style_index_0_lang = "", __vue2_script = {
     mouseHoverItem(t, r) {
       this.currentIndex = r;
     },
-    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(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) {
@@ -365,27 +386,27 @@ const SearchPopover_vue_vue_type_style_index_0_lang = "", __vue2_script = {
         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);
+      p(r, this.$refs.ul, { topOffset: -78, bottomOffset: 78 }) || (this.$refs.ul.scrollTop = r.offsetTop - r.clientHeight + 20);
     }
   }
-}, __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
+}, h = {};
+var x = /* @__PURE__ */ m(
+  y,
+  w,
+  k,
   !1,
-  __vue2_injectStyles,
+  g,
   null,
   null,
   null
 );
-function __vue2_injectStyles(t) {
-  for (let r in __cssModules)
-    this[r] = __cssModules[r];
+function g(t) {
+  for (let r in h)
+    this[r] = h[r];
 }
-const SearchPopover = /* @__PURE__ */ function() {
-  return __component__.exports;
+const S = /* @__PURE__ */ function() {
+  return x.exports;
 }();
 export {
-  SearchPopover as default
+  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}

package/{dist/components/sign-panel/index.js → sign-panel/index.mjs}

@@ -1,4 +1,4 @@
-import { n } from "../../chunks/5d4282fb.js";
+import { n } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
 var o = function() {
   var t = this, e = t.$createElement, i = t._self._c || e;
   return i("div", {
@@ -116,8 +116,8 @@ var o = function() {
   }, [t._v(" " + t._s(t.disabled ? "未签名" : "点击进行签名") + " ")]), t.disabled ? t._e() : i("i", {
     staticClass: "el-icon-edit-outline sign-edit-icon"
   })])]);
-}, l = [];
-const c = {
+}, c = [];
+const l = {
   name: "SignPanel",
   props: {
     width: {
@@ -154,6 +154,7 @@ const c = {
     this.init();
   },
   methods: {
+    // 初始化
     init() {
       if (this.stack = [], this.canvas = this.$refs.canvas, !this.canvas.getContext) {
         alert("当前浏览器不支持手写签名");
@@ -167,35 +168,47 @@ const c = {
         this.ctx.putImageData(t, 0, 0), this.stack.length = this.stack.length - 1;
       }
     },
+    // 位置初始化
     position() {
       this.restorePoint = this.ctx.getImageData(0, 0, this.canvas.width, this.canvas.height);
       const t = this.canvas.getBoundingClientRect();
       this.start = t.left, this.end = t.top;
     },
+    // 画布初始化
     canvasInit() {
       this.ctx = this.canvas.getContext("2d"), this.ctx.lineCap = "round", this.ctx.lineWidth = this.lineWidth, this.ctx.clearRect(0, 0, this.width, this.height), this.blank = this.canvas.toDataURL("image/png");
     },
+    /**
+     * 绘制水印
+     */
     drawWaterMark() {
       this.ctx.font = `${this.fontSize}px bold 黑体`, this.ctx.fillStyle = "#eee", this.ctx.textAlign = "center", this.ctx.shadowBlur = 1, this.ctx.textBaseline = "middle", this.ctx.fillText(this.text, this.width / 2, this.height / 2);
     },
+    // PC 端鼠标按下开始绘画
     down(t) {
       this.position(), this.startLine(t.clientX, t.clientY, t), this.target = t.target, this.target.addEventListener("mousemove", this.move), window.addEventListener("mouseup", this.up);
     },
+    // PC 端鼠标按下开始绘画后，跟踪移动轨迹
     move(t) {
       this.moveLine(t.clientX, t.clientY, t);
     },
+    // PC 端鼠标松开结束绘画
     up() {
       this.target && this.target.removeEventListener("mousemove", this.move), window.removeEventListener("mouseup", this.up), this.record();
     },
+    // 移动端触摸开始绘画
     touchstart(t) {
       this.position(), this.startLine(t.changedTouches[0].clientX, t.changedTouches[0].clientY, t);
     },
+    // 移动端触摸开始绘画后，跟踪滑动轨迹
     touchmove(t) {
       this.moveLine(t.touches[0].clientX, t.touches[0].clientY, t);
     },
+    // 开始绘画
     startLine(t, e) {
       this.ctx.beginPath(), t -= this.start, e -= this.end, this.ctx.moveTo(t, e);
     },
+    // 绘制移动轨迹
     moveLine(t, e, i) {
       i && i.preventDefault(), t -= this.start, e -= this.end, this.ctx.lineTo(t, e), this.ctx.stroke();
     },
@@ -221,9 +234,9 @@ const c = {
   }
 }, a = {};
 var h = /* @__PURE__ */ n(
-  c,
-  o,
   l,
+  o,
+  c,
   !1,
   r,
   null,

package/sign-panel/style.css

@@ -0,0 +1 @@
+.sign-panel{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#fff;justify-content:center;align-items:flex-start;width:100%}.sign-panel .sign-canvas{background:rgba(255,255,155,0);border:1px solid #ccc;width:100%;max-width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.sign-panel .sign-tool-bar{border:1px solid #ccc;border-top:none;width:100%;display:flex}.sign-panel .sign-tips{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.sign-panel .sign-button{text-align:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#ebeef5;padding:6px;line-height:1.6}.sign-panel .sign-button:hover{color:#1989fa;background-color:#d0d4de}.sign-panel .sign-button:nth-child(n){border-right:1px solid #ccc}.sign-panel .sign-button:last-child{border:none!important}.sign-panel .sign-watermark{color:#eee;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.sign-panel .sign-view{background-color:#fff;border:1px solid #eee;justify-content:center;align-items:center;min-width:212px;height:80px;display:flex;position:relative}.sign-panel .sign-edit-icon{position:absolute;bottom:4px;right:4px}.sign-panel .sign-image{min-width:160px;height:80px;display:inline-block}.sign-panel .sign-edit{background-color:#fff;flex-direction:column;align-items:center;max-width:100%;display:flex}.sign-panel .sign-draw-area{max-width:100%;position:relative}

package/skeleton/index.mjs

@@ -0,0 +1,82 @@
+import { n as o } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var r = function() {
+  var e = this, a = e.$createElement, t = e._self._c || a;
+  return t("div", {
+    staticClass: "avue-skeleton"
+  }, [e.loading ? e._l(e.number, function(m, n) {
+    return t("div", {
+      key: n,
+      staticClass: "avue-skeleton__item"
+    }, [t("div", {
+      staticClass: "avue-skeleton__header"
+    }, [e.avatar ? t("span", {
+      staticClass: "avue-skeleton__vatar'),className]"
+    }) : e._e()]), t("div", {
+      staticClass: "avue-skeleton__content"
+    }, [t("h3", {
+      class: ["avue-skeleton__title", e.className]
+    }), t("div", {
+      staticClass: "avue-skeleton__list"
+    }, e._l(e.rows, function(d, l) {
+      return t("p", {
+        key: l,
+        class: ["avue-skeleton__li", e.className],
+        style: e.styleName
+      });
+    }), 0)])]);
+  }) : t("div", [e._t("default")], 2)], 2);
+}, i = [];
+const u = "avue-skeleton", c = {
+  name: "Skeleton",
+  props: {
+    loading: {
+      type: Boolean,
+      default: !0
+    },
+    avatar: Boolean,
+    active: {
+      type: Boolean,
+      default: !0
+    },
+    block: Boolean,
+    number: {
+      type: Number,
+      default: 1
+    },
+    rows: {
+      type: Number,
+      default: 3
+    }
+  },
+  computed: {
+    styleName() {
+      return this.block ? {
+        width: "100%"
+      } : {};
+    },
+    className() {
+      const { active: e } = this;
+      return { [`${u}__loading`]: e };
+    }
+  }
+}, s = {};
+var _ = /* @__PURE__ */ o(
+  c,
+  r,
+  i,
+  !1,
+  v,
+  null,
+  null,
+  null
+);
+function v(e) {
+  for (let a in s)
+    this[a] = s[a];
+}
+const p = /* @__PURE__ */ function() {
+  return _.exports;
+}();
+export {
+  p as default
+};

package/skeleton/style.css

@@ -0,0 +1 @@
+.avue-skeleton__avatar{background:#f2f2f2;border-radius:50%;width:40px;height:40px;line-height:40px;display:inline-block}.avue-skeleton__header{vertical-align:top;padding-right:16px;display:table-cell}.avue-skeleton__content{vertical-align:top;width:100%;display:table-cell}.avue-skeleton__title{background:#f2f2f2;width:40%;height:16px;margin-top:16px}.avue-skeleton__item{border-bottom:1px solid #e8e8e8;padding-top:16px;padding-bottom:16px}.avue-skeleton__item:last-child{border-bottom:none}.avue-skeleton__li{background:#f2f2f2;width:100%;height:16px;margin-bottom:10px;list-style:none}.avue-skeleton__li:last-child{width:50%}.avue-skeleton__loading{background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%) 0 0/400% 100%;animation:1.4s infinite avue-skeleton-loading}@keyframes avue-skeleton-loading{0%{background-position:100%}to{background-position:0}}