) { qc.invalidateQueries({ queryKey: ["admin"] }); qc.invalidateQueries({ queryKey: ["mailboxes"] }); qc.invalidateQueries({ queryKey: ["me"] }) }
function UserMailboxCell({ user }: { user: AdminUser }) {
+ const { toast } = useToast()
+ const loginAddress = user.email
const mailboxes = user.mailboxes || []
- if (mailboxes.length === 0) return
+ const [mailboxQuery, setMailboxQuery] = React.useState("")
+ const normalizedQuery = mailboxQuery.trim().toLowerCase()
+ const sortedMailboxes = React.useMemo(() => {
+ return Array.from(new Set(mailboxes)).sort((a, b) => a.localeCompare(b, "en", { sensitivity: "base" }))
+ }, [mailboxes])
+ const [selectedAddress, setSelectedAddress] = React.useState(loginAddress)
+ React.useEffect(() => {
+ if (selectedAddress === loginAddress || sortedMailboxes.includes(selectedAddress)) return
+ setSelectedAddress(loginAddress)
+ }, [loginAddress, selectedAddress, sortedMailboxes])
+ const filteredMailboxes = React.useMemo(() => {
+ if (!normalizedQuery) return sortedMailboxes
+ return sortedMailboxes.filter((mailbox) => mailbox.toLowerCase().includes(normalizedQuery))
+ }, [normalizedQuery, sortedMailboxes])
+ const limit = user.role === "admin" ? "不限" : limitText(user.limits?.maxMailboxCount ?? defaultMailboxLimitOverride, "个")
+ const quota =
+ async function copyMailbox(address: string) {
+ if (!address) return
+ await navigator.clipboard.writeText(address)
+ toast({ title: "邮箱地址已复制", description: address })
+ }
return (
-
- {mailboxes.slice(0, 2).map((mailbox) =>
{mailbox})}
- {mailboxes.length > 2 &&
+{mailboxes.length - 2}}
+
+
+
{ if (!open) setMailboxQuery("") }}>
+
+
+
+
+
+
+
+ setMailboxQuery(event.target.value)}
+ onKeyDown={(event) => event.stopPropagation()}
+ placeholder="搜索邮箱..."
+ className="h-8 rounded-md bg-background pl-8 pr-2 text-[13px] shadow-none"
+ />
+
+
+
+
+ {quota}
)
}
@@ -1721,7 +1815,7 @@ function PermissionGroupPicker({ groups, value, onChange }: { groups: Permission
}
return (
-
+
{groups.map((group) => {
const checked = value.includes(group.id)
@@ -1736,7 +1830,7 @@ function PermissionGroupPicker({ groups, value, onChange }: { groups: Permission
)
})}
- {groups.length === 0 &&
}
+ {groups.length === 0 &&
}
)
}
@@ -1744,7 +1838,7 @@ function PermissionGroupPicker({ groups, value, onChange }: { groups: Permission
function RoleBadge({ user }: { user: AdminUser }) {
return (
- {user.role === "admin" ? "超级管理员" : "普通用户"}
+ {user.role === "admin" ? "管理员" : "普通用户"}
{user.protected && 默认账号}
)
@@ -1761,7 +1855,7 @@ function UserActions({ user, permissionGroups, onDelete }: { user: AdminUser; pe
const canResetPassword = hasPermission(currentUser, "admin.users.reset_password")
const update = useMutation({
mutationFn: (payload: { displayName: string; role: "admin" | "user"; disabled: boolean; permissionGroupIds?: string[] }) => api.updateUser(user.id, payload),
- onSuccess: () => { invalidateAdmin(qc); toast({ title: "用户已更新" }) },
+ onSuccess: () => { invalidateAdmin(qc); toast({ title: "账号已更新" }) },
onError: (e) => toast({ title: "更新失败", description: e.message }),
})
function quickPatch(patch: Partial<{ role: "admin" | "user"; disabled: boolean }>) {
@@ -1774,7 +1868,7 @@ function UserActions({ user, permissionGroups, onDelete }: { user: AdminUser; pe
})
}
if (!canUpdate && !canResetPassword && !onDelete) return null
- return <>
{canUpdate && setEditOpen(true)}>编辑用户}{canResetPassword && setPasswordOpen(true)}>重置密码}{!user.protected && canUpdate && <> quickPatch({ disabled: !user.disabled })}>{user.disabled ? "启用用户" : "停用用户"} quickPatch({ role: user.role === "admin" ? "user" : "admin" })}>{user.role === "admin" ? "设为普通用户" : "设为超级管理员"}}{!user.protected && onDelete && <>删除用户}{canUpdate &&
}{canResetPassword &&
}
+ return <>
{canUpdate && setEditOpen(true)}>编辑账号}{canResetPassword && setPasswordOpen(true)}>重置密码}{!user.protected && canUpdate && <> quickPatch({ disabled: !user.disabled })}>{user.disabled ? "启用账号" : "停用账号"} quickPatch({ role: user.role === "admin" ? "user" : "admin" })}>{user.role === "admin" ? "设为普通用户" : "设为管理员"}}{!user.protected && onDelete && <>删除账号}{canUpdate &&
}{canResetPassword &&
}
}
function CreateUserDialog({ permissionGroups }: { permissionGroups: PermissionGroup[] }) {
@@ -1785,23 +1879,32 @@ function CreateUserDialog({ permissionGroups }: { permissionGroups: PermissionGr
const [status, setStatus] = React.useState("active")
const [permissionGroupIds, setPermissionGroupIds] = React.useState
([])
const create = useMutation({
- mutationFn: (form: FormData) => api.createUser({ email: String(form.get("email") || ""), displayName: String(form.get("displayName") || ""), password: String(form.get("password") || ""), role, disabled: status === "disabled", permissionGroupIds: role === "user" ? permissionGroupIds : [] }),
- onSuccess: () => { invalidateAdmin(qc); setOpen(false); setPermissionGroupIds([]); toast({ title: "用户已创建" }) },
+ mutationFn: (form: FormData) => api.createUser({
+ email: String(form.get("email") || ""),
+ displayName: String(form.get("displayName") || ""),
+ password: String(form.get("password") || ""),
+ role,
+ disabled: status === "disabled",
+ mailboxLimitOverride: role === "user" ? mailboxLimitFromForm(form) : undefined,
+ permissionGroupIds: role === "user" ? permissionGroupIds : [],
+ }),
+ onSuccess: () => { invalidateAdmin(qc); setOpen(false); setPermissionGroupIds([]); toast({ title: "账号已创建" }) },
onError: (e) => toast({ title: "创建失败", description: e.message }),
})
return (