用途:审查 Motion/Framer Motion 代码中 AnimatePresence 与退出动画的最佳实践,适用于检查退出动画、模态框或 presence 状态,输出 file:line 格式的发现。
主要能力:按四类规则检查代码。退出动画规则(exit-):条件渲染的 motion 元素必须包裹在 AnimatePresence 中;AnimatePresence 内元素应定义 exit 属性;动态列表需唯一 key;exit 动画宜与 initial 对称。Presence 钩子规则(presence-):useIsPresent 必须在 AnimatePresence 的子组件中调用;使用 usePresence 时异步工作后须调用 safeToRemove;退出中的元素应通过 isPresent 禁用交互。模式选择规则(mode-):mode="wait" 会使动画时长近乎翻倍,需相应调整时长;mode="sync" 易引发布局冲突,列表重排宜用 popLayout。嵌套退出规则(nested-):嵌套 AnimatePresence 需使用 propagate 属性协调退出;父子退出时长应协调。
使用方式:读取指定文件(或提示用户提供文件/模式),对照全部规则检查,按 file:line - [rule-id] 描述 的格式输出发现,并附规则、数量、严重程度的汇总表。
限制:资料未提供安装命令、收费、价格、平台或效果信息;规则细节以资料所列内容为准。