@web-utils/component 5.0.0-beta01 → 5.0.0-beta02

package/chunks/input.C2GWsuXE.mjs

@@ -0,0 +1,547 @@
+import { _ as e, m as t, o as n, s as r, t as i } from "./install.yLcn5MLL.mjs";
+import { n as a, r as o, t as s } from "./event.B4iwtUNO.mjs";
+import { i as c, t as l } from "./typescript.CLl-2siQ.mjs";
+import { M as u, O as d, R as f, S as ee, b as te, c as p, j as m } from "./style.BmlGmjpO.mjs";
+import { i as ne, n as re, r as ie, t as ae } from "./use-form-item.BlWa7ZKe.mjs";
+import { n as oe, t as se } from "./use-composition.mUaomyno.mjs";
+import { t as ce } from "./use-aria.BW7nWOl1.mjs";
+import { _ as le, l as ue, p as de, t as h } from "./icon.ym7735_x.mjs";
+import { i as g, r as fe } from "./icon.CxCY22-F.mjs";
+import { Fragment as pe, computed as _, createBlock as v, createCommentVNode as y, createElementBlock as b, createElementVNode as x, defineComponent as S, getCurrentInstance as C, markRaw as me, mergeProps as he, nextTick as w, normalizeClass as T, normalizeStyle as ge, onMounted as _e, openBlock as E, ref as D, renderSlot as O, resolveDynamicComponent as k, shallowRef as A, toDisplayString as j, toRef as ve, unref as M, useAttrs as ye, useSlots as be, watch as xe, withCtx as N, withModifiers as P } from "vue";
+import { fromPairs as F, isNil as Se } from "lodash-unified";
+//#region node_modules/.pnpm/element-plus@2.13.6_typescr_b7ae825491da06c0282fd613061a7e37/node_modules/element-plus/es/hooks/use-attrs/index.mjs
+var I = ["class", "style"], L = /^on[A-Z]/, Ce = (e = {}) => {
+	let { excludeListeners: t = !1, excludeKeys: n } = e, r = _(() => ((n == null ? void 0 : n.value) || []).concat(I)), i = C();
+	return i ? _(() => {
+		var e;
+		return F(Object.entries((e = i.proxy) == null ? void 0 : e.$attrs).filter(([e]) => !r.value.includes(e) && !(t && L.test(e))));
+	}) : (d("use-attrs", "getCurrentInstance() returned null. useAttrs() must be called at the top of a setup function"), _(() => ({})));
+};
+//#endregion
+//#region node_modules/.pnpm/element-plus@2.13.6_typescr_b7ae825491da06c0282fd613061a7e37/node_modules/element-plus/es/hooks/use-cursor/index.mjs
+function we(e) {
+	let t;
+	function n() {
+		if (e.value == null) return;
+		let { selectionStart: n, selectionEnd: r, value: i } = e.value;
+		n == null || r == null || (t = {
+			selectionStart: n,
+			selectionEnd: r,
+			value: i,
+			beforeTxt: i.slice(0, Math.max(0, n)),
+			afterTxt: i.slice(Math.max(0, r))
+		});
+	}
+	function r() {
+		if (e.value == null || t == null) return;
+		let { value: n } = e.value, { beforeTxt: r, afterTxt: i, selectionStart: a } = t;
+		if (r == null || i == null || a == null) return;
+		let o = n.length;
+		if (n.endsWith(i)) o = n.length - i.length;
+		else if (n.startsWith(r)) o = r.length;
+		else {
+			let e = r[a - 1], t = n.indexOf(e, a - 1);
+			t !== -1 && (o = t + 1);
+		}
+		e.value.setSelectionRange(o, o);
+	}
+	return [n, r];
+}
+//#endregion
+//#region node_modules/.pnpm/element-plus@2.13.6_typescr_b7ae825491da06c0282fd613061a7e37/node_modules/element-plus/es/components/input/src/input.mjs
+var R = m({
+	id: {
+		type: String,
+		default: void 0
+	},
+	size: c,
+	disabled: {
+		type: Boolean,
+		default: void 0
+	},
+	modelValue: {
+		type: u([
+			String,
+			Number,
+			Object
+		]),
+		default: ""
+	},
+	modelModifiers: {
+		type: u(Object),
+		default: () => ({})
+	},
+	maxlength: { type: [String, Number] },
+	minlength: { type: [String, Number] },
+	type: {
+		type: u(String),
+		default: "text"
+	},
+	resize: {
+		type: String,
+		values: [
+			"none",
+			"both",
+			"horizontal",
+			"vertical"
+		]
+	},
+	autosize: {
+		type: u([Boolean, Object]),
+		default: !1
+	},
+	autocomplete: {
+		type: u(String),
+		default: "off"
+	},
+	formatter: { type: Function },
+	parser: { type: Function },
+	placeholder: { type: String },
+	form: { type: String },
+	readonly: Boolean,
+	clearable: Boolean,
+	clearIcon: {
+		type: g,
+		default: ue
+	},
+	showPassword: Boolean,
+	showWordLimit: Boolean,
+	wordLimitPosition: {
+		type: String,
+		values: ["inside", "outside"],
+		default: "inside"
+	},
+	suffixIcon: { type: g },
+	prefixIcon: { type: g },
+	containerRole: {
+		type: String,
+		default: void 0
+	},
+	tabindex: {
+		type: [String, Number],
+		default: 0
+	},
+	validateEvent: {
+		type: Boolean,
+		default: !0
+	},
+	inputStyle: {
+		type: u([
+			Object,
+			Array,
+			String
+		]),
+		default: () => l({})
+	},
+	autofocus: Boolean,
+	rows: {
+		type: Number,
+		default: 2
+	},
+	...ce(["ariaLabel"]),
+	inputmode: {
+		type: u(String),
+		default: void 0
+	},
+	name: String
+}), z = {
+	[o]: (t) => e(t),
+	input: (t) => e(t),
+	change: (t, n) => e(t) && (n instanceof Event || n === void 0),
+	focus: (e) => e instanceof FocusEvent,
+	blur: (e) => e instanceof FocusEvent,
+	clear: (e) => e === void 0 || e instanceof MouseEvent,
+	mouseleave: (e) => e instanceof MouseEvent,
+	mouseenter: (e) => e instanceof MouseEvent,
+	keydown: (e) => e instanceof Event,
+	compositionstart: (e) => e instanceof CompositionEvent,
+	compositionupdate: (e) => e instanceof CompositionEvent,
+	compositionend: (e) => e instanceof CompositionEvent
+};
+me(ue);
+//#endregion
+//#region node_modules/.pnpm/element-plus@2.13.6_typescr_b7ae825491da06c0282fd613061a7e37/node_modules/element-plus/es/components/input/src/utils.mjs
+var B = void 0, V = {
+	height: "0",
+	visibility: "hidden",
+	overflow: p() ? "" : "hidden",
+	position: "absolute",
+	"z-index": "-1000",
+	top: "0",
+	right: "0"
+}, Te = [
+	"letter-spacing",
+	"line-height",
+	"padding-top",
+	"padding-bottom",
+	"font-family",
+	"font-weight",
+	"font-size",
+	"text-rendering",
+	"text-transform",
+	"width",
+	"text-indent",
+	"padding-left",
+	"padding-right",
+	"border-width",
+	"box-sizing",
+	"word-break"
+], Ee = (e) => {
+	let t = Number.parseFloat(e);
+	return Number.isNaN(t) ? e : t;
+};
+function H(e) {
+	let t = window.getComputedStyle(e), n = t.getPropertyValue("box-sizing"), r = Number.parseFloat(t.getPropertyValue("padding-bottom")) + Number.parseFloat(t.getPropertyValue("padding-top")), i = Number.parseFloat(t.getPropertyValue("border-bottom-width")) + Number.parseFloat(t.getPropertyValue("border-top-width"));
+	return {
+		contextStyle: Te.map((e) => [e, t.getPropertyValue(e)]),
+		paddingSize: r,
+		borderSize: i,
+		boxSizing: n
+	};
+}
+function De(e, t = 1, n) {
+	var r;
+	if (!B) {
+		B = document.createElement("textarea");
+		let t = document.body;
+		!p() && e.parentNode && (t = e.parentNode), t.appendChild(B);
+	}
+	let { paddingSize: i, borderSize: a, boxSizing: o, contextStyle: s } = H(e);
+	s.forEach(([e, t]) => B == null ? void 0 : B.style.setProperty(e, t)), Object.entries(V).forEach(([e, t]) => B == null ? void 0 : B.style.setProperty(e, t, "important")), B.value = e.value || e.placeholder || "";
+	let c = B.scrollHeight, l = {};
+	o === "border-box" ? c += a : o === "content-box" && (c -= i), B.value = "";
+	let u = B.scrollHeight - i;
+	if (f(t)) {
+		let e = u * t;
+		o === "border-box" && (e = e + i + a), c = Math.max(e, c), l.minHeight = `${e}px`;
+	}
+	if (f(n)) {
+		let e = u * n;
+		o === "border-box" && (e = e + i + a), c = Math.min(e, c);
+	}
+	return l.height = `${c}px`, (r = B.parentNode) == null || r.removeChild(B), B = void 0, l;
+}
+//#endregion
+//#region node_modules/.pnpm/element-plus@2.13.6_typescr_b7ae825491da06c0282fd613061a7e37/node_modules/element-plus/es/components/input/src/input.vue_vue_type_script_setup_true_lang.mjs
+var Oe = [
+	"id",
+	"name",
+	"minlength",
+	"maxlength",
+	"type",
+	"disabled",
+	"readonly",
+	"autocomplete",
+	"tabindex",
+	"aria-label",
+	"placeholder",
+	"form",
+	"autofocus",
+	"role",
+	"inputmode"
+], ke = [
+	"id",
+	"name",
+	"minlength",
+	"maxlength",
+	"tabindex",
+	"disabled",
+	"readonly",
+	"autocomplete",
+	"aria-label",
+	"placeholder",
+	"form",
+	"autofocus",
+	"rows",
+	"role",
+	"inputmode"
+], Ae = "ElInput", U = i(/* @__PURE__ */ S({
+	name: Ae,
+	inheritAttrs: !1,
+	__name: "input",
+	props: R,
+	emits: z,
+	setup(e, { expose: i, emit: c }) {
+		let l = e, u = c, f = ye(), p = Ce(), m = be(), ce = _(() => [
+			l.type === "textarea" ? L.b() : I.b(),
+			I.m(me.value),
+			I.is("disabled", F.value),
+			I.is("exceed", He.value),
+			{
+				[I.b("group")]: m.prepend || m.append,
+				[I.m("prefix")]: m.prefix || l.prefixIcon,
+				[I.m("suffix")]: m.suffix || l.suffixIcon || l.clearable || l.showPassword,
+				[I.bm("suffix", "password-clear")]: K.value && Be.value,
+				[I.b("hidden")]: l.type === "hidden"
+			},
+			f.class
+		]), ue = _(() => [I.e("wrapper"), I.is("focus", Me.value)]), { form: g, formItem: S } = ae(), { inputId: C } = re(l, { formItemContext: S }), me = ne(), F = ie(), I = n("input"), L = n("textarea"), R = A(), z = A(), B = D(!1), V = D(!1), Te = D(), H = A(l.inputStyle), U = _(() => R.value || z.value), { wrapperRef: je, isFocused: Me, handleFocus: Ne, handleBlur: Pe } = oe(U, {
+			disabled: F,
+			afterBlur() {
+				var e;
+				l.validateEvent && (S == null || (e = S.validate) == null || e.call(S, "blur").catch((e) => d(e)));
+			}
+		}), Fe = _(() => (g == null ? void 0 : g.statusIcon) ?? !1), W = _(() => (S == null ? void 0 : S.validateState) || ""), Ie = _(() => W.value && fe[W.value]), Le = _(() => V.value ? le : de), Re = _(() => [f.style]), ze = _(() => [
+			l.inputStyle,
+			H.value,
+			{ resize: l.resize }
+		]), G = _(() => Se(l.modelValue) ? "" : String(l.modelValue)), K = _(() => l.clearable && !F.value && !l.readonly && !!G.value && (Me.value || B.value)), Be = _(() => l.showPassword && !F.value && !!G.value), q = _(() => l.showWordLimit && !!l.maxlength && (l.type === "text" || l.type === "textarea") && !F.value && !l.readonly && !l.showPassword), Ve = _(() => G.value.length), He = _(() => !!q.value && Ve.value > Number(l.maxlength)), Ue = _(() => !!m.suffix || !!l.suffixIcon || K.value || l.showPassword || q.value || !!W.value && Fe.value), We = _(() => !!Object.keys(l.modelModifiers).length), [Ge, Ke] = we(R);
+		te(z, (e) => {
+			if (qe(), !q.value || l.resize !== "both" && l.resize !== "horizontal") return;
+			let { width: t } = e[0].contentRect;
+			Te.value = { right: `calc(100% - ${t + 22 - 10}px)` };
+		});
+		let J = () => {
+			let { type: e, autosize: n } = l;
+			if (!(!ee || e !== "textarea" || !z.value)) if (n) {
+				let e = t(n) ? n.minRows : void 0, r = t(n) ? n.maxRows : void 0, i = De(z.value, e, r);
+				H.value = {
+					overflowY: "hidden",
+					...i
+				}, w(() => {
+					z.value.offsetHeight, H.value = i;
+				});
+			} else H.value = { minHeight: De(z.value).minHeight };
+		}, qe = ((e) => {
+			let t = !1;
+			return () => {
+				var n;
+				t || !l.autosize || ((n = z.value) == null ? void 0 : n.offsetParent) !== null && (setTimeout(e), t = !0);
+			};
+		})(J), Y = () => {
+			let e = U.value, t = l.formatter ? l.formatter(G.value) : G.value;
+			!e || e.value === t || l.type === "file" || (e.value = t);
+		}, Je = (e) => {
+			let { trim: t, number: n } = l.modelModifiers;
+			return t && (e = e.trim()), n && (e = `${Ee(e)}`), l.formatter && l.parser && (e = l.parser(e)), e;
+		}, Ye = async (e) => {
+			if (Ze.value) return;
+			let { lazy: t } = l.modelModifiers, { value: n } = e.target;
+			if (t) {
+				u(a, n);
+				return;
+			}
+			if (n = Je(n), String(n) === G.value) {
+				l.formatter && Y();
+				return;
+			}
+			Ge(), u(o, n), u(a, n), await w(), (l.formatter && l.parser || !We.value) && Y(), Ke();
+		}, Xe = async (e) => {
+			let { value: t } = e.target;
+			t = Je(t), l.modelModifiers.lazy && u(o, t), u(s, t, e), await w(), Y();
+		}, { isComposing: Ze, handleCompositionStart: X, handleCompositionUpdate: Z, handleCompositionEnd: Q } = se({
+			emit: u,
+			afterComposition: Ye
+		}), Qe = () => {
+			V.value = !V.value;
+		}, $e = () => {
+			var e;
+			return (e = U.value) == null ? void 0 : e.focus();
+		}, et = () => {
+			var e;
+			return (e = U.value) == null ? void 0 : e.blur();
+		}, tt = (e) => {
+			B.value = !1, u("mouseleave", e);
+		}, nt = (e) => {
+			B.value = !0, u("mouseenter", e);
+		}, rt = (e) => {
+			u("keydown", e);
+		}, it = () => {
+			var e;
+			(e = U.value) == null || e.select();
+		}, $ = (e) => {
+			u(o, ""), u(s, ""), u("clear", e), u(a, "");
+		};
+		return xe(() => l.modelValue, () => {
+			var e;
+			w(() => J()), l.validateEvent && (S == null || (e = S.validate) == null || e.call(S, "change").catch((e) => d(e)));
+		}), xe(G, (e) => {
+			if (!U.value) return;
+			let { trim: t, number: n } = l.modelModifiers, r = U.value.value, i = (n || l.type === "number") && !/^0\d/.test(r) ? `${Ee(r)}` : r;
+			i !== e && (document.activeElement === U.value && U.value.type !== "range" && t && i.trim() === e || Y());
+		}), xe(() => l.type, async () => {
+			await w(), Y(), J();
+		}), _e(() => {
+			!l.formatter && l.parser && d(Ae, "If you set the parser, you also need to set the formatter."), Y(), w(J);
+		}), i({
+			input: R,
+			textarea: z,
+			ref: U,
+			textareaStyle: ze,
+			autosize: ve(l, "autosize"),
+			isComposing: Ze,
+			focus: $e,
+			blur: et,
+			select: it,
+			clear: $,
+			resizeTextarea: J
+		}), (t, n) => (E(), b("div", {
+			class: T([ce.value, {
+				[M(I).bm("group", "append")]: t.$slots.append,
+				[M(I).bm("group", "prepend")]: t.$slots.prepend
+			}]),
+			style: ge(Re.value),
+			onMouseenter: nt,
+			onMouseleave: tt
+		}, [y(" input "), e.type === "textarea" ? (E(), b(pe, { key: 1 }, [
+			y(" textarea "),
+			x("textarea", he({
+				id: M(C),
+				ref_key: "textarea",
+				ref: z,
+				class: [
+					M(L).e("inner"),
+					M(I).is("focus", M(Me)),
+					M(L).is("clearable", e.clearable)
+				]
+			}, M(p), {
+				name: e.name,
+				minlength: e.minlength,
+				maxlength: e.maxlength,
+				tabindex: e.tabindex,
+				disabled: M(F),
+				readonly: e.readonly,
+				autocomplete: e.autocomplete,
+				style: ze.value,
+				"aria-label": e.ariaLabel,
+				placeholder: e.placeholder,
+				form: e.form,
+				autofocus: e.autofocus,
+				rows: e.rows,
+				role: e.containerRole,
+				inputmode: e.inputmode,
+				onCompositionstart: n[3] || (n[3] = (...e) => M(X) && M(X)(...e)),
+				onCompositionupdate: n[4] || (n[4] = (...e) => M(Z) && M(Z)(...e)),
+				onCompositionend: n[5] || (n[5] = (...e) => M(Q) && M(Q)(...e)),
+				onInput: Ye,
+				onFocus: n[6] || (n[6] = (...e) => M(Ne) && M(Ne)(...e)),
+				onBlur: n[7] || (n[7] = (...e) => M(Pe) && M(Pe)(...e)),
+				onChange: Xe,
+				onKeydown: rt
+			}), null, 16, ke),
+			K.value ? (E(), v(M(h), {
+				key: 0,
+				class: T([M(L).e("icon"), M(L).e("clear")]),
+				onMousedown: P(M(r), ["prevent"]),
+				onClick: $
+			}, {
+				default: N(() => [(E(), v(k(e.clearIcon)))]),
+				_: 1
+			}, 8, ["class", "onMousedown"])) : y("v-if", !0),
+			q.value ? (E(), b("span", {
+				key: 1,
+				style: ge(Te.value),
+				class: T([M(I).e("count"), M(I).is("outside", e.wordLimitPosition === "outside")])
+			}, j(Ve.value) + " / " + j(e.maxlength), 7)) : y("v-if", !0)
+		], 64)) : (E(), b(pe, { key: 0 }, [
+			y(" prepend slot "),
+			t.$slots.prepend ? (E(), b("div", {
+				key: 0,
+				class: T(M(I).be("group", "prepend"))
+			}, [O(t.$slots, "prepend")], 2)) : y("v-if", !0),
+			x("div", {
+				ref_key: "wrapperRef",
+				ref: je,
+				class: T(ue.value)
+			}, [
+				y(" prefix slot "),
+				t.$slots.prefix || e.prefixIcon ? (E(), b("span", {
+					key: 0,
+					class: T(M(I).e("prefix"))
+				}, [x("span", { class: T(M(I).e("prefix-inner")) }, [O(t.$slots, "prefix"), e.prefixIcon ? (E(), v(M(h), {
+					key: 0,
+					class: T(M(I).e("icon"))
+				}, {
+					default: N(() => [(E(), v(k(e.prefixIcon)))]),
+					_: 1
+				}, 8, ["class"])) : y("v-if", !0)], 2)], 2)) : y("v-if", !0),
+				x("input", he({
+					id: M(C),
+					ref_key: "input",
+					ref: R,
+					class: M(I).e("inner")
+				}, M(p), {
+					name: e.name,
+					minlength: e.minlength,
+					maxlength: e.maxlength,
+					type: e.showPassword ? V.value ? "text" : "password" : e.type,
+					disabled: M(F),
+					readonly: e.readonly,
+					autocomplete: e.autocomplete,
+					tabindex: e.tabindex,
+					"aria-label": e.ariaLabel,
+					placeholder: e.placeholder,
+					style: e.inputStyle,
+					form: e.form,
+					autofocus: e.autofocus,
+					role: e.containerRole,
+					inputmode: e.inputmode,
+					onCompositionstart: n[0] || (n[0] = (...e) => M(X) && M(X)(...e)),
+					onCompositionupdate: n[1] || (n[1] = (...e) => M(Z) && M(Z)(...e)),
+					onCompositionend: n[2] || (n[2] = (...e) => M(Q) && M(Q)(...e)),
+					onInput: Ye,
+					onChange: Xe,
+					onKeydown: rt
+				}), null, 16, Oe),
+				y(" suffix slot "),
+				Ue.value ? (E(), b("span", {
+					key: 1,
+					class: T(M(I).e("suffix"))
+				}, [x("span", { class: T(M(I).e("suffix-inner")) }, [
+					!K.value || !Be.value || !q.value ? (E(), b(pe, { key: 0 }, [O(t.$slots, "suffix"), e.suffixIcon ? (E(), v(M(h), {
+						key: 0,
+						class: T(M(I).e("icon"))
+					}, {
+						default: N(() => [(E(), v(k(e.suffixIcon)))]),
+						_: 1
+					}, 8, ["class"])) : y("v-if", !0)], 64)) : y("v-if", !0),
+					K.value ? (E(), v(M(h), {
+						key: 1,
+						class: T([M(I).e("icon"), M(I).e("clear")]),
+						onMousedown: P(M(r), ["prevent"]),
+						onClick: $
+					}, {
+						default: N(() => [(E(), v(k(e.clearIcon)))]),
+						_: 1
+					}, 8, ["class", "onMousedown"])) : y("v-if", !0),
+					Be.value ? (E(), v(M(h), {
+						key: 2,
+						class: T([M(I).e("icon"), M(I).e("password")]),
+						onClick: Qe,
+						onMousedown: P(M(r), ["prevent"]),
+						onMouseup: P(M(r), ["prevent"])
+					}, {
+						default: N(() => [O(t.$slots, "password-icon", { visible: V.value }, () => [(E(), v(k(Le.value)))])]),
+						_: 3
+					}, 8, [
+						"class",
+						"onMousedown",
+						"onMouseup"
+					])) : y("v-if", !0),
+					q.value ? (E(), b("span", {
+						key: 3,
+						class: T([M(I).e("count"), M(I).is("outside", e.wordLimitPosition === "outside")])
+					}, [x("span", { class: T(M(I).e("count-inner")) }, j(Ve.value) + " / " + j(e.maxlength), 3)], 2)) : y("v-if", !0),
+					W.value && Ie.value && Fe.value ? (E(), v(M(h), {
+						key: 4,
+						class: T([
+							M(I).e("icon"),
+							M(I).e("validateIcon"),
+							M(I).is("loading", W.value === "validating")
+						])
+					}, {
+						default: N(() => [(E(), v(k(Ie.value)))]),
+						_: 1
+					}, 8, ["class"])) : y("v-if", !0)
+				], 2)], 2)) : y("v-if", !0)
+			], 2),
+			y(" append slot "),
+			t.$slots.append ? (E(), b("div", {
+				key: 1,
+				class: T(M(I).be("group", "append"))
+			}, [O(t.$slots, "append")], 2)) : y("v-if", !0)
+		], 64))], 38));
+	}
+}));
+//#endregion
+export { Ce as n, U as t };