居中对话框的出现与关闭

来源：import:liubai_motion_20261109 · https://github.com/Shanvision-star/liubai-prompt-library/blob/main/bundled-library/entries/PRM-0291/original.md · 授权：中文改写；MIT 许可续文见适用说明。 MIT License Copyright (c) 2026 Shohei Ohtaki Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

适合确认操作、短表单及需要集中注意的交互。 中文改写，效果未实测。

MIT License（续）：
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

Shohei Ohtaki 原作；留白整理；Prompt Lab 中文改写

请实现“居中对话框的出现与关闭”：设计遮罩、轻微缩放和淡入淡出的对话框交互。

请为【产品或页面】实现一个用于【确认操作或简短表单】的居中对话框，技术栈为【填写技术栈】。

打开时，页面背景逐渐变暗，对话框从略小的尺寸缩放至正常大小并淡入；关闭时平滑淡出。参考效果可采用约 320 毫秒的入场和 280 毫秒的退出，圆角、宽度与颜色按现有设计系统调整。

输出组件代码与调用示例。要求支持键盘打开与关闭、清楚的标题和关闭按钮；打开后将焦点移入对话框，关闭后将焦点返回触发按钮。请同时提供减少动态效果时的处理方式，避免动画影响基本操作。

提示词仅供参考，请结合实际场景调整，并核实 AI 生成结果。