@titaui/pc 1.10.16 → 1.10.17
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/lib/components/communication/index.js +9 -5
- package/lib/components/dynamic/components/first-level-tabs/index.css +15 -2
- package/lib/components/dynamic/components/first-level-tabs/index.js +19 -6
- package/lib/components/dynamic/dynamic-item/dynamic-align/index.css +0 -2
- package/lib/components/dynamic/dynamic-item/dynamic-align/index.js +4 -2
- package/lib/components/dynamic/dynamic-item/dynamic-assessment/index.js +3 -1
- package/lib/components/dynamic/dynamic-item/dynamic-create-o/index.js +4 -2
- package/lib/components/dynamic/dynamic-item/dynamic-kr/index.js +5 -3
- package/lib/components/dynamic/dynamic-item/dynamic-milestone/index.js +3 -1
- package/lib/components/dynamic/dynamic-item/dynamic-progress/index.js +3 -1
- package/lib/components/dynamic/dynamic-item/dynamic-project/index.js +3 -1
- package/lib/components/dynamic/dynamic-item/dynamic-relative/index.js +4 -2
- package/lib/components/dynamic/dynamic-item/dynamic-report/index.js +1 -1
- package/lib/components/dynamic/dynamic-item/dynamic-reward/img/reward.png +0 -0
- package/lib/components/dynamic/dynamic-item/dynamic-reward/index.css +5 -0
- package/lib/components/dynamic/dynamic-item/dynamic-reward/index.js +15 -50
- package/lib/components/dynamic/dynamic-item/index.js +29 -14
- package/lib/components/dynamic/dynamic.js +1 -1
- package/lib/components/nav-top/components/menu/index.css +13 -0
- package/lib/components/nav-top/components/menu/index.js +9 -1
- package/lib/components/nav-top/components/user-message/index.js +30 -6
- package/lib/components/nav-top/useGlobalValue.js +14 -0
- package/lib/hooks/useGlobalState.js +63 -0
- package/package.json +1 -1
|
@@ -169,7 +169,8 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
|
|
|
169
169
|
replyUser: communicationTrackList[index].publishUser.name,
|
|
170
170
|
replyUserId: communicationTrackList[index].publishUser.userId,
|
|
171
171
|
replyUserCommentId: communicationTrackList[index].commentId,
|
|
172
|
-
isShowDefaultInput: false
|
|
172
|
+
isShowDefaultInput: false,
|
|
173
|
+
needAutoFocus: true
|
|
173
174
|
});
|
|
174
175
|
} else if (actionType === "praise") {
|
|
175
176
|
// 沟通里的点赞
|
|
@@ -281,7 +282,8 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
|
|
|
281
282
|
|
|
282
283
|
_this.handleShowMblog = function () {
|
|
283
284
|
_this.setState({
|
|
284
|
-
isShowDefaultInput: false
|
|
285
|
+
isShowDefaultInput: false,
|
|
286
|
+
needAutoFocus: true
|
|
285
287
|
});
|
|
286
288
|
};
|
|
287
289
|
|
|
@@ -309,7 +311,8 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
|
|
|
309
311
|
praiseObjId: "",
|
|
310
312
|
isShowPraiseRecordPop: false,
|
|
311
313
|
okrCommentFeedId: "",
|
|
312
|
-
isShowDefaultInput: showDefaultInput && communicationLength !== 0 ? true : false
|
|
314
|
+
isShowDefaultInput: showDefaultInput && communicationLength !== 0 ? true : false,
|
|
315
|
+
needAutoFocus: false
|
|
313
316
|
};
|
|
314
317
|
return _this;
|
|
315
318
|
}
|
|
@@ -359,7 +362,8 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
|
|
|
359
362
|
submitStatus = _this$state4.submitStatus,
|
|
360
363
|
isShowPraiseRecordPop = _this$state4.isShowPraiseRecordPop,
|
|
361
364
|
praiseObjId = _this$state4.praiseObjId,
|
|
362
|
-
isShowDefaultInput = _this$state4.isShowDefaultInput
|
|
365
|
+
isShowDefaultInput = _this$state4.isShowDefaultInput,
|
|
366
|
+
needAutoFocus = _this$state4.needAutoFocus;
|
|
363
367
|
var _this$props7 = this.props,
|
|
364
368
|
feedId = _this$props7.feedId,
|
|
365
369
|
className = _this$props7.className,
|
|
@@ -457,7 +461,7 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
|
|
|
457
461
|
submitStatus: submitStatus,
|
|
458
462
|
userSelectorPopAlign: userSelectorPopAlign,
|
|
459
463
|
emotionsSelectorPopAlign: emotionsSelectorPopAlign,
|
|
460
|
-
autoFocus: autoFocus,
|
|
464
|
+
autoFocus: autoFocus || needAutoFocus,
|
|
461
465
|
autoResizing: false,
|
|
462
466
|
onMblogSubmit: function onMblogSubmit(submitType, sentData) {
|
|
463
467
|
return _this2.handlerReply(submitType, sentData);
|
|
@@ -15,7 +15,6 @@
|
|
|
15
15
|
margin-right: 36px;
|
|
16
16
|
white-space: nowrap;
|
|
17
17
|
word-break: keep-all;
|
|
18
|
-
overflow: hidden;
|
|
19
18
|
text-overflow: ellipsis;
|
|
20
19
|
font-weight: 400;
|
|
21
20
|
}
|
|
@@ -26,7 +25,7 @@
|
|
|
26
25
|
}
|
|
27
26
|
|
|
28
27
|
.titaui-dynamic-first-level-tabs__tab--active::before {
|
|
29
|
-
content:
|
|
28
|
+
content: '';
|
|
30
29
|
display: inline-block;
|
|
31
30
|
position: absolute;
|
|
32
31
|
bottom: 0;
|
|
@@ -38,6 +37,20 @@
|
|
|
38
37
|
border-radius: 2px;
|
|
39
38
|
}
|
|
40
39
|
|
|
40
|
+
.titaui-dynamic-first-level-tabs__tab--showNumber {
|
|
41
|
+
position: absolute;
|
|
42
|
+
right: -12px;
|
|
43
|
+
top: 25%;
|
|
44
|
+
background: #f05e5e;
|
|
45
|
+
box-shadow: 0px 2px 4px 0px rgba(240, 94, 94, 0.4), inset 0px 0px 2px 1px rgba(255, 255, 255, 0.5);
|
|
46
|
+
border-radius: 8px;
|
|
47
|
+
height: 16px;
|
|
48
|
+
font-size: 12px;
|
|
49
|
+
color: #ffffff;
|
|
50
|
+
line-height: 18px;
|
|
51
|
+
padding: 0 4px;
|
|
52
|
+
}
|
|
53
|
+
|
|
41
54
|
.titaui-dynamic-first-level-tabs__hide-first-level-tabs {
|
|
42
55
|
display: flex;
|
|
43
56
|
flex-direction: column;
|
|
@@ -15,6 +15,8 @@ var _conditionRender = _interopRequireDefault(require("../../../condition-render
|
|
|
15
15
|
|
|
16
16
|
var _popup = _interopRequireDefault(require("../../../popup"));
|
|
17
17
|
|
|
18
|
+
var _useGlobalValue3 = _interopRequireDefault(require("../../../nav-top/useGlobalValue"));
|
|
19
|
+
|
|
18
20
|
require("./index.css");
|
|
19
21
|
|
|
20
22
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
@@ -57,9 +59,16 @@ var FirstLevelTabs = function FirstLevelTabs(_ref) {
|
|
|
57
59
|
popupVisible = _useState2[0],
|
|
58
60
|
setPopupVisible = _useState2[1];
|
|
59
61
|
|
|
62
|
+
var _useGlobalValue = (0, _useGlobalValue3["default"])(),
|
|
63
|
+
_useGlobalValue2 = _slicedToArray(_useGlobalValue, 1),
|
|
64
|
+
feedNum = _useGlobalValue2[0];
|
|
65
|
+
|
|
60
66
|
var handleTabsChange = function handleTabsChange(id) {
|
|
61
67
|
setPopupVisible(false);
|
|
62
|
-
|
|
68
|
+
|
|
69
|
+
if (onTabsChange) {
|
|
70
|
+
onTabsChange(id);
|
|
71
|
+
}
|
|
63
72
|
};
|
|
64
73
|
|
|
65
74
|
var handlePopupVisibleChange = function handlePopupVisibleChange(visible) {
|
|
@@ -69,7 +78,7 @@ var FirstLevelTabs = function FirstLevelTabs(_ref) {
|
|
|
69
78
|
var renderFoldFirstLevelTab = (0, _react.useMemo)(function () {
|
|
70
79
|
var foldTabs = tabsInfo.slice(3);
|
|
71
80
|
var isActiveHideMeun = foldTabs.filter(function (item) {
|
|
72
|
-
return item.CodeId
|
|
81
|
+
return item.CodeId === activeTab;
|
|
73
82
|
}).length > 0;
|
|
74
83
|
|
|
75
84
|
var popContent = /*#__PURE__*/_react["default"].createElement("div", {
|
|
@@ -77,7 +86,7 @@ var FirstLevelTabs = function FirstLevelTabs(_ref) {
|
|
|
77
86
|
}, foldTabs.map(function (item) {
|
|
78
87
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
79
88
|
key: item.CodeId + item.MenuName,
|
|
80
|
-
className: (0, _classnames["default"])("".concat(prefix, "__hide-first-level-tab"), _defineProperty({}, "".concat(prefix, "__hide-first-level-tab--active"), item.CodeId
|
|
89
|
+
className: (0, _classnames["default"])("".concat(prefix, "__hide-first-level-tab"), _defineProperty({}, "".concat(prefix, "__hide-first-level-tab--active"), item.CodeId === activeTab)),
|
|
81
90
|
onClick: function onClick() {
|
|
82
91
|
handleTabsChange(item.CodeId);
|
|
83
92
|
}
|
|
@@ -101,14 +110,18 @@ var FirstLevelTabs = function FirstLevelTabs(_ref) {
|
|
|
101
110
|
}, /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
|
|
102
111
|
condition: !!tabsInfo
|
|
103
112
|
}, tabsInfo.map(function (item, index) {
|
|
104
|
-
if (index >= 3) return;
|
|
113
|
+
if (index >= 3) return null;
|
|
105
114
|
return /*#__PURE__*/_react["default"].createElement("span", {
|
|
106
115
|
key: item.CodeId + item.MenuName,
|
|
107
116
|
className: (0, _classnames["default"])("".concat(prefix, "__tab"), _defineProperty({}, "".concat(prefix, "__tab--active"), item.CodeId === activeTab)),
|
|
108
117
|
onClick: function onClick() {
|
|
109
|
-
|
|
118
|
+
if (onTabsChange) {
|
|
119
|
+
onTabsChange(item.CodeId);
|
|
120
|
+
}
|
|
110
121
|
}
|
|
111
|
-
}, item.MenuName
|
|
122
|
+
}, item.MenuName, item.CodeId === 1001 && feedNum > 0 && /*#__PURE__*/_react["default"].createElement("span", {
|
|
123
|
+
className: "".concat(prefix, "__tab--showNumber")
|
|
124
|
+
}, feedNum));
|
|
112
125
|
})), /*#__PURE__*/_react["default"].createElement("span", {
|
|
113
126
|
className: "".concat(prefix, "__fold-tab")
|
|
114
127
|
}, renderFoldFirstLevelTab));
|
|
@@ -71,7 +71,6 @@
|
|
|
71
71
|
font-size: 12px;
|
|
72
72
|
color: #89919f;
|
|
73
73
|
line-height: 18px;
|
|
74
|
-
margin-right: 8px;
|
|
75
74
|
}
|
|
76
75
|
|
|
77
76
|
.titaui-dynamic-align-item__obj-principal-user::after {
|
|
@@ -88,7 +87,6 @@
|
|
|
88
87
|
font-size: 12px;
|
|
89
88
|
color: #89919f;
|
|
90
89
|
line-height: 18px;
|
|
91
|
-
margin-left: 8px;
|
|
92
90
|
}
|
|
93
91
|
|
|
94
92
|
.titaui-dynamic-align-item__align-img {
|
|
@@ -33,6 +33,8 @@ var _dynamicAlignO = _interopRequireDefault(require("./img/dynamic-align-o.png")
|
|
|
33
33
|
|
|
34
34
|
var _dynamicAlignKr = _interopRequireDefault(require("./img/dynamic-align-kr.png"));
|
|
35
35
|
|
|
36
|
+
var _tools = require("../../../../utils/tools");
|
|
37
|
+
|
|
36
38
|
require("./index.css");
|
|
37
39
|
|
|
38
40
|
var _excluded = ["data"];
|
|
@@ -131,7 +133,7 @@ var DynamicAlign = function DynamicAlign(_ref) {
|
|
|
131
133
|
}, /*#__PURE__*/_react["default"].createElement(_tooltip["default"].Text, {
|
|
132
134
|
isPercent: true,
|
|
133
135
|
text: /*#__PURE__*/_react["default"].createElement(_searchKeyHandle["default"], {
|
|
134
|
-
str: parentObjName,
|
|
136
|
+
str: (0, _tools.htmlDecodeByRegExp)(parentObjName),
|
|
135
137
|
keyWord: searchKeyWord
|
|
136
138
|
})
|
|
137
139
|
})), /*#__PURE__*/_react["default"].createElement("div", {
|
|
@@ -168,7 +170,7 @@ var DynamicAlign = function DynamicAlign(_ref) {
|
|
|
168
170
|
}
|
|
169
171
|
}, /*#__PURE__*/_react["default"].createElement(_tooltip["default"].Text, {
|
|
170
172
|
isPercent: true,
|
|
171
|
-
text: okrName
|
|
173
|
+
text: (0, _tools.htmlDecodeByRegExp)(okrName)
|
|
172
174
|
})), /*#__PURE__*/_react["default"].createElement("div", {
|
|
173
175
|
className: "".concat(prefix, "__obj-other-info")
|
|
174
176
|
}, /*#__PURE__*/_react["default"].createElement("span", {
|
|
@@ -21,6 +21,8 @@ var _getLocale = require("../../../../utils/getLocale");
|
|
|
21
21
|
|
|
22
22
|
var _context = require("../../context");
|
|
23
23
|
|
|
24
|
+
var _tools = require("../../../../utils/tools");
|
|
25
|
+
|
|
24
26
|
require("./index.css");
|
|
25
27
|
|
|
26
28
|
var _excluded = ["data"];
|
|
@@ -80,7 +82,7 @@ var DynamicShare = function DynamicShare(_ref) {
|
|
|
80
82
|
onClick: handleClickTitle
|
|
81
83
|
}, /*#__PURE__*/_react["default"].createElement(_tooltip["default"].Text, {
|
|
82
84
|
text: /*#__PURE__*/_react["default"].createElement(_searchKeyHandle["default"], {
|
|
83
|
-
str: data.assessName,
|
|
85
|
+
str: (0, _tools.htmlDecodeByRegExp)(data.assessName),
|
|
84
86
|
keyWord: searchKeyWord
|
|
85
87
|
}),
|
|
86
88
|
isPercent: true
|
|
@@ -29,6 +29,8 @@ var _progress = _interopRequireDefault(require("../../../progress"));
|
|
|
29
29
|
|
|
30
30
|
var _util = require("../../util");
|
|
31
31
|
|
|
32
|
+
var _tools = require("../../../../utils/tools");
|
|
33
|
+
|
|
32
34
|
require("./index.css");
|
|
33
35
|
|
|
34
36
|
var _excluded = ["data"];
|
|
@@ -150,7 +152,7 @@ var DynamicCreateO = function DynamicCreateO(_ref) {
|
|
|
150
152
|
onClick: handleClickOTitle
|
|
151
153
|
}, /*#__PURE__*/_react["default"].createElement(_tooltip["default"].Text, {
|
|
152
154
|
text: /*#__PURE__*/_react["default"].createElement(_searchKeyHandle["default"], {
|
|
153
|
-
str: okrName,
|
|
155
|
+
str: (0, _tools.htmlDecodeByRegExp)(okrName),
|
|
154
156
|
keyWord: searchKeyWord
|
|
155
157
|
}),
|
|
156
158
|
isPercent: true
|
|
@@ -176,7 +178,7 @@ var DynamicCreateO = function DynamicCreateO(_ref) {
|
|
|
176
178
|
handleClickKrTitle(kr.krId);
|
|
177
179
|
}
|
|
178
180
|
}, /*#__PURE__*/_react["default"].createElement(_searchKeyHandle["default"], {
|
|
179
|
-
str: kr.krName,
|
|
181
|
+
str: (0, _tools.htmlDecodeByRegExp)(kr.krName),
|
|
180
182
|
keyWord: searchKeyWord
|
|
181
183
|
})));
|
|
182
184
|
}))))));
|
|
@@ -21,10 +21,12 @@ var _constant = require("../../constant");
|
|
|
21
21
|
|
|
22
22
|
var _searchKeyHandle = _interopRequireDefault(require("../../../search-key-handle"));
|
|
23
23
|
|
|
24
|
-
require("./index.css");
|
|
25
|
-
|
|
26
24
|
var _context = require("../../context");
|
|
27
25
|
|
|
26
|
+
var _tools = require("../../../../utils/tools");
|
|
27
|
+
|
|
28
|
+
require("./index.css");
|
|
29
|
+
|
|
28
30
|
var _excluded = ["data"];
|
|
29
31
|
|
|
30
32
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
@@ -95,7 +97,7 @@ var DynamicKr = function DynamicKr(_ref) {
|
|
|
95
97
|
onClick: handleClickKrTitle
|
|
96
98
|
}, /*#__PURE__*/_react["default"].createElement(_tooltip["default"].Text, {
|
|
97
99
|
text: /*#__PURE__*/_react["default"].createElement(_searchKeyHandle["default"], {
|
|
98
|
-
str: name,
|
|
100
|
+
str: (0, _tools.htmlDecodeByRegExp)(name),
|
|
99
101
|
keyWord: searchKeyWord
|
|
100
102
|
}),
|
|
101
103
|
isPercent: true
|
|
@@ -25,6 +25,8 @@ var _tooltip = _interopRequireDefault(require("../../../tooltip"));
|
|
|
25
25
|
|
|
26
26
|
var _getLocale = require("../../../../utils/getLocale");
|
|
27
27
|
|
|
28
|
+
var _tools = require("../../../../utils/tools");
|
|
29
|
+
|
|
28
30
|
require("./index.css");
|
|
29
31
|
|
|
30
32
|
var _excluded = ["data"];
|
|
@@ -81,7 +83,7 @@ var DynamicMilestone = function DynamicMilestone(_ref) {
|
|
|
81
83
|
className: "".concat(prefix, "__content-title-text"),
|
|
82
84
|
onClick: handleClickTaskTitle
|
|
83
85
|
}, /*#__PURE__*/_react["default"].createElement(_searchKeyHandle["default"], {
|
|
84
|
-
str: name,
|
|
86
|
+
str: (0, _tools.htmlDecodeByRegExp)(name),
|
|
85
87
|
keyWord: searchKeyWord
|
|
86
88
|
}));
|
|
87
89
|
}, [name, searchKeyWord]);
|
|
@@ -33,6 +33,8 @@ var _conditionRender = _interopRequireDefault(require("../../../condition-render
|
|
|
33
33
|
|
|
34
34
|
var _tooltip = _interopRequireDefault(require("../../../tooltip"));
|
|
35
35
|
|
|
36
|
+
var _tools = require("../../../../utils/tools");
|
|
37
|
+
|
|
36
38
|
require("./index.css");
|
|
37
39
|
|
|
38
40
|
var _excluded = ["data"];
|
|
@@ -142,7 +144,7 @@ var DynamicProgress = function DynamicProgress(_ref) {
|
|
|
142
144
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
143
145
|
className: "".concat(prefix, "__title")
|
|
144
146
|
}, /*#__PURE__*/_react["default"].createElement(_title["default"], _extends({
|
|
145
|
-
content: obj === null || obj === void 0 ? void 0 : obj.objName,
|
|
147
|
+
content: (0, _tools.htmlDecodeByRegExp)(obj === null || obj === void 0 ? void 0 : obj.objName),
|
|
146
148
|
onClickTitle: handleClickTitle
|
|
147
149
|
}, (0, _utils.getDynamicTitleProps)(obj)))), /*#__PURE__*/_react["default"].createElement("div", {
|
|
148
150
|
className: "".concat(prefix, "__status")
|
|
@@ -25,6 +25,8 @@ var _tooltip = _interopRequireDefault(require("../../../tooltip"));
|
|
|
25
25
|
|
|
26
26
|
var _getLocale = require("../../../../utils/getLocale");
|
|
27
27
|
|
|
28
|
+
var _tools = require("../../../../utils/tools");
|
|
29
|
+
|
|
28
30
|
require("./index.css");
|
|
29
31
|
|
|
30
32
|
var _excluded = ["data"];
|
|
@@ -65,7 +67,7 @@ var DynamicProject = function DynamicProject(_ref) {
|
|
|
65
67
|
className: "".concat(prefix, "__content-title-text"),
|
|
66
68
|
onClick: handleClickTitle
|
|
67
69
|
}, /*#__PURE__*/_react["default"].createElement(_searchKeyHandle["default"], {
|
|
68
|
-
str: workName,
|
|
70
|
+
str: (0, _tools.htmlDecodeByRegExp)(workName),
|
|
69
71
|
keyWord: searchKeyWord
|
|
70
72
|
}));
|
|
71
73
|
}, [workName, searchKeyWord]);
|
|
@@ -37,6 +37,8 @@ var _dynamicRelaProject = _interopRequireDefault(require("./img/dynamic-rela-pro
|
|
|
37
37
|
|
|
38
38
|
var _dynamicRelaTask = _interopRequireDefault(require("./img/dynamic-rela-task.png"));
|
|
39
39
|
|
|
40
|
+
var _tools = require("../../../../utils/tools");
|
|
41
|
+
|
|
40
42
|
require("./index.css");
|
|
41
43
|
|
|
42
44
|
var _excluded = ["data"];
|
|
@@ -144,7 +146,7 @@ var DynamicRelative = function DynamicRelative(_ref) {
|
|
|
144
146
|
}, /*#__PURE__*/_react["default"].createElement(_tooltip["default"].Text, {
|
|
145
147
|
isPercent: true,
|
|
146
148
|
text: /*#__PURE__*/_react["default"].createElement(_searchKeyHandle["default"], {
|
|
147
|
-
str: relateObjName,
|
|
149
|
+
str: (0, _tools.htmlDecodeByRegExp)(relateObjName),
|
|
148
150
|
keyWord: searchKeyWord
|
|
149
151
|
})
|
|
150
152
|
})), /*#__PURE__*/_react["default"].createElement("div", {
|
|
@@ -181,7 +183,7 @@ var DynamicRelative = function DynamicRelative(_ref) {
|
|
|
181
183
|
}
|
|
182
184
|
}, /*#__PURE__*/_react["default"].createElement(_tooltip["default"].Text, {
|
|
183
185
|
isPercent: true,
|
|
184
|
-
text: objName
|
|
186
|
+
text: (0, _tools.htmlDecodeByRegExp)(objName)
|
|
185
187
|
})), /*#__PURE__*/_react["default"].createElement("div", {
|
|
186
188
|
className: "".concat(prefix, "__obj-other-info")
|
|
187
189
|
}, /*#__PURE__*/_react["default"].createElement("span", {
|
|
@@ -113,7 +113,7 @@ var DynamicReply = function DynamicReply(_ref) {
|
|
|
113
113
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
114
114
|
className: "".concat(prefix, "__content-title")
|
|
115
115
|
}, /*#__PURE__*/_react["default"].createElement(_title["default"], {
|
|
116
|
-
content: data.name,
|
|
116
|
+
content: (0, _tools.htmlDecodeByRegExp)(data.name),
|
|
117
117
|
onClickTitle: handleClickTitle,
|
|
118
118
|
type: getEReportType(reportType),
|
|
119
119
|
typeBgColor: "rgba(92, 142, 255, 0.5)",
|
|
@@ -33,6 +33,10 @@ var _openData = require("../../../../utils/open-data");
|
|
|
33
33
|
|
|
34
34
|
var _getLocale = require("../../../../utils/getLocale");
|
|
35
35
|
|
|
36
|
+
var _utils = require("../dynamic-progress/utils");
|
|
37
|
+
|
|
38
|
+
var _reward = _interopRequireDefault(require("./img/reward.png"));
|
|
39
|
+
|
|
36
40
|
require("./index.css");
|
|
37
41
|
|
|
38
42
|
var _excluded = ["data"];
|
|
@@ -60,7 +64,6 @@ var DynamicReward = function DynamicReward(_ref) {
|
|
|
60
64
|
var rewardContent = data.rewardContent,
|
|
61
65
|
rewardTags = data.rewardTags,
|
|
62
66
|
obj = data.obj,
|
|
63
|
-
classify = data.classify,
|
|
64
67
|
rewardUser = data.rewardUser,
|
|
65
68
|
publishUser = data.publishUser;
|
|
66
69
|
|
|
@@ -93,47 +96,6 @@ var DynamicReward = function DynamicReward(_ref) {
|
|
|
93
96
|
}
|
|
94
97
|
};
|
|
95
98
|
|
|
96
|
-
var renderTitle = (0, _react.useMemo)(function () {
|
|
97
|
-
if (!obj) {
|
|
98
|
-
return "";
|
|
99
|
-
}
|
|
100
|
-
|
|
101
|
-
var objType = obj.objType,
|
|
102
|
-
objName = obj.objName;
|
|
103
|
-
|
|
104
|
-
if (objType === _constant.EObjType.Kr) {
|
|
105
|
-
return "KR\uFF1A".concat(objName);
|
|
106
|
-
}
|
|
107
|
-
|
|
108
|
-
if (objType === _constant.EObjType.O) {
|
|
109
|
-
return "O\uFF1A".concat(objName);
|
|
110
|
-
}
|
|
111
|
-
|
|
112
|
-
if (objType === _constant.EObjType.Task) {
|
|
113
|
-
return "".concat((0, _getLocale.getLocale)("Mod_Tasks"), "\uFF1A").concat(objName);
|
|
114
|
-
}
|
|
115
|
-
|
|
116
|
-
if (objType === _constant.EObjType.Project) {
|
|
117
|
-
return "".concat((0, _getLocale.getLocale)("Mod_Project"), "\uFF1A").concat(objName);
|
|
118
|
-
}
|
|
119
|
-
|
|
120
|
-
if (objType === _constant.EObjType.Assess) {
|
|
121
|
-
return "".concat((0, _getLocale.getLocale)("Mod_Performance"), "\uFF1A").concat(objName);
|
|
122
|
-
}
|
|
123
|
-
|
|
124
|
-
return "";
|
|
125
|
-
}, []);
|
|
126
|
-
var Classify = (0, _react.useMemo)(function () {
|
|
127
|
-
var _classNames;
|
|
128
|
-
|
|
129
|
-
if (!classify || Number(classify) === 0) {
|
|
130
|
-
return "";
|
|
131
|
-
}
|
|
132
|
-
|
|
133
|
-
return /*#__PURE__*/_react["default"].createElement("span", {
|
|
134
|
-
className: (0, _classnames["default"])("".concat(prefix, "__classify"), (_classNames = {}, _defineProperty(_classNames, "".concat(prefix, "__classify--desire"), classify === 1), _defineProperty(_classNames, "".concat(prefix, "__classify--promise"), classify === 2), _classNames))
|
|
135
|
-
});
|
|
136
|
-
}, [classify]);
|
|
137
99
|
var renderDesc = (0, _react.useMemo)(function () {
|
|
138
100
|
var url = ""; // const url = getUrlForUserPage({
|
|
139
101
|
// userId: rewardUser.name,
|
|
@@ -155,7 +117,11 @@ var DynamicReward = function DynamicReward(_ref) {
|
|
|
155
117
|
}, /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
|
|
156
118
|
name: rewardUser.name,
|
|
157
119
|
id: rewardUser.userId
|
|
158
|
-
})), (0, _getLocale.getLocale)("OKR_MyO_E_Reward")
|
|
120
|
+
})), (0, _getLocale.getLocale)("OKR_MyO_E_Reward"), /*#__PURE__*/_react["default"].createElement("img", {
|
|
121
|
+
alt: "",
|
|
122
|
+
src: _reward["default"],
|
|
123
|
+
className: "".concat(prefix, "__reward-img")
|
|
124
|
+
})));
|
|
159
125
|
}, []);
|
|
160
126
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
161
127
|
className: prefix
|
|
@@ -167,14 +133,13 @@ var DynamicReward = function DynamicReward(_ref) {
|
|
|
167
133
|
className: "".concat(prefix, "__content")
|
|
168
134
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
169
135
|
className: "".concat(prefix, "__title")
|
|
170
|
-
},
|
|
171
|
-
content:
|
|
172
|
-
onClickTitle: handleClickTitle
|
|
173
|
-
|
|
174
|
-
})), rewardContent && /*#__PURE__*/_react["default"].createElement("div", {
|
|
136
|
+
}, obj && obj.objName && /*#__PURE__*/_react["default"].createElement(_title["default"], _extends({
|
|
137
|
+
content: (0, _tools.htmlDecodeByRegExp)(obj.objName),
|
|
138
|
+
onClickTitle: handleClickTitle
|
|
139
|
+
}, (0, _utils.getDynamicTitleProps)(obj)))), rewardContent && /*#__PURE__*/_react["default"].createElement("div", {
|
|
175
140
|
className: "".concat(prefix, "__description"),
|
|
176
141
|
style: {
|
|
177
|
-
marginTop:
|
|
142
|
+
marginTop: obj && obj.objName ? "12px" : "0"
|
|
178
143
|
}
|
|
179
144
|
}, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("img", {
|
|
180
145
|
className: (0, _classnames["default"])("".concat(prefix, "__description-quoto"), "".concat(prefix, "__description-quoto--left")),
|
|
@@ -188,7 +153,7 @@ var DynamicReward = function DynamicReward(_ref) {
|
|
|
188
153
|
alt: "",
|
|
189
154
|
src: _dynamicRightQuoto["default"]
|
|
190
155
|
}), rewardTags && rewardTags.length && rewardTags.map(function (reward) {
|
|
191
|
-
return /*#__PURE__*/_react["default"].createElement("span", {
|
|
156
|
+
return reward.tagName && /*#__PURE__*/_react["default"].createElement("span", {
|
|
192
157
|
className: "".concat(prefix, "__reward-tag"),
|
|
193
158
|
style: {
|
|
194
159
|
background: (0, _tools.hexToRgba)(reward.color, 0.2),
|
|
@@ -69,6 +69,12 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
69
69
|
|
|
70
70
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
71
71
|
|
|
72
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
73
|
+
|
|
74
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
75
|
+
|
|
76
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
77
|
+
|
|
72
78
|
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
73
79
|
|
|
74
80
|
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
@@ -98,7 +104,9 @@ var DynamicItem = function DynamicItem(_ref) {
|
|
|
98
104
|
var feedId = data.feedId,
|
|
99
105
|
feedComments = data.feedComments,
|
|
100
106
|
praiseType = data.praiseType,
|
|
101
|
-
praiseUsers = data.praiseUsers
|
|
107
|
+
praiseUsers = data.praiseUsers,
|
|
108
|
+
feedType = data.feedType,
|
|
109
|
+
publishUser = data.publishUser;
|
|
102
110
|
|
|
103
111
|
var _useState = (0, _react.useState)(feedComments.total > 0),
|
|
104
112
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -281,20 +289,24 @@ var DynamicItem = function DynamicItem(_ref) {
|
|
|
281
289
|
}
|
|
282
290
|
|
|
283
291
|
return count || type;
|
|
284
|
-
};
|
|
285
|
-
// const data = {
|
|
286
|
-
// multi: false,
|
|
287
|
-
// toUserInfo: publishUser,
|
|
288
|
-
// objId: feedId,
|
|
289
|
-
// objType: feedType,
|
|
290
|
-
// };
|
|
291
|
-
// if (window.util) {
|
|
292
|
-
// window.util.rewardGetFile((myReward) => {
|
|
293
|
-
// myReward.renderPayReward(data);
|
|
294
|
-
// });
|
|
295
|
-
// }
|
|
296
|
-
// };
|
|
292
|
+
};
|
|
297
293
|
|
|
294
|
+
var handlePayReward = function handlePayReward() {
|
|
295
|
+
var data = {
|
|
296
|
+
multi: false,
|
|
297
|
+
toUserInfo: _objectSpread(_objectSpread({}, publishUser), {}, {
|
|
298
|
+
id: publishUser.userId
|
|
299
|
+
}),
|
|
300
|
+
objId: feedId,
|
|
301
|
+
objType: feedType
|
|
302
|
+
};
|
|
303
|
+
|
|
304
|
+
if (window.util) {
|
|
305
|
+
window.util.rewardGetFile(function (myReward) {
|
|
306
|
+
myReward.renderPayReward(data);
|
|
307
|
+
});
|
|
308
|
+
}
|
|
309
|
+
};
|
|
298
310
|
|
|
299
311
|
(0, _react.useEffect)(function () {
|
|
300
312
|
setTimeout(function () {
|
|
@@ -358,6 +370,9 @@ var DynamicItem = function DynamicItem(_ref) {
|
|
|
358
370
|
}, (0, _getLocale.getLocale)("Mod_Fold"), /*#__PURE__*/_react["default"].createElement("i", {
|
|
359
371
|
className: (0, _classnames["default"])("tu-icon-arrow-down", "".concat(prefix, "__icon"), "".concat(prefix, "__icon-up"))
|
|
360
372
|
}))), /*#__PURE__*/_react["default"].createElement("span", {
|
|
373
|
+
onClick: handlePayReward,
|
|
374
|
+
className: (0, _classnames["default"])("tu-icon-red-envelopes", "".concat(prefix, "__footer-icon"))
|
|
375
|
+
}), /*#__PURE__*/_react["default"].createElement("span", {
|
|
361
376
|
onClick: handleCommentClick,
|
|
362
377
|
className: (0, _classnames["default"])("tu-icon-pinglun-m", "".concat(prefix, "__footer-icon"))
|
|
363
378
|
}, /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
|
|
@@ -269,7 +269,7 @@ var Dynamic = function Dynamic() {
|
|
|
269
269
|
} // 滚动到距离底部40px之后加载新的数据
|
|
270
270
|
|
|
271
271
|
|
|
272
|
-
if (contentDom.scrollHeight - contentDom.scrollTop <= contentDom.offsetHeight) {
|
|
272
|
+
if (contentDom.scrollHeight - contentDom.scrollTop <= contentDom.offsetHeight + 40) {
|
|
273
273
|
// 滚动加载防止重复请求
|
|
274
274
|
if (noMoreData || isLoadingMore) {
|
|
275
275
|
return;
|
|
@@ -13,6 +13,7 @@
|
|
|
13
13
|
font-weight: 600;
|
|
14
14
|
cursor: pointer;
|
|
15
15
|
color: #ffffff;
|
|
16
|
+
position: relative;
|
|
16
17
|
}
|
|
17
18
|
|
|
18
19
|
.titaui-nav-top-menu__menu-show:hover {
|
|
@@ -38,6 +39,18 @@
|
|
|
38
39
|
transform: translate(-50%, 0);
|
|
39
40
|
}
|
|
40
41
|
|
|
42
|
+
.titaui-nav-top-menu__menu--hasPoint::before {
|
|
43
|
+
content: '';
|
|
44
|
+
position: absolute;
|
|
45
|
+
width: 6px;
|
|
46
|
+
height: 6px;
|
|
47
|
+
background: #f05e5e;
|
|
48
|
+
border: 2px solid #2879ff;
|
|
49
|
+
border-radius: 50%;
|
|
50
|
+
right: 12px;
|
|
51
|
+
top: 10px;
|
|
52
|
+
}
|
|
53
|
+
|
|
41
54
|
.titaui-nav-top-menu__hide-menus {
|
|
42
55
|
display: flex;
|
|
43
56
|
flex-direction: column;
|
|
@@ -19,6 +19,8 @@ var _popup = _interopRequireDefault(require("../../../popup"));
|
|
|
19
19
|
|
|
20
20
|
var _conditionRender = _interopRequireDefault(require("../../../../components/condition-render"));
|
|
21
21
|
|
|
22
|
+
var _useGlobalValue3 = _interopRequireDefault(require("../../useGlobalValue"));
|
|
23
|
+
|
|
22
24
|
require("./index.css");
|
|
23
25
|
|
|
24
26
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
@@ -60,6 +62,10 @@ var Menu = function Menu(_ref) {
|
|
|
60
62
|
popupVisible = _useState2[0],
|
|
61
63
|
setPopupVisible = _useState2[1];
|
|
62
64
|
|
|
65
|
+
var _useGlobalValue = (0, _useGlobalValue3["default"])(),
|
|
66
|
+
_useGlobalValue2 = _slicedToArray(_useGlobalValue, 1),
|
|
67
|
+
feedNum = _useGlobalValue2[0];
|
|
68
|
+
|
|
63
69
|
var containerRef = (0, _react.useRef)();
|
|
64
70
|
var apiPath = (0, _bsGlobal.getBSGlobal)("apiPath");
|
|
65
71
|
var userId = (0, _bsGlobal.getUserInfo)().Id;
|
|
@@ -83,12 +89,14 @@ var Menu = function Menu(_ref) {
|
|
|
83
89
|
};
|
|
84
90
|
|
|
85
91
|
var renderRawItem = function renderRawItem(menu) {
|
|
92
|
+
var _classNames;
|
|
93
|
+
|
|
86
94
|
return /*#__PURE__*/_react["default"].createElement(_rcOverflow["default"].Item, {
|
|
87
95
|
component: "span"
|
|
88
96
|
}, /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
|
|
89
97
|
condition: menu.title !== "Learning"
|
|
90
98
|
}, /*#__PURE__*/_react["default"].createElement("a", {
|
|
91
|
-
className: (0, _classnames["default"])("".concat(prefix, "__menu-show"),
|
|
99
|
+
className: (0, _classnames["default"])("".concat(prefix, "__menu-show"), (_classNames = {}, _defineProperty(_classNames, "".concat(prefix, "__menu-show--active"), activeMenuId === menu.id), _defineProperty(_classNames, "".concat(prefix, "__menu--hasPoint"), menu.id === 21841 && feedNum > 0), _classNames)),
|
|
92
100
|
href: "".concat(menu.href),
|
|
93
101
|
target: "_self",
|
|
94
102
|
onClick: function onClick() {
|
|
@@ -27,6 +27,8 @@ var _request = require("../../request.apis");
|
|
|
27
27
|
|
|
28
28
|
var _bell3x = _interopRequireDefault(require("./images/bell@3x.png"));
|
|
29
29
|
|
|
30
|
+
var _useGlobalValue = _interopRequireDefault(require("../../useGlobalValue"));
|
|
31
|
+
|
|
30
32
|
require("./index.css");
|
|
31
33
|
|
|
32
34
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
@@ -82,6 +84,8 @@ function UserMessage() {
|
|
|
82
84
|
firstTab = _useState12[0],
|
|
83
85
|
setFirstTab = _useState12[1];
|
|
84
86
|
|
|
87
|
+
var setFeedNum = (0, _useGlobalValue["default"])()[1];
|
|
88
|
+
|
|
85
89
|
var handleShowInfos = function handleShowInfos() {
|
|
86
90
|
setPopupVisible(true);
|
|
87
91
|
};
|
|
@@ -137,18 +141,28 @@ function UserMessage() {
|
|
|
137
141
|
|
|
138
142
|
var enterpriseMedalMsg = indicators.filter(function (item) {
|
|
139
143
|
return item.messageType === 1 && item.indicatorType === 1969002;
|
|
140
|
-
});
|
|
144
|
+
});
|
|
141
145
|
|
|
142
|
-
enterpriseMedalMsg.length > 0
|
|
146
|
+
if (enterpriseMedalMsg.length > 0) {
|
|
147
|
+
window.util.upaasEnterpriseMedal();
|
|
148
|
+
} // upaas 勋章
|
|
143
149
|
|
|
144
|
-
var medalDetail = (0, _bsGlobal.getBSGlobal)("medalDetail"); // @ts-ignore
|
|
145
150
|
|
|
146
|
-
medalDetail
|
|
151
|
+
var medalDetail = (0, _bsGlobal.getBSGlobal)("medalDetail");
|
|
152
|
+
|
|
153
|
+
if (medalDetail) {
|
|
154
|
+
window.util.upaasMedal()(medalDetail);
|
|
155
|
+
} // 红包
|
|
156
|
+
|
|
147
157
|
|
|
148
158
|
var mRedPackIndicator = indicators.filter(function (item) {
|
|
149
159
|
return item.type === "mRedPackIndicator";
|
|
150
160
|
});
|
|
151
|
-
|
|
161
|
+
|
|
162
|
+
if (mRedPackIndicator.length > 0) {
|
|
163
|
+
setRedPackNum(mRedPackIndicator[0].value);
|
|
164
|
+
} // 祝福,拆礼物
|
|
165
|
+
|
|
152
166
|
|
|
153
167
|
var blessIndicator = indicators.filter(function (item) {
|
|
154
168
|
return item.type === "mZhufu";
|
|
@@ -173,6 +187,15 @@ function UserMessage() {
|
|
|
173
187
|
|
|
174
188
|
(_window = window) === null || _window === void 0 ? void 0 : _window.Talent.app.vent.trigger("open-weekly-report-modal");
|
|
175
189
|
}
|
|
190
|
+
|
|
191
|
+
var feedInfo = indicators.find(function (item) {
|
|
192
|
+
return item.type === "feedAboutMeIndicator";
|
|
193
|
+
});
|
|
194
|
+
|
|
195
|
+
if (feedInfo) {
|
|
196
|
+
// @ts-ignore
|
|
197
|
+
setFeedNum(feedInfo.value);
|
|
198
|
+
}
|
|
176
199
|
}
|
|
177
200
|
});
|
|
178
201
|
};
|
|
@@ -203,7 +226,8 @@ function UserMessage() {
|
|
|
203
226
|
className: (0, _classnames["default"])("".concat(prefixCls, "__msg-total"))
|
|
204
227
|
}, infosNum > 100 ? "99+" : infosNum)), /*#__PURE__*/_react["default"].createElement("img", {
|
|
205
228
|
src: _bell3x["default"],
|
|
206
|
-
className: (0, _classnames["default"])(_defineProperty({}, "".concat(prefixCls, "__msg-dot"), infosNum !== preData))
|
|
229
|
+
className: (0, _classnames["default"])(_defineProperty({}, "".concat(prefixCls, "__msg-dot"), infosNum !== preData)),
|
|
230
|
+
alt: ""
|
|
207
231
|
}))), /*#__PURE__*/_react["default"].createElement(_redPack["default"], {
|
|
208
232
|
redPackNum: redPackNum
|
|
209
233
|
}));
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = void 0;
|
|
7
|
+
|
|
8
|
+
var _useGlobalState = _interopRequireDefault(require("../../hooks/useGlobalState"));
|
|
9
|
+
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
+
|
|
12
|
+
var useGlobalValue = (0, _useGlobalState["default"])(0);
|
|
13
|
+
var _default = useGlobalValue;
|
|
14
|
+
exports["default"] = _default;
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.createGlobalState = createGlobalState;
|
|
7
|
+
exports["default"] = void 0;
|
|
8
|
+
|
|
9
|
+
var _react = require("react");
|
|
10
|
+
|
|
11
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
12
|
+
|
|
13
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
14
|
+
|
|
15
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
16
|
+
|
|
17
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
18
|
+
|
|
19
|
+
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
20
|
+
|
|
21
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
22
|
+
|
|
23
|
+
function createGlobalState(initialState) {
|
|
24
|
+
var store = {
|
|
25
|
+
state: initialState,
|
|
26
|
+
setState: function setState(state) {
|
|
27
|
+
if (Object.prototype.toString.call(state) === "[object Function]") {
|
|
28
|
+
var stateFunc = state;
|
|
29
|
+
store.state = stateFunc(store.state);
|
|
30
|
+
} else {
|
|
31
|
+
store.state = state;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
store.setters.forEach(function (setter) {
|
|
35
|
+
return setter(store.state);
|
|
36
|
+
});
|
|
37
|
+
},
|
|
38
|
+
setters: []
|
|
39
|
+
};
|
|
40
|
+
return function () {
|
|
41
|
+
var _useState = (0, _react.useState)(store.state),
|
|
42
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
43
|
+
globalState = _useState2[0],
|
|
44
|
+
stateSetter = _useState2[1];
|
|
45
|
+
|
|
46
|
+
(0, _react.useEffect)(function () {
|
|
47
|
+
return function () {
|
|
48
|
+
store.setters = store.setters.filter(function (setter) {
|
|
49
|
+
return setter !== stateSetter;
|
|
50
|
+
});
|
|
51
|
+
};
|
|
52
|
+
}, []);
|
|
53
|
+
(0, _react.useLayoutEffect)(function () {
|
|
54
|
+
if (!store.setters.includes(stateSetter)) {
|
|
55
|
+
store.setters.push(stateSetter);
|
|
56
|
+
}
|
|
57
|
+
});
|
|
58
|
+
return [globalState, store.setState];
|
|
59
|
+
};
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
var _default = createGlobalState;
|
|
63
|
+
exports["default"] = _default;
|