chore: api update

Author: zombieJ

src/UniqueProvider/index.tsx

@@ -8,25 +8,34 @@ export interface UniqueProviderProps {
 
 const UniqueProvider = ({ children }: UniqueProviderProps) => {
   const [target, setTarget] = React.useState<HTMLElement | null>(null);
+  const [currentNode, setCurrentNode] = React.useState<React.ReactNode>(null);
+
+  // ========================== Register ==========================
   const delayInvoke = useDelay();
 
-  const show = (targetElement: HTMLElement, delay: number) => {
+  const show = (node: React.ReactNode, targetElement: HTMLElement, delay: number) => {
     delayInvoke(() => {
+      setCurrentNode(node);
       setTarget(targetElement);
     }, delay);
   };
 
-  const hide = (targetElement: HTMLElement, delay: number) => {
+  const hide = (delay: number) => {
     delayInvoke(() => {
       setTarget(null);
+      setCurrentNode(null);
     }, delay);
   };
 
-  const contextValue = React.useMemo<UniqueContextProps>(() => ({
-    show,
-    hide,
-  }), []);
+  const contextValue = React.useMemo<UniqueContextProps>(
+    () => ({
+      show,
+      hide,
+    }),
+    [],
+  );
 
+  // =========================== Render ===========================
   return (
     <UniqueContext.Provider value={contextValue}>
       {children}

src/context.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import type { TriggerProps } from './index';
 
 // ===================== Nest =====================
 export interface TriggerContextProps {
@@ -11,8 +12,8 @@ export default TriggerContext;
 
 // ==================== Unique ====================
 export interface UniqueContextProps {
-  show: (target: HTMLElement, delay: number) => void;
-  hide: (target: HTMLElement, delay: number) => void;
+  show: (popup: TriggerProps['popup'], target: HTMLElement, delay: number) => void;
+  hide: (delay: number) => void;
 }
 
 export const UniqueContext = React.createContext<UniqueContextProps | null>(

src/hooks/useDelay.ts

@@ -10,9 +10,9 @@ export default function useDelay() {
     }
   };
 
-  const delayInvoke = (callback: () => void, delay: number) => {
+  const delayInvoke = (callback: VoidFunction, delay: number) => {
     clearDelay();
-    
+
     if (delay === 0) {
       callback();
     } else {

src/index.tsx

@@ -327,9 +327,9 @@ export function generateTrigger(
       // If UniqueContext exists, pass delay to Provider instead of handling it internally
       if (uniqueContext) {
         if (nextOpen && targetEle) {
-          uniqueContext.show(targetEle, delay);
+          uniqueContext.show(popup, targetEle, delay);
         } else {
-          uniqueContext.hide(targetEle, delay);
+          uniqueContext.hide(delay);
         }
         return;
       }
@@ -724,7 +724,7 @@ export function generateTrigger(
         >
           {triggerNode}
         </ResizeObserver>
-        {rendedRef.current && (
+        {rendedRef.current && !uniqueContext && (
           <TriggerContext.Provider value={context}>
             <Popup
               portal={PortalComponent}