chore: Not affect origin style if invalidate

Author: zombieJ

src/Item.tsx

@@ -55,15 +55,22 @@ export default function Item<ItemType>(props: ItemProps<ItemType>) {
   const childNode =
     renderItem && item !== undefined ? renderItem(item) : children;
 
+  let overflowStyle: React.CSSProperties | undefined;
+  if (!invalidate) {
+    overflowStyle = {
+      opacity: mergedHidden ? 0 : 1,
+      height: mergedHidden ? 0 : undefined,
+      overflowY: mergedHidden ? 'hidden' : undefined,
+      order: responsive ? order : undefined,
+      pointerEvents: mergedHidden ? 'none' : undefined,
+    };
+  }
+
   let itemNode = (
     <Component
       className={classNames(!invalidate && prefixCls, className)}
       style={{
-        opacity: mergedHidden ? 0 : 1,
-        height: mergedHidden ? 0 : undefined,
-        overflowY: mergedHidden ? 'hidden' : undefined,
-        order: responsive ? order : undefined,
-        pointerEvents: mergedHidden ? 'none' : undefined,
+        ...overflowStyle,
         ...style,
       }}
       {...restProps}

tests/__snapshots__/invalidate.spec.tsx.snap

@@ -6,13 +6,11 @@ exports[`Overflow.Invalidate render item 1`] = `
 >
   <li
     class=""
-    style="opacity: 1;"
   >
     Label 0
   </li>
   <li
     class=""
-    style="opacity: 1;"
   >
     Label 1
   </li>
@@ -25,13 +23,11 @@ exports[`Overflow.Invalidate render raw 1`] = `
 >
   <li
     class=""
-    style="opacity: 1;"
   >
     Label 0
   </li>
   <li
     class=""
-    style="opacity: 1;"
   >
     Label 1
   </li>