fix:[FL-11][修复卡片头部点击事件冲突]

- 点击卡片标题区域不再触发编辑模态框
- 点击右上角三个点按钮不再同时触发编辑和菜单展开
- 通过 stopPropagation 阻止事件冒泡到卡片的 onClick 处理器

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Co-authored-by: multica-agent <github@multica.ai>
This commit is contained in:
chengkai3
2026-06-19 11:14:59 +08:00
parent 2d10ba765b
commit e6ed5ec88b
+6 -4
View File
@@ -828,7 +828,7 @@ export default function AdminUsersPage() {
className="admin-users-user-card"
size="small"
title={
<Space className="min-w-0" size={8}>
<Space className="min-w-0" size={8} onClick={(e) => e.stopPropagation()}>
<Typography.Text strong>{userItem.username}</Typography.Text>
<Tag color={userItem.status === "active" ? "green" : "default"}>
{statusLabel(userItem.status)}
@@ -836,9 +836,11 @@ export default function AdminUsersPage() {
</Space>
}
extra={
<Dropdown menu={{ items: moreMenuItems }} trigger={["click"]}>
<Button size="small" disabled={rowBusy} icon={<MoreOutlined />} />
</Dropdown>
<div onClick={(e) => e.stopPropagation()}>
<Dropdown menu={{ items: moreMenuItems }} trigger={["click"]}>
<Button size="small" disabled={rowBusy} icon={<MoreOutlined />} />
</Dropdown>
</div>
}
onClick={() => !rowBusy && openEditUserModal(userItem)}
style={{ cursor: rowBusy ? "default" : "pointer" }}