refactor: Upgrade utils and replace useMergedState (#74)

* refactor: Upgrade utils and replace useMergedState

* feat: word

* feat: default mergedValue

* feat: delete internalValue

---------

Co-authored-by: 刘欢 <lh01217311@antgroup.com>

Author: EmilyyyLiu

package.json

@@ -46,7 +46,7 @@
     "classnames": "^2.2.1",
     "@rc-component/input": "~1.1.0",
     "@rc-component/resize-observer": "^1.0.0",
-    "@rc-component/util": "^1.2.0"
+    "@rc-component/util": "^1.3.0"
   },
   "devDependencies": {
     "@rc-component/father-plugin": "^2.0.2",

src/ResizableTextArea.tsx

@@ -1,6 +1,6 @@
 import ResizeObserver from '@rc-component/resize-observer';
+import useControlledState from '@rc-component/util/lib/hooks/useControlledState';
 import useLayoutEffect from '@rc-component/util/lib/hooks/useLayoutEffect';
-import useMergedState from '@rc-component/util/lib/hooks/useMergedState';
 import raf from '@rc-component/util/lib/raf';
 import classNames from 'classnames';
 import * as React from 'react';
@@ -37,10 +37,11 @@ const ResizableTextArea = React.forwardRef<ResizableTextAreaRef, TextAreaProps>(
     };
 
     // =============================== Value ================================
-    const [mergedValue, setMergedValue] = useMergedState(defaultValue, {
+    const [internalValue, setMergedValue] = useControlledState(
+      defaultValue,
       value,
-      postState: (val) => val ?? '',
-    });
+    );
+    const mergedValue = internalValue ?? '';
 
     const onInternalChange: React.ChangeEventHandler<HTMLTextAreaElement> = (
       event,

src/TextArea.tsx

@@ -1,9 +1,9 @@
-import clsx from 'classnames';
 import { BaseInput } from '@rc-component/input';
 import { type HolderRef } from '@rc-component/input/lib/BaseInput';
 import useCount from '@rc-component/input/lib/hooks/useCount';
 import { resolveOnChange } from '@rc-component/input/lib/utils/commonUtils';
-import useMergedState from '@rc-component/util/lib/hooks/useMergedState';
+import useControlledState from '@rc-component/util/lib/hooks/useControlledState';
+import clsx from 'classnames';
 import type { ReactNode } from 'react';
 import React, { useEffect, useImperativeHandle, useRef } from 'react';
 import ResizableTextArea from './ResizableTextArea';
@@ -45,10 +45,7 @@ const TextArea = React.forwardRef<TextAreaRef, TextAreaProps>(
     },
     ref,
   ) => {
-    const [value, setValue] = useMergedState(defaultValue, {
-      value: customValue,
-      defaultValue,
-    });
+    const [value, setValue] = useControlledState(defaultValue, customValue);
     const formatValue =
       value === undefined || value === null ? '' : String(value);