perf: change the enter timeout of transition

shervinchen · Oct 29, 2024 · 65a419e · 65a419e
1 parent 9875ff7
commit 65a419e
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/packages/Popover/Popover.tsx b/packages/Popover/Popover.tsx
@@ -29,7 +29,7 @@ const Popover: FC<PropsWithChildren<PopoverProps>> = ({
     defaultValue,
     value,
   });
-  const { stage, shouldMount } = useTransition(internalValue, 50, 50);
+  const { stage, shouldMount } = useTransition(internalValue, 0, 50);
   const classes = classNames('raw-popover', className);
 
   const handleClick = () => {

diff --git a/packages/Select/SelectDropdown.tsx b/packages/Select/SelectDropdown.tsx
@@ -21,7 +21,7 @@ const SelectDropdown = forwardRef<
   const dropdownRef = useRef<HTMLDivElement | null>(null);
   const { multiple, dropdownHeight, selectRef, getPopupContainer, selectId } =
     useSelectContext();
-  const { stage: dropdownTransitionStage } = useTransition(visible, 50, 0);
+  const { stage: dropdownTransitionStage } = useTransition(visible, 0, 0);
   const dropdownClasses = classNames('raw-select-dropdown', className);
   const selectRect = selectRef?.current?.getBoundingClientRect() ?? null;
   const dropdownWidth = selectRect

diff --git a/packages/Tooltip/Tooltip.tsx b/packages/Tooltip/Tooltip.tsx
@@ -21,7 +21,7 @@ const Tooltip: FC<PropsWithChildren<TooltipProps>> = ({
   const ref = useRef<HTMLDivElement>(null);
   const theme = useTheme();
   const [visible, setVisible] = useState(false);
-  const { stage, shouldMount } = useTransition(visible, 50, 50);
+  const { stage, shouldMount } = useTransition(visible, 0, 50);
   const classes = classNames('raw-tooltip', className);
 
   const handleMouseEnterOrLeave = (nextValue: boolean) => {