@web-utils/component 3.0.6 → 3.1.0

package/keyboard/index.mjs

@@ -1,5 +1,5 @@
-import { n as S } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-let T = class {
+import { n as v } from "../chunks/_plugin-vue2_normalizer.446f5dc4.mjs";
+let S = class {
   constructor(e) {
     if (typeof e != "object") {
       console.error('aKeyboard: The obj parameter needs to be an object <In "new aKeyboard()">');
@@ -9,12 +9,12 @@ let T = class {
     const r = document.querySelector(e.el);
     let c = "";
     if (typeof e.style == "object")
-      for (const t in e.style)
-        c += `${t}: ${e.style[t]};`;
+      for (const n in e.style)
+        c += `${n}: ${e.style[n]};`;
     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());
+    for (let n = 1; n < 10; n++)
+      o.push(n.toString());
     o.push("0");
     const s = e.keys || [
       ["`"].concat(o).concat(["-", "=", "Delete"]),
@@ -23,104 +23,104 @@ let T = class {
       ["Shift", "z", "x", "c", "v", "b", "n", "m", ",", ".", "/", "Shift"],
       ["Space"]
     ];
-    let n;
+    let t;
     const a = [], m = [];
-    for (let t = 0; t < s.length; t++) {
-      a.push([]), m.push([]), n = s[t];
-      for (let l = 0; l < n.length; l++) {
-        if (n[l].length === 1) {
-          switch (m[t].push(n[l].toUpperCase()), n[l]) {
+    for (let n = 0; n < s.length; n++) {
+      a.push([]), m.push([]), t = s[n];
+      for (let l = 0; l < t.length; l++) {
+        if (t[l].length === 1) {
+          switch (m[n].push(t[l].toUpperCase()), t[l]) {
             case "`":
-              a[t].push("~");
+              a[n].push("~");
               continue;
             case "1":
-              a[t].push("!");
+              a[n].push("!");
               continue;
             case "2":
-              a[t].push("@");
+              a[n].push("@");
               continue;
             case "3":
-              a[t].push("#");
+              a[n].push("#");
               continue;
             case "4":
-              a[t].push("$");
+              a[n].push("$");
               continue;
             case "5":
-              a[t].push("%");
+              a[n].push("%");
               continue;
             case "6":
-              a[t].push("^");
+              a[n].push("^");
               continue;
             case "7":
-              a[t].push("&");
+              a[n].push("&");
               continue;
             case "8":
-              a[t].push("*");
+              a[n].push("*");
               continue;
             case "9":
-              a[t].push("(");
+              a[n].push("(");
               continue;
             case "0":
-              a[t].push(")");
+              a[n].push(")");
               continue;
             case "-":
-              a[t].push("_");
+              a[n].push("_");
               continue;
             case "=":
-              a[t].push("+");
+              a[n].push("+");
               continue;
             case "[":
-              a[t].push("{");
+              a[n].push("{");
               continue;
             case "]":
-              a[t].push("}");
+              a[n].push("}");
               continue;
             case "\\":
-              a[t].push("|");
+              a[n].push("|");
               continue;
             case ";":
-              a[t].push(":");
+              a[n].push(":");
               continue;
             case "'":
-              a[t].push('"');
+              a[n].push('"');
               continue;
             case ",":
-              a[t].push("<");
+              a[n].push("<");
               continue;
             case ".":
-              a[t].push(">");
+              a[n].push(">");
               continue;
             case "/":
-              a[t].push("?");
+              a[n].push("?");
               continue;
           }
-          a[t].push(n[l].toUpperCase());
+          a[n].push(t[l].toUpperCase());
           continue;
         }
-        a[t].push(n[l]), m[t].push(n[l]);
+        a[n].push(t[l]), m[n].push(t[l]);
       }
     }
-    for (let t = 0; t < s.length; t++) {
-      n = s[t], i += '<div class="akeyboard-keyboard-innerKeys">';
-      for (let l = 0; l < n.length; l++)
-        i += `<div class="akeyboard-keyboard-keys akeyboard-keyboard-keys-${n[l]}">${n[l]}</div>`;
+    for (let n = 0; n < s.length; n++) {
+      t = s[n], i += '<div class="akeyboard-keyboard-innerKeys">';
+      for (let l = 0; l < t.length; l++)
+        i += `<div class="akeyboard-keyboard-keys akeyboard-keyboard-keys-${t[l]}">${t[l]}</div>`;
       i += "</div>";
     }
     i += "</div>", r.innerHTML = i;
     let K = !1;
-    s.forEach((t) => {
-      t.includes("Shift") && (K = !0);
+    s.forEach((n) => {
+      n.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`);
-          if (y && y.isCaps)
+          const d = document.querySelector(`${e.el} .akeyboard-keyboard-keys-Caps`);
+          if (d && d.isCaps)
             return;
           l.isShift = !0, l.innerHTML = "SHIFT", this.classList.add("keyboard-keyboard-keys-focus");
-          const u = document.querySelectorAll(`${e.el} .akeyboard-keyboard-innerKeys`);
+          const y = document.querySelectorAll(`${e.el} .akeyboard-keyboard-innerKeys`);
           let b;
-          for (let h = 0; h < u.length; h++) {
-            b = u[h];
+          for (let h = 0; h < y.length; h++) {
+            b = y[h];
             for (let f = 0; f < b.childNodes.length; f++)
               a[h][f] !== "Shift" && (b.childNodes[f].innerHTML = a[h][f]);
           }
@@ -129,27 +129,27 @@ let T = class {
         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];
-          for (let u = 0; u < k.childNodes.length; u++)
-            k.childNodes[u].innerHTML = s[y][u];
+        for (let d = 0; d < p.length; d++) {
+          k = p[d];
+          for (let y = 0; y < k.childNodes.length; y++)
+            k.childNodes[y].innerHTML = s[d][y];
         }
       };
     });
-    let v = !1;
-    s.forEach((t) => {
-      t.includes("Caps") && (v = !0);
-    }), v && document.querySelectorAll(`${e.el} .akeyboard-keyboard-keys-Caps`).forEach((l) => {
+    let g = !1;
+    s.forEach((n) => {
+      n.includes("Caps") && (g = !0);
+    }), g && 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`);
-          if (y && y.isShift)
+          const d = document.querySelector(`${e.el} .akeyboard-keyboard-keys-Shift`);
+          if (d && d.isShift)
             return;
           this.isCaps = !0, this.classList.add("keyboard-keyboard-keys-focus");
-          const u = document.querySelectorAll(`${e.el} .akeyboard-keyboard-innerKeys`);
+          const y = document.querySelectorAll(`${e.el} .akeyboard-keyboard-innerKeys`);
           let b;
-          for (let h = 0; h < u.length; h++) {
-            b = u[h];
+          for (let h = 0; h < y.length; h++) {
+            b = y[h];
             for (let f = 0; f < b.childNodes.length; f++)
               b.childNodes[f].innerHTML = m[h][f];
           }
@@ -158,10 +158,10 @@ let T = class {
         this.isCaps = !1, 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];
-          for (let u = 0; u < k.childNodes.length; u++)
-            k.childNodes[u].innerHTML = s[y][u];
+        for (let d = 0; d < p.length; d++) {
+          k = p[d];
+          for (let y = 0; y < k.childNodes.length; y++)
+            k.childNodes[y].innerHTML = s[d][y];
         }
       };
     });
@@ -176,34 +176,34 @@ let T = class {
       return;
     }
     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() {
+    for (let t = 0; t < s.length; t++)
+      if (!["Shift", "Caps"].includes(s[t].innerHTML)) {
+        if (s[t].innerHTML === "Delete") {
+          s[t].onclick = function() {
             o[r] = o[r].substr(0, o[r].length - 1), c("Delete", o[r]);
           };
           continue;
         }
-        if (s[n].innerHTML === "Tab") {
-          s[n].onclick = function() {
+        if (s[t].innerHTML === "Tab") {
+          s[t].onclick = function() {
             o[r] += "  ", c("Tab", o[r]);
           };
           continue;
         }
-        if (s[n].innerHTML === "Enter") {
-          s[n].onclick = function() {
+        if (s[t].innerHTML === "Enter") {
+          s[t].onclick = function() {
             o[r] += `
 `, c("Enter", o[r]);
           };
           continue;
         }
-        if (s[n].innerHTML === "Space") {
-          s[n].onclick = function() {
+        if (s[t].innerHTML === "Space") {
+          s[t].onclick = function() {
             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() {
+        i && typeof i == "object" && Object.keys(i).length > 0 && i[s[t].innerHTML] ? s[t].onclick = i[s[t].innerHTML] : s[t].onclick = function() {
           o[r] += this.innerText, c(this.innerText, o[r]);
         };
       }
@@ -221,7 +221,7 @@ let T = class {
     c ? c.onclick = r : console.error(`Can not find key: ${e}`);
   }
 };
-class $ {
+class T {
   constructor(e) {
     if (typeof e != "object") {
       console.error('aKeyboard: The obj parameter needs to be an object <In "new aKeyboard()">');
@@ -249,21 +249,21 @@ class $ {
       return;
     }
     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() {
+    for (let t = 0; t < s.length; t++) {
+      if (s[t].innerHTML === "Delete") {
+        s[t].onclick = function() {
           o[r] = o[r].substr(0, o[r].length - 1), c("Delete", o[r]);
         };
         continue;
       }
-      if (s[n].innerHTML === "Enter") {
-        s[n].onclick = function() {
+      if (s[t].innerHTML === "Enter") {
+        s[t].onclick = function() {
           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() {
+      i && typeof i == "object" && Object.keys(i).length > 0 && i[s[t].innerHTML] ? s[t].onclick = i[s[t].innerHTML] : s[t].onclick = function() {
         o[r] += this.innerText, c(this.innerText, o[r]);
       };
     }
@@ -281,17 +281,7 @@ class $ {
     c ? c.onclick = r : console.error(`Can not find key: ${e}`);
   }
 }
-var E = function() {
-  var d = this, e = d.$createElement, r = d._self._c || e;
-  return r("div", {
-    class: ["avue-keyboard", d.className]
-  }, [r("div", {
-    attrs: {
-      id: "keyboard"
-    }
-  })]);
-}, _ = [];
-const L = {
+const $ = {
   name: "Keyboard",
   props: {
     ele: {
@@ -302,12 +292,12 @@ const L = {
     theme: {
       type: String,
       default: "default",
-      validator: (d) => ["default", "dark", "green", "classic"].includes(d)
+      validator: (u) => ["default", "dark", "green", "classic"].includes(u)
     },
     type: {
       type: String,
       default: "default",
-      validator: (d) => ["default", "number", "mobile"].includes(d)
+      validator: (u) => ["default", "number", "mobile"].includes(u)
     },
     fixedBottomCenter: {
       type: Boolean,
@@ -340,46 +330,43 @@ const L = {
     init() {
       if (!this.ele)
         return;
-      let d;
+      let u;
       const e = {
         el: "#keyboard",
         style: {},
         keys: this.keys,
         fixedBottomCenter: this.fixedBottomCenter
       };
-      this.type === "default" ? d = new T(e) : this.type === "number" && (d = new $(e));
+      this.type === "default" ? u = new S(e) : this.type === "number" && (u = new T(e));
       const r = this.ele.indexOf("#") === 0 ? this.ele.substring(1) : this.ele;
-      d.inputOn(
+      u.inputOn(
         `#${r}`,
         "value",
         (c, i) => {
           this.$emit("click", c, i);
         },
         this.rebind ? this.customClick : null
-      ), this.keyboard = d;
+      ), this.keyboard = u;
     },
-    bindClick(d, e) {
-      this.keyboard.onclick(d, e), this.customClick[d] = e;
+    bindClick(u, e) {
+      this.keyboard.onclick(u, e), this.customClick[u] = e;
     }
   }
-}, g = {};
-var C = /* @__PURE__ */ S(
-  L,
+};
+var E = function() {
+  var e = this, r = e._self._c;
+  return r("div", { class: ["avue-keyboard", e.className] }, [r("div", { attrs: { id: "keyboard" } })]);
+}, L = [], _ = /* @__PURE__ */ v(
+  $,
   E,
-  _,
+  L,
   !1,
-  H,
+  null,
   null,
   null,
   null
 );
-function H(d) {
-  for (let e in g)
-    this[e] = g[e];
-}
-const x = /* @__PURE__ */ function() {
-  return C.exports;
-}();
+const M = _.exports;
 export {
-  x as default
+  M as default
 };

package/license/index.mjs

@@ -1,20 +1,6 @@
-import { C as l } from "../chunks/util.ae730cde.mjs";
-import { n as g } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-var m = function() {
-  var t = this, e = t.$createElement, s = t._self._c || e;
-  return s("div", {
-    staticClass: "avue-license",
-    staticStyle: {
-      position: "relative"
-    }
-  }, [s("canvas", {
-    ref: "canvas",
-    attrs: {
-      id: `canvas${t.id}`
-    }
-  }), t._t("default")], 2);
-}, f = [];
-const w = {
+import { C as r } from "../chunks/util.ae730cde.mjs";
+import { n as l } from "../chunks/_plugin-vue2_normalizer.446f5dc4.mjs";
+const g = {
   name: "License",
   props: {
     id: {
@@ -56,79 +42,76 @@ const w = {
   methods: {
     init() {
       this.draw = !1;
-      const t = new Image();
-      t.src = this.img, t.onload = () => {
-        const e = this.option.width || t.width, s = this.option.width ? t.height / t.width * this.option.width : t.height;
-        this.$refs.canvas.width = e, this.$refs.canvas.height = s, this.context.clearRect(0, 0, e, s), this.context.drawImage(t, 0, 0, e, s), this.list.forEach((i, a) => {
+      const i = new Image();
+      i.src = this.img, i.onload = () => {
+        const e = this.option.width || i.width, s = this.option.width ? i.height / i.width * this.option.width : i.height;
+        this.$refs.canvas.width = e, this.$refs.canvas.height = s, this.context.clearRect(0, 0, e, s), this.context.drawImage(i, 0, 0, e, s), this.list.forEach((t, a) => {
           const o = () => {
             a === this.list.length - 1 && setTimeout(() => {
               this.draw = !0;
             }, 0);
           };
-          if (i.img) {
+          if (t.img) {
             const n = new Image();
-            n.src = i.img, n.onload = () => {
-              const h = i.width || n.width, c = i.width ? n.height / n.width * i.width : n.height;
-              this.context.drawImage(n, i.left, i.top, h, c), o();
+            n.src = t.img, n.onload = () => {
+              const h = t.width || n.width, c = t.width ? n.height / n.width * t.width : n.height;
+              this.context.drawImage(n, t.left, t.top, h, c), o();
             };
           } else
-            i.bold ? this.context.font = `bold ${i.size}px ${i.style}` : this.context.font = `${i.size}px ${i.style}`, this.context.fillStyle = i.color, this.context.fillText(i.text, i.left, i.top), this.context.stroke(), o();
+            t.bold ? this.context.font = `bold ${t.size}px ${t.style}` : this.context.font = `${t.size}px ${t.style}`, this.context.fillStyle = t.color, this.context.fillText(t.text, t.left, t.top), this.context.stroke(), o();
         });
       };
     },
-    getFile(t = (/* @__PURE__ */ new Date()).getTime()) {
+    getFile(i = (/* @__PURE__ */ new Date()).getTime()) {
       return new Promise((e) => {
         const s = setInterval(() => {
           if (this.draw) {
-            const i = this.canvas.toDataURL("image/jpeg", 1), a = this.dataURLtoFile(i, t);
+            const t = this.canvas.toDataURL("image/jpeg", 1), a = this.dataURLtoFile(t, i);
             clearInterval(s), e(a);
           }
         }, 1e3);
       });
     },
-    downFile(t = (/* @__PURE__ */ new Date()).getTime()) {
-      l(this.base64, t);
+    downFile(i = (/* @__PURE__ */ new Date()).getTime()) {
+      r(this.base64, i);
     },
     getBase64() {
-      return new Promise((t) => {
+      return new Promise((i) => {
         const e = setInterval(() => {
           if (this.draw) {
             const s = this.canvas.toDataURL("image/jpeg", 1);
-            this.base64 = s, clearInterval(e), t(s);
+            this.base64 = s, clearInterval(e), i(s);
           }
         }, 100);
       });
     },
-    getPdf(t = (/* @__PURE__ */ new Date()).getTime()) {
-      const e = this.canvas.width, s = this.canvas.height, i = e / 592.28 * 841.89;
+    getPdf(i = (/* @__PURE__ */ new Date()).getTime()) {
+      const e = this.canvas.width, s = this.canvas.height, t = e / 592.28 * 841.89;
       let a = s, o = 0;
-      const n = 595.28, h = 592.28 / e * s, c = this.canvas.toDataURL("image/jpeg", 1), r = new window.jsPDF("", "pt", "a4");
-      if (a < i)
-        r.addImage(c, "JPEG", 0, 0, n, h);
+      const n = 595.28, h = 592.28 / e * s, c = this.canvas.toDataURL("image/jpeg", 1), d = new window.jsPDF("", "pt", "a4");
+      if (a < t)
+        d.addImage(c, "JPEG", 0, 0, n, h);
       else
         for (; a > 0; )
-          r.addImage(c, "JPEG", 0, o, n, h), a -= i, o -= 841.89, a > 0 && r.addPage();
-      r.save(`${t}.pdf`);
+          d.addImage(c, "JPEG", 0, o, n, h), a -= t, o -= 841.89, a > 0 && d.addPage();
+      d.save(`${i}.pdf`);
     }
   }
-}, d = {};
-var p = /* @__PURE__ */ g(
-  w,
+};
+var m = function() {
+  var e = this, s = e._self._c;
+  return s("div", { staticClass: "avue-license", staticStyle: { position: "relative" } }, [s("canvas", { ref: "canvas", attrs: { id: `canvas${e.id}` } }), e._t("default")], 2);
+}, f = [], w = /* @__PURE__ */ l(
+  g,
   m,
   f,
   !1,
-  v,
+  null,
   null,
   null,
   null
 );
-function v(t) {
-  for (let e in d)
-    this[e] = d[e];
-}
-const _ = /* @__PURE__ */ function() {
-  return p.exports;
-}();
+const u = w.exports;
 export {
-  _ as default
+  u as default
 };

package/loading-view/index.mjs

@@ -1,24 +1,5 @@
-import { n as o } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-var s = function() {
-  var t = this, e = t.$createElement, n = t._self._c || e;
-  return n("div", {
-    staticClass: "loading-view",
-    style: {
-      fontSize: t.fontSize,
-      height: t.height
-    }
-  }, [t._t("default", function() {
-    return [n("div", {
-      staticClass: "flex-column horizon-center"
-    }, [n("i", {
-      staticClass: "el-icon-loading",
-      style: {
-        fontSize: t.iconSize
-      }
-    }), n("p", [t._v(t._s(t.loadingTips))])])];
-  })], 2);
-}, a = [];
-const l = {
+import { n as t } from "../chunks/_plugin-vue2_normalizer.446f5dc4.mjs";
+const i = {
   name: "LoadingView",
   props: {
     loadingTips: {
@@ -38,24 +19,23 @@ const l = {
       default: "100%"
     }
   }
-}, i = {};
-var r = /* @__PURE__ */ o(
-  l,
-  s,
+};
+var o = function() {
+  var e = this, n = e._self._c;
+  return n("div", { staticClass: "loading-view", style: { fontSize: e.fontSize, height: e.height } }, [e._t("default", function() {
+    return [n("div", { staticClass: "flex-column horizon-center" }, [n("i", { staticClass: "el-icon-loading", style: { fontSize: e.iconSize } }), n("p", [e._v(e._s(e.loadingTips))])])];
+  })], 2);
+}, a = [], l = /* @__PURE__ */ t(
+  i,
+  o,
   a,
   !1,
-  _,
+  null,
   null,
   null,
   null
 );
-function _(t) {
-  for (let e in i)
-    this[e] = i[e];
-}
-const u = /* @__PURE__ */ function() {
-  return r.exports;
-}();
+const _ = l.exports;
 export {
-  u as default
+  _ as default
 };