@web-utils/component 2.0.13 → 2.2.0

package/keyboard/index.mjs

@@ -0,0 +1,384 @@
+import { n as g } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+let T = class {
+  constructor(e) {
+    if (typeof e != "object") {
+      console.error('aKeyboard: The obj parameter needs to be an object <In "new aKeyboard()">');
+      return;
+    }
+    this.obj = e;
+    const r = document.querySelector(e.el);
+    let c = "";
+    if (typeof e.style == "object")
+      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");
+    const s = e.keys || [
+      ["`"].concat(o).concat([
+        "-",
+        "=",
+        "Delete"
+      ]),
+      ["Tab", "q", "w", "e", "r", "t", "y", "u", "i", "o", "p", "[", "]", "\\"],
+      ["Caps", "a", "s", "d", "f", "g", "h", "j", "k", "l", ";", "'", "Enter"],
+      ["Shift", "z", "x", "c", "v", "b", "n", "m", ",", ".", "/", "Shift"],
+      ["Space"]
+    ];
+    let n;
+    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]) {
+            case "`":
+              a[t].push("~");
+              continue;
+            case "1":
+              a[t].push("!");
+              continue;
+            case "2":
+              a[t].push("@");
+              continue;
+            case "3":
+              a[t].push("#");
+              continue;
+            case "4":
+              a[t].push("$");
+              continue;
+            case "5":
+              a[t].push("%");
+              continue;
+            case "6":
+              a[t].push("^");
+              continue;
+            case "7":
+              a[t].push("&");
+              continue;
+            case "8":
+              a[t].push("*");
+              continue;
+            case "9":
+              a[t].push("(");
+              continue;
+            case "0":
+              a[t].push(")");
+              continue;
+            case "-":
+              a[t].push("_");
+              continue;
+            case "=":
+              a[t].push("+");
+              continue;
+            case "[":
+              a[t].push("{");
+              continue;
+            case "]":
+              a[t].push("}");
+              continue;
+            case "\\":
+              a[t].push("|");
+              continue;
+            case ";":
+              a[t].push(":");
+              continue;
+            case "'":
+              a[t].push('"');
+              continue;
+            case ",":
+              a[t].push("<");
+              continue;
+            case ".":
+              a[t].push(">");
+              continue;
+            case "/":
+              a[t].push("?");
+              continue;
+          }
+          a[t].push(n[l].toUpperCase());
+          continue;
+        }
+        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 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) => {
+      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`);
+          if (y && y.isCaps)
+            return;
+          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];
+            for (let f = 0; f < b.childNodes.length; f++)
+              a[h][f] !== "Shift" && (b.childNodes[f].innerHTML = a[h][f]);
+          }
+          return;
+        }
+        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];
+        }
+      };
+    });
+    let v = !1;
+    s.forEach((t) => {
+      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`);
+          if (y && y.isShift)
+            return;
+          this.isCaps = !0, 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];
+            for (let f = 0; f < b.childNodes.length; f++)
+              b.childNodes[f].innerHTML = m[h][f];
+          }
+          return;
+        }
+        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];
+        }
+      };
+    });
+  }
+  inputOn(e, r, c, i) {
+    if (typeof e != "string") {
+      console.error('aKeyboard: The inputEle parameter needs to be a string <In "aKeyboard.inputOn()">');
+      return;
+    }
+    if (typeof r != "string") {
+      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`);
+    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), c("Delete", o[r]);
+          };
+          continue;
+        }
+        if (s[n].innerHTML === "Tab") {
+          s[n].onclick = function() {
+            o[r] += "  ", c("Tab", o[r]);
+          };
+          continue;
+        }
+        if (s[n].innerHTML === "Enter") {
+          s[n].onclick = function() {
+            o[r] += `
+`, c("Enter", o[r]);
+          };
+          continue;
+        }
+        if (s[n].innerHTML === "Space") {
+          s[n].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() {
+          o[r] += this.innerText, c(this.innerText, o[r]);
+        };
+      }
+  }
+  onclick(e, r) {
+    if (typeof e != "string") {
+      console.error('aKeyboard: The btn parameter needs to be a string <In "aKeyboard.onclick()">');
+      return;
+    }
+    if (typeof r != "function") {
+      console.error('aKeyboard: The fn parameter needs to be a function <In "aKeyboard.onclick()">');
+      return;
+    }
+    const c = document.querySelector(`${this.obj.el} .akeyboard-keyboard-keys-${e}`);
+    c ? c.onclick = r : console.error(`Can not find key: ${e}`);
+  }
+};
+class $ {
+  constructor(e) {
+    if (typeof e != "object") {
+      console.error('aKeyboard: The obj parameter needs to be an object <In "new aKeyboard()">');
+      return;
+    }
+    this.obj = e;
+    const r = document.querySelector(e.el);
+    let c = "";
+    if (typeof e.style == "object")
+      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-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, c, i) {
+    if (typeof e != "string") {
+      console.error('aKeyboard: The inputEle parameter needs to be a string <In "aKeyboard.inputOn()">');
+      return;
+    }
+    if (typeof r != "string") {
+      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`);
+    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), c("Delete", o[r]);
+        };
+        continue;
+      }
+      if (s[n].innerHTML === "Enter") {
+        s[n].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() {
+        o[r] += this.innerText, c(this.innerText, o[r]);
+      };
+    }
+  }
+  onclick(e, r) {
+    if (typeof e != "string") {
+      console.error('aKeyboard: The btn parameter needs to be a string <In "aKeyboard.onclick()">');
+      return;
+    }
+    if (typeof r != "function") {
+      console.error('aKeyboard: The fn parameter needs to be a function <In "aKeyboard.onclick()">');
+      return;
+    }
+    const c = document.querySelector(`${this.obj.el} .akeyboard-keyboard-keys-${e}`);
+    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"
+    }
+  })]);
+}, L = [];
+const C = {
+  name: "Keyboard",
+  props: {
+    ele: {
+      type: String,
+      required: !0
+    },
+    keys: Array,
+    theme: {
+      type: String,
+      default: "default",
+      validator: (d) => ["default", "dark", "green", "classic"].includes(d)
+    },
+    type: {
+      type: String,
+      default: "default",
+      validator: (d) => ["default", "number", "mobile"].includes(d)
+    },
+    fixedBottomCenter: {
+      type: Boolean,
+      default: !1
+    },
+    rebind: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  data() {
+    return {
+      customClick: {}
+    };
+  },
+  computed: {
+    className() {
+      return `avue-keyboard--${this.theme}`;
+    }
+  },
+  watch: {
+    ele() {
+      this.init();
+    }
+  },
+  mounted() {
+    this.init();
+  },
+  methods: {
+    init() {
+      if (!this.ele)
+        return;
+      let d;
+      const e = {
+        el: "#keyboard",
+        style: {},
+        keys: this.keys,
+        fixedBottomCenter: this.fixedBottomCenter
+      };
+      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", (c, i) => {
+        this.$emit("click", c, i);
+      }, this.rebind ? this.customClick : null), this.keyboard = d;
+    },
+    bindClick(d, e) {
+      this.keyboard.onclick(d, e), this.customClick[d] = e;
+    }
+  }
+}, S = {};
+var H = /* @__PURE__ */ g(
+  C,
+  E,
+  L,
+  !1,
+  M,
+  null,
+  null,
+  null
+);
+function M(d) {
+  for (let e in S)
+    this[e] = S[e];
+}
+const x = /* @__PURE__ */ function() {
+  return H.exports;
+}();
+export {
+  x as default
+};

package/keyboard/style.css

@@ -0,0 +1 @@
+.avue-keyboard--default .akeyboard-keyboard{box-sizing:border-box;background:#f0f0f0;border-radius:5px;width:100%;height:100%;padding:9px 5px 5px}.avue-keyboard--default .akeyboard-keyboard-innerKeys{text-align:center}.avue-keyboard--default .akeyboard-keyboard-keys{box-sizing:border-box;text-align:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#fff;border-radius:5px;min-width:40px;height:40px;margin:4px;padding:0 10px;line-height:40px;display:inline-block}.avue-keyboard--default .akeyboard-keyboard-keys:hover{color:#fff;background:#1e9fff}.avue-keyboard--default .akeyboard-keyboard-keys-Delete,.avue-keyboard--default .akeyboard-keyboard-keys-Tab{width:80px}.avue-keyboard--default .akeyboard-keyboard-keys-Caps{width:77px}.avue-keyboard--default .akeyboard-keyboard-keys-Enter{width:90px}.avue-keyboard--default .akeyboard-keyboard-keys-Shift{width:106px}.avue-keyboard--default .akeyboard-keyboard-keys-Space{width:350px}.avue-keyboard--default .keyboard-keyboard-keys-focus{color:#fff;background:#1e9fff}.avue-keyboard--default .akeyboard-keyboard-fixedBottomCenter{position:fixed;bottom:0;left:0;border-radius:0!important;width:100%!important;height:auto!important}.avue-keyboard--default .akeyboard-numberKeyboard{box-sizing:border-box;background:#f0f0f0;border-radius:5px;width:100%;height:100%;padding:10px 5px 5px}.avue-keyboard--default .akeyboard-numberKeyboard-keys-Enter{width:100px;height:40px}.avue-keyboard--default .akeyboard-mobileKeyboard{box-sizing:border-box;background:#f0f0f0;border-radius:5px;width:100%;height:100%;padding:11px 5px 5px}.avue-keyboard--default .akeyboard-mobileKeyboard-keys{box-sizing:border-box;text-align:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#fff;border-radius:3px;min-width:25px;height:25px;margin:3px 2px 2px;padding:0 10px;font-size:10px;line-height:25px;display:inline-block}.avue-keyboard--default .akeyboard-mobileKeyboard-keys:hover{color:#fff;background:#1e9fff!important}.avue-keyboard--default .akeyboard-mobileKeyboard-keys-⇧,.avue-keyboard--default .akeyboard-mobileKeyboard-keys-⇦{background-color:#999faf;width:25px}.avue-keyboard--default .akeyboard-mobileKeyboard-keys-Space{width:100px;height:28px;margin-left:55px;line-height:28px}.avue-keyboard--default .akeyboard-mobileKeyboard-keys-Enter{color:#fff;width:55px;height:28px;line-height:28px;background:#1e9fff!important}.avue-keyboard--default .akeyboard-mobileKeyboard-keys-focus{color:#fff;background:#1e9fff!important}.avue-keyboard--green .akeyboard-keyboard{box-sizing:border-box;background:#030;border-radius:5px;width:100%;height:100%;padding:9px 5px 5px}.avue-keyboard--green .akeyboard-keyboard-innerKeys{text-align:center}.avue-keyboard--green .akeyboard-keyboard-keys{box-sizing:border-box;text-align:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#cc9;border-radius:5px;min-width:40px;height:40px;margin:4px;padding:0 10px;line-height:40px;display:inline-block}.avue-keyboard--green .akeyboard-keyboard-keys:hover{color:#fff;background:#693}.avue-keyboard--green .akeyboard-keyboard-keys-Delete,.avue-keyboard--green .akeyboard-keyboard-keys-Tab{width:80px}.avue-keyboard--green .akeyboard-keyboard-keys-Caps{width:77px}.avue-keyboard--green .akeyboard-keyboard-keys-Enter{width:90px}.avue-keyboard--green .akeyboard-keyboard-keys-Shift{width:106px}.avue-keyboard--green .akeyboard-keyboard-keys-Space{width:350px}.avue-keyboard--green .keyboard-keyboard-keys-focus{color:#fff;background:#693}.avue-keyboard--green .akeyboard-keyboard-fixedBottomCenter{position:fixed;bottom:0;left:0;border-radius:0!important;width:100%!important;height:auto!important}.avue-keyboard--green .akeyboard-numberKeyboard{box-sizing:border-box;background:#030;border-radius:5px;width:100%;height:100%;padding:10px 5px 5px}.avue-keyboard--green .akeyboard-numberKeyboard-keys-Enter{width:100px;height:40px}.avue-keyboard--green .akeyboard-mobileKeyboard{box-sizing:border-box;background:#030;border-radius:5px;width:100%;height:100%;padding:11px 5px 5px}.avue-keyboard--green .akeyboard-mobileKeyboard-keys{box-sizing:border-box;text-align:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#cc9;border-radius:3px;min-width:25px;height:25px;margin:3px 2px 2px;padding:0 10px;font-size:10px;line-height:25px;display:inline-block}.avue-keyboard--green .akeyboard-mobileKeyboard-keys:hover{color:#fff;background:#693!important}.avue-keyboard--green .akeyboard-mobileKeyboard-keys-⇧,.avue-keyboard--green .akeyboard-mobileKeyboard-keys-⇦{background-color:#999faf;width:25px}.avue-keyboard--green .akeyboard-mobileKeyboard-keys-Space{width:100px;height:28px;margin-left:55px;line-height:28px}.avue-keyboard--green .akeyboard-mobileKeyboard-keys-Enter{color:#fff;width:55px;height:28px;line-height:28px;background:#693!important}.avue-keyboard--green .akeyboard-mobileKeyboard-keys-focus{color:#fff;background:#693!important}.avue-keyboard--dark .akeyboard-keyboard{box-sizing:border-box;color:#fff;background:#000;border-radius:5px;width:100%;height:100%;padding:9px 5px 5px}.avue-keyboard--dark .akeyboard-keyboard-innerKeys{text-align:center}.avue-keyboard--dark .akeyboard-keyboard-keys{box-sizing:border-box;color:#fff;text-align:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#393d49;border-radius:5px;min-width:40px;height:40px;margin:4px;padding:0 10px;line-height:40px;display:inline-block}.avue-keyboard--dark .akeyboard-keyboard-keys:hover{background:#1e9fff}.avue-keyboard--dark .akeyboard-keyboard-keys-Delete,.avue-keyboard--dark .akeyboard-keyboard-keys-Tab{width:80px}.avue-keyboard--dark .akeyboard-keyboard-keys-Caps{width:77px}.avue-keyboard--dark .akeyboard-keyboard-keys-Enter{width:90px}.avue-keyboard--dark .akeyboard-keyboard-keys-Shift{width:106px}.avue-keyboard--dark .akeyboard-keyboard-keys-Space{width:350px}.avue-keyboard--dark .keyboard-keyboard-keys-focus{background:#1e9fff}.avue-keyboard--dark .akeyboard-keyboard-fixedBottomCenter{position:fixed;bottom:0;left:0;border-radius:0!important;width:100%!important;height:auto!important}.avue-keyboard--dark .akeyboard-numberKeyboard{box-sizing:border-box;background:#000;border-radius:5px;width:100%;height:100%;padding:10px 5px 5px}.avue-keyboard--dark .akeyboard-numberKeyboard-keys-Enter{width:100px;height:40px}.avue-keyboard--dark .akeyboard-mobileKeyboard{box-sizing:border-box;background:#000;border-radius:5px;width:100%;height:100%;padding:11px 5px 5px}.avue-keyboard--dark .akeyboard-mobileKeyboard-keys{box-sizing:border-box;color:#fff;text-align:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#393d49;border-radius:3px;min-width:25px;height:25px;margin:3px 2px 2px;padding:0 10px;font-size:10px;line-height:25px;display:inline-block}.avue-keyboard--dark .akeyboard-mobileKeyboard-keys:hover{color:#fff;background:#1e9fff!important}.avue-keyboard--dark .akeyboard-mobileKeyboard-keys-⇧,.avue-keyboard--dark .akeyboard-mobileKeyboard-keys-⇦{background-color:#999faf;width:25px}.avue-keyboard--dark .akeyboard-mobileKeyboard-keys-Space{width:100px;height:28px;margin-left:55px;line-height:28px}.avue-keyboard--dark .akeyboard-mobileKeyboard-keys-Enter{color:#fff;width:55px;height:28px;line-height:28px;background:#1e9fff!important}.avue-keyboard--dark .akeyboard-mobileKeyboard-keys-focus{color:#fff;background:#1e9fff!important}.avue-keyboard--classic .akeyboard-keyboard{box-sizing:border-box;background:#2f4056;border-radius:5px;width:100%;height:100%;padding:9px 5px 5px}.avue-keyboard--classic .akeyboard-keyboard-innerKeys{text-align:center}.avue-keyboard--classic .akeyboard-keyboard-keys{box-sizing:border-box;text-align:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#fff;border-radius:5px;min-width:40px;height:40px;margin:4px;padding:0 10px;line-height:40px;display:inline-block}.avue-keyboard--classic .akeyboard-keyboard-keys:hover{color:#fff;background:#c2c2c2}.avue-keyboard--classic .akeyboard-keyboard-keys-Delete,.avue-keyboard--classic .akeyboard-keyboard-keys-Tab{width:80px}.avue-keyboard--classic .akeyboard-keyboard-keys-Caps{width:77px}.avue-keyboard--classic .akeyboard-keyboard-keys-Enter{width:90px}.avue-keyboard--classic .akeyboard-keyboard-keys-Shift{width:106px}.avue-keyboard--classic .akeyboard-keyboard-keys-Space{width:350px}.avue-keyboard--classic .keyboard-keyboard-keys-focus{color:#fff;background:#c2c2c2}.avue-keyboard--classic .akeyboard-keyboard-fixedBottomCenter{position:fixed;bottom:0;left:0;border-radius:0!important;width:100%!important;height:auto!important}.avue-keyboard--classic .akeyboard-numberKeyboard{box-sizing:border-box;background:#2f4056;border-radius:5px;width:100%;height:100%;padding:10px 5px 5px}.avue-keyboard--classic .akeyboard-numberKeyboard-keys-Enter{width:100px;height:40px}.avue-keyboard--classic .akeyboard-mobileKeyboard{box-sizing:border-box;background:#2f4056;border-radius:5px;width:100%;height:100%;padding:11px 5px 5px}.avue-keyboard--classic .akeyboard-mobileKeyboard-keys{box-sizing:border-box;text-align:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#fff;border-radius:3px;min-width:25px;height:25px;margin:3px 2px 2px;padding:0 10px;font-size:10px;line-height:25px;display:inline-block}.avue-keyboard--classic .akeyboard-mobileKeyboard-keys:hover{color:#fff;background:#c2c2c2!important}.avue-keyboard--classic .akeyboard-mobileKeyboard-keys-⇧,.avue-keyboard--classic .akeyboard-mobileKeyboard-keys-⇦{background-color:#999faf;width:25px}.avue-keyboard--classic .akeyboard-mobileKeyboard-keys-Space{width:100px;height:28px;margin-left:55px;line-height:28px}.avue-keyboard--classic .akeyboard-mobileKeyboard-keys-Enter{color:#fff;width:55px;height:28px;line-height:28px;background:#c2c2c2!important}.avue-keyboard--classic .akeyboard-mobileKeyboard-keys-focus{color:#fff;background:#c2c2c2!important}

package/license/index.mjs

@@ -0,0 +1,134 @@
+import { C as l } from "../chunks/util.C2Bhx22L.mjs";
+import { n as g } from "../chunks/vueComponentNormalizer.JwmUNtgn.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 = {
+  name: "License",
+  props: {
+    id: {
+      type: String,
+      default: ""
+    },
+    option: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  data() {
+    return {
+      base64: "",
+      draw: !1,
+      canvas: "",
+      context: ""
+    };
+  },
+  computed: {
+    img() {
+      return this.option.img;
+    },
+    list() {
+      return this.option.list || [];
+    }
+  },
+  watch: {
+    option: {
+      handler() {
+        this.init();
+      },
+      deep: !0
+    }
+  },
+  mounted() {
+    this.canvas = document.getElementById(`canvas${this.id}`), this.context = this.canvas.getContext("2d"), this.init();
+  },
+  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 o = () => {
+            a === this.list.length - 1 && setTimeout(() => {
+              this.draw = !0;
+            }, 0);
+          };
+          if (i.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();
+            };
+          } 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();
+        });
+      };
+    },
+    getFile(t = (/* @__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);
+            clearInterval(s), e(a);
+          }
+        }, 1e3);
+      });
+    },
+    downFile(t = (/* @__PURE__ */ new Date()).getTime()) {
+      l(this.base64, t);
+    },
+    getBase64() {
+      return new Promise((t) => {
+        const e = setInterval(() => {
+          if (this.draw) {
+            const s = this.canvas.toDataURL("image/jpeg", 1);
+            this.base64 = s, clearInterval(e), t(s);
+          }
+        }, 100);
+      });
+    },
+    getPdf(t = (/* @__PURE__ */ new Date()).getTime()) {
+      const e = this.canvas.width, s = this.canvas.height, i = 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);
+      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 = {};
+var p = /* @__PURE__ */ g(
+  w,
+  m,
+  f,
+  !1,
+  v,
+  null,
+  null,
+  null
+);
+function v(t) {
+  for (let e in d)
+    this[e] = d[e];
+}
+const _ = /* @__PURE__ */ function() {
+  return p.exports;
+}();
+export {
+  _ as default
+};

package/loading-view/index.mjs

@@ -0,0 +1,61 @@
+import { n as o } from "../chunks/vueComponentNormalizer.JwmUNtgn.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 = {
+  name: "LoadingView",
+  props: {
+    loadingTips: {
+      type: String,
+      default: "加载中..."
+    },
+    fontSize: {
+      type: String,
+      default: "20px"
+    },
+    iconSize: {
+      type: String,
+      default: "20px"
+    },
+    height: {
+      type: String,
+      default: "100%"
+    }
+  }
+}, i = {};
+var r = /* @__PURE__ */ o(
+  l,
+  s,
+  a,
+  !1,
+  c,
+  null,
+  null,
+  null
+);
+function c(t) {
+  for (let e in i)
+    this[e] = i[e];
+}
+const _ = /* @__PURE__ */ function() {
+  return r.exports;
+}();
+export {
+  _ as default
+};

package/loading-view/style.css

@@ -0,0 +1 @@
+.loading-view{color:#909399;background-color:#fff;justify-content:center;align-items:center;width:100%;height:100%;font-size:20px;display:flex;position:relative}