在 React/Vue 3/Svelte 中需要用基于…

适用于 React、Vue 3 或 Svelte 项目中需要基于 Promise 的弹窗/对话框/浮层，并希望支持命令式与声明式用法、外部控制和上下文继承的场景。

适用场景

解决思路

1. 使用 Overlastic v0.8.7 作为基于 Promise 的 modal/dialog/popup 库，并确认目标框架为 React、Vue 或 Svelte。
2. 按 `references/core-constructor.md` 创建 overlay 构造函数。
3. 按 `references/core-deferred.md` 处理带外部控制方法的 Promise 变体。
4. 按 `references/core-defines.md` 使用全局函数挂载元素和管理名称。
5. 按 `references/core-disclosure.md` 使用 useDisclosure 管理 overlay 生命周期和状态。
6. 在 React 中按 `references/framework-react.md` 集成 Overlastic 与 React 组件。
7. 在 Vue 3 中按 `references/framework-vue.md` 集成 Overlastic 与 Vue 3 组件。
8. 在 Svelte 中按 `references/framework-svelte.md` 集成 Overlastic 与 Svelte 组件。
9. 按 `references/advanced-provider.md` 使用 OverlaysProvider 实现上下文继承。
10. 按 `references/advanced-customization.md` 集成现有组件库。
11. 按 `references/advanced-external-control.md` 从外部控制 overlay 生命周期。
12. 按 `references/advanced-declarative.md` 在模板/JSX 中声明式使用 overlays。
13. 创建 overlay 时让 Constructor 接收 component、props 和 options 来挂载 overlays。
14. 使用 Deferred：它是类似 Promise 的对象，具有 `confirm` 和 `cancel` 方法，用于外部控制。
15. 配置 Mount Options：container、ID、index 和 deferred 实例。
16. 处理 Lifecycle：当 deferred resolve/reject 后，组件在 `duration` 结束后销毁。
17. 使用命令式用法：用 `defineOverlay` 和 `renderOverlay` 进行基于回调的调用。
18. 使用声明式用法：在模板/JSX 中带 props 使用组件。
19. 使用 Provider Pattern：用 `OverlaysProvider` 实现上下文继承。
20. 使用 Dual Mode Support：让组件同时支持命令式和声明式模式。

适用边界 · 注意事项

• 不适用于未引入 Overlastic v0.8.7 的项目。
• 不适用于 React、Vue 3、Svelte 之外的前端框架。
• 如果只需要简单原生弹窗且不需要 Promise、外部控制或命令式/声明式双模式，则不必引入。