feat: replace cascader dropdownClassName to popupClassName (#37089)

components/cascader/__tests__/index.test.js

@@ -538,21 +538,9 @@ describe('Cascader', () => {
 
   describe('legacy props', () => {
     it('popupClassName', () => {
-      const errorSpy = jest.spyOn(console, 'error').mockImplementation(() => {});
-      const { container } = render(
-        <Cascader open popupPlacement="bottomLeft" dropdownClassName="mock-cls" />,
-      );
-
-      expect(container.querySelector('.mock-cls')).toBeTruthy();
-
+      render(<Cascader open popupPlacement="bottomLeft" />);
       // Inject in tests/__mocks__/rc-trigger.js
       expect(global.triggerProps.popupPlacement).toEqual('bottomLeft');
-
-      expect(errorSpy).toHaveBeenCalledWith(
-        'Warning: [antd: Cascader] `dropdownClassName` is deprecated which will be removed in next major version. Please use `popupClassName` instead.',
-      );
-
-      errorSpy.mockRestore();
     });
 
     it('should support showCheckedStrategy child', () => {

components/cascader/index.tsx

@@ -112,11 +112,6 @@ export type CascaderProps<DataNodeType> = UnionCascaderProps & {
   suffixIcon?: React.ReactNode;
   options?: DataNodeType[];
   status?: InputStatus;
-  /**
-   * @deprecated `dropdownClassName` is deprecated which will be removed in next major
-   *   version.Please use `popupClassName` instead.
-   */
-  dropdownClassName?: string;
 };
 
 export interface CascaderRef {
@@ -135,7 +130,6 @@ const Cascader = React.forwardRef((props: CascaderProps<any>, ref: React.Ref<Cas
     transitionName,
     choiceTransitionName = '',
     popupClassName,
-    dropdownClassName,
     expandIcon,
     placement,
     showSearch,
@@ -172,11 +166,6 @@ const Cascader = React.forwardRef((props: CascaderProps<any>, ref: React.Ref<Cas
   const mergedStatus = getMergedStatus(contextStatus, customStatus);
 
   // =================== Warning =====================
-  warning(
-    !dropdownClassName,
-    'Cascader',
-    '`dropdownClassName` is deprecated which will be removed in next major version. Please use `popupClassName` instead.',
-  );
 
   warning(
     !multiple || !props.displayRender,
@@ -197,7 +186,7 @@ const Cascader = React.forwardRef((props: CascaderProps<any>, ref: React.Ref<Cas
 
   // =================== Dropdown ====================
   const mergedDropdownClassName = classNames(
-    popupClassName || dropdownClassName,
+    popupClassName,
     `${cascaderPrefixCls}-dropdown`,
     {
       [`${cascaderPrefixCls}-dropdown-rtl`]: mergedDirection === 'rtl',

v5-note.md

@@ -14,4 +14,5 @@
   - 移除 visible 属性
 - 组件 `dropdownClassName` 替换为 `popupClassName`
   - AutoComplete 组件
+  - Cascader 组件
 - open 属性转换：https://github.com/ant-design/ant-design/issues/36609