@unicom-cloud/ui 0.8.156 → 0.8.158

package/input/Button.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
 import type { InputButtonProps, RefInputType } from './interface';
-declare const ButtonInput: React.ForwardRefExoticComponent<InputButtonProps & React.RefAttributes<RefInputType>>;
+declare const ButtonInput: import("react").ForwardRefExoticComponent<InputButtonProps & import("react").RefAttributes<RefInputType>>;
 export default ButtonInput;
 export type { InputButtonProps };

package/input/Button.js

@@ -1,52 +1,56 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
-import { isPlainObject as e } from "../utils/is.js";
-import t from "../hooks/use-merge-value/index.js";
-import n from "../utils/className.js";
-import r from "../hooks/use-merge-props/index.js";
-import i from "../config-provider/context.js";
-import { FormContext as a, FormItemContext as o } from "../form/context.js";
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
+import { isPlainObject as e, isUndefined as t } from "../utils/is.js";
+import n from "../hooks/use-controllable-value/index.js";
+import r from "../utils/className.js";
+import i from "../hooks/use-merge-props/index.js";
+import a from "../config-provider/context.js";
+import { FormContext as o, FormItemContext as s } from "../form/context.js";
 import "../config-provider/index.js";
-import s from "../button/index.js";
-import { formatValue as c } from "./utils.js";
-import l from "./Input.js";
-import u, { useContext as d } from "react";
-import { jsx as f } from "react/jsx-runtime";
+import c from "../button/index.js";
+import { formatValue as l } from "./utils.js";
+import u from "./Input.js";
+import { forwardRef as d, useContext as f } from "react";
+import { jsx as p } from "react/jsx-runtime";
 //#region components/pc/input/Button.tsx
-var p = u.forwardRef((u, p) => {
-	let { prefixCls: m, getPrefixCls: h, size: g, componentConfig: _, rtl: v } = d(i), y = d(a), b = d(o), x = r(u, {}, _?.InputButton), { className: S, style: C, disabled: w, loading: T, defaultValue: E, addAfter: D, buttonProps: O, label: k, readOnly: A = b?.readOnly ?? y?.readOnly, onCallback: j, ...M } = x, N = h?.("input-button"), P = x.status ? {
+function m(d, m) {
+	let { prefixCls: h, getPrefixCls: g, size: _, componentConfig: v, rtl: y } = f(a), b = f(o), x = f(s), S = i(d, {}, v?.InputButton), { className: C, style: w, disabled: T, loading: E, defaultValue: D, addAfter: O, buttonProps: k, label: A, readOnly: j = x?.readOnly ?? b?.readOnly, onCallback: M, ...N } = S, P = g?.("input-button"), F = S.status ? {
 		error: "danger",
 		warning: "warning",
 		success: "success"
-	}[x.status] : void 0, F = !A && (D === void 0 ? /* @__PURE__ */ f(s, {
+	}[S.status] : void 0, I = !j && (t(O) ? /* @__PURE__ */ p(c, {
 		type: "primary",
-		disabled: w,
-		size: M.size,
-		status: P,
-		...O,
-		className: n(`${N}-btn`, O?.className),
+		disabled: T,
+		size: N.size,
+		status: F,
+		...k,
+		className: r(`${P}-btn`, k?.className),
 		onClick: (e) => {
-			j?.(R), x.onClick?.(e), O?.onClick?.(e);
+			M?.(z), S.onClick?.(e), k?.onClick?.(e);
 		},
-		children: O?.children ?? k ?? "确定"
-	}) : D), I = e(x.maxLength) ? x.maxLength.length : x.maxLength, L = e(x.maxLength) && x.maxLength.errorOnly ? void 0 : I, [R, z] = t("", {
-		defaultValue: "defaultValue" in x ? c(x.defaultValue, L) : void 0,
-		value: "value" in x ? c(x.value, L) : void 0
+		children: k?.children ?? A ?? "确定"
+	}) : O), L = e(S.maxLength) ? S.maxLength.length : S.maxLength, R = e(S.maxLength) && S.maxLength.errorOnly ? void 0 : L, [z, B] = n({
+		defaultValue: "defaultValue" in S ? l(S.defaultValue, R) : void 0,
+		value: "value" in S ? l(S.value, R) : void 0
+	}, {
+		defaultValue: "",
+		triggerPropName: !1
 	});
-	return /* @__PURE__ */ f(l, {
-		...M,
-		className: n(N, F && `${N}-has-after`, A && `${N}-readonly`, S),
-		style: C,
-		ref: p,
-		readOnly: A,
-		defaultValue: E,
-		addAfter: F,
-		disabled: w,
+	return /* @__PURE__ */ p(u, {
+		...N,
+		className: r(P, I && `${P}-has-after`, j && `${P}-readonly`, C),
+		style: w,
+		ref: m,
+		readOnly: j,
+		defaultValue: D,
+		addAfter: I,
+		disabled: T,
 		onChange: (e, t) => {
-			z(e), x.onChange?.(e, t);
+			B(e), S.onChange?.(e, t);
 		}
 	});
-});
-p.displayName = "Input.Button";
+}
+var h = d(m);
+h.displayName = "Input.Button";
 //#endregion
-export { p as default };
+export { h as default };
 /* 独立思考，明辨是非 */

package/input/Group.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
 import type { InputGroupProps } from './interface';
-declare const Group: React.ForwardRefExoticComponent<InputGroupProps & {
-    children?: React.ReactNode | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
+declare const Group: import("react").ForwardRefExoticComponent<InputGroupProps & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>;
 export default Group;
 export type { InputGroupProps };

package/input/Group.js

@@ -1,11 +1,11 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import e from "../utils/className.js";
 import t from "../config-provider/context.js";
 import "../config-provider/index.js";
-import n, { useContext as r } from "react";
+import { forwardRef as n, useContext as r } from "react";
 import { jsx as i } from "react/jsx-runtime";
 //#region components/pc/input/Group.tsx
-var a = n.forwardRef((n, a) => {
+function a(n, a) {
 	let { prefixCls: o, getPrefixCls: s, rtl: c } = r(t), { className: l, style: u, children: d, compact: f, ...p } = n, m = s?.("input-group");
 	return /* @__PURE__ */ i("div", {
 		ref: a,
@@ -14,8 +14,9 @@ var a = n.forwardRef((n, a) => {
 		...p,
 		children: d
 	});
-});
-a.displayName = "InputGroup";
+}
+var o = n(a);
+o.displayName = "InputGroup";
 //#endregion
-export { a as default };
+export { o as default };
 /* 独立思考，明辨是非 */

package/input/Input.js

@@ -1,6 +1,6 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import { isPlainObject as e } from "../utils/is.js";
-import t from "../hooks/use-merge-value/index.js";
+import t from "../hooks/use-controllable-value/index.js";
 import n from "../utils/className.js";
 import r from "../hooks/use-merge-props/index.js";
 import { contains as i } from "../utils/dom.js";
@@ -8,7 +8,7 @@ import ee from "../config-provider/context.js";
 import { FormContext as a, FormItemContext as o } from "../form/context.js";
 import "../config-provider/index.js";
 import s from "./Group.js";
-import te from "./InputElement.js";
+import te from "./InputComponent.js";
 import { formatValue as c } from "./utils.js";
 import { forwardRef as l, useContext as u, useImperativeHandle as ne, useMemo as re, useRef as d, useState as ie } from "react";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";
@@ -31,9 +31,12 @@ function g(l, g) {
 		maxWidth: F?.maxWidth,
 		width: F && "auto",
 		...x
-	}, L = e(D) ? D.length : D, R = e(D) && D.errorOnly ? void 0 : L, [z, B] = ie(!1), V = d(void 0), H = d(void 0), U = d(void 0), [W, me] = t("", {
+	}, L = e(D) ? D.length : D, R = e(D) && D.errorOnly ? void 0 : L, [z, B] = ie(!1), V = d(void 0), H = d(null), U = d(null), [W, me] = t({
 		defaultValue: "defaultValue" in y ? c(y.defaultValue, R) : void 0,
 		value: "value" in y ? c(y.value, R) : void 0
+	}, {
+		defaultValue: "",
+		triggerPropName: !1
 	});
 	ne(g, () => Object.assign({}, V.current, {
 		getInputElement() {

package/input/InputComponent.d.ts

@@ -0,0 +1,3 @@
+import type { InputComponentProps, RefInputType } from './interface';
+declare const InputComponent: import("react").ForwardRefExoticComponent<InputComponentProps & import("react").RefAttributes<RefInputType>>;
+export default InputComponent;

package/input/InputComponent.js

@@ -0,0 +1,185 @@
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
+import { isArray as e, isFunction as t, isObjectLike as n, isPlainObject as r, isUndefined as i } from "../utils/is.js";
+import a from "../utils/className.js";
+import { FormContext as ee, FormItemContext as te } from "../form/context.js";
+import ne from "../utils/omit.js";
+import o from "../icon-hover/index.js";
+import s from "../utils/fillNBSP.js";
+import c from "../hooks/use-resize-observers/index.js";
+import re from "../hooks/use-keyboard-event/index.js";
+import ie from "./useComposition.js";
+import { forwardRef as l, useContext as u, useEffect as d, useImperativeHandle as f, useRef as p, useState as ae } from "react";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+import oe from "@unicom-cloud/icons/IconUiClose";
+import { HYPHEN as se } from "@unicom-cloud/utils/constant/string";
+//#region components/pc/input/InputComponent.tsx
+var _ = 2, ce = (e) => {
+	if (!e) return {};
+	let t = window.getComputedStyle(e);
+	return [
+		"font",
+		"letterSpacing",
+		"overflow",
+		"tabSize",
+		"textIndent",
+		"textTransform",
+		"whiteSpace",
+		"wordBreak",
+		"wordSpacing",
+		"paddingLeft",
+		"paddingRight",
+		"borderLeft",
+		"borderRight",
+		"boxSizing"
+	].reduce((e, n) => (e[n] = t[n], e), {});
+};
+function v(l, v) {
+	let y = u(ee), b = u(te), { allowClear: x, disabled: S, placeholder: C, className: w, style: T, height: E, prefixCls: D, hasParent: O, size: k, value: A, autoFitWidth: j, readOnly: M = b?.readOnly ?? y?.readOnly, onClear: N, onChange: P, onKeyDown: F, onPressEnter: I, maxLength: L, clearIcon: R, ...z } = l, B = M ? se : C, [V, H] = ae(), U = re(), W = p(null), G = p(null), K = p(null), q = r(L) ? L.errorOnly ? void 0 : L.length : L, J = (n) => {
+		let r, i = l.normalizeTrigger || ["onBlur"];
+		return e(i) && i.includes(n) && t(l.normalize) && (r = l.normalize), r;
+	}, { compositionValue: le, valueChangeHandler: ue, compositionHandler: Y, keyDownHandler: de, triggerValueChangeCallback: X } = ie({
+		value: A,
+		maxLength: q,
+		onChange: P,
+		onKeyDown: F,
+		onPressEnter: I,
+		normalizeHandler: J
+	}), fe = a(D, D && {
+		[`${D}-size-${k}`]: k,
+		[`${D}-${l.status}`]: l.status,
+		[`${D}-disabled`]: S,
+		[`${D}-autowidth`]: j,
+		[`${D}-readonly`]: M
+	}, O ? void 0 : w), Z = {
+		"aria-invalid": l.status === "error" || void 0,
+		...ne(z, [
+			"error",
+			"status",
+			"showWordLimit",
+			"className",
+			"defaultValue",
+			"addBefore",
+			"addAfter",
+			"afterStyle",
+			"beforeStyle",
+			"prefix",
+			"suffix",
+			"normalize",
+			"normalizeTrigger",
+			"autoWidth"
+		]),
+		readOnly: M,
+		maxLength: q,
+		disabled: M || S,
+		placeholder: B,
+		value: le || A || "",
+		className: fe,
+		onKeyDown: de,
+		onChange: ue,
+		onCompositionStart: (e) => {
+			Y(e), l.onCompositionStart?.(e);
+		},
+		onCompositionUpdate: (e) => {
+			Y(e), l.onCompositionUpdate?.(e);
+		},
+		onCompositionEnd: (e) => {
+			Y(e), l.onCompositionEnd?.(e);
+		},
+		onBlur: (e) => {
+			l.onBlur?.(e);
+			let n = J("onBlur");
+			n && t(X) && X(n(e.target.value), e);
+		}
+	};
+	function pe(e) {
+		M || W.current?.select?.();
+	}
+	function me(e) {
+		M || W.current?.focus?.();
+	}
+	function he(e) {
+		M || W.current?.blur?.();
+	}
+	f(v, () => ({
+		select: pe,
+		focus: me,
+		blur: he,
+		getInputElement() {
+			return W.current;
+		},
+		getRootElement() {
+			return W.current;
+		}
+	}));
+	let Q = () => {
+		if (G.current && W.current) {
+			let e = G.current.offsetWidth;
+			W.current.style.width = `${e + _}px`;
+		}
+	};
+	d(() => {
+		j && ((!r(j) || !j.pure) && H(ce(W.current)), Q());
+	}, [j]);
+	let ge = Z.value || B, $ = (e) => {
+		W.current?.focus && W.current.focus(), X("", e), N?.(e);
+	};
+	function _e(e) {
+		let r = G.current?.offsetWidth;
+		if (n(j)) {
+			let e = t(j.delay) ? j.delay(r, K.current) : j.delay;
+			e ? setTimeout(Q, e) : Q();
+		} else Q();
+		K.current = r;
+	}
+	return c((e) => {
+		_e(e);
+	}, [G.current], { immediate: !0 }), /* @__PURE__ */ g(m, { children: [x ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("input", {
+		ref: W,
+		...Z
+	}), !M && !S && x && A ? i(R) ? /* @__PURE__ */ h(o, {
+		prefix: D,
+		tabIndex: 0,
+		className: `${D}-clear-icon`,
+		...U({ onPressEnter: $ }),
+		onClick: (e) => {
+			e.stopPropagation(), $(e);
+		},
+		children: /* @__PURE__ */ h(oe, { onMouseDown: (e) => {
+			e.preventDefault();
+		} })
+	}) : /* @__PURE__ */ h("span", {
+		tabIndex: 0,
+		className: `${D}-clear-icon`,
+		...U({ onPressEnter: $ }),
+		onClick: (e) => {
+			e.stopPropagation(), $(e);
+		},
+		onMouseDown: (e) => {
+			e.preventDefault();
+		},
+		children: R
+	}) : null] }) : /* @__PURE__ */ h("input", {
+		ref: W,
+		...Z,
+		style: O ? {} : {
+			minWidth: r(j) ? j.minWidth : void 0,
+			maxWidth: r(j) ? j.maxWidth : void 0,
+			...T,
+			..."height" in l ? { height: E } : {}
+		}
+	}), j && /* @__PURE__ */ h("span", {
+		className: a(`${D}-mirror`),
+		style: O ? V : {
+			...V,
+			...T,
+			..."height" in l ? { height: E } : {}
+		},
+		ref: G,
+		children: s(ge)
+	})] });
+}
+var y = l(v);
+y.displayName = "InputComponent";
+//#endregion
+export { y as default };
+/* 独立思考，明辨是非 */

package/input/Password.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
 import type { InputPasswordProps, RefInputType } from './interface';
-declare const Password: React.ForwardRefExoticComponent<InputPasswordProps & React.RefAttributes<RefInputType>>;
+declare const Password: import("react").ForwardRefExoticComponent<InputPasswordProps & import("react").RefAttributes<RefInputType>>;
 export default Password;
 export type { InputPasswordProps };

package/input/Password.js

@@ -1,5 +1,5 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
-import e from "../hooks/use-merge-value/index.js";
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
+import e from "../hooks/use-controllable-value/index.js";
 import t from "../utils/className.js";
 import n from "../hooks/use-merge-props/index.js";
 import r from "../config-provider/context.js";
@@ -8,15 +8,17 @@ import o from "../utils/omit.js";
 import "../config-provider/index.js";
 import s from "../hooks/use-keyboard-event/index.js";
 import c from "./Input.js";
-import l, { useContext as u } from "react";
+import { forwardRef as l, useContext as u } from "react";
 import { jsx as d } from "react/jsx-runtime";
 import f from "@unicom-cloud/icons/IconUiEye";
 import p from "@unicom-cloud/icons/IconUiEyeInvisible";
 //#region components/pc/input/Password.tsx
-var m = l.forwardRef((l, m) => {
-	let { prefixCls: h, getPrefixCls: g, rtl: _, componentConfig: v } = u(r), y = u(i), b = u(a), x = n(l, {}, v?.Password), [S, C] = e(!1, {
-		defaultValue: x.defaultVisibility,
-		value: x.visibility
+function m(l, m) {
+	let { prefixCls: h, getPrefixCls: g, rtl: _, componentConfig: v } = u(r), y = u(i), b = u(a), x = n(l, {}, v?.Password), [S, C] = e({ ...x }, {
+		defaultValue: !1,
+		defaultValuePropName: "defaultVisibility",
+		valuePropName: "visibility",
+		triggerPropName: !1
 	}), w = s(), { className: T, visibilityToggle: E = !0, readOnly: D = b?.readOnly ?? y?.readOnly, onVisibilityChange: O, ...k } = x, A = g?.("input-password"), j = t(A, {
 		[`${A}-visibility`]: E,
 		[`${A}-readonly`]: D
@@ -50,8 +52,9 @@ var m = l.forwardRef((l, m) => {
 		readOnly: D,
 		suffix: !D && P
 	});
-});
-m.displayName = "Password";
+}
+var h = l(m);
+h.displayName = "Password";
 //#endregion
-export { m as default };
+export { h as default };
 /* 独立思考，明辨是非 */

package/input/Search.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
 import type { InputSearchProps, RefInputType } from './interface';
-declare const Search: React.ForwardRefExoticComponent<InputSearchProps & React.RefAttributes<RefInputType>>;
+declare const Search: import("react").ForwardRefExoticComponent<InputSearchProps & import("react").RefAttributes<RefInputType>>;
 export default Search;
 export type { InputSearchProps };

package/input/Search.js

@@ -1,53 +1,57 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
-import { isPlainObject as e } from "../utils/is.js";
-import t from "../hooks/use-merge-value/index.js";
-import n from "../utils/className.js";
-import r from "../hooks/use-merge-props/index.js";
-import i from "../config-provider/context.js";
-import { FormContext as a, FormItemContext as o } from "../form/context.js";
-import s from "../utils/omit.js";
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
+import { isPlainObject as e, isUndefined as t } from "../utils/is.js";
+import n from "../hooks/use-controllable-value/index.js";
+import r from "../utils/className.js";
+import i from "../hooks/use-merge-props/index.js";
+import a from "../config-provider/context.js";
+import { FormContext as o, FormItemContext as s } from "../form/context.js";
+import c from "../utils/omit.js";
 import "../config-provider/index.js";
-import { formatValue as c } from "./utils.js";
-import l from "./Button.js";
-import u, { useContext as d } from "react";
-import { jsx as f } from "react/jsx-runtime";
-import p from "@unicom-cloud/icons/IconUiLoading";
-import m from "@unicom-cloud/icons/IconUiSearch";
+import { formatValue as l } from "./utils.js";
+import u from "./Button.js";
+import { forwardRef as d, useContext as f } from "react";
+import { jsx as p } from "react/jsx-runtime";
+import m from "@unicom-cloud/icons/IconUiLoading";
+import h from "@unicom-cloud/icons/IconUiSearch";
 //#region components/pc/input/Search.tsx
-var h = u.forwardRef((u, h) => {
-	let { prefixCls: g, getPrefixCls: _, rtl: v, componentConfig: y } = d(i), b = d(a), x = d(o), S = r(u, {}, y?.InputSearch), { className: C, disabled: w, searchButton: T, loading: E, addAfter: D, suffix: O, buttonProps: k, readOnly: A = x?.readOnly ?? b?.readOnly, ...j } = S, M = _?.("input-search"), N = e(S.maxLength) ? S.maxLength.length : S.maxLength, P = e(S.maxLength) && S.maxLength.errorOnly ? void 0 : N, [F, I] = t("", {
-		defaultValue: "defaultValue" in S ? c(S.defaultValue, P) : void 0,
-		value: "value" in S ? c(S.value, P) : void 0
-	}), L = () => {
-		w || S.onSearch?.(F);
+function g(d, g) {
+	let { prefixCls: _, getPrefixCls: v, rtl: y, componentConfig: b } = f(a), x = f(o), S = f(s), C = i(d, {}, b?.InputSearch), { className: w, disabled: T, searchButton: E, loading: D, addAfter: O, suffix: k, buttonProps: A, readOnly: j = S?.readOnly ?? x?.readOnly, ...M } = C, N = v?.("input-search"), P = e(C.maxLength) ? C.maxLength.length : C.maxLength, F = e(C.maxLength) && C.maxLength.errorOnly ? void 0 : P, [I, L] = n({
+		defaultValue: "defaultValue" in C ? l(C.defaultValue, F) : void 0,
+		value: "value" in C ? l(C.value, F) : void 0
+	}, {
+		defaultValue: "",
+		triggerPropName: !1
+	}), R = () => {
+		T || C.onSearch?.(I);
 	};
-	return /* @__PURE__ */ f(l, {
-		...s(j, ["onSearch"]),
-		disabled: w,
-		className: n(M, T && `${M}-button`, A && `${M}-button-readonly`, C),
-		ref: h,
-		readOnly: A,
-		label: T !== !0 && T,
-		addAfter: T ? D : null,
-		suffix: !A && O === void 0 ? T ? null : E ? /* @__PURE__ */ f(p, {}) : /* @__PURE__ */ f(m, { onClick: L }) : O,
+	return /* @__PURE__ */ p(u, {
+		...c(M, ["onSearch"]),
+		disabled: T,
+		className: r(N, E && `${N}-button`, j && `${N}-button-readonly`, w),
+		ref: g,
+		readOnly: j,
+		label: E !== !0 && E,
+		addAfter: E ? O : null,
+		suffix: !j && t(k) ? E ? null : D ? /* @__PURE__ */ p(m, {}) : /* @__PURE__ */ p(h, { onClick: R }) : k,
 		buttonProps: {
-			className: `${M}-btn`,
-			loading: E,
-			icon: T === !0 && !E && /* @__PURE__ */ f(m, {}),
-			...k,
+			className: `${N}-btn`,
+			loading: D,
+			icon: E === !0 && !D && /* @__PURE__ */ p(h, {}),
+			...A,
 			onClick(e) {
-				L(), k?.onClick?.(e);
+				R(), A?.onClick?.(e);
 			}
 		},
 		onChange: (e, t) => {
-			I(e), S.onChange?.(e, t);
+			L(e), C.onChange?.(e, t);
 		},
 		onPressEnter: (e) => {
-			L(), S.onPressEnter?.(e);
+			R(), C.onPressEnter?.(e);
 		}
 	});
-});
-h.displayName = "Search";
+}
+var _ = d(g);
+_.displayName = "Search";
 //#endregion
-export { h as default };
+export { _ as default };
 /* 独立思考，明辨是非 */

package/input/Textarea.d.ts

@@ -2,7 +2,6 @@ import React from 'react';
 import type { FocusAndBlur } from '../interface';
 import type { RefInputType, TextareaProps } from './interface';
 export type RefTextareaType = FocusAndBlur & {
-    /** textarea getRootElement() 元素 */
     getRootElement: () => HTMLTextAreaElement;
 } & RefInputType;
 declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<RefTextareaType>>;