RightsMatrix
按分组显示的权限:遵守依赖关系的复选框,或标出授予该权限的角色。
Project1/3The project's name, settings and picture.
Keys2/4API keys of members and service accounts.
Models2/3Models, aliases and routing.
Logs1/3Request logs and their content.
Members1/4Who is in the project and what they can do.
function Role() {
const [groups, setGroups] = useState(PROJECT_GROUPS);
return (
<RightsMatrix className="w-640" searchable aria-label="Rights of Support lead" groups={groups} onRightsChange={(c) => setGroups((gs) => apply(gs, c))} />
);
}import { RightsMatrix } from "@logicplanes/kaeso-ui";属性
aria-labelstring矩阵的无障碍名称。
groupsRightsGroup[]按类别列出的权限,以及各自的持有者。
onChange((code: string, granted: boolean) => void)被切换的权限。有依赖关系时,建议使用
onRightsChange,它一次给出所有变更。onRightsChange((changes: RightChange[]) => void)一次切换引起的所有变更:先是被切换的权限,然后是它依赖的权限或依赖它的权限。
originLabelsPartial<Record<"none" | "preset" | "added" | "removed", string>>来源列显示的文字:
{ preset: "来自 Developer" }。默认为 LocaleProvider 语言中的“来自角色”“已添加”和“已移除”。readOnlyboolean不显示复选框:每项权限一个标记,并列出授予它的角色。
searchableboolean分组上方的搜索框,按名称、代码、描述或分组筛选权限。