@titaui/pc 1.11.14 → 1.11.17-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/.husky/pre-commit +2 -2
- package/lib/components/avatar/name-avatar/index.css +1 -0
- package/lib/components/avatar/name-avatar/index.js +22 -13
- package/lib/components/button/rect-btn/index.css +25 -11
- package/lib/components/button/rect-btn/index.js +8 -4
- package/lib/components/change-okr-modal/Item.js +1 -1
- package/lib/components/create-okr-modal/request-api.js +1 -1
- package/lib/components/drawer/headerAction.js +5 -1
- package/lib/components/drawer/headerDrop.js +41 -4
- package/lib/components/drawer/index.css +44 -0
- package/lib/components/drawer/index.js +36 -7
- package/lib/components/dynamic/constant.js +4 -2
- package/lib/components/dynamic/dynamic-item/index.js +14 -2
- package/lib/components/dynamic/dynamic-list/index.js +1 -9
- package/lib/components/icon-button-list/index.css +2 -57
- package/lib/components/icon-button-list/index.js +8 -5
- package/lib/components/nav-top/index.js +6 -2
- package/lib/components/okr-detail/base-info/other-infos/date-cycle/index.js +16 -4
- package/lib/components/okr-detail/base-info/other-infos/principal/index.js +9 -1
- package/lib/components/okr-detail/components/header/index.js +9 -3
- package/lib/components/okr-detail/components/header/o-name.js +9 -3
- package/lib/components/okr-detail/components/o-classify.js +5 -1
- package/lib/components/okr-detail/components/okr-tree/tree-node/kr-node/index.js +9 -6
- package/lib/components/okr-detail/detail-header/constant.js +53 -0
- package/lib/components/okr-detail/detail-header/index.js +12 -1
- package/lib/components/okr-detail/helper.js +62 -0
- package/lib/components/okr-detail/index.js +21 -2
- package/lib/components/okr-detail/okr-list/index.js +8 -3
- package/lib/components/okr-detail/request-apis.js +7 -1
- package/lib/components/okr-flow/child-node/index.css +60 -15
- package/lib/components/okr-flow/child-node/work-node.js +43 -6
- package/lib/components/okr-flow/empty/index.css +8 -1
- package/lib/components/okr-flow/export-modal/index.js +26 -2
- package/lib/components/okr-flow/export-modules/okr-search-panel/index.css +3 -1
- package/lib/components/okr-flow/export-modules/okr-search-panel/index.js +16 -10
- package/lib/components/okr-flow/images/loading-light.gif +0 -0
- package/lib/components/okr-flow/okr-map/index.js +41 -20
- package/lib/components/okr-flow/request-apis.js +11 -4
- package/lib/components/okr-flow/root-node/index.css +2 -2
- package/lib/components/okr-flow/root-node/index.js +1 -1
- package/lib/components/okr-flow/utils/index.js +43 -26
- package/lib/components/okr-flow/utils/tree-handler.js +14 -3
- package/lib/components/okr-period-selector/select-cycle.js +23 -19
- package/lib/components/okrcase-library/index.css +6 -4
- package/lib/components/period-selector/index.js +3 -0
- package/lib/components/textarea/index.css +120 -0
- package/lib/components/textarea/index.js +257 -0
- package/lib/index.js +40 -0
- package/lib/pages/new-okr-list/header/common.js +52 -0
- package/lib/pages/new-okr-list/header/index.css +45 -0
- package/lib/pages/new-okr-list/header/index.js +38 -16
- package/lib/pages/new-okr-list/header/operate-record.js +124 -0
- package/lib/pages/new-okr-list/index.js +3 -1
- package/lib/pages/new-okr-list/list/index.js +19 -2
- package/lib/pages/new-okr-list/request-api.js +8 -2
- package/lib/pages/okr-map/export-modules/okr-map/header/index.css +6 -1
- package/lib/pages/okr-map/export-modules/okr-map/header/index.js +60 -21
- package/lib/pages/okr-map/export-modules/okr-map/okr-map.js +41 -18
- package/lib/pages/okr-map/export-modules/share-okr-page/header/index.js +10 -5
- package/lib/pages/okr-map/number-select/index.css +12 -9
- package/lib/pages/okr-map/number-select/index.js +1 -1
- package/lib/utils/format-time.js +8 -1
- package/lib/utils/open-data.js +5 -1
- package/package.json +1 -1
package/.husky/pre-commit
CHANGED
|
@@ -58,7 +58,10 @@ var NameAvatar = function NameAvatar(props) {
|
|
|
58
58
|
onDelUser = props.onDelUser,
|
|
59
59
|
_props$textWidth = props.textWidth,
|
|
60
60
|
textWidth = _props$textWidth === void 0 ? 42 : _props$textWidth,
|
|
61
|
-
textClass = props.textClass
|
|
61
|
+
textClass = props.textClass,
|
|
62
|
+
renderRightTopCmp = props.renderRightTopCmp,
|
|
63
|
+
_props$avatarTips = props.avatarTips,
|
|
64
|
+
avatarTips = _props$avatarTips === void 0 ? '' : _props$avatarTips;
|
|
62
65
|
var hasAvatar = src && !src.match(/default\w*.jpg$/);
|
|
63
66
|
|
|
64
67
|
var _useState = (0, _react.useState)(false),
|
|
@@ -103,7 +106,7 @@ var NameAvatar = function NameAvatar(props) {
|
|
|
103
106
|
style: {
|
|
104
107
|
width: size.width,
|
|
105
108
|
height: size.width,
|
|
106
|
-
verticalAlign:
|
|
109
|
+
verticalAlign: 'top'
|
|
107
110
|
},
|
|
108
111
|
src: src
|
|
109
112
|
});
|
|
@@ -120,11 +123,11 @@ var NameAvatar = function NameAvatar(props) {
|
|
|
120
123
|
}
|
|
121
124
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
122
125
|
style: {
|
|
123
|
-
display:
|
|
126
|
+
display: 'inline-block',
|
|
124
127
|
width: "".concat(size.fontSize, "px"),
|
|
125
|
-
margin:
|
|
126
|
-
overflow:
|
|
127
|
-
whiteSpace:
|
|
128
|
+
margin: '0 auto',
|
|
129
|
+
overflow: 'hidden',
|
|
130
|
+
whiteSpace: 'nowrap',
|
|
128
131
|
fontSize: "".concat(size.fontSize, "px"),
|
|
129
132
|
lineHeight: "".concat(size.width, "px")
|
|
130
133
|
}
|
|
@@ -134,7 +137,7 @@ var NameAvatar = function NameAvatar(props) {
|
|
|
134
137
|
})));
|
|
135
138
|
}
|
|
136
139
|
|
|
137
|
-
var cuttedName =
|
|
140
|
+
var cuttedName = '';
|
|
138
141
|
var cuttedNameLen = 0;
|
|
139
142
|
|
|
140
143
|
for (var i = 0, lent = name.length; i < lent; i++) {
|
|
@@ -167,11 +170,11 @@ var NameAvatar = function NameAvatar(props) {
|
|
|
167
170
|
className: "titaui-pc-avator__name-avatar-container",
|
|
168
171
|
onMouseEnter: handleMouseEnter,
|
|
169
172
|
onMouseLeave: handleMouseLeave
|
|
170
|
-
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
173
|
+
}, renderRightTopCmp, /*#__PURE__*/_react["default"].createElement("div", {
|
|
171
174
|
onClick: handleDelUser,
|
|
172
175
|
onMouseLeave: handleCloseIconMouseLeave,
|
|
173
176
|
onMouseEnter: handleCloseIconMouseEnter,
|
|
174
|
-
className: "titaui-pc-avator__delete-wrapper ".concat(canDelUser && mouseIsEnterUser ?
|
|
177
|
+
className: "titaui-pc-avator__delete-wrapper ".concat(canDelUser && mouseIsEnterUser ? 'titaui-pc-avator--enter' : ''),
|
|
175
178
|
style: {
|
|
176
179
|
left: "".concat(size.width - 14, "px")
|
|
177
180
|
}
|
|
@@ -185,7 +188,10 @@ var NameAvatar = function NameAvatar(props) {
|
|
|
185
188
|
onClick: onClick,
|
|
186
189
|
onMouseEnter: onMouseEnter,
|
|
187
190
|
onMouseLeave: onMouseLeave
|
|
188
|
-
},
|
|
191
|
+
}, avatarTips && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
|
|
192
|
+
overlay: avatarTips,
|
|
193
|
+
placement: "top"
|
|
194
|
+
}, hasAvatar ? renderImgAvatar() : renderTextAvatar()), !avatarTips && (hasAvatar ? renderImgAvatar() : renderTextAvatar())), showNameTips && isNameOverflow ? /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
|
|
189
195
|
overlay: /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
|
|
190
196
|
name: name,
|
|
191
197
|
id: userId
|
|
@@ -194,14 +200,17 @@ var NameAvatar = function NameAvatar(props) {
|
|
|
194
200
|
}, /*#__PURE__*/_react["default"].createElement("span", {
|
|
195
201
|
className: "titaui-pc-avator__name ".concat(textClass),
|
|
196
202
|
style: {
|
|
197
|
-
|
|
203
|
+
maxWidth: textWidth
|
|
198
204
|
}
|
|
199
205
|
}, /*#__PURE__*/_react["default"].createElement("span", {
|
|
200
206
|
ref: textRef
|
|
201
|
-
},
|
|
207
|
+
}, /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
|
|
208
|
+
name: name,
|
|
209
|
+
id: userId
|
|
210
|
+
})))) : /*#__PURE__*/_react["default"].createElement("span", {
|
|
202
211
|
className: "titaui-pc-avator__name ".concat(textClass),
|
|
203
212
|
style: {
|
|
204
|
-
|
|
213
|
+
maxWidth: textWidth
|
|
205
214
|
}
|
|
206
215
|
}, /*#__PURE__*/_react["default"].createElement("span", {
|
|
207
216
|
ref: textRef
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
align-items: center;
|
|
14
14
|
justify-content: center;
|
|
15
15
|
min-width: 64px;
|
|
16
|
-
font-size:
|
|
16
|
+
font-size: 14px;
|
|
17
17
|
padding: 0 12px;
|
|
18
18
|
}
|
|
19
19
|
|
|
@@ -60,21 +60,35 @@
|
|
|
60
60
|
background: #5c8eff;
|
|
61
61
|
}
|
|
62
62
|
|
|
63
|
+
.titaui-rect-btn--secondary {
|
|
64
|
+
font-size: 14px;
|
|
65
|
+
font-weight: normal;
|
|
66
|
+
color: #2879ff;
|
|
67
|
+
line-height: 28px;
|
|
68
|
+
background: rgba(40, 121, 255, 0.2);
|
|
69
|
+
margin-right: 16px;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
.titaui-rect-btn--secondary:hover {
|
|
73
|
+
color: #fff;
|
|
74
|
+
background-color: #2879ff;
|
|
75
|
+
}
|
|
76
|
+
|
|
63
77
|
.titaui-rect-btn--cancel {
|
|
64
|
-
color: #
|
|
65
|
-
border: 1px solid #
|
|
66
|
-
background: #
|
|
78
|
+
color: #6f7886;
|
|
79
|
+
border: 1px solid #dfe3ea;
|
|
80
|
+
background: #ffffff;
|
|
67
81
|
}
|
|
68
82
|
|
|
69
83
|
.titaui-rect-btn--cancel:hover {
|
|
70
|
-
color: #
|
|
71
|
-
border: 1px solid #
|
|
84
|
+
color: #2879ff;
|
|
85
|
+
border: 1px solid #2879ff;
|
|
72
86
|
}
|
|
73
87
|
|
|
74
88
|
.titaui-rect-btn--delete {
|
|
75
|
-
background: #
|
|
76
|
-
color: #
|
|
77
|
-
border: 1px solid #
|
|
89
|
+
background: #ffffff;
|
|
90
|
+
color: #f05e5e;
|
|
91
|
+
border: 1px solid #f05e5e;
|
|
78
92
|
}
|
|
79
93
|
|
|
80
94
|
.titaui-rect-btn--delete:hover {
|
|
@@ -93,10 +107,10 @@
|
|
|
93
107
|
}
|
|
94
108
|
|
|
95
109
|
.titaui-rect-btn--primary.titaui-rect-btn--disabled {
|
|
96
|
-
background: #
|
|
110
|
+
background: #93bcff;
|
|
97
111
|
opacity: 1;
|
|
98
112
|
}
|
|
99
113
|
|
|
100
114
|
.titaui-rect-btn--primary.titaui-rect-btn--disabled:hover {
|
|
101
|
-
background: #
|
|
115
|
+
background: #93bcff;
|
|
102
116
|
}
|
|
@@ -34,7 +34,8 @@ function RectBtn(props) {
|
|
|
34
34
|
className = _props$className === void 0 ? "" : _props$className,
|
|
35
35
|
_props$disabled = props.disabled,
|
|
36
36
|
disabled = _props$disabled === void 0 ? false : _props$disabled,
|
|
37
|
-
style = props.style
|
|
37
|
+
style = props.style,
|
|
38
|
+
children = props.children;
|
|
38
39
|
|
|
39
40
|
var renderIcon = function renderIcon() {
|
|
40
41
|
if (typeof icon === "string") {
|
|
@@ -50,16 +51,19 @@ function RectBtn(props) {
|
|
|
50
51
|
}, icon);
|
|
51
52
|
};
|
|
52
53
|
|
|
53
|
-
var onClickHandler = function onClickHandler() {
|
|
54
|
+
var onClickHandler = function onClickHandler(e) {
|
|
54
55
|
if (disabled) return;
|
|
55
|
-
|
|
56
|
+
|
|
57
|
+
if (onClick) {
|
|
58
|
+
onClick(e);
|
|
59
|
+
}
|
|
56
60
|
};
|
|
57
61
|
|
|
58
62
|
return /*#__PURE__*/_react["default"].createElement("span", {
|
|
59
63
|
className: (0, _classnames["default"])(precls, "".concat(precls, "--").concat(type), "".concat(precls, "--").concat(size), _defineProperty({}, "".concat(precls, "--disabled"), disabled), className),
|
|
60
64
|
style: style,
|
|
61
65
|
onClick: onClickHandler
|
|
62
|
-
}, icon && renderIcon(),
|
|
66
|
+
}, icon && renderIcon(), children || text);
|
|
63
67
|
}
|
|
64
68
|
|
|
65
69
|
var _default = RectBtn;
|
|
@@ -166,7 +166,7 @@ var Item = /*#__PURE__*/function (_PureComponent) {
|
|
|
166
166
|
return (0, _constant2.getMonth)()[data.yqmnum - 1];
|
|
167
167
|
|
|
168
168
|
case 4:
|
|
169
|
-
return "".concat((0, _constant2.getMonth)()[data.yqmnum - 1], "-").concat((0, _constant2.getMonth)()[((data.yqmnum + 1) % 12 || 12) - 1]
|
|
169
|
+
return "".concat((0, _constant2.getMonth)()[data.yqmnum - 1], "-").concat((0, _constant2.getMonth)()[((data.yqmnum + 1) % 12 || 12) - 1]);
|
|
170
170
|
|
|
171
171
|
case 5:
|
|
172
172
|
return data.yqmnum === 1 ? (0, _getLocale.getLocale)("OKR_MyO_Pop_Firsthalf") : (0, _getLocale.getLocale)("OKR_MyO_Pop_Secondhalf");
|
|
@@ -46,7 +46,7 @@ var createWidthKr = /*#__PURE__*/function () {
|
|
|
46
46
|
while (1) {
|
|
47
47
|
switch (_context.prev = _context.next) {
|
|
48
48
|
case 0:
|
|
49
|
-
url = "".concat(requestDomain(), "/api/
|
|
49
|
+
url = "".concat(requestDomain(), "/api/v1/").concat(tenantId, "/").concat(userId, "/okr/createWithKr");
|
|
50
50
|
_context.next = 3;
|
|
51
51
|
return _axios["default"].post(url, _objectSpread({
|
|
52
52
|
workType: 6
|
|
@@ -49,7 +49,9 @@ function HeaderAction(_ref) {
|
|
|
49
49
|
_onClick = _ref.onClick,
|
|
50
50
|
className = _ref.className,
|
|
51
51
|
title = _ref.title,
|
|
52
|
-
children = _ref.children
|
|
52
|
+
children = _ref.children,
|
|
53
|
+
approvalSetting = _ref.approvalSetting,
|
|
54
|
+
detailInfo = _ref.detailInfo;
|
|
53
55
|
|
|
54
56
|
var _useState = (0, _react.useState)(false),
|
|
55
57
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -99,6 +101,8 @@ function HeaderAction(_ref) {
|
|
|
99
101
|
if (children && children.length > 0) {
|
|
100
102
|
content = /*#__PURE__*/_react["default"].createElement(_headerDrop["default"], {
|
|
101
103
|
visible: dropVisible,
|
|
104
|
+
detailInfo: detailInfo,
|
|
105
|
+
approvalSetting: approvalSetting,
|
|
102
106
|
onVisibleChange: function onVisibleChange(visible) {
|
|
103
107
|
active.current = visible;
|
|
104
108
|
!visible && setDropVisible(false);
|
|
@@ -9,6 +9,8 @@ exports["default"] = void 0;
|
|
|
9
9
|
|
|
10
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
11
|
|
|
12
|
+
var _helper = require("../okr-detail/helper");
|
|
13
|
+
|
|
12
14
|
var _popup = _interopRequireDefault(require("../popup"));
|
|
13
15
|
|
|
14
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
@@ -44,7 +46,9 @@ var HeaderDropItem = function HeaderDropItem(_ref) {
|
|
|
44
46
|
colorInDrop = _ref.colorInDrop,
|
|
45
47
|
hoverColorInDrop = _ref.hoverColorInDrop,
|
|
46
48
|
_onClick = _ref.onClick,
|
|
47
|
-
onClose = _ref.onClose
|
|
49
|
+
onClose = _ref.onClose,
|
|
50
|
+
approvalSetting = _ref.approvalSetting,
|
|
51
|
+
detailInfo = _ref.detailInfo;
|
|
48
52
|
|
|
49
53
|
var _useState = (0, _react.useState)(false),
|
|
50
54
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -52,7 +56,36 @@ var HeaderDropItem = function HeaderDropItem(_ref) {
|
|
|
52
56
|
setHover = _useState2[1];
|
|
53
57
|
|
|
54
58
|
var hasIcon = !!icon && typeof icon === "string";
|
|
55
|
-
|
|
59
|
+
var applyState = detailInfo.applyState;
|
|
60
|
+
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, icon === 'tu-icon-del' ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, (0, _helper.getApprovalIsShow)(approvalSetting, 'deleteOkr', applyState) ? /*#__PURE__*/_react["default"].createElement("div", {
|
|
61
|
+
className: "header-drop-item",
|
|
62
|
+
style: {
|
|
63
|
+
color: hover ? hoverColorInDrop || hoverColor : colorInDrop || color
|
|
64
|
+
},
|
|
65
|
+
onClick: function onClick(e) {
|
|
66
|
+
_onClick && _onClick(e);
|
|
67
|
+
onClose(false);
|
|
68
|
+
},
|
|
69
|
+
onMouseOver: function onMouseOver() {
|
|
70
|
+
return setHover(true);
|
|
71
|
+
},
|
|
72
|
+
onMouseOut: function onMouseOut() {
|
|
73
|
+
return setHover(false);
|
|
74
|
+
}
|
|
75
|
+
}, hasIcon && /*#__PURE__*/_react["default"].createElement("div", {
|
|
76
|
+
className: "header-drop-item-icon",
|
|
77
|
+
style: {
|
|
78
|
+
color: hover ? hoverIconColorInDrop || hoverColorInDrop || hoverColor : iconColorInDrop || colorInDrop || color
|
|
79
|
+
}
|
|
80
|
+
}, typeof icon === "string" ? /*#__PURE__*/_react["default"].createElement("span", {
|
|
81
|
+
className: icon
|
|
82
|
+
}) : icon), title) : /*#__PURE__*/_react["default"].createElement("div", {
|
|
83
|
+
className: "header-drop-item-approval"
|
|
84
|
+
}, hasIcon && /*#__PURE__*/_react["default"].createElement("div", {
|
|
85
|
+
className: "header-drop-item-icon"
|
|
86
|
+
}, typeof icon === "string" ? /*#__PURE__*/_react["default"].createElement("span", {
|
|
87
|
+
className: icon
|
|
88
|
+
}) : icon), title)) : /*#__PURE__*/_react["default"].createElement("div", {
|
|
56
89
|
className: "header-drop-item",
|
|
57
90
|
style: {
|
|
58
91
|
color: hover ? hoverColorInDrop || hoverColor : colorInDrop || color
|
|
@@ -74,19 +107,23 @@ var HeaderDropItem = function HeaderDropItem(_ref) {
|
|
|
74
107
|
}
|
|
75
108
|
}, typeof icon === "string" ? /*#__PURE__*/_react["default"].createElement("span", {
|
|
76
109
|
className: icon
|
|
77
|
-
}) : icon), title);
|
|
110
|
+
}) : icon), title));
|
|
78
111
|
};
|
|
79
112
|
|
|
80
113
|
var HeaderDrop = function HeaderDrop(_ref2) {
|
|
81
114
|
var visible = _ref2.visible,
|
|
82
115
|
onVisibleChange = _ref2.onVisibleChange,
|
|
83
116
|
items = _ref2.items,
|
|
84
|
-
children = _ref2.children
|
|
117
|
+
children = _ref2.children,
|
|
118
|
+
approvalSetting = _ref2.approvalSetting,
|
|
119
|
+
detailInfo = _ref2.detailInfo;
|
|
85
120
|
var renderDrop = (0, _react.useMemo)(function () {
|
|
86
121
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
87
122
|
className: "titaui-drawer-header-action-drop-wrapper"
|
|
88
123
|
}, items.map(function (item) {
|
|
89
124
|
return /*#__PURE__*/_react["default"].createElement(HeaderDropItem, _extends({}, item, {
|
|
125
|
+
detailInfo: detailInfo,
|
|
126
|
+
approvalSetting: approvalSetting,
|
|
90
127
|
onClose: function onClose() {
|
|
91
128
|
return onVisibleChange(false);
|
|
92
129
|
}
|
|
@@ -48,6 +48,17 @@
|
|
|
48
48
|
background: linear-gradient(180deg, rgba(191, 199, 213, 0) 0%, #BFC7D5 50%, rgba(240, 242, 245, 0) 100%);
|
|
49
49
|
}
|
|
50
50
|
|
|
51
|
+
.titaui-drawer-header-status {
|
|
52
|
+
display: inline-flex;
|
|
53
|
+
align-items: center;
|
|
54
|
+
justify-content: center;
|
|
55
|
+
border-radius: 16px;
|
|
56
|
+
width: 68px;
|
|
57
|
+
height: 28px;
|
|
58
|
+
margin-right: 18px;
|
|
59
|
+
font-size: 12px;
|
|
60
|
+
}
|
|
61
|
+
|
|
51
62
|
.titaui-drawer-header-action {
|
|
52
63
|
font-size: 18px;
|
|
53
64
|
color: #a4acb9;
|
|
@@ -164,6 +175,39 @@
|
|
|
164
175
|
background-repeat: no-repeat;
|
|
165
176
|
}
|
|
166
177
|
|
|
178
|
+
.titaui-drawer-header-action-drop-wrapper .header-drop-item-approval {
|
|
179
|
+
height: 32px;
|
|
180
|
+
display: flex;
|
|
181
|
+
align-items: center;
|
|
182
|
+
padding: 0 23px;
|
|
183
|
+
cursor: pointer;
|
|
184
|
+
color: #BFC7D5;
|
|
185
|
+
}
|
|
186
|
+
|
|
187
|
+
.titaui-drawer-header-action-drop-wrapper .header-drop-item-approval-icon {
|
|
188
|
+
font-size: 18px;
|
|
189
|
+
color: inherit;
|
|
190
|
+
width: 18px;
|
|
191
|
+
height: 18px;
|
|
192
|
+
cursor: pointer;
|
|
193
|
+
margin-right: 10px;
|
|
194
|
+
background-size: contain;
|
|
195
|
+
background-position: center center;
|
|
196
|
+
background-repeat: no-repeat;
|
|
197
|
+
}
|
|
198
|
+
|
|
199
|
+
.titaui-drawer-header-action-drop-wrapper .header-drop-item-approval-icon > span {
|
|
200
|
+
display: flex;
|
|
201
|
+
align-items: center;
|
|
202
|
+
justify-content: center;
|
|
203
|
+
color: inherit;
|
|
204
|
+
width: 18px;
|
|
205
|
+
height: 18px;
|
|
206
|
+
background-size: contain;
|
|
207
|
+
background-position: center center;
|
|
208
|
+
background-repeat: no-repeat;
|
|
209
|
+
}
|
|
210
|
+
|
|
167
211
|
.drawer-left .drawer-content-wrapper,
|
|
168
212
|
.drawer-right .drawer-content-wrapper,
|
|
169
213
|
.drawer-left .drawer-content,
|
|
@@ -25,7 +25,9 @@ require("./index.css");
|
|
|
25
25
|
|
|
26
26
|
var _context = _interopRequireDefault(require("../drawer-manager/context"));
|
|
27
27
|
|
|
28
|
-
var
|
|
28
|
+
var _dom = require("./utils/dom");
|
|
29
|
+
|
|
30
|
+
var _excluded = ["visible", "placement", "children", "mask", "width", "className", "contentWrapperStyle", "onClose", "style", "afterVisibleChange", "destroyOnClose", "bodyStyle", "zIndex", "autoClosable"];
|
|
29
31
|
|
|
30
32
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
31
33
|
|
|
@@ -54,7 +56,7 @@ var Drawer = function Drawer(props) {
|
|
|
54
56
|
|
|
55
57
|
var visible = props.visible,
|
|
56
58
|
_props$placement = props.placement,
|
|
57
|
-
placement = _props$placement === void 0 ?
|
|
59
|
+
placement = _props$placement === void 0 ? 'right' : _props$placement,
|
|
58
60
|
children = props.children,
|
|
59
61
|
_props$mask = props.mask,
|
|
60
62
|
mask = _props$mask === void 0 ? false : _props$mask,
|
|
@@ -70,6 +72,8 @@ var Drawer = function Drawer(props) {
|
|
|
70
72
|
bodyStyle = props.bodyStyle,
|
|
71
73
|
_props$zIndex = props.zIndex,
|
|
72
74
|
zIndex = _props$zIndex === void 0 ? 1200 : _props$zIndex,
|
|
75
|
+
_props$autoClosable = props.autoClosable,
|
|
76
|
+
autoClosable = _props$autoClosable === void 0 ? false : _props$autoClosable,
|
|
73
77
|
rest = _objectWithoutProperties(props, _excluded);
|
|
74
78
|
|
|
75
79
|
var handleAfterVisibleChange = (0, _react.useCallback)(function (opened) {
|
|
@@ -89,6 +93,20 @@ var Drawer = function Drawer(props) {
|
|
|
89
93
|
return children;
|
|
90
94
|
}
|
|
91
95
|
|
|
96
|
+
var autoClose = function autoClose(e) {
|
|
97
|
+
if ((0, _dom.hasAncestorElement)(e.target, 'document-mouse-event-ignore,rc-tooltip,titaui-popup,rc-dialog-root,common-modal,in-modal,task-hot-add')) return;
|
|
98
|
+
onClose();
|
|
99
|
+
};
|
|
100
|
+
|
|
101
|
+
(0, _react.useEffect)(function () {
|
|
102
|
+
if (autoClosable) {
|
|
103
|
+
document.addEventListener('mousedown', autoClose);
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
return function () {
|
|
107
|
+
document.removeEventListener('mousedown', autoClose);
|
|
108
|
+
};
|
|
109
|
+
}, []);
|
|
92
110
|
return /*#__PURE__*/_react["default"].createElement(DrawerContext.Provider, {
|
|
93
111
|
value: {
|
|
94
112
|
close: function close() {
|
|
@@ -96,7 +114,7 @@ var Drawer = function Drawer(props) {
|
|
|
96
114
|
}
|
|
97
115
|
}
|
|
98
116
|
}, /*#__PURE__*/_react["default"].createElement(_rcDrawer["default"], _extends({
|
|
99
|
-
className: (0, _classnames["default"])(
|
|
117
|
+
className: (0, _classnames["default"])('titaui-drawer', 'document-mouse-event-ignore', className),
|
|
100
118
|
style: _objectSpread(_objectSpread({}, style), {}, {
|
|
101
119
|
zIndex: zIndex
|
|
102
120
|
})
|
|
@@ -123,7 +141,10 @@ function DrawerHeader(_ref) {
|
|
|
123
141
|
content = _ref.content,
|
|
124
142
|
style = _ref.style,
|
|
125
143
|
onClose = _ref.onClose,
|
|
126
|
-
|
|
144
|
+
status = _ref.status,
|
|
145
|
+
actionComponent = _ref.actionComponent,
|
|
146
|
+
approvalSetting = _ref.approvalSetting,
|
|
147
|
+
detailInfo = _ref.detailInfo;
|
|
127
148
|
var drawer = (0, _react.useContext)(DrawerContext);
|
|
128
149
|
var manager = (0, _react.useContext)(_context["default"]);
|
|
129
150
|
var showClose = closable && (!!onClose || !!drawer);
|
|
@@ -146,16 +167,24 @@ function DrawerHeader(_ref) {
|
|
|
146
167
|
onClick: manager && manager.goBack
|
|
147
168
|
}, /*#__PURE__*/_react["default"].createElement("i", {
|
|
148
169
|
className: "tu-icon-fanhui"
|
|
149
|
-
}), (0, _getLocale.getLocale)(
|
|
170
|
+
}), (0, _getLocale.getLocale)('Mod_Back')), showBackBtn && hasContent && /*#__PURE__*/_react["default"].createElement("div", {
|
|
150
171
|
className: "titaui-drawer-header-divider"
|
|
151
172
|
}), hasContent && content, /*#__PURE__*/_react["default"].createElement("div", {
|
|
152
173
|
style: {
|
|
153
174
|
flex: 1
|
|
154
175
|
}
|
|
155
|
-
}), /*#__PURE__*/_react["default"].createElement("div",
|
|
176
|
+
}), status && status.color && /*#__PURE__*/_react["default"].createElement("div", {
|
|
177
|
+
className: "titaui-drawer-header-status",
|
|
178
|
+
style: {
|
|
179
|
+
color: status.color.color,
|
|
180
|
+
backgroundColor: status.color.bgColor
|
|
181
|
+
}
|
|
182
|
+
}, status.title), /*#__PURE__*/_react["default"].createElement("div", null, actionComponent), displayActions.map(function (action) {
|
|
156
183
|
return /*#__PURE__*/_react["default"].createElement(_headerAction["default"], action);
|
|
157
184
|
}), !!collapsedActions.length && /*#__PURE__*/_react["default"].createElement(_headerAction["default"], {
|
|
158
|
-
|
|
185
|
+
approvalSetting: approvalSetting,
|
|
186
|
+
detailInfo: detailInfo,
|
|
187
|
+
title: (0, _getLocale.getLocale)('Mod_MoreOperate'),
|
|
159
188
|
icon: "tu-icon-10",
|
|
160
189
|
children: collapsedActions
|
|
161
190
|
}), showClose && /*#__PURE__*/_react["default"].createElement("div", {
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.getObjTypeMapText = exports.OkrRiskMapping = exports.ObjectType = exports.EStatusStatus2ClassType = exports.EShareType = exports.EObjType = exports.EFeedType = void 0;
|
|
6
|
+
exports.getObjTypeMapText = exports.PlanReportType = exports.OkrRiskMapping = exports.ObjectType = exports.EStatusStatus2ClassType = exports.EShareType = exports.EObjType = exports.EFeedType = void 0;
|
|
7
7
|
|
|
8
8
|
var _getLocale = require("../../utils/getLocale");
|
|
9
9
|
|
|
@@ -117,4 +117,6 @@ var EStatusStatus2ClassType = {
|
|
|
117
117
|
0: "tu-icon-notstart",
|
|
118
118
|
5: "tu-icon-jiantou-right"
|
|
119
119
|
};
|
|
120
|
-
exports.EStatusStatus2ClassType = EStatusStatus2ClassType;
|
|
120
|
+
exports.EStatusStatus2ClassType = EStatusStatus2ClassType;
|
|
121
|
+
var PlanReportType = ["titaPlanReport"];
|
|
122
|
+
exports.PlanReportType = PlanReportType;
|
|
@@ -39,6 +39,8 @@ var _dynamicProgress = _interopRequireDefault(require("./dynamic-progress"));
|
|
|
39
39
|
|
|
40
40
|
var _dynamicCreateO = _interopRequireDefault(require("./dynamic-create-o"));
|
|
41
41
|
|
|
42
|
+
var _dynamicAiDialy = _interopRequireDefault(require("./dynamic-ai-dialy"));
|
|
43
|
+
|
|
42
44
|
var _dynamicTask = _interopRequireDefault(require("./dynamic-task"));
|
|
43
45
|
|
|
44
46
|
var _dynamicProject = _interopRequireDefault(require("./dynamic-project"));
|
|
@@ -104,7 +106,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
|
104
106
|
var prefix = "titaui-dynamic-item";
|
|
105
107
|
|
|
106
108
|
var DynamicItem = function DynamicItem(_ref) {
|
|
107
|
-
var _getBSGlobal;
|
|
109
|
+
var _getBSGlobal, _JSON$parse;
|
|
108
110
|
|
|
109
111
|
var data = _ref.data,
|
|
110
112
|
onDeleteFeed = _ref.onDeleteFeed,
|
|
@@ -154,6 +156,10 @@ var DynamicItem = function DynamicItem(_ref) {
|
|
|
154
156
|
var hasRewardBtn = !!((_getBSGlobal = (0, _bsGlobal.getBSGlobal)("WebHead")) !== null && _getBSGlobal !== void 0 && _getBSGlobal.AppHead.find(function (item) {
|
|
155
157
|
return item.AppId === "950";
|
|
156
158
|
}));
|
|
159
|
+
var isBiShare = data.shareType === _constant.EShareType.BiShare && data.biId;
|
|
160
|
+
|
|
161
|
+
var isFeedReport = isBiShare && _constant.PlanReportType.includes((_JSON$parse = JSON.parse(data.biId)) === null || _JSON$parse === void 0 ? void 0 : _JSON$parse.type);
|
|
162
|
+
|
|
157
163
|
var dynamicContentRef = (0, _react.useRef)();
|
|
158
164
|
var communicationRef = (0, _react.useRef)();
|
|
159
165
|
|
|
@@ -393,6 +399,12 @@ var DynamicItem = function DynamicItem(_ref) {
|
|
|
393
399
|
}, [feedComments]);
|
|
394
400
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
395
401
|
className: prefix
|
|
402
|
+
}, /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
|
|
403
|
+
condition: isFeedReport
|
|
404
|
+
}, /*#__PURE__*/_react["default"].createElement(_dynamicAiDialy["default"], {
|
|
405
|
+
data: data
|
|
406
|
+
})), /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
|
|
407
|
+
condition: !isFeedReport
|
|
396
408
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
397
409
|
className: "".concat(prefix, "__content"),
|
|
398
410
|
ref: dynamicContentRef,
|
|
@@ -496,7 +508,7 @@ var DynamicItem = function DynamicItem(_ref) {
|
|
|
496
508
|
onReplyChange: handleReply,
|
|
497
509
|
showUser: true,
|
|
498
510
|
showDefaultInput: true
|
|
499
|
-
}))));
|
|
511
|
+
})))));
|
|
500
512
|
};
|
|
501
513
|
|
|
502
514
|
var _default = DynamicItem;
|
|
@@ -11,8 +11,6 @@ var _rcQueueAnim = _interopRequireDefault(require("rc-queue-anim"));
|
|
|
11
11
|
|
|
12
12
|
var _dynamicItem = _interopRequireDefault(require("../dynamic-item"));
|
|
13
13
|
|
|
14
|
-
var _dynamicAiDialy = _interopRequireDefault(require("../dynamic-item/dynamic-ai-dialy"));
|
|
15
|
-
|
|
16
14
|
var _dynamicEmpty = _interopRequireDefault(require("../img/dynamic-empty.png"));
|
|
17
15
|
|
|
18
16
|
var _conditionRender = _interopRequireDefault(require("../../condition-render"));
|
|
@@ -21,8 +19,6 @@ var _getLocale = require("../../../utils/getLocale");
|
|
|
21
19
|
|
|
22
20
|
require("./index.css");
|
|
23
21
|
|
|
24
|
-
var _constant = require("../constant");
|
|
25
|
-
|
|
26
22
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
27
23
|
|
|
28
24
|
// @ts-ignore
|
|
@@ -68,14 +64,10 @@ var DynamicList = function DynamicList(_ref) {
|
|
|
68
64
|
display: "none"
|
|
69
65
|
}]
|
|
70
66
|
}, data.map(function (item) {
|
|
71
|
-
var _JSON$parse;
|
|
72
|
-
|
|
73
67
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
74
68
|
className: "".concat(prefix, "__item-wrapper"),
|
|
75
69
|
key: item.feedId
|
|
76
|
-
},
|
|
77
|
-
data: item
|
|
78
|
-
}) : /*#__PURE__*/_react["default"].createElement(_dynamicItem["default"], {
|
|
70
|
+
}, /*#__PURE__*/_react["default"].createElement(_dynamicItem["default"], {
|
|
79
71
|
data: item,
|
|
80
72
|
onDeleteFeed: handleDeleteFeed,
|
|
81
73
|
dynamicShareIsShowToping: dynamicShareIsShowToping
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
height: 30px;
|
|
17
17
|
margin-left: 10px;
|
|
18
18
|
border: 1px solid #e6eaef;
|
|
19
|
-
border-radius:
|
|
19
|
+
border-radius: 50%;
|
|
20
20
|
box-sizing: border-box;
|
|
21
21
|
cursor: pointer;
|
|
22
22
|
}
|
|
@@ -33,63 +33,8 @@
|
|
|
33
33
|
border-color: #2879ff;
|
|
34
34
|
}
|
|
35
35
|
|
|
36
|
-
.titaui-icon-button-list__btn:hover .titaui-icon-button-list__btn-icon--export {
|
|
37
|
-
background-position: 0 -287px;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
.titaui-icon-button-list__btn:hover .titaui-icon-button-list__btn-icon--share {
|
|
41
|
-
background-position: 0 -26px;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
.titaui-icon-button-list__btn:hover .titaui-icon-button-list__btn-icon--fullscreen {
|
|
45
|
-
background-position: 0 -78px;
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
.titaui-icon-button-list__btn:hover .titaui-icon-button-list__btn-icon--quit-fullscreen {
|
|
49
|
-
background-position: 0 -130px;
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
.titaui-icon-button-list__btn:hover .titaui-icon-button-list__btn-icon--horizontal {
|
|
53
|
-
background-position: 0 -182px;
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
.titaui-icon-button-list__btn:hover .titaui-icon-button-list__btn-icon--vertical {
|
|
57
|
-
background-position: 0 -234px;
|
|
58
|
-
}
|
|
59
|
-
|
|
60
36
|
.titaui-icon-button-list__btn-icon {
|
|
61
37
|
display: inline-block;
|
|
62
38
|
box-sizing: border-box;
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
.titaui-icon-button-list__btn-icon--base {
|
|
66
|
-
width: 16px;
|
|
67
|
-
height: 16px;
|
|
68
|
-
background: url("./images/icons-2.png") no-repeat;
|
|
69
|
-
background-size: cover;
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
.titaui-icon-button-list__btn-icon--export {
|
|
73
|
-
background-position: 0 -261px;
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
.titaui-icon-button-list__btn-icon--share {
|
|
77
|
-
background-position: 0 0;
|
|
78
|
-
}
|
|
79
|
-
|
|
80
|
-
.titaui-icon-button-list__btn-icon--fullscreen {
|
|
81
|
-
background-position: 0 -52px;
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
.titaui-icon-button-list__btn-icon--quit-fullscreen {
|
|
85
|
-
background-position: 0 -104px;
|
|
86
|
-
}
|
|
87
|
-
|
|
88
|
-
.titaui-icon-button-list__btn-icon--horizontal {
|
|
89
|
-
background-position: 0 -156px;
|
|
90
|
-
}
|
|
91
|
-
|
|
92
|
-
.titaui-icon-button-list__btn-icon--vertical {
|
|
93
|
-
height: 17px;
|
|
94
|
-
background-position: 0 -208px;
|
|
39
|
+
font-size: 16px;
|
|
95
40
|
}
|