chore: Select option pass aria-info to a11y util

fix ant-design/ant-design#24331

Author: zombieJ

package.json

@@ -46,7 +46,7 @@
     "classnames": "2.x",
     "rc-animate": "^3.0.0",
     "rc-trigger": "^4.0.0",
-    "rc-util": "^4.20.0",
+    "rc-util": "^4.20.6",
     "rc-virtual-list": "^1.1.2",
     "warning": "^4.0.3"
   },
@@ -64,6 +64,6 @@
     "jsonp": "^0.2.1",
     "np": "^6.0.0",
     "rc-dialog": "^7.5.5",
-    "typescript": "^3.5.2"
+    "typescript": "^3.9.3"
   }
 }

src/OptionList.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import KeyCode from 'rc-util/lib/KeyCode';
+import pickAttrs from 'rc-util/lib/pickAttrs';
 import useMemo from 'rc-util/lib/hooks/useMemo';
 import classNames from 'classnames';
 import List from 'rc-virtual-list';
@@ -231,9 +232,19 @@ const OptionList: React.RefForwardingComponent<
 
   function renderItem(index: number) {
     const item = memoFlattenOptions[index];
-    const value = item && (item.data as OptionData).value;
+    if (!item) return null;
+
+    const itemData = (item.data || {}) as OptionData;
+    const { value } = itemData;
+    const attrs = pickAttrs(itemData, true);
     return item ? (
-      <div key={index} role="option" id={`${id}_list_${index}`} aria-selected={values.has(value)}>
+      <div
+        {...attrs}
+        key={index}
+        role="option"
+        id={`${id}_list_${index}`}
+        aria-selected={values.has(value)}
+      >
         {value}
       </div>
     ) : null;

tests/OptionList.test.tsx

@@ -44,7 +44,7 @@ describe('OptionList', () => {
         options: [
           {
             key: 'group1',
-            options: [{ value: '1' }],
+            options: [{ value: '1', 'aria-label': 'value-1' }],
           },
           {
             key: 'group2',

tests/__snapshots__/OptionList.test.tsx.snap

@@ -13,6 +13,7 @@ exports[`OptionList renders correctly 1`] = `
       role="option"
     />
     <div
+      aria-label="value-1"
       aria-selected="true"
       id="undefined_list_1"
       role="option"
@@ -39,6 +40,7 @@ exports[`OptionList renders correctly 1`] = `
           group1
         </div>
         <div
+          aria-label="value-1"
           aria-selected="true"
           class="rc-select-item rc-select-item-option rc-select-item-option-grouped rc-select-item-option-active rc-select-item-option-selected"
         >