 TanWenyan
|
7c47b11ec7
|
feat(ui): 添加删除操作延迟确认功能
增强用户体验，防止误删除操作：
1. MessageModal 组件增强
- 添加 confirmDelay 属性（秒）
- 确认按钮倒计时功能
- 倒计时期间禁用确认按钮
- 按钮显示剩余秒数 (例如: "删除 (4s)")
2. 删除操作应用延迟确认（4秒）
- ✅ 文档类型删除 (document-types._index.tsx)
- ✅ 文档删除和批量删除 (documents.list.tsx)
- ✅ 入口模块删除 (entry-modules._index.tsx)
- ✅ 提示词删除 (prompts._index.tsx)
- ✅ 规则组删除 (rule-groups._index.tsx)
技术实现：
- 使用 useEffect + setInterval 实现倒计时
- 倒计时结束自动清理定时器
- 按钮禁用状态控制（disabled + opacity + cursor）
用户体验提升：
- 防止误操作：4秒思考时间
- 视觉反馈：倒计时提示
- 操作可逆：倒计时期间可取消
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
|
2025-11-25 18:17:52 +08:00 |
|
LiangShiyong