TanWenyan
7c47b11ec7
增强用户体验，防止误删除操作： 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>
32 lines
1.1 KiB
TypeScript
32 lines
1.1 KiB
TypeScript
// 导出所有UI组件，方便统一引入
|
|
|
|
// 核心组件
|
|
export { Button } from './Button';
|
|
export { Card } from './Card';
|
|
export { Modal } from './Modal';
|
|
export { toastService } from './Toast';
|
|
export { Tooltip } from './Tooltip';
|
|
|
|
// 数据展示组件
|
|
export { Table } from './Table';
|
|
export { Pagination } from './Pagination';
|
|
export { Tag } from './Tag';
|
|
export { FileTag } from './FileTag';
|
|
export { FileTypeTag } from './FileTypeTag';
|
|
export { StatusBadge } from './StatusBadge';
|
|
export { StatusDot } from './StatusDot';
|
|
export { FileIcon } from './FileIcon';
|
|
|
|
// 数据输入组件
|
|
export { SearchBox } from './SearchBox';
|
|
export { DateRangePicker } from './DateRangePicker';
|
|
export { FilterPanel } from './FilterPanel';
|
|
export { UploadArea } from './UploadArea';
|
|
|
|
// 反馈组件
|
|
export { Alert } from './Alert';
|
|
export { MessageModal, messageService } from './MessageModal';
|
|
export { LoadingBar } from './LoadingBar';
|
|
export { RouteChangeLoader } from './RouteChangeLoader';
|
|
export { FileProgress } from './FileProgress';
|
|
export { ProcessingSteps } from './ProcessingSteps';
|