feat: replace select dropdownClassName to popupClassName

docs/demo/Select.md

@@ -0,0 +1,4 @@
+## Select
+
+
+<code src="../examples/Select.tsx" />

docs/examples/Select.tsx

@@ -0,0 +1,19 @@
+import React from 'react';
+import { Select } from '../../src';
+const { Option } = Select;
+console.log('Select',Select)
+export default () => {
+  const handleChange = (value: string) => {
+    console.log(`selected ${value}`);
+  };
+  return (
+      <Select defaultValue="lucy" style={{ width: 120 }} onChange={handleChange}>
+        <Option value="jack">Jack</Option>
+        <Option value="lucy">Lucy</Option>
+        <Option value="disabled" disabled>
+          Disabled
+        </Option>
+        <Option value="Yiminghe">yiminghe</Option>
+      </Select>
+  );
+};

src/Select.tsx

@@ -0,0 +1,38 @@
+import * as React from 'react';
+import { Select } from 'antd';
+import warning from 'rc-util/lib/warning';
+import  type { Option } from 'rc-select';
+type SelectProps = Parameters<typeof Select>[0];
+type SelectRef = SelectProps['ref'];
+
+type CompatibleSelectProps = SelectProps& {
+  /** @deprecated Please use `popupClassName` instead. */
+  dropdownClassName?: string;
+};
+
+const CompatibleSelect = React.forwardRef(
+  (
+    { dropdownClassName, popupClassName, ...restProps }: CompatibleSelectProps,
+    ref: SelectRef,
+  ) => {
+    warning(
+      !dropdownClassName,
+      "[antd: Select] `dropdownClassName` is removed in v5, please use `popupClassName` instead.",
+    );
+
+    return (
+      <Select {...restProps} popupClassName={popupClassName || dropdownClassName} ref={ref} />
+    );
+  },
+)  as unknown as ((
+  props: React.PropsWithChildren<SelectProps>,
+) => React.ReactElement) & {
+  displayName: string;
+  Option: typeof Option;
+};
+
+if (process.env.NODE_ENV !== 'production') {
+  CompatibleSelect.displayName = 'CompatibleSelect';
+}
+
+export default CompatibleSelect;

src/index.tsx

@@ -2,3 +2,4 @@ export * from 'antd';
 export { default as AutoComplete } from './AutoComplete';
 export { default as Cascader } from './Cascader';
 export { default as Mentions } from './Mentions';
+export { default as Select } from './Select';

tests/Select.test.tsx

@@ -0,0 +1,29 @@
+import React from 'react';
+import { Select } from '../src';
+import { render } from '@testing-library/react';
+
+describe('Select', () => {
+  it('dropdownClassName', async () => {
+    const errSpy = jest.spyOn(console, 'error').mockImplementation(() => {});
+
+    const { container } = render(
+      <Select
+        open
+        dropdownClassName="test"
+        value="1"
+      >
+        <Select.Option value="1">1</Select.Option>
+        <Select.Option value="2">2</Select.Option>
+      </Select>,
+    );
+
+    expect(errSpy).toHaveBeenCalledWith(
+      "Warning: [antd: Select] `dropdownClassName` is removed in v5, please use `popupClassName` instead.",
+    );
+
+    // TODO: Remove this when antd release version
+    // expect(container.querySelector('.test')).toBeTruthy();
+
+    errSpy.mockRestore();
+  });
+});