xiaoxia/xiaoxia-saas
1
0
Fork 0
Code Issues 14 Pull Requests 2 Actions Packages Projects Releases 7 Wiki Activity

[P0][UI] 标题库/素材库部分弹窗绕过 V21 Modal 封装，样式不一致且未居中 #1318

New Issue
Closed
opened 2026-08-09 13:47:55 +08:00 by xiaoxia · 1 comment
xiaoxia commented 2026-08-09 13:47:55 +08:00
Owner
Copy Link
Copy Source

问题描述

以下弹窗直接使用 AntModal（从 antd 导入），绕过了 V21 设计系统的 Modal 封装组件，导致弹窗样式与设计系统不一致，且未设置 centered，存在滚动偏移风险。

涉及文件

  • apps/web/src/pages/titles/components/title-library/AIGenerateModal.tsx
  • apps/web/src/pages/titles/components/title-library/CreateTitleModal.tsx
  • apps/web/src/pages/assets/components/PlayModal.tsx
  • apps/web/src/pages/assets/components/BatchClassifyModal.tsx

修复方案

将所有 import { Modal as AntModal } from antd 替换为 import Modal from @/components/ui/Modal

优先级

P0 - 修复难度低

## 问题描述 以下弹窗直接使用 AntModal（从 antd 导入），绕过了 V21 设计系统的 Modal 封装组件，导致弹窗样式与设计系统不一致，且未设置 centered，存在滚动偏移风险。 ## 涉及文件 - apps/web/src/pages/titles/components/title-library/AIGenerateModal.tsx - apps/web/src/pages/titles/components/title-library/CreateTitleModal.tsx - apps/web/src/pages/assets/components/PlayModal.tsx - apps/web/src/pages/assets/components/BatchClassifyModal.tsx ## 修复方案 将所有 import { Modal as AntModal } from antd 替换为 import Modal from @/components/ui/Modal ## 优先级 P0 - 修复难度低
xiaoxia added the bugfrontendP0 labels 2026-08-09 13:47:55 +08:00
xiaoxia commented 2026-08-09 21:57:33 +08:00
Author
Owner
Copy Link
Copy Source

✅ 代码已核实，4个弹窗全部改为使用统一 Modal 组件。

文件 改动
AIGenerateModal.tsx import { Modal as AntModal } from "antd" → import Modal from "@/components/ui/Modal"，<AntModal → <Modal
CreateTitleModal.tsx 同上
PlayModal.tsx 同上
BatchClassifyModal.tsx 同上，保留 Select as AntSelect from antd（Select不是Modal）

PR #1325 已提交，CI 跑完后自动合并。

✅ 代码已核实，4个弹窗全部改为使用统一 Modal 组件。 | 文件 | 改动 | |------|------| | AIGenerateModal.tsx | `import { Modal as AntModal } from "antd"` → `import Modal from "@/components/ui/Modal"`，`<AntModal` → `<Modal` | | CreateTitleModal.tsx | 同上 | | PlayModal.tsx | 同上 | | BatchClassifyModal.tsx | 同上，保留 `Select as AntSelect` from antd（Select不是Modal） | PR #1325 已提交，CI 跑完后自动合并。
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
P0
阻塞性，必须立即处理
 P1
高优先级
 P2
中优先级
 P3
低优先级/后考虑
 architecture
架构设计
 backend
后端相关
 blocked
阻塞中
 bug
Bug修复
 ci-bug
CI本身的bug
 ci-optimization
CI优化类任务
 ci-pipeline
CI流水线/workflow相关
 cleanup
代码清理
 devops
运维/部署/CI
 documentation
文档相关
 feature
新功能
 frontend
前端相关
 question
需要讨论确认
 ready
PR CI通过，可合并
 refactor
代码重构
No Label P0 bug frontend
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
auto-approve-bot xiaoxia
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: xiaoxia/xiaoxia-saas#1318
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?