@duxweb/dvha-naiveui 1.2.6 → 1.2.8

package/dist/esm/node_modules/.pnpm/naive-ui@2.44.1_vue@3.5.31_typescript@6.0.2_/node_modules/naive-ui/es/input/src/Input.js

@@ -0,0 +1,708 @@
+import { ref as e, toRef as t } from "../../../../../../@vue_reactivity@3.5.31/node_modules/@vue/reactivity/dist/reactivity.esm-bundler.js";
+import { Fragment as n, computed as r, defineComponent as i, getCurrentInstance as a, h as o, nextTick as s, onMounted as c, provide as ee, watch as l, watchEffect as u } from "../../../../../../@vue_runtime-core@3.5.31/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js";
+import "../../../../../../vue@3.5.31_typescript@6.0.2/node_modules/vue/dist/vue.runtime.esm-bundler.js";
+import { createKey as d } from "../../_utils/cssr/index.js";
+import { getMargin as te } from "../../../../../../seemly@0.3.10/node_modules/seemly/es/css/index.js";
+import { off as f, on as p } from "../../../../../../evtd@0.2.4/node_modules/evtd/es/delegate.js";
+import m from "../../../../../../vooks@0.2.12_vue@3.5.31_typescript@6.0.2_/node_modules/vooks/es/use-memo.js";
+import h from "../../../../../../vooks@0.2.12_vue@3.5.31_typescript@6.0.2_/node_modules/vooks/es/use-merged-state.js";
+import g from "../../../../../../vueuc@0.4.65_vue@3.5.31_typescript@6.0.2_/node_modules/vueuc/es/resize-observer/src/VResizeObserver.js";
+import { call as _ } from "../../_utils/vue/call.js";
+import { resolveSlot as v, resolveWrappedSlot as y } from "../../_utils/vue/resolve-slot.js";
+import ne from "../../_mixins/use-config.js";
+import { useThemeClass as re } from "../../_mixins/use-css-vars-class.js";
+import b from "../../_mixins/use-form-item.js";
+import x from "../../_mixins/use-locale.js";
+import { useRtl as ie } from "../../_mixins/use-rtl.js";
+import ae from "../../_mixins/use-style.js";
+import S from "../../_mixins/use-theme.js";
+import C from "../../_internal/icon/src/Icon.js";
+import w from "../../_internal/icons/Eye.js";
+import T from "../../_internal/icons/EyeOff.js";
+import E from "../../_internal/clear/src/Clear.js";
+import D from "../../_internal/scrollbar/src/Scrollbar.js";
+import O from "../../_internal/suffix/src/Suffix.js";
+import { isSafari as oe } from "../../_utils/env/browser.js";
+import se from "../styles/light.js";
+import { inputInjectionKey as ce } from "./interface.js";
+import le, { safariStyle as ue } from "./styles/input.cssr.js";
+import { isEmptyInputValue as k, useCursor as de } from "./utils.js";
+import A from "./WordCount.js";
+var j = i({
+	name: "Input",
+	props: Object.assign(Object.assign({}, S.props), {
+		bordered: {
+			type: Boolean,
+			default: void 0
+		},
+		type: {
+			type: String,
+			default: "text"
+		},
+		placeholder: [Array, String],
+		defaultValue: {
+			type: [String, Array],
+			default: null
+		},
+		value: [String, Array],
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		size: String,
+		rows: {
+			type: [Number, String],
+			default: 3
+		},
+		round: Boolean,
+		minlength: [String, Number],
+		maxlength: [String, Number],
+		clearable: Boolean,
+		autosize: {
+			type: [Boolean, Object],
+			default: !1
+		},
+		pair: Boolean,
+		separator: String,
+		readonly: {
+			type: [String, Boolean],
+			default: !1
+		},
+		passivelyActivated: Boolean,
+		showPasswordOn: String,
+		stateful: {
+			type: Boolean,
+			default: !0
+		},
+		autofocus: Boolean,
+		inputProps: Object,
+		resizable: {
+			type: Boolean,
+			default: !0
+		},
+		showCount: Boolean,
+		loading: {
+			type: Boolean,
+			default: void 0
+		},
+		allowInput: Function,
+		renderCount: Function,
+		onMousedown: Function,
+		onKeydown: Function,
+		onKeyup: [Function, Array],
+		onInput: [Function, Array],
+		onFocus: [Function, Array],
+		onBlur: [Function, Array],
+		onClick: [Function, Array],
+		onChange: [Function, Array],
+		onClear: [Function, Array],
+		countGraphemes: Function,
+		status: String,
+		"onUpdate:value": [Function, Array],
+		onUpdateValue: [Function, Array],
+		textDecoration: [String, Array],
+		attrSize: {
+			type: Number,
+			default: 20
+		},
+		onInputBlur: [Function, Array],
+		onInputFocus: [Function, Array],
+		onDeactivate: [Function, Array],
+		onActivate: [Function, Array],
+		onWrapperFocus: [Function, Array],
+		onWrapperBlur: [Function, Array],
+		internalDeactivateOnEnter: Boolean,
+		internalForceFocus: Boolean,
+		internalLoadingBeforeSuffix: {
+			type: Boolean,
+			default: !0
+		},
+		showPasswordToggle: Boolean
+	}),
+	slots: Object,
+	setup(n) {
+		let { mergedClsPrefixRef: i, mergedBorderedRef: o, inlineThemeDisabled: g, mergedRtlRef: v, mergedComponentPropsRef: y } = ne(n), C = S("Input", "-input", le, se, n, i);
+		oe && ae("-input-safari", ue, i);
+		let w = e(null), T = e(null), E = e(null), D = e(null), O = e(null), A = e(null), j = e(null), M = de(j), N = e(null), { localeRef: fe } = x("Input"), P = e(n.defaultValue), F = h(t(n, "value"), P), I = b(n, { mergedSize: (e) => {
+			let { size: t } = n;
+			if (t) return t;
+			let { mergedSize: r } = e || {};
+			return r?.value ? r.value : y?.value?.Input?.size || "medium";
+		} }), { mergedSizeRef: L, mergedDisabledRef: R, mergedStatusRef: pe } = I, z = e(!1), B = e(!1), V = e(!1), H = e(!1), U = null, W = r(() => {
+			let { placeholder: e, pair: t } = n;
+			return t ? Array.isArray(e) ? e : e === void 0 ? ["", ""] : [e, e] : e === void 0 ? [fe.value.placeholder] : [e];
+		}), me = r(() => {
+			let { value: e } = V, { value: t } = F, { value: n } = W;
+			return !e && (k(t) || Array.isArray(t) && k(t[0])) && n[0];
+		}), he = r(() => {
+			let { value: e } = V, { value: t } = F, { value: n } = W;
+			return !e && n[1] && (k(t) || Array.isArray(t) && k(t[1]));
+		}), G = m(() => n.internalForceFocus || z.value), ge = m(() => {
+			if (R.value || n.readonly || !n.clearable || !G.value && !B.value) return !1;
+			let { value: e } = F, { value: t } = G;
+			return n.pair ? !!(Array.isArray(e) && (e[0] || e[1])) && (B.value || t) : !!e && (B.value || t);
+		}), K = r(() => {
+			let { showPasswordOn: e } = n;
+			if (e) return e;
+			if (n.showPasswordToggle) return "click";
+		}), q = e(!1), _e = r(() => {
+			let { textDecoration: e } = n;
+			return e ? Array.isArray(e) ? e.map((e) => ({ textDecoration: e })) : [{ textDecoration: e }] : ["", ""];
+		}), ve = e(void 0), ye = () => {
+			if (n.type === "textarea") {
+				let { autosize: e } = n;
+				if (e && (ve.value = N.value?.$el?.offsetWidth), !T.value || typeof e == "boolean") return;
+				let { paddingTop: t, paddingBottom: r, lineHeight: i } = window.getComputedStyle(T.value), a = Number(t.slice(0, -2)), o = Number(r.slice(0, -2)), s = Number(i.slice(0, -2)), { value: c } = E;
+				if (!c) return;
+				if (e.minRows) {
+					let t = Math.max(e.minRows, 1), n = `${a + o + s * t}px`;
+					c.style.minHeight = n;
+				}
+				if (e.maxRows) {
+					let t = `${a + o + s * e.maxRows}px`;
+					c.style.maxHeight = t;
+				}
+			}
+		}, be = r(() => {
+			let { maxlength: e } = n;
+			return e === void 0 ? void 0 : Number(e);
+		});
+		c(() => {
+			let { value: e } = F;
+			Array.isArray(e) || $(e);
+		});
+		let xe = a().proxy;
+		function J(e, t) {
+			let { onUpdateValue: r, "onUpdate:value": i, onInput: a } = n, { nTriggerFormInput: o } = I;
+			r && _(r, e, t), i && _(i, e, t), a && _(a, e, t), P.value = e, o();
+		}
+		function Y(e, t) {
+			let { onChange: r } = n, { nTriggerFormChange: i } = I;
+			r && _(r, e, t), P.value = e, i();
+		}
+		function Se(e) {
+			let { onBlur: t } = n, { nTriggerFormBlur: r } = I;
+			t && _(t, e), r();
+		}
+		function Ce(e) {
+			let { onFocus: t } = n, { nTriggerFormFocus: r } = I;
+			t && _(t, e), r();
+		}
+		function we(e) {
+			let { onClear: t } = n;
+			t && _(t, e);
+		}
+		function Te(e) {
+			let { onInputBlur: t } = n;
+			t && _(t, e);
+		}
+		function Ee(e) {
+			let { onInputFocus: t } = n;
+			t && _(t, e);
+		}
+		function De() {
+			let { onDeactivate: e } = n;
+			e && _(e);
+		}
+		function Oe() {
+			let { onActivate: e } = n;
+			e && _(e);
+		}
+		function ke(e) {
+			let { onClick: t } = n;
+			t && _(t, e);
+		}
+		function Ae(e) {
+			let { onWrapperFocus: t } = n;
+			t && _(t, e);
+		}
+		function je(e) {
+			let { onWrapperBlur: t } = n;
+			t && _(t, e);
+		}
+		function Me() {
+			V.value = !0;
+		}
+		function Ne(e) {
+			V.value = !1, e.target === A.value ? X(e, 1) : X(e, 0);
+		}
+		function X(e, t = 0, r = "input") {
+			let i = e.target.value;
+			if ($(i), e instanceof InputEvent && !e.isComposing && (V.value = !1), n.type === "textarea") {
+				let { value: e } = N;
+				e && e.syncUnifiedContainer();
+			}
+			if (U = i, V.value) return;
+			M.recordCursor();
+			let a = Pe(i);
+			if (a) if (!n.pair) r === "input" ? J(i, { source: t }) : Y(i, { source: t });
+			else {
+				let { value: e } = F;
+				e = Array.isArray(e) ? [e[0], e[1]] : ["", ""], e[t] = i, r === "input" ? J(e, { source: t }) : Y(e, { source: t });
+			}
+			xe.$forceUpdate(), a || s(M.restoreCursor);
+		}
+		function Pe(e) {
+			let { countGraphemes: t, maxlength: r, minlength: i } = n;
+			if (t) {
+				let n;
+				if (r !== void 0 && (n === void 0 && (n = t(e)), n > Number(r)) || i !== void 0 && (n === void 0 && (n = t(e)), n < Number(r))) return !1;
+			}
+			let { allowInput: a } = n;
+			return typeof a == "function" ? a(e) : !0;
+		}
+		function Fe(e) {
+			Te(e), e.relatedTarget === w.value && De(), e.relatedTarget !== null && (e.relatedTarget === O.value || e.relatedTarget === A.value || e.relatedTarget === T.value) || (H.value = !1), Z(e, "blur"), j.value = null;
+		}
+		function Ie(e, t) {
+			Ee(e), z.value = !0, H.value = !0, Oe(), Z(e, "focus"), t === 0 ? j.value = O.value : t === 1 ? j.value = A.value : t === 2 && (j.value = T.value);
+		}
+		function Le(e) {
+			n.passivelyActivated && (je(e), Z(e, "blur"));
+		}
+		function Re(e) {
+			n.passivelyActivated && (z.value = !0, Ae(e), Z(e, "focus"));
+		}
+		function Z(e, t) {
+			e.relatedTarget !== null && (e.relatedTarget === O.value || e.relatedTarget === A.value || e.relatedTarget === T.value || e.relatedTarget === w.value) || (t === "focus" ? (Ce(e), z.value = !0) : t === "blur" && (Se(e), z.value = !1));
+		}
+		function ze(e, t) {
+			X(e, t, "change");
+		}
+		function Be(e) {
+			ke(e);
+		}
+		function Ve(e) {
+			we(e), He();
+		}
+		function He() {
+			n.pair ? (J(["", ""], { source: "clear" }), Y(["", ""], { source: "clear" })) : (J("", { source: "clear" }), Y("", { source: "clear" }));
+		}
+		function Ue(e) {
+			let { onMousedown: t } = n;
+			t && t(e);
+			let { tagName: r } = e.target;
+			if (r !== "INPUT" && r !== "TEXTAREA") {
+				if (n.resizable) {
+					let { value: t } = w;
+					if (t) {
+						let { left: n, top: r, width: i, height: a } = t.getBoundingClientRect();
+						if (n + i - 14 < e.clientX && e.clientX < n + i && r + a - 14 < e.clientY && e.clientY < r + a) return;
+					}
+				}
+				e.preventDefault(), z.value || Ze();
+			}
+		}
+		function We() {
+			var e;
+			B.value = !0, n.type === "textarea" && ((e = N.value) == null || e.handleMouseEnterWrapper());
+		}
+		function Ge() {
+			var e;
+			B.value = !1, n.type === "textarea" && ((e = N.value) == null || e.handleMouseLeaveWrapper());
+		}
+		function Ke() {
+			R.value || K.value === "click" && (q.value = !q.value);
+		}
+		function qe(e) {
+			if (R.value) return;
+			e.preventDefault();
+			let t = (e) => {
+				e.preventDefault(), f("mouseup", document, t);
+			};
+			if (p("mouseup", document, t), K.value !== "mousedown") return;
+			q.value = !0;
+			let n = () => {
+				q.value = !1, f("mouseup", document, n);
+			};
+			p("mouseup", document, n);
+		}
+		function Je(e) {
+			n.onKeyup && _(n.onKeyup, e);
+		}
+		function Ye(e) {
+			switch (n.onKeydown && _(n.onKeydown, e), e.key) {
+				case "Escape":
+					Q();
+					break;
+				case "Enter":
+					Xe(e);
+					break;
+			}
+		}
+		function Xe(e) {
+			var t, r;
+			if (n.passivelyActivated) {
+				let { value: i } = H;
+				if (i) {
+					n.internalDeactivateOnEnter && Q();
+					return;
+				}
+				e.preventDefault(), n.type === "textarea" ? (t = T.value) == null || t.focus() : (r = O.value) == null || r.focus();
+			}
+		}
+		function Q() {
+			n.passivelyActivated && (H.value = !1, s(() => {
+				var e;
+				(e = w.value) == null || e.focus();
+			}));
+		}
+		function Ze() {
+			var e, t, r;
+			R.value || (n.passivelyActivated ? (e = w.value) == null || e.focus() : ((t = T.value) == null || t.focus(), (r = O.value) == null || r.focus()));
+		}
+		function Qe() {
+			w.value?.contains(document.activeElement) && document.activeElement.blur();
+		}
+		function $e() {
+			var e, t;
+			(e = T.value) == null || e.select(), (t = O.value) == null || t.select();
+		}
+		function et() {
+			R.value || (T.value ? T.value.focus() : O.value && O.value.focus());
+		}
+		function tt() {
+			let { value: e } = w;
+			e?.contains(document.activeElement) && e !== document.activeElement && Q();
+		}
+		function nt(e) {
+			if (n.type === "textarea") {
+				let { value: t } = T;
+				t?.scrollTo(e);
+			} else {
+				let { value: t } = O;
+				t?.scrollTo(e);
+			}
+		}
+		function $(e) {
+			let { type: t, pair: r, autosize: i } = n;
+			if (!r && i) if (t === "textarea") {
+				let { value: t } = E;
+				t && (t.textContent = `${e ?? ""}\r\n`);
+			} else {
+				let { value: t } = D;
+				t && (e ? t.textContent = e : t.innerHTML = "&nbsp;");
+			}
+		}
+		function rt() {
+			ye();
+		}
+		let it = e({ top: "0" });
+		function at(e) {
+			var t;
+			let { scrollTop: n } = e.target;
+			it.value.top = `${-n}px`, (t = N.value) == null || t.syncUnifiedContainer();
+		}
+		let ot = null;
+		u(() => {
+			let { autosize: e, type: t } = n;
+			e && t === "textarea" ? ot = l(F, (e) => {
+				!Array.isArray(e) && e !== U && $(e);
+			}) : ot?.();
+		});
+		let st = null;
+		u(() => {
+			n.type === "textarea" ? st = l(F, (e) => {
+				var t;
+				!Array.isArray(e) && e !== U && ((t = N.value) == null || t.syncUnifiedContainer());
+			}) : st?.();
+		}), ee(ce, {
+			mergedValueRef: F,
+			maxlengthRef: be,
+			mergedClsPrefixRef: i,
+			countGraphemesRef: t(n, "countGraphemes")
+		});
+		let ct = {
+			wrapperElRef: w,
+			inputElRef: O,
+			textareaElRef: T,
+			isCompositing: V,
+			clear: He,
+			focus: Ze,
+			blur: Qe,
+			select: $e,
+			deactivate: tt,
+			activate: et,
+			scrollTo: nt
+		}, lt = ie("Input", v, i), ut = r(() => {
+			let { value: e } = L, { common: { cubicBezierEaseInOut: t }, self: { color: n, borderRadius: r, textColor: i, caretColor: a, caretColorError: o, caretColorWarning: s, textDecorationColor: c, border: ee, borderDisabled: l, borderHover: u, borderFocus: f, placeholderColor: p, placeholderColorDisabled: m, lineHeightTextarea: h, colorDisabled: g, colorFocus: _, textColorDisabled: v, boxShadowFocus: y, iconSize: ne, colorFocusWarning: re, boxShadowFocusWarning: b, borderWarning: x, borderFocusWarning: ie, borderHoverWarning: ae, colorFocusError: S, boxShadowFocusError: w, borderError: T, borderFocusError: E, borderHoverError: D, clearSize: O, clearColor: oe, clearColorHover: se, clearColorPressed: ce, iconColor: le, iconColorDisabled: ue, suffixTextColor: k, countTextColor: de, countTextColorDisabled: A, iconColorHover: j, iconColorPressed: M, loadingColor: N, loadingColorError: fe, loadingColorWarning: P, fontWeight: F, [d("padding", e)]: I, [d("fontSize", e)]: R, [d("height", e)]: pe } } = C.value, { left: z, right: B } = te(I);
+			return {
+				"--n-bezier": t,
+				"--n-count-text-color": de,
+				"--n-count-text-color-disabled": A,
+				"--n-color": n,
+				"--n-font-size": R,
+				"--n-font-weight": F,
+				"--n-border-radius": r,
+				"--n-height": pe,
+				"--n-padding-left": z,
+				"--n-padding-right": B,
+				"--n-text-color": i,
+				"--n-caret-color": a,
+				"--n-text-decoration-color": c,
+				"--n-border": ee,
+				"--n-border-disabled": l,
+				"--n-border-hover": u,
+				"--n-border-focus": f,
+				"--n-placeholder-color": p,
+				"--n-placeholder-color-disabled": m,
+				"--n-icon-size": ne,
+				"--n-line-height-textarea": h,
+				"--n-color-disabled": g,
+				"--n-color-focus": _,
+				"--n-text-color-disabled": v,
+				"--n-box-shadow-focus": y,
+				"--n-loading-color": N,
+				"--n-caret-color-warning": s,
+				"--n-color-focus-warning": re,
+				"--n-box-shadow-focus-warning": b,
+				"--n-border-warning": x,
+				"--n-border-focus-warning": ie,
+				"--n-border-hover-warning": ae,
+				"--n-loading-color-warning": P,
+				"--n-caret-color-error": o,
+				"--n-color-focus-error": S,
+				"--n-box-shadow-focus-error": w,
+				"--n-border-error": T,
+				"--n-border-focus-error": E,
+				"--n-border-hover-error": D,
+				"--n-loading-color-error": fe,
+				"--n-clear-color": oe,
+				"--n-clear-size": O,
+				"--n-clear-color-hover": se,
+				"--n-clear-color-pressed": ce,
+				"--n-icon-color": le,
+				"--n-icon-color-hover": j,
+				"--n-icon-color-pressed": M,
+				"--n-icon-color-disabled": ue,
+				"--n-suffix-text-color": k
+			};
+		}), dt = g ? re("input", r(() => {
+			let { value: e } = L;
+			return e[0];
+		}), ut, n) : void 0;
+		return Object.assign(Object.assign({}, ct), {
+			wrapperElRef: w,
+			inputElRef: O,
+			inputMirrorElRef: D,
+			inputEl2Ref: A,
+			textareaElRef: T,
+			textareaMirrorElRef: E,
+			textareaScrollbarInstRef: N,
+			rtlEnabled: lt,
+			uncontrolledValue: P,
+			mergedValue: F,
+			passwordVisible: q,
+			mergedPlaceholder: W,
+			showPlaceholder1: me,
+			showPlaceholder2: he,
+			mergedFocus: G,
+			isComposing: V,
+			activated: H,
+			showClearButton: ge,
+			mergedSize: L,
+			mergedDisabled: R,
+			textDecorationStyle: _e,
+			mergedClsPrefix: i,
+			mergedBordered: o,
+			mergedShowPasswordOn: K,
+			placeholderStyle: it,
+			mergedStatus: pe,
+			textAreaScrollContainerWidth: ve,
+			handleTextAreaScroll: at,
+			handleCompositionStart: Me,
+			handleCompositionEnd: Ne,
+			handleInput: X,
+			handleInputBlur: Fe,
+			handleInputFocus: Ie,
+			handleWrapperBlur: Le,
+			handleWrapperFocus: Re,
+			handleMouseEnter: We,
+			handleMouseLeave: Ge,
+			handleMouseDown: Ue,
+			handleChange: ze,
+			handleClick: Be,
+			handleClear: Ve,
+			handlePasswordToggleClick: Ke,
+			handlePasswordToggleMousedown: qe,
+			handleWrapperKeydown: Ye,
+			handleWrapperKeyup: Je,
+			handleTextAreaMirrorResize: rt,
+			getTextareaScrollContainer: () => T.value,
+			mergedTheme: C,
+			cssVars: g ? void 0 : ut,
+			themeClass: dt?.themeClass,
+			onRender: dt?.onRender
+		});
+	},
+	render() {
+		let { mergedClsPrefix: e, mergedStatus: t, themeClass: r, type: i, countGraphemes: a, onRender: s } = this, c = this.$slots;
+		return s?.(), o("div", {
+			ref: "wrapperElRef",
+			class: [
+				`${e}-input`,
+				`${e}-input--${this.mergedSize}-size`,
+				r,
+				t && `${e}-input--${t}-status`,
+				{
+					[`${e}-input--rtl`]: this.rtlEnabled,
+					[`${e}-input--disabled`]: this.mergedDisabled,
+					[`${e}-input--textarea`]: i === "textarea",
+					[`${e}-input--resizable`]: this.resizable && !this.autosize,
+					[`${e}-input--autosize`]: this.autosize,
+					[`${e}-input--round`]: this.round && i !== "textarea",
+					[`${e}-input--pair`]: this.pair,
+					[`${e}-input--focus`]: this.mergedFocus,
+					[`${e}-input--stateful`]: this.stateful
+				}
+			],
+			style: this.cssVars,
+			tabindex: !this.mergedDisabled && this.passivelyActivated && !this.activated ? 0 : void 0,
+			onFocus: this.handleWrapperFocus,
+			onBlur: this.handleWrapperBlur,
+			onClick: this.handleClick,
+			onMousedown: this.handleMouseDown,
+			onMouseenter: this.handleMouseEnter,
+			onMouseleave: this.handleMouseLeave,
+			onCompositionstart: this.handleCompositionStart,
+			onCompositionend: this.handleCompositionEnd,
+			onKeyup: this.handleWrapperKeyup,
+			onKeydown: this.handleWrapperKeydown
+		}, o("div", { class: `${e}-input-wrapper` }, y(c.prefix, (t) => t && o("div", { class: `${e}-input__prefix` }, t)), i === "textarea" ? o(D, {
+			ref: "textareaScrollbarInstRef",
+			class: `${e}-input__textarea`,
+			container: this.getTextareaScrollContainer,
+			theme: this.theme?.peers?.Scrollbar,
+			themeOverrides: this.themeOverrides?.peers?.Scrollbar,
+			triggerDisplayManually: !0,
+			useUnifiedContainer: !0,
+			internalHoistYRail: !0
+		}, { default: () => {
+			let { textAreaScrollContainerWidth: t } = this, r = { width: this.autosize && t && `${t}px` };
+			return o(n, null, o("textarea", Object.assign({}, this.inputProps, {
+				ref: "textareaElRef",
+				class: [`${e}-input__textarea-el`, this.inputProps?.class],
+				autofocus: this.autofocus,
+				rows: Number(this.rows),
+				placeholder: this.placeholder,
+				value: this.mergedValue,
+				disabled: this.mergedDisabled,
+				maxlength: a ? void 0 : this.maxlength,
+				minlength: a ? void 0 : this.minlength,
+				readonly: this.readonly,
+				tabindex: this.passivelyActivated && !this.activated ? -1 : void 0,
+				style: [
+					this.textDecorationStyle[0],
+					this.inputProps?.style,
+					r
+				],
+				onBlur: this.handleInputBlur,
+				onFocus: (e) => {
+					this.handleInputFocus(e, 2);
+				},
+				onInput: this.handleInput,
+				onChange: this.handleChange,
+				onScroll: this.handleTextAreaScroll
+			})), this.showPlaceholder1 ? o("div", {
+				class: `${e}-input__placeholder`,
+				style: [this.placeholderStyle, r],
+				key: "placeholder"
+			}, this.mergedPlaceholder[0]) : null, this.autosize ? o(g, { onResize: this.handleTextAreaMirrorResize }, { default: () => o("div", {
+				ref: "textareaMirrorElRef",
+				class: `${e}-input__textarea-mirror`,
+				key: "mirror"
+			}) }) : null);
+		} }) : o("div", { class: `${e}-input__input` }, o("input", Object.assign({ type: i === "password" && this.mergedShowPasswordOn && this.passwordVisible ? "text" : i }, this.inputProps, {
+			ref: "inputElRef",
+			class: [`${e}-input__input-el`, this.inputProps?.class],
+			style: [this.textDecorationStyle[0], this.inputProps?.style],
+			tabindex: this.passivelyActivated && !this.activated ? -1 : this.inputProps?.tabindex,
+			placeholder: this.mergedPlaceholder[0],
+			disabled: this.mergedDisabled,
+			maxlength: a ? void 0 : this.maxlength,
+			minlength: a ? void 0 : this.minlength,
+			value: Array.isArray(this.mergedValue) ? this.mergedValue[0] : this.mergedValue,
+			readonly: this.readonly,
+			autofocus: this.autofocus,
+			size: this.attrSize,
+			onBlur: this.handleInputBlur,
+			onFocus: (e) => {
+				this.handleInputFocus(e, 0);
+			},
+			onInput: (e) => {
+				this.handleInput(e, 0);
+			},
+			onChange: (e) => {
+				this.handleChange(e, 0);
+			}
+		})), this.showPlaceholder1 ? o("div", { class: `${e}-input__placeholder` }, o("span", null, this.mergedPlaceholder[0])) : null, this.autosize ? o("div", {
+			class: `${e}-input__input-mirror`,
+			key: "mirror",
+			ref: "inputMirrorElRef"
+		}, "\xA0") : null), !this.pair && y(c.suffix, (t) => t || this.clearable || this.showCount || this.mergedShowPasswordOn || this.loading !== void 0 ? o("div", { class: `${e}-input__suffix` }, [
+			y(c["clear-icon-placeholder"], (t) => (this.clearable || t) && o(E, {
+				clsPrefix: e,
+				show: this.showClearButton,
+				onClear: this.handleClear
+			}, {
+				placeholder: () => t,
+				icon: () => {
+					var e;
+					return (e = this.$slots)["clear-icon"]?.call(e);
+				}
+			})),
+			this.internalLoadingBeforeSuffix ? null : t,
+			this.loading === void 0 ? null : o(O, {
+				clsPrefix: e,
+				loading: this.loading,
+				showArrow: !1,
+				showClear: !1,
+				style: this.cssVars
+			}),
+			this.internalLoadingBeforeSuffix ? t : null,
+			this.showCount && this.type !== "textarea" ? o(A, null, { default: (e) => {
+				let { renderCount: t } = this;
+				return t ? t(e) : c.count?.call(c, e);
+			} }) : null,
+			this.mergedShowPasswordOn && this.type === "password" ? o("div", {
+				class: `${e}-input__eye`,
+				onMousedown: this.handlePasswordToggleMousedown,
+				onClick: this.handlePasswordToggleClick
+			}, this.passwordVisible ? v(c["password-visible-icon"], () => [o(C, { clsPrefix: e }, { default: () => o(w, null) })]) : v(c["password-invisible-icon"], () => [o(C, { clsPrefix: e }, { default: () => o(T, null) })])) : null
+		]) : null)), this.pair ? o("span", { class: `${e}-input__separator` }, v(c.separator, () => [this.separator])) : null, this.pair ? o("div", { class: `${e}-input-wrapper` }, o("div", { class: `${e}-input__input` }, o("input", {
+			ref: "inputEl2Ref",
+			type: this.type,
+			class: `${e}-input__input-el`,
+			tabindex: this.passivelyActivated && !this.activated ? -1 : void 0,
+			placeholder: this.mergedPlaceholder[1],
+			disabled: this.mergedDisabled,
+			maxlength: a ? void 0 : this.maxlength,
+			minlength: a ? void 0 : this.minlength,
+			value: Array.isArray(this.mergedValue) ? this.mergedValue[1] : void 0,
+			readonly: this.readonly,
+			style: this.textDecorationStyle[1],
+			onBlur: this.handleInputBlur,
+			onFocus: (e) => {
+				this.handleInputFocus(e, 1);
+			},
+			onInput: (e) => {
+				this.handleInput(e, 1);
+			},
+			onChange: (e) => {
+				this.handleChange(e, 1);
+			}
+		}), this.showPlaceholder2 ? o("div", { class: `${e}-input__placeholder` }, o("span", null, this.mergedPlaceholder[1])) : null), y(c.suffix, (t) => (this.clearable || t) && o("div", { class: `${e}-input__suffix` }, [this.clearable && o(E, {
+			clsPrefix: e,
+			show: this.showClearButton,
+			onClear: this.handleClear
+		}, {
+			icon: () => c["clear-icon"]?.call(c),
+			placeholder: () => c["clear-icon-placeholder"]?.call(c)
+		}), t]))) : null, this.mergedBordered ? o("div", { class: `${e}-input__border` }) : null, this.mergedBordered ? o("div", { class: `${e}-input__state-border` }) : null, this.showCount && i === "textarea" ? o(A, null, { default: (e) => {
+			let { renderCount: t } = this;
+			return t ? t(e) : c.count?.call(c, e);
+		} }) : null);
+	}
+});
+//#endregion
+export { j as default };