chore: fix warning of deprecated API

Author: zombieJ

components/suggestion/index.tsx

@@ -1,4 +1,4 @@
-import { Cascader, Flex } from 'antd';
+import { Cascader, Flex, version } from 'antd';
 import type { CascaderProps } from 'antd';
 import classnames from 'classnames';
 import { useEvent, useMergedState } from 'rc-util';
@@ -8,6 +8,10 @@ import { useXProviderContext } from '../x-provider';
 import useStyle from './style';
 import useActive from './useActive';
 
+const antdVersionCells = version.split('.').map(Number);
+const isNewAPI =
+  antdVersionCells[0] > 5 || (antdVersionCells[0] === 5 && antdVersionCells[1] >= 25);
+
 export type SuggestionItem = {
   label: React.ReactNode;
   value: string;
@@ -121,17 +125,26 @@ function Suggestion<T = any>(props: SuggestionProps<T>) {
   const childNode = children?.({ onTrigger, onKeyDown });
 
   // ============================ Render ============================
+  const onInternalOpenChange = (nextOpen: boolean) => {
+    if (!nextOpen) {
+      onClose();
+    }
+  };
+
+  const compatibleProps: Partial<CascaderProps> = {};
+  if (isNewAPI) {
+    compatibleProps.onDropdownVisibleChange = onInternalOpenChange;
+  } else {
+    compatibleProps.onOpenChange = onInternalOpenChange;
+  }
+
   return wrapCSSVar(
     <Cascader
       options={itemList}
       open={mergedOpen}
       value={activePath}
       placement={isRTL ? 'topRight' : 'topLeft'}
-      onDropdownVisibleChange={(nextOpen) => {
-        if (!nextOpen) {
-          onClose();
-        }
-      }}
+      {...compatibleProps}
       optionRender={optionRender}
       rootClassName={classnames(rootClassName, prefixCls, hashId, cssVarCls, {
         [`${prefixCls}-block`]: block,

package.json

@@ -158,7 +158,7 @@
     "@umijs/fabric": "^4.0.1",
     "adm-zip": "^0.5.16",
     "ali-oss": "^6.21.0",
-    "antd": "^5.22.7",
+    "antd": "^5.25.1",
     "antd-style": "^3.6.3",
     "antd-token-previewer": "^2.0.8",
     "axios": "^1.7.7",