@ajaxjs/ui 1.2.8 → 1.3.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/iam/iam.d.ts +7 -0
- package/dist/iam/iam.js +9 -0
- package/dist/iam/iam.js.map +1 -1
- package/dist/iam/iam.ts +12 -0
- package/dist/iam/user.vue +50 -0
- package/package.json +1 -1
package/dist/iam/iam.d.ts
CHANGED
package/dist/iam/iam.js
CHANGED
|
@@ -1,11 +1,19 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const xhr_1 = require("@ajaxjs/util/dist/util/xhr");
|
|
3
4
|
/**
|
|
4
5
|
* 获取登录信息
|
|
5
6
|
*
|
|
6
7
|
* @returns 用户 JWT
|
|
7
8
|
*/
|
|
8
9
|
exports.default = {
|
|
10
|
+
/**
|
|
11
|
+
*
|
|
12
|
+
*
|
|
13
|
+
* @param loginUrl 登录页面地址
|
|
14
|
+
* @param thisPageUrl 前端页面的地址，最后返回这里
|
|
15
|
+
* @returns
|
|
16
|
+
*/
|
|
9
17
|
getLoginInfo(loginUrl, thisPageUrl) {
|
|
10
18
|
const token = getQueryParam("token", false);
|
|
11
19
|
let accessToken = localStorage.getItem("accessToken");
|
|
@@ -26,6 +34,7 @@ exports.default = {
|
|
|
26
34
|
location.assign(url.href);
|
|
27
35
|
}
|
|
28
36
|
// window.JWT_TOKEN = JSON.parse(accessToken);
|
|
37
|
+
(0, xhr_1.setBaseHeadParams)({ Authorization: 'Bearer ' + accessToken });
|
|
29
38
|
// 将 JWT Token 拆分为三个部分
|
|
30
39
|
const tokenParts = accessToken.split('.');
|
|
31
40
|
const payload = JSON.parse(atob(tokenParts[1])); // 解析载荷
|
package/dist/iam/iam.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"iam.js","sourceRoot":"","sources":["../../src/iam/iam.ts"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"iam.js","sourceRoot":"","sources":["../../src/iam/iam.ts"],"names":[],"mappings":";;AAEA,oDAA+D;AAE/D;;;;GAIG;AACH,kBAAe;IACX;;;;;;OAMG;IACH,YAAY,CAAC,QAAgB,EAAE,WAAmB;QAC9C,MAAM,KAAK,GAAG,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;QAC5C,IAAI,WAAW,GAAW,YAAY,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;QAE9D,IAAI,CAAC,WAAW,IAAI,CAAC,KAAK,EAAE;YACxB,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;YACrB,IAAI,MAAM,GAAW,GAAG,QAAQ,YAAY,kBAAkB,CAAC,WAAW,CAAC,EAAE,CAAC;YAE9E,OAAO,CAAC,iBAAiB,CAAC,IAAI,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;YAEtD,OAAO;SACV;QAED,IAAI,KAAK,EAAE;YACP,WAAW,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;YACxC,YAAY,CAAC,OAAO,CAAC,aAAa,EAAE,WAAW,CAAC,CAAC;YAEjD,8BAA8B;YAC9B,MAAM,GAAG,GAAQ,IAAI,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,iBAAiB;YAC1D,MAAM,MAAM,GAAoB,IAAI,eAAe,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAA,cAAc;YAC9E,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAA,aAAa;YACpC,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAA,aAAa;YAE5C,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;SAC7B;QAED,8CAA8C;QAC9C,IAAA,uBAAiB,EAAC,EAAE,aAAa,EAAE,SAAS,GAAG,WAAW,EAAE,CAAC,CAAC;QAE9D,sBAAsB;QACtB,MAAM,UAAU,GAAa,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;QACnD,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO;QAExD,OAAO,OAAO,CAAC;IACnB,CAAC;CACJ,CAAC;AAEF,SAAS,aAAa,CAAC,QAAgB,EAAE,QAAiB;IACtD,IAAI,KAAK,GAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IACvF,IAAI,IAAI,GAAa,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAEtC,KAAK,IAAI,CAAC,GAAW,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QAC1C,IAAI,IAAI,GAAa,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAExC,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,QAAQ;YACnB,OAAO,IAAI,CAAC,CAAC,CAAC,CAAC;KACtB;IAED,OAAO,IAAI,CAAC;AAChB,CAAC"}
|
package/dist/iam/iam.ts
CHANGED
|
@@ -1,9 +1,20 @@
|
|
|
1
|
+
|
|
2
|
+
|
|
3
|
+
import { setBaseHeadParams } from "@ajaxjs/util/dist/util/xhr";
|
|
4
|
+
|
|
1
5
|
/**
|
|
2
6
|
* 获取登录信息
|
|
3
7
|
*
|
|
4
8
|
* @returns 用户 JWT
|
|
5
9
|
*/
|
|
6
10
|
export default {
|
|
11
|
+
/**
|
|
12
|
+
*
|
|
13
|
+
*
|
|
14
|
+
* @param loginUrl 登录页面地址
|
|
15
|
+
* @param thisPageUrl 前端页面的地址，最后返回这里
|
|
16
|
+
* @returns
|
|
17
|
+
*/
|
|
7
18
|
getLoginInfo(loginUrl: string, thisPageUrl: string): any {
|
|
8
19
|
const token = getQueryParam("token", false);
|
|
9
20
|
let accessToken: string = localStorage.getItem("accessToken");
|
|
@@ -31,6 +42,7 @@ export default {
|
|
|
31
42
|
}
|
|
32
43
|
|
|
33
44
|
// window.JWT_TOKEN = JSON.parse(accessToken);
|
|
45
|
+
setBaseHeadParams({ Authorization: 'Bearer ' + accessToken });
|
|
34
46
|
|
|
35
47
|
// 将 JWT Token 拆分为三个部分
|
|
36
48
|
const tokenParts: string[] = accessToken.split('.')
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<a @click="showUserInfo">{{ state }}
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
</a>
|
|
6
|
+
</template>
|
|
7
|
+
|
|
8
|
+
<script lang="ts">
|
|
9
|
+
import {dateFormat} from '@ajaxjs/util/dist/util/utils';
|
|
10
|
+
|
|
11
|
+
const logout:string = "localStorage.removeItem('accessToken');location.reload();";
|
|
12
|
+
|
|
13
|
+
export default {
|
|
14
|
+
data() {
|
|
15
|
+
return {
|
|
16
|
+
state: "未登录",
|
|
17
|
+
isShowInfo: false,
|
|
18
|
+
payload:null
|
|
19
|
+
};
|
|
20
|
+
},
|
|
21
|
+
|
|
22
|
+
mounted(): void {
|
|
23
|
+
// localStorage.setItem("accessToken", 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxIiwibmFtZSI6ImFkbWluIiwiYXVkIjoiREVGQVVMVF9TQ09QRTt0ZW5hbnRJZD0wIiwiZXhwIjoxNzIxMjMzMTE0LCJpc3MiOiJmb29AYmFyLm5ldCIsImlhdCI6MTcyMTE0NjcxNH0.mykPFQv2fkqmEk1UJs6vErtwATIdUmmbNvJDCMP4pMI');
|
|
24
|
+
let accessToken: string = localStorage.getItem("accessToken");
|
|
25
|
+
|
|
26
|
+
if (accessToken) {
|
|
27
|
+
// 将 JWT Token 拆分为三个部分
|
|
28
|
+
const tokenParts: string[] = accessToken.split(".");
|
|
29
|
+
const payload = JSON.parse(atob(tokenParts[1])); // 解析载荷
|
|
30
|
+
|
|
31
|
+
console.log(payload)
|
|
32
|
+
this.payload = payload;
|
|
33
|
+
this.state = payload.name;
|
|
34
|
+
}
|
|
35
|
+
},
|
|
36
|
+
methods: {
|
|
37
|
+
showUserInfo(): void {
|
|
38
|
+
if (this.state === "未登录") {
|
|
39
|
+
// @ts:ignore
|
|
40
|
+
location.assign(window.config.loginUrl);
|
|
41
|
+
} else {
|
|
42
|
+
this.$Modal.info({
|
|
43
|
+
title: '当前用户信息',
|
|
44
|
+
content: `<p>用户名： ${this.payload.name}</p><p>Token 过期时间：${dateFormat.call(new Date(this.payload.exp * 1000), 'yyyy-MM-dd hh:mm:ss')}</p><p><a href="#" onclick="${logout}">用户登出</a></p>`
|
|
45
|
+
});
|
|
46
|
+
}
|
|
47
|
+
},
|
|
48
|
+
},
|
|
49
|
+
};
|
|
50
|
+
</script>
|