@titaui/pc 1.10.4 → 1.10.7

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.
Files changed (104) hide show
  1. package/lib/components/change-okr-modal/index.js +108 -88
  2. package/lib/components/communication/CommunicationRecord.js +18 -12
  3. package/lib/components/communication/index.css +48 -9
  4. package/lib/components/communication/index.js +67 -28
  5. package/lib/components/communication/style.js +7 -5
  6. package/lib/components/dynamic/components/obj-status/index.css +2 -19
  7. package/lib/components/dynamic/components/obj-status/index.js +7 -8
  8. package/lib/components/dynamic/components/obj-status/utils.js +37 -0
  9. package/lib/components/dynamic/components/percent/index.css +1 -1
  10. package/lib/components/dynamic/components/title/index.css +21 -22
  11. package/lib/components/dynamic/components/title/index.js +20 -8
  12. package/lib/components/dynamic/dynamic-item/components/header/index.css +6 -6
  13. package/lib/components/dynamic/dynamic-item/components/header/index.js +12 -6
  14. package/lib/components/dynamic/dynamic-item/dynamic-align/img/dynamic-align-kr.png +0 -0
  15. package/lib/components/dynamic/dynamic-item/dynamic-align/img/dynamic-align-o.png +0 -0
  16. package/lib/components/dynamic/dynamic-item/dynamic-align/img/dynamic-align.png +0 -0
  17. package/lib/components/dynamic/dynamic-item/dynamic-align/index.css +35 -24
  18. package/lib/components/dynamic/dynamic-item/dynamic-align/index.js +35 -29
  19. package/lib/components/dynamic/dynamic-item/dynamic-announcement/index.css +6 -34
  20. package/lib/components/dynamic/dynamic-item/dynamic-announcement/index.js +6 -32
  21. package/lib/components/dynamic/dynamic-item/dynamic-assessment/index.css +59 -19
  22. package/lib/components/dynamic/dynamic-item/dynamic-assessment/index.js +27 -19
  23. package/lib/components/dynamic/dynamic-item/dynamic-create-o/index.css +49 -38
  24. package/lib/components/dynamic/dynamic-item/dynamic-create-o/index.js +49 -44
  25. package/lib/components/dynamic/dynamic-item/dynamic-kr/index.css +41 -29
  26. package/lib/components/dynamic/dynamic-item/dynamic-kr/index.js +23 -29
  27. package/lib/components/dynamic/dynamic-item/dynamic-milestone/index.css +33 -16
  28. package/lib/components/dynamic/dynamic-item/dynamic-milestone/index.js +11 -24
  29. package/lib/components/dynamic/dynamic-item/dynamic-okrs-communication/index.css +26 -41
  30. package/lib/components/dynamic/dynamic-item/dynamic-okrs-communication/index.js +10 -29
  31. package/lib/components/dynamic/dynamic-item/dynamic-plan-communication/index.css +26 -41
  32. package/lib/components/dynamic/dynamic-item/dynamic-plan-communication/index.js +13 -30
  33. package/lib/components/dynamic/dynamic-item/dynamic-progress/index.css +16 -54
  34. package/lib/components/dynamic/dynamic-item/dynamic-progress/index.js +31 -80
  35. package/lib/components/dynamic/dynamic-item/dynamic-progress/utils.js +72 -0
  36. package/lib/components/dynamic/dynamic-item/dynamic-project/index.css +35 -28
  37. package/lib/components/dynamic/dynamic-item/dynamic-project/index.js +10 -23
  38. package/lib/components/dynamic/dynamic-item/dynamic-relative/img/dynamic-rela-kr.png +0 -0
  39. package/lib/components/dynamic/dynamic-item/dynamic-relative/img/dynamic-rela-o.png +0 -0
  40. package/lib/components/dynamic/dynamic-item/dynamic-relative/img/dynamic-rela-project.png +0 -0
  41. package/lib/components/dynamic/dynamic-item/dynamic-relative/img/dynamic-rela-task.png +0 -0
  42. package/lib/components/dynamic/dynamic-item/dynamic-relative/img/dynamic-rela.svg +23 -0
  43. package/lib/components/dynamic/dynamic-item/dynamic-relative/index.css +45 -26
  44. package/lib/components/dynamic/dynamic-item/dynamic-relative/index.js +41 -33
  45. package/lib/components/dynamic/dynamic-item/dynamic-replay/index.css +19 -6
  46. package/lib/components/dynamic/dynamic-item/dynamic-replay/index.js +11 -17
  47. package/lib/components/dynamic/dynamic-item/dynamic-report/index.css +21 -23
  48. package/lib/components/dynamic/dynamic-item/dynamic-report/index.js +31 -27
  49. package/lib/components/dynamic/dynamic-item/dynamic-reward/index.css +4 -4
  50. package/lib/components/dynamic/dynamic-item/dynamic-reward/index.js +8 -18
  51. package/lib/components/dynamic/dynamic-item/dynamic-share/index.css +6 -21
  52. package/lib/components/dynamic/dynamic-item/dynamic-share/index.js +6 -36
  53. package/lib/components/dynamic/dynamic-item/dynamic-share-to-dynamic/img/dynamic-share-course.png +0 -0
  54. package/lib/components/dynamic/dynamic-item/dynamic-share-to-dynamic/index.css +10 -18
  55. package/lib/components/dynamic/dynamic-item/dynamic-share-to-dynamic/index.js +9 -25
  56. package/lib/components/dynamic/dynamic-item/dynamic-task/index.css +34 -30
  57. package/lib/components/dynamic/dynamic-item/dynamic-task/index.js +10 -24
  58. package/lib/components/dynamic/dynamic-item/index.css +4 -4
  59. package/lib/components/dynamic/dynamic-item/index.js +38 -8
  60. package/lib/components/dynamic/util.js +41 -81
  61. package/lib/components/file-list/components/single-file/index.css +9 -8
  62. package/lib/components/float-fixed-video-modal/img/close.png +0 -0
  63. package/lib/components/float-fixed-video-modal/img/full.svg +21 -0
  64. package/lib/components/float-fixed-video-modal/img/muted.svg +21 -0
  65. package/lib/components/float-fixed-video-modal/img/pause.svg +21 -0
  66. package/lib/components/float-fixed-video-modal/img/play.svg +22 -0
  67. package/lib/components/float-fixed-video-modal/img/small.svg +22 -0
  68. package/lib/components/float-fixed-video-modal/img/smallFaQi.png +0 -0
  69. package/lib/components/float-fixed-video-modal/img/volume.svg +21 -0
  70. package/lib/components/float-fixed-video-modal/index.css +243 -0
  71. package/lib/components/float-fixed-video-modal/index.js +334 -0
  72. package/lib/components/float-fixed-video-modal/utils.js +25 -0
  73. package/lib/components/mblog/context.js +3 -1
  74. package/lib/components/mblog/index.css +7 -0
  75. package/lib/components/mblog/index.js +31 -4
  76. package/lib/components/mblog/style.js +4 -4
  77. package/lib/components/okr-detail/components/okr-tree/tree-node/e-kr-node/index.js +21 -12
  78. package/lib/components/okr-detail/components/okr-tree/tree-node/e-node/e-empty.js +7 -4
  79. package/lib/components/progress/circle-progress/index.css +1 -0
  80. package/lib/components/progress/circle-progress/index.js +7 -2
  81. package/lib/components/search-key-handle/index.js +7 -2
  82. package/lib/components/video-modal/img/bigFaqi.png +0 -0
  83. package/lib/components/video-modal/img/muted.svg +16 -0
  84. package/lib/components/video-modal/img/not-muted.svg +16 -0
  85. package/lib/components/video-modal/img/pause.svg +17 -0
  86. package/lib/components/video-modal/img/play.png +0 -0
  87. package/lib/components/video-modal/img/play.svg +16 -0
  88. package/lib/components/video-modal/img/small.svg +22 -0
  89. package/lib/components/video-modal/index.css +213 -0
  90. package/lib/components/video-modal/index.js +322 -0
  91. package/lib/components/video-modal/utils.js +25 -0
  92. package/lib/index.js +16 -0
  93. package/lib/utils/bs-global.js +8 -4
  94. package/lib/utils/tools.js +11 -2
  95. package/package.json +1 -1
  96. package/lib/components/dynamic/dynamic-item/dynamic-align/img/dynamic-align.svg +0 -22
  97. package/lib/components/dynamic/dynamic-item/dynamic-align/img/dynamic-relative.svg +0 -22
  98. package/lib/components/dynamic/dynamic-item/dynamic-milestone/img/dynamic-milestone.png +0 -0
  99. package/lib/components/dynamic/dynamic-item/dynamic-okrs-communication/img/okrs-icon.png +0 -0
  100. package/lib/components/dynamic/dynamic-item/dynamic-plan-communication/img/plan-icon.png +0 -0
  101. package/lib/components/dynamic/dynamic-item/dynamic-project/img/dynamic-project.png +0 -0
  102. package/lib/components/dynamic/dynamic-item/dynamic-relative/img/dynamic-relative.svg +0 -22
  103. package/lib/components/dynamic/dynamic-item/dynamic-share-to-dynamic/img/guanlian.png +0 -0
  104. package/lib/components/dynamic/dynamic-item/dynamic-task/img/task-icon.png +0 -0
@@ -6,7 +6,7 @@
6
6
  }
7
7
 
8
8
  .titaui-dynamic-align-item__content {
9
- margin-left: 69px;
9
+ margin-left: 88px;
10
10
  position: relative;
11
11
  }
12
12
 
@@ -21,10 +21,33 @@
21
21
  width: 100%;
22
22
  }
23
23
 
24
- .titaui-dynamic-align-item__obj-base-info-icon {
25
- color: #89919f;
26
- font-size: 18px;
24
+ .titaui-dynamic-align-item__obj-base-info-left {
25
+ width: 40px;
26
+ height: 40px;
27
+ min-width: 40px;
28
+ border-radius: 50%;
27
29
  margin-right: 8px;
30
+ display: flex;
31
+ align-items: center;
32
+ justify-content: center;
33
+ }
34
+
35
+ .titaui-dynamic-align-item__obj-base-info-left--o {
36
+ background: rgba(40, 121, 255, 0.16);
37
+ }
38
+
39
+ .titaui-dynamic-align-item__obj-base-info-left--kr {
40
+ background: rgba(90, 216, 166, 0.16);
41
+ }
42
+
43
+ .titaui-dynamic-align-item__obj-base-info-left-img {
44
+ width: 20px;
45
+ height: 20px;
46
+ }
47
+
48
+ .titaui-dynamic-align-item__obj-base-info-right {
49
+ flex: 1;
50
+ overflow: hidden;
28
51
  }
29
52
 
30
53
  .titaui-dynamic-align-item__obj-title {
@@ -46,11 +69,10 @@
46
69
  font-size: 12px;
47
70
  color: #89919f;
48
71
  line-height: 18px;
49
- margin-left: 26px;
50
72
  }
51
73
 
52
74
  .titaui-dynamic-align-item__obj-principal-user::after {
53
- content: "·";
75
+ content: '·';
54
76
  display: inline-block;
55
77
  margin: 0 4px;
56
78
  }
@@ -63,31 +85,20 @@
63
85
 
64
86
  .titaui-dynamic-align-item__align-img {
65
87
  position: absolute;
66
- top: 38px;
88
+ top: 51px;
89
+ width: 18px;
90
+ left: 11px;
67
91
  }
68
92
 
69
93
  .titaui-dynamic-align-item__space {
70
- height: 20px;
94
+ height: 23px;
71
95
  }
72
96
 
73
97
  .titaui-dynamic-align-item__operate-desc {
74
- font-size: 14px;
98
+ font-size: 16px;
75
99
  font-weight: 400;
76
100
  color: #89919f;
77
- line-height: 22px;
78
- margin: 0 8px 0 4px;
101
+ line-height: 24px;
102
+ margin-left: 4px;
79
103
  overflow: hidden;
80
104
  }
81
-
82
- .titaui-dynamic-align-item-desc-operate-type {
83
- display: inline-flex;
84
- align-items: center;
85
- justify-content: center;
86
- padding: 0 6px;
87
- height: 18px;
88
- min-width: 40px;
89
- border-radius: 10px 10px 10px 2px;
90
- font-size: 12px;
91
- color: #ffffff;
92
- line-height: 18px;
93
- }
@@ -19,18 +19,20 @@ var _openData = require("../../../../utils/open-data");
19
19
 
20
20
  var _constant = require("../../constant");
21
21
 
22
- var _dynamicAlign = _interopRequireDefault(require("./img/dynamic-align.svg"));
22
+ var _dynamicAlign = _interopRequireDefault(require("./img/dynamic-align.png"));
23
23
 
24
24
  var _drawerManager = _interopRequireDefault(require("../../../drawer-manager"));
25
25
 
26
- var _util = require("../../util");
27
-
28
26
  var _context = require("../../context");
29
27
 
30
28
  var _searchKeyHandle = _interopRequireDefault(require("../../../search-key-handle"));
31
29
 
32
30
  var _getLocale = require("../../../../utils/getLocale");
33
31
 
32
+ var _dynamicAlignO = _interopRequireDefault(require("./img/dynamic-align-o.png"));
33
+
34
+ var _dynamicAlignKr = _interopRequireDefault(require("./img/dynamic-align-kr.png"));
35
+
34
36
  require("./index.css");
35
37
 
36
38
  var _excluded = ["data"];
@@ -41,6 +43,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
41
43
 
42
44
  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; }
43
45
 
46
+ 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; }
47
+
44
48
  function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
45
49
 
46
50
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
@@ -50,6 +54,8 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
50
54
  var prefix = "titaui-dynamic-align-item";
51
55
 
52
56
  var DynamicAlign = function DynamicAlign(_ref) {
57
+ var _classNames;
58
+
53
59
  var data = _ref.data,
54
60
  restProps = _objectWithoutProperties(_ref, _excluded);
55
61
 
@@ -62,16 +68,11 @@ var DynamicAlign = function DynamicAlign(_ref) {
62
68
  parentPrincipalUser = data.parentPrincipalUser,
63
69
  parentcycleName = data.parentcycleName,
64
70
  cycleName = data.cycleName,
65
- feedType = data.feedType,
66
71
  publishUser = data.publishUser;
67
72
 
68
73
  var _useContext = (0, _react.useContext)(_context.SearchKeyContext),
69
74
  searchKeyWord = _useContext.searchKeyWord;
70
75
 
71
- var _getFeedTypeAndTypeCo = (0, _util.getFeedTypeAndTypeColor)(feedType),
72
- feedTypeText = _getFeedTypeAndTypeCo.feedTypeText,
73
- feedTypeColor = _getFeedTypeAndTypeCo.feedTypeColor;
74
-
75
76
  var handleClickTitle = function handleClickTitle(id, type) {
76
77
  if (type === _constant.EObjType.Kr) {
77
78
  _drawerManager["default"].open("krDetail", {
@@ -97,14 +98,9 @@ var DynamicAlign = function DynamicAlign(_ref) {
97
98
  text = "".concat((0, _getLocale.getLocale)("Mod_Aligned")).concat((0, _getLocale.getLocale)("Mod_Objective"));
98
99
  }
99
100
 
100
- return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
101
+ return /*#__PURE__*/_react["default"].createElement("span", {
101
102
  className: "".concat(prefix, "__operate-desc")
102
- }, text), /*#__PURE__*/_react["default"].createElement("span", {
103
- className: "".concat(prefix, "-desc-operate-type"),
104
- style: {
105
- background: feedTypeColor
106
- }
107
- }, feedTypeText));
103
+ }, text);
108
104
  }, []);
109
105
  return /*#__PURE__*/_react["default"].createElement("div", {
110
106
  className: prefix
@@ -119,12 +115,15 @@ var DynamicAlign = function DynamicAlign(_ref) {
119
115
  className: "".concat(prefix, "__obj")
120
116
  }, /*#__PURE__*/_react["default"].createElement("div", {
121
117
  className: "".concat(prefix, "__obj-base-info")
122
- }, /*#__PURE__*/_react["default"].createElement("i", {
123
- className: (0, _classnames["default"])("".concat(prefix, "__obj-base-info-icon"), {
124
- "tu-icon-okr": parentObjType === _constant.EObjType.O,
125
- "tu-icon-KR": parentObjType === _constant.EObjType.Kr
126
- })
127
- }), /*#__PURE__*/_react["default"].createElement("span", {
118
+ }, /*#__PURE__*/_react["default"].createElement("span", {
119
+ className: (0, _classnames["default"])("".concat(prefix, "__obj-base-info-left"), (_classNames = {}, _defineProperty(_classNames, "".concat(prefix, "__obj-base-info-left--o"), parentObjType === _constant.EObjType.O), _defineProperty(_classNames, "".concat(prefix, "__obj-base-info-left--kr"), parentObjType === _constant.EObjType.Kr), _classNames))
120
+ }, /*#__PURE__*/_react["default"].createElement("img", {
121
+ alt: "",
122
+ className: "".concat(prefix, "__obj-base-info-left-img"),
123
+ src: parentObjType === _constant.EObjType.O ? _dynamicAlignO["default"] : _dynamicAlignKr["default"]
124
+ })), /*#__PURE__*/_react["default"].createElement("div", {
125
+ className: "".concat(prefix, "__obj-base-info-right")
126
+ }, /*#__PURE__*/_react["default"].createElement("span", {
128
127
  className: "".concat(prefix, "__obj-title"),
129
128
  onClick: function onClick() {
130
129
  handleClickTitle(parentObjId, parentObjType);
@@ -135,25 +134,32 @@ var DynamicAlign = function DynamicAlign(_ref) {
135
134
  str: parentObjName,
136
135
  keyWord: searchKeyWord
137
136
  })
138
- }))), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("span", {
137
+ })), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("span", {
139
138
  className: "".concat(prefix, "__obj-principal-user")
140
139
  }, parentPrincipalUser && /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
141
140
  id: parentPrincipalUser.userId,
142
141
  name: parentPrincipalUser.name
143
142
  })), /*#__PURE__*/_react["default"].createElement("span", {
144
143
  className: "".concat(prefix, "__obj-cycle")
145
- }, parentcycleName))), /*#__PURE__*/_react["default"].createElement("img", {
144
+ }, parentcycleName))))), /*#__PURE__*/_react["default"].createElement("img", {
146
145
  className: "".concat(prefix, "__align-img"),
147
- src: _dynamicAlign["default"]
146
+ src: _dynamicAlign["default"],
147
+ alt: ""
148
148
  }), /*#__PURE__*/_react["default"].createElement("div", {
149
149
  className: "".concat(prefix, "__space")
150
150
  }), /*#__PURE__*/_react["default"].createElement("div", {
151
151
  className: "".concat(prefix, "__obj")
152
152
  }, /*#__PURE__*/_react["default"].createElement("div", {
153
153
  className: "".concat(prefix, "__obj-base-info")
154
- }, /*#__PURE__*/_react["default"].createElement("i", {
155
- className: (0, _classnames["default"])("".concat(prefix, "__obj-base-info-icon"), "tu-icon-okr")
156
- }), /*#__PURE__*/_react["default"].createElement("span", {
154
+ }, /*#__PURE__*/_react["default"].createElement("span", {
155
+ className: (0, _classnames["default"])("".concat(prefix, "__obj-base-info-left"), "".concat(prefix, "__obj-base-info-left--o"))
156
+ }, /*#__PURE__*/_react["default"].createElement("img", {
157
+ className: "".concat(prefix, "__obj-base-info-left-img"),
158
+ src: _dynamicAlignO["default"],
159
+ alt: ""
160
+ })), /*#__PURE__*/_react["default"].createElement("div", {
161
+ className: "".concat(prefix, "__obj-base-info-right")
162
+ }, /*#__PURE__*/_react["default"].createElement("span", {
157
163
  className: "".concat(prefix, "__obj-title"),
158
164
  onClick: function onClick() {
159
165
  handleClickTitle(okrId, _constant.EObjType.O);
@@ -161,14 +167,14 @@ var DynamicAlign = function DynamicAlign(_ref) {
161
167
  }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"].Text, {
162
168
  isPercent: true,
163
169
  text: okrName
164
- }))), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("span", {
170
+ })), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("span", {
165
171
  className: "".concat(prefix, "__obj-principal-user")
166
172
  }, principalUser && /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
167
173
  id: principalUser.userId,
168
174
  name: principalUser.name
169
175
  })), /*#__PURE__*/_react["default"].createElement("span", {
170
176
  className: "".concat(prefix, "__obj-cycle")
171
- }, cycleName)))));
177
+ }, cycleName)))))));
172
178
  };
173
179
 
174
180
  var _default = DynamicAlign;
@@ -4,25 +4,10 @@
4
4
 
5
5
  .titaui-dynamic-announcement-item__content {
6
6
  font-size: 14px;
7
- color: #3F4755;
7
+ color: #3f4755;
8
8
  line-height: 22px;
9
9
  display: flex;
10
- margin-left: 69px;
11
- }
12
-
13
- .titaui-dynamic-announcement-item__content-quoto {
14
- width: 12px;
15
- height: 12px;
16
- }
17
-
18
- .titaui-dynamic-announcement-item__content-quoto--left {
19
- margin-right: 8px;
20
- margin-top: -6px;
21
- }
22
-
23
- .titaui-dynamic-announcement-item__content-quoto--right {
24
- margin-left: 8px;
25
- margin-top: 4px;
10
+ margin-left: 88px;
26
11
  }
27
12
 
28
13
  .titaui-dynamic-announcement-item__content b {
@@ -30,29 +15,16 @@
30
15
  }
31
16
 
32
17
  .titaui-dynamic-announcement-item__operate-desc {
33
- font-size: 14px;
18
+ font-size: 16px;
34
19
  font-weight: 400;
35
20
  color: #89919f;
36
- line-height: 22px;
37
- margin: 0 8px 0 4px;
21
+ line-height: 24px;
22
+ margin-left: 4px;
38
23
  overflow: hidden;
39
24
  }
40
25
 
41
- .titaui-dynamic-announcement-item-desc-operate-type {
42
- display: inline-flex;
43
- align-items: center;
44
- justify-content: center;
45
- padding: 0 6px;
46
- height: 18px;
47
- min-width: 40px;
48
- border-radius: 10px 10px 10px 2px;
49
- font-size: 12px;
50
- color: #ffffff;
51
- line-height: 18px;
52
- }
53
-
54
26
  .titaui-dynamic-announcement-item__files {
55
- margin-left: 69px;
27
+ margin-left: 88px;
56
28
  margin-top: 12px;
57
29
  }
58
30
 
@@ -9,12 +9,6 @@ exports["default"] = void 0;
9
9
 
10
10
  var _react = _interopRequireWildcard(require("react"));
11
11
 
12
- var _classnames = _interopRequireDefault(require("classnames"));
13
-
14
- var _dynamicLeftQuoto = _interopRequireDefault(require("../../img/dynamic-left-quoto.svg"));
15
-
16
- var _dynamicRightQuoto = _interopRequireDefault(require("../../img/dynamic-right-quoto.svg"));
17
-
18
12
  var _fileList = _interopRequireDefault(require("../../../file-list"));
19
13
 
20
14
  var _context = require("../../context");
@@ -23,12 +17,10 @@ var _tools = require("../../../../utils/tools");
23
17
 
24
18
  var _header = _interopRequireDefault(require("../components/header"));
25
19
 
26
- var _util = require("../../util");
27
-
28
- var _dangerousHtml = _interopRequireDefault(require("../../components/dangerous-html"));
29
-
30
20
  var _getLocale = require("../../../../utils/getLocale");
31
21
 
22
+ var _openData = require("../../../../utils/open-data");
23
+
32
24
  require("./index.css");
33
25
 
34
26
  var _excluded = ["data", "hasDynamicOpereateAuth"];
@@ -57,20 +49,10 @@ var DynamicAnnouncement = function DynamicAnnouncement(_ref) {
57
49
  searchKeyWord = _useContext.searchKeyWord;
58
50
 
59
51
  var contentRef = (0, _react.useRef)();
60
-
61
- var _getFeedTypeAndTypeCo = (0, _util.getFeedTypeAndTypeColor)(data.feedType),
62
- feedTypeText = _getFeedTypeAndTypeCo.feedTypeText,
63
- feedTypeColor = _getFeedTypeAndTypeCo.feedTypeColor;
64
-
65
52
  var renderDesc = (0, _react.useMemo)(function () {
66
- return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
53
+ return /*#__PURE__*/_react["default"].createElement("span", {
67
54
  className: "".concat(prefix, "__operate-desc")
68
- }, (0, _getLocale.getLocale)("Feed_SsAnnounce")), /*#__PURE__*/_react["default"].createElement("span", {
69
- className: "".concat(prefix, "-desc-operate-type"),
70
- style: {
71
- background: feedTypeColor
72
- }
73
- }, feedTypeText));
55
+ }, (0, _getLocale.getLocale)("Feed_SsAnnounce"));
74
56
  }, []);
75
57
  (0, _react.useEffect)(function () {
76
58
  (0, _tools.highLightWord)({
@@ -88,17 +70,9 @@ var DynamicAnnouncement = function DynamicAnnouncement(_ref) {
88
70
  user: data.publishUser
89
71
  }, restProps)), /*#__PURE__*/_react["default"].createElement("div", {
90
72
  className: "".concat(prefix, "__content")
91
- }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("img", {
92
- className: (0, _classnames["default"])("".concat(prefix, "__content-quoto"), "".concat(prefix, "__content-quoto--left")),
93
- src: _dynamicLeftQuoto["default"]
94
- })), /*#__PURE__*/_react["default"].createElement("div", {
73
+ }, /*#__PURE__*/_react["default"].createElement("div", {
95
74
  ref: contentRef
96
- }, /*#__PURE__*/_react["default"].createElement(_dangerousHtml["default"], {
97
- htmlText: data.content
98
- }), /*#__PURE__*/_react["default"].createElement("img", {
99
- className: (0, _classnames["default"])("".concat(prefix, "__content-quoto"), "".concat(prefix, "__content-quoto--right")),
100
- src: _dynamicRightQuoto["default"]
101
- }))), data.attachments && /*#__PURE__*/_react["default"].createElement("div", {
75
+ }, (0, _openData.parseTag)(data.content))), data.attachments && /*#__PURE__*/_react["default"].createElement("div", {
102
76
  className: "".concat(prefix, "__files")
103
77
  }, /*#__PURE__*/_react["default"].createElement(_fileList["default"], {
104
78
  data: data.attachments
@@ -3,7 +3,60 @@
3
3
  }
4
4
 
5
5
  .titaui-dynamic-assessment-item__content {
6
- margin-left: 69px;
6
+ margin-left: 88px;
7
+ height: 64px;
8
+ background: rgba(246, 189, 22, 0.1);
9
+ border-radius: 12px;
10
+ display: flex;
11
+ align-items: center;
12
+ padding: 8px 12px;
13
+ box-sizing: border-box;
14
+ }
15
+
16
+ .titaui-dynamic-assessment-item__content-info {
17
+ flex: 1;
18
+ display: flex;
19
+ flex-direction: column;
20
+ overflow: hidden;
21
+ }
22
+
23
+ .titaui-dynamic-assessment-item__content-title {
24
+ display: flex;
25
+ margin-bottom: 4px;
26
+ align-items: center;
27
+ flex: 1;
28
+ word-break: keep-all;
29
+ white-space: nowrap;
30
+ overflow: hidden;
31
+ font-size: 16px;
32
+ font-weight: 600;
33
+ color: #3f4755;
34
+ line-height: 24px;
35
+ }
36
+
37
+ .titaui-dynamic-assessment-item__content-title-type {
38
+ border-radius: 18px;
39
+ background: rgba(246, 189, 22, 0.6);
40
+ color: #ffffff;
41
+ margin-right: 8px;
42
+ font-size: 14px;
43
+ line-height: 20px;
44
+ display: flex;
45
+ align-items: center;
46
+ justify-content: center;
47
+ padding: 0 6px;
48
+ font-weight: 400;
49
+ height: 20px;
50
+ }
51
+
52
+ .titaui-dynamic-assessment-item__content-title-text {
53
+ flex: 1;
54
+ cursor: pointer;
55
+ overflow: hidden;
56
+ }
57
+
58
+ .titaui-dynamic-assessment-item__content-title-text:hover {
59
+ color: #2879ff;
7
60
  }
8
61
 
9
62
  .titaui-dynamic-assessment-item__infos {
@@ -12,35 +65,22 @@
12
65
  font-size: 12px;
13
66
  color: #89919f;
14
67
  line-height: 18px;
15
- margin-top: 8px;
16
68
  }
17
69
 
18
70
  .titaui-dynamic-assessment-item__infos-icon {
71
+ font-size: 14px;
19
72
  margin-right: 4px;
20
73
  }
21
74
 
22
75
  .titaui-dynamic-assessment-item__infos-step-name {
23
- margin-right: 20px;
76
+ margin-right: 14px;
24
77
  }
25
78
 
26
79
  .titaui-dynamic-assessment-item__operate-desc {
27
- font-size: 14px;
80
+ font-size: 16px;
28
81
  font-weight: 400;
29
82
  color: #89919f;
30
- line-height: 22px;
31
- margin: 0 8px 0 4px;
83
+ line-height: 24px;
84
+ margin-left: 4px;
32
85
  overflow: hidden;
33
86
  }
34
-
35
- .titaui-dynamic-assessment-item-desc-operate-type {
36
- display: inline-flex;
37
- align-items: center;
38
- justify-content: center;
39
- padding: 0 6px;
40
- height: 18px;
41
- min-width: 40px;
42
- border-radius: 10px 10px 10px 2px;
43
- font-size: 12px;
44
- color: #ffffff;
45
- line-height: 18px;
46
- }
@@ -11,14 +11,16 @@ var _react = _interopRequireWildcard(require("react"));
11
11
 
12
12
  var _classnames = _interopRequireDefault(require("classnames"));
13
13
 
14
- var _title = _interopRequireDefault(require("../../components/title"));
14
+ var _tooltip = _interopRequireDefault(require("../../../tooltip"));
15
15
 
16
16
  var _header = _interopRequireDefault(require("../components/header"));
17
17
 
18
- var _util = require("../../util");
18
+ var _searchKeyHandle = _interopRequireDefault(require("../../../search-key-handle"));
19
19
 
20
20
  var _getLocale = require("../../../../utils/getLocale");
21
21
 
22
+ var _context = require("../../context");
23
+
22
24
  require("./index.css");
23
25
 
24
26
  var _excluded = ["data"];
@@ -41,28 +43,22 @@ var DynamicShare = function DynamicShare(_ref) {
41
43
  var data = _ref.data,
42
44
  restProps = _objectWithoutProperties(_ref, _excluded);
43
45
 
46
+ var _useContext = (0, _react.useContext)(_context.SearchKeyContext),
47
+ searchKeyWord = _useContext.searchKeyWord;
48
+
44
49
  var currentStep = JSON.parse(data.step).find(function (item) {
45
50
  return item.status === 2;
46
51
  });
47
52
 
48
- var _getFeedTypeAndTypeCo = (0, _util.getFeedTypeAndTypeColor)(data.feedType),
49
- feedTypeText = _getFeedTypeAndTypeCo.feedTypeText,
50
- feedTypeColor = _getFeedTypeAndTypeCo.feedTypeColor;
51
-
52
53
  var handleClickTitle = function handleClickTitle() {
53
54
  var assessId = data.url.split("assessId=")[1];
54
- window.open(window.location.href.replace(location.hash, "#performance?reactRouterName=detail&formId=".concat(assessId)));
55
+ window.open(window.location.href.replace(window.location.hash, "#performance?reactRouterName=detail&formId=".concat(assessId)));
55
56
  };
56
57
 
57
58
  var renderDesc = (0, _react.useMemo)(function () {
58
- return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
59
+ return /*#__PURE__*/_react["default"].createElement("span", {
59
60
  className: "".concat(prefix, "__operate-desc")
60
- }, (0, _getLocale.getLocale)("Mod_sassessment")), /*#__PURE__*/_react["default"].createElement("span", {
61
- className: "".concat(prefix, "-desc-operate-type"),
62
- style: {
63
- background: feedTypeColor
64
- }
65
- }, feedTypeText));
61
+ }, (0, _getLocale.getLocale)("Mod_sassessment"));
66
62
  }, []);
67
63
  return /*#__PURE__*/_react["default"].createElement("div", {
68
64
  className: prefix
@@ -73,10 +69,22 @@ var DynamicShare = function DynamicShare(_ref) {
73
69
  user: data.principalUser
74
70
  })), /*#__PURE__*/_react["default"].createElement("div", {
75
71
  className: "".concat(prefix, "__content")
76
- }, /*#__PURE__*/_react["default"].createElement(_title["default"], {
77
- content: "".concat((0, _getLocale.getLocale)("Mod_Performance"), "\uFF1A").concat(data.assessName),
78
- onClickTitle: handleClickTitle
79
- }), /*#__PURE__*/_react["default"].createElement("div", {
72
+ }, /*#__PURE__*/_react["default"].createElement("div", {
73
+ className: "".concat(prefix, "__content-info")
74
+ }, /*#__PURE__*/_react["default"].createElement("div", {
75
+ className: "".concat(prefix, "__content-title")
76
+ }, /*#__PURE__*/_react["default"].createElement("span", {
77
+ className: "".concat(prefix, "__content-title-type")
78
+ }, (0, _getLocale.getLocale)("Mod_Performance")), /*#__PURE__*/_react["default"].createElement("span", {
79
+ className: "".concat(prefix, "__content-title-text"),
80
+ onClick: handleClickTitle
81
+ }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"].Text, {
82
+ text: /*#__PURE__*/_react["default"].createElement(_searchKeyHandle["default"], {
83
+ str: data.assessName,
84
+ keyWord: searchKeyWord
85
+ }),
86
+ isPercent: true
87
+ }))), /*#__PURE__*/_react["default"].createElement("div", {
80
88
  className: "".concat(prefix, "__infos")
81
89
  }, /*#__PURE__*/_react["default"].createElement("i", {
82
90
  className: (0, _classnames["default"])("tu-icon-jixiaojieduan", "".concat(prefix, "__infos-icon"))
@@ -84,7 +92,7 @@ var DynamicShare = function DynamicShare(_ref) {
84
92
  className: "".concat(prefix, "__infos-step-name")
85
93
  }, currentStep.stepName), /*#__PURE__*/_react["default"].createElement("i", {
86
94
  className: (0, _classnames["default"])("tu-icon-deferred", "".concat(prefix, "__infos-icon"))
87
- }), /*#__PURE__*/_react["default"].createElement("span", null, "".concat(data.startDate, "-").concat(data.deadline)))));
95
+ }), /*#__PURE__*/_react["default"].createElement("span", null, "".concat(data.startDate, "-").concat(data.deadline))))));
88
96
  };
89
97
 
90
98
  var _default = DynamicShare;