@aifuxi/semi-ui-vue 0.1.0-alpha.0

package/dist/input-wf0nZCRS.js

@@ -0,0 +1,747 @@
+import "./src-DNBBthjO.js";
+import { S as e, _ as t, b as n, h as r, p as i, t as a } from "./foundation-Cawx37mp.js";
+import { n as o, r as s, t as c } from "./Input-BYWFIgNn.js";
+import { t as l } from "./config-context-CyynTtDb.js";
+import { Fragment as u, cloneVNode as d, computed as f, createCommentVNode as p, createElementBlock as m, createElementVNode as ee, createTextVNode as h, createVNode as te, defineComponent as g, getCurrentInstance as ne, h as _, inject as v, isVNode as y, markRaw as re, mergeProps as b, nextTick as x, normalizeClass as S, normalizeStyle as C, onBeforeUnmount as ie, onMounted as ae, openBlock as w, renderList as oe, shallowReactive as se, toDisplayString as T, unref as E, useAttrs as ce, useTemplateRef as le, watch as D } from "vue";
+import { IconClear as ue } from "@aifuxi/semi-icons-vue";
+//#region bundled-foundation
+var O = null, k = {
+	"min-height": "0",
+	"max-height": "none",
+	height: "0",
+	visibility: "hidden",
+	overflow: "hidden",
+	position: "absolute",
+	"z-index": "-1000",
+	top: "0",
+	right: "0"
+}, A = (e) => {
+	Object.keys(k).forEach((t) => {
+		e.style.setProperty(t, k[t], "important");
+	});
+}, j = (e, t) => {
+	let n = e.scrollHeight;
+	return t.sizingStyle.boxSizing === "border-box" ? n + t.borderSize : n - t.paddingSize;
+};
+function M(e, t, n = 1, r = Infinity) {
+	O || (O = document.createElement("textarea"), O.setAttribute("tab-index", "-1"), O.setAttribute("aria-hidden", "true"), A(O)), O.parentNode === null && document.body.appendChild(O);
+	let { paddingSize: i, borderSize: a, sizingStyle: o } = e, { boxSizing: s } = o;
+	Object.keys(o).forEach((e) => {
+		O.style[e] = o[e];
+	}), A(O), O.value = t;
+	let c = j(O, e);
+	O.value = "x";
+	let l = j(O, e) - i - a, u = l * n;
+	s === "border-box" && (u = u + i + a), c = Math.max(u, c);
+	let d = l * r;
+	return s === "border-box" && (d = d + i + a), c = Math.min(d, c), c;
+}
+//#endregion
+//#region bundled-foundation
+var N = [
+	"borderBottomWidth",
+	"borderLeftWidth",
+	"borderRightWidth",
+	"borderTopWidth",
+	"boxSizing",
+	"fontFamily",
+	"fontSize",
+	"fontStyle",
+	"fontWeight",
+	"letterSpacing",
+	"lineHeight",
+	"paddingBottom",
+	"paddingLeft",
+	"paddingRight",
+	"paddingTop",
+	"tabSize",
+	"textIndent",
+	"textRendering",
+	"textTransform",
+	"width"
+], P = (t) => {
+	let n = window.getComputedStyle(t);
+	if (n === null) return null;
+	let r = (0, e.default)(n, N), { boxSizing: i } = r;
+	return i === "" ? null : {
+		sizingStyle: r,
+		paddingSize: parseFloat(r.paddingBottom) + parseFloat(r.paddingTop),
+		borderSize: parseFloat(r.borderBottomWidth) + parseFloat(r.borderTopWidth)
+	};
+}, de = class e extends a {
+	static get textAreaDefaultAdapter() {
+		return {
+			notifyChange: n.default,
+			setValue: n.default,
+			toggleFocusing: n.default,
+			toggleHovering: n.default,
+			notifyFocus: n.default,
+			notifyBlur: n.default,
+			notifyKeyDown: n.default,
+			notifyEnterPress: n.default
+		};
+	}
+	constructor(t) {
+		super({
+			...e.textAreaDefaultAdapter,
+			...t
+		}), this.compositionEnter = !1, this._changeValue = (e, t) => {
+			this._isControlledComponent() || this._adapter.setValue(e), this._adapter.notifyChange(e, t);
+		}, this.getNextValue = (e) => {
+			let { maxLength: t, minLength: n, getValueLength: r } = this._adapter.getProps();
+			return (0, i.default)(r) ? t ? this.handleVisibleMaxLength(e) : (n && this.handleVisibleMinLength(e), e) : e;
+		}, this.handleCompositionStart = (e) => {
+			this.compositionEnter = !0, this._adapter.notifyCompositionStart(e);
+		}, this.handleCompositionEnd = (e) => {
+			let { composition: t } = this._adapter.getProps(), n = e.target.value;
+			if (this.compositionEnter = !1, this._adapter.notifyCompositionEnd(e), t) {
+				let t = this.getNextValue(n);
+				this._changeValue(t, e);
+				return;
+			}
+			let { getValueLength: r, maxLength: a, minLength: o } = this.getProps();
+			if ((0, i.default)(r)) {
+				if (a) {
+					let t = this.handleVisibleMaxLength(n);
+					t !== n && this._changeValue(t, e);
+				}
+				o && this.handleVisibleMinLength(n);
+			}
+		}, this.handleCompositionUpdate = (e) => {
+			this._adapter.notifyCompositionUpdate(e);
+		}, this.resizeTextarea = () => {
+			let { height: e } = this.getStates(), { rows: t, autosize: n } = this.getProps(), r = this._adapter.getRef(), i = P(r);
+			if (!i) return;
+			let [a, o] = typeof n == "object" && n ? [n?.minRows ?? t, n?.maxRows] : [t], s = M(i, r.value || r.placeholder || "x", a, o);
+			if (e !== s) {
+				this._adapter.notifyHeightUpdate(s), r.style.height = `${s}px`;
+				return;
+			}
+		};
+	}
+	destroy() {}
+	handleValueChange(e) {
+		this._adapter.setValue(e);
+	}
+	handleChange(e, t) {
+		let { composition: n } = this._adapter.getProps(), r = e;
+		if (n && this.compositionEnter) {
+			this._adapter.setValue(r);
+			return;
+		}
+		this.compositionEnter || (r = this.getNextValue(r)), this._changeValue(r, t);
+	}
+	handleVisibleMinLength(e) {
+		let { minLength: n, getValueLength: a } = this._adapter.getProps(), { minLength: o } = this._adapter.getStates();
+		if ((0, r.default)(n) && n >= 0 && (0, i.default)(a) && (0, t.default)(e)) {
+			let t = a(e);
+			if (t < n) {
+				let r = e.length + (n - t);
+				r !== o && this._adapter.setMinLength(r);
+			} else o !== n && this._adapter.setMinLength(n);
+		}
+	}
+	handleVisibleMaxLength(e) {
+		let { maxLength: n, getValueLength: a } = this._adapter.getProps();
+		if ((0, r.default)(n) && n >= 0 && (0, t.default)(e)) {
+			if ((0, i.default)(a)) {
+				if (a(e) > n) return console.warn("[Semi TextArea] The input character is truncated because the input length exceeds the maximum length limit"), this.handleTruncateValue(e, n);
+			} else if (e.length > n) return console.warn("[Semi TextArea] The input character is truncated because the input length exceeds the maximum length limit"), e.slice(0, n);
+			return e;
+		}
+	}
+	handleTruncateValue(e, t) {
+		let { getValueLength: n } = this._adapter.getProps();
+		return s({
+			value: e,
+			maxLength: t,
+			getValueLength: n
+		});
+	}
+	handleFocus(e) {
+		let { value: t } = this.getStates();
+		this._adapter.toggleFocusing(!0), this._adapter.notifyFocus(t, e);
+	}
+	handleBlur(e) {
+		let { value: t } = this.getStates(), { maxLength: n } = this.getProps(), r = t;
+		n && (r = this.handleVisibleMaxLength(t), r !== t && (this._isControlledComponent() || this._adapter.setValue(r), this._adapter.notifyChange(r, e))), this._adapter.toggleFocusing(!1), this._adapter.notifyBlur(r, e);
+	}
+	handleKeyDown(e) {
+		let { disabledEnterStartNewLine: t } = this.getProps();
+		t && e.key === "Enter" && !e.shiftKey && e.preventDefault(), this._adapter.notifyKeyDown(e), e.keyCode === 13 && this._adapter.notifyPressEnter(e);
+	}
+	handleMouseEnter(e) {
+		this._adapter.toggleHovering(!0);
+	}
+	handleMouseLeave(e) {
+		this._adapter.toggleHovering(!1);
+	}
+	isAllowClear() {
+		let { value: e, isFocus: t, isHover: n } = this._adapter.getStates(), { showClear: r, disabled: i, readonly: a } = this._adapter.getProps();
+		return e && r && !i && (t || n) && !a;
+	}
+	handleClear(e) {
+		let { isFocus: t } = this.getStates();
+		this._isControlledComponent("value") ? this._adapter.setState({ isFocus: !1 }) : this._adapter.setState({
+			value: "",
+			isFocus: !1
+		}), t && this._adapter.notifyBlur("", e), this._adapter.notifyChange("", e), this._adapter.notifyClear(e), this.stopPropagation(e);
+	}
+	handleClick(e) {
+		let { disabled: t, readonly: n } = this._adapter.getProps(), { isFocus: r } = this._adapter.getStates();
+		t || n || r || this._adapter.isEventTarget(e) && (this._adapter.focusInput(), this._adapter.toggleFocusing(!0));
+	}
+	handleCounterClick(e) {
+		let { disabled: t, readonly: n } = this._adapter.getProps(), { isFocus: r } = this._adapter.getStates();
+		t || n || r || (this._adapter.focusInput(), this._adapter.toggleFocusing(!0));
+	}
+};
+//#endregion
+//#region src/input/InputGroup.ts
+function F(e, t = []) {
+	for (let n of e) Array.isArray(n) ? F(n, t) : y(n) && n.type === u && Array.isArray(n.children) ? F(n.children, t) : t.push(n);
+	return t;
+}
+function I(e, t) {
+	let n = t.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`);
+	return !!(e.props && (Object.prototype.hasOwnProperty.call(e.props, t) || Object.prototype.hasOwnProperty.call(e.props, n)));
+}
+function L(e, t) {
+	let n = [e.style, e.width === void 0 ? void 0 : { width: e.width }], r = _("div", {
+		class: "semi-form-field-label-text",
+		"x-semi-prop": "label"
+	}, [_(o, { content: e.text }), e.optional ? _("span", { class: "semi-form-field-label-optional-text" }, t) : void 0]);
+	return _("label", {
+		id: e.id,
+		for: e.name || "input-group",
+		class: [
+			e.className,
+			"semi-form-field-label",
+			(e.align ?? "left") === "left" ? "semi-form-field-label-left" : void 0,
+			e.align === "right" ? "semi-form-field-label-right" : void 0,
+			e.required ? "semi-form-field-label-required" : void 0,
+			e.disabled ? "semi-form-field-label-disabled" : void 0,
+			e.extra ? "semi-form-field-label-with-extra" : void 0
+		],
+		style: n
+	}, e.extra ? [r, _("div", { class: "semi-form-field-label-extra" }, [_(o, { content: e.extra })])] : [r]);
+}
+var R = g({
+	name: "InputGroup",
+	inheritAttrs: !1,
+	props: {
+		className: {
+			type: null,
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		label: {
+			type: Object,
+			default: void 0
+		},
+		labelPosition: {
+			type: String,
+			default: void 0
+		},
+		size: {
+			type: String,
+			default: "default"
+		},
+		style: {
+			type: null,
+			default: void 0
+		}
+	},
+	emits: {
+		blur: (e) => !!e,
+		focus: (e) => !!e
+	},
+	setup(e, { attrs: t, emit: n, slots: r }) {
+		let i = v(l, void 0), a = f(() => {
+			let e = i?.value.locale.Form;
+			return typeof e?.optional == "string" ? e.optional : "（可选）";
+		}), o = () => F(r.default?.() ?? []).map((n) => {
+			if (!y(n) || typeof n.type == "symbol") return n;
+			let r = {
+				...t,
+				size: e.size
+			};
+			return !I(n, "disabled") && e.disabled !== void 0 && (r.disabled = e.disabled), d(n, r);
+		}), s = (e) => n("focus", e), c = (e) => n("blur", e);
+		return () => {
+			let t = o(), n = _("span", {
+				role: "group",
+				"aria-label": e.label?.text ? void 0 : "Input group",
+				"aria-disabled": e.disabled,
+				id: e.label?.text ? e.label.name || "input-group" : void 0,
+				class: [
+					"semi-input-group",
+					e.className,
+					e.size === "default" ? void 0 : `semi-input-${e.size}`
+				],
+				style: e.style,
+				onFocusin: s,
+				onFocusout: c
+			}, t);
+			return e.label?.text ? _("div", { class: [
+				"semi-input-group-wrapper",
+				e.labelPosition === "top" ? "semi-input-group-wrapper-with-top-label" : void 0,
+				e.labelPosition === "left" ? "semi-input-group-wrapper-with-left-label" : void 0
+			] }, [L(e.label, a.value), n]) : n;
+		};
+	}
+}), fe = [
+	"id",
+	"autofocus",
+	"disabled",
+	"readonly",
+	"placeholder",
+	"rows",
+	"cols",
+	"value",
+	"maxlength",
+	"minlength",
+	"aria-label",
+	"aria-labelledby",
+	"aria-describedby",
+	"aria-errormessage",
+	"aria-required",
+	"aria-invalid"
+], pe = [
+	"id",
+	"autofocus",
+	"disabled",
+	"readonly",
+	"placeholder",
+	"rows",
+	"cols",
+	"value",
+	"maxlength",
+	"minlength",
+	"aria-label",
+	"aria-labelledby",
+	"aria-describedby",
+	"aria-errormessage",
+	"aria-required",
+	"aria-invalid"
+], z = "semi-input", B = /* @__PURE__ */ g({
+	name: "TextArea",
+	inheritAttrs: !1,
+	__name: "TextArea",
+	props: {
+		autoFocus: { type: Boolean },
+		autosize: {
+			type: [Boolean, Object],
+			default: !1
+		},
+		borderless: {
+			type: Boolean,
+			default: !1
+		},
+		className: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		cols: { default: 20 },
+		composition: {
+			type: Boolean,
+			default: !1
+		},
+		defaultValue: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		disabledEnterStartNewLine: {
+			type: Boolean,
+			default: !1
+		},
+		getValueLength: {},
+		id: {},
+		lineNumberClassName: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		lineNumberStart: { default: 1 },
+		lineNumberStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		maxCount: {},
+		maxLength: {},
+		minLength: {},
+		modelValue: {},
+		placeholder: {},
+		preventScroll: { type: Boolean },
+		readonly: {
+			type: Boolean,
+			default: !1
+		},
+		resize: {},
+		rows: { default: 4 },
+		showClear: {
+			type: Boolean,
+			default: !1
+		},
+		showCounter: {
+			type: Boolean,
+			default: !1
+		},
+		showLineNumber: {
+			type: Boolean,
+			default: !1
+		},
+		textareaStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		validateStatus: { default: "default" },
+		value: {},
+		ariaDescribedby: {},
+		ariaErrormessage: {},
+		ariaInvalid: { type: [Boolean, String] },
+		ariaLabel: {},
+		ariaLabelledby: {},
+		ariaRequired: { type: [Boolean, String] }
+	},
+	emits: [
+		"blur",
+		"change",
+		"clear",
+		"compositionEnd",
+		"compositionStart",
+		"compositionUpdate",
+		"enterPress",
+		"focus",
+		"input",
+		"keydown",
+		"keypress",
+		"keyup",
+		"resize",
+		"update:modelValue",
+		"update:value"
+	],
+	setup(e, { expose: t, emit: n }) {
+		let r = e, i = n, a = ce(), o = ne(), s = le("textarea"), c = le("lineNumber"), l, d, g, _ = !1, v;
+		function y(e) {
+			let t = e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`), n = o?.vnode.props;
+			return !!(n && (Object.prototype.hasOwnProperty.call(n, e) || Object.prototype.hasOwnProperty.call(n, t)));
+		}
+		let O = f(() => y("value")), k = f(() => y("modelValue")), A = f(() => O.value || k.value), j = f(() => O.value ? r.value : r.modelValue), M = f(() => y("resize")), N = se({
+			value: A.value ? j.value : r.defaultValue,
+			cachedValue: j.value,
+			isFocus: !1,
+			isHover: !1,
+			height: 0,
+			minLength: r.minLength,
+			textareaWidth: 0,
+			textareaHeight: 0
+		}), P = /* @__PURE__ */ new Map(), F = f(() => N.value ?? ""), I = f(() => !r.autosize && M.value && r.resize !== void 0 && [
+			"horizontal",
+			"both",
+			"inline"
+		].includes(r.resize)), L = f(() => !r.autosize && M.value && r.resize !== void 0 && [
+			"vertical",
+			"both",
+			"block"
+		].includes(r.resize)), R = f(() => !r.autosize && M.value && r.resize !== void 0 && r.resize !== "none"), B = f(() => [
+			a.class,
+			r.className,
+			`${z}-textarea-wrapper`,
+			r.borderless ? `${z}-textarea-borderless` : void 0,
+			r.disabled ? `${z}-textarea-wrapper-disabled` : void 0,
+			r.readonly ? `${z}-textarea-wrapper-readonly` : void 0,
+			r.validateStatus ? `${z}-textarea-wrapper-${r.validateStatus}` : void 0,
+			N.isFocus ? `${z}-textarea-wrapper-focus` : void 0,
+			r.showLineNumber ? `${z}-textarea-wrapper-withLineNumber` : void 0,
+			I.value ? `${z}-textarea-wrapper-resizeX` : void 0,
+			L.value ? `${z}-textarea-wrapper-resizeY` : void 0
+		]), V = f(() => [
+			`${z}-textarea`,
+			r.disabled ? `${z}-textarea-disabled` : void 0,
+			r.readonly ? `${z}-textarea-readonly` : void 0,
+			r.autosize && (typeof r.autosize != "object" || r.autosize.maxRows === void 0) ? `${z}-textarea-autosize` : void 0,
+			r.showClear ? `${z}-textarea-showClear` : void 0
+		]), H = f(() => [r.textareaStyle, r.autosize ? { resize: "none" } : M.value ? { resize: r.resize } : void 0]), U = f(() => Object.fromEntries(Object.entries(a).filter(([e]) => e !== "class" && e !== "style"))), W = f(() => F.value ? r.getValueLength ? r.getValueLength(F.value) : F.value.length : 0), me = f(() => r.showCounter || r.maxCount !== void 0), he = f(() => q.isAllowClear()), ge = f(() => F.value.split("\n")), G = f(() => {
+			let e = s.value;
+			if (!e || typeof window > "u") return 21;
+			let t = window.getComputedStyle(e), n = Number.parseFloat(t.lineHeight);
+			return Number.isFinite(n) && n > 0 ? n : (Number.parseFloat(t.fontSize) || 14) * 1.5;
+		}), _e = f(() => [r.lineNumberStyle, N.textareaHeight ? {
+			height: `${N.textareaHeight}px`,
+			maxHeight: `${N.textareaHeight}px`
+		} : void 0]);
+		function K() {
+			let e = {
+				autosize: r.autosize,
+				composition: r.composition,
+				disabled: r.disabled,
+				disabledEnterStartNewLine: r.disabledEnterStartNewLine,
+				getValueLength: r.getValueLength,
+				maxLength: r.maxLength,
+				minLength: r.minLength,
+				readonly: r.readonly,
+				rows: r.rows,
+				showClear: r.showClear
+			};
+			return A.value && (e.value = j.value), e;
+		}
+		let q = re(new de({
+			getContext: () => void 0,
+			getContexts: () => void 0,
+			getProp: (e) => K()[e],
+			getProps: K,
+			getState: (e) => N[e],
+			getStates: () => N,
+			setState: (e, t) => {
+				Object.assign(N, e), t?.();
+			},
+			getCache: (e) => P.get(e),
+			getCaches: () => P,
+			setCache: (e, t) => P.set(String(e), t),
+			stopPropagation: (e) => e?.stopPropagation?.(),
+			persistEvent: () => void 0,
+			setValue: (e) => {
+				N.value = e, r.autosize && Y();
+			},
+			setMinLength: (e) => {
+				N.minLength = e;
+			},
+			notifyChange: (e, t) => {
+				i("change", e, t), i("update:value", e), i("update:modelValue", e);
+			},
+			notifyClear: (e) => i("clear", e),
+			notifyBlur: (e, t) => i("blur", t),
+			notifyFocus: (e, t) => i("focus", t),
+			notifyKeyDown: (e) => i("keydown", e),
+			notifyPressEnter: (e) => i("enterPress", e),
+			notifyCompositionStart: (e) => i("compositionStart", e),
+			notifyCompositionEnd: (e) => i("compositionEnd", e),
+			notifyCompositionUpdate: (e) => i("compositionUpdate", e),
+			notifyHeightUpdate: (e) => {
+				N.height = e, i("resize", { height: e });
+			},
+			toggleFocusing: (e) => {
+				N.isFocus = e;
+			},
+			toggleHovering: (e) => {
+				N.isHover = e;
+			},
+			getRef: () => s.value,
+			focusInput: () => J(),
+			isEventTarget: (e) => e.target === e.currentTarget
+		}));
+		function J() {
+			s.value?.focus({ preventScroll: r.preventScroll });
+		}
+		function ve() {
+			s.value?.blur();
+		}
+		function ye() {
+			s.value?.select();
+		}
+		function Y() {
+			!r.autosize || typeof window > "u" || (d !== void 0 && clearTimeout(d), d = setTimeout(() => {
+				d = void 0, q.resizeTextarea();
+			}, 10));
+		}
+		function X(e) {
+			let t = s.value;
+			t && (N.textareaWidth = e?.width ?? t.clientWidth, N.textareaHeight = e?.height ?? t.clientHeight);
+		}
+		function be(e) {
+			let t = {
+				width: e.width,
+				height: e.height
+			};
+			if (!_) {
+				_ = !0, v = t;
+				return;
+			}
+			(v?.width !== t.width || v.height !== t.height) && (v = t, i("resize", t));
+		}
+		function Z() {
+			l?.disconnect(), l = void 0, _ = !1, v = void 0;
+			let e = s.value;
+			!e || typeof ResizeObserver > "u" || !r.showLineNumber && !r.autosize && !R.value || (l = new ResizeObserver((e) => {
+				let t = e[0];
+				t && (r.showLineNumber && X(t.contentRect), r.autosize ? Y() : R.value && be(t.contentRect));
+			}), l.observe(e), r.showLineNumber && X());
+		}
+		function Q() {
+			A.value && x(() => {
+				N.value = j.value, s.value && (s.value.value = j.value ?? "");
+			});
+		}
+		function xe(e) {
+			i("input", e), q.handleChange(e.currentTarget.value, e), Q();
+		}
+		function Se(e) {
+			q.handleCompositionEnd(e), Q();
+		}
+		function Ce(e) {
+			q.handleBlur(e), Q();
+		}
+		function we(e) {
+			i("keypress", e);
+		}
+		function Te(e) {
+			i("keyup", e);
+		}
+		function $(e) {
+			if (!r.showLineNumber || !c.value) return;
+			let t = e.currentTarget.scrollTop;
+			g !== void 0 && cancelAnimationFrame(g), g = requestAnimationFrame(() => {
+				g = void 0, c.value && (c.value.scrollTop = t);
+			});
+		}
+		function Ee(e) {
+			let t = s.value;
+			if (!e || !t || typeof document > "u" || typeof navigator < "u" && /jsdom/i.test(navigator.userAgent)) return 1;
+			let n = window.getComputedStyle(t), r = document.createElement("canvas").getContext("2d");
+			if (!r) return 1;
+			r.font = `${n.fontSize} ${n.fontFamily}`;
+			let i = t.clientWidth - (Number.parseFloat(n.paddingLeft) || 0) - (Number.parseFloat(n.paddingRight) || 0);
+			return i <= 0 ? 1 : Math.max(1, Math.ceil(r.measureText(e).width / i));
+		}
+		return D(j, (e) => {
+			A.value && (N.value = e, N.cachedValue = e);
+		}), D(() => [
+			r.value,
+			r.placeholder,
+			r.autosize
+		], () => void x(Y)), D(() => [
+			r.showLineNumber,
+			r.autosize,
+			r.resize
+		], () => void x(Z)), ae(() => {
+			q.init(), Z(), Y(), !r.disabled && r.autoFocus && J();
+		}), ie(() => {
+			q.destroy(), l?.disconnect(), d !== void 0 && clearTimeout(d), g !== void 0 && cancelAnimationFrame(g);
+		}), t({
+			get textarea() {
+				return s.value;
+			},
+			focus: J,
+			blur: ve,
+			select: ye
+		}), (e, t) => (w(), m("div", {
+			class: S(B.value),
+			style: C(E(a).style),
+			onMouseenter: t[10] ||= (...e) => E(q).handleMouseEnter && E(q).handleMouseEnter(...e),
+			onMouseleave: t[11] ||= (...e) => E(q).handleMouseLeave && E(q).handleMouseLeave(...e),
+			onClick: t[12] ||= (...e) => E(q).handleClick && E(q).handleClick(...e)
+		}, [
+			r.showLineNumber ? (w(), m("div", {
+				key: 0,
+				ref_key: "lineNumber",
+				ref: c,
+				class: S([`${z}-textarea-lineNumber`, r.lineNumberClassName]),
+				style: C(_e.value)
+			}, [(w(!0), m(u, null, oe(ge.value, (e, t) => (w(), m("div", {
+				key: t,
+				class: S(`${z}-textarea-lineNumber-item`),
+				style: C({
+					minHeight: `${Ee(e) * G.value}px`,
+					lineHeight: `${G.value}px`
+				})
+			}, T(r.lineNumberStart + t), 7))), 128))], 6)) : p("", !0),
+			r.showLineNumber ? (w(), m("div", {
+				key: 1,
+				class: S(`${z}-textarea-content`)
+			}, [ee("textarea", b(U.value, {
+				id: r.id,
+				ref_key: "textarea",
+				ref: s,
+				class: V.value,
+				style: H.value,
+				autofocus: r.autoFocus,
+				disabled: r.disabled,
+				readonly: r.readonly,
+				placeholder: r.placeholder || void 0,
+				rows: r.rows,
+				cols: r.cols,
+				value: F.value,
+				maxlength: r.getValueLength ? void 0 : r.maxLength,
+				minlength: E(N).minLength || void 0,
+				"aria-label": r.ariaLabel,
+				"aria-labelledby": r.ariaLabelledby,
+				"aria-describedby": r.ariaDescribedby,
+				"aria-errormessage": r.ariaErrormessage,
+				"aria-required": r.ariaRequired,
+				"aria-invalid": r.validateStatus === "error" ? "true" : r.ariaInvalid,
+				onInput: xe,
+				onFocus: t[0] ||= (...e) => E(q).handleFocus && E(q).handleFocus(...e),
+				onBlur: Ce,
+				onKeydown: t[1] ||= (...e) => E(q).handleKeyDown && E(q).handleKeyDown(...e),
+				onKeyup: Te,
+				onKeypress: we,
+				onScroll: $,
+				onCompositionstart: t[2] ||= (...e) => E(q).handleCompositionStart && E(q).handleCompositionStart(...e),
+				onCompositionend: Se,
+				onCompositionupdate: t[3] ||= (...e) => E(q).handleCompositionUpdate && E(q).handleCompositionUpdate(...e)
+			}), null, 16, fe)], 2)) : (w(), m("textarea", b({ key: 2 }, U.value, {
+				id: r.id,
+				ref_key: "textarea",
+				ref: s,
+				class: V.value,
+				style: H.value,
+				autofocus: r.autoFocus,
+				disabled: r.disabled,
+				readonly: r.readonly,
+				placeholder: r.placeholder || void 0,
+				rows: r.rows,
+				cols: r.cols,
+				value: F.value,
+				maxlength: r.getValueLength ? void 0 : r.maxLength,
+				minlength: E(N).minLength || void 0,
+				"aria-label": r.ariaLabel,
+				"aria-labelledby": r.ariaLabelledby,
+				"aria-describedby": r.ariaDescribedby,
+				"aria-errormessage": r.ariaErrormessage,
+				"aria-required": r.ariaRequired,
+				"aria-invalid": r.validateStatus === "error" ? "true" : r.ariaInvalid,
+				onInput: xe,
+				onFocus: t[4] ||= (...e) => E(q).handleFocus && E(q).handleFocus(...e),
+				onBlur: Ce,
+				onKeydown: t[5] ||= (...e) => E(q).handleKeyDown && E(q).handleKeyDown(...e),
+				onKeyup: Te,
+				onKeypress: we,
+				onScroll: $,
+				onCompositionstart: t[6] ||= (...e) => E(q).handleCompositionStart && E(q).handleCompositionStart(...e),
+				onCompositionend: Se,
+				onCompositionupdate: t[7] ||= (...e) => E(q).handleCompositionUpdate && E(q).handleCompositionUpdate(...e)
+			}), null, 16, pe)),
+			r.showClear ? (w(), m("div", {
+				key: 3,
+				class: S([`${z}-clearbtn`, he.value ? void 0 : `${z}-clearbtn-hidden`]),
+				onClick: t[8] ||= (...e) => E(q).handleClear && E(q).handleClear(...e)
+			}, [te(E(ue))], 2)) : p("", !0),
+			me.value ? (w(), m("div", {
+				key: 4,
+				class: S([`${z}-textarea-counter`, r.maxCount !== void 0 && W.value > r.maxCount ? `${z}-textarea-counter-exceed` : void 0]),
+				onClick: t[9] ||= (...e) => E(q).handleCounterClick && E(q).handleCounterClick(...e)
+			}, [h(T(W.value), 1), r.maxCount ? (w(), m(u, { key: 0 }, [h("/" + T(r.maxCount), 1)], 64)) : p("", !0)], 2)) : p("", !0)
+		], 38));
+	}
+}), V = R, H = B, U = Object.assign(c, {
+	Group: V,
+	TextArea: H
+});
+//#endregion
+export { V as n, H as r, U as t };