chore: adjust align logic (#580)

Author: zombieJ

src/UniqueProvider/UniqueBody.tsx

@@ -56,6 +56,14 @@ const UniqueBody = (props: UniqueBodyProps) => {
     offsetY,
   );
 
+  // Cache for offsetStyle when ready is true
+  const cachedOffsetStyleRef = React.useRef(offsetStyle);
+
+  // Update cached offset style when ready is true
+  if (ready) {
+    cachedOffsetStyleRef.current = offsetStyle;
+  }
+
   // Apply popup size if available
   const sizeStyle: React.CSSProperties = {};
   if (popupSize) {
@@ -85,14 +93,16 @@ const UniqueBody = (props: UniqueBodyProps) => {
         return (
           <div
             className={cls}
-            style={{
-              '--arrow-x': `${arrowPos?.x || 0}px`,
-              '--arrow-y': `${arrowPos?.y || 0}px`,
-              ...offsetStyle,
-              ...sizeStyle,
-              ...motionStyle,
-              ...uniqueBgStyle,
-            } as React.CSSProperties}
+            style={
+              {
+                '--arrow-x': `${arrowPos?.x || 0}px`,
+                '--arrow-y': `${arrowPos?.y || 0}px`,
+                ...cachedOffsetStyleRef.current,
+                ...sizeStyle,
+                ...motionStyle,
+                ...uniqueBgStyle,
+              } as React.CSSProperties
+            }
           />
         );
       }}

src/UniqueProvider/index.tsx

@@ -105,35 +105,35 @@ const UniqueProvider = ({ children, postTriggerProps }: UniqueProviderProps) =>
   ] = useAlign(
     open,
     popupEle,
-    options?.target,
-    options?.popupPlacement,
-    options?.builtinPlacements || {},
-    options?.popupAlign,
+    mergedOptions?.target,
+    mergedOptions?.popupPlacement,
+    mergedOptions?.builtinPlacements || {},
+    mergedOptions?.popupAlign,
     undefined, // onPopupAlign
     false, // isMobile
   );
 
   const alignedClassName = React.useMemo(() => {
-    if (!options) {
+    if (!mergedOptions) {
       return '';
     }
 
     const baseClassName = getAlignPopupClassName(
-      options.builtinPlacements || {},
-      options.prefixCls || '',
+      mergedOptions.builtinPlacements || {},
+      mergedOptions.prefixCls || '',
       alignInfo,
       false, // alignPoint is false for UniqueProvider
     );
 
     return classNames(
       baseClassName,
-      options.getPopupClassNameFromAlign?.(alignInfo),
+      mergedOptions.getPopupClassNameFromAlign?.(alignInfo),
     );
   }, [
     alignInfo,
-    options?.getPopupClassNameFromAlign,
-    options?.builtinPlacements,
-    options?.prefixCls,
+    mergedOptions?.getPopupClassNameFromAlign,
+    mergedOptions?.builtinPlacements,
+    mergedOptions?.prefixCls,
   ]);
 
   const contextValue = React.useMemo<UniqueContextProps>(
@@ -171,7 +171,7 @@ const UniqueProvider = ({ children, postTriggerProps }: UniqueProviderProps) =>
   return (
     <UniqueContext.Provider value={contextValue}>
       {children}
-      {options && (
+      {mergedOptions && (
         <TriggerContext.Provider value={triggerContextValue}>
           <Popup
             ref={setPopupRef}