@tsingroc/tsingroc-components 3.14.1 → 4.0.0
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/dist/components/Auth.d.ts +98 -15
- package/dist/components/Auth.js +147 -63
- package/dist/components/Auth.js.map +1 -1
- package/dist/components/UserButton.js +24 -17
- package/dist/components/UserButton.js.map +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js.map +1 -1
- package/package.json +9 -9
- package/src/components/Auth.tsx +301 -82
- package/src/components/UserButton.tsx +38 -22
- package/src/index.ts +3 -0
|
@@ -2,7 +2,8 @@ import { type ReactNode } from "react";
|
|
|
2
2
|
import { type JwtPayload } from "jwt-decode";
|
|
3
3
|
import Sdk from "casdoor-js-sdk";
|
|
4
4
|
import type { SdkConfig } from "casdoor-js-sdk/lib/esm/sdk";
|
|
5
|
-
export
|
|
5
|
+
export type AccessTokenPayload = CasdoorAccessTokenPayload | LocalAccessTokenPayload;
|
|
6
|
+
interface CasdoorAccessTokenPayload extends JwtPayload {
|
|
6
7
|
/**
|
|
7
8
|
* Token 的发布者。见 [JWT 标准][1]。
|
|
8
9
|
*
|
|
@@ -55,7 +56,42 @@ export interface AccessTokenPayload extends JwtPayload {
|
|
|
55
56
|
tokenType: "access-token";
|
|
56
57
|
scope: "profile";
|
|
57
58
|
}
|
|
58
|
-
|
|
59
|
+
interface LocalAccessTokenPayload extends JwtPayload {
|
|
60
|
+
/** Token 的过期时间(Unix 时间戳)。*/
|
|
61
|
+
exp: number;
|
|
62
|
+
/** Token 的生效时间(Unix 时间戳)。*/
|
|
63
|
+
nbf: number;
|
|
64
|
+
/** Token 的签发时间(Unix 时间戳)。*/
|
|
65
|
+
iat: number;
|
|
66
|
+
/** 用户信息 */
|
|
67
|
+
User: {
|
|
68
|
+
/** 注册时间。*/
|
|
69
|
+
createTime: string;
|
|
70
|
+
/** 用户的 UUID。*/
|
|
71
|
+
id?: string;
|
|
72
|
+
/** 用户名。*/
|
|
73
|
+
username?: string;
|
|
74
|
+
/** 是否已删除。*/
|
|
75
|
+
deleted?: boolean;
|
|
76
|
+
/** 用户的角色。*/
|
|
77
|
+
role: {
|
|
78
|
+
/** 角色的 UUID。*/
|
|
79
|
+
id: string;
|
|
80
|
+
/** 角色名。*/
|
|
81
|
+
name: string;
|
|
82
|
+
/** 角色的显示名。*/
|
|
83
|
+
display_name: string;
|
|
84
|
+
/** 角色拥有的权限。*/
|
|
85
|
+
functions: string[];
|
|
86
|
+
/** 角色的优先级。*/
|
|
87
|
+
priority: number;
|
|
88
|
+
};
|
|
89
|
+
/** 用户的角色的 UUID。*/
|
|
90
|
+
roleId: string;
|
|
91
|
+
};
|
|
92
|
+
}
|
|
93
|
+
export type UserInfo = CasdoorUserInfo | LocalUserInfo;
|
|
94
|
+
interface CasdoorUserInfo {
|
|
59
95
|
/**
|
|
60
96
|
* Token 的发布者。见 [JWT 标准][1]。
|
|
61
97
|
*
|
|
@@ -93,26 +129,38 @@ export interface UserInfo {
|
|
|
93
129
|
/** 用户的角色。*/
|
|
94
130
|
roles: string[];
|
|
95
131
|
}
|
|
96
|
-
interface
|
|
97
|
-
/**
|
|
98
|
-
|
|
99
|
-
/**
|
|
100
|
-
|
|
101
|
-
/**
|
|
102
|
-
|
|
132
|
+
interface LocalUserInfo {
|
|
133
|
+
/** 注册时间。*/
|
|
134
|
+
createTime?: string;
|
|
135
|
+
/** 用户的 UUID。*/
|
|
136
|
+
id?: string;
|
|
137
|
+
/** 用户名。*/
|
|
138
|
+
username?: string;
|
|
139
|
+
/** 用户的角色。*/
|
|
140
|
+
roles: string[];
|
|
103
141
|
}
|
|
104
|
-
export
|
|
105
|
-
|
|
106
|
-
|
|
142
|
+
export type Auth = CasdoorAuth | LocalAuth;
|
|
143
|
+
interface CommonAuth {
|
|
144
|
+
/**
|
|
145
|
+
* 当前使用的登录机制。
|
|
146
|
+
*
|
|
147
|
+
* - `"casdoor"`:基于 Casdoor 的登录系统。
|
|
148
|
+
* - `"local"`:场站端使用的内网登录系统。
|
|
149
|
+
*/
|
|
150
|
+
mode: "casdoor" | "local";
|
|
107
151
|
/**
|
|
108
|
-
*
|
|
152
|
+
* 跳转到登录页面。
|
|
109
153
|
*
|
|
110
154
|
* 参数 `redirect` 可以填入登录完成后要跳转到的地址。如果省略,那么跳转目标将由
|
|
111
155
|
* {@linkcode AuthCallback} 的 {@linkcode AuthCallbackProps.onRedirect | onRedirect}
|
|
112
156
|
* 属性决定,默认为跳转到主页。
|
|
113
157
|
*/
|
|
114
158
|
login(redirect?: string): void;
|
|
115
|
-
/**
|
|
159
|
+
/**
|
|
160
|
+
* 从登录页面返回时应该调用的回调。当登录状态无效时会**抛出异常**。
|
|
161
|
+
*
|
|
162
|
+
* 当 {@linkcode mode | mode === "local"} 时,该函数无效。
|
|
163
|
+
*/
|
|
116
164
|
callback(): Promise<void>;
|
|
117
165
|
/** 在线检查用户是否登录。用户未登录时会**抛出异常**。*/
|
|
118
166
|
validate(): Promise<void>;
|
|
@@ -128,6 +176,30 @@ export interface Auth extends User {
|
|
|
128
176
|
* 用法与正常的 {@linkcode fetch} 完全一致。未登录时,返回的 Promise 会立即失败。
|
|
129
177
|
*/
|
|
130
178
|
fetchWithAuth(resource: RequestInfo | URL, options?: RequestInit): Promise<Response>;
|
|
179
|
+
/** 用户的个人信息,未经过 {@linkcode AuthCheck} 验证时为空。*/
|
|
180
|
+
userInfo?: UserInfo;
|
|
181
|
+
/** Access Token,未登录时为空。*/
|
|
182
|
+
accessToken?: string;
|
|
183
|
+
/** 解码后的 Access Token,未登录时为空。这里也会有一些用户的个人信息。*/
|
|
184
|
+
decodedAccessToken?: AccessTokenPayload;
|
|
185
|
+
}
|
|
186
|
+
export interface CasdoorAuth extends CommonAuth {
|
|
187
|
+
mode: "casdoor";
|
|
188
|
+
/** 全局的 Casdoor SDK 对象。*/
|
|
189
|
+
sdk: Sdk;
|
|
190
|
+
userInfo?: CasdoorUserInfo;
|
|
191
|
+
decodedAccessToken?: CasdoorAccessTokenPayload;
|
|
192
|
+
}
|
|
193
|
+
export interface LocalAuth extends CommonAuth {
|
|
194
|
+
mode: "local";
|
|
195
|
+
/**
|
|
196
|
+
* 在登录页面需要通过该函数调用登录 API。
|
|
197
|
+
*
|
|
198
|
+
* 账号或密码错误时会**抛出异常**。
|
|
199
|
+
*/
|
|
200
|
+
localLogin(username: string, password: string): Promise<void>;
|
|
201
|
+
userInfo?: LocalUserInfo;
|
|
202
|
+
decodedAccessToken?: LocalAccessTokenPayload;
|
|
131
203
|
}
|
|
132
204
|
/**
|
|
133
205
|
* 获取登录鉴权相关的工具函数和全局状态。必须在 {@linkcode AuthProvider} 内部才能使用。
|
|
@@ -136,12 +208,23 @@ export interface Auth extends User {
|
|
|
136
208
|
*/
|
|
137
209
|
export declare function useAuth(user?: string): Auth;
|
|
138
210
|
export interface AuthProviderProps {
|
|
211
|
+
/**
|
|
212
|
+
* 要使用的登录机制。
|
|
213
|
+
*
|
|
214
|
+
* - `"casdoor"`:基于 Casdoor 的登录系统。
|
|
215
|
+
* - `"local"`:场站端使用的内网登录系统。
|
|
216
|
+
*
|
|
217
|
+
* @default "casdoor"
|
|
218
|
+
*/
|
|
219
|
+
mode?: "casdoor" | "local";
|
|
139
220
|
/**
|
|
140
221
|
* 用于初始化 Casdoor SDK 的配置对象。
|
|
141
222
|
* {@linkcode SdkConfig.redirectPath | sdkConfig.redirectPath} 应该指向一个包含
|
|
142
223
|
* {@linkcode AuthCallback} 组件的路径。
|
|
143
224
|
*/
|
|
144
|
-
sdkConfig
|
|
225
|
+
sdkConfig?: SdkConfig;
|
|
226
|
+
/** {@linkcode mode | mode: "local"} 时,登录页面的路径。*/
|
|
227
|
+
loginPage?: string;
|
|
145
228
|
/**
|
|
146
229
|
* 登录 API 的源点,末尾不带 `/`。
|
|
147
230
|
* @default location.origin
|
package/dist/components/Auth.js
CHANGED
|
@@ -2,6 +2,133 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { createContext, useContext, useEffect, useMemo, useRef, useState, } from "react";
|
|
3
3
|
import { jwtDecode } from "jwt-decode";
|
|
4
4
|
import Sdk from "casdoor-js-sdk";
|
|
5
|
+
const commonAuth = (user, setUser) => ({
|
|
6
|
+
async logout(redirect) {
|
|
7
|
+
localStorage.removeItem("access_token");
|
|
8
|
+
setUser({});
|
|
9
|
+
if (redirect) {
|
|
10
|
+
location.href = redirect;
|
|
11
|
+
}
|
|
12
|
+
},
|
|
13
|
+
async fetchWithAuth(resource, options) {
|
|
14
|
+
const token = user.accessToken;
|
|
15
|
+
if (!token) {
|
|
16
|
+
throw new Error("未登录时无法使用 fetchWithAuth");
|
|
17
|
+
}
|
|
18
|
+
return await fetch(resource, {
|
|
19
|
+
...options,
|
|
20
|
+
headers: {
|
|
21
|
+
Authorization: `Bearer ${token}`,
|
|
22
|
+
...options?.headers,
|
|
23
|
+
},
|
|
24
|
+
});
|
|
25
|
+
},
|
|
26
|
+
});
|
|
27
|
+
function casdoorAuth(user, setUser, sdkConfig, signinOrigin, signinPath) {
|
|
28
|
+
const sdk = new Sdk(sdkConfig);
|
|
29
|
+
return {
|
|
30
|
+
mode: "casdoor",
|
|
31
|
+
sdk,
|
|
32
|
+
login(redirect) {
|
|
33
|
+
location.href = sdk.getSigninUrl();
|
|
34
|
+
if (redirect) {
|
|
35
|
+
sessionStorage.setItem("login_redirect", redirect);
|
|
36
|
+
}
|
|
37
|
+
},
|
|
38
|
+
async callback() {
|
|
39
|
+
// sdk 的类型声明有误
|
|
40
|
+
const resp = (await sdk.signin(signinOrigin ?? location.origin, signinPath));
|
|
41
|
+
const token = resp.token;
|
|
42
|
+
if (!token) {
|
|
43
|
+
throw new Error("登录 API 返回了异常的结果:" + JSON.stringify(resp));
|
|
44
|
+
}
|
|
45
|
+
localStorage.setItem("access_token", token);
|
|
46
|
+
setUser({
|
|
47
|
+
accessToken: token,
|
|
48
|
+
get decodedAccessToken() {
|
|
49
|
+
return jwtDecode(token);
|
|
50
|
+
},
|
|
51
|
+
});
|
|
52
|
+
},
|
|
53
|
+
async validate() {
|
|
54
|
+
const token = user.accessToken;
|
|
55
|
+
if (!token) {
|
|
56
|
+
throw new Error("未登录!");
|
|
57
|
+
}
|
|
58
|
+
// sdk 的类型声明有误
|
|
59
|
+
const resp = (await sdk.getUserInfo(token));
|
|
60
|
+
if ("status" in resp) {
|
|
61
|
+
localStorage.removeItem("access_token");
|
|
62
|
+
setUser({});
|
|
63
|
+
throw new Error("登陆状态无效!");
|
|
64
|
+
}
|
|
65
|
+
else {
|
|
66
|
+
setUser({ ...user, userInfo: resp });
|
|
67
|
+
}
|
|
68
|
+
},
|
|
69
|
+
...commonAuth(user, setUser),
|
|
70
|
+
...user,
|
|
71
|
+
};
|
|
72
|
+
}
|
|
73
|
+
const localAuth = (user, setUser, loginPage, signinOrigin, signinPath) => ({
|
|
74
|
+
mode: "local",
|
|
75
|
+
login(redirect) {
|
|
76
|
+
location.href = loginPage;
|
|
77
|
+
if (redirect) {
|
|
78
|
+
sessionStorage.setItem("login_redirect", redirect);
|
|
79
|
+
}
|
|
80
|
+
},
|
|
81
|
+
async localLogin(username, password) {
|
|
82
|
+
const resp = await fetch(new URL(signinPath ?? "/api/signin", signinOrigin ?? location.origin), {
|
|
83
|
+
method: "post",
|
|
84
|
+
headers: { "Content-Type": "application/json" },
|
|
85
|
+
body: JSON.stringify({ username, password }),
|
|
86
|
+
});
|
|
87
|
+
if (resp.status !== 200) {
|
|
88
|
+
throw new Error("账号或密码错误!");
|
|
89
|
+
}
|
|
90
|
+
const json = await resp.json();
|
|
91
|
+
const token = json.token;
|
|
92
|
+
if (typeof token !== "string") {
|
|
93
|
+
throw new Error("登录 API 返回了异常的结果:" + JSON.stringify(json));
|
|
94
|
+
}
|
|
95
|
+
localStorage.setItem("access_token", token);
|
|
96
|
+
setUser({
|
|
97
|
+
accessToken: token,
|
|
98
|
+
get decodedAccessToken() {
|
|
99
|
+
return jwtDecode(token);
|
|
100
|
+
},
|
|
101
|
+
});
|
|
102
|
+
const redirect = sessionStorage.getItem("login_redirect");
|
|
103
|
+
sessionStorage.removeItem("login_redirect");
|
|
104
|
+
location.href = redirect ?? "/";
|
|
105
|
+
},
|
|
106
|
+
async callback() { },
|
|
107
|
+
async validate() {
|
|
108
|
+
const token = user.accessToken;
|
|
109
|
+
if (!token) {
|
|
110
|
+
throw new Error("未登录!");
|
|
111
|
+
}
|
|
112
|
+
const resp = await fetch(new URL("/api/userInfo", signinOrigin ?? location.origin), { headers: { Authorization: `Bearer ${token}` } });
|
|
113
|
+
try {
|
|
114
|
+
if (resp.status !== 200) {
|
|
115
|
+
throw new Error("登陆状态无效!");
|
|
116
|
+
}
|
|
117
|
+
const json = await resp.json();
|
|
118
|
+
if (!json.data) {
|
|
119
|
+
throw new Error("登陆状态无效!");
|
|
120
|
+
}
|
|
121
|
+
setUser({ ...user, userInfo: json.data });
|
|
122
|
+
}
|
|
123
|
+
catch (err) {
|
|
124
|
+
localStorage.removeItem("access_token");
|
|
125
|
+
setUser({});
|
|
126
|
+
throw err;
|
|
127
|
+
}
|
|
128
|
+
},
|
|
129
|
+
...commonAuth(user, setUser),
|
|
130
|
+
...user,
|
|
131
|
+
});
|
|
5
132
|
const AuthContext = createContext(undefined);
|
|
6
133
|
/**
|
|
7
134
|
* 获取登录鉴权相关的工具函数和全局状态。必须在 {@linkcode AuthProvider} 内部才能使用。
|
|
@@ -43,69 +170,26 @@ export function AuthProvider(props) {
|
|
|
43
170
|
}
|
|
44
171
|
});
|
|
45
172
|
const auth = useMemo(() => {
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
return jwtDecode(token);
|
|
67
|
-
},
|
|
68
|
-
});
|
|
69
|
-
},
|
|
70
|
-
async validate() {
|
|
71
|
-
const token = user.accessToken;
|
|
72
|
-
if (!token) {
|
|
73
|
-
throw new Error("未登录!");
|
|
74
|
-
}
|
|
75
|
-
// sdk 的类型声明有误
|
|
76
|
-
const resp = (await sdk.getUserInfo(token));
|
|
77
|
-
if ("status" in resp) {
|
|
78
|
-
localStorage.removeItem("access_token");
|
|
79
|
-
setUser({});
|
|
80
|
-
throw new Error("登陆状态无效!");
|
|
81
|
-
}
|
|
82
|
-
else {
|
|
83
|
-
setUser({ ...user, userInfo: resp });
|
|
84
|
-
}
|
|
85
|
-
},
|
|
86
|
-
logout(redirect) {
|
|
87
|
-
localStorage.removeItem("access_token");
|
|
88
|
-
setUser({});
|
|
89
|
-
if (redirect) {
|
|
90
|
-
location.href = redirect;
|
|
91
|
-
}
|
|
92
|
-
},
|
|
93
|
-
async fetchWithAuth(resource, options) {
|
|
94
|
-
const token = user.accessToken;
|
|
95
|
-
if (!token) {
|
|
96
|
-
throw new Error("未登录时无法使用 fetchWithAuth");
|
|
97
|
-
}
|
|
98
|
-
return await fetch(resource, {
|
|
99
|
-
...options,
|
|
100
|
-
headers: {
|
|
101
|
-
Authorization: `Bearer ${token}`,
|
|
102
|
-
...options?.headers,
|
|
103
|
-
},
|
|
104
|
-
});
|
|
105
|
-
},
|
|
106
|
-
...user,
|
|
107
|
-
};
|
|
108
|
-
}, [props.sdkConfig, props.signinOrigin, props.signinPath, user]);
|
|
173
|
+
if ((props.mode ?? "casdoor") === "casdoor") {
|
|
174
|
+
if (!props.sdkConfig) {
|
|
175
|
+
throw new Error(`设置了 mode === "casdoor",却没有设置 sdkConfig!`);
|
|
176
|
+
}
|
|
177
|
+
return casdoorAuth(user, setUser, props.sdkConfig, props.signinOrigin, props.signinPath);
|
|
178
|
+
}
|
|
179
|
+
else {
|
|
180
|
+
if (!props.loginPage) {
|
|
181
|
+
throw new Error(`设置了 mode === "local",却没有设置 loginPage!`);
|
|
182
|
+
}
|
|
183
|
+
return localAuth(user, setUser, props.loginPage, props.signinOrigin, props.signinPath);
|
|
184
|
+
}
|
|
185
|
+
}, [
|
|
186
|
+
props.mode,
|
|
187
|
+
props.sdkConfig,
|
|
188
|
+
props.loginPage,
|
|
189
|
+
props.signinOrigin,
|
|
190
|
+
props.signinPath,
|
|
191
|
+
user,
|
|
192
|
+
]);
|
|
109
193
|
return (_jsx(AuthContext.Provider, { value: auth, children: props.children }));
|
|
110
194
|
}
|
|
111
195
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Auth.js","sourceRoot":"","sources":["../../src/components/Auth.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,aAAa,EAEb,UAAU,EACV,SAAS,EACT,OAAO,EACP,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,SAAS,EAAmB,MAAM,YAAY,CAAC;AACxD,OAAO,GAAG,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"Auth.js","sourceRoot":"","sources":["../../src/components/Auth.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Avatar, Button, Dropdown, theme, } from "antd";
|
|
3
3
|
import { DownOutlined, LogoutOutlined, UpOutlined, UserOutlined, } from "@ant-design/icons";
|
|
4
|
-
// eslint-disable-
|
|
5
|
-
|
|
4
|
+
import { AuthCheck, // eslint-disable-line @typescript-eslint/no-unused-vars
|
|
5
|
+
AuthProvider, useAuth, } from "./Auth";
|
|
6
6
|
/**
|
|
7
7
|
* 显示用户信息的按钮,点击弹出登出或跳转到账户页的菜单。
|
|
8
8
|
* 该组件必须包裹在 {@linkcode AuthProvider} 内,并且经过 {@linkcode AuthCheck} 验证后,
|
|
@@ -16,24 +16,28 @@ function UserButton(props) {
|
|
|
16
16
|
const { token } = theme.useToken();
|
|
17
17
|
const auth = useAuth("UserButton");
|
|
18
18
|
const userInfo = auth.userInfo;
|
|
19
|
-
const { compact, layout = "sidebar", onOpenProfile =
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
19
|
+
const { compact, layout = "sidebar", onOpenProfile = auth.mode === "casdoor"
|
|
20
|
+
? () => {
|
|
21
|
+
const account = auth.accessToken === undefined
|
|
22
|
+
? undefined
|
|
23
|
+
: { accessToken: auth.accessToken };
|
|
24
|
+
location.href = auth.sdk.getMyProfileUrl(account, location.href);
|
|
25
|
+
}
|
|
26
|
+
: undefined, onLogout = () => {
|
|
25
27
|
auth.logout();
|
|
26
28
|
location.href = "/";
|
|
27
29
|
}, dropdownProps, ...rest } = props;
|
|
28
30
|
return (_jsx(Dropdown, { trigger: ["click"], placement: layout === "sidebar" ? "topLeft" : "bottomRight", ...dropdownProps, menu: {
|
|
29
31
|
items: [
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
32
|
+
onOpenProfile
|
|
33
|
+
? {
|
|
34
|
+
key: "profile",
|
|
35
|
+
label: _jsx(_Fragment, { children: "\u8D26\u6237" }), // 如果使用字符串,在缩小时会被裁剪,即使宽度足够
|
|
36
|
+
icon: _jsx(UserOutlined, {}),
|
|
37
|
+
title: "", // 若不设置,在缩小时总是会显示工具提示,即使宽度足够
|
|
38
|
+
onClick: onOpenProfile,
|
|
39
|
+
}
|
|
40
|
+
: null,
|
|
37
41
|
{
|
|
38
42
|
key: "logout",
|
|
39
43
|
icon: _jsx(LogoutOutlined, {}),
|
|
@@ -47,7 +51,7 @@ function UserButton(props) {
|
|
|
47
51
|
minWidth: "100%",
|
|
48
52
|
...dropdownProps?.menu?.style,
|
|
49
53
|
},
|
|
50
|
-
}, children: _jsx(Button, { type: "text", icon: _jsx(Avatar, { alt: "\u5934\u50CF", src: userInfo?.picture, icon: _jsx(UserOutlined, {}) }), ...rest, styles: {
|
|
54
|
+
}, children: _jsx(Button, { type: "text", icon: _jsx(Avatar, { alt: "\u5934\u50CF", src: userInfo?.picture ?? undefined, icon: _jsx(UserOutlined, {}) }), ...rest, styles: {
|
|
51
55
|
icon: {
|
|
52
56
|
display: "inline-flex",
|
|
53
57
|
alignItems: "center",
|
|
@@ -64,7 +68,10 @@ function UserButton(props) {
|
|
|
64
68
|
paddingBlock: token.padding + token.paddingXS,
|
|
65
69
|
}),
|
|
66
70
|
...rest.style,
|
|
67
|
-
}, children: !compact && (_jsxs(_Fragment, { children: [_jsx("span", { style: { marginRight: token.marginXXS }, children: userInfo?.name ??
|
|
71
|
+
}, children: !compact && (_jsxs(_Fragment, { children: [_jsx("span", { style: { marginRight: token.marginXXS }, children: userInfo?.name ??
|
|
72
|
+
userInfo?.prefered_username ??
|
|
73
|
+
auth.userInfo?.username ??
|
|
74
|
+
"平台用户" }), layout === "sidebar" ? _jsx(UpOutlined, {}) : _jsx(DownOutlined, {})] })) }) }));
|
|
68
75
|
}
|
|
69
76
|
export default UserButton;
|
|
70
77
|
//# sourceMappingURL=UserButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UserButton.js","sourceRoot":"","sources":["../../src/components/UserButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,MAAM,EACN,MAAM,EAEN,QAAQ,EAER,KAAK,GACN,MAAM,MAAM,CAAC;AACd,OAAO,EACL,YAAY,EACZ,cAAc,EACd,UAAU,EACV,YAAY,GACb,MAAM,mBAAmB,CAAC;AAG3B,
|
|
1
|
+
{"version":3,"file":"UserButton.js","sourceRoot":"","sources":["../../src/components/UserButton.tsx"],"names":[],"mappings":"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"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { AuthProvider, type AuthProviderProps, AuthCheck, type AuthCheckProps, AuthCallback, type AuthCallbackProps, useAuth, } from "./components/Auth";
|
|
1
|
+
export { AuthProvider, type AuthProviderProps, AuthCheck, type AuthCheckProps, AuthCallback, type AuthCallbackProps, useAuth, type Auth, type CasdoorAuth, type LocalAuth, } from "./components/Auth";
|
|
2
2
|
export { default as Calendar, type CalendarProps } from "./components/Calendar";
|
|
3
3
|
export { default as CircularProgress, type CircularProgressProps, } from "./components/CircularProgress";
|
|
4
4
|
export { default as Header, type HeaderProps } from "./components/Header";
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EAEZ,SAAS,EAET,YAAY,EAEZ,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EAEZ,SAAS,EAET,YAAY,EAEZ,OAAO,GAIR,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAsB,MAAM,uBAAuB,CAAC;AAEhF,OAAO,EACL,OAAO,IAAI,gBAAgB,GAE5B,MAAM,+BAA+B,CAAC;AAEvC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAoB,MAAM,qBAAqB,CAAC;AAE1E,OAAO,EACL,OAAO,IAAI,eAAe,GAE3B,MAAM,8BAA8B,CAAC;AAEtC,OAAO,EACL,OAAO,IAAI,cAAc,GAE1B,MAAM,6BAA6B,CAAC;AAErC,OAAO,EACL,OAAO,IAAI,eAAe,GAE3B,MAAM,8BAA8B,CAAC;AAEtC,OAAO,EACL,OAAO,IAAI,cAAc,GAE1B,MAAM,6BAA6B,CAAC;AAErC,OAAO,EACL,OAAO,IAAI,eAAe,EAC1B,qBAAqB,GAGtB,MAAM,8BAA8B,CAAC;AAEtC,OAAO,EACL,OAAO,IAAI,oBAAoB,GAEhC,MAAM,mCAAmC,CAAC;AAE3C,OAAO,EACL,OAAO,IAAI,gBAAgB,EAC3B,gBAAgB,GAEjB,MAAM,+BAA+B,CAAC;AAEvC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAqB,MAAM,sBAAsB,CAAC;AAE7E,OAAO,EACL,OAAO,IAAI,kBAAkB,GAE9B,MAAM,iCAAiC,CAAC;AAEzC,OAAO,EACL,OAAO,IAAI,aAAa,GAEzB,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EACL,OAAO,IAAI,UAAU,GAEtB,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EACL,OAAO,IAAI,UAAU,GAGtB,MAAM,yBAAyB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tsingroc/tsingroc-components",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "4.0.0",
|
|
4
4
|
"author": "",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"description": "",
|
|
@@ -53,29 +53,29 @@
|
|
|
53
53
|
"devDependencies": {
|
|
54
54
|
"@ant-design/icons": "^6.0.0",
|
|
55
55
|
"@eslint/js": "^9.21.0",
|
|
56
|
-
"@rsbuild/core": "^1.3.
|
|
56
|
+
"@rsbuild/core": "^1.3.22",
|
|
57
57
|
"@rsbuild/plugin-react": "^1.3.1",
|
|
58
58
|
"@rspress/plugin-preview": "2.0.0-beta.2",
|
|
59
|
-
"@types/node": "^22.15.
|
|
60
|
-
"@types/react": "^18.3.
|
|
59
|
+
"@types/node": "^22.15.29",
|
|
60
|
+
"@types/react": "^18.3.23",
|
|
61
61
|
"@types/react-dom": "^18.3.7",
|
|
62
|
-
"antd": "^5.25.
|
|
62
|
+
"antd": "^5.25.4",
|
|
63
63
|
"antd-style": "^3.7.1",
|
|
64
64
|
"echarts": "^5.6.0",
|
|
65
65
|
"echarts-for-react": "^3.0.2",
|
|
66
66
|
"echarts-gl": "^2.0.9",
|
|
67
|
-
"eslint": "^9.
|
|
67
|
+
"eslint": "^9.28.0",
|
|
68
68
|
"eslint-plugin-react-hooks": "^5.2.0",
|
|
69
|
-
"globals": "^16.
|
|
69
|
+
"globals": "^16.2.0",
|
|
70
70
|
"prettier": "^3.5.3",
|
|
71
71
|
"react": "^18.3.1",
|
|
72
72
|
"react-dom": "^18.3.1",
|
|
73
73
|
"react-markdown": "^10.1.0",
|
|
74
74
|
"remark-gfm": "^4.0.1",
|
|
75
75
|
"rspress": "2.0.0-beta.2",
|
|
76
|
-
"typedoc": "^0.28.
|
|
76
|
+
"typedoc": "^0.28.5",
|
|
77
77
|
"typescript": "^5.8.3",
|
|
78
|
-
"typescript-eslint": "^8.
|
|
78
|
+
"typescript-eslint": "^8.33.0"
|
|
79
79
|
},
|
|
80
80
|
"prettier": {
|
|
81
81
|
"trailingComma": "all"
|
package/src/components/Auth.tsx
CHANGED
|
@@ -11,7 +11,11 @@ import { jwtDecode, type JwtPayload } from "jwt-decode";
|
|
|
11
11
|
import Sdk from "casdoor-js-sdk";
|
|
12
12
|
import type { SdkConfig } from "casdoor-js-sdk/lib/esm/sdk";
|
|
13
13
|
|
|
14
|
-
export
|
|
14
|
+
export type AccessTokenPayload =
|
|
15
|
+
| CasdoorAccessTokenPayload
|
|
16
|
+
| LocalAccessTokenPayload;
|
|
17
|
+
|
|
18
|
+
interface CasdoorAccessTokenPayload extends JwtPayload {
|
|
15
19
|
/**
|
|
16
20
|
* Token 的发布者。见 [JWT 标准][1]。
|
|
17
21
|
*
|
|
@@ -67,7 +71,44 @@ export interface AccessTokenPayload extends JwtPayload {
|
|
|
67
71
|
scope: "profile";
|
|
68
72
|
}
|
|
69
73
|
|
|
70
|
-
|
|
74
|
+
interface LocalAccessTokenPayload extends JwtPayload {
|
|
75
|
+
/** Token 的过期时间(Unix 时间戳)。*/
|
|
76
|
+
exp: number;
|
|
77
|
+
/** Token 的生效时间(Unix 时间戳)。*/
|
|
78
|
+
nbf: number;
|
|
79
|
+
/** Token 的签发时间(Unix 时间戳)。*/
|
|
80
|
+
iat: number;
|
|
81
|
+
/** 用户信息 */
|
|
82
|
+
User: {
|
|
83
|
+
/** 注册时间。*/
|
|
84
|
+
createTime: string;
|
|
85
|
+
/** 用户的 UUID。*/
|
|
86
|
+
id?: string;
|
|
87
|
+
/** 用户名。*/
|
|
88
|
+
username?: string;
|
|
89
|
+
/** 是否已删除。*/
|
|
90
|
+
deleted?: boolean;
|
|
91
|
+
/** 用户的角色。*/
|
|
92
|
+
role: {
|
|
93
|
+
/** 角色的 UUID。*/
|
|
94
|
+
id: string;
|
|
95
|
+
/** 角色名。*/
|
|
96
|
+
name: string;
|
|
97
|
+
/** 角色的显示名。*/
|
|
98
|
+
display_name: string;
|
|
99
|
+
/** 角色拥有的权限。*/
|
|
100
|
+
functions: string[];
|
|
101
|
+
/** 角色的优先级。*/
|
|
102
|
+
priority: number;
|
|
103
|
+
};
|
|
104
|
+
/** 用户的角色的 UUID。*/
|
|
105
|
+
roleId: string;
|
|
106
|
+
};
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
export type UserInfo = CasdoorUserInfo | LocalUserInfo;
|
|
110
|
+
|
|
111
|
+
interface CasdoorUserInfo {
|
|
71
112
|
/**
|
|
72
113
|
* Token 的发布者。见 [JWT 标准][1]。
|
|
73
114
|
*
|
|
@@ -106,27 +147,40 @@ export interface UserInfo {
|
|
|
106
147
|
roles: string[];
|
|
107
148
|
}
|
|
108
149
|
|
|
109
|
-
interface
|
|
110
|
-
/**
|
|
111
|
-
|
|
112
|
-
/**
|
|
113
|
-
|
|
114
|
-
/**
|
|
115
|
-
|
|
150
|
+
interface LocalUserInfo {
|
|
151
|
+
/** 注册时间。*/
|
|
152
|
+
createTime?: string;
|
|
153
|
+
/** 用户的 UUID。*/
|
|
154
|
+
id?: string;
|
|
155
|
+
/** 用户名。*/
|
|
156
|
+
username?: string;
|
|
157
|
+
/** 用户的角色。*/
|
|
158
|
+
roles: string[];
|
|
116
159
|
}
|
|
117
160
|
|
|
118
|
-
export
|
|
119
|
-
|
|
120
|
-
|
|
161
|
+
export type Auth = CasdoorAuth | LocalAuth;
|
|
162
|
+
|
|
163
|
+
interface CommonAuth {
|
|
121
164
|
/**
|
|
122
|
-
*
|
|
165
|
+
* 当前使用的登录机制。
|
|
166
|
+
*
|
|
167
|
+
* - `"casdoor"`:基于 Casdoor 的登录系统。
|
|
168
|
+
* - `"local"`:场站端使用的内网登录系统。
|
|
169
|
+
*/
|
|
170
|
+
mode: "casdoor" | "local";
|
|
171
|
+
/**
|
|
172
|
+
* 跳转到登录页面。
|
|
123
173
|
*
|
|
124
174
|
* 参数 `redirect` 可以填入登录完成后要跳转到的地址。如果省略,那么跳转目标将由
|
|
125
175
|
* {@linkcode AuthCallback} 的 {@linkcode AuthCallbackProps.onRedirect | onRedirect}
|
|
126
176
|
* 属性决定,默认为跳转到主页。
|
|
127
177
|
*/
|
|
128
178
|
login(redirect?: string): void;
|
|
129
|
-
/**
|
|
179
|
+
/**
|
|
180
|
+
* 从登录页面返回时应该调用的回调。当登录状态无效时会**抛出异常**。
|
|
181
|
+
*
|
|
182
|
+
* 当 {@linkcode mode | mode === "local"} 时,该函数无效。
|
|
183
|
+
*/
|
|
130
184
|
callback(): Promise<void>;
|
|
131
185
|
/** 在线检查用户是否登录。用户未登录时会**抛出异常**。*/
|
|
132
186
|
validate(): Promise<void>;
|
|
@@ -145,8 +199,198 @@ export interface Auth extends User {
|
|
|
145
199
|
resource: RequestInfo | URL,
|
|
146
200
|
options?: RequestInit,
|
|
147
201
|
): Promise<Response>;
|
|
202
|
+
/** 用户的个人信息,未经过 {@linkcode AuthCheck} 验证时为空。*/
|
|
203
|
+
userInfo?: UserInfo;
|
|
204
|
+
/** Access Token,未登录时为空。*/
|
|
205
|
+
accessToken?: string;
|
|
206
|
+
/** 解码后的 Access Token,未登录时为空。这里也会有一些用户的个人信息。*/
|
|
207
|
+
decodedAccessToken?: AccessTokenPayload;
|
|
208
|
+
}
|
|
209
|
+
|
|
210
|
+
export interface CasdoorAuth extends CommonAuth {
|
|
211
|
+
mode: "casdoor";
|
|
212
|
+
/** 全局的 Casdoor SDK 对象。*/
|
|
213
|
+
sdk: Sdk;
|
|
214
|
+
userInfo?: CasdoorUserInfo;
|
|
215
|
+
decodedAccessToken?: CasdoorAccessTokenPayload;
|
|
216
|
+
}
|
|
217
|
+
|
|
218
|
+
export interface LocalAuth extends CommonAuth {
|
|
219
|
+
mode: "local";
|
|
220
|
+
/**
|
|
221
|
+
* 在登录页面需要通过该函数调用登录 API。
|
|
222
|
+
*
|
|
223
|
+
* 账号或密码错误时会**抛出异常**。
|
|
224
|
+
*/
|
|
225
|
+
localLogin(username: string, password: string): Promise<void>;
|
|
226
|
+
userInfo?: LocalUserInfo;
|
|
227
|
+
decodedAccessToken?: LocalAccessTokenPayload;
|
|
228
|
+
}
|
|
229
|
+
|
|
230
|
+
type User = Pick<CommonAuth, "userInfo" | "accessToken" | "decodedAccessToken">;
|
|
231
|
+
type CasdoorUser = Pick<
|
|
232
|
+
CasdoorAuth,
|
|
233
|
+
"userInfo" | "accessToken" | "decodedAccessToken"
|
|
234
|
+
>;
|
|
235
|
+
type LocalUser = Pick<
|
|
236
|
+
LocalAuth,
|
|
237
|
+
"userInfo" | "accessToken" | "decodedAccessToken"
|
|
238
|
+
>;
|
|
239
|
+
|
|
240
|
+
const commonAuth = (
|
|
241
|
+
user: User,
|
|
242
|
+
setUser: (user: User) => void,
|
|
243
|
+
): Pick<CommonAuth, "logout" | "fetchWithAuth"> => ({
|
|
244
|
+
async logout(redirect) {
|
|
245
|
+
localStorage.removeItem("access_token");
|
|
246
|
+
setUser({});
|
|
247
|
+
if (redirect) {
|
|
248
|
+
location.href = redirect;
|
|
249
|
+
}
|
|
250
|
+
},
|
|
251
|
+
async fetchWithAuth(resource, options) {
|
|
252
|
+
const token = user.accessToken;
|
|
253
|
+
if (!token) {
|
|
254
|
+
throw new Error("未登录时无法使用 fetchWithAuth");
|
|
255
|
+
}
|
|
256
|
+
return await fetch(resource, {
|
|
257
|
+
...options,
|
|
258
|
+
headers: {
|
|
259
|
+
Authorization: `Bearer ${token}`,
|
|
260
|
+
...options?.headers,
|
|
261
|
+
},
|
|
262
|
+
});
|
|
263
|
+
},
|
|
264
|
+
});
|
|
265
|
+
|
|
266
|
+
function casdoorAuth(
|
|
267
|
+
user: User,
|
|
268
|
+
setUser: (user: User) => void,
|
|
269
|
+
sdkConfig: SdkConfig,
|
|
270
|
+
signinOrigin?: string,
|
|
271
|
+
signinPath?: string,
|
|
272
|
+
): CasdoorAuth {
|
|
273
|
+
const sdk = new Sdk(sdkConfig);
|
|
274
|
+
return {
|
|
275
|
+
mode: "casdoor",
|
|
276
|
+
sdk,
|
|
277
|
+
login(redirect?: string) {
|
|
278
|
+
location.href = sdk.getSigninUrl();
|
|
279
|
+
if (redirect) {
|
|
280
|
+
sessionStorage.setItem("login_redirect", redirect);
|
|
281
|
+
}
|
|
282
|
+
},
|
|
283
|
+
async callback() {
|
|
284
|
+
// sdk 的类型声明有误
|
|
285
|
+
const resp = (await sdk.signin(
|
|
286
|
+
signinOrigin ?? location.origin,
|
|
287
|
+
signinPath,
|
|
288
|
+
)) as unknown as { token?: string };
|
|
289
|
+
const token = resp.token;
|
|
290
|
+
if (!token) {
|
|
291
|
+
throw new Error("登录 API 返回了异常的结果:" + JSON.stringify(resp));
|
|
292
|
+
}
|
|
293
|
+
localStorage.setItem("access_token", token);
|
|
294
|
+
setUser({
|
|
295
|
+
accessToken: token,
|
|
296
|
+
get decodedAccessToken() {
|
|
297
|
+
return jwtDecode<AccessTokenPayload>(token);
|
|
298
|
+
},
|
|
299
|
+
});
|
|
300
|
+
},
|
|
301
|
+
async validate() {
|
|
302
|
+
const token = user.accessToken;
|
|
303
|
+
if (!token) {
|
|
304
|
+
throw new Error("未登录!");
|
|
305
|
+
}
|
|
306
|
+
// sdk 的类型声明有误
|
|
307
|
+
const resp = (await sdk.getUserInfo(token)) as unknown as
|
|
308
|
+
| UserInfo
|
|
309
|
+
| { status: "error" };
|
|
310
|
+
if ("status" in resp) {
|
|
311
|
+
localStorage.removeItem("access_token");
|
|
312
|
+
setUser({});
|
|
313
|
+
throw new Error("登陆状态无效!");
|
|
314
|
+
} else {
|
|
315
|
+
setUser({ ...user, userInfo: resp });
|
|
316
|
+
}
|
|
317
|
+
},
|
|
318
|
+
...commonAuth(user, setUser),
|
|
319
|
+
...(user as CasdoorUser),
|
|
320
|
+
};
|
|
148
321
|
}
|
|
149
322
|
|
|
323
|
+
const localAuth = (
|
|
324
|
+
user: User,
|
|
325
|
+
setUser: (user: User) => void,
|
|
326
|
+
loginPage: string,
|
|
327
|
+
signinOrigin?: string,
|
|
328
|
+
signinPath?: string,
|
|
329
|
+
): LocalAuth => ({
|
|
330
|
+
mode: "local",
|
|
331
|
+
login(redirect) {
|
|
332
|
+
location.href = loginPage;
|
|
333
|
+
if (redirect) {
|
|
334
|
+
sessionStorage.setItem("login_redirect", redirect);
|
|
335
|
+
}
|
|
336
|
+
},
|
|
337
|
+
async localLogin(username, password) {
|
|
338
|
+
const resp = await fetch(
|
|
339
|
+
new URL(signinPath ?? "/api/signin", signinOrigin ?? location.origin),
|
|
340
|
+
{
|
|
341
|
+
method: "post",
|
|
342
|
+
headers: { "Content-Type": "application/json" },
|
|
343
|
+
body: JSON.stringify({ username, password }),
|
|
344
|
+
},
|
|
345
|
+
);
|
|
346
|
+
if (resp.status !== 200) {
|
|
347
|
+
throw new Error("账号或密码错误!");
|
|
348
|
+
}
|
|
349
|
+
const json = await resp.json();
|
|
350
|
+
const token = json.token;
|
|
351
|
+
if (typeof token !== "string") {
|
|
352
|
+
throw new Error("登录 API 返回了异常的结果:" + JSON.stringify(json));
|
|
353
|
+
}
|
|
354
|
+
localStorage.setItem("access_token", token);
|
|
355
|
+
setUser({
|
|
356
|
+
accessToken: token,
|
|
357
|
+
get decodedAccessToken() {
|
|
358
|
+
return jwtDecode<AccessTokenPayload>(token);
|
|
359
|
+
},
|
|
360
|
+
});
|
|
361
|
+
const redirect = sessionStorage.getItem("login_redirect");
|
|
362
|
+
sessionStorage.removeItem("login_redirect");
|
|
363
|
+
location.href = redirect ?? "/";
|
|
364
|
+
},
|
|
365
|
+
async callback() {},
|
|
366
|
+
async validate() {
|
|
367
|
+
const token = user.accessToken;
|
|
368
|
+
if (!token) {
|
|
369
|
+
throw new Error("未登录!");
|
|
370
|
+
}
|
|
371
|
+
const resp = await fetch(
|
|
372
|
+
new URL("/api/userInfo", signinOrigin ?? location.origin),
|
|
373
|
+
{ headers: { Authorization: `Bearer ${token}` } },
|
|
374
|
+
);
|
|
375
|
+
try {
|
|
376
|
+
if (resp.status !== 200) {
|
|
377
|
+
throw new Error("登陆状态无效!");
|
|
378
|
+
}
|
|
379
|
+
const json = await resp.json();
|
|
380
|
+
if (!json.data) {
|
|
381
|
+
throw new Error("登陆状态无效!");
|
|
382
|
+
}
|
|
383
|
+
setUser({ ...user, userInfo: json.data });
|
|
384
|
+
} catch (err) {
|
|
385
|
+
localStorage.removeItem("access_token");
|
|
386
|
+
setUser({});
|
|
387
|
+
throw err;
|
|
388
|
+
}
|
|
389
|
+
},
|
|
390
|
+
...commonAuth(user, setUser),
|
|
391
|
+
...(user as LocalUser),
|
|
392
|
+
});
|
|
393
|
+
|
|
150
394
|
const AuthContext = createContext<Auth | undefined>(undefined);
|
|
151
395
|
|
|
152
396
|
/**
|
|
@@ -163,12 +407,23 @@ export function useAuth(user: string = "useAuth") {
|
|
|
163
407
|
}
|
|
164
408
|
|
|
165
409
|
export interface AuthProviderProps {
|
|
410
|
+
/**
|
|
411
|
+
* 要使用的登录机制。
|
|
412
|
+
*
|
|
413
|
+
* - `"casdoor"`:基于 Casdoor 的登录系统。
|
|
414
|
+
* - `"local"`:场站端使用的内网登录系统。
|
|
415
|
+
*
|
|
416
|
+
* @default "casdoor"
|
|
417
|
+
*/
|
|
418
|
+
mode?: "casdoor" | "local";
|
|
166
419
|
/**
|
|
167
420
|
* 用于初始化 Casdoor SDK 的配置对象。
|
|
168
421
|
* {@linkcode SdkConfig.redirectPath | sdkConfig.redirectPath} 应该指向一个包含
|
|
169
422
|
* {@linkcode AuthCallback} 组件的路径。
|
|
170
423
|
*/
|
|
171
|
-
sdkConfig
|
|
424
|
+
sdkConfig?: SdkConfig;
|
|
425
|
+
/** {@linkcode mode | mode: "local"} 时,登录页面的路径。*/
|
|
426
|
+
loginPage?: string;
|
|
172
427
|
/**
|
|
173
428
|
* 登录 API 的源点,末尾不带 `/`。
|
|
174
429
|
* @default location.origin
|
|
@@ -210,73 +465,37 @@ export function AuthProvider(props: AuthProviderProps): ReactNode {
|
|
|
210
465
|
}
|
|
211
466
|
});
|
|
212
467
|
const auth = useMemo<Auth>(() => {
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
}
|
|
245
|
-
// sdk 的类型声明有误
|
|
246
|
-
const resp = (await sdk.getUserInfo(token)) as unknown as
|
|
247
|
-
| UserInfo
|
|
248
|
-
| { status: "error" };
|
|
249
|
-
if ("status" in resp) {
|
|
250
|
-
localStorage.removeItem("access_token");
|
|
251
|
-
setUser({});
|
|
252
|
-
throw new Error("登陆状态无效!");
|
|
253
|
-
} else {
|
|
254
|
-
setUser({ ...user, userInfo: resp });
|
|
255
|
-
}
|
|
256
|
-
},
|
|
257
|
-
logout(redirect) {
|
|
258
|
-
localStorage.removeItem("access_token");
|
|
259
|
-
setUser({});
|
|
260
|
-
if (redirect) {
|
|
261
|
-
location.href = redirect;
|
|
262
|
-
}
|
|
263
|
-
},
|
|
264
|
-
async fetchWithAuth(resource, options) {
|
|
265
|
-
const token = user.accessToken;
|
|
266
|
-
if (!token) {
|
|
267
|
-
throw new Error("未登录时无法使用 fetchWithAuth");
|
|
268
|
-
}
|
|
269
|
-
return await fetch(resource, {
|
|
270
|
-
...options,
|
|
271
|
-
headers: {
|
|
272
|
-
Authorization: `Bearer ${token}`,
|
|
273
|
-
...options?.headers,
|
|
274
|
-
},
|
|
275
|
-
});
|
|
276
|
-
},
|
|
277
|
-
...user,
|
|
278
|
-
};
|
|
279
|
-
}, [props.sdkConfig, props.signinOrigin, props.signinPath, user]);
|
|
468
|
+
if ((props.mode ?? "casdoor") === "casdoor") {
|
|
469
|
+
if (!props.sdkConfig) {
|
|
470
|
+
throw new Error(`设置了 mode === "casdoor",却没有设置 sdkConfig!`);
|
|
471
|
+
}
|
|
472
|
+
return casdoorAuth(
|
|
473
|
+
user,
|
|
474
|
+
setUser,
|
|
475
|
+
props.sdkConfig,
|
|
476
|
+
props.signinOrigin,
|
|
477
|
+
props.signinPath,
|
|
478
|
+
);
|
|
479
|
+
} else {
|
|
480
|
+
if (!props.loginPage) {
|
|
481
|
+
throw new Error(`设置了 mode === "local",却没有设置 loginPage!`);
|
|
482
|
+
}
|
|
483
|
+
return localAuth(
|
|
484
|
+
user,
|
|
485
|
+
setUser,
|
|
486
|
+
props.loginPage,
|
|
487
|
+
props.signinOrigin,
|
|
488
|
+
props.signinPath,
|
|
489
|
+
);
|
|
490
|
+
}
|
|
491
|
+
}, [
|
|
492
|
+
props.mode,
|
|
493
|
+
props.sdkConfig,
|
|
494
|
+
props.loginPage,
|
|
495
|
+
props.signinOrigin,
|
|
496
|
+
props.signinPath,
|
|
497
|
+
user,
|
|
498
|
+
]);
|
|
280
499
|
return (
|
|
281
500
|
<AuthContext.Provider value={auth}>{props.children}</AuthContext.Provider>
|
|
282
501
|
);
|
|
@@ -14,8 +14,13 @@ import {
|
|
|
14
14
|
} from "@ant-design/icons";
|
|
15
15
|
import type { Account } from "casdoor-js-sdk/lib/esm/sdk";
|
|
16
16
|
|
|
17
|
-
|
|
18
|
-
|
|
17
|
+
import {
|
|
18
|
+
AuthCheck, // eslint-disable-line @typescript-eslint/no-unused-vars
|
|
19
|
+
AuthProvider, // eslint-disable-line @typescript-eslint/no-unused-vars
|
|
20
|
+
type CasdoorAuth,
|
|
21
|
+
type LocalAuth,
|
|
22
|
+
useAuth,
|
|
23
|
+
} from "./Auth";
|
|
19
24
|
|
|
20
25
|
export interface UserButtonProps extends ButtonProps {
|
|
21
26
|
/**
|
|
@@ -60,20 +65,22 @@ export interface UserButtonProps extends ButtonProps {
|
|
|
60
65
|
function UserButton(props: UserButtonProps) {
|
|
61
66
|
const { token } = theme.useToken();
|
|
62
67
|
const auth = useAuth("UserButton");
|
|
63
|
-
const userInfo = auth.userInfo;
|
|
68
|
+
const userInfo = (auth as CasdoorAuth).userInfo;
|
|
64
69
|
const {
|
|
65
70
|
compact,
|
|
66
71
|
layout = "sidebar",
|
|
67
|
-
onOpenProfile =
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
72
|
+
onOpenProfile = auth.mode === "casdoor"
|
|
73
|
+
? () => {
|
|
74
|
+
const account =
|
|
75
|
+
auth.accessToken === undefined
|
|
76
|
+
? undefined
|
|
77
|
+
: { accessToken: auth.accessToken };
|
|
78
|
+
location.href = auth.sdk.getMyProfileUrl(
|
|
79
|
+
account as Account,
|
|
80
|
+
location.href,
|
|
81
|
+
);
|
|
82
|
+
}
|
|
83
|
+
: undefined,
|
|
77
84
|
onLogout = () => {
|
|
78
85
|
auth.logout();
|
|
79
86
|
location.href = "/";
|
|
@@ -88,13 +95,15 @@ function UserButton(props: UserButtonProps) {
|
|
|
88
95
|
{...dropdownProps}
|
|
89
96
|
menu={{
|
|
90
97
|
items: [
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
+
onOpenProfile
|
|
99
|
+
? {
|
|
100
|
+
key: "profile",
|
|
101
|
+
label: <>账户</>, // 如果使用字符串,在缩小时会被裁剪,即使宽度足够
|
|
102
|
+
icon: <UserOutlined />,
|
|
103
|
+
title: "", // 若不设置,在缩小时总是会显示工具提示,即使宽度足够
|
|
104
|
+
onClick: onOpenProfile,
|
|
105
|
+
}
|
|
106
|
+
: null,
|
|
98
107
|
{
|
|
99
108
|
key: "logout",
|
|
100
109
|
icon: <LogoutOutlined />,
|
|
@@ -113,7 +122,11 @@ function UserButton(props: UserButtonProps) {
|
|
|
113
122
|
<Button
|
|
114
123
|
type="text"
|
|
115
124
|
icon={
|
|
116
|
-
<Avatar
|
|
125
|
+
<Avatar
|
|
126
|
+
alt="头像"
|
|
127
|
+
src={userInfo?.picture ?? undefined}
|
|
128
|
+
icon={<UserOutlined />}
|
|
129
|
+
/>
|
|
117
130
|
}
|
|
118
131
|
{...rest}
|
|
119
132
|
styles={{
|
|
@@ -139,7 +152,10 @@ function UserButton(props: UserButtonProps) {
|
|
|
139
152
|
{!compact && (
|
|
140
153
|
<>
|
|
141
154
|
<span style={{ marginRight: token.marginXXS }}>
|
|
142
|
-
{userInfo?.name ??
|
|
155
|
+
{userInfo?.name ??
|
|
156
|
+
userInfo?.prefered_username ??
|
|
157
|
+
(auth as LocalAuth).userInfo?.username ??
|
|
158
|
+
"平台用户"}
|
|
143
159
|
</span>
|
|
144
160
|
{layout === "sidebar" ? <UpOutlined /> : <DownOutlined />}
|
|
145
161
|
</>
|