From 782299038bfecee1f88d2fe5dbb0a5d53f398518 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=AB=98=E8=89=B3=E5=85=B5?= <yanbing.gao@aliyun.com>
Date: Fri, 10 Jul 2026 16:38:46 +0800
Subject: [PATCH] fix: set option list virtual prefix

---
 src/OptionList.tsx                           |  1 +
 tests/Accessibility.test.tsx                 |  2 +-
 tests/OptionList.test.tsx                    |  8 +++--
 tests/Select.test.tsx                        | 12 +++----
 tests/__snapshots__/OptionList.test.tsx.snap | 12 +++----
 tests/__snapshots__/Select.test.tsx.snap     | 36 ++++++++++----------
 tests/__snapshots__/Tags.test.tsx.snap       |  6 ++--
 7 files changed, 41 insertions(+), 36 deletions(-)

diff --git a/src/OptionList.tsx b/src/OptionList.tsx
index 21e69308..5a1c8886 100644
--- a/src/OptionList.tsx
+++ b/src/OptionList.tsx
@@ -323,6 +323,7 @@ const OptionList: React.ForwardRefRenderFunction<RefOptionListProps, {}> = (_, r
         </div>
       )}
       <List<FlattenOptionData<BaseOptionType>>
+        prefixCls={`${prefixCls}-dropdown-list`}
         itemKey="key"
         ref={listRef}
         data={memoFlattenOptions}
diff --git a/tests/Accessibility.test.tsx b/tests/Accessibility.test.tsx
index ef8b90c1..c51c7cc2 100644
--- a/tests/Accessibility.test.tsx
+++ b/tests/Accessibility.test.tsx
@@ -193,7 +193,7 @@ describe('Select.Accessibility', () => {
         }
       });
 
-      const rcVirtual = document.querySelector('.rc-virtual-list-holder-inner');
+      const rcVirtual = document.querySelector('.rc-select-dropdown-list-holder-inner');
       expect(rcVirtual).not.toHaveAttribute('role');
       const rcOptionItem = rcVirtual.querySelectorAll('.rc-select-item-option');
 
diff --git a/tests/OptionList.test.tsx b/tests/OptionList.test.tsx
index 745ca872..9cbda042 100644
--- a/tests/OptionList.test.tsx
+++ b/tests/OptionList.test.tsx
@@ -560,7 +560,9 @@ describe('OptionList', () => {
       const { container } = render(<Select open showScrollBar options={options} />);
 
       await waitFor(() => {
-        const scrollbarElement = container.querySelector('.rc-virtual-list-scrollbar-visible');
+        const scrollbarElement = container.querySelector(
+          '.rc-select-dropdown-list-scrollbar-visible',
+        );
         expect(scrollbarElement).not.toBeNull();
       });
     });
@@ -573,7 +575,9 @@ describe('OptionList', () => {
       const { container } = render(<Select open showScrollBar={false} options={options} />);
 
       await waitFor(() => {
-        const scrollbarElement = container.querySelector('.rc-virtual-list-scrollbar-visible');
+        const scrollbarElement = container.querySelector(
+          '.rc-select-dropdown-list-scrollbar-visible',
+        );
         expect(scrollbarElement).toBeNull();
       });
     });
diff --git a/tests/Select.test.tsx b/tests/Select.test.tsx
index b8cbcce3..4e6ccd69 100644
--- a/tests/Select.test.tsx
+++ b/tests/Select.test.tsx
@@ -180,9 +180,9 @@ describe('Select.Basic', () => {
       );
 
       // these generate the same snapshots
-      expect(containerFirst.querySelector('.rc-virtual-list')).toMatchSnapshot();
-      expect(containerSecond.querySelector('.rc-virtual-list')).toMatchSnapshot();
-      expect(containerThird.querySelector('.rc-virtual-list')).toMatchSnapshot();
+      expect(containerFirst.querySelector('.rc-select-dropdown-list')).toMatchSnapshot();
+      expect(containerSecond.querySelector('.rc-select-dropdown-list')).toMatchSnapshot();
+      expect(containerThird.querySelector('.rc-select-dropdown-list')).toMatchSnapshot();
     });
   });
 
@@ -2619,7 +2619,7 @@ describe('Select.Basic', () => {
     const options = new Array(10).fill(null).map((_, value) => ({ value }));
 
     const { container } = testingRender(<Select open direction="rtl" options={options} />);
-    expect(container.querySelector('.rc-virtual-list-rtl')).toBeTruthy();
+    expect(container.querySelector('.rc-select-dropdown-list-rtl')).toBeTruthy();
   });
 
   it('Should optionRender work', () => {
@@ -2720,7 +2720,7 @@ describe('Select.Basic', () => {
       />,
     );
     const element = container.querySelectorAll<HTMLDivElement>(
-      'div.rc-virtual-list-holder-inner .rc-select-item',
+      'div.rc-select-dropdown-list-holder-inner .rc-select-item',
     );
     expect(element[0]).not.toHaveClass('rc-select-item-option-disabled');
     expect(element[1]).toHaveClass('rc-select-item-option-disabled');
@@ -2811,7 +2811,7 @@ describe('Select.Basic', () => {
     const prefix = container.querySelector('.rc-select-prefix');
     const suffix = container.querySelector('.rc-select-suffix');
     const item = container.querySelector('.rc-select-item-option');
-    const list = container.querySelector('.rc-virtual-list');
+    const list = container.querySelector('.rc-select-dropdown-list');
     const input = container.querySelector('input');
     expect(prefix).toHaveClass(customClassNames.prefix);
     expect(prefix).toHaveStyle(customStyle.prefix);
diff --git a/tests/__snapshots__/OptionList.test.tsx.snap b/tests/__snapshots__/OptionList.test.tsx.snap
index cefcfc19..07847214 100644
--- a/tests/__snapshots__/OptionList.test.tsx.snap
+++ b/tests/__snapshots__/OptionList.test.tsx.snap
@@ -27,15 +27,15 @@ exports[`OptionList renders correctly virtual 1`] = `
     />
   </div>
   <div
-    class="rc-virtual-list"
+    class="rc-select-dropdown-list"
     style="position: relative;"
   >
     <div
-      class="rc-virtual-list-holder"
+      class="rc-select-dropdown-list-holder"
     >
       <div>
         <div
-          class="rc-virtual-list-holder-inner"
+          class="rc-select-dropdown-list-holder-inner"
           style="display: flex; flex-direction: column;"
         >
           <div
@@ -102,15 +102,15 @@ exports[`OptionList renders correctly virtual 1`] = `
 exports[`OptionList renders correctly without virtual 1`] = `
 <div>
   <div
-    class="rc-virtual-list"
+    class="rc-select-dropdown-list"
     style="position: relative;"
   >
     <div
-      class="rc-virtual-list-holder"
+      class="rc-select-dropdown-list-holder"
     >
       <div>
         <div
-          class="rc-virtual-list-holder-inner"
+          class="rc-select-dropdown-list-holder-inner"
           id="undefined_list"
           role="listbox"
           style="display: flex; flex-direction: column;"
diff --git a/tests/__snapshots__/Select.test.tsx.snap b/tests/__snapshots__/Select.test.tsx.snap
index b94d30ad..d99fd3c1 100644
--- a/tests/__snapshots__/Select.test.tsx.snap
+++ b/tests/__snapshots__/Select.test.tsx.snap
@@ -29,16 +29,16 @@ exports[`Select.Basic does not filter when filterOption value is false 1`] = `
       </div>
     </div>
     <div
-      class="rc-virtual-list"
+      class="rc-select-dropdown-list"
       style="position: relative;"
     >
       <div
-        class="rc-virtual-list-holder"
+        class="rc-select-dropdown-list-holder"
         style="max-height: 200px; overflow-y: auto;"
       >
         <div>
           <div
-            class="rc-virtual-list-holder-inner"
+            class="rc-select-dropdown-list-holder-inner"
             style="display: flex; flex-direction: column;"
           >
             <div
@@ -265,16 +265,16 @@ exports[`Select.Basic render renders role prop correctly 1`] = `
 
 exports[`Select.Basic render should support fieldName 1`] = `
 <div
-  class="rc-virtual-list"
+  class="rc-select-dropdown-list"
   style="position: relative;"
 >
   <div
-    class="rc-virtual-list-holder"
+    class="rc-select-dropdown-list-holder"
     style="max-height: 200px; overflow-y: auto;"
   >
     <div>
       <div
-        class="rc-virtual-list-holder-inner"
+        class="rc-select-dropdown-list-holder-inner"
         style="display: flex; flex-direction: column;"
       >
         <div
@@ -312,16 +312,16 @@ exports[`Select.Basic render should support fieldName 1`] = `
 
 exports[`Select.Basic render should support fieldName 2`] = `
 <div
-  class="rc-virtual-list"
+  class="rc-select-dropdown-list"
   style="position: relative;"
 >
   <div
-    class="rc-virtual-list-holder"
+    class="rc-select-dropdown-list-holder"
     style="max-height: 200px; overflow-y: auto;"
   >
     <div>
       <div
-        class="rc-virtual-list-holder-inner"
+        class="rc-select-dropdown-list-holder-inner"
         style="display: flex; flex-direction: column;"
       >
         <div
@@ -359,16 +359,16 @@ exports[`Select.Basic render should support fieldName 2`] = `
 
 exports[`Select.Basic render should support fieldName 3`] = `
 <div
-  class="rc-virtual-list"
+  class="rc-select-dropdown-list"
   style="position: relative;"
 >
   <div
-    class="rc-virtual-list-holder"
+    class="rc-select-dropdown-list-holder"
     style="max-height: 200px; overflow-y: auto;"
   >
     <div>
       <div
-        class="rc-virtual-list-holder-inner"
+        class="rc-select-dropdown-list-holder-inner"
         style="display: flex; flex-direction: column;"
       >
         <div
@@ -433,16 +433,16 @@ exports[`Select.Basic should contain falsy children 1`] = `
       </div>
     </div>
     <div
-      class="rc-virtual-list"
+      class="rc-select-dropdown-list"
       style="position: relative;"
     >
       <div
-        class="rc-virtual-list-holder"
+        class="rc-select-dropdown-list-holder"
         style="max-height: 200px; overflow-y: auto;"
       >
         <div>
           <div
-            class="rc-virtual-list-holder-inner"
+            class="rc-select-dropdown-list-holder-inner"
             style="display: flex; flex-direction: column;"
           >
             <div
@@ -532,16 +532,16 @@ exports[`Select.Basic should render custom dropdown correctly 1`] = `
         </div>
       </div>
       <div
-        class="rc-virtual-list"
+        class="rc-select-dropdown-list"
         style="position: relative;"
       >
         <div
-          class="rc-virtual-list-holder"
+          class="rc-select-dropdown-list-holder"
           style="max-height: 200px; overflow-y: auto;"
         >
           <div>
             <div
-              class="rc-virtual-list-holder-inner"
+              class="rc-select-dropdown-list-holder-inner"
               style="display: flex; flex-direction: column;"
             >
               <div
diff --git a/tests/__snapshots__/Tags.test.tsx.snap b/tests/__snapshots__/Tags.test.tsx.snap
index 1d7e2b94..a3a8d68f 100644
--- a/tests/__snapshots__/Tags.test.tsx.snap
+++ b/tests/__snapshots__/Tags.test.tsx.snap
@@ -106,16 +106,16 @@ exports[`Select.Tags OptGroup renders correctly 1`] = `
         />
       </div>
       <div
-        class="rc-virtual-list"
+        class="rc-select-dropdown-list"
         style="position: relative;"
       >
         <div
-          class="rc-virtual-list-holder"
+          class="rc-select-dropdown-list-holder"
           style="max-height: 200px; overflow-y: auto;"
         >
           <div>
             <div
-              class="rc-virtual-list-holder-inner"
+              class="rc-select-dropdown-list-holder-inner"
               style="display: flex; flex-direction: column;"
             >
               <div