@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.
@@ -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 _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
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 _ref2.apply(this, arguments);
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 _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(params) {
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 _ref3.apply(this, arguments);
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
- }, createDate))), renderDialogConfirm, /*#__PURE__*/_react["default"].createElement(_commentsDialog["default"], {
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,6 +1,6 @@
1
1
  {
2
2
  "name": "@titaui/pc",
3
- "version": "1.15.25",
3
+ "version": "1.15.26-beta.1",
4
4
  "nameCN": "",
5
5
  "description": "",
6
6
  "main": "lib/index.js",
@@ -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;