2 changed files with 78 additions and 0 deletions
@ -0,0 +1,22 @@ |
|||
--- |
|||
order: 0 |
|||
title: |
|||
zh-CN: 基础 |
|||
en-US: Basic |
|||
--- |
|||
|
|||
Simplest of usage. |
|||
|
|||
````jsx |
|||
import RenderAuthorized from 'ant-design-pro/lib/Authorized'; |
|||
import { Alert } from 'antd'; |
|||
|
|||
const Authorized = RenderAuthorized('user'); |
|||
const noMatch = <Alert message="No permission." type="error" showIcon /> |
|||
|
|||
ReactDOM.render( |
|||
<Authorized authority='admin' noMatch={noMatch}> |
|||
<Alert message="Passed!" type="success" showIcon /> |
|||
</Authorized> |
|||
, mountNode); |
|||
```` |
|||
@ -0,0 +1,56 @@ |
|||
--- |
|||
title: |
|||
en-US: Authorized |
|||
zh-CN: Authorized |
|||
subtitle: 权限 |
|||
cols: 1 |
|||
order: 15 |
|||
--- |
|||
|
|||
权限组件,通过比对现有权限与准入权限,决定相关元素的展示。 |
|||
|
|||
## API |
|||
|
|||
### RenderAuthorized |
|||
|
|||
`RenderAuthorized: (currentAuthority: string | () => string) => Authorized` |
|||
|
|||
权限组件默认 export RenderAuthorized 函数,它接收当前权限作为参数,返回一个权限对象,该对象提供以下几种使用方式。 |
|||
|
|||
### Authorized |
|||
|
|||
最基础的权限控制。 |
|||
|
|||
| 参数 | 说明 | 类型 | 默认值 | |
|||
|----------|------------------------------------------|-------------|-------| |
|||
| children | 正常渲染的元素,权限判断通过时展示 | ReactNode | - | |
|||
| authority | 准入权限/权限判断 | `string | array | Promise | () => boolean` | - | |
|||
| noMatch | 权限异常渲染元素,权限判断不通过时展示 | ReactNode | - | |
|||
|
|||
### Authorized.AuthorizedRoute |
|||
|
|||
| 参数 | 说明 | 类型 | 默认值 | |
|||
|----------|------------------------------------------|-------------|-------| |
|||
| authority | 准入权限/权限判断 | `string | array | Promise | () => boolean` | - | |
|||
| redirectPath | 权限异常时重定向的页面路由 | string | - | |
|||
|
|||
其余参数与 `Route` 相同。 |
|||
|
|||
### Authorized.Secured |
|||
|
|||
注解方式,`@Authorized.Secured(authority, error)` |
|||
|
|||
| 参数 | 说明 | 类型 | 默认值 | |
|||
|----------|------------------------------------------|-------------|-------| |
|||
| authority | 准入权限/权限判断 | `string | Promise | () => boolean` | - | |
|||
| error | 权限异常时渲染元素 | ReactNode | <Exception type="403" /> | |
|||
|
|||
### Authorized.check |
|||
|
|||
函数形式的 Authorized,用于某些不能被 HOC 包裹的组件。 `Authorized.check(authority, target, Exception)` |
|||
|
|||
| 参数 | 说明 | 类型 | 默认值 | |
|||
|----------|------------------------------------------|-------------|-------| |
|||
| authority | 准入权限/权限判断 | `string | Promise | () => boolean` | - | |
|||
| target | 权限判断通过时渲染的元素 | `string | array | Promise | () => boolean` | - | |
|||
| Exception | 权限异常时渲染元素 | ReactNode | - | |
|||
Loading…
Reference in new issue