@web-utils/form-ui 1.0.0-beta9 → 1.0.0-beta90

package/chunks/BFcXbHOc.mjs

@@ -0,0 +1,32 @@
+import { allProps as e, predicate as t } from "../props/checkbox.mjs";
+import { n, o as r } from "./DGkSZT8r.mjs";
+import { ElCheckbox as i } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import { createVNode as a, mergeProps as o, useModel as s } from "vue";
+import "element-plus/es/components/checkbox/style/css";
+//#endregion
+//#region src/components/form/FormCheckbox.vue
+var c = {
+	name: "FormCheckbox",
+	inheritAttrs: !1,
+	props: { ...e },
+	emits: { ...n },
+	setup(e, { emit: n, slots: c, attrs: l }) {
+		let u = s(e, "modelValue"), { render: d, disabled: f, listeners: p, inputProps: m } = r(e, {
+			emit: n,
+			slots: c,
+			attrs: l,
+			predicate: t
+		});
+		return () => d({ vNodes: a(i, o(m.value, p.value, {
+			label: e.labelValue,
+			modelValue: u.value,
+			"onUpdate:modelValue": (e) => u.value = e,
+			trueValue: e.trueLabel ?? e.trueValue,
+			falseValue: e.falseLabel ?? e.falseValue,
+			disabled: f.value
+		}), { default: c.default }) });
+	}
+};
+//#endregion
+export { c as t };

package/chunks/BJajYDQv2.mjs

@@ -0,0 +1,379 @@
+import { t as e } from "./B1MSrc6f.mjs";
+import { createElementBlock as t, createElementVNode as n, normalizeClass as r, openBlock as i } from "vue";
+//#region src/components/keyboard/index.js
+var a = 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;
+		let t = document.querySelector(e.el), n = "";
+		if (typeof e.style == "object") for (let t in e.style) n += `${t}: ${e.style[t]};`;
+		let r = `<div class="akeyboard-keyboard${e.fixedBottomCenter ? " akeyboard-keyboard-fixedBottomCenter" : ""}" style="${n}">`, i = [];
+		for (let e = 1; e < 10; e++) i.push(e.toString());
+		i.push("0");
+		let a = e.keys || [
+			["`"].concat(i, [
+				"-",
+				"=",
+				"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"]
+		], o, s = [], c = [];
+		for (let e = 0; e < a.length; e++) {
+			s.push([]), c.push([]), o = a[e];
+			for (let t = 0; t < o.length; t++) {
+				if (o[t].length === 1) {
+					switch (c[e].push(o[t].toUpperCase()), o[t]) {
+						case "`":
+							s[e].push("~");
+							continue;
+						case "1":
+							s[e].push("!");
+							continue;
+						case "2":
+							s[e].push("@");
+							continue;
+						case "3":
+							s[e].push("#");
+							continue;
+						case "4":
+							s[e].push("$");
+							continue;
+						case "5":
+							s[e].push("%");
+							continue;
+						case "6":
+							s[e].push("^");
+							continue;
+						case "7":
+							s[e].push("&");
+							continue;
+						case "8":
+							s[e].push("*");
+							continue;
+						case "9":
+							s[e].push("(");
+							continue;
+						case "0":
+							s[e].push(")");
+							continue;
+						case "-":
+							s[e].push("_");
+							continue;
+						case "=":
+							s[e].push("+");
+							continue;
+						case "[":
+							s[e].push("{");
+							continue;
+						case "]":
+							s[e].push("}");
+							continue;
+						case "\\":
+							s[e].push("|");
+							continue;
+						case ";":
+							s[e].push(":");
+							continue;
+						case "'":
+							s[e].push("\"");
+							continue;
+						case ",":
+							s[e].push("<");
+							continue;
+						case ".":
+							s[e].push(">");
+							continue;
+						case "/":
+							s[e].push("?");
+							continue;
+					}
+					s[e].push(o[t].toUpperCase());
+					continue;
+				}
+				s[e].push(o[t]), c[e].push(o[t]);
+			}
+		}
+		for (let e = 0; e < a.length; e++) {
+			o = a[e], r += "<div class=\"akeyboard-keyboard-innerKeys\">";
+			for (let e = 0; e < o.length; e++) r += `<div class="akeyboard-keyboard-keys akeyboard-keyboard-keys-${o[e]}">${o[e]}</div>`;
+			r += "</div>";
+		}
+		r += "</div>", t.innerHTML = r;
+		let l = !1;
+		a.forEach((e) => {
+			e.includes("Shift") && (l = !0);
+		}), l && document.querySelectorAll(`${e.el} .akeyboard-keyboard-keys-Shift`).forEach((t) => {
+			t.onclick = function() {
+				if (!this.isShift) {
+					let n = document.querySelector(`${e.el} .akeyboard-keyboard-keys-Caps`);
+					if (n && n.isCaps) return;
+					t.isShift = !0, t.innerHTML = "SHIFT", this.classList.add("keyboard-keyboard-keys-focus");
+					let r = document.querySelectorAll(`${e.el} .akeyboard-keyboard-innerKeys`), i;
+					for (let e = 0; e < r.length; e++) {
+						i = r[e];
+						for (let t = 0; t < i.childNodes.length; t++) s[e][t] !== "Shift" && (i.childNodes[t].innerHTML = s[e][t]);
+					}
+					return;
+				}
+				t.isShift = !1, t.innerHTML = "Shift", this.classList.remove("keyboard-keyboard-keys-focus");
+				let n = document.querySelectorAll(`${e.el} .akeyboard-keyboard-innerKeys`), r;
+				for (let e = 0; e < n.length; e++) {
+					r = n[e];
+					for (let t = 0; t < r.childNodes.length; t++) r.childNodes[t].innerHTML = a[e][t];
+				}
+			};
+		});
+		let u = !1;
+		a.forEach((e) => {
+			e.includes("Caps") && (u = !0);
+		}), u && document.querySelectorAll(`${e.el} .akeyboard-keyboard-keys-Caps`).forEach((t) => {
+			t.onclick = function() {
+				if (!this.isCaps) {
+					let t = document.querySelector(`${e.el} .akeyboard-keyboard-keys-Shift`);
+					if (t && t.isShift) return;
+					this.isCaps = !0, this.classList.add("keyboard-keyboard-keys-focus");
+					let n = document.querySelectorAll(`${e.el} .akeyboard-keyboard-innerKeys`), r;
+					for (let e = 0; e < n.length; e++) {
+						r = n[e];
+						for (let t = 0; t < r.childNodes.length; t++) r.childNodes[t].innerHTML = c[e][t];
+					}
+					return;
+				}
+				this.isCaps = !1, this.classList.remove("keyboard-keyboard-keys-focus");
+				let t = document.querySelectorAll(`${e.el} .akeyboard-keyboard-innerKeys`), n;
+				for (let e = 0; e < t.length; e++) {
+					n = t[e];
+					for (let t = 0; t < n.childNodes.length; t++) n.childNodes[t].innerHTML = a[e][t];
+				}
+			};
+		});
+	}
+	inputOn(e, t, n, r) {
+		if (typeof e != "string") {
+			console.error("aKeyboard: The inputEle parameter needs to be a string <In \"aKeyboard.inputOn()\">");
+			return;
+		}
+		if (typeof t != "string") {
+			console.error("aKeyboard: The type parameter needs to be a string <In \"aKeyboard.inputOn()\">");
+			return;
+		}
+		let i = document.querySelector(e), a = document.querySelectorAll(`${this.obj.el} .akeyboard-keyboard-keys`);
+		for (let e = 0; e < a.length; e++) if (!["Shift", "Caps"].includes(a[e].innerHTML)) {
+			if (a[e].innerHTML === "Delete") {
+				a[e].onclick = function() {
+					i[t] = i[t].substr(0, i[t].length - 1), n("Delete", i[t]);
+				};
+				continue;
+			}
+			if (a[e].innerHTML === "Tab") {
+				a[e].onclick = function() {
+					i[t] += "  ", n("Tab", i[t]);
+				};
+				continue;
+			}
+			if (a[e].innerHTML === "Enter") {
+				a[e].onclick = function() {
+					i[t] += "\n", n("Enter", i[t]);
+				};
+				continue;
+			}
+			if (a[e].innerHTML === "Space") {
+				a[e].onclick = function() {
+					i[t] += " ", n("Space", i[t]);
+				};
+				continue;
+			}
+			r && typeof r == "object" && Object.keys(r).length > 0 && r[a[e].innerHTML] ? a[e].onclick = r[a[e].innerHTML] : a[e].onclick = function() {
+				i[t] += this.innerText, n(this.innerText, i[t]);
+			};
+		}
+	}
+	onclick(e, t) {
+		if (typeof e != "string") {
+			console.error("aKeyboard: The btn parameter needs to be a string <In \"aKeyboard.onclick()\">");
+			return;
+		}
+		if (typeof t != "function") {
+			console.error("aKeyboard: The fn parameter needs to be a function <In \"aKeyboard.onclick()\">");
+			return;
+		}
+		let n = document.querySelector(`${this.obj.el} .akeyboard-keyboard-keys-${e}`);
+		n ? n.onclick = t : console.error(`Can not find key: ${e}`);
+	}
+}, o = 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;
+		let t = document.querySelector(e.el), n = "";
+		if (typeof e.style == "object") for (let t in e.style) n += `${t}: ${e.style[t]};`;
+		let r = `<div class="akeyboard-numberKeyboard${e.fixedBottomCenter ? " akeyboard-keyboard-fixedBottomCenter" : ""}" style="${n}">`;
+		r += "<div class=\"akeyboard-keyboard-innerKeys\">";
+		for (let e = 1; e < 10; e++) r += `<div class="akeyboard-keyboard-keys akeyboard-keyboard-keys-${e}">${e}</div>`, e % 3 == 0 && (r += "</div><div class=\"akeyboard-keyboard-innerKeys\">");
+		r += "<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>", r += "</div>", t.innerHTML = r;
+	}
+	inputOn(e, t, n, r) {
+		if (typeof e != "string") {
+			console.error("aKeyboard: The inputEle parameter needs to be a string <In \"aKeyboard.inputOn()\">");
+			return;
+		}
+		if (typeof t != "string") {
+			console.error("aKeyboard: The type parameter needs to be a string <In \"aKeyboard.inputOn()\">");
+			return;
+		}
+		let i = document.querySelector(e), a = document.querySelectorAll(`${this.obj.el} .akeyboard-keyboard-keys`);
+		for (let e = 0; e < a.length; e++) {
+			if (a[e].innerHTML === "Delete") {
+				a[e].onclick = function() {
+					i[t] = i[t].substr(0, i[t].length - 1), n("Delete", i[t]);
+				};
+				continue;
+			}
+			if (a[e].innerHTML === "Enter") {
+				a[e].onclick = function() {
+					i[t] += "\n", n("Enter", i[t]);
+				};
+				continue;
+			}
+			r && typeof r == "object" && Object.keys(r).length > 0 && r[a[e].innerHTML] ? a[e].onclick = r[a[e].innerHTML] : a[e].onclick = function() {
+				i[t] += this.innerText, n(this.innerText, i[t]);
+			};
+		}
+	}
+	onclick(e, t) {
+		if (typeof e != "string") {
+			console.error("aKeyboard: The btn parameter needs to be a string <In \"aKeyboard.onclick()\">");
+			return;
+		}
+		if (typeof t != "function") {
+			console.error("aKeyboard: The fn parameter needs to be a function <In \"aKeyboard.onclick()\">");
+			return;
+		}
+		let n = document.querySelector(`${this.obj.el} .akeyboard-keyboard-keys-${e}`);
+		n ? n.onclick = t : console.error(`Can not find key: ${e}`);
+	}
+}, s = {
+	name: "Keyboard",
+	props: {
+		ele: {
+			type: String,
+			required: !0
+		},
+		keys: Array,
+		theme: {
+			type: String,
+			default: "default",
+			validator: (e) => [
+				"default",
+				"dark",
+				"green",
+				"classic"
+			].includes(e)
+		},
+		type: {
+			type: String,
+			default: "default",
+			validator: (e) => [
+				"default",
+				"number",
+				"mobile"
+			].includes(e)
+		},
+		fixedBottomCenter: {
+			type: Boolean,
+			default: !1
+		},
+		rebind: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: ["click"],
+	data() {
+		return { customClick: {} };
+	},
+	computed: { className() {
+		return `avue-keyboard--${this.theme}`;
+	} },
+	watch: { ele() {
+		this.init();
+	} },
+	async mounted() {
+		await this.$nextTick(), this.init();
+	},
+	methods: {
+		init() {
+			if (!this.ele) return;
+			let e, t = {
+				el: "#keyboard",
+				style: {},
+				keys: this.keys,
+				fixedBottomCenter: this.fixedBottomCenter
+			};
+			this.type === "default" ? e = new a(t) : this.type === "number" && (e = new o(t));
+			let n = this.ele.indexOf("#") === 0 ? this.ele.substring(1) : this.ele;
+			e.inputOn(`#${n}`, "value", (e, t) => {
+				this.$emit("click", e, t);
+			}, this.rebind ? this.customClick : null), this.keyboard = e;
+		},
+		bindClick(e, t) {
+			this.keyboard.onclick(e, t), this.customClick[e] = t;
+		}
+	}
+};
+function c(e, a, o, s, c, l) {
+	return i(), t("div", { class: r(["avue-keyboard", l.className]) }, [...a[0] || (a[0] = [n("div", { id: "keyboard" }, null, -1)])], 2);
+}
+var l = /* @__PURE__ */ e(s, [["render", c]]);
+//#endregion
+export { l as t };

package/chunks/BMxD6EUb2.mjs

@@ -0,0 +1,39 @@
+import { n as e, o as t } from "./DGkSZT8r.mjs";
+import { allProps as n, predicate as r } from "../props/time.mjs";
+import { ElTimePicker as i } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import { createVNode as a, mergeProps as o } from "vue";
+import "element-plus/es/components/time-picker/style/css";
+//#endregion
+//#region src/components/form/FormInputTime.vue
+var s = {
+	name: "FormInputTime",
+	inheritAttrs: !1,
+	props: { ...n },
+	emits: { ...e },
+	setup(e, { emit: n, slots: s, attrs: c }) {
+		let { emitInput: l, render: u, placeholder: d, disabled: f, listeners: p, inputProps: m } = t(e, {
+			emit: n,
+			slots: s,
+			attrs: c,
+			predicate: r
+		}), h = { modifiers: [{
+			name: "arrow",
+			options: { padding: ({ popper: e, reference: t, placement: n }) => e.width / 2 }
+		}] };
+		return () => u({ vNodes: a(i, o(p.value, m.value, {
+			"popper-options": e.popperOptions || h,
+			style: "width: 100%",
+			placement: e.placement || "left",
+			"is-range": e.isRange || e.range,
+			format: e.format,
+			"value-format": e.valueFormat || e.format,
+			modelValue: e.modelValue,
+			disabled: f.value,
+			"onUpdate:modelValue": l,
+			placeholder: d.value
+		}), null) });
+	}
+};
+//#endregion
+export { s as t };

package/chunks/BO0sFz5y2.mjs

@@ -0,0 +1,31 @@
+import { n as e, o as t } from "./DGkSZT8r.mjs";
+import { allProps as n, predicate as r } from "../props/time-select.mjs";
+import { ElTimeSelect as i } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import { createVNode as a, mergeProps as o } from "vue";
+import "element-plus/es/components/time-select/style/css";
+//#endregion
+//#region src/components/form/FormTimeSelect.vue
+var s = {
+	name: "FormTimeSelect",
+	inheritAttrs: !1,
+	props: { ...n },
+	emits: { ...e },
+	setup(e, { emit: n, slots: s, attrs: c }) {
+		let { emitInput: l, render: u, placeholder: d, disabled: f, listeners: p, inputProps: m } = t(e, {
+			emit: n,
+			slots: s,
+			attrs: c,
+			predicate: r
+		});
+		return () => u({ vNodes: a(i, o(p.value, m.value, {
+			style: "width: 100%",
+			modelValue: e.modelValue,
+			disabled: f.value,
+			"onUpdate:modelValue": l,
+			placeholder: d.value
+		}), null) });
+	}
+};
+//#endregion
+export { s as t };