@unicom-cloud/ui 0.8.157 → 0.8.159

package/input/Textarea.js

@@ -1,165 +1,171 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-15 17:45:52 星期五 */
 import { isNumber as e, isPlainObject as t, isUndefined as n } from "../utils/is.js";
-import ee from "../hooks/use-merge-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 te, FormItemContext as ne } from "../form/context.js";
+import r from "../hooks/use-controllable-value/index.js";
+import i from "../utils/className.js";
+import ee from "../hooks/use-merge-props/index.js";
+import te from "../config-provider/context.js";
+import { FormContext as a, FormItemContext as ne } from "../form/context.js";
 import re from "../icon-hover/index.js";
 import "../config-provider/index.js";
 import ie from "../utils/getScrollBarHeight.js";
 import ae from "../utils/getScrollBarWidth.js";
-import { HYPHEN as oe } from "../utils/string.js";
-import se from "../hooks/use-isomorphic-layout-effect/index.js";
-import ce from "./useComposition.js";
-import { formatValue as o } from "./utils.js";
-import s from "../hooks/use-set-state/index.js";
-import c from "./autoSizeTextareaHeight.js";
-import l, { useContext as u, useImperativeHandle as d, useMemo as le, useRef as ue, useState as de } from "react";
-import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { HYPHEN as o } from "../utils/string.js";
+import s from "../hooks/use-isomorphic-layout-effect/index.js";
+import c from "./useComposition.js";
+import { formatValue as l } from "./utils.js";
+import oe from "../hooks/use-set-state/index.js";
+import u from "./autoSizeTextareaHeight.js";
+import { forwardRef as d, useContext as f, useImperativeHandle as se, useMemo as ce, useRef as le, useState as ue } from "react";
+import { Fragment as de, jsx as p, jsxs as m } from "react/jsx-runtime";
 import fe from "@unicom-cloud/icons/IconUiClose";
-var h = l.forwardRef((l, h) => {
-	let { prefixCls: pe, getPrefixCls: me, rtl: g, componentConfig: he } = u(a), ge = u(te), _e = u(ne), _ = me?.("textarea"), v = i(l, { wordLimitPosition: "inside" }, he?.InputTextarea), { className: ve, style: ye, wrapperStyle: be, placeholder: xe, disabled: y, error: Se, maxLength: b, showWordLimit: x, allowClear: S, onChange: C, onClear: w, onKeyDown: T, onPressEnter: E, status: D, clearIcon: O, wordLimitPosition: k = "inside", autoSize: A, defaultValue: j, readOnly: M = _e?.readOnly ?? ge?.readOnly, ...Ce } = v, we = M ? oe : xe, Te = "defaultValue" in v, N = "value" in v, P = t(b) ? b.length : b, F = t(b) ? b.errorOnly ? void 0 : b.length : b, I = ue(void 0), [L, Ee] = de({}), [R, z] = s({
+var h = d((d, h) => {
+	let { prefixCls: pe, getPrefixCls: g, rtl: _, componentConfig: me } = f(te), he = f(a), ge = f(ne), v = g?.("textarea"), y = ee(d, { wordLimitPosition: "inside" }, me?.InputTextarea), { className: _e, style: ve, wrapperStyle: ye, placeholder: be, disabled: b, error: xe, maxLength: x, showWordLimit: S, allowClear: C, onChange: w, onClear: T, onKeyDown: E, onPressEnter: D, status: O, clearIcon: k, wordLimitPosition: A = "inside", autoSize: j, defaultValue: M, readOnly: N = ge?.readOnly ?? he?.readOnly, onFocus: Se, onBlur: Ce, ...we } = y, Te = N ? o : be, Ee = "defaultValue" in y, P = "value" in y, F = t(x) ? x.length : x, I = t(x) ? x.errorOnly ? void 0 : x.length : x, L = le(null), [R, De] = ue({}), [z, B] = oe({
 		focus: !1,
 		blur: !0
-	}), [B, De] = ee("", {
-		defaultValue: Te ? o(j, F) : void 0,
-		value: N ? o(v.value, F) : void 0
-	}), { compositionValue: Oe, compositionHandler: V, valueChangeHandler: ke, keyDownHandler: Ae, triggerValueChangeCallback: je } = ce({
-		value: B,
-		maxLength: F,
-		onChange: C,
-		onKeyDown: T,
-		onPressEnter: E,
+	}), [V, Oe] = r({
+		defaultValue: Ee ? l(M, I) : void 0,
+		value: P ? l(y.value, I) : void 0
+	}, {
+		defaultValue: "",
+		triggerPropName: !1
+	}), { compositionValue: ke, compositionHandler: H, valueChangeHandler: Ae, keyDownHandler: je, triggerValueChangeCallback: Me } = c({
+		value: V,
+		maxLength: I,
+		onChange: w,
+		onKeyDown: E,
+		onPressEnter: D,
 		beforeTriggerValueChangeCallback: (e) => {
-			!N && (n(F) || e.length <= F) && De(e);
+			!P && (n(I) || e.length <= I) && Oe(e);
 		}
-	}), H = Oe || B || "", U = M || y || v.resize === "none" || e(v.rows) || t(A) && e(A.minRows) && e(A.maxRows) && A.minRows === A.maxRows;
-	U ? L.resize = "none" : v.resize && (L.resize = v.resize);
-	let W = ae(I.current);
-	ie(I.current);
-	let Me = () => {
-		I.current?.select?.();
-	}, G = (e) => {
-		if (I.current?.focus) {
-			if (I.current.setSelectionRange) {
-				let e = I.current.textContent.length;
-				I.current.setSelectionRange(e, e);
+	}), U = ke || V || "", W = N || b || y.resize === "none" || e(y.rows) || t(j) && e(j.minRows) && e(j.maxRows) && j.minRows === j.maxRows;
+	W ? R.resize = "none" : y.resize && (R.resize = y.resize);
+	let G = ae(L.current);
+	ie(L.current);
+	let Ne = () => {
+		L.current?.select?.();
+	}, K = (e) => {
+		if (L.current?.focus) {
+			if (L.current.setSelectionRange) {
+				let e = L.current.textContent.length;
+				L.current.setSelectionRange(e, e);
 			}
-			I.current.focus();
+			L.current.focus();
 		}
-	}, Ne = () => {
-		I.current?.blur?.();
 	}, Pe = () => {
-		if ("rows" in v && v.rows) return;
-		let e = c(A, I.current);
-		e && Ee(e);
-	}, K = (e) => {
-		e.stopPropagation(), G(e), je("", e), w?.(e);
+		L.current?.blur?.();
+	}, Fe = () => {
+		if ("rows" in y && y.rows) return;
+		let e = u(j, L.current);
+		e && De(e);
+	}, q = (e) => {
+		e.stopPropagation(), K(e), Me("", e), T?.(e);
 	};
-	se(() => {
-		Pe();
+	s(() => {
+		Fe();
 	}, [
-		H,
-		y,
-		v.autoSize
-	]), d(h, () => ({
-		select: Me,
-		focus: G,
-		blur: Ne,
+		U,
+		b,
+		y.autoSize
+	]), se(h, () => ({
+		select: Ne,
+		focus: K,
+		blur: Pe,
 		getRootElement() {
-			return I.current;
+			return L.current;
 		}
 	}));
-	let q = B ? B.length : 0, J = !!(P && x), Y = J || S, Fe = J && k === "inside", X = J && k === "outside", [Ie, Le] = g ? [P, q] : [q, P], Re = J ? `${Ie}/${Le}` : "", Z = le(() => !F && P ? q > P : !1, [
-		q,
-		P,
-		F
-	]), Q = D || (Se || Z ? "error" : void 0), $ = /* @__PURE__ */ p("textarea", {
-		...Ce,
-		ref: I,
+	let J = V ? V.length : 0, Y = !!(F && S), Ie = Y || C, Le = Y && A === "inside", X = Y && A === "outside", [Re, ze] = _ ? [F, J] : [J, F], Be = Y ? `${Re}/${ze}` : "", Z = ce(() => !I && F ? J > F : !1, [
+		J,
+		F,
+		I
+	]), Q = O || (xe || Z ? "error" : void 0), $ = /* @__PURE__ */ p("textarea", {
+		...we,
+		ref: L,
 		style: {
-			...ye,
-			...L,
-			...y ? { resize: "none" } : {}
+			...ve,
+			...R,
+			...b ? { resize: "none" } : {}
 		},
-		maxLength: F,
-		className: r(_, {
-			[`${_}-${Q}`]: Q,
-			[`${_}-focus`]: R.focus,
-			[`${_}-disabled`]: y,
-			[`${_}-readonly`]: M,
-			[`${_}-rtl`]: g,
-			[`${_}-status`]: D,
-			[`${_}-status-${D}`]: D,
-			[`${_}-resize-none`]: U
-		}, W > 0 && `${_}-has-scroll-bar`, ve),
-		placeholder: we,
-		readOnly: M,
-		disabled: M || y,
-		value: H,
+		maxLength: I,
+		className: i(v, {
+			[`${v}-${Q}`]: Q,
+			[`${v}-focus`]: z.focus,
+			[`${v}-disabled`]: b,
+			[`${v}-readonly`]: N,
+			[`${v}-rtl`]: _,
+			[`${v}-status`]: O,
+			[`${v}-status-${O}`]: O,
+			[`${v}-resize-none`]: W
+		}, G > 0 && `${v}-has-scroll-bar`, _e),
+		placeholder: Te,
+		readOnly: N,
+		disabled: N || b,
+		value: U,
 		onFocus: (e) => {
-			z({
+			B({
 				focus: !0,
 				blur: !1
-			});
+			}), Se?.(e);
 		},
 		onBlur: (e) => {
-			z({
+			B({
 				focus: !1,
 				blur: !0
-			});
+			}), Ce?.(e);
 		},
-		onChange: ke,
-		onKeyDown: Ae,
-		onCompositionStart: V,
-		onCompositionUpdate: V,
-		onCompositionEnd: V
-	});
-	if (Y) {
-		if (!M) {
-			if (!y && S && B) {
-				let e, t = r(`${_}-clear-icon`, R.focus && `${_}-clear-icon-focus`, W > 0 && `${_}-clear-icon-has-scroll-bar`);
-				e = n(O) ? /* @__PURE__ */ p(re, {
-					prefix: _,
-					className: t,
+		onChange: Ae,
+		onKeyDown: je,
+		onCompositionStart: H,
+		onCompositionUpdate: H,
+		onCompositionEnd: H
+	}, "textarea");
+	if (Ie) {
+		let e;
+		if (!N) {
+			let t;
+			if (!b && C && V) {
+				let e = i(`${v}-clear-icon`, z.focus && `${v}-clear-icon-focus`, G > 0 && `${v}-clear-icon-has-scroll-bar`);
+				t = n(k) ? /* @__PURE__ */ p(re, {
+					prefix: v,
+					className: e,
 					children: /* @__PURE__ */ p(fe, {
-						onClick: K,
+						onClick: q,
 						onMouseDown: (e) => {
 							e.preventDefault();
 						}
 					})
-				}) : /* @__PURE__ */ p("span", {
-					className: t,
-					onClick: K,
+				}, "icon") : /* @__PURE__ */ p("span", {
+					className: e,
+					onClick: q,
 					onMouseDown: (e) => {
 						e.preventDefault();
 					},
-					children: O
-				}), $ = /* @__PURE__ */ m(f, { children: [$, e] });
+					children: k
+				}, "icon");
 			}
-			J && ($ = /* @__PURE__ */ m(f, { children: [$, /* @__PURE__ */ p("span", {
-				className: r(`${_}-word-limit`, {
-					[`${_}-word-limit-inside`]: Fe,
-					[`${_}-word-limit-outside`]: X,
-					[`${_}-word-limit-error`]: Z
-				}, W > 0 && `${_}-word-limit-has-scroll-bar`),
-				children: Re
-			})] }));
+			let r;
+			Y && (r = /* @__PURE__ */ p("span", {
+				className: i(`${v}-word-limit`, {
+					[`${v}-word-limit-inside`]: Le,
+					[`${v}-word-limit-outside`]: X,
+					[`${v}-word-limit-error`]: Z
+				}, G > 0 && `${v}-word-limit-has-scroll-bar`),
+				children: Be
+			}, "limit")), e = /* @__PURE__ */ m(de, { children: [t, r] });
 		}
-		$ = /* @__PURE__ */ p("div", {
-			style: { ...be },
-			className: r(`${_}-wrapper`, {
-				[`${_}-clear-wrapper`]: S,
-				[`${_}-wrapper-word-limit-outside`]: X,
-				[`${_}-wrapper-rtl`]: g,
-				[`${_}-wrapper-focus`]: R.focus,
-				[`${_}-wrapper-disabled`]: y,
-				[`${_}-wrapper-readonly`]: M,
-				[`${_}-wrapper-status`]: D,
-				[`${_}-wrapper-status-${D}`]: D
+		return /* @__PURE__ */ m("div", {
+			style: { ...ye },
+			className: i(`${v}-wrapper`, {
+				[`${v}-clear-wrapper`]: C,
+				[`${v}-wrapper-word-limit-outside`]: X,
+				[`${v}-wrapper-rtl`]: _,
+				[`${v}-wrapper-focus`]: z.focus,
+				[`${v}-wrapper-disabled`]: b,
+				[`${v}-wrapper-readonly`]: N,
+				[`${v}-wrapper-status`]: O,
+				[`${v}-wrapper-status-${O}`]: O
 			}),
-			children: $
+			children: [$, e]
 		});
 	}
 	return $;

package/input/autoSizeTextareaHeight.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-15 17:45:52 星期五 */
 import { isNumber as e, isPlainObject as t } from "../utils/is.js";
 //#region components/pc/input/autoSizeTextareaHeight.ts
 var n = [

package/input/index.d.ts

@@ -1,23 +1,25 @@
+import InputNumber from '../input-number';
+import InputTag from '../input-tag';
 import InputButton from './Button';
-import Group from './Group';
+import InputGroup from './Group';
+import InputComponent from './InputComponent';
 import type { InputPasswordProps, InputProps, InputSearchProps, RefInputType, TextareaProps } from './interface';
-import InputNumber from './Number';
-import Password from './Password';
-import Search from './Search';
-import InputTag from './Tag';
+import InputPassword from './Password';
+import InputSearch from './Search';
 import type { RefTextareaType } from './Textarea';
-import Textarea from './Textarea';
+import InputTextarea from './Textarea';
 declare const Input: import("react").ForwardRefExoticComponent<InputProps & import("@unicom-cloud/ui-common/hooks/use-merge-props").MergePropsOptions & import("react").RefAttributes<RefInputType>> & {
     Search: import("react").ForwardRefExoticComponent<InputSearchProps & import("react").RefAttributes<RefInputType>>;
     Textarea: import("react").ForwardRefExoticComponent<TextareaProps & import("react").RefAttributes<RefTextareaType>>;
     Button: import("react").ForwardRefExoticComponent<import("./interface").InputButtonProps & import("react").RefAttributes<RefInputType>>;
     Password: import("react").ForwardRefExoticComponent<InputPasswordProps & import("react").RefAttributes<RefInputType>>;
     Number: import("react").ForwardRefExoticComponent<import("..").InputNumberProps & import("react").RefAttributes<RefInputType>>;
-    Tag: import("react").ForwardRefExoticComponent<import("..").InputTagProps<any> & import("react").RefAttributes<import("../interface").FocusAndBlur & import("../interface").GetRootElement>>;
+    Tag: import("react").ForwardRefExoticComponent<import("..").InputTagProps<string | import("../input-tag/interface").ObjectValueType> & import("react").RefAttributes<import("../interface").FocusAndBlur & import("../interface").GetRootElement>>;
     Group: import("react").ForwardRefExoticComponent<import("./interface").InputGroupProps & {
         children?: import("react").ReactNode | undefined;
     } & import("react").RefAttributes<HTMLDivElement>>;
+    Component: import("react").ForwardRefExoticComponent<import("./interface").InputComponentProps & import("react").RefAttributes<RefInputType>>;
 };
-export { InputButton, Group as InputGroup, InputNumber, Password as InputPassword, Search as InputSearch, InputTag, Textarea as InputTextarea, Textarea, };
+export { InputButton, InputComponent, InputGroup, InputNumber, InputPassword, InputSearch, InputTag, InputTextarea, InputTextarea as Textarea, };
 export default Input;
 export type { InputPasswordProps, InputProps, InputSearchProps, RefInputType, RefTextareaType, TextareaProps, };

package/input/index.js

@@ -1,23 +1,25 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-15 17:45:52 星期五 */
 import e from "./Group.js";
-import t from "./Input.js";
-import n from "./Button.js";
-import r from "./Number.js";
-import i from "./Password.js";
-import a from "./Search.js";
-import o from "./Tag.js";
-import s from "./Textarea.js";
-//#region components/pc/input/index.tsx
-var c = Object.assign(t, {
-	Search: a,
-	Textarea: s,
-	Button: n,
-	Password: i,
+import t from "./InputComponent.js";
+import n from "./Input.js";
+import r from "../input-number/index.js";
+import i from "../input-tag/index.js";
+import a from "./Button.js";
+import o from "./Password.js";
+import s from "./Search.js";
+import c from "./Textarea.js";
+//#region components/pc/input/index.ts
+var l = Object.assign(n, {
+	Search: s,
+	Textarea: c,
+	Button: a,
+	Password: o,
 	Number: r,
-	Tag: o,
-	Group: e
+	Tag: i,
+	Group: e,
+	Component: t
 });
-c.TextArea = c.Textarea, c.InputNumber = c.Number;
+l.TextArea = l.Textarea, l.InputNumber = l.Number;
 //#endregion
-export { n as InputButton, e as InputGroup, r as InputNumber, i as InputPassword, a as InputSearch, o as InputTag, s as InputTextarea, s as Textarea, c as default };
+export { a as InputButton, t as InputComponent, e as InputGroup, r as InputNumber, o as InputPassword, s as InputSearch, i as InputTag, c as InputTextarea, c as Textarea, l as default };
 /* 独立思考，明辨是非 */

package/input/useComposition.d.ts

@@ -1,7 +1,7 @@
 import { ChangeEventHandler, CompositionEventHandler, KeyboardEventHandler } from 'react';
 import type { InputProps, TextareaProps } from './interface';
 declare function useComposition({ value, maxLength, onChange, onKeyDown, onPressEnter, beforeTriggerValueChangeCallback, normalizeHandler, }: {
-    value: string;
+    value?: string;
     maxLength: number;
     onChange: InputProps['onChange'];
     onKeyDown: InputProps['onKeyDown'] | TextareaProps['onKeyDown'];

package/input/useComposition.js

@@ -1,32 +1,31 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
-import { isUndefined as e } from "../utils/is.js";
-import { Enter as t } from "../utils/keyboardCode.js";
-import { useRef as n, useState as r } from "react";
+/* 潘启宝 2026-05-15 17:45:52 星期五 */
+import { isFunction as e, isUndefined as t } from "../utils/is.js";
+import { Enter as n } from "../utils/keyboardCode.js";
+import { useRef as r, useState as i } from "react";
 //#region components/pc/input/useComposition.ts
-function i({ value: i, maxLength: a, onChange: o, onKeyDown: s, onPressEnter: c, beforeTriggerValueChangeCallback: l, normalizeHandler: u }) {
-	let d = n(!1), [f, p] = r(""), m = (t, n) => {
-		l && l(t), t !== i && (e(a) || t.length <= a) && o?.(t, n);
+function a({ value: a, maxLength: o, onChange: s, onKeyDown: c, onPressEnter: l, beforeTriggerValueChangeCallback: u, normalizeHandler: d }) {
+	let f = r(!1), [p, m] = i(""), h = (n, r) => {
+		e(u) && u(n), n !== a && (t(o) || n.length <= o) && e(s) && s(n, r);
 	};
 	return {
-		compositionValue: f,
-		triggerValueChangeCallback: m,
+		compositionValue: p,
+		triggerValueChangeCallback: h,
 		compositionHandler: (e) => {
-			d.current = e.type !== "compositionend", d.current || (p(void 0), m(e.target.value, e));
+			f.current = e.type !== "compositionend", f.current || (m(void 0), h(e.target.value, e));
 		},
 		valueChangeHandler: (e) => {
 			let t = e.target.value;
-			d.current ? (d.current = !1, p(t)) : (f && p(void 0), m(t, e));
+			f.current ? (f.current = !1, m(t)) : (p && m(void 0), h(t, e));
 		},
-		keyDownHandler: (e) => {
-			let n = e.key;
-			if (!d.current && (s?.(e), n === t.key)) {
-				c?.(e);
-				let t = u?.("onPressEnter");
-				t && m(t(e.target.value), e);
+		keyDownHandler: (t) => {
+			let r = t.key;
+			if (!f.current && (e(c) && c(t), r === n.key && (e(l) && l(t), e(d)))) {
+				let n = d("onPressEnter");
+				e(n) && h(n(t.target.value), t);
 			}
 		}
 	};
 }
 //#endregion
-export { i as default };
+export { a as default };
 /* 独立思考，明辨是非 */

package/input/utils.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-15 17:45:52 星期五 */
 import { isNil as e, isString as t } from "../utils/is.js";
 //#region components/pc/input/utils.ts
 function n(n, r) {

package/input-number/InputNumber.d.ts

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