chore: Not break lines

Author: zombieJ

assets/index.less

@@ -2,7 +2,7 @@
 
 .@{overflow-prefix-cls} {
   display: inline-flex;
-  flex-wrap: nowrap;
+  flex-wrap: wrap;
   max-width: 100%;
   // overflow: hidden;
 

examples/basic.tsx

@@ -48,6 +48,7 @@ const Demo = () => {
         <option value={5}>5</option>
         <option value={10}>10</option>
         <option value={20}>20</option>
+        <option value={200}>200</option>
       </select>
 
       <div

src/Item.tsx

@@ -47,7 +47,13 @@ export default function Item<ItemType>(props: ItemProps<ItemType>) {
   let itemNode = (
     <div
       className={classNames(prefixCls, className)}
-      style={{ opacity: display ? 1 : 0, order, pointerEvents: 'none' }}
+      style={{
+        opacity: display ? 1 : 0.2,
+        height: display ? undefined : 0,
+        overflowY: disabled ? undefined : 'hidden',
+        order,
+        pointerEvents: 'none',
+      }}
     >
       {childNode}
     </div>

src/Overflow.tsx

@@ -10,6 +10,7 @@ export interface OverflowProps<ItemType> {
   style?: React.CSSProperties;
   data?: ItemType[];
   itemKey?: React.Key | ((item: ItemType) => React.Key);
+  itemWidth?: number;
   renderItem?: (item: ItemType) => React.ReactNode;
   disabled?: boolean;
   maxCount?: number | 'responsive';
@@ -24,6 +25,7 @@ function Overflow<ItemType = any>(
     data = [],
     renderItem,
     itemKey,
+    itemWidth,
     style,
     className,
     disabled,