- 增加权限控制 组件
This commit is contained in:
parent
c198f93819
commit
6c94fc1fe2
15
admin-web/src/components/AuthorityControl/demo/demo.md
Normal file
15
admin-web/src/components/AuthorityControl/demo/demo.md
Normal file
@ -0,0 +1,15 @@
|
||||
|
||||
---
|
||||
|
||||
使用 demo
|
||||
|
||||
|
||||
authKey: 代表key的权限
|
||||
|
||||
---
|
||||
|
||||
```jsx harmony
|
||||
<AuthorityControl authKey="home.button">
|
||||
<Button type="primary">按钮 控制</Button>
|
||||
</AuthorityControl>
|
||||
```
|
7
admin-web/src/components/AuthorityControl/index.d.ts
vendored
Normal file
7
admin-web/src/components/AuthorityControl/index.d.ts
vendored
Normal file
@ -0,0 +1,7 @@
|
||||
import * as React from 'react';
|
||||
|
||||
export interface AuthorityControlProps {
|
||||
authKey: string;
|
||||
}
|
||||
|
||||
export default class LoginItem extends React.Component<AuthorityControlProps, any> {}
|
19
admin-web/src/components/AuthorityControl/index.js
Normal file
19
admin-web/src/components/AuthorityControl/index.js
Normal file
@ -0,0 +1,19 @@
|
||||
import React, { PureComponent } from 'react';
|
||||
import GlobalAuthority from '../../layouts/GlobalAuthority';
|
||||
|
||||
// 用于控制权限
|
||||
class AuthorityControl extends PureComponent {
|
||||
render() {
|
||||
const { authKey, children } = this.props;
|
||||
return (
|
||||
<GlobalAuthority.Consumer>
|
||||
{context => {
|
||||
const { authList } = context;
|
||||
return <div>{authList[authKey] ? children : '无权限'}</div>;
|
||||
}}
|
||||
</GlobalAuthority.Consumer>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
export default AuthorityControl;
|
Loading…
Reference in New Issue
Block a user