Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
A
ant-design-pro
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Registry
Registry
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
Thiago Borges
ant-design-pro
Commits
9c690972
Commit
9c690972
authored
Jan 08, 2018
by
jim
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
add Authorized doc
parent
0647007c
Changes
2
Hide whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
69 additions
and
6 deletions
+69
-6
basic.md
src/components/Authorized/demo/basic.md
+67
-5
index.md
src/components/Authorized/index.md
+2
-1
No files found.
src/components/Authorized/demo/basic.md
View file @
9c690972
...
...
@@ -7,16 +7,78 @@ title:
Simplest of usage.
```
`
jsx
```
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 />
const
noMatch
=
<
Alert
message=
"No permission."
type=
"error"
showIcon
/>
;
ReactDOM
.
render
(
<Authorized authority=
'admin'
noMatch={noMatch}>
<
Authorized
authority=
"admin"
noMatch=
{
noMatch
}
>
<
Alert
message=
"Passed!"
type=
"success"
showIcon
/>
</
Authorized
>
, mountNode);
```
`
mountNode
,
);
```
user Array
```
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=
{
[
'user'
,
'admin'
]
}
noMatch=
{
noMatch
}
>
<
Alert
message=
"Passed!"
type=
"success"
showIcon
/>
</
Authorized
>
mountNode
,
);
```
user Funtion
```
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
/>;
const
Havepermission
=
()
=>
{
return
false
;
};
ReactDOM
.
render
(
<
Authorized
authority=
{
Havepermission
}
noMatch=
{
noMatch
}
>
<
Alert
message=
"Passed!"
type=
"success"
showIcon
/>
</
Authorized
>
mountNode
,
);
```
user Promise
```
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
/>;
const
Havepermission
=
new
Promise
((
reslove
,
reject
)
=>
{
// Call reslove on behalf of passed
setTimeout
(()
=>
reslove
(),
1000
)
});
ReactDOM
.
render
(
<
Authorized
authority=
{
Havepermission
}
noMatch=
{
noMatch
}
>
<
Alert
message=
"Passed!"
type=
"success"
showIcon
/>
</
Authorized
>
mountNode
,
);
```
src/components/Authorized/index.md
View file @
9c690972
...
...
@@ -47,7 +47,8 @@ order: 15
### Authorized.check
函数形式的 Authorized,用于某些不能被 HOC 包裹的组件。
`Authorized.check(authority, target, Exception)`
函数形式的 Authorized,用于某些不能被 HOC 包裹的组件。
`Authorized.check(authority, target, Exception)`
注意:传入一个Promise时 无论正确还是错误返回的都是一个ReactNode.
| 参数 | 说明 | 类型 | 默认值 |
|----------|------------------------------------------|-------------|-------|
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment