@web-utils/component 4.0.16 → 5.0.0-beta02

package/input-number-range/index.mjs

@@ -1,58 +1,78 @@
-import { isNotEmpty as i } from "@web-utils/core";
-import { n } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const r = {
-  name: "InputNumberRange",
-  props: {
-    value: {
-      type: Array,
-      default: () => []
-    },
-    disabled: Boolean,
-    separator: {
-      type: String,
-      default: "至"
-    },
-    controls: {
-      type: Boolean,
-      default: !0
-    }
-  },
-  data() {
-    return {
-      val: [void 0, void 0]
-    };
-  },
-  watch: {
-    value: {
-      immediate: !0,
-      handler(e) {
-        const t = [void 0, void 0];
-        i(e == null ? void 0 : e[0]) && (t[0] = e[0]), i(e == null ? void 0 : e[1]) && (t[1] = e[1]), this.val = t;
-      }
-    }
-  },
-  methods: {
-    emitInput() {
-      this.$emit("input", this.val);
-    }
-  }
-};
-var o = function() {
-  var t = this, a = t._self._c;
-  return a("div", { staticClass: "input-number-range" }, [a("ElInputNumber", { staticClass: "flex-item", staticStyle: { width: "auto" }, attrs: { controls: t.controls, disabled: t.disabled, size: "mini" }, on: { input: t.emitInput }, model: { value: t.val[0], callback: function(s) {
-    t.$set(t.val, 0, s);
-  }, expression: "val[0]" } }), a("span", { staticStyle: { padding: "0 6px", "font-size": "12px" } }, [t._v(t._s(t.separator))]), a("ElInputNumber", { staticClass: "flex-item", staticStyle: { width: "auto" }, attrs: { controls: t.controls, disabled: t.disabled, size: "mini" }, on: { input: t.emitInput }, model: { value: t.val[1], callback: function(s) {
-    t.$set(t.val, 1, s);
-  }, expression: "val[1]" } })], 1);
-}, l = [], u = /* @__PURE__ */ n(
-  r,
-  o,
-  l,
-  !1,
-  null,
-  null
-);
-const c = u.exports;
-export {
-  c as default
-};
+import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
+import { createElementBlock as t, createElementVNode as n, createVNode as r, openBlock as i, resolveComponent as a, toDisplayString as o } from "vue";
+import { isNotEmpty as s } from "@web-utils/core";
+//#region src/components/InputNumberRange.vue
+var c = {
+	name: "InputNumberRange",
+	props: {
+		modelValue: {
+			type: Array,
+			default: () => []
+		},
+		disabled: Boolean,
+		separator: {
+			type: String,
+			default: "至"
+		},
+		controls: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: ["update:modelValue"],
+	data() {
+		return { val: [void 0, void 0] };
+	},
+	watch: { modelValue: {
+		immediate: !0,
+		handler(e) {
+			let t = [void 0, void 0];
+			s(e == null ? void 0 : e[0]) && (t[0] = e[0]), s(e == null ? void 0 : e[1]) && (t[1] = e[1]), this.val = t;
+		}
+	} },
+	methods: { emitInput() {
+		this.$emit("update:modelValue", this.val);
+	} }
+}, l = { class: "input-number-range" }, u = { style: {
+	padding: "0 6px",
+	"font-size": "12px"
+} };
+function d(e, s, c, d, f, p) {
+	let m = a("ElInputNumber");
+	return i(), t("div", l, [
+		r(m, {
+			modelValue: f.val[0],
+			"onUpdate:modelValue": s[0] || (s[0] = (e) => f.val[0] = e),
+			class: "flex-item",
+			controls: c.controls,
+			disabled: c.disabled,
+			style: { width: "auto" },
+			size: "default",
+			onInput: p.emitInput
+		}, null, 8, [
+			"modelValue",
+			"controls",
+			"disabled",
+			"onInput"
+		]),
+		n("span", u, o(c.separator), 1),
+		r(m, {
+			modelValue: f.val[1],
+			"onUpdate:modelValue": s[1] || (s[1] = (e) => f.val[1] = e),
+			class: "flex-item",
+			controls: c.controls,
+			disabled: c.disabled,
+			style: { width: "auto" },
+			size: "default",
+			onInput: p.emitInput
+		}, null, 8, [
+			"modelValue",
+			"controls",
+			"disabled",
+			"onInput"
+		])
+	]);
+}
+var f = /* @__PURE__ */ e(c, [["render", d]]);
+//#endregion
+export { f as default };

package/j-s-x-component/index.mjs

@@ -1,16 +1,14 @@
-import { h as t } from "vue";
-const n = {
-  name: "JSXComponent",
-  props: {
-    msg: {
-      type: String,
-      default: ""
-    }
-  },
-  render() {
-    return t("div", [this.msg]);
-  }
-};
-export {
-  n as default
+import { createVNode as e } from "vue";
+//#region src/components/jsx-component/JSXComponent.jsx
+var t = {
+	name: "JSXComponent",
+	props: { msg: {
+		type: String,
+		default: ""
+	} },
+	render() {
+		return e("div", null, [this.msg]);
+	}
 };
+//#endregion
+export { t as default };

package/keyboard/index.mjs

@@ -1,369 +1,2 @@
-import { n as S } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-let v = 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 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 n = 1; n < 10; n++)
-      o.push(n.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 t;
-    const a = [], m = [];
-    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[n].push("~");
-              continue;
-            case "1":
-              a[n].push("!");
-              continue;
-            case "2":
-              a[n].push("@");
-              continue;
-            case "3":
-              a[n].push("#");
-              continue;
-            case "4":
-              a[n].push("$");
-              continue;
-            case "5":
-              a[n].push("%");
-              continue;
-            case "6":
-              a[n].push("^");
-              continue;
-            case "7":
-              a[n].push("&");
-              continue;
-            case "8":
-              a[n].push("*");
-              continue;
-            case "9":
-              a[n].push("(");
-              continue;
-            case "0":
-              a[n].push(")");
-              continue;
-            case "-":
-              a[n].push("_");
-              continue;
-            case "=":
-              a[n].push("+");
-              continue;
-            case "[":
-              a[n].push("{");
-              continue;
-            case "]":
-              a[n].push("}");
-              continue;
-            case "\\":
-              a[n].push("|");
-              continue;
-            case ";":
-              a[n].push(":");
-              continue;
-            case "'":
-              a[n].push('"');
-              continue;
-            case ",":
-              a[n].push("<");
-              continue;
-            case ".":
-              a[n].push(">");
-              continue;
-            case "/":
-              a[n].push("?");
-              continue;
-          }
-          a[n].push(t[l].toUpperCase());
-          continue;
-        }
-        a[n].push(t[l]), m[n].push(t[l]);
-      }
-    }
-    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((n) => {
-      n.includes("Shift") && (K = !0);
-    }), K && document.querySelectorAll(`${e.el} .akeyboard-keyboard-keys-Shift`).forEach((l) => {
-      l.onclick = function() {
-        if (!this.isShift) {
-          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 y = document.querySelectorAll(`${e.el} .akeyboard-keyboard-innerKeys`);
-          let b;
-          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]);
-          }
-          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 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 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 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 y = document.querySelectorAll(`${e.el} .akeyboard-keyboard-innerKeys`);
-          let b;
-          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];
-          }
-          return;
-        }
-        this.isCaps = !1, this.classList.remove("keyboard-keyboard-keys-focus");
-        const p = document.querySelectorAll(`${e.el} .akeyboard-keyboard-innerKeys`);
-        let k;
-        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];
-        }
-      };
-    });
-  }
-  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 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[t].innerHTML === "Tab") {
-          s[t].onclick = function() {
-            o[r] += "  ", c("Tab", o[r]);
-          };
-          continue;
-        }
-        if (s[t].innerHTML === "Enter") {
-          s[t].onclick = function() {
-            o[r] += `
-`, c("Enter", o[r]);
-          };
-          continue;
-        }
-        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[t].innerHTML] ? s[t].onclick = i[s[t].innerHTML] : s[t].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 T {
-  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 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[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[t].innerHTML] ? s[t].onclick = i[s[t].innerHTML] : s[t].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}`);
-  }
-}
-const $ = {
-  name: "Keyboard",
-  props: {
-    ele: {
-      type: String,
-      required: !0
-    },
-    keys: Array,
-    theme: {
-      type: String,
-      default: "default",
-      validator: (u) => ["default", "dark", "green", "classic"].includes(u)
-    },
-    type: {
-      type: String,
-      default: "default",
-      validator: (u) => ["default", "number", "mobile"].includes(u)
-    },
-    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 u;
-      const e = {
-        el: "#keyboard",
-        style: {},
-        keys: this.keys,
-        fixedBottomCenter: this.fixedBottomCenter
-      };
-      this.type === "default" ? u = new v(e) : this.type === "number" && (u = new T(e));
-      const r = this.ele.indexOf("#") === 0 ? this.ele.substring(1) : this.ele;
-      u.inputOn(
-        `#${r}`,
-        "value",
-        (c, i) => {
-          this.$emit("click", c, i);
-        },
-        this.rebind ? this.customClick : null
-      ), this.keyboard = u;
-    },
-    bindClick(u, e) {
-      this.keyboard.onclick(u, e), this.customClick[u] = e;
-    }
-  }
-};
-var E = function() {
-  var e = this, r = e._self._c;
-  return r("div", { class: ["avue-keyboard", e.className] }, [r("div", { attrs: { id: "keyboard" } })]);
-}, L = [], C = /* @__PURE__ */ S(
-  $,
-  E,
-  L,
-  !1,
-  null,
-  null
-);
-const q = C.exports;
-export {
-  q as default
-};
+import { t as e } from "../chunks/Keyboard.4hi7CjGc.mjs";
+export { e as default };