|
@@ -1,6 +1,6 @@
|
|
|
import { SearchOutlined } from '@ant-design/icons';
|
|
import { SearchOutlined } from '@ant-design/icons';
|
|
|
import { AutoComplete, Input } from 'antd';
|
|
import { AutoComplete, Input } from 'antd';
|
|
|
-import useMergeValue from 'use-merge-value';
|
|
|
|
|
|
|
+import useMergedState from 'rc-util/es/hooks/useMergedState';
|
|
|
import type { AutoCompleteProps } from 'antd/es/auto-complete';
|
|
import type { AutoCompleteProps } from 'antd/es/auto-complete';
|
|
|
import React, { useRef } from 'react';
|
|
import React, { useRef } from 'react';
|
|
|
|
|
|
|
@@ -33,12 +33,12 @@ const HeaderSearch: React.FC<HeaderSearchProps> = (props) => {
|
|
|
|
|
|
|
|
const inputRef = useRef<Input | null>(null);
|
|
const inputRef = useRef<Input | null>(null);
|
|
|
|
|
|
|
|
- const [value, setValue] = useMergeValue<string | undefined>(defaultValue, {
|
|
|
|
|
|
|
+ const [value, setValue] = useMergedState<string | undefined>(defaultValue, {
|
|
|
value: props.value,
|
|
value: props.value,
|
|
|
onChange: props.onChange,
|
|
onChange: props.onChange,
|
|
|
});
|
|
});
|
|
|
|
|
|
|
|
- const [searchMode, setSearchMode] = useMergeValue(defaultOpen ?? false, {
|
|
|
|
|
|
|
+ const [searchMode, setSearchMode] = useMergedState(defaultOpen ?? false, {
|
|
|
value: props.open,
|
|
value: props.open,
|
|
|
onChange: onVisibleChange,
|
|
onChange: onVisibleChange,
|
|
|
});
|
|
});
|