@web-utils/component 2.7.13 → 2.7.15

package/dist/components/image-preview/index.js

@@ -0,0 +1,346 @@
+import { x as u } from "../../chunks/util.23fe58fb.js";
+import { setPx as n } from "@web-utils/core";
+import { n as h } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+import f from "vue";
+var d = function() {
+  var e = this, s = e.$createElement, t = e._self._c || s;
+  return e.isShow ? t("div", {
+    staticClass: "avue-image-preview"
+  }, [e.ops.modal ? t("div", {
+    staticClass: "avue-image-preview__mask",
+    on: {
+      click: e.close
+    }
+  }) : e._e(), t("span", {
+    staticClass: "el-image-viewer__btn el-image-viewer__close",
+    on: {
+      click: e.close
+    }
+  }, [t("i", {
+    staticClass: "el-icon-circle-close"
+  })]), e.isRrrow ? t("span", {
+    staticClass: "el-image-viewer__btn el-image-viewer__prev",
+    on: {
+      click: function(i) {
+        return e.handlePrev();
+      }
+    }
+  }, [t("i", {
+    staticClass: "el-icon-arrow-left"
+  })]) : e._e(), e.isRrrow ? t("span", {
+    staticClass: "el-image-viewer__btn el-image-viewer__next",
+    on: {
+      click: function(i) {
+        return e.handleNext();
+      }
+    }
+  }, [t("i", {
+    staticClass: "el-icon-arrow-right"
+  })]) : e._e(), t("div", {
+    ref: "box",
+    staticClass: "avue-image-preview__box"
+  }, [t("ElCarousel", {
+    ref: "carousel",
+    attrs: {
+      "show-indicators": !1,
+      "initial-index": e.index,
+      "initial-swipe": e.index,
+      interval: 0,
+      arrow: "never",
+      "indicator-position": "none"
+    },
+    on: {
+      change: e.handleChange
+    }
+  }, e._l(e.datas, function(i, a) {
+    return t("ElCarouselItem", {
+      key: a,
+      nativeOn: {
+        click: function(o) {
+          if (o.target !== o.currentTarget)
+            return null;
+          e.ops.closeOnClickModal && e.close();
+        }
+      }
+    }, [e.isMediaType(i) ? t(e.isMediaType(i), {
+      ref: "item",
+      refInFor: !0,
+      tag: "Component",
+      style: [e.styleName, e.styleBoxName],
+      attrs: {
+        id: `avue-image-preview__${a}`,
+        src: i.url,
+        controls: "controls",
+        ondragstart: "return false"
+      },
+      on: {
+        click: function(o) {
+          return e.handleClick(i, a);
+        },
+        mousedown: e.move
+      }
+    }) : t("div", {
+      staticClass: "avue-image-preview__file",
+      attrs: {
+        id: `avue-image-preview__${a}`
+      },
+      on: {
+        click: function(o) {
+          return e.handleClick(i, a, !0);
+        }
+      }
+    }, [t("span", [t("i", {
+      staticClass: "el-icon-document"
+    }), t("p", [e._v(e._s(i.name || e.getName(i.url)))])])])], 1);
+  }), 1)], 1), t("div", {
+    staticClass: "el-image-viewer__btn el-image-viewer__actions"
+  }, [t("div", {
+    staticClass: "el-image-viewer__actions__inner"
+  }, [t("i", {
+    staticClass: "el-icon-zoom-out",
+    on: {
+      click: e.subScale
+    }
+  }), t("i", {
+    staticClass: "el-icon-zoom-in",
+    on: {
+      click: e.addScale
+    }
+  }), t("i", {
+    staticClass: "el-image-viewer__actions__divider"
+  }), t("i", {
+    staticClass: "el-icon-printer",
+    on: {
+      click: e.handlePrint
+    }
+  }), t("i", {
+    staticClass: "el-image-viewer__actions__divider"
+  }), t("i", {
+    staticClass: "el-icon-refresh-left",
+    on: {
+      click: function(i) {
+        e.rotate = e.rotate - 90;
+      }
+    }
+  }), t("i", {
+    staticClass: "el-icon-refresh-right",
+    on: {
+      click: function(i) {
+        e.rotate = e.rotate + 90;
+      }
+    }
+  })])])]) : e._e();
+}, m = [];
+const _ = {
+  name: "ImagePreview",
+  imagePreview: p,
+  data() {
+    return {
+      left: 0,
+      top: 0,
+      scale: 1,
+      datas: [],
+      rotate: 0,
+      isShow: !1,
+      index: 0,
+      ops: {}
+    };
+  },
+  computed: {
+    styleBoxName() {
+      return {
+        marginLeft: n(this.left),
+        marginTop: n(this.top)
+      };
+    },
+    styleName() {
+      return {
+        transform: `scale(${this.scale}) rotate(${this.rotate}deg)`,
+        maxWidth: "100%",
+        maxHeight: "100%"
+      };
+    },
+    isRrrow() {
+      return this.datas.length > 1;
+    }
+  },
+  methods: {
+    getName(e) {
+      return e.substring(e.lastIndexOf("/") + 1);
+    },
+    handlePrint() {
+      this.$Print(`#avue-image-preview__${this.index}`);
+    },
+    handlePrev() {
+      this.$refs.carousel.prev(), this.index = this.$refs.carousel.activeIndex, this.stopItem();
+    },
+    handleNext() {
+      this.$refs.carousel.next(), this.index = this.$refs.carousel.activeIndex, this.stopItem();
+    },
+    stopItem() {
+      this.left = 0, this.top = 0, this.$refs.item.forEach((e) => {
+        e.pause && e.pause();
+      });
+    },
+    isMediaType(e) {
+      return u(e.url, e.type);
+    },
+    subScale() {
+      this.scale !== 0.2 && (this.scale = parseFloat((this.scale - 0.2).toFixed(2)));
+    },
+    addScale() {
+      this.scale = parseFloat((this.scale + 0.2).toFixed(2));
+    },
+    handleChange() {
+      this.scale = 1, this.rotate = 0;
+    },
+    move(e) {
+      let s = e.clientX, t = e.clientY;
+      const i = 2;
+      document.onmousemove = (a) => {
+        const o = a.clientX - s, l = a.clientY - t;
+        s = a.clientX, t = a.clientY, this.left = this.left + o * i, this.top = this.top + l * i;
+      }, document.onmouseup = () => {
+        document.onmousemove = null, document.onmouseup = null;
+      };
+    },
+    handleClick(e, s, t = !1) {
+      typeof this.ops.click == "function" ? this.ops.click(e, s) : t && window.open(e.url);
+    },
+    close() {
+      this.isShow = !1, typeof this.ops.beforeClose == "function" && this.ops.beforeClose(this.datas, this.index), this.$destroy(), this.$el.remove();
+    }
+  }
+}, r = {};
+var v = /* @__PURE__ */ h(
+  _,
+  d,
+  m,
+  !1,
+  g,
+  null,
+  null,
+  null
+);
+function g(e) {
+  for (let s in r)
+    this[s] = r[s];
+}
+const w = /* @__PURE__ */ function() {
+  return v.exports;
+}(), p = (e = [], s = 0, t = {}) => {
+  const i = f.extend(w), a = {
+    datas: e,
+    index: s,
+    ops: {
+      closeOnClickModal: !1,
+      beforeClose: null,
+      click: null,
+      modal: !0,
+      ...t
+    }
+  }, o = new i({
+    data: a
+  });
+  return o.$mount(), document.body.appendChild(o.$el), o.isShow = !0, o;
+}, x = {
+  name: "ImagePreview",
+  imagePreview: p,
+  data() {
+    return {
+      left: 0,
+      top: 0,
+      scale: 1,
+      datas: [],
+      rotate: 0,
+      isShow: !1,
+      index: 0,
+      ops: {}
+    };
+  },
+  computed: {
+    styleBoxName() {
+      return {
+        marginLeft: n(this.left),
+        marginTop: n(this.top)
+      };
+    },
+    styleName() {
+      return {
+        transform: `scale(${this.scale}) rotate(${this.rotate}deg)`,
+        maxWidth: "100%",
+        maxHeight: "100%"
+      };
+    },
+    isRrrow() {
+      return this.datas.length > 1;
+    }
+  },
+  methods: {
+    getName(e) {
+      return e.substring(e.lastIndexOf("/") + 1);
+    },
+    handlePrint() {
+      this.$Print(`#avue-image-preview__${this.index}`);
+    },
+    handlePrev() {
+      this.$refs.carousel.prev(), this.index = this.$refs.carousel.activeIndex, this.stopItem();
+    },
+    handleNext() {
+      this.$refs.carousel.next(), this.index = this.$refs.carousel.activeIndex, this.stopItem();
+    },
+    stopItem() {
+      this.left = 0, this.top = 0, this.$refs.item.forEach((e) => {
+        e.pause && e.pause();
+      });
+    },
+    isMediaType(e) {
+      return u(e.url, e.type);
+    },
+    subScale() {
+      this.scale !== 0.2 && (this.scale = parseFloat((this.scale - 0.2).toFixed(2)));
+    },
+    addScale() {
+      this.scale = parseFloat((this.scale + 0.2).toFixed(2));
+    },
+    handleChange() {
+      this.scale = 1, this.rotate = 0;
+    },
+    move(e) {
+      let s = e.clientX, t = e.clientY;
+      const i = 2;
+      document.onmousemove = (a) => {
+        const o = a.clientX - s, l = a.clientY - t;
+        s = a.clientX, t = a.clientY, this.left = this.left + o * i, this.top = this.top + l * i;
+      }, document.onmouseup = () => {
+        document.onmousemove = null, document.onmouseup = null;
+      };
+    },
+    handleClick(e, s, t = !1) {
+      typeof this.ops.click == "function" ? this.ops.click(e, s) : t && window.open(e.url);
+    },
+    close() {
+      this.isShow = !1, typeof this.ops.beforeClose == "function" && this.ops.beforeClose(this.datas, this.index), this.$destroy(), this.$el.remove();
+    }
+  }
+}, c = {};
+var C = /* @__PURE__ */ h(
+  x,
+  d,
+  m,
+  !1,
+  $,
+  null,
+  null,
+  null
+);
+function $(e) {
+  for (let s in c)
+    this[s] = c[s];
+}
+const P = /* @__PURE__ */ function() {
+  return C.exports;
+}();
+export {
+  P as default
+};

package/dist/components/image-preview/style.css

@@ -0,0 +1 @@
+.avue-img--center{display:flex;align-items:center;justify-content:center}.avue-img--fullscreen .el-dialog__body{height:100%}.avue-image-preview{position:fixed;top:0;left:0;width:100%;height:100%;transition:all .5s;z-index:9998}.avue-image-preview .el-image-viewer__close i{color:#fff}.avue-image-preview .el-image-viewer__btn{z-index:1024}.avue-image-preview img{transition:all .5s;cursor:pointer}.avue-image-preview__file{text-align:center}.avue-image-preview__file a{color:#fff}.avue-image-preview__file i{cursor:pointer;font-size:80px}.avue-image-preview__mask{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)}.avue-image-preview__box{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.avue-image-preview__box .el-carousel{width:90%;height:100%}.avue-image-preview__box .el-carousel__container{height:100%}.avue-image-preview__box .el-carousel__item{width:100%;height:100%;display:flex;align-items:center;justify-content:center}

package/dist/components/keyboard/index.js

@@ -7,11 +7,12 @@ let T = class {
     }
     this.obj = e;
     const r = document.querySelector(e.el);
-    let l = "";
+    let c = "";
     if (typeof e.style == "object")
-      for (let t in e.style)
-        l += t + ": " + e.style[t] + ";";
-    let i = '<div class="akeyboard-keyboard' + (e.fixedBottomCenter ? " akeyboard-keyboard-fixedBottomCenter" : "") + '" style="' + l + '">', o = [];
+      for (const t in e.style)
+        c += `${t}: ${e.style[t]};`;
+    let i = `<div class="akeyboard-keyboard${e.fixedBottomCenter ? " akeyboard-keyboard-fixedBottomCenter" : ""}" style="${c}">`;
+    const o = [];
     for (let t = 1; t < 10; t++)
       o.push(t.toString());
     o.push("0");
@@ -30,9 +31,9 @@ let T = class {
     const a = [], m = [];
     for (let t = 0; t < s.length; t++) {
       a.push([]), m.push([]), n = s[t];
-      for (let c = 0; c < n.length; c++) {
-        if (n[c].length === 1) {
-          switch (m[t].push(n[c].toUpperCase()), n[c]) {
+      for (let l = 0; l < n.length; l++) {
+        if (n[l].length === 1) {
+          switch (m[t].push(n[l].toUpperCase()), n[l]) {
             case "`":
               a[t].push("~");
               continue;
@@ -97,33 +98,30 @@ let T = class {
               a[t].push("?");
               continue;
           }
-          a[t].push(n[c].toUpperCase());
+          a[t].push(n[l].toUpperCase());
           continue;
         }
-        a[t].push(n[c]), m[t].push(n[c]);
+        a[t].push(n[l]), m[t].push(n[l]);
       }
     }
     for (let t = 0; t < s.length; t++) {
       n = s[t], i += '<div class="akeyboard-keyboard-innerKeys">';
-      for (let c = 0; c < n.length; c++)
-        i += '<div class="akeyboard-keyboard-keys akeyboard-keyboard-keys-' + n[c] + '">' + n[c] + "</div>";
+      for (let l = 0; l < n.length; l++)
+        i += `<div class="akeyboard-keyboard-keys akeyboard-keyboard-keys-${n[l]}">${n[l]}</div>`;
       i += "</div>";
     }
     i += "</div>", r.innerHTML = i;
     let K = !1;
     s.forEach((t) => {
-      if (t.includes("Shift")) {
-        K = !0;
-        return;
-      }
-    }), K && document.querySelectorAll(e.el + " .akeyboard-keyboard-keys-Shift").forEach((c) => {
-      c.onclick = function() {
+      t.includes("Shift") && (K = !0);
+    }), K && document.querySelectorAll(`${e.el} .akeyboard-keyboard-keys-Shift`).forEach((l) => {
+      l.onclick = function() {
         if (!this.isShift) {
-          const y = document.querySelector(e.el + " .akeyboard-keyboard-keys-Caps");
+          const y = document.querySelector(`${e.el} .akeyboard-keyboard-keys-Caps`);
           if (y && y.isCaps)
             return;
-          c.isShift = !0, c.innerHTML = "SHIFT", this.classList.add("keyboard-keyboard-keys-focus");
-          const u = document.querySelectorAll(e.el + " .akeyboard-keyboard-innerKeys");
+          l.isShift = !0, l.innerHTML = "SHIFT", this.classList.add("keyboard-keyboard-keys-focus");
+          const u = document.querySelectorAll(`${e.el} .akeyboard-keyboard-innerKeys`);
           let b;
           for (let h = 0; h < u.length; h++) {
             b = u[h];
@@ -132,8 +130,8 @@ let T = class {
           }
           return;
         }
-        c.isShift = !1, c.innerHTML = "Shift", this.classList.remove("keyboard-keyboard-keys-focus");
-        const p = document.querySelectorAll(e.el + " .akeyboard-keyboard-innerKeys");
+        l.isShift = !1, l.innerHTML = "Shift", this.classList.remove("keyboard-keyboard-keys-focus");
+        const p = document.querySelectorAll(`${e.el} .akeyboard-keyboard-innerKeys`);
         let k;
         for (let y = 0; y < p.length; y++) {
           k = p[y];
@@ -144,18 +142,15 @@ let T = class {
     });
     let v = !1;
     s.forEach((t) => {
-      if (t.includes("Caps")) {
-        v = !0;
-        return;
-      }
-    }), v && document.querySelectorAll(e.el + " .akeyboard-keyboard-keys-Caps").forEach((c) => {
-      c.onclick = function() {
+      t.includes("Caps") && (v = !0);
+    }), v && document.querySelectorAll(`${e.el} .akeyboard-keyboard-keys-Caps`).forEach((l) => {
+      l.onclick = function() {
         if (!this.isCaps) {
-          const y = document.querySelector(e.el + " .akeyboard-keyboard-keys-Shift");
+          const y = document.querySelector(`${e.el} .akeyboard-keyboard-keys-Shift`);
           if (y && y.isShift)
             return;
           this.isCaps = !0, this.classList.add("keyboard-keyboard-keys-focus");
-          const u = document.querySelectorAll(e.el + " .akeyboard-keyboard-innerKeys");
+          const u = document.querySelectorAll(`${e.el} .akeyboard-keyboard-innerKeys`);
           let b;
           for (let h = 0; h < u.length; h++) {
             b = u[h];
@@ -165,7 +160,7 @@ let T = class {
           return;
         }
         this.isCaps = !1, this.classList.remove("keyboard-keyboard-keys-focus");
-        const p = document.querySelectorAll(e.el + " .akeyboard-keyboard-innerKeys");
+        const p = document.querySelectorAll(`${e.el} .akeyboard-keyboard-innerKeys`);
         let k;
         for (let y = 0; y < p.length; y++) {
           k = p[y];
@@ -175,7 +170,7 @@ let T = class {
       };
     });
   }
-  inputOn(e, r, l, i) {
+  inputOn(e, r, c, i) {
     if (typeof e != "string") {
       console.error('aKeyboard: The inputEle parameter needs to be a string <In "aKeyboard.inputOn()">');
       return;
@@ -184,36 +179,36 @@ let T = class {
       console.error('aKeyboard: The type parameter needs to be a string <In "aKeyboard.inputOn()">');
       return;
     }
-    const o = document.querySelector(e), s = document.querySelectorAll(this.obj.el + " .akeyboard-keyboard-keys");
+    const o = document.querySelector(e), s = document.querySelectorAll(`${this.obj.el} .akeyboard-keyboard-keys`);
     for (let n = 0; n < s.length; n++)
       if (!["Shift", "Caps"].includes(s[n].innerHTML)) {
         if (s[n].innerHTML === "Delete") {
           s[n].onclick = function() {
-            o[r] = o[r].substr(0, o[r].length - 1), l("Delete", o[r]);
+            o[r] = o[r].substr(0, o[r].length - 1), c("Delete", o[r]);
           };
           continue;
         }
         if (s[n].innerHTML === "Tab") {
           s[n].onclick = function() {
-            o[r] += "  ", l("Tab", o[r]);
+            o[r] += "  ", c("Tab", o[r]);
           };
           continue;
         }
         if (s[n].innerHTML === "Enter") {
           s[n].onclick = function() {
             o[r] += `
-`, l("Enter", o[r]);
+`, c("Enter", o[r]);
           };
           continue;
         }
         if (s[n].innerHTML === "Space") {
           s[n].onclick = function() {
-            o[r] += " ", l("Space", o[r]);
+            o[r] += " ", c("Space", o[r]);
           };
           continue;
         }
         i && typeof i == "object" && Object.keys(i).length > 0 && i[s[n].innerHTML] ? s[n].onclick = i[s[n].innerHTML] : s[n].onclick = function() {
-          o[r] += this.innerText, l(this.innerText, o[r]);
+          o[r] += this.innerText, c(this.innerText, o[r]);
         };
       }
   }
@@ -226,11 +221,11 @@ let T = class {
       console.error('aKeyboard: The fn parameter needs to be a function <In "aKeyboard.onclick()">');
       return;
     }
-    let l = document.querySelector(this.obj.el + " .akeyboard-keyboard-keys-" + e);
-    l ? l.onclick = r : console.error("Can not find key: " + e);
+    const c = document.querySelector(`${this.obj.el} .akeyboard-keyboard-keys-${e}`);
+    c ? c.onclick = r : console.error(`Can not find key: ${e}`);
   }
 };
-class E {
+class $ {
   constructor(e) {
     if (typeof e != "object") {
       console.error('aKeyboard: The obj parameter needs to be an object <In "new aKeyboard()">');
@@ -238,17 +233,17 @@ class E {
     }
     this.obj = e;
     const r = document.querySelector(e.el);
-    let l = "";
+    let c = "";
     if (typeof e.style == "object")
-      for (let o in e.style)
-        l += o + ": " + e.style[o] + ";";
-    let i = '<div class="akeyboard-numberKeyboard' + (e.fixedBottomCenter ? " akeyboard-keyboard-fixedBottomCenter" : "") + '" style="' + l + '">';
+      for (const o in e.style)
+        c += `${o}: ${e.style[o]};`;
+    let i = `<div class="akeyboard-numberKeyboard${e.fixedBottomCenter ? " akeyboard-keyboard-fixedBottomCenter" : ""}" style="${c}">`;
     i += '<div class="akeyboard-keyboard-innerKeys">';
     for (let o = 1; o < 10; o++)
-      i += '<div class="akeyboard-keyboard-keys akeyboard-keyboard-keys-' + o + '">' + o + "</div>", o % 3 === 0 && (i += '</div><div class="akeyboard-keyboard-innerKeys">');
+      i += `<div class="akeyboard-keyboard-keys akeyboard-keyboard-keys-${o}">${o}</div>`, o % 3 === 0 && (i += '</div><div class="akeyboard-keyboard-innerKeys">');
     i += '<div class="akeyboard-keyboard-keys akeyboard-keyboard-keys-0">0</div><div class="akeyboard-keyboard-keys akeyboard-keyboard-keys-Delete">Delete</div></div><div class="akeyboard-keyboard-innerKeys"><div class="akeyboard-keyboard-keys akeyboard-numberKeyboard-keys-Enter">Enter</div></div>', i += "</div>", r.innerHTML = i;
   }
-  inputOn(e, r, l, i) {
+  inputOn(e, r, c, i) {
     if (typeof e != "string") {
       console.error('aKeyboard: The inputEle parameter needs to be a string <In "aKeyboard.inputOn()">');
       return;
@@ -257,23 +252,23 @@ class E {
       console.error('aKeyboard: The type parameter needs to be a string <In "aKeyboard.inputOn()">');
       return;
     }
-    const o = document.querySelector(e), s = document.querySelectorAll(this.obj.el + " .akeyboard-keyboard-keys");
+    const o = document.querySelector(e), s = document.querySelectorAll(`${this.obj.el} .akeyboard-keyboard-keys`);
     for (let n = 0; n < s.length; n++) {
       if (s[n].innerHTML === "Delete") {
         s[n].onclick = function() {
-          o[r] = o[r].substr(0, o[r].length - 1), l("Delete", o[r]);
+          o[r] = o[r].substr(0, o[r].length - 1), c("Delete", o[r]);
         };
         continue;
       }
       if (s[n].innerHTML === "Enter") {
         s[n].onclick = function() {
           o[r] += `
-`, l("Enter", o[r]);
+`, c("Enter", o[r]);
         };
         continue;
       }
       i && typeof i == "object" && Object.keys(i).length > 0 && i[s[n].innerHTML] ? s[n].onclick = i[s[n].innerHTML] : s[n].onclick = function() {
-        o[r] += this.innerText, l(this.innerText, o[r]);
+        o[r] += this.innerText, c(this.innerText, o[r]);
       };
     }
   }
@@ -286,11 +281,11 @@ class E {
       console.error('aKeyboard: The fn parameter needs to be a function <In "aKeyboard.onclick()">');
       return;
     }
-    let l = document.querySelector(this.obj.el + " .akeyboard-keyboard-keys-" + e);
-    l ? l.onclick = r : console.error("Can not find key: " + e);
+    const c = document.querySelector(`${this.obj.el} .akeyboard-keyboard-keys-${e}`);
+    c ? c.onclick = r : console.error(`Can not find key: ${e}`);
   }
 }
-var _ = function() {
+var E = function() {
   var d = this, e = d.$createElement, r = d._self._c || e;
   return r("div", {
     class: ["avue-keyboard", d.className]
@@ -299,8 +294,8 @@ var _ = function() {
       id: "keyboard"
     }
   })]);
-}, L = [];
-const M = {
+}, _ = [];
+const L = {
   name: "Keyboard",
   props: {
     ele: {
@@ -356,10 +351,10 @@ const M = {
         keys: this.keys,
         fixedBottomCenter: this.fixedBottomCenter
       };
-      this.type === "default" ? d = new T(e) : this.type === "number" ? d = new E(e) : this.type === "mobile" && (d = new MobileKeyBoard(e));
+      this.type === "default" ? d = new T(e) : this.type === "number" && (d = new $(e));
       const r = this.ele.indexOf("#") === 0 ? this.ele.substring(1) : this.ele;
-      d.inputOn(`#${r}`, "value", (l, i) => {
-        this.$emit("click", l, i);
+      d.inputOn(`#${r}`, "value", (c, i) => {
+        this.$emit("click", c, i);
       }, this.rebind ? this.customClick : null), this.keyboard = d;
     },
     bindClick(d, e) {
@@ -368,9 +363,9 @@ const M = {
   }
 }, g = {};
 var C = /* @__PURE__ */ S(
-  M,
-  _,
   L,
+  E,
+  _,
   !1,
   H,
   null,
@@ -381,9 +376,9 @@ function H(d) {
   for (let e in g)
     this[e] = g[e];
 }
-const I = /* @__PURE__ */ function() {
+const x = /* @__PURE__ */ function() {
   return C.exports;
 }();
 export {
-  I as default
+  x as default
 };

package/dist/components/license/index.js

@@ -1,4 +1,4 @@
-import { w as l } from "../../chunks/util.80e28481.js";
+import { y as l } from "../../chunks/util.23fe58fb.js";
 import { n as g } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
 var m = function() {
   var t = this, e = t.$createElement, s = t._self._c || e;
@@ -10,11 +10,11 @@ var m = function() {
   }, [s("canvas", {
     ref: "canvas",
     attrs: {
-      id: "canvas" + t.id
+      id: `canvas${t.id}`
     }
   }), t._t("default")], 2);
-}, w = [];
-const f = {
+}, f = [];
+const w = {
   name: "License",
   props: {
     id: {
@@ -51,7 +51,7 @@ const f = {
     }
   },
   mounted() {
-    this.canvas = document.getElementById("canvas" + this.id), this.context = this.canvas.getContext("2d"), this.init();
+    this.canvas = document.getElementById(`canvas${this.id}`), this.context = this.canvas.getContext("2d"), this.init();
   },
   methods: {
     init() {
@@ -113,9 +113,9 @@ const f = {
   }
 }, d = {};
 var p = /* @__PURE__ */ g(
-  f,
-  m,
   w,
+  m,
+  f,
   !1,
   v,
   null,