feat: RangeSelect

docs/demo/range.md

@@ -0,0 +1,8 @@
+---
+title: range
+nav:
+  title: Demo
+  path: /demo
+---
+
+<code src="../examples/range.tsx"></code>

docs/examples/range.tsx

@@ -0,0 +1,23 @@
+import Select from 'rc-select';
+import '../../assets/index.less';
+
+export default () => {
+  return (
+    <Select
+      options={[
+        { label: 'test1', value: '1' },
+        { label: 'test2', value: '2' },
+        { label: 'test3', value: '3' },
+        { label: 'test4', value: '4' },
+        { label: 'test5', value: '5' },
+        { label: 'test6', value: '6' },
+        { label: 'test7', value: '7' },
+        { label: 'test8', value: '8' },
+        { label: 'test9', value: '9' },
+        { label: 'test10', value: '10' },
+      ]}
+      open
+      style={{ width: 400 }}
+    />
+  );
+};

src/BaseSelect.tsx

@@ -726,7 +726,16 @@ const BaseSelect = React.forwardRef<BaseSelectRef, BaseSelectProps>((props, ref)
   );
 
   // =========================== OptionList ===========================
-  const optionList = <OptionList ref={listRef} />;
+  const optionList = (
+    <div style={{ display: 'flex' }}>
+      <div style={{ flex: 1 }}>
+        <OptionList ref={listRef} />
+      </div>
+      <div style={{ flex: 1 }}>
+        <OptionList ref={listRef} />
+      </div>
+    </div>
+  );
 
   // ============================= Select =============================
   const mergedClassName = classNames(prefixCls, className, {