jim пре 8 година
родитељ
комит
39f7830ddb
2 измењених фајлова са 17 додато и 59 уклоњено
  1. 16 58
      src/components/Authorized/demo/basic.md
  2. 1 1
      src/components/Authorized/index.md

+ 16 - 58
src/components/Authorized/demo/basic.md

@@ -5,25 +5,6 @@ title:
   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,
-);
-```
-
-user Array
-
 ```jsx
 import RenderAuthorized from 'ant-design-pro/lib/Authorized';
 import { Alert } from 'antd';
@@ -31,54 +12,31 @@ 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 = () => {
+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)=>{
+const havePermissionAsync = new Promise((resolve,reject)=>{
   // Call reslove on behalf of passed
   setTimeout(()=>reslove(),1000)
 });
 
 ReactDOM.render(
-  <Authorized authority={Havepermission} noMatch={noMatch}>
-    <Alert message="Passed!" type="success" showIcon />
-  </Authorized>
+  <div>
+    <Authorized authority="admin" noMatch={noMatch}>
+      <Alert message="user Passed!" type="success" showIcon />
+    </Authorized>
+    <Authorized authority={['user','admin']} noMatch={noMatch}>
+      <Alert message="Use Array as a parameter passed!" type="success" showIcon />
+    </Authorized>
+    <Authorized authority={Havepermission} noMatch={noMatch}>
+      <Alert message="Use function as a parameter passed!" type="success" showIcon />
+    </Authorized>
+    <Authorized authority={havePermissionAsync} noMatch={noMatch}>
+      <Alert message="Use Promise as a parameter passed!" type="success" showIcon />
+    </Authorized>
+  </div>
   mountNode,
 );
 ```

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

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