@tendaui/react 1.1.1 → 1.1.3

package/es/notification/NotifyContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotifyContext.js","sources":["../../../components/notification/NotifyContext.tsx"],"sourcesContent":["import React, { createContext, useState, useRef, useCallback, useContext } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport NotifyContainer from \"./NotifyContainer\";\n\n// 1. 定义类型\ntype NotificationType = \"success\" | \"error\" | \"warning\" | \"info\";\n\ninterface Notification {\n  id: string;\n  type: NotificationType;\n  message: string;\n  createdAt: number;\n  isRemoved: boolean;\n  title: string;\n}\n\n// 2. 定义 Context 类型\ninterface NotificationContextType {\n  notify: (type: NotificationType, message: Message) => void;\n  success: (message: Message) => void;\n  error: (message: Message) => void;\n  warning: (message: Message) => void;\n  info: (message: Message) => void;\n  removeNotification: (id: string) => void;\n}\n\n// 3. 创建 Context\nconst NotificationContext = createContext<NotificationContextType | null>(null);\n\n// 4. 生成唯一 ID 的辅助函数\nconst generateId = () => Math.random().toString(36).substr(2, 9);\n\n// 5. Provider 组件\ninterface NotificationProviderProps {\n  children: React.ReactNode;\n  maxStack?: number;\n  displayDuration?: number;\n  position?: string;\n}\n\ntype Message = {\n  title: string;\n  message: string;\n};\nexport const NotificationProvider: React.FC<NotificationProviderProps> = ({\n  children,\n  maxStack = 5,\n  displayDuration = 3000,\n  position = \"top-right\"\n}) => {\n  const [notifications, setNotifications] = useState<Notification[]>([]);\n  const timersRef = useRef<Map<string, NodeJS.Timeout>>(new Map());\n  const pausedAtRef = useRef<Map<string, number>>(new Map());\n\n  // 定时器相关函数\n  const clearNotificationTimer = useCallback((id: string) => {\n    const timer = timersRef.current.get(id);\n    if (timer) {\n      clearTimeout(timer);\n      timersRef.current.delete(id);\n    }\n  }, []);\n\n  const startTimer = useCallback(\n    (notification: Notification, remainingTime?: number) => {\n      const duration = remainingTime ?? displayDuration;\n      const timer = setTimeout(() => {\n        setNotifications((prev) => prev.map((n) => (n.id === notification.id ? { ...n, isRemoved: true } : n)));\n        setTimeout(() => {\n          setNotifications((prev) => prev.filter((t) => t.id !== notification.id));\n          clearNotificationTimer(notification.id);\n          pausedAtRef.current.delete(notification.id);\n        }, 400);\n      }, duration);\n      timersRef.current.set(notification.id, timer);\n    },\n    [displayDuration, clearNotificationTimer]\n  );\n\n  // 6. 核心通知函数\n  const addNotification = useCallback(\n    (type: NotificationType, message: Message) => {\n      const newNotification: Notification = {\n        id: generateId(),\n        type,\n        title: message.title,\n        message: message.message,\n        createdAt: Date.now(),\n        isRemoved: false\n      };\n\n      setNotifications((prev) => {\n        const newNotifications = [newNotification, ...prev];\n        const removedNotifications = newNotifications.slice(maxStack);\n\n        removedNotifications.forEach((notification) => {\n          clearNotificationTimer(notification.id);\n          pausedAtRef.current.delete(notification.id);\n        });\n\n        return newNotifications.slice(0, maxStack);\n      });\n\n      startTimer(newNotification);\n    },\n    [maxStack, startTimer, clearNotificationTimer]\n  );\n\n  // 7. 提供的 Context 值\n  const contextValue = React.useMemo(\n    () => ({\n      notify: addNotification,\n      success: (message: Message) => addNotification(\"success\", message),\n      error: (message: Message) => addNotification(\"error\", message),\n      warning: (message: Message) => addNotification(\"warning\", message),\n      info: (message: Message) => addNotification(\"info\", message),\n      removeNotification: (id: string) => {\n        setNotifications((prev) => prev.filter((t) => t.id !== id));\n        clearNotificationTimer(id);\n        pausedAtRef.current.delete(id);\n      }\n    }),\n    [addNotification, clearNotificationTimer]\n  );\n\n  // 悬停处理\n  const clearAllTimers = useCallback(() => {\n    const now = Date.now();\n    notifications.forEach((notification) => {\n      pausedAtRef.current.set(notification.id, now);\n      clearNotificationTimer(notification.id);\n    });\n  }, [notifications, clearNotificationTimer]);\n\n  const restartAllTimers = useCallback(() => {\n    notifications.forEach((notification) => {\n      const pausedAt = pausedAtRef.current.get(notification.id);\n      if (pausedAt) {\n        const elapsedTime = pausedAt - notification.createdAt;\n        const remainingTime = Math.max(0, displayDuration - elapsedTime);\n        startTimer(notification, remainingTime);\n        pausedAtRef.current.delete(notification.id);\n      }\n    });\n  }, [notifications, displayDuration, startTimer]);\n\n  return (\n    <NotificationContext.Provider value={contextValue}>\n      {children}\n      {createPortal(\n        <NotifyContainer\n          notifications={notifications as unknown as TdNotificationProps[]}\n          onRemove={(id) => contextValue.removeNotification(id)}\n          onHoverStart={clearAllTimers}\n          onHoverEnd={restartAllTimers}\n          data-testid=\"notification-container\"\n          maxStack={maxStack}\n          position={position}\n        />,\n        document.body\n      )}\n    </NotificationContext.Provider>\n  );\n};\n\n// 8. 创建自定义 Hook\nexport const useNotification = () => {\n  const context = useContext(NotificationContext);\n  if (!context) {\n    throw new Error(\"useNotification must be used within a NotificationProvider\");\n  }\n  return context;\n};\n"],"names":["NotificationContext","createContext","generateId","Math","random","toString","substr","NotificationProvider","children","_ref","_ref$maxStack","maxStack","_ref$displayDuration","displayDuration","_ref$position","position","_useState","useState","_useState2","_slicedToArray","notifications","setNotifications","timersRef","useRef","Map","pausedAtRef","clearNotificationTimer","useCallback","id","timer","current","get","clearTimeout","startTimer","notification","remainingTime","duration","setTimeout","prev","map","n","_objectSpread","isRemoved","filter","t","set","addNotification","type","message","newNotification","title","createdAt","Date","now","newNotifications","concat","_toConsumableArray","removedNotifications","slice","forEach","contextValue","React","useMemo","notify","success","error","warning","info","removeNotification","clearAllTimers","restartAllTimers","pausedAt","elapsedTime","max","Provider","value","createPortal","createElement","NotifyContainer","onRemove","onHoverStart","onHoverEnd","document","body","useNotification","context","useContext","Error"],"mappings":";;;;;;;;;;;;;;AA2BA,IAAMA,mBAAA,gBAAsBC,cAA8C,IAAI,CAAA;AAG9E,IAAMC,UAAA,GAAa,SAAbA,UAAAA,GAAA;AAAA,EAAA,OAAmBC,IAAA,CAAKC,MAAA,EAAO,CAAEC,SAAS,EAAE,CAAA,CAAEC,MAAA,CAAO,CAAA,EAAG,CAAC,CAAA;AAAA,CAAA;IAclDC,uBAA4D,SAA5DA,2BAKP;AAAA,EAAA,IAJJC,QAAA,GAAAC,IAAA,CAAAD,QAAA;IAAAE,aAAA,GAAAD,IAAA,CACAE,QAAA;AAAAA,IAAAA,QAAA,GAAAD,aAAA,KAAA,KAAA,CAAA,GAAW,CAAA,GAAAA,aAAA;IAAAE,oBAAA,GAAAH,IAAA,CACXI,eAAA;AAAAA,IAAAA,eAAA,GAAAD,oBAAA,KAAA,KAAA,CAAA,GAAkB,GAAA,GAAAA,oBAAA;IAAAE,aAAA,GAAAL,IAAA,CAClBM,QAAA;AAAAA,IAAAA,QAAA,GAAAD,aAAA,KAAA,KAAA,CAAA,GAAW,WAAA,GAAAA,aAAA;AAEX,EAAA,IAAAE,SAAA,GAA0CC,QAAA,CAAyB,EAAE,CAAA;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA9DI,IAAAA,aAAA,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAeG,IAAAA,gBAAgB,GAAAH,UAAA,CAAA,CAAA,CAAA;EACtC,IAAMI,SAAA,GAAYC,MAAA,gBAAoC,IAAIC,GAAA,EAAK,CAAA;EAC/D,IAAMC,WAAA,GAAcF,MAAA,gBAA4B,IAAIC,GAAA,EAAK,CAAA;AAGzD,EAAA,IAAME,sBAAA,GAAyBC,WAAA,CAAY,UAACC,EAAA,EAAe;IACzD,IAAMC,KAAA,GAAQP,SAAA,CAAUQ,OAAA,CAAQC,GAAA,CAAIH,EAAE,CAAA;AACtC,IAAA,IAAIC,KAAA,EAAO;MACTG,YAAA,CAAaH,KAAK,CAAA;AAClBP,MAAAA,SAAA,CAAUQ,OAAA,CAAA,QAAA,EAAeF,EAAE,CAAA;AAC7B,IAAA;EACF,CAAA,EAAG,EAAE,CAAA;EAEL,IAAMK,UAAA,GAAaN,WAAA,CACjB,UAACO,cAA4BC,aAAA,EAA2B;IACtD,IAAMC,WAAWD,aAAA,KAAA,IAAA,IAAAA,aAAA,KAAA,KAAA,CAAA,GAAAA,aAAA,GAAiBtB,eAAA;AAClC,IAAA,IAAMgB,KAAA,GAAQQ,WAAW,YAAM;MAC7BhB,gBAAA,CAAiB,UAACiB,IAAA,EAAA;AAAA,QAAA,OAASA,IAAA,CAAKC,GAAA,CAAI,UAACC;iBAAOA,CAAA,CAAEZ,EAAA,KAAOM,YAAA,CAAaN,EAAA,GAAAa,aAAA,CAAAA,aAAA,CAAA,EAAA,EAAUD,CAAA,CAAA,EAAA,EAAA,EAAA;AAAGE,YAAAA,WAAW;AAAA,WAAA,CAAA,GAASF,CAAE;QAAA,CAAA,CAAC;MAAA,CAAA,CAAA;AACtGH,MAAAA,UAAA,CAAW,YAAM;QACfhB,gBAAA,CAAiB,UAACiB,IAAA,EAAA;AAAA,UAAA,OAASA,IAAA,CAAKK,MAAA,CAAO,UAACC;mBAAMA,CAAA,CAAEhB,EAAA,KAAOM,YAAA,CAAaN,EAAE;UAAA,CAAA,CAAC;QAAA,CAAA,CAAA;AACvEF,QAAAA,sBAAA,CAAuBQ,aAAaN,EAAE,CAAA;AACtCH,QAAAA,WAAA,CAAYK,OAAA,CAAA,QAAA,CAAQ,CAAOI,YAAA,CAAaN,EAAE,CAAA;MAC5C,GAAG,GAAG,CAAA;IACR,GAAGQ,QAAQ,CAAA;IACXd,SAAA,CAAUQ,OAAA,CAAQe,GAAA,CAAIX,YAAA,CAAaN,EAAA,EAAIC,KAAK,CAAA;AAC9C,EAAA,CAAA,EACA,CAAChB,iBAAiBa,sBAAsB,CAC1C,CAAA;EAGA,IAAMoB,eAAA,GAAkBnB,WAAA,CACtB,UAACoB,MAAwBC,OAAA,EAAqB;AAC5C,IAAA,IAAMC,eAAA,GAAgC;MACpCrB,IAAI1B,UAAA,EAAW;AACf6C,MAAAA,IAAA,EAAAA,IAAA;MACAG,OAAOF,OAAA,CAAQE,KAAA;MACfF,SAASA,OAAA,CAAQA,OAAA;AACjBG,MAAAA,SAAA,EAAWC,KAAKC,GAAA,EAAI;AACpBX,MAAAA,SAAA,EAAW;KACb;IAEArB,gBAAA,CAAiB,UAACiB,IAAA,EAAS;MACzB,IAAMgB,gBAAA,IAAoBL,eAAA,CAAA,CAAAM,MAAA,CAAAC,kBAAA,CAAoBlB,IAAI,CAAA,CAAA;AAClD,MAAA,IAAMmB,oBAAA,GAAuBH,gBAAA,CAAiBI,KAAA,CAAM/C,QAAQ,CAAA;AAE5D8C,MAAAA,oBAAA,CAAqBE,OAAA,CAAQ,UAACzB,YAAA,EAAiB;AAC7CR,QAAAA,sBAAA,CAAuBQ,aAAaN,EAAE,CAAA;AACtCH,QAAAA,WAAA,CAAYK,OAAA,CAAA,QAAA,CAAQ,CAAOI,YAAA,CAAaN,EAAE,CAAA;AAC5C,MAAA,CAAC,CAAA;AAED,MAAA,OAAO0B,gBAAA,CAAiBI,KAAA,CAAM,CAAA,EAAG/C,QAAQ,CAAA;AAC3C,IAAA,CAAC,CAAA;IAEDsB,UAAA,CAAWgB,eAAe,CAAA;EAC5B,CAAA,EACA,CAACtC,QAAA,EAAUsB,UAAA,EAAYP,sBAAsB,CAC/C,CAAA;AAGA,EAAA,IAAMkC,eAAeC,KAAA,CAAMC,OAAA,CACzB,YAAA;IAAA,OAAO;AACLC,MAAAA,MAAA,EAAQjB,eAAA;AACRkB,MAAAA,OAAA,EAAS,SAATA,OAAAA,CAAUhB,OAAA,EAAA;AAAA,QAAA,OAAqBF,eAAA,CAAgB,WAAWE,OAAO,CAAA;AAAA,MAAA,CAAA;AACjEiB,MAAAA,KAAA,EAAO,SAAPA,KAAAA,CAAQjB,OAAA,EAAA;AAAA,QAAA,OAAqBF,eAAA,CAAgB,SAASE,OAAO,CAAA;AAAA,MAAA,CAAA;AAC7DkB,MAAAA,OAAA,EAAS,SAATA,OAAAA,CAAUlB,OAAA,EAAA;AAAA,QAAA,OAAqBF,eAAA,CAAgB,WAAWE,OAAO,CAAA;AAAA,MAAA,CAAA;AACjEmB,MAAAA,IAAA,EAAM,SAANA,IAAAA,CAAOnB,OAAA,EAAA;AAAA,QAAA,OAAqBF,eAAA,CAAgB,QAAQE,OAAO,CAAA;AAAA,MAAA,CAAA;AAC3DoB,MAAAA,kBAAA,EAAoB,SAApBA,kBAAAA,CAAqBxC,EAAA,EAAe;QAClCP,gBAAA,CAAiB,UAACiB;iBAASA,IAAA,CAAKK,MAAA,CAAO,UAACC,CAAA,EAAA;AAAA,YAAA,OAAMA,CAAA,CAAEhB,EAAA,KAAOA,EAAE;UAAA,CAAA,CAAC;QAAA,CAAA,CAAA;QAC1DF,sBAAA,CAAuBE,EAAE,CAAA;AACzBH,QAAAA,WAAA,CAAYK,OAAA,CAAA,QAAA,EAAeF,EAAE,CAAA;AAC/B,MAAA;KACF;AAAA,EAAA,CAAA,EACA,CAACkB,iBAAiBpB,sBAAsB,CAC1C,CAAA;AAGA,EAAA,IAAM2C,cAAA,GAAiB1C,YAAY,YAAM;AACvC,IAAA,IAAM0B,GAAA,GAAMD,KAAKC,GAAA,EAAI;AACrBjC,IAAAA,aAAA,CAAcuC,OAAA,CAAQ,UAACzB,YAAA,EAAiB;MACtCT,WAAA,CAAYK,OAAA,CAAQe,GAAA,CAAIX,YAAA,CAAaN,EAAA,EAAIyB,GAAG,CAAA;AAC5C3B,MAAAA,sBAAA,CAAuBQ,aAAaN,EAAE,CAAA;AACxC,IAAA,CAAC,CAAA;AACH,EAAA,CAAA,EAAG,CAACR,aAAA,EAAeM,sBAAsB,CAAC,CAAA;AAE1C,EAAA,IAAM4C,gBAAA,GAAmB3C,YAAY,YAAM;AACzCP,IAAAA,aAAA,CAAcuC,OAAA,CAAQ,UAACzB,YAAA,EAAiB;MACtC,IAAMqC,QAAA,GAAW9C,WAAA,CAAYK,OAAA,CAAQC,GAAA,CAAIG,aAAaN,EAAE,CAAA;AACxD,MAAA,IAAI2C,QAAA,EAAU;AACZ,QAAA,IAAMC,WAAA,GAAcD,WAAWrC,YAAA,CAAaiB,SAAA;QAC5C,IAAMhB,aAAA,GAAgBhC,IAAA,CAAKsE,GAAA,CAAI,CAAA,EAAG5D,kBAAkB2D,WAAW,CAAA;AAC/DvC,QAAAA,UAAA,CAAWC,cAAcC,aAAa,CAAA;AACtCV,QAAAA,WAAA,CAAYK,OAAA,CAAA,QAAA,CAAQ,CAAOI,YAAA,CAAaN,EAAE,CAAA;AAC5C,MAAA;AACF,IAAA,CAAC,CAAA;EACH,CAAA,EAAG,CAACR,aAAA,EAAeP,eAAA,EAAiBoB,UAAU,CAAC,CAAA;EAE/C,0CACGjC,mBAAA,CAAoB0E,QAAA,EAApB;AAA6BC,IAAAA,KAAA,EAAOf;KAClCpD,QAAA,eACAoE,YAAA,gBACCf,KAAA,CAAAgB,aAAA,CAACC,qBAAA,EAAA;AACC1D,IAAAA,aAAA,EAAAA,aAAA;AACA2D,IAAAA,QAAA,EAAU,SAAVA,QAAAA,CAAWnD,EAAA,EAAA;AAAA,MAAA,OAAOgC,YAAA,CAAaQ,mBAAmBxC,EAAE,CAAA;AAAA,IAAA,CAAA;AACpDoD,IAAAA,YAAA,EAAcX,cAAA;AACdY,IAAAA,UAAA,EAAYX,gBAAA;AACZ,IAAA,aAAA,EAAY,wBAAA;AACZ3D,IAAAA,QAAA,EAAAA,QAAA;AACAI,IAAAA,QAAA,EAAAA;AAAA,GACF,CAAA,EACAmE,QAAA,CAASC,IACX,CACF,CAAA;AAEJ;IAGaC,kBAAkB,SAAlBA,kBAAwB;AACnC,EAAA,IAAMC,OAAA,GAAUC,WAAWtF,mBAAmB,CAAA;EAC9C,IAAI,CAACqF,OAAA,EAAS;AACZ,IAAA,MAAM,IAAIE,MAAM,4DAA4D,CAAA;AAC9E,EAAA;AACA,EAAA,OAAOF,OAAA;AACT;;;;"}
+{"version":3,"file":"NotifyContext.js","sources":["../../../components/notification/NotifyContext.tsx"],"sourcesContent":["import React, { createContext, useState, useRef, useCallback, useContext } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport NotifyContainer from \"./NotifyContainer\";\nimport { TdNotificationProps } from \"./type\";\n\n// 1. 定义类型\ntype NotificationType = \"success\" | \"error\" | \"warning\" | \"info\";\n\ninterface Notification {\n  id: string;\n  type: NotificationType;\n  message: string;\n  createdAt: number;\n  isRemoved: boolean;\n  title: string;\n}\n\n// 2. 定义 Context 类型\ninterface NotificationContextType {\n  notify: (type: NotificationType, message: Message) => void;\n  success: (message: Message) => void;\n  error: (message: Message) => void;\n  warning: (message: Message) => void;\n  info: (message: Message) => void;\n  removeNotification: (id: string) => void;\n}\n\n// 3. 创建 Context\nconst NotificationContext = createContext<NotificationContextType | null>(null);\n\n// 4. 生成唯一 ID 的辅助函数\nconst generateId = () => Math.random().toString(36).substr(2, 9);\n\n// 5. Provider 组件\ninterface NotificationProviderProps {\n  children: React.ReactNode;\n  maxStack?: number;\n  displayDuration?: number;\n  position?: string;\n}\n\ntype Message = {\n  title: string;\n  message: string;\n};\nexport const NotificationProvider: React.FC<NotificationProviderProps> = ({\n  children,\n  maxStack = 5,\n  displayDuration = 3000,\n  position = \"top-right\"\n}) => {\n  const [notifications, setNotifications] = useState<Notification[]>([]);\n  const timersRef = useRef<Map<string, NodeJS.Timeout>>(new Map());\n  const pausedAtRef = useRef<Map<string, number>>(new Map());\n\n  // 定时器相关函数\n  const clearNotificationTimer = useCallback((id: string) => {\n    const timer = timersRef.current.get(id);\n    if (timer) {\n      clearTimeout(timer);\n      timersRef.current.delete(id);\n    }\n  }, []);\n\n  const startTimer = useCallback(\n    (notification: Notification, remainingTime?: number) => {\n      const duration = remainingTime ?? displayDuration;\n      const timer = setTimeout(() => {\n        setNotifications((prev) => prev.map((n) => (n.id === notification.id ? { ...n, isRemoved: true } : n)));\n        setTimeout(() => {\n          setNotifications((prev) => prev.filter((t) => t.id !== notification.id));\n          clearNotificationTimer(notification.id);\n          pausedAtRef.current.delete(notification.id);\n        }, 400);\n      }, duration);\n      timersRef.current.set(notification.id, timer);\n    },\n    [displayDuration, clearNotificationTimer]\n  );\n\n  // 6. 核心通知函数\n  const addNotification = useCallback(\n    (type: NotificationType, message: Message) => {\n      const newNotification: Notification = {\n        id: generateId(),\n        type,\n        title: message.title,\n        message: message.message,\n        createdAt: Date.now(),\n        isRemoved: false\n      };\n\n      setNotifications((prev) => {\n        const newNotifications = [newNotification, ...prev];\n        const removedNotifications = newNotifications.slice(maxStack);\n\n        removedNotifications.forEach((notification) => {\n          clearNotificationTimer(notification.id);\n          pausedAtRef.current.delete(notification.id);\n        });\n\n        return newNotifications.slice(0, maxStack);\n      });\n\n      startTimer(newNotification);\n    },\n    [maxStack, startTimer, clearNotificationTimer]\n  );\n\n  // 7. 提供的 Context 值\n  const contextValue = React.useMemo(\n    () => ({\n      notify: addNotification,\n      success: (message: Message) => addNotification(\"success\", message),\n      error: (message: Message) => addNotification(\"error\", message),\n      warning: (message: Message) => addNotification(\"warning\", message),\n      info: (message: Message) => addNotification(\"info\", message),\n      removeNotification: (id: string) => {\n        setNotifications((prev) => prev.filter((t) => t.id !== id));\n        clearNotificationTimer(id);\n        pausedAtRef.current.delete(id);\n      }\n    }),\n    [addNotification, clearNotificationTimer]\n  );\n\n  // 悬停处理\n  const clearAllTimers = useCallback(() => {\n    const now = Date.now();\n    notifications.forEach((notification) => {\n      pausedAtRef.current.set(notification.id, now);\n      clearNotificationTimer(notification.id);\n    });\n  }, [notifications, clearNotificationTimer]);\n\n  const restartAllTimers = useCallback(() => {\n    notifications.forEach((notification) => {\n      const pausedAt = pausedAtRef.current.get(notification.id);\n      if (pausedAt) {\n        const elapsedTime = pausedAt - notification.createdAt;\n        const remainingTime = Math.max(0, displayDuration - elapsedTime);\n        startTimer(notification, remainingTime);\n        pausedAtRef.current.delete(notification.id);\n      }\n    });\n  }, [notifications, displayDuration, startTimer]);\n\n  return (\n    <NotificationContext.Provider value={contextValue}>\n      {children}\n      {createPortal(\n        <NotifyContainer\n          notifications={notifications as unknown as TdNotificationProps[]}\n          onRemove={(id) => contextValue.removeNotification(id)}\n          onHoverStart={clearAllTimers}\n          onHoverEnd={restartAllTimers}\n          data-testid=\"notification-container\"\n          maxStack={maxStack}\n          position={position}\n        />,\n        document.body\n      )}\n    </NotificationContext.Provider>\n  );\n};\n\n// 8. 创建自定义 Hook\nexport const useNotification = () => {\n  const context = useContext(NotificationContext);\n  if (!context) {\n    throw new Error(\"useNotification must be used within a NotificationProvider\");\n  }\n  return context;\n};\n"],"names":["NotificationContext","createContext","generateId","Math","random","toString","substr","NotificationProvider","children","_ref","_ref$maxStack","maxStack","_ref$displayDuration","displayDuration","_ref$position","position","_useState","useState","_useState2","_slicedToArray","notifications","setNotifications","timersRef","useRef","Map","pausedAtRef","clearNotificationTimer","useCallback","id","timer","current","get","clearTimeout","startTimer","notification","remainingTime","duration","setTimeout","prev","map","n","_objectSpread","isRemoved","filter","t","set","addNotification","type","message","newNotification","title","createdAt","Date","now","newNotifications","concat","_toConsumableArray","removedNotifications","slice","forEach","contextValue","React","useMemo","notify","success","error","warning","info","removeNotification","clearAllTimers","restartAllTimers","pausedAt","elapsedTime","max","Provider","value","createPortal","createElement","NotifyContainer","onRemove","onHoverStart","onHoverEnd","document","body","useNotification","context","useContext","Error"],"mappings":"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"}

package/es/notification/NotifyItem.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { TdNotificationProps } from "./type";
+declare const NotificationItem: React.FC<TdNotificationProps>;
+export default NotificationItem;

package/es/notification/NotifyItem.js

@@ -3,9 +3,10 @@ import { _ as _toConsumableArray } from '../_chunks/dep-CgyDw_YI.js';
 import { _ as _slicedToArray } from '../_chunks/dep-CzLhKWCf.js';
 import React, { useState, useRef, useLayoutEffect } from 'react';
 import { IconCheckCircleStroked, IconClose, IconInfoCircle, IconAlertTriangle } from '@tendaui/icons';
-import { u as useConfig } from '../_chunks/dep-u1x3x6MJ.js';
+import { u as useConfig } from '../_chunks/dep-gy8uvBaS.js';
 import '../_chunks/dep-D-UKOauR.js';
-import '../config-provider/ConfigContext.js';
+import '../_chunks/dep-5U9UjDaf.js';
+import 'dayjs';
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }

package/es/notification/NotifyItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotifyItem.js","sources":["../../../components/notification/NotifyItem.tsx"],"sourcesContent":["import React, { useLayoutEffect, useRef, useState } from \"react\";\nimport { TdNotificationProps, HeightItem } from \"./type\";\nimport { IconClose, IconInfoCircle, IconCheckCircleStroked, IconAlertTriangle } from \"@tendaui/icons\";\nimport useConfig from \"../hooks/useConfig\";\n\nconst NotificationItem: React.FC<TdNotificationProps> = ({\n  message,\n  type,\n  heights,\n  setHeights,\n  id,\n  gap,\n  isExpanded,\n  isRemoved,\n  title\n}) => {\n  const [initialHeight, setInitialHeight] = useState(0);\n  const [isMounted, setIsMounted] = useState(false);\n  const nofityItem = useRef<HTMLDivElement>(null);\n  const { classPrefix: prefix } = useConfig();\n  React.useEffect(() => {\n    setIsMounted(true);\n  }, []);\n\n  React.useEffect(() => {\n    const notifyNode = nofityItem.current;\n    if (notifyNode) {\n      const height = notifyNode.getBoundingClientRect().height;\n      setInitialHeight(height);\n      setHeights((h: HeightItem[]) => {\n        // 如果不存在，则添加\n        return [{ toastId: id, height, message, type }, ...h];\n      });\n      return () => {\n        setHeights((h: HeightItem[]) => h.filter((h) => h.toastId !== id));\n      };\n    }\n  }, [setHeights, id, message, type]);\n\n  useLayoutEffect(() => {\n    if (!isMounted) return;\n    const notifyNode = nofityItem.current;\n    if (notifyNode) {\n      const originalHeight = notifyNode.style.height;\n      notifyNode.style.height = \"auto\";\n      const newHeight = notifyNode.getBoundingClientRect().height;\n      notifyNode.style.height = originalHeight;\n      setInitialHeight(newHeight);\n      setHeights((heights) => {\n        const isExist = heights.some((h) => h.toastId === id);\n        if (isExist) {\n          // 如果存在，则更新高度\n          return heights.map((h) => (h.toastId === id ? { ...h, height: newHeight, message, type } : h));\n        }\n        // 如果不存在，则添加\n        return [{ toastId: id, height: newHeight, message, type }, ...heights];\n      });\n    }\n  }, [isMounted, initialHeight, setHeights, id, message, type]);\n  const heightIndex = React.useMemo(() => {\n    return heights.findIndex((h) => h.toastId === id);\n  }, [heights, id]);\n  const toastHeightBefore = React.useMemo(() => {\n    return heights.reduce((acc, h, reduceIndex) => {\n      if (reduceIndex < heightIndex) {\n        return acc + h.height;\n      }\n      return acc;\n    }, 0);\n  }, [heightIndex, heights]);\n\n  const offset = React.useMemo(() => heightIndex * gap + toastHeightBefore, [toastHeightBefore, heightIndex, gap]);\n\n  return (\n    <div\n      className={`${prefix}-notify__item`}\n      ref={nofityItem}\n      style={\n        {\n          position: \"absolute\",\n          height: isExpanded ? `auto` : `var(--front-toast-height)`,\n          width: `var(--toast-width)`,\n          \"--offset\": offset + \"px\",\n          \"--index\": heightIndex,\n          \"--gap\": gap + \"px\",\n          \"--z-index\": heights.length - heightIndex\n        } as React.CSSProperties\n      }\n      data-toast\n      data-mounted={isMounted}\n      data-expanded={isExpanded}\n      data-removed={isRemoved}\n      data-front={heightIndex === 0}\n    >\n      <div className={`${prefix}-notify__content`}>\n        <div className={`${prefix}-notify__header`}>\n          <div className={`${prefix}-notify__icon`}>\n            {type === \"success\" && <IconCheckCircleStroked className=\"t-icon t-is-success\" />}\n            {type === \"error\" && <IconClose className=\"t-icon t-is-error\" />}\n            {type === \"info\" && <IconInfoCircle className=\"t-icon t-is-info\" />}\n            {type === \"warning\" && <IconAlertTriangle className=\"t-icon t-is-warning\" />}\n            {type === \"default\" && <IconInfoCircle className=\"t-icon t-is-info\" />}\n          </div>\n\n          <div className={`${prefix}-notify__title`}>{title}</div>\n        </div>\n      </div>\n      <p\n        className={`${prefix}-notify__detail`}\n        style={{\n          opacity: heightIndex === 0 || isExpanded ? 1 : 0,\n          transition: `opacity 400ms`\n        }}\n      >\n        {message}\n      </p>\n    </div>\n  );\n};\n\nexport default NotificationItem;\n"],"names":["NotificationItem","message","_ref","type","heights","setHeights","id","gap","isExpanded","isRemoved","title","_useState","useState","_useState2","_slicedToArray","initialHeight","setInitialHeight","_useState3","_useState4","isMounted","setIsMounted","nofityItem","useRef","_useConfig","useConfig","prefix","classPrefix","React","useEffect","notifyNode","current","height","getBoundingClientRect","h","toastId","concat","_toConsumableArray","filter","useLayoutEffect","originalHeight","style","newHeight","isExist","some","map","_objectSpread","heightIndex","useMemo","findIndex","toastHeightBefore","reduce","acc","reduceIndex","offset","createElement","className","ref","position","width","length","IconCheckCircleStroked","IconClose","IconInfoCircle","IconAlertTriangle","opacity","transition"],"mappings":"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"}
+{"version":3,"file":"NotifyItem.js","sources":["../../../components/notification/NotifyItem.tsx"],"sourcesContent":["import React, { useLayoutEffect, useRef, useState } from \"react\";\nimport { TdNotificationProps, HeightItem } from \"./type\";\nimport { IconClose, IconInfoCircle, IconCheckCircleStroked, IconAlertTriangle } from \"@tendaui/icons\";\nimport useConfig from \"../hooks/useConfig\";\n\nconst NotificationItem: React.FC<TdNotificationProps> = ({\n  message,\n  type,\n  heights,\n  setHeights,\n  id,\n  gap,\n  isExpanded,\n  isRemoved,\n  title\n}) => {\n  const [initialHeight, setInitialHeight] = useState(0);\n  const [isMounted, setIsMounted] = useState(false);\n  const nofityItem = useRef<HTMLDivElement>(null);\n  const { classPrefix: prefix } = useConfig();\n  React.useEffect(() => {\n    setIsMounted(true);\n  }, []);\n\n  React.useEffect(() => {\n    const notifyNode = nofityItem.current;\n    if (notifyNode) {\n      const height = notifyNode.getBoundingClientRect().height;\n      setInitialHeight(height);\n      setHeights((h: HeightItem[]) => {\n        // 如果不存在，则添加\n        return [{ toastId: id, height, message, type }, ...h];\n      });\n      return () => {\n        setHeights((h: HeightItem[]) => h.filter((h) => h.toastId !== id));\n      };\n    }\n  }, [setHeights, id, message, type]);\n\n  useLayoutEffect(() => {\n    if (!isMounted) return;\n    const notifyNode = nofityItem.current;\n    if (notifyNode) {\n      const originalHeight = notifyNode.style.height;\n      notifyNode.style.height = \"auto\";\n      const newHeight = notifyNode.getBoundingClientRect().height;\n      notifyNode.style.height = originalHeight;\n      setInitialHeight(newHeight);\n      setHeights((heights) => {\n        const isExist = heights.some((h) => h.toastId === id);\n        if (isExist) {\n          // 如果存在，则更新高度\n          return heights.map((h) => (h.toastId === id ? { ...h, height: newHeight, message, type } : h));\n        }\n        // 如果不存在，则添加\n        return [{ toastId: id, height: newHeight, message, type }, ...heights];\n      });\n    }\n  }, [isMounted, initialHeight, setHeights, id, message, type]);\n  const heightIndex = React.useMemo(() => {\n    return heights.findIndex((h) => h.toastId === id);\n  }, [heights, id]);\n  const toastHeightBefore = React.useMemo(() => {\n    return heights.reduce((acc, h, reduceIndex) => {\n      if (reduceIndex < heightIndex) {\n        return acc + h.height;\n      }\n      return acc;\n    }, 0);\n  }, [heightIndex, heights]);\n\n  const offset = React.useMemo(() => heightIndex * gap + toastHeightBefore, [toastHeightBefore, heightIndex, gap]);\n\n  return (\n    <div\n      className={`${prefix}-notify__item`}\n      ref={nofityItem}\n      style={\n        {\n          position: \"absolute\",\n          height: isExpanded ? `auto` : `var(--front-toast-height)`,\n          width: `var(--toast-width)`,\n          \"--offset\": offset + \"px\",\n          \"--index\": heightIndex,\n          \"--gap\": gap + \"px\",\n          \"--z-index\": heights.length - heightIndex\n        } as React.CSSProperties\n      }\n      data-toast\n      data-mounted={isMounted}\n      data-expanded={isExpanded}\n      data-removed={isRemoved}\n      data-front={heightIndex === 0}\n    >\n      <div className={`${prefix}-notify__content`}>\n        <div className={`${prefix}-notify__header`}>\n          <div className={`${prefix}-notify__icon`}>\n            {type === \"success\" && <IconCheckCircleStroked className=\"t-icon t-is-success\" />}\n            {type === \"error\" && <IconClose className=\"t-icon t-is-error\" />}\n            {type === \"info\" && <IconInfoCircle className=\"t-icon t-is-info\" />}\n            {type === \"warning\" && <IconAlertTriangle className=\"t-icon t-is-warning\" />}\n            {type === \"default\" && <IconInfoCircle className=\"t-icon t-is-info\" />}\n          </div>\n\n          <div className={`${prefix}-notify__title`}>{title}</div>\n        </div>\n      </div>\n      <p\n        className={`${prefix}-notify__detail`}\n        style={{\n          opacity: heightIndex === 0 || isExpanded ? 1 : 0,\n          transition: `opacity 400ms`\n        }}\n      >\n        {message}\n      </p>\n    </div>\n  );\n};\n\nexport default NotificationItem;\n"],"names":["NotificationItem","message","_ref","type","heights","setHeights","id","gap","isExpanded","isRemoved","title","_useState","useState","_useState2","_slicedToArray","initialHeight","setInitialHeight","_useState3","_useState4","isMounted","setIsMounted","nofityItem","useRef","_useConfig","useConfig","prefix","classPrefix","React","useEffect","notifyNode","current","height","getBoundingClientRect","h","toastId","concat","_toConsumableArray","filter","useLayoutEffect","originalHeight","style","newHeight","isExist","some","map","_objectSpread","heightIndex","useMemo","findIndex","toastHeightBefore","reduce","acc","reduceIndex","offset","createElement","className","ref","position","width","length","IconCheckCircleStroked","IconClose","IconInfoCircle","IconAlertTriangle","opacity","transition"],"mappings":"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"}

package/es/notification/index.d.ts

@@ -0,0 +1,3 @@
+export { notification } from "./Notify";
+export { NotificationProvider, useNotification } from "./NotifyContext";
+import "./style/index";

package/es/notification/index.js

@@ -9,8 +9,9 @@ import 'react-dom';
 import './NotifyContainer.js';
 import './NotifyItem.js';
 import '@tendaui/icons';
-import '../_chunks/dep-u1x3x6MJ.js';
-import '../config-provider/ConfigContext.js';
+import '../_chunks/dep-gy8uvBaS.js';
+import '../_chunks/dep-5U9UjDaf.js';
+import 'dayjs';
 
 var addNotification = function addNotification() {};
 function notification(message) {

package/es/notification/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../components/notification/Notify.ts"],"sourcesContent":["// notification.ts\ntype NotificationType = \"default\" | \"success\" | \"error\" | \"info\" | \"warning\";\ntype NotificationMessage = {\n  id: string;\n  type: NotificationType;\n  message: string;\n  title: string;\n};\n\nlet addNotification: (notification: NotificationMessage) => void = () => {};\n\nexport function notification(message: string, type: NotificationType = \"default\", title: string) {\n  const id = new Date().getTime().toString();\n  addNotification({\n    id,\n    message,\n    type,\n    title\n  });\n}\n\nexport function registerNotificationHandler(cb: typeof addNotification) {\n  addNotification = cb;\n}\n"],"names":["addNotification","notification","message","type","arguments","length","undefined","title","id","Date","getTime","toString","registerNotificationHandler","cb"],"mappings":";;;;;;;;;;;;;;AASA,IAAIA,kBAA+D,SAA/DA,kBAAqE,CAAC,CAAA;AAEnE,SAASC,YAAAA,CAAaC,OAAA,EAAoE;AAAA,EAAA,IAAnDC,IAAA,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAyB,SAAA;EAAA,IAAWG,KAAA,GAAAH,SAAA,CAAAC,MAAA,GAAA,CAAA,GAAAD,SAAA,MAAAE,SAAA;AAChF,EAAA,IAAME,qBAAK,IAAIC,IAAA,EAAK,EAAEC,OAAA,GAAUC,QAAA,EAAS;AACzCX,EAAAA,eAAA,CAAgB;AACdQ,IAAAA,EAAA,EAAAA,EAAA;AACAN,IAAAA,OAAA,EAAAA,OAAA;AACAC,IAAAA,IAAA,EAAAA,IAAA;AACAI,IAAAA,KAAA,EAAAA;AACF,GAAC,CAAA;AACH;AAEO,SAASK,4BAA4BC,EAAA,EAA4B;AACtEb,EAAAA,eAAA,GAAkBa,EAAA;AACpB;;;;"}
+{"version":3,"file":"index.js","sources":["../../../components/notification/Notify.ts"],"sourcesContent":["// notification.ts\ntype NotificationType = \"default\" | \"success\" | \"error\" | \"info\" | \"warning\";\ntype NotificationMessage = {\n  id: string;\n  type: NotificationType;\n  message: string;\n  title: string;\n};\n\nlet addNotification: (notification: NotificationMessage) => void = () => {};\n\nexport function notification(message: string, type: NotificationType = \"default\", title: string) {\n  const id = new Date().getTime().toString();\n  addNotification({\n    id,\n    message,\n    type,\n    title\n  });\n}\n\nexport function registerNotificationHandler(cb: typeof addNotification) {\n  addNotification = cb;\n}\n"],"names":["addNotification","notification","message","type","arguments","length","undefined","title","id","Date","getTime","toString","registerNotificationHandler","cb"],"mappings":";;;;;;;;;;;;;;;AASA,IAAIA,kBAA+D,SAA/DA,kBAAqE,CAAC,CAAA;AAEnE,SAASC,YAAAA,CAAaC,OAAA,EAAoE;AAAA,EAAA,IAAnDC,IAAA,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAyB,SAAA;EAAA,IAAWG,KAAA,GAAAH,SAAA,CAAAC,MAAA,GAAA,CAAA,GAAAD,SAAA,MAAAE,SAAA;AAChF,EAAA,IAAME,qBAAK,IAAIC,IAAA,EAAK,EAAEC,OAAA,GAAUC,QAAA,EAAS;AACzCX,EAAAA,eAAA,CAAgB;AACdQ,IAAAA,EAAA,EAAAA,EAAA;AACAN,IAAAA,OAAA,EAAAA,OAAA;AACAC,IAAAA,IAAA,EAAAA,IAAA;AACAI,IAAAA,KAAA,EAAAA;AACF,GAAC,CAAA;AACH;AAEO,SAASK,4BAA4BC,EAAA,EAA4B;AACtEb,EAAAA,eAAA,GAAkBa,EAAA;AACpB;;;;"}

package/es/notification/style/css.d.ts

@@ -0,0 +1 @@
+export {};

package/es/notification/style/index.d.ts

@@ -0,0 +1 @@
+export {};

package/es/notification/type.d.ts

@@ -0,0 +1,22 @@
+export interface TdNotificationProps {
+    id: string;
+    type: string;
+    message: string;
+    title: string;
+    onRemove?: (id: string) => void;
+    onHoverStart?: () => void;
+    onHoverEnd?: () => void;
+    maxStack?: number;
+    position?: string;
+    heights?: HeightItem[];
+    setHeights?: React.Dispatch<React.SetStateAction<HeightItem[]>>;
+    gap?: number;
+    isExpanded?: boolean;
+    isRemoved?: boolean;
+}
+export interface HeightItem {
+    toastId: string;
+    height: number;
+    message: string;
+    type: string;
+}

package/es/popup/Popup.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import type { TdPopupProps } from "./type";
+import usePopper from "../hooks/usePopper";
+export interface PopupProps extends TdPopupProps {
+    expandAnimation?: boolean;
+    updateScrollTop?: (content: HTMLDivElement) => void;
+}
+export interface PopupRef {
+    /** 获取 popper 实例 */
+    getPopper: () => ReturnType<typeof usePopper>;
+    /** 获取 Popup dom 元素 */
+    getPopupElement: () => HTMLDivElement;
+    /** 获取 portal dom 元素 */
+    getPortalElement: () => HTMLDivElement;
+    /** 获取内容区域 dom 元素 */
+    getPopupContentElement: () => HTMLDivElement;
+    /** 设置 popup 显示隐藏 */
+    setVisible: (visible: boolean) => void;
+}
+declare const Popup: React.ForwardRefExoticComponent<PopupProps & React.RefAttributes<PopupRef>>;
+export default Popup;

package/es/popup/Popup.js

@@ -1,24 +1,28 @@
 import { _ as _defineProperty } from '../_chunks/dep-Cwish4GD.js';
 import { _ as _objectWithoutProperties } from '../_chunks/dep-DN7d1SzH.js';
 import { _ as _slicedToArray } from '../_chunks/dep-CzLhKWCf.js';
-import { isEqual, debounce, isFunction } from 'lodash-es';
-import React, { useRef, useEffect, useState, isValidElement, useMemo, useCallback, forwardRef, useImperativeHandle } from 'react';
+import { debounce, isFunction } from 'lodash-es';
+import React, { useState, useEffect, isValidElement, useRef, useMemo, useCallback, forwardRef, useImperativeHandle } from 'react';
 import { _ as _typeof } from '../_chunks/dep-D-UKOauR.js';
 import Portal from '../portal/Portal.js';
 import { u as useControlled } from '../_chunks/dep-DwWrhxkd.js';
 import { u as useDefaultProps } from '../_chunks/dep-DGvfel3I.js';
-import { a as getWindowSize, c as canUseDocument, u as useIsomorphicLayoutEffect } from '../_chunks/dep-0QH2Ee4R.js';
+import { u as useMutationObservable } from '../_chunks/dep-CkmtEv0Y.js';
+import { g as getWindowSize } from '../_chunks/dep-DRwijJcv.js';
 import { isMemo, ForwardRef, isFragment as isFragment$1 } from 'react-is';
 import { c as composeRefs } from '../_chunks/dep-C1XcmShP.js';
+import { o as on, a as off } from '../_chunks/dep-Ccktr_jk.js';
 import classNames from 'classnames';
 import { _ as _toConsumableArray } from '../_chunks/dep-CgyDw_YI.js';
 import { flushSync } from 'react-dom';
 import { createPopper } from '@popperjs/core';
-import isEqual$1 from 'react-fast-compare';
+import isEqual from 'react-fast-compare';
+import { u as useIsomorphicLayoutEffect } from '../_chunks/dep-BRbJGDI9.js';
 import { CSSTransition } from 'react-transition-group';
-import { g as getCssVarsValue } from '../_chunks/dep-BH5n5r1M.js';
-import { u as useConfig } from '../_chunks/dep-u1x3x6MJ.js';
-import '../config-provider/ConfigContext.js';
+import { g as getCssVarsValue } from '../_chunks/dep-DbVHGoUC.js';
+import { u as useConfig } from '../_chunks/dep-gy8uvBaS.js';
+import '../_chunks/dep-5U9UjDaf.js';
+import 'dayjs';
 
 function getRefDom$1(domRef) {
   if (domRef.current && _typeof(domRef.current) === "object" && "currentElement" in domRef.current) {
@@ -27,58 +31,6 @@ function getRefDom$1(domRef) {
   return domRef.current;
 }
 
-var useLatest = function useLatest(value) {
-  var ref = useRef(value);
-  useEffect(function () {
-    ref.current = value;
-  });
-  return ref;
-};
-
-var DEFAULT_OPTIONS = {
-  debounceTime: 0,
-  config: {
-    attributes: true,
-    childList: true,
-    characterData: true,
-    subtree: true
-  }
-};
-function useMutationObservable(targetEl, cb) {
-  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : DEFAULT_OPTIONS;
-  var optionsRef = useRef(null);
-  var signalRef = useRef(0);
-  var callbackRef = useLatest(cb);
-  if (!isEqual(options, optionsRef.current)) {
-    signalRef.current += 1;
-  }
-  optionsRef.current = options;
-  useEffect(function () {
-    if (!targetEl || !(targetEl !== null && targetEl !== void 0 && targetEl.nodeType)) return;
-    var observer = null;
-    try {
-      if (optionsRef.current !== null) {
-        var _optionsRef$current = optionsRef.current,
-          debounceTime = _optionsRef$current.debounceTime,
-          config = _optionsRef$current.config;
-        var mutationCallback = function mutationCallback() {
-          callbackRef.current.apply(callbackRef, arguments);
-        };
-        observer = new MutationObserver(debounceTime > 0 ? debounce(mutationCallback, debounceTime) : mutationCallback);
-        observer.observe(targetEl, config);
-      }
-    } catch (e) {
-      console.error(e);
-    }
-    return function () {
-      if (observer) {
-        observer.disconnect();
-        observer = null;
-      }
-    };
-  }, [targetEl, signalRef.current]);
-}
-
 function useWindowSize() {
   var _useState = useState(getWindowSize),
     _useState2 = _slicedToArray(_useState, 2),
@@ -102,13 +54,13 @@ var REACT_ELEMENT_TYPE_18 = Symbol["for"]("react.element");
 var REACT_ELEMENT_TYPE_19 = Symbol["for"]("react.transitional.element");
 var REACT_FRAGMENT_TYPE = Symbol["for"]("react.fragment");
 function isFragment(object) {
+  if (!object || _typeof(object) !== "object") return false;
+  var obj = object;
   return (
-    // Base object type
-    object && _typeof(object) === "object" && (
     // React Element type
-    object.$$typeof === REACT_ELEMENT_TYPE_18 || object.$$typeof === REACT_ELEMENT_TYPE_19) &&
+    (obj.$$typeof === REACT_ELEMENT_TYPE_18 || obj.$$typeof === REACT_ELEMENT_TYPE_19) &&
     // React Fragment type
-    object.type === REACT_FRAGMENT_TYPE
+    obj.type === REACT_FRAGMENT_TYPE
   );
 }
 
@@ -149,35 +101,6 @@ var getNodeRef = function getNodeRef(node) {
   return null;
 };
 
-var on = function () {
-  if (canUseDocument && document.addEventListener) {
-    return function (element, event, handler) {
-      if (element && event && handler) {
-        element.addEventListener(event, handler, false);
-      }
-    };
-  }
-  return function (element, event, handler) {
-    if (element && event && handler) {
-      element.attachEvent("on".concat(event), handler);
-    }
-  };
-}();
-var off = function () {
-  if (canUseDocument && document.removeEventListener) {
-    return function (element, event, handler) {
-      if (element && event) {
-        element.removeEventListener(event, handler, false);
-      }
-    };
-  }
-  return function (element, event, handler) {
-    if (element && event) {
-      element.detachEvent("on".concat(event), handler);
-    }
-  };
-}();
-
 var ESC_KEY = "Escape";
 function useTrigger(_ref) {
   var content = _ref.content,
@@ -517,7 +440,7 @@ var usePopper = function usePopper(referenceElement, popperElement) {
       }])
     };
     setTimeout(function () {
-      if (!isEqual$1(prevOptions.current, newOptions)) {
+      if (!isEqual(prevOptions.current, newOptions)) {
         prevOptions.current = newOptions;
       }
     }, 0);
@@ -600,10 +523,21 @@ var Popup = /*#__PURE__*/forwardRef(function (originalProps, ref) {
   var _useWindowSize = useWindowSize(),
     windowHeight = _useWindowSize.height,
     windowWidth = _useWindowSize.width;
-  var _useControlled = useControlled(props, "visible", props.onVisibleChange),
+  var handleVisibleChange = function handleVisibleChange(visible2, context) {
+    var _props$onVisibleChang;
+    (_props$onVisibleChang = props.onVisibleChange) === null || _props$onVisibleChang === void 0 || _props$onVisibleChang.call(props, visible2, context);
+  };
+  var _useControlled = useControlled(props, "visible", handleVisibleChange),
     _useControlled2 = _slicedToArray(_useControlled, 2),
     visible = _useControlled2[0],
-    onVisibleChange = _useControlled2[1];
+    onVisibleChangeInternal = _useControlled2[1];
+  var onVisibleChangeForTrigger = function onVisibleChangeForTrigger(visible2, context) {
+    var popupContext = {
+      e: context.e,
+      trigger: context.trigger
+    };
+    onVisibleChangeInternal(visible2, popupContext);
+  };
   var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),
     popupElement = _useState2[0],
@@ -635,7 +569,7 @@ var Popup = /*#__PURE__*/forwardRef(function (originalProps, ref) {
       trigger: trigger,
       visible: visible,
       delay: delay,
-      onVisibleChange: onVisibleChange
+      onVisibleChange: onVisibleChangeForTrigger
     }),
     getTriggerNode = _useTrigger.getTriggerNode,
     getPopupProps = _useTrigger.getPopupProps,
@@ -659,7 +593,8 @@ var Popup = /*#__PURE__*/forwardRef(function (originalProps, ref) {
   })) : getTriggerNode(children);
   var updateTimeRef = useRef(null);
   useMutationObservable(getRefDom$1(triggerRef), function () {
-    var isDisplayNone = getCssVarsValue("display", getRefDom$1(triggerRef)) === "none";
+    var triggerDom = getRefDom$1(triggerRef);
+    var isDisplayNone = triggerDom ? getCssVarsValue("display", triggerDom) === "none" : true;
     if (visible && !isDisplayNone) {
       clearTimeout(updateTimeRef.current);
       updateTimeRef.current = setTimeout(function () {
@@ -715,8 +650,9 @@ var Popup = /*#__PURE__*/forwardRef(function (originalProps, ref) {
     }
   }
   function getOverlayStyle(overlayStyle2) {
-    if (getRefDom$1(triggerRef) && popupRef.current && typeof overlayStyle2 === "function") {
-      return _objectSpread({}, overlayStyle2(getRefDom$1(triggerRef), popupRef.current));
+    var triggerDom = getRefDom$1(triggerRef);
+    if (triggerDom && popupRef.current && typeof overlayStyle2 === "function") {
+      return _objectSpread({}, overlayStyle2(triggerDom, popupRef.current));
     }
     return _objectSpread({}, overlayStyle2);
   }
@@ -776,7 +712,7 @@ var Popup = /*#__PURE__*/forwardRef(function (originalProps, ref) {
         return contentRef.current;
       },
       setVisible: function setVisible(visible2) {
-        return onVisibleChange(visible2, {
+        return onVisibleChangeInternal(visible2, {
           trigger: "document"
         });
       }