@lark-apaas/client-toolkit 1.1.21-alpha.auth.dev.2 → 1.1.21-alpha.auth.dev.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +68 -0
- package/lib/auth/index.d.ts +1 -1
- package/lib/auth/index.js +2 -2
- package/package.json +3 -4
package/README.md
CHANGED
|
@@ -6,3 +6,71 @@
|
|
|
6
6
|
|
|
7
7
|
* 导出所有对外暴露的 API 和组件，并通过 npm exports 来控制
|
|
8
8
|
* 其他目录作为 internal 实现，不对外暴露
|
|
9
|
+
|
|
10
|
+
### auth 目录
|
|
11
|
+
|
|
12
|
+
* 包含与权限相关的 API 和组件
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
### 开发组件 - 使用 CanRole 组件 (推荐)
|
|
16
|
+
|
|
17
|
+
```tsx
|
|
18
|
+
import { CanRole } from '@lark-apaas/client-toolkit';
|
|
19
|
+
|
|
20
|
+
function Home() {
|
|
21
|
+
return (
|
|
22
|
+
<div>
|
|
23
|
+
<CanRole roles={['role_admin']}>
|
|
24
|
+
<div>管理员按钮</div>
|
|
25
|
+
</CanRole>
|
|
26
|
+
<CanRole roles={['role_admin', 'role_editor']}>
|
|
27
|
+
<div>编辑按钮</div>
|
|
28
|
+
</CanRole>
|
|
29
|
+
</div>
|
|
30
|
+
);
|
|
31
|
+
}
|
|
32
|
+
```
|
|
33
|
+
|
|
34
|
+
### 开发组件 - 使用 AbilityContext 处理复杂场景
|
|
35
|
+
|
|
36
|
+
```tsx
|
|
37
|
+
import { useContext } from 'react';
|
|
38
|
+
import { AbilityContext, ROLE_SUBJECT } from '@lark-apaas/client-toolkit';
|
|
39
|
+
|
|
40
|
+
function Home() {
|
|
41
|
+
const ability = useContext(AbilityContext);
|
|
42
|
+
return (
|
|
43
|
+
<div>
|
|
44
|
+
{ability.can('role_admin', ROLE_SUBJECT) || ability.can('role_editor', ROLE_SUBJECT) ? (
|
|
45
|
+
<div>可见的仪表盘</div>
|
|
46
|
+
) : null}
|
|
47
|
+
</div>
|
|
48
|
+
);
|
|
49
|
+
}
|
|
50
|
+
```
|
|
51
|
+
|
|
52
|
+
### 开发组件 - 进阶示例
|
|
53
|
+
|
|
54
|
+
### 菜单按权限过滤
|
|
55
|
+
|
|
56
|
+
```tsx
|
|
57
|
+
import { useContext } from 'react';
|
|
58
|
+
import { AbilityContext, ROLE_SUBJECT } from '@lark-apaas/client-toolkit';
|
|
59
|
+
|
|
60
|
+
const menus = [
|
|
61
|
+
{ name: 'Dashboard', path: '/dashboard', p: { action: 'role_admin', subject: ROLE_SUBJECT } },
|
|
62
|
+
{ name: 'Users', path: '/users', p: { action: 'role_editor', subject: ROLE_SUBJECT } },
|
|
63
|
+
{ name: 'Settings', path: '/settings', p: { action: 'role_admin', subject: ROLE_SUBJECT } },
|
|
64
|
+
];
|
|
65
|
+
|
|
66
|
+
function Nav() {
|
|
67
|
+
const ability = useContext(AbilityContext);
|
|
68
|
+
return (
|
|
69
|
+
<nav>
|
|
70
|
+
{menus.map(m => ability.can(m.p.action, m.p.subject) && (
|
|
71
|
+
<a key={m.path} href={m.path}>{m.name}</a>
|
|
72
|
+
))}
|
|
73
|
+
</nav>
|
|
74
|
+
);
|
|
75
|
+
}
|
|
76
|
+
```
|
package/lib/auth/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export {
|
|
1
|
+
export { CanRole, AbilityContext, ROLE_SUBJECT } from '@lark-apaas/auth-sdk';
|
package/lib/auth/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export {
|
|
1
|
+
import { AbilityContext, CanRole, ROLE_SUBJECT } from "@lark-apaas/auth-sdk";
|
|
2
|
+
export { AbilityContext, CanRole, ROLE_SUBJECT };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@lark-apaas/client-toolkit",
|
|
3
|
-
"version": "1.1.21-alpha.auth.dev.
|
|
3
|
+
"version": "1.1.21-alpha.auth.dev.4",
|
|
4
4
|
"types": "./lib/index.d.ts",
|
|
5
5
|
"main": "./lib/index.js",
|
|
6
6
|
"files": [
|
|
@@ -79,14 +79,13 @@
|
|
|
79
79
|
"storybook": "storybook dev",
|
|
80
80
|
"test": "echo 0",
|
|
81
81
|
"lint": "eslint src --ext .js,.jsx,.ts,.tsx",
|
|
82
|
-
"lint:fix": "eslint src --ext .js,.jsx,.ts,.tsx --fix"
|
|
83
|
-
"prepublishOnly": "npm run build && node scripts/replace-workspace-alias.js"
|
|
82
|
+
"lint:fix": "eslint src --ext .js,.jsx,.ts,.tsx --fix"
|
|
84
83
|
},
|
|
85
84
|
"dependencies": {
|
|
86
85
|
"@ant-design/colors": "^7.2.1",
|
|
87
86
|
"@ant-design/cssinjs": "^1.24.0",
|
|
88
87
|
"@data-loom/js": "^0.4.0",
|
|
89
|
-
"@lark-apaas/auth-sdk": "0.1.0-alpha.
|
|
88
|
+
"@lark-apaas/auth-sdk": "0.1.0-alpha.9",
|
|
90
89
|
"@lark-apaas/miaoda-inspector": "^1.0.4",
|
|
91
90
|
"@radix-ui/react-avatar": "^1.1.10",
|
|
92
91
|
"@radix-ui/react-popover": "^1.1.15",
|