@titaui/pc 1.15.25 → 1.15.26-beta.1
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/dynamic/dynamic-item/components/summary-header/index.css +8 -0
- package/lib/components/dynamic/dynamic-item/components/summary-header/index.js +71 -6
- package/lib/components/progress/index.js +0 -3
- package/package.json +1 -1
- package/lib/components/progress/ring-progress/index.css +0 -79
- package/lib/components/progress/ring-progress/index.js +0 -40
- package/lib/components/progress/ring-progress/util.js +0 -12
|
@@ -33,6 +33,13 @@
|
|
|
33
33
|
background: #f0f4fa;
|
|
34
34
|
}
|
|
35
35
|
|
|
36
|
+
.titaui-dynamic-new-summary-header-segmentation {
|
|
37
|
+
background: linear-gradient(180deg, #FFFFFF 0%, #DFE3EA 53%, #FFFFFF 100%);
|
|
38
|
+
width: 1px;
|
|
39
|
+
height: 18px;
|
|
40
|
+
margin: 0 8px;
|
|
41
|
+
}
|
|
42
|
+
|
|
36
43
|
.titaui-dynamic-new-summary-header-desc {
|
|
37
44
|
flex: 1;
|
|
38
45
|
margin-left: 12px;
|
|
@@ -75,6 +82,7 @@
|
|
|
75
82
|
color: #89919f;
|
|
76
83
|
line-height: 18px;
|
|
77
84
|
margin-top: 4px;
|
|
85
|
+
display: flex;
|
|
78
86
|
}
|
|
79
87
|
|
|
80
88
|
.titaui-dynamic-new-summary-header-desc-avatar {
|
|
@@ -49,6 +49,14 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
49
49
|
|
|
50
50
|
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; }
|
|
51
51
|
|
|
52
|
+
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
53
|
+
|
|
54
|
+
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."); }
|
|
55
|
+
|
|
56
|
+
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
57
|
+
|
|
58
|
+
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
59
|
+
|
|
52
60
|
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; }
|
|
53
61
|
|
|
54
62
|
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; }
|
|
@@ -74,6 +82,12 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
|
|
|
74
82
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
75
83
|
|
|
76
84
|
var prefix = 'titaui-dynamic-new-summary-header';
|
|
85
|
+
var type = {
|
|
86
|
+
2: (0, _getLocale.getLocale)('Rep_Text_CompanyPrivacy'),
|
|
87
|
+
3: (0, _getLocale.getLocale)('Rep_NewS_Departonly'),
|
|
88
|
+
1: (0, _getLocale.getLocale)('OKR_MyO_Pop_Public'),
|
|
89
|
+
5: (0, _getLocale.getLocale)('OKR_MyO_Pop_Specified')
|
|
90
|
+
};
|
|
77
91
|
|
|
78
92
|
var DynamicItemHeader = function DynamicItemHeader(_ref) {
|
|
79
93
|
var _ref$onDeleteFeed = _ref.onDeleteFeed,
|
|
@@ -102,7 +116,11 @@ var DynamicItemHeader = function DynamicItemHeader(_ref) {
|
|
|
102
116
|
isCollect = _data$isCollect === void 0 ? false : _data$isCollect,
|
|
103
117
|
dailyContent = data.dailyContent,
|
|
104
118
|
dailyDate = data.dailyDate,
|
|
105
|
-
reportType = data.reportType
|
|
119
|
+
reportType = data.reportType,
|
|
120
|
+
summaryVisible = data.summaryVisible,
|
|
121
|
+
visibilityScope = data.visibilityScope,
|
|
122
|
+
publishUser = data.publishUser;
|
|
123
|
+
console.log('data', data);
|
|
106
124
|
|
|
107
125
|
var _useState = (0, _react.useState)(isCollect),
|
|
108
126
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -134,6 +152,28 @@ var DynamicItemHeader = function DynamicItemHeader(_ref) {
|
|
|
134
152
|
operateVisible = _useState12[0],
|
|
135
153
|
setOperateVisible = _useState12[1];
|
|
136
154
|
|
|
155
|
+
var _useState13 = (0, _react.useState)(''),
|
|
156
|
+
_useState14 = _slicedToArray(_useState13, 2),
|
|
157
|
+
str = _useState14[0],
|
|
158
|
+
setStr = _useState14[1];
|
|
159
|
+
|
|
160
|
+
var _ref2 = visibilityScope || {},
|
|
161
|
+
_ref2$departments = _ref2.departments,
|
|
162
|
+
departments = _ref2$departments === void 0 ? [] : _ref2$departments,
|
|
163
|
+
_ref2$groups = _ref2.groups,
|
|
164
|
+
groups = _ref2$groups === void 0 ? [] : _ref2$groups,
|
|
165
|
+
_ref2$users = _ref2.users,
|
|
166
|
+
users = _ref2$users === void 0 ? [] : _ref2$users;
|
|
167
|
+
|
|
168
|
+
var _ref3 = publishUser || {},
|
|
169
|
+
departmentName = _ref3.departmentName;
|
|
170
|
+
|
|
171
|
+
var typeTootips = {
|
|
172
|
+
2: (0, _getLocale.getLocale)('Rep_NewS_RefeSummary'),
|
|
173
|
+
3: /*#__PURE__*/_react["default"].createElement("span", null, (0, _getLocale.getLocale)('Per_Ass_New_Appr_detail_Affiliat'), (0, _getLocale.getLocale)('OKR_MyO_Text_Visible')),
|
|
174
|
+
1: /*#__PURE__*/_react["default"].createElement("span", null, (0, _getLocale.getLocale)('OKR_MyO_Pop_Company'), (0, _getLocale.getLocale)('Rep_Tab_Subor_EveryoneSee')),
|
|
175
|
+
5: str
|
|
176
|
+
};
|
|
137
177
|
var url = '';
|
|
138
178
|
var loginUserId = (0, _bsGlobal.getUserInfo)().Id;
|
|
139
179
|
|
|
@@ -192,7 +232,7 @@ var DynamicItemHeader = function DynamicItemHeader(_ref) {
|
|
|
192
232
|
};
|
|
193
233
|
|
|
194
234
|
var enSureDeleteDynamic = /*#__PURE__*/function () {
|
|
195
|
-
var
|
|
235
|
+
var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
|
|
196
236
|
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
197
237
|
while (1) {
|
|
198
238
|
switch (_context.prev = _context.next) {
|
|
@@ -220,7 +260,7 @@ var DynamicItemHeader = function DynamicItemHeader(_ref) {
|
|
|
220
260
|
}));
|
|
221
261
|
|
|
222
262
|
return function enSureDeleteDynamic() {
|
|
223
|
-
return
|
|
263
|
+
return _ref4.apply(this, arguments);
|
|
224
264
|
};
|
|
225
265
|
}();
|
|
226
266
|
|
|
@@ -246,7 +286,7 @@ var DynamicItemHeader = function DynamicItemHeader(_ref) {
|
|
|
246
286
|
};
|
|
247
287
|
|
|
248
288
|
var handleCloseEvaluateDialog = /*#__PURE__*/function () {
|
|
249
|
-
var
|
|
289
|
+
var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(params) {
|
|
250
290
|
var _user;
|
|
251
291
|
|
|
252
292
|
return _regeneratorRuntime().wrap(function _callee2$(_context2) {
|
|
@@ -279,7 +319,7 @@ var DynamicItemHeader = function DynamicItemHeader(_ref) {
|
|
|
279
319
|
}));
|
|
280
320
|
|
|
281
321
|
return function handleCloseEvaluateDialog(_x) {
|
|
282
|
-
return
|
|
322
|
+
return _ref5.apply(this, arguments);
|
|
283
323
|
};
|
|
284
324
|
}();
|
|
285
325
|
|
|
@@ -299,6 +339,25 @@ var DynamicItemHeader = function DynamicItemHeader(_ref) {
|
|
|
299
339
|
onClick: enSureDeleteDynamic
|
|
300
340
|
}, (0, _getLocale.getLocale)('Mod_Delete')));
|
|
301
341
|
}, [showDialogConfirm]);
|
|
342
|
+
var renderSegmentation = (0, _react.useMemo)(function () {
|
|
343
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
344
|
+
className: "".concat(prefix, "-segmentation")
|
|
345
|
+
});
|
|
346
|
+
}, []);
|
|
347
|
+
(0, _react.useEffect)(function () {
|
|
348
|
+
var _ref6;
|
|
349
|
+
|
|
350
|
+
var departmentsStr = (departments === null || departments === void 0 ? void 0 : departments.length) !== 0 ? departments === null || departments === void 0 ? void 0 : departments.map(function (item) {
|
|
351
|
+
return item.name;
|
|
352
|
+
}) : [];
|
|
353
|
+
var groupsStr = (groups === null || groups === void 0 ? void 0 : groups.length) !== 0 ? groups === null || groups === void 0 ? void 0 : groups.map(function (item) {
|
|
354
|
+
return item.name;
|
|
355
|
+
}) : [];
|
|
356
|
+
var usersStr = (users === null || users === void 0 ? void 0 : users.length) !== 0 ? users === null || users === void 0 ? void 0 : users.map(function (item) {
|
|
357
|
+
return item.name;
|
|
358
|
+
}) : [];
|
|
359
|
+
setStr((_ref6 = [].concat(_toConsumableArray(departmentsStr), _toConsumableArray(groupsStr), _toConsumableArray(usersStr))) === null || _ref6 === void 0 ? void 0 : _ref6.join(','));
|
|
360
|
+
}, [visibilityScope]);
|
|
302
361
|
(0, _react.useEffect)(function () {
|
|
303
362
|
if (dailyContent) {
|
|
304
363
|
var mindData = dailyContent.find(function (item) {
|
|
@@ -405,7 +464,13 @@ var DynamicItemHeader = function DynamicItemHeader(_ref) {
|
|
|
405
464
|
className: (0, _classnames["default"])('tu-icon-jinzhan-s', "".concat(prefix, "__more-operate-selection-icon"))
|
|
406
465
|
}), (0, _getLocale.getLocale)('Per_details_OperationRecord'))))))), /*#__PURE__*/_react["default"].createElement("div", {
|
|
407
466
|
className: "".concat(prefix, "-desc-time")
|
|
408
|
-
},
|
|
467
|
+
}, /*#__PURE__*/_react["default"].createElement(_tooltip["default"].Text, {
|
|
468
|
+
maxWidth: 98,
|
|
469
|
+
text: departmentName
|
|
470
|
+
}), renderSegmentation, createDate, type[summaryVisible] && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, renderSegmentation, /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
|
|
471
|
+
overlay: /*#__PURE__*/_react["default"].createElement("span", null, typeTootips[summaryVisible]),
|
|
472
|
+
placement: "top"
|
|
473
|
+
}, /*#__PURE__*/_react["default"].createElement("span", null, type[summaryVisible])))))), renderDialogConfirm, /*#__PURE__*/_react["default"].createElement(_commentsDialog["default"], {
|
|
409
474
|
visible: evaluateVisible,
|
|
410
475
|
feedId: feedId,
|
|
411
476
|
toUserId: user.id || user.userId,
|
|
@@ -9,12 +9,9 @@ var _lineProgress = _interopRequireDefault(require("./line-progress"));
|
|
|
9
9
|
|
|
10
10
|
var _circleProgress = _interopRequireDefault(require("./circle-progress"));
|
|
11
11
|
|
|
12
|
-
var _ringProgress = _interopRequireDefault(require("./ring-progress"));
|
|
13
|
-
|
|
14
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
13
|
|
|
16
14
|
var Progress = _lineProgress["default"];
|
|
17
15
|
Progress.Circle = _circleProgress["default"];
|
|
18
|
-
Progress.Ring = _ringProgress["default"];
|
|
19
16
|
var _default = Progress;
|
|
20
17
|
exports["default"] = _default;
|
package/package.json
CHANGED
|
@@ -1,79 +0,0 @@
|
|
|
1
|
-
.titaui-ring-progress {
|
|
2
|
-
width: 140px;
|
|
3
|
-
height: 70px;
|
|
4
|
-
overflow: hidden;
|
|
5
|
-
position: relative;
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
.titaui-ring-progress__space {
|
|
9
|
-
position: absolute;
|
|
10
|
-
height: 24px;
|
|
11
|
-
width: 2px;
|
|
12
|
-
background: #ffffff;
|
|
13
|
-
left: 50%;
|
|
14
|
-
transform: translateX(-50%);
|
|
15
|
-
z-index: 3;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
.titaui-ring-progress__space::before, .titaui-ring-progress__space::after {
|
|
19
|
-
content: "";
|
|
20
|
-
height: 24px;
|
|
21
|
-
width: 2px;
|
|
22
|
-
background: #ffffff;
|
|
23
|
-
position: absolute;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
.titaui-ring-progress__space::before {
|
|
27
|
-
transform: rotate(-45deg);
|
|
28
|
-
left: -42px;
|
|
29
|
-
top: 18px;
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
.titaui-ring-progress__space::after {
|
|
33
|
-
transform: rotate(45deg);
|
|
34
|
-
left: 42px;
|
|
35
|
-
top: 18px;
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
.titaui-ring-progress__total {
|
|
39
|
-
width: 140px;
|
|
40
|
-
height: 140px;
|
|
41
|
-
border-radius: 50%;
|
|
42
|
-
background: #e9f1ff;
|
|
43
|
-
position: absolute;
|
|
44
|
-
z-index: 1;
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
.titaui-ring-progress__done {
|
|
48
|
-
width: 140px;
|
|
49
|
-
height: 140px;
|
|
50
|
-
border-radius: 50%;
|
|
51
|
-
background: #2879ff;
|
|
52
|
-
position: absolute;
|
|
53
|
-
z-index: 2;
|
|
54
|
-
clip-path: polygon(0 0, 0 50%, 100% 50%, 100% 0);
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
.titaui-ring-progress__center {
|
|
58
|
-
width: 94px;
|
|
59
|
-
height: 94px;
|
|
60
|
-
border-radius: 50%;
|
|
61
|
-
background: #ffffff;
|
|
62
|
-
position: absolute;
|
|
63
|
-
z-index: 3;
|
|
64
|
-
left: 24px;
|
|
65
|
-
top: 24px;
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
.titaui-ring-progress__percent-text {
|
|
69
|
-
height: 70px;
|
|
70
|
-
display: flex;
|
|
71
|
-
align-items: flex-end;
|
|
72
|
-
justify-content: center;
|
|
73
|
-
z-index: 4;
|
|
74
|
-
position: relative;
|
|
75
|
-
font-size: 22px;
|
|
76
|
-
font-weight: 600;
|
|
77
|
-
color: #141c28;
|
|
78
|
-
line-height: 22px;
|
|
79
|
-
}
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
|
-
var _util = require("./util");
|
|
11
|
-
|
|
12
|
-
require("./index.css");
|
|
13
|
-
|
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
|
-
|
|
16
|
-
var prefix = "titaui-ring-progress";
|
|
17
|
-
|
|
18
|
-
var RingProgress = function RingProgress(_ref) {
|
|
19
|
-
var _ref$percent = _ref.percent,
|
|
20
|
-
percent = _ref$percent === void 0 ? 0 : _ref$percent;
|
|
21
|
-
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
22
|
-
className: prefix
|
|
23
|
-
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
24
|
-
className: "".concat(prefix, "__total")
|
|
25
|
-
}), /*#__PURE__*/_react["default"].createElement("div", {
|
|
26
|
-
className: "".concat(prefix, "__done"),
|
|
27
|
-
style: {
|
|
28
|
-
transform: "rotate(-".concat((0, _util.getRotateDeg)(percent), "deg)")
|
|
29
|
-
}
|
|
30
|
-
}), /*#__PURE__*/_react["default"].createElement("div", {
|
|
31
|
-
className: "".concat(prefix, "__center")
|
|
32
|
-
}), /*#__PURE__*/_react["default"].createElement("div", {
|
|
33
|
-
className: "".concat(prefix, "__space")
|
|
34
|
-
}), /*#__PURE__*/_react["default"].createElement("div", {
|
|
35
|
-
className: "".concat(prefix, "__percent-text")
|
|
36
|
-
}, percent, "%"));
|
|
37
|
-
};
|
|
38
|
-
|
|
39
|
-
var _default = RingProgress;
|
|
40
|
-
exports["default"] = _default;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.getRotateDeg = void 0;
|
|
7
|
-
|
|
8
|
-
var getRotateDeg = function getRotateDeg(percent) {
|
|
9
|
-
return Math.ceil(180 - percent / 100 * 180);
|
|
10
|
-
};
|
|
11
|
-
|
|
12
|
-
exports.getRotateDeg = getRotateDeg;
|