From 685a3dcf308f2557c5cc082e00c534ff463989ef Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=B4=8B?= <hetongyang@bytedance.com>
Date: Fri, 19 May 2023 11:51:10 +0800
Subject: [PATCH 1/4] fix: groupLabel

---
 src/utils/valueUtil.ts                   |   2 +-
 tests/Select.test.tsx                    |  21 +--
 tests/__snapshots__/Select.test.tsx.snap | 228 ++++++++++++++++++++++-
 3 files changed, 229 insertions(+), 22 deletions(-)

diff --git a/src/utils/valueUtil.ts b/src/utils/valueUtil.ts
index afafbf63..45db446f 100644
--- a/src/utils/valueUtil.ts
+++ b/src/utils/valueUtil.ts
@@ -53,7 +53,7 @@ export function flattenOptions<OptionType extends BaseOptionType = DefaultOption
   function dig(list: OptionType[], isGroupOption: boolean) {
     list.forEach((data) => {
 
-      const label = data[isGroupOption ? groupLabel : fieldLabel];
+      const label = data[isGroupOption ? fieldLabel : groupLabel];
 
       if (isGroupOption || !(fieldOptions in data)) {
         const value = data[fieldValue];
diff --git a/tests/Select.test.tsx b/tests/Select.test.tsx
index 0be3d330..fb9b793b 100644
--- a/tests/Select.test.tsx
+++ b/tests/Select.test.tsx
@@ -107,13 +107,13 @@ describe('Select.Basic', () => {
 
     it('should support fieldName', () => {
       // groupLabel > fieldNames > self-label
-      function genOpts(OptLabelName) {
+      function genOpts(OptLabelName, groupLabel) {
         return [
           {
-            groupLabel: 'Manager',
+            [groupLabel]: 'groupLabel',
             options: [
               {
-                data: 'value',
+                value: 'value',
                 [OptLabelName]: 'label',
               },
             ],
@@ -123,25 +123,22 @@ describe('Select.Basic', () => {
 
       const { container: containerFirst } = testingRender(
         <Select
-          options={genOpts('test')}
+          options={genOpts('label', 'groupLabel')}
           fieldNames={{
-            value: 'data',
-            label: 'test',
             groupLabel: 'groupLabel',
           }}
+          open
         />,
       );
       const { container: containerSecond } = testingRender(
         <Select
-          options={genOpts('groupLabel')}
-          fieldNames={{ value: 'data', label: 'groupLabel' }}
+          options={genOpts('groupLabel', 'groupLabel')}
+          fieldNames={{ label: 'groupLabel' }}
+          open
         />,
       );
       const { container: containerThird } = testingRender(
-        <Select
-          options={genOpts('noGroupLabel')}
-          fieldNames={{ value: 'data', label: 'noGroupLabel' }}
-        />,
+        <Select options={genOpts('label', 'label')} open />,
       );
 
       // these generate the same snapshots
diff --git a/tests/__snapshots__/Select.test.tsx.snap b/tests/__snapshots__/Select.test.tsx.snap
index 4e27a106..daf7ffd2 100644
--- a/tests/__snapshots__/Select.test.tsx.snap
+++ b/tests/__snapshots__/Select.test.tsx.snap
@@ -436,7 +436,7 @@ exports[`Select.Basic render renders role prop correctly 1`] = `
 exports[`Select.Basic render should support fieldName 1`] = `
 <div>
   <div
-    class="rc-select rc-select-single rc-select-show-arrow"
+    class="rc-select rc-select-single rc-select-show-arrow rc-select-open"
   >
     <div
       class="rc-select-selector"
@@ -445,10 +445,10 @@ exports[`Select.Basic render should support fieldName 1`] = `
         class="rc-select-selection-search"
       >
         <input
-          aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
+          aria-activedescendant="rc_select_TEST_OR_SSR_list_1"
           aria-autocomplete="list"
           aria-controls="rc_select_TEST_OR_SSR_list"
-          aria-expanded="false"
+          aria-expanded="true"
           aria-haspopup="listbox"
           aria-owns="rc_select_TEST_OR_SSR_list"
           autocomplete="off"
@@ -466,6 +466,76 @@ exports[`Select.Basic render should support fieldName 1`] = `
         class="rc-select-selection-placeholder"
       />
     </div>
+    <div
+      class="rc-select-dropdown rc-select-dropdown-placement-bottomLeft"
+      style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box; min-width: 0; width: 0px;"
+    >
+      <div>
+        <div
+          id="rc_select_TEST_OR_SSR_list"
+          role="listbox"
+          style="height: 0px; width: 0px; overflow: hidden;"
+        >
+          <div
+            aria-selected="false"
+            id="rc_select_TEST_OR_SSR_list_0"
+            role="presentation"
+          />
+          <div
+            aria-label="label"
+            aria-selected="false"
+            id="rc_select_TEST_OR_SSR_list_1"
+            role="option"
+          >
+            value
+          </div>
+        </div>
+        <div
+          class="rc-virtual-list"
+          style="position: relative;"
+        >
+          <div
+            class="rc-virtual-list-holder"
+            style="max-height: 200px; overflow-y: auto;"
+          >
+            <div>
+              <div
+                class="rc-virtual-list-holder-inner"
+                style="display: flex; flex-direction: column;"
+              >
+                <div
+                  class="rc-select-item rc-select-item-group"
+                  title="groupLabel"
+                >
+                  groupLabel
+                </div>
+                <div
+                  aria-selected="false"
+                  class="rc-select-item rc-select-item-option rc-select-item-option-grouped rc-select-item-option-active"
+                  title="label"
+                >
+                  <div
+                    class="rc-select-item-option-content"
+                  >
+                    label
+                  </div>
+                  <span
+                    aria-hidden="true"
+                    class="rc-select-item-option-state"
+                    style="user-select: none;"
+                    unselectable="on"
+                  >
+                    <span
+                      class="rc-select-item-option-state-icon"
+                    />
+                  </span>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
     <span
       aria-hidden="true"
       class="rc-select-arrow"
@@ -483,7 +553,7 @@ exports[`Select.Basic render should support fieldName 1`] = `
 exports[`Select.Basic render should support fieldName 2`] = `
 <div>
   <div
-    class="rc-select rc-select-single rc-select-show-arrow"
+    class="rc-select rc-select-single rc-select-show-arrow rc-select-open"
   >
     <div
       class="rc-select-selector"
@@ -492,10 +562,10 @@ exports[`Select.Basic render should support fieldName 2`] = `
         class="rc-select-selection-search"
       >
         <input
-          aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
+          aria-activedescendant="rc_select_TEST_OR_SSR_list_1"
           aria-autocomplete="list"
           aria-controls="rc_select_TEST_OR_SSR_list"
-          aria-expanded="false"
+          aria-expanded="true"
           aria-haspopup="listbox"
           aria-owns="rc_select_TEST_OR_SSR_list"
           autocomplete="off"
@@ -513,6 +583,76 @@ exports[`Select.Basic render should support fieldName 2`] = `
         class="rc-select-selection-placeholder"
       />
     </div>
+    <div
+      class="rc-select-dropdown rc-select-dropdown-placement-bottomLeft"
+      style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box; min-width: 0; width: 0px;"
+    >
+      <div>
+        <div
+          id="rc_select_TEST_OR_SSR_list"
+          role="listbox"
+          style="height: 0px; width: 0px; overflow: hidden;"
+        >
+          <div
+            aria-selected="false"
+            id="rc_select_TEST_OR_SSR_list_0"
+            role="presentation"
+          />
+          <div
+            aria-label="label"
+            aria-selected="false"
+            id="rc_select_TEST_OR_SSR_list_1"
+            role="option"
+          >
+            value
+          </div>
+        </div>
+        <div
+          class="rc-virtual-list"
+          style="position: relative;"
+        >
+          <div
+            class="rc-virtual-list-holder"
+            style="max-height: 200px; overflow-y: auto;"
+          >
+            <div>
+              <div
+                class="rc-virtual-list-holder-inner"
+                style="display: flex; flex-direction: column;"
+              >
+                <div
+                  class="rc-select-item rc-select-item-group"
+                  title="groupLabel"
+                >
+                  groupLabel
+                </div>
+                <div
+                  aria-selected="false"
+                  class="rc-select-item rc-select-item-option rc-select-item-option-grouped rc-select-item-option-active"
+                  title="label"
+                >
+                  <div
+                    class="rc-select-item-option-content"
+                  >
+                    label
+                  </div>
+                  <span
+                    aria-hidden="true"
+                    class="rc-select-item-option-state"
+                    style="user-select: none;"
+                    unselectable="on"
+                  >
+                    <span
+                      class="rc-select-item-option-state-icon"
+                    />
+                  </span>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
     <span
       aria-hidden="true"
       class="rc-select-arrow"
@@ -530,7 +670,7 @@ exports[`Select.Basic render should support fieldName 2`] = `
 exports[`Select.Basic render should support fieldName 3`] = `
 <div>
   <div
-    class="rc-select rc-select-single rc-select-show-arrow"
+    class="rc-select rc-select-single rc-select-show-arrow rc-select-open"
   >
     <div
       class="rc-select-selector"
@@ -539,10 +679,10 @@ exports[`Select.Basic render should support fieldName 3`] = `
         class="rc-select-selection-search"
       >
         <input
-          aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
+          aria-activedescendant="rc_select_TEST_OR_SSR_list_1"
           aria-autocomplete="list"
           aria-controls="rc_select_TEST_OR_SSR_list"
-          aria-expanded="false"
+          aria-expanded="true"
           aria-haspopup="listbox"
           aria-owns="rc_select_TEST_OR_SSR_list"
           autocomplete="off"
@@ -560,6 +700,76 @@ exports[`Select.Basic render should support fieldName 3`] = `
         class="rc-select-selection-placeholder"
       />
     </div>
+    <div
+      class="rc-select-dropdown rc-select-dropdown-placement-bottomLeft"
+      style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box; min-width: 0; width: 0px;"
+    >
+      <div>
+        <div
+          id="rc_select_TEST_OR_SSR_list"
+          role="listbox"
+          style="height: 0px; width: 0px; overflow: hidden;"
+        >
+          <div
+            aria-selected="false"
+            id="rc_select_TEST_OR_SSR_list_0"
+            role="presentation"
+          />
+          <div
+            aria-label="label"
+            aria-selected="false"
+            id="rc_select_TEST_OR_SSR_list_1"
+            role="option"
+          >
+            value
+          </div>
+        </div>
+        <div
+          class="rc-virtual-list"
+          style="position: relative;"
+        >
+          <div
+            class="rc-virtual-list-holder"
+            style="max-height: 200px; overflow-y: auto;"
+          >
+            <div>
+              <div
+                class="rc-virtual-list-holder-inner"
+                style="display: flex; flex-direction: column;"
+              >
+                <div
+                  class="rc-select-item rc-select-item-group"
+                  title="groupLabel"
+                >
+                  groupLabel
+                </div>
+                <div
+                  aria-selected="false"
+                  class="rc-select-item rc-select-item-option rc-select-item-option-grouped rc-select-item-option-active"
+                  title="label"
+                >
+                  <div
+                    class="rc-select-item-option-content"
+                  >
+                    label
+                  </div>
+                  <span
+                    aria-hidden="true"
+                    class="rc-select-item-option-state"
+                    style="user-select: none;"
+                    unselectable="on"
+                  >
+                    <span
+                      class="rc-select-item-option-state-icon"
+                    />
+                  </span>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
     <span
       aria-hidden="true"
       class="rc-select-arrow"

From e2e461b315ae6cc1da4aae3f6a55a367cd32565a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=B4=8B?= <hetongyang@bytedance.com>
Date: Fri, 19 May 2023 13:55:42 +0800
Subject: [PATCH 2/4] chore: less bundle

---
 tests/Select.test.tsx                    |  22 +-
 tests/__snapshots__/Select.test.tsx.snap | 378 +++++------------------
 2 files changed, 95 insertions(+), 305 deletions(-)

diff --git a/tests/Select.test.tsx b/tests/Select.test.tsx
index fb9b793b..937ab8fe 100644
--- a/tests/Select.test.tsx
+++ b/tests/Select.test.tsx
@@ -1,5 +1,5 @@
-import { fireEvent, render as testingRender } from '@testing-library/react';
-import { mount, render } from 'enzyme';
+import { fireEvent,render as testingRender } from '@testing-library/react';
+import { mount,render } from 'enzyme';
 import KeyCode from 'rc-util/lib/KeyCode';
 import { spyElementPrototype } from 'rc-util/lib/test/domHook';
 import { resetWarned } from 'rc-util/lib/warning';
@@ -8,7 +8,7 @@ import type { ScrollConfig } from 'rc-virtual-list/lib/List';
 import React from 'react';
 import { act } from 'react-dom/test-utils';
 import type { SelectProps } from '../src';
-import Select, { OptGroup, Option, useBaseProps } from '../src';
+import Select,{ OptGroup,Option,useBaseProps } from '../src';
 import type { BaseSelectRef } from '../src/BaseSelect';
 import allowClearTest from './shared/allowClearTest';
 import blurTest from './shared/blurTest';
@@ -17,11 +17,11 @@ import inputFilterTest from './shared/inputFilterTest';
 import keyDownTest from './shared/keyDownTest';
 import openControlledTest from './shared/openControlledTest';
 import {
-  expectOpen,
-  findSelection,
-  injectRunAllTimers,
-  selectItem,
-  toggleOpen,
+expectOpen,
+findSelection,
+injectRunAllTimers,
+selectItem,
+toggleOpen
 } from './utils/common';
 
 describe('Select.Basic', () => {
@@ -142,9 +142,9 @@ describe('Select.Basic', () => {
       );
 
       // these generate the same snapshots
-      expect(containerFirst).toMatchSnapshot();
-      expect(containerSecond).toMatchSnapshot();
-      expect(containerThird).toMatchSnapshot();
+      expect(containerFirst.querySelector('.rc-virtual-list')).toMatchSnapshot();
+      expect(containerSecond.querySelector('.rc-virtual-list')).toMatchSnapshot();
+      expect(containerThird.querySelector('.rc-virtual-list')).toMatchSnapshot();
     });
   });
 
diff --git a/tests/__snapshots__/Select.test.tsx.snap b/tests/__snapshots__/Select.test.tsx.snap
index daf7ffd2..a11de50a 100644
--- a/tests/__snapshots__/Select.test.tsx.snap
+++ b/tests/__snapshots__/Select.test.tsx.snap
@@ -434,352 +434,142 @@ exports[`Select.Basic render renders role prop correctly 1`] = `
 `;
 
 exports[`Select.Basic render should support fieldName 1`] = `
-<div>
+<div
+  class="rc-virtual-list"
+  style="position: relative;"
+>
   <div
-    class="rc-select rc-select-single rc-select-show-arrow rc-select-open"
+    class="rc-virtual-list-holder"
+    style="max-height: 200px; overflow-y: auto;"
   >
-    <div
-      class="rc-select-selector"
-    >
-      <span
-        class="rc-select-selection-search"
+    <div>
+      <div
+        class="rc-virtual-list-holder-inner"
+        style="display: flex; flex-direction: column;"
       >
-        <input
-          aria-activedescendant="rc_select_TEST_OR_SSR_list_1"
-          aria-autocomplete="list"
-          aria-controls="rc_select_TEST_OR_SSR_list"
-          aria-expanded="true"
-          aria-haspopup="listbox"
-          aria-owns="rc_select_TEST_OR_SSR_list"
-          autocomplete="off"
-          class="rc-select-selection-search-input"
-          id="rc_select_TEST_OR_SSR"
-          readonly=""
-          role="combobox"
-          style="opacity: 0;"
-          type="search"
-          unselectable="on"
-          value=""
-        />
-      </span>
-      <span
-        class="rc-select-selection-placeholder"
-      />
-    </div>
-    <div
-      class="rc-select-dropdown rc-select-dropdown-placement-bottomLeft"
-      style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box; min-width: 0; width: 0px;"
-    >
-      <div>
         <div
-          id="rc_select_TEST_OR_SSR_list"
-          role="listbox"
-          style="height: 0px; width: 0px; overflow: hidden;"
+          class="rc-select-item rc-select-item-group"
+          title="groupLabel"
         >
-          <div
-            aria-selected="false"
-            id="rc_select_TEST_OR_SSR_list_0"
-            role="presentation"
-          />
-          <div
-            aria-label="label"
-            aria-selected="false"
-            id="rc_select_TEST_OR_SSR_list_1"
-            role="option"
-          >
-            value
-          </div>
+          groupLabel
         </div>
         <div
-          class="rc-virtual-list"
-          style="position: relative;"
+          aria-selected="false"
+          class="rc-select-item rc-select-item-option rc-select-item-option-grouped rc-select-item-option-active"
+          title="label"
         >
           <div
-            class="rc-virtual-list-holder"
-            style="max-height: 200px; overflow-y: auto;"
+            class="rc-select-item-option-content"
           >
-            <div>
-              <div
-                class="rc-virtual-list-holder-inner"
-                style="display: flex; flex-direction: column;"
-              >
-                <div
-                  class="rc-select-item rc-select-item-group"
-                  title="groupLabel"
-                >
-                  groupLabel
-                </div>
-                <div
-                  aria-selected="false"
-                  class="rc-select-item rc-select-item-option rc-select-item-option-grouped rc-select-item-option-active"
-                  title="label"
-                >
-                  <div
-                    class="rc-select-item-option-content"
-                  >
-                    label
-                  </div>
-                  <span
-                    aria-hidden="true"
-                    class="rc-select-item-option-state"
-                    style="user-select: none;"
-                    unselectable="on"
-                  >
-                    <span
-                      class="rc-select-item-option-state-icon"
-                    />
-                  </span>
-                </div>
-              </div>
-            </div>
+            label
           </div>
+          <span
+            aria-hidden="true"
+            class="rc-select-item-option-state"
+            style="user-select: none;"
+            unselectable="on"
+          >
+            <span
+              class="rc-select-item-option-state-icon"
+            />
+          </span>
         </div>
       </div>
     </div>
-    <span
-      aria-hidden="true"
-      class="rc-select-arrow"
-      style="user-select: none;"
-      unselectable="on"
-    >
-      <span
-        class="rc-select-arrow-icon"
-      />
-    </span>
   </div>
 </div>
 `;
 
 exports[`Select.Basic render should support fieldName 2`] = `
-<div>
+<div
+  class="rc-virtual-list"
+  style="position: relative;"
+>
   <div
-    class="rc-select rc-select-single rc-select-show-arrow rc-select-open"
+    class="rc-virtual-list-holder"
+    style="max-height: 200px; overflow-y: auto;"
   >
-    <div
-      class="rc-select-selector"
-    >
-      <span
-        class="rc-select-selection-search"
+    <div>
+      <div
+        class="rc-virtual-list-holder-inner"
+        style="display: flex; flex-direction: column;"
       >
-        <input
-          aria-activedescendant="rc_select_TEST_OR_SSR_list_1"
-          aria-autocomplete="list"
-          aria-controls="rc_select_TEST_OR_SSR_list"
-          aria-expanded="true"
-          aria-haspopup="listbox"
-          aria-owns="rc_select_TEST_OR_SSR_list"
-          autocomplete="off"
-          class="rc-select-selection-search-input"
-          id="rc_select_TEST_OR_SSR"
-          readonly=""
-          role="combobox"
-          style="opacity: 0;"
-          type="search"
-          unselectable="on"
-          value=""
-        />
-      </span>
-      <span
-        class="rc-select-selection-placeholder"
-      />
-    </div>
-    <div
-      class="rc-select-dropdown rc-select-dropdown-placement-bottomLeft"
-      style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box; min-width: 0; width: 0px;"
-    >
-      <div>
         <div
-          id="rc_select_TEST_OR_SSR_list"
-          role="listbox"
-          style="height: 0px; width: 0px; overflow: hidden;"
+          class="rc-select-item rc-select-item-group"
+          title="groupLabel"
         >
-          <div
-            aria-selected="false"
-            id="rc_select_TEST_OR_SSR_list_0"
-            role="presentation"
-          />
-          <div
-            aria-label="label"
-            aria-selected="false"
-            id="rc_select_TEST_OR_SSR_list_1"
-            role="option"
-          >
-            value
-          </div>
+          groupLabel
         </div>
         <div
-          class="rc-virtual-list"
-          style="position: relative;"
+          aria-selected="false"
+          class="rc-select-item rc-select-item-option rc-select-item-option-grouped rc-select-item-option-active"
+          title="label"
         >
           <div
-            class="rc-virtual-list-holder"
-            style="max-height: 200px; overflow-y: auto;"
+            class="rc-select-item-option-content"
           >
-            <div>
-              <div
-                class="rc-virtual-list-holder-inner"
-                style="display: flex; flex-direction: column;"
-              >
-                <div
-                  class="rc-select-item rc-select-item-group"
-                  title="groupLabel"
-                >
-                  groupLabel
-                </div>
-                <div
-                  aria-selected="false"
-                  class="rc-select-item rc-select-item-option rc-select-item-option-grouped rc-select-item-option-active"
-                  title="label"
-                >
-                  <div
-                    class="rc-select-item-option-content"
-                  >
-                    label
-                  </div>
-                  <span
-                    aria-hidden="true"
-                    class="rc-select-item-option-state"
-                    style="user-select: none;"
-                    unselectable="on"
-                  >
-                    <span
-                      class="rc-select-item-option-state-icon"
-                    />
-                  </span>
-                </div>
-              </div>
-            </div>
+            label
           </div>
+          <span
+            aria-hidden="true"
+            class="rc-select-item-option-state"
+            style="user-select: none;"
+            unselectable="on"
+          >
+            <span
+              class="rc-select-item-option-state-icon"
+            />
+          </span>
         </div>
       </div>
     </div>
-    <span
-      aria-hidden="true"
-      class="rc-select-arrow"
-      style="user-select: none;"
-      unselectable="on"
-    >
-      <span
-        class="rc-select-arrow-icon"
-      />
-    </span>
   </div>
 </div>
 `;
 
 exports[`Select.Basic render should support fieldName 3`] = `
-<div>
+<div
+  class="rc-virtual-list"
+  style="position: relative;"
+>
   <div
-    class="rc-select rc-select-single rc-select-show-arrow rc-select-open"
+    class="rc-virtual-list-holder"
+    style="max-height: 200px; overflow-y: auto;"
   >
-    <div
-      class="rc-select-selector"
-    >
-      <span
-        class="rc-select-selection-search"
+    <div>
+      <div
+        class="rc-virtual-list-holder-inner"
+        style="display: flex; flex-direction: column;"
       >
-        <input
-          aria-activedescendant="rc_select_TEST_OR_SSR_list_1"
-          aria-autocomplete="list"
-          aria-controls="rc_select_TEST_OR_SSR_list"
-          aria-expanded="true"
-          aria-haspopup="listbox"
-          aria-owns="rc_select_TEST_OR_SSR_list"
-          autocomplete="off"
-          class="rc-select-selection-search-input"
-          id="rc_select_TEST_OR_SSR"
-          readonly=""
-          role="combobox"
-          style="opacity: 0;"
-          type="search"
-          unselectable="on"
-          value=""
-        />
-      </span>
-      <span
-        class="rc-select-selection-placeholder"
-      />
-    </div>
-    <div
-      class="rc-select-dropdown rc-select-dropdown-placement-bottomLeft"
-      style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box; min-width: 0; width: 0px;"
-    >
-      <div>
         <div
-          id="rc_select_TEST_OR_SSR_list"
-          role="listbox"
-          style="height: 0px; width: 0px; overflow: hidden;"
+          class="rc-select-item rc-select-item-group"
+          title="groupLabel"
         >
-          <div
-            aria-selected="false"
-            id="rc_select_TEST_OR_SSR_list_0"
-            role="presentation"
-          />
-          <div
-            aria-label="label"
-            aria-selected="false"
-            id="rc_select_TEST_OR_SSR_list_1"
-            role="option"
-          >
-            value
-          </div>
+          groupLabel
         </div>
         <div
-          class="rc-virtual-list"
-          style="position: relative;"
+          aria-selected="false"
+          class="rc-select-item rc-select-item-option rc-select-item-option-grouped rc-select-item-option-active"
+          title="label"
         >
           <div
-            class="rc-virtual-list-holder"
-            style="max-height: 200px; overflow-y: auto;"
+            class="rc-select-item-option-content"
           >
-            <div>
-              <div
-                class="rc-virtual-list-holder-inner"
-                style="display: flex; flex-direction: column;"
-              >
-                <div
-                  class="rc-select-item rc-select-item-group"
-                  title="groupLabel"
-                >
-                  groupLabel
-                </div>
-                <div
-                  aria-selected="false"
-                  class="rc-select-item rc-select-item-option rc-select-item-option-grouped rc-select-item-option-active"
-                  title="label"
-                >
-                  <div
-                    class="rc-select-item-option-content"
-                  >
-                    label
-                  </div>
-                  <span
-                    aria-hidden="true"
-                    class="rc-select-item-option-state"
-                    style="user-select: none;"
-                    unselectable="on"
-                  >
-                    <span
-                      class="rc-select-item-option-state-icon"
-                    />
-                  </span>
-                </div>
-              </div>
-            </div>
+            label
           </div>
+          <span
+            aria-hidden="true"
+            class="rc-select-item-option-state"
+            style="user-select: none;"
+            unselectable="on"
+          >
+            <span
+              class="rc-select-item-option-state-icon"
+            />
+          </span>
         </div>
       </div>
     </div>
-    <span
-      aria-hidden="true"
-      class="rc-select-arrow"
-      style="user-select: none;"
-      unselectable="on"
-    >
-      <span
-        class="rc-select-arrow-icon"
-      />
-    </span>
   </div>
 </div>
 `;

From a086fad8c0130b612b02c013f84c8d3a0fb91718 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=B4=8B?= <hetongyang@bytedance.com>
Date: Fri, 19 May 2023 15:20:30 +0800
Subject: [PATCH 3/4] fix

---
 src/utils/valueUtil.ts | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/src/utils/valueUtil.ts b/src/utils/valueUtil.ts
index 45db446f..ea332015 100644
--- a/src/utils/valueUtil.ts
+++ b/src/utils/valueUtil.ts
@@ -52,9 +52,6 @@ export function flattenOptions<OptionType extends BaseOptionType = DefaultOption
 
   function dig(list: OptionType[], isGroupOption: boolean) {
     list.forEach((data) => {
-
-      const label = data[isGroupOption ? fieldLabel : groupLabel];
-
       if (isGroupOption || !(fieldOptions in data)) {
         const value = data[fieldValue];
 
@@ -63,11 +60,11 @@ export function flattenOptions<OptionType extends BaseOptionType = DefaultOption
           key: getKey(data, flattenList.length),
           groupOption: isGroupOption,
           data,
-          label,
+          label: data[fieldLabel],
           value,
         });
       } else {
-        let grpLabel = label;
+        let grpLabel = data[groupLabel];
         if (grpLabel === undefined && childrenAsData) {
           grpLabel = data.label;
         }

From 8b7e562913a06a081a68bdce24edc85ebfe7b681 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=B4=8B?= <hetongyang@bytedance.com>
Date: Fri, 19 May 2023 15:34:31 +0800
Subject: [PATCH 4/4] chore: add test case

---
 tests/Select.test.tsx | 34 ++++++++++++++++++++++++++--------
 1 file changed, 26 insertions(+), 8 deletions(-)

diff --git a/tests/Select.test.tsx b/tests/Select.test.tsx
index 937ab8fe..66353220 100644
--- a/tests/Select.test.tsx
+++ b/tests/Select.test.tsx
@@ -1,5 +1,5 @@
-import { fireEvent,render as testingRender } from '@testing-library/react';
-import { mount,render } from 'enzyme';
+import { fireEvent, render as testingRender } from '@testing-library/react';
+import { mount, render } from 'enzyme';
 import KeyCode from 'rc-util/lib/KeyCode';
 import { spyElementPrototype } from 'rc-util/lib/test/domHook';
 import { resetWarned } from 'rc-util/lib/warning';
@@ -8,7 +8,7 @@ import type { ScrollConfig } from 'rc-virtual-list/lib/List';
 import React from 'react';
 import { act } from 'react-dom/test-utils';
 import type { SelectProps } from '../src';
-import Select,{ OptGroup,Option,useBaseProps } from '../src';
+import Select, { OptGroup, Option, useBaseProps } from '../src';
 import type { BaseSelectRef } from '../src/BaseSelect';
 import allowClearTest from './shared/allowClearTest';
 import blurTest from './shared/blurTest';
@@ -17,11 +17,11 @@ import inputFilterTest from './shared/inputFilterTest';
 import keyDownTest from './shared/keyDownTest';
 import openControlledTest from './shared/openControlledTest';
 import {
-expectOpen,
-findSelection,
-injectRunAllTimers,
-selectItem,
-toggleOpen
+  expectOpen,
+  findSelection,
+  injectRunAllTimers,
+  selectItem,
+  toggleOpen,
 } from './utils/common';
 
 describe('Select.Basic', () => {
@@ -148,6 +148,24 @@ describe('Select.Basic', () => {
     });
   });
 
+  it('item label should be the same as user enter when set groupLabel', () => {
+    const { container } = testingRender(
+      <Select
+        options={[
+          {
+            label: 'itemLabel',
+            value: 'itemValue',
+          },
+        ]}
+        fieldNames={{
+          groupLabel: 'groupLabel',
+        }}
+        open
+      />,
+    );
+    expect(container.querySelector('.rc-select-item-option-content').innerHTML).toBe('itemLabel');
+  });
+
   it('convert value to array', () => {
     const wrapper = mount(
       <Select value="1" optionLabelProp="children">