@chlp-tech/rpa-ui 0.0.17-beta-1 → 0.0.17-beta-2
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/publish-status/index.js +86 -74
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from "react";
|
|
1
|
+
import React, { useMemo } from "react";
|
|
2
2
|
import styles from "./index.module.less";
|
|
3
3
|
import Process from "./imgs/process.svg";
|
|
4
4
|
import Wait from "./imgs/wait.svg";
|
|
@@ -7,84 +7,96 @@ import Fail from "./imgs/fail.svg";
|
|
|
7
7
|
import Publish from "./imgs/publish.svg";
|
|
8
8
|
import Pause from "./imgs/pause.svg";
|
|
9
9
|
import Delete from "./imgs/delete.svg";
|
|
10
|
-
import
|
|
11
|
-
var
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
10
|
+
import { useTranslation } from "react-i18next";
|
|
11
|
+
var useStatusHelper = function useStatusHelper() {
|
|
12
|
+
var _useTranslation = useTranslation(),
|
|
13
|
+
t = _useTranslation.t;
|
|
14
|
+
var statusTag = useMemo(function () {
|
|
15
|
+
return {
|
|
16
|
+
0: {
|
|
17
|
+
bgColor: '#ECEFF4',
|
|
18
|
+
textColor: '#3F5270',
|
|
19
|
+
text: t('草稿', {
|
|
20
|
+
ns: 'publish'
|
|
21
|
+
}),
|
|
22
|
+
icon: Process
|
|
23
|
+
},
|
|
24
|
+
1: {
|
|
25
|
+
bgColor: '#FFF5E9',
|
|
26
|
+
textColor: '#FF8800',
|
|
27
|
+
text: t('待发布', {
|
|
28
|
+
ns: 'publish'
|
|
29
|
+
}),
|
|
30
|
+
icon: Wait
|
|
31
|
+
},
|
|
32
|
+
2: {
|
|
33
|
+
bgColor: '#E0FFDD',
|
|
34
|
+
textColor: '#3BC92B',
|
|
35
|
+
text: t('发布成功', {
|
|
36
|
+
ns: 'publish'
|
|
37
|
+
}),
|
|
38
|
+
icon: Success
|
|
39
|
+
},
|
|
40
|
+
3: {
|
|
41
|
+
bgColor: '#FEECEC',
|
|
42
|
+
textColor: '#FA4441',
|
|
43
|
+
text: t('发布异常', {
|
|
44
|
+
ns: 'publish'
|
|
45
|
+
}),
|
|
46
|
+
icon: Fail
|
|
47
|
+
},
|
|
48
|
+
4: {
|
|
49
|
+
bgColor: '#E9F1FF',
|
|
50
|
+
textColor: '#004FD3',
|
|
51
|
+
text: t('发布中', {
|
|
52
|
+
ns: 'publish'
|
|
53
|
+
}),
|
|
54
|
+
icon: Publish
|
|
55
|
+
},
|
|
56
|
+
5: {
|
|
57
|
+
bgColor: '#E9F1FF',
|
|
58
|
+
textColor: '#004FD3',
|
|
59
|
+
text: t('排队中', {
|
|
60
|
+
ns: 'publish'
|
|
61
|
+
}),
|
|
62
|
+
icon: Publish
|
|
63
|
+
},
|
|
64
|
+
6: {
|
|
65
|
+
bgColor: '#ECEFF4',
|
|
66
|
+
textColor: '#3F5270',
|
|
67
|
+
text: t('已暂停', {
|
|
68
|
+
ns: 'publish'
|
|
69
|
+
}),
|
|
70
|
+
icon: Pause
|
|
71
|
+
},
|
|
72
|
+
7: {
|
|
73
|
+
bgColor: '#E9F1FF',
|
|
74
|
+
textColor: '#004FD3',
|
|
75
|
+
text: t('审核中', {
|
|
76
|
+
ns: 'publish'
|
|
77
|
+
}),
|
|
78
|
+
icon: Publish
|
|
79
|
+
},
|
|
80
|
+
8: {
|
|
81
|
+
bgColor: '#ECEFF4',
|
|
82
|
+
textColor: '#3F5270',
|
|
83
|
+
text: t('已删除', {
|
|
84
|
+
ns: 'publish'
|
|
85
|
+
}),
|
|
86
|
+
icon: Delete
|
|
87
|
+
}
|
|
88
|
+
};
|
|
89
|
+
}, []);
|
|
90
|
+
return {
|
|
91
|
+
statusTag: statusTag
|
|
92
|
+
};
|
|
83
93
|
};
|
|
84
94
|
var StatusTag = function StatusTag(_ref) {
|
|
85
95
|
var _statusTag$status, _statusTag$status2, _statusTag$status3, _statusTag$status4;
|
|
86
96
|
var _ref$status = _ref.status,
|
|
87
97
|
status = _ref$status === void 0 ? 0 : _ref$status;
|
|
98
|
+
var _useStatusHelper = useStatusHelper(),
|
|
99
|
+
statusTag = _useStatusHelper.statusTag;
|
|
88
100
|
return /*#__PURE__*/React.createElement("div", {
|
|
89
101
|
className: styles['status-tag'],
|
|
90
102
|
style: {
|