EffectiveAccess

一目了然地看到某人能做什么：每组一行，用文字说明，并列在权限来源的角色下。

来自DeveloperBilling

Project: View project1/3
Keys: Create own keys、View every key2/4
Models: View models、Use the Playground2/3
Logs: View logs、View request content2/3
Members: View members1/4

<EffectiveAccess
      className="w-560"
      aria-label="Maya Chen's access in Support bot"
      sources={[
        { label: "Developer", detail: "Project role" },
        { label: "Billing", detail: "Organization role" },
      ]}
      groups={withGrants(PROJECT_GROUPS, { Developer: DEVELOPER })}
      action={<Button size="sm">See every right</Button>}
    />

import { EffectiveAccess } from "@logicplanes/kaeso-ui";

属性

action
ReactNode
行之后的操作，例如打开全部权限的按钮。
aria-label
string
列表的无障碍名称。
groups
RightsGroup[]
与 RightsMatrix 相同的分组；只读取 granted、label 和 code。
sources
RightSource[]
权限的来源，以标签显示在各行上方：成员的角色。