overlastic

Compare original and translation side by side

🇺🇸

Original

English

🇨🇳

Chinese

Based on Overlastic v0.8.7. A promise-based modal/dialog/popup library supporting React, Vue, and Svelte.

基于Overlastic v0.8.7版本，这是一个基于Promise的模态框/对话框/弹出层库，支持React、Vue和Svelte。

Topic	Description	Reference
Constructor	Core method for creating overlay constructors	core-constructor
Deferred	Promise variation with external control methods	core-deferred
Global Functions	Utilities for mounting elements and name management	core-defines
useDisclosure	Hook for managing overlay lifecycle and state	core-disclosure

Topic	Description	Reference
React Integration	Using Overlastic with React components	framework-react
Vue Integration	Using Overlastic with Vue 3 components	framework-vue
Svelte Integration	Using Overlastic with Svelte components	framework-svelte

Topic	Description	Reference
Provider Pattern	Using OverlaysProvider for context inheritance	advanced-provider
Custom Components	Integrating existing component libraries	advanced-customization
External Control	Controlling overlay lifecycle from outside	advanced-external-control
Declarative Usage	Using overlays in templates/JSX	advanced-declarative

主题	描述	参考链接
提供者模式	使用OverlaysProvider实现上下文继承	advanced-provider
自定义组件	集成现有组件库	advanced-customization
外部控制	从外部控制弹出层生命周期	advanced-external-control
声明式用法	在模板/JSX中使用弹出层	advanced-declarative

Constructor: Receives component, props, and options to mount overlays
Deferred: Promise-like object with
```
confirm
```
and
```
cancel
```
methods for external control
Mount Options: Configuration for container, ID, index, and deferred instance
Lifecycle: Components are destroyed after
```
duration
```
ends when deferred resolves/rejects
Imperative Usage:
```
defineOverlay
```
and
```
renderOverlay
```
for callback-based invocation
Declarative Usage: Components can be used in templates/JSX with props
Provider Pattern:
```
OverlaysProvider
```
for context inheritance
Dual Mode Support: Components work in both imperative and declarative modes