@web-utils/form-ui 1.0.0-beta6 → 1.0.0-beta60

package/chunks/B-VO-y0h.js

@@ -0,0 +1,69 @@
+import { i as e } from "./BCLWjhEJ.js";
+import { l as t, s as n, t as r, y as i } from "./D73tXuJP.js";
+import { i as a } from "./Xdb_3Me6.js";
+import { computed as o, createBlock as s, defineComponent as c, normalizeClass as l, normalizeStyle as u, onMounted as d, onUpdated as f, openBlock as p, ref as m, renderSlot as h, resolveDynamicComponent as g, useAttrs as _, withCtx as v } from "vue";
+//#endregion
+//#region node_modules/.pnpm/element-plus@2.13.7_typescr_0fa4751f8fa020301a8746973788e8b7/node_modules/element-plus/es/components/text/index.mjs
+var y = r(/* @__PURE__ */ c({
+	name: "ElText",
+	__name: "text",
+	props: t({
+		type: {
+			type: String,
+			values: [
+				"primary",
+				"success",
+				"info",
+				"warning",
+				"danger",
+				""
+			],
+			default: ""
+		},
+		size: {
+			type: String,
+			values: e,
+			default: ""
+		},
+		truncated: Boolean,
+		lineClamp: { type: [String, Number] },
+		tag: {
+			type: String,
+			default: "span"
+		}
+	}),
+	setup(e) {
+		let t = e, r = m(), c = a(), y = n("text"), b = o(() => [
+			y.b(),
+			y.m(t.type),
+			y.m(c.value),
+			y.is("truncated", t.truncated),
+			y.is("line-clamp", !i(t.lineClamp))
+		]), x = () => {
+			var e, n, a;
+			if (_().title) return;
+			let o = !1, s = ((e = r.value) == null ? void 0 : e.textContent) || "";
+			if (t.truncated) {
+				var c, l;
+				let e = (c = r.value) == null ? void 0 : c.offsetWidth, t = (l = r.value) == null ? void 0 : l.scrollWidth;
+				e && t && t > e && (o = !0);
+			} else if (!i(t.lineClamp)) {
+				var u, d;
+				let e = (u = r.value) == null ? void 0 : u.offsetHeight, t = (d = r.value) == null ? void 0 : d.scrollHeight;
+				e && t && t > e && (o = !0);
+			}
+			o ? (n = r.value) == null || n.setAttribute("title", s) : (a = r.value) == null || a.removeAttribute("title");
+		};
+		return d(x), f(x), (t, n) => (p(), s(g(e.tag), {
+			ref_key: "textRef",
+			ref: r,
+			class: l(b.value),
+			style: u({ "-webkit-line-clamp": e.lineClamp })
+		}, {
+			default: v(() => [h(t.$slots, "default")]),
+			_: 3
+		}, 8, ["class", "style"]));
+	}
+}));
+//#endregion
+export { y as t };

package/chunks/B1EPd8qV.js

@@ -0,0 +1,20 @@
+//#region \0rolldown/runtime.js
+var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescriptor, r = Object.getOwnPropertyNames, i = Object.getPrototypeOf, a = Object.prototype.hasOwnProperty, o = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), s = (e, n) => {
+	let r = {};
+	for (var i in e) t(r, i, {
+		get: e[i],
+		enumerable: !0
+	});
+	return n || t(r, Symbol.toStringTag, { value: "Module" }), r;
+}, c = (e, i, o, s) => {
+	if (i && typeof i == "object" || typeof i == "function") for (var c = r(i), l = 0, u = c.length, d; l < u; l++) d = c[l], !a.call(e, d) && d !== o && t(e, d, {
+		get: ((e) => i[e]).bind(null, d),
+		enumerable: !(s = n(i, d)) || s.enumerable
+	});
+	return e;
+}, l = (n, r, a) => (a = n == null ? {} : e(i(n)), c(r || !n || !n.__esModule ? t(a, "default", {
+	value: n,
+	enumerable: !0
+}) : a, n));
+//#endregion
+export { s as n, l as r, o as t };

package/chunks/B2D06vEG.js

@@ -0,0 +1,379 @@
+import { t as e } from "./DqttRbt0.js";
+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 };