From bca55227d31dc237aa6c1f995088cdec4bb35c1f Mon Sep 17 00:00:00 2001
From: wangning <wangning4567@163.com>
Date: Thu, 18 Aug 2022 22:59:28 +0800
Subject: [PATCH 1/2] feat: replace select dropdownClassName to popupClassName

---
 docs/demo/Select.md      |  4 ++++
 docs/examples/Select.tsx | 19 +++++++++++++++++++
 src/Select.tsx           | 38 ++++++++++++++++++++++++++++++++++++++
 src/index.tsx            |  1 +
 tests/Select.test.tsx    | 29 +++++++++++++++++++++++++++++
 5 files changed, 91 insertions(+)
 create mode 100644 docs/demo/Select.md
 create mode 100644 docs/examples/Select.tsx
 create mode 100644 src/Select.tsx
 create mode 100644 tests/Select.test.tsx

diff --git a/docs/demo/Select.md b/docs/demo/Select.md
new file mode 100644
index 0000000..15f9017
--- /dev/null
+++ b/docs/demo/Select.md
@@ -0,0 +1,4 @@
+## Select
+
+
+<code src="../examples/Select.tsx" />
diff --git a/docs/examples/Select.tsx b/docs/examples/Select.tsx
new file mode 100644
index 0000000..ab65962
--- /dev/null
+++ b/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>
+  );
+};
diff --git a/src/Select.tsx b/src/Select.tsx
new file mode 100644
index 0000000..0572980
--- /dev/null
+++ b/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,
+      `[Compatible: Select] 'dropdownClassName' is deprecated. 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;
diff --git a/src/index.tsx b/src/index.tsx
index ca6ae51..d52ce70 100644
--- a/src/index.tsx
+++ b/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';
diff --git a/tests/Select.test.tsx b/tests/Select.test.tsx
new file mode 100644
index 0000000..1c9053c
--- /dev/null
+++ b/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: [Compatible: Select] 'dropdownClassName' is deprecated. Please use 'popupClassName' instead.",
+    );
+
+    // TODO: Remove this when antd release version
+    // expect(container.querySelector('.test')).toBeTruthy();
+
+    errSpy.mockRestore();
+  });
+});

From 9db19c31560496647f44d8510860fa05bd7bf4ce Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=BB=91=E9=9B=A8?= <wangning4567@163.com>
Date: Fri, 19 Aug 2022 15:53:39 +0800
Subject: [PATCH 2/2] feat: edit warning info

---
 src/Select.tsx        | 2 +-
 tests/Select.test.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/Select.tsx b/src/Select.tsx
index 0572980..2301840 100644
--- a/src/Select.tsx
+++ b/src/Select.tsx
@@ -17,7 +17,7 @@ const CompatibleSelect = React.forwardRef(
   ) => {
     warning(
       !dropdownClassName,
-      `[Compatible: Select] 'dropdownClassName' is deprecated. Please use 'popupClassName' instead.`,
+      "[antd: Select] `dropdownClassName` is removed in v5, please use `popupClassName` instead.",
     );
 
     return (
diff --git a/tests/Select.test.tsx b/tests/Select.test.tsx
index 1c9053c..8f24c12 100644
--- a/tests/Select.test.tsx
+++ b/tests/Select.test.tsx
@@ -18,7 +18,7 @@ describe('Select', () => {
     );
 
     expect(errSpy).toHaveBeenCalledWith(
-      "Warning: [Compatible: Select] 'dropdownClassName' is deprecated. Please use 'popupClassName' instead.",
+      "Warning: [antd: Select] `dropdownClassName` is removed in v5, please use `popupClassName` instead.",
     );
 
     // TODO: Remove this when antd release version