import { Scene } from '@retikz/core'; import { AnimationControls } from '@retikz/render/animation'; import { AnimationPropertyRegistry, EasingRegistry } from '@retikz/render/canvas'; import { HydrationHandlers } from '@retikz/render/hydration'; import { CSSProperties, FC, Ref } from 'react'; export type CanvasHostProps = { /** 已编译 Scene */ scene: Scene; /** * 水合 handler 注册表(按图元 id) * @description 经 `createHydrationController(canvas, handlers, locate)` 绑到 ``, * locate 由 `hitTest` + client→Scene 坐标映射(逆 meet-fit)构成,与 svg 模式共用同一注册表语义 */ handlers?: HydrationHandlers; /** 透传显示宽度 */ width?: number | string; /** 透传显示高度 */ height?: number | string; /** 透传 className */ className?: string; /** 透传样式 */ style?: CSSProperties; /** Layout 已解析的最终动画开关;false 时只画 base 静态、不起 rAF */ animate: boolean; /** 静态截帧时刻(毫秒);给定时按该时刻画一帧、不起 rAF(定格),覆盖 animate */ snapshotAt?: number; /** 命令式动画句柄出口:写入 rAF 时钟 AnimationControls(无动画 / 截帧 / 降级时为 null) */ animationRef?: Ref; /** 自定义 easing 注册表(透传 drawScene) */ easings?: EasingRegistry; /** 自定义 property 插值器注册表(透传 drawScene) */ animationProperties?: AnimationPropertyRegistry; }; /** React canvas 宿主:管理 `` 与全量重绘 effect */ export declare const CanvasHost: FC; //# sourceMappingURL=CanvasHost.d.ts.map