feat: OptionList will get direction props

Author: zombieJ

src/OptionList.tsx

@@ -36,6 +36,7 @@ export interface OptionListProps<OptionsType extends object[]> {
   childrenAsData: boolean;
   searchValue: string;
   virtual: boolean;
+  direction?: 'ltr' | 'rtl';
 
   onSelect: (value: RawValueType, option: { selected: boolean }) => void;
   onToggleOpen: (open?: boolean) => void;
@@ -57,7 +58,7 @@ export interface RefOptionListProps {
  * Using virtual list of option display.
  * Will fallback to dom if use customize render.
  */
-const OptionList: React.RefForwardingComponent<
+const OptionList: React.ForwardRefRenderFunction<
   RefOptionListProps,
   OptionListProps<SelectOptionsType>
 > = (

src/generate.tsx

@@ -125,7 +125,7 @@ export interface SelectProps<OptionsType extends object[], ValueType> extends Re
   animation?: string;
   transitionName?: string;
   getPopupContainer?: RenderDOMFunc;
-  direction?: string;
+  direction?: 'ltr' | 'rtl';
 
   // Others
   disabled?: boolean;
@@ -985,6 +985,7 @@ export default function generateSelector<
         menuItemSelectedIcon={menuItemSelectedIcon}
         virtual={virtual !== false && dropdownMatchSelectWidth !== false}
         onMouseEnter={onPopupMouseEnter}
+        direction={direction}
       />
     );
 

tests/Select.test.tsx

@@ -208,12 +208,14 @@ describe('Select.Basic', () => {
 
   it('should direction rtl', () => {
     const wrapper = mount(
-      <Select direction="rtl">
+      <Select direction="rtl" open>
         <Option value="1">1</Option>
         <Option value="2">2</Option>
       </Select>,
     );
     expect(wrapper.find('Trigger').props().popupPlacement).toBe('bottomRight');
+
+    expect(wrapper.find('OptionList').props().direction).toEqual('rtl');
   });
 
   it('should not response click event when select is disabled', () => {