Bladeren bron

add Authorized doc

jim 8 jaren geleden
bovenliggende
commit
9c69097229
2 gewijzigde bestanden met toevoegingen van 69 en 6 verwijderingen
  1. 67 5
      src/components/Authorized/demo/basic.md
  2. 2 1
      src/components/Authorized/index.md

+ 67 - 5
src/components/Authorized/demo/basic.md

@@ -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,
+);
+```

+ 2 - 1
src/components/Authorized/index.md

@@ -47,7 +47,8 @@ order: 15
 
 ### Authorized.check
 
-函数形式的 Authorized,用于某些不能被 HOC 包裹的组件。 `Authorized.check(authority, target, Exception)`
+函数形式的 Authorized,用于某些不能被 HOC 包裹的组件。 `Authorized.check(authority, target, Exception)`  
+注意:传入一个Promise时 无论正确还是错误返回的都是一个ReactNode.
 
 | 参数      | 说明                                      | 类型         | 默认值 |
 |----------|------------------------------------------|-------------|-------|