@titaui/pc 1.9.76 → 1.9.81
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/.eslintrc.js +7 -5
- package/lib/components/change-okr-modal/Item.js +26 -24
- package/lib/components/change-okr-modal/styledComponents.js +5 -5
- package/lib/components/mblog/style.js +2 -2
- package/lib/components/okr-detail/detail-header/confirm.js +2 -1
- package/lib/components/okr-detail/detail-header/index.js +13 -10
- package/lib/components/okr-flow/export-modal/index.js +65 -41
- package/lib/components/okr-progress-modal/helper.js +59 -45
- package/lib/components/okr-progress-modal/index.js +19 -14
- package/lib/components/okr-share/index.js +7 -2
- package/lib/components/period-selector/common.js +18 -10
- package/lib/pages/okr-map/export-modules/okr-map/header/index.css +12 -11
- package/package.json +2 -1
- package/src/components/change-okr-modal/Item.tsx +22 -22
- package/src/components/change-okr-modal/styledComponents.ts +11 -5
- package/src/components/mblog/style.ts +4 -5
- package/src/components/okr-detail/detail-header/confirm.tsx +1 -1
- package/src/components/okr-detail/detail-header/index.tsx +19 -13
- package/src/components/okr-flow/export-modal/index.tsx +52 -39
- package/src/components/okr-progress-modal/helper.js +49 -41
- package/src/components/okr-progress-modal/index.tsx +17 -16
- package/src/components/okr-share/index.tsx +9 -4
- package/src/components/period-selector/common.ts +16 -10
- package/src/pages/okr-map/export-modules/okr-map/header/index.scss +24 -19
- package/yarn-error.log +0 -103
package/.eslintrc.js
CHANGED
|
@@ -26,7 +26,8 @@ module.exports = {
|
|
|
26
26
|
"eqeqeq": 2,
|
|
27
27
|
"spaced-comment": 2,
|
|
28
28
|
"prefer-object-spread": 2,
|
|
29
|
-
|
|
29
|
+
'no-unused-expressions': 'off',
|
|
30
|
+
'@typescript-eslint/no-unused-expressions': 2,
|
|
30
31
|
"no-plusplus": 2,
|
|
31
32
|
"no-multiple-empty-lines": 2,
|
|
32
33
|
"arrow-body-style": 2,
|
|
@@ -70,7 +71,8 @@ module.exports = {
|
|
|
70
71
|
"jsx-a11y/no-static-element-interactions": 0,
|
|
71
72
|
"jsx-a11y/click-events-have-key-events": 0,
|
|
72
73
|
"no-trailing-spaces": 2,
|
|
73
|
-
"no-unused-vars":
|
|
74
|
+
"no-unused-vars": 0,
|
|
75
|
+
"@typescript-eslint/no-unused-vars": 2,
|
|
74
76
|
"default-case": 2,
|
|
75
77
|
"implicit-arrow-linebreak": 2,
|
|
76
78
|
"react/jsx-closing-bracket-location": 2,
|
|
@@ -93,7 +95,7 @@ module.exports = {
|
|
|
93
95
|
"prefer-arrow-callback": 2,
|
|
94
96
|
"arrow-spacing": 2,
|
|
95
97
|
"no-nested-ternary": 2,
|
|
96
|
-
"max-len":
|
|
98
|
+
"max-len": ["error", { "code": 200 }],
|
|
97
99
|
"lines-between-class-members": 2,
|
|
98
100
|
"no-tabs": 2,
|
|
99
101
|
"react/jsx-indent": 2,
|
|
@@ -125,7 +127,7 @@ module.exports = {
|
|
|
125
127
|
"react/jsx-no-constructed-context-values": 1,
|
|
126
128
|
"new-cap": 2,
|
|
127
129
|
"function-paren-newline": 2,
|
|
128
|
-
"global-require":
|
|
130
|
+
"global-require": 2,
|
|
129
131
|
"jsx-a11y/alt-text": 2,
|
|
130
132
|
"react/no-array-index-key": 2,
|
|
131
133
|
"react/no-unstable-nested-components": 2,
|
|
@@ -218,4 +220,4 @@ module.exports = {
|
|
|
218
220
|
"valid-typeof": 2,
|
|
219
221
|
"no-alert": 2,
|
|
220
222
|
},
|
|
221
|
-
}
|
|
223
|
+
}
|
|
@@ -65,13 +65,14 @@ var Item = /*#__PURE__*/function (_PureComponent) {
|
|
|
65
65
|
|
|
66
66
|
var _super = _createSuper(Item);
|
|
67
67
|
|
|
68
|
+
// @ts-ignore
|
|
68
69
|
function Item(props) {
|
|
69
70
|
var _this;
|
|
70
71
|
|
|
71
72
|
_classCallCheck(this, Item);
|
|
72
73
|
|
|
73
74
|
_this = _super.call(this, props);
|
|
74
|
-
_this.isObjectiveRelevanceKr = BSGlobal.OkrAdvancedSetting.KRSetting.ObjectiveRelevanceKr;
|
|
75
|
+
_this.isObjectiveRelevanceKr = window.BSGlobal.OkrAdvancedSetting.KRSetting.ObjectiveRelevanceKr;
|
|
75
76
|
|
|
76
77
|
_this.onSelect = function (e, data) {
|
|
77
78
|
e.stopPropagation();
|
|
@@ -102,7 +103,7 @@ var Item = /*#__PURE__*/function (_PureComponent) {
|
|
|
102
103
|
|
|
103
104
|
if (data.Krs.length > 0) {
|
|
104
105
|
var isRelatedKr = data.Krs.some(function (item) {
|
|
105
|
-
return item.mileStoneId
|
|
106
|
+
return item.mileStoneId === (active.workId || active.mileStoneId);
|
|
106
107
|
});
|
|
107
108
|
|
|
108
109
|
_this.setState({
|
|
@@ -114,8 +115,8 @@ var Item = /*#__PURE__*/function (_PureComponent) {
|
|
|
114
115
|
_this.htmlToText = function (text) {
|
|
115
116
|
var div = document.createElement("div");
|
|
116
117
|
div.innerHTML = text;
|
|
117
|
-
|
|
118
|
-
return
|
|
118
|
+
var newtext = div.innerText || div.textContent;
|
|
119
|
+
return newtext;
|
|
119
120
|
};
|
|
120
121
|
|
|
121
122
|
_this.getCycleText = function () {
|
|
@@ -136,7 +137,7 @@ var Item = /*#__PURE__*/function (_PureComponent) {
|
|
|
136
137
|
return "".concat((0, _constant2.getMonth)()[data.yqmnum - 1], "-").concat((0, _constant2.getMonth)()[((data.yqmnum + 1) % 12 || 12) - 1], "\u6708");
|
|
137
138
|
|
|
138
139
|
case 5:
|
|
139
|
-
return data.yqmnum
|
|
140
|
+
return data.yqmnum === 1 ? (0, _getLocale.getLocale)("OKR_MyO_Pop_Firsthalf") : (0, _getLocale.getLocale)("OKR_MyO_Pop_Secondhalf");
|
|
140
141
|
|
|
141
142
|
default:
|
|
142
143
|
return (0, _getLocale.getLocale)("Mod_Customization");
|
|
@@ -156,10 +157,12 @@ var Item = /*#__PURE__*/function (_PureComponent) {
|
|
|
156
157
|
return newstr;
|
|
157
158
|
};
|
|
158
159
|
|
|
159
|
-
_this.
|
|
160
|
+
_this.dealOkrData = function (data, keyWords) {
|
|
161
|
+
var newData = data;
|
|
162
|
+
|
|
160
163
|
if (keyWords) {
|
|
161
|
-
|
|
162
|
-
|
|
164
|
+
newData.workName = _this.formatKeywordsFunc(data.workName, keyWords);
|
|
165
|
+
newData.Krs.forEach(function (item) {
|
|
163
166
|
item.mileStoneName = _this.formatKeywordsFunc(item.mileStoneName, keyWords);
|
|
164
167
|
});
|
|
165
168
|
}
|
|
@@ -167,13 +170,12 @@ var Item = /*#__PURE__*/function (_PureComponent) {
|
|
|
167
170
|
return data;
|
|
168
171
|
};
|
|
169
172
|
|
|
170
|
-
_this.okrData = _this.
|
|
173
|
+
_this.okrData = _this.dealOkrData(_this.props.data, _this.props.keywords);
|
|
171
174
|
_this.state = {
|
|
172
175
|
isExpand: false
|
|
173
176
|
};
|
|
174
177
|
return _this;
|
|
175
|
-
}
|
|
176
|
-
|
|
178
|
+
}
|
|
177
179
|
|
|
178
180
|
_createClass(Item, [{
|
|
179
181
|
key: "componentDidMount",
|
|
@@ -205,14 +207,14 @@ var Item = /*#__PURE__*/function (_PureComponent) {
|
|
|
205
207
|
onClick: function onClick(e) {
|
|
206
208
|
return _this2.onSelect(e, data);
|
|
207
209
|
},
|
|
208
|
-
active: active && data.workId
|
|
210
|
+
active: active && data.workId === active.workId
|
|
209
211
|
}), /*#__PURE__*/_react["default"].createElement(_styledComponents.Tag, {
|
|
210
212
|
color: colorMap[data.cycleType] || colorMap[4]
|
|
211
213
|
}, this.getCycleText()), /*#__PURE__*/_react["default"].createElement(_styledComponents.WorkNameWrapper, {
|
|
212
214
|
isShowKr: isShowKr
|
|
213
|
-
}, /*#__PURE__*/_react["default"].createElement(_tooltip["default"]
|
|
214
|
-
|
|
215
|
-
|
|
215
|
+
}, /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
|
|
216
|
+
placement: "top",
|
|
217
|
+
overlay: this.htmlToText(this.okrData.workName)
|
|
216
218
|
}, /*#__PURE__*/_react["default"].createElement(_styledComponents.OkrName, {
|
|
217
219
|
isKr: false,
|
|
218
220
|
isShowKr: isShowKr,
|
|
@@ -233,30 +235,30 @@ var Item = /*#__PURE__*/function (_PureComponent) {
|
|
|
233
235
|
onClick: function onClick(e) {
|
|
234
236
|
return _this2.onSelect(e, data.Krs[index]);
|
|
235
237
|
},
|
|
236
|
-
active: active && item.mileStoneId
|
|
238
|
+
active: active && item.mileStoneId === (active.workId || active.mileStoneId)
|
|
237
239
|
}), /*#__PURE__*/_react["default"].createElement(_styledComponents.WorkNameWrapper, {
|
|
238
240
|
isShowKr: isShowKr
|
|
239
|
-
}, /*#__PURE__*/_react["default"].createElement(_tooltip["default"]
|
|
240
|
-
|
|
241
|
-
|
|
241
|
+
}, /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
|
|
242
|
+
placement: "top",
|
|
243
|
+
overlay: _this2.htmlToText(item.mileStoneName)
|
|
242
244
|
}, /*#__PURE__*/_react["default"].createElement(_styledComponents.OkrName, {
|
|
243
245
|
isKr: true,
|
|
244
246
|
isShowKr: isShowKr,
|
|
245
247
|
dangerouslySetInnerHTML: {
|
|
246
248
|
__html: "KR".concat(index + 1, "\uFF1A").concat(item.mileStoneName)
|
|
247
249
|
}
|
|
248
|
-
})))) : active && item.mileStoneId
|
|
250
|
+
})))) : active && item.mileStoneId === (active.workId || active.mileStoneId) ? /*#__PURE__*/_react["default"].createElement(_styledComponents.ItemTop, {
|
|
249
251
|
key: item.mileStoneId
|
|
250
252
|
}, /*#__PURE__*/_react["default"].createElement(_styledComponents.Radio, {
|
|
251
253
|
onClick: function onClick(e) {
|
|
252
254
|
return _this2.onSelect(e, data.Krs[index]);
|
|
253
255
|
},
|
|
254
|
-
active: active && item.mileStoneId
|
|
256
|
+
active: active && item.mileStoneId === (active.workId || active.mileStoneId)
|
|
255
257
|
}), /*#__PURE__*/_react["default"].createElement(_styledComponents.WorkNameWrapper, {
|
|
256
258
|
isShowKr: isShowKr
|
|
257
|
-
}, /*#__PURE__*/_react["default"].createElement(_tooltip["default"]
|
|
258
|
-
|
|
259
|
-
|
|
259
|
+
}, /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
|
|
260
|
+
placement: "top",
|
|
261
|
+
overlay: _this2.htmlToText(item.mileStoneName)
|
|
260
262
|
}, /*#__PURE__*/_react["default"].createElement(_styledComponents.OkrName, {
|
|
261
263
|
isKr: true,
|
|
262
264
|
isShowKr: isShowKr,
|
|
@@ -14,7 +14,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
|
|
|
14
14
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
15
15
|
|
|
16
16
|
var Wrapper = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n width: 589px;\n height: 488px;\n margin-top: ", ";\n background: #ffffff;\n box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);\n border-radius: 4px;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n"])), function (p) {
|
|
17
|
-
return p.okrPopType
|
|
17
|
+
return p.okrPopType === 1 ? 0 : "32px";
|
|
18
18
|
});
|
|
19
19
|
|
|
20
20
|
exports.Wrapper = Wrapper;
|
|
@@ -101,7 +101,7 @@ var Tag = _styledComponents["default"].div(_templateObject19 || (_templateObject
|
|
|
101
101
|
|
|
102
102
|
exports.Tag = Tag;
|
|
103
103
|
|
|
104
|
-
var OkrName = _styledComponents["default"].span(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n flex: 1;\n width:
|
|
104
|
+
var OkrName = _styledComponents["default"].span(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n display: inline-block\n flex: 1;\n max-width: 400px;\n font-size: 13px;\n font-weight: ", ";\n color: #33383d;\n white-space: nowrap;\n overflow: hidden;\n word-break: keep-all;\n text-overflow: ellipsis;\n line-height: 1;\n"])), function (p) {
|
|
105
105
|
return p.isShowKr ? "normal" : "600";
|
|
106
106
|
});
|
|
107
107
|
|
|
@@ -128,11 +128,11 @@ var ButtonGroup = _styledComponents["default"].div(_templateObject25 || (_templa
|
|
|
128
128
|
exports.ButtonGroup = ButtonGroup;
|
|
129
129
|
|
|
130
130
|
var Button = _styledComponents["default"].a(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n display: block;\n min-width: 28px;\n height: 27px;\n padding: 0 15px;\n box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.21);\n border-radius: 2px;\n background-color: ", ";\n color: ", ";\n cursor: pointer;\n text-align: center;\n white-space: nowrap;\n line-height: 27px;\n &:hover {\n color: ", ";\n }\n"])), function (p) {
|
|
131
|
-
return p.type
|
|
131
|
+
return p.type !== "confirm" ? "#FAFBFC" : p.disabled ? "#E7EEF3" : "#2879FF";
|
|
132
132
|
}, function (p) {
|
|
133
|
-
return p.type
|
|
133
|
+
return p.type !== "confirm" ? "#565E66" : "#FFF";
|
|
134
134
|
}, function (p) {
|
|
135
|
-
return p.type
|
|
135
|
+
return p.type !== "confirm" ? "#565E66" : "#FFF";
|
|
136
136
|
});
|
|
137
137
|
|
|
138
138
|
exports.Button = Button;
|
|
@@ -36,11 +36,11 @@ var TextareaWrapper = _styledComponents["default"].div(_templateObject5 || (_tem
|
|
|
36
36
|
|
|
37
37
|
exports.TextareaWrapper = TextareaWrapper;
|
|
38
38
|
|
|
39
|
-
var Textarea = _styledComponents["default"].textarea(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n width: 100%;\n padding: 0;\n border: 0 none;\n background-color: transparent;\n color: #3F4755;\n resize: none;\n word-break: break-all;\n word-wrap: break-word;\n height: 160px;\n\n &.textarea-setheight {\n visibility: hidden;\n position: absolute;\n }\n
|
|
39
|
+
var Textarea = _styledComponents["default"].textarea(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n width: 100%;\n padding: 0;\n border: 0 none;\n background-color: transparent;\n color: #3F4755;\n resize: none;\n word-break: break-all;\n word-wrap: break-word;\n height: 160px;\n font-size: 14px;\n line-height: 22px;\n\n &.textarea-setheight {\n visibility: hidden;\n position: absolute;\n }\n"])));
|
|
40
40
|
|
|
41
41
|
exports.Textarea = Textarea;
|
|
42
42
|
|
|
43
|
-
var Tips = _styledComponents["default"].div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n line-height:
|
|
43
|
+
var Tips = _styledComponents["default"].div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n font-size: 14px;\n line-height: 22px;\n color: ", ";\n text-align: right;\n"])), function (p) {
|
|
44
44
|
return p.color;
|
|
45
45
|
}); // MblogAction
|
|
46
46
|
|
|
@@ -140,7 +140,7 @@ function OkrDetailHeader(_ref) {
|
|
|
140
140
|
detailInfo: detailInfo,
|
|
141
141
|
openShareModal: function () {
|
|
142
142
|
var _openShareModal = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
|
|
143
|
-
var
|
|
143
|
+
var krss;
|
|
144
144
|
return regeneratorRuntime.wrap(function _callee2$(_context2) {
|
|
145
145
|
while (1) {
|
|
146
146
|
switch (_context2.prev = _context2.next) {
|
|
@@ -151,8 +151,8 @@ function OkrDetailHeader(_ref) {
|
|
|
151
151
|
});
|
|
152
152
|
|
|
153
153
|
case 2:
|
|
154
|
-
|
|
155
|
-
setKrs(
|
|
154
|
+
krss = _context2.sent;
|
|
155
|
+
setKrs(krss);
|
|
156
156
|
setShareVisible(true);
|
|
157
157
|
|
|
158
158
|
case 5:
|
|
@@ -170,8 +170,11 @@ function OkrDetailHeader(_ref) {
|
|
|
170
170
|
return openShareModal;
|
|
171
171
|
}(),
|
|
172
172
|
changeVisiblilty: function changeVisiblilty(visibility) {
|
|
173
|
-
if (visibility
|
|
174
|
-
|
|
173
|
+
if (visibility === 4) {
|
|
174
|
+
if (userSelectRef.current) {
|
|
175
|
+
userSelectRef.current.open();
|
|
176
|
+
}
|
|
177
|
+
|
|
175
178
|
return;
|
|
176
179
|
}
|
|
177
180
|
|
|
@@ -205,8 +208,7 @@ function OkrDetailHeader(_ref) {
|
|
|
205
208
|
break;
|
|
206
209
|
}
|
|
207
210
|
|
|
208
|
-
if (!follow
|
|
209
|
-
) {
|
|
211
|
+
if (!follow) {
|
|
210
212
|
_context3.next = 9;
|
|
211
213
|
break;
|
|
212
214
|
}
|
|
@@ -367,13 +369,13 @@ function OkrDetailHeader(_ref) {
|
|
|
367
369
|
className: "tu-icon-liebiao-duiqinubiao"
|
|
368
370
|
}), /*#__PURE__*/_react["default"].createElement("span", {
|
|
369
371
|
onClick: function onClick() {
|
|
370
|
-
return parent.type
|
|
372
|
+
return parent.type === "okr" ? _drawerManager["default"].open("okrDetail", {
|
|
371
373
|
okrId: parent.id
|
|
372
374
|
}) : _drawerManager["default"].open("krDetail", {
|
|
373
375
|
krId: parent.id
|
|
374
376
|
});
|
|
375
377
|
}
|
|
376
|
-
}, /*#__PURE__*/_react["default"].createElement("span", null, parent.type
|
|
378
|
+
}, /*#__PURE__*/_react["default"].createElement("span", null, parent.type === "okr" ? "O " : "KR "), parent.name)) : null
|
|
377
379
|
}), /*#__PURE__*/_react["default"].createElement(_okrShare["default"], {
|
|
378
380
|
visible: shareVisible,
|
|
379
381
|
onClose: closeShareModal,
|
|
@@ -389,7 +391,8 @@ function OkrDetailHeader(_ref) {
|
|
|
389
391
|
src: detailInfo.principalUser.avatar.medium
|
|
390
392
|
}
|
|
391
393
|
})
|
|
392
|
-
}
|
|
394
|
+
},
|
|
395
|
+
zIndex: 2400
|
|
393
396
|
}), /*#__PURE__*/_react["default"].createElement(_titaUi.PopConfirm, {
|
|
394
397
|
ref: popRef,
|
|
395
398
|
showArrow: false,
|
|
@@ -61,7 +61,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
|
|
|
61
61
|
|
|
62
62
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
63
63
|
|
|
64
|
-
function ExportMapModal(props) {
|
|
64
|
+
var ExportMapModal = function ExportMapModal(props) {
|
|
65
65
|
var _props$visible = props.visible,
|
|
66
66
|
visible = _props$visible === void 0 ? false : _props$visible,
|
|
67
67
|
onCloseHandler = props.onCloseHandler,
|
|
@@ -89,18 +89,25 @@ function ExportMapModal(props) {
|
|
|
89
89
|
|
|
90
90
|
var modalRef = (0, _react.useRef)();
|
|
91
91
|
(0, _react.useEffect)(function () {
|
|
92
|
-
if ((0, _bsGlobal.isWx)()) {
|
|
93
|
-
|
|
94
|
-
|
|
92
|
+
if ((0, _bsGlobal.isWx)() && window.WWOpenData) {
|
|
93
|
+
if (window.WWOpenData.enableCanvasSharing) {
|
|
94
|
+
window.WWOpenData.enableCanvasSharing();
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
if (window.WWOpenData.initCanvas) {
|
|
98
|
+
window.WWOpenData.initCanvas();
|
|
99
|
+
}
|
|
95
100
|
}
|
|
96
101
|
}, []);
|
|
97
102
|
(0, _react.useEffect)(function () {
|
|
98
|
-
visible && mapInstance
|
|
103
|
+
if (visible && mapInstance) {
|
|
104
|
+
mapInstance.fitView();
|
|
105
|
+
}
|
|
99
106
|
}, [visible, mapInstance]);
|
|
100
107
|
|
|
101
108
|
var downloadImg = /*#__PURE__*/function () {
|
|
102
109
|
var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
|
|
103
|
-
var okrMapRef, width, height, canvas, scale, opts
|
|
110
|
+
var okrMapRef, width, height, canvas, scale, opts;
|
|
104
111
|
return regeneratorRuntime.wrap(function _callee$(_context) {
|
|
105
112
|
while (1) {
|
|
106
113
|
switch (_context.prev = _context.next) {
|
|
@@ -112,7 +119,7 @@ function ExportMapModal(props) {
|
|
|
112
119
|
|
|
113
120
|
canvas = document.createElement("canvas"); // 创建一个canvas节点
|
|
114
121
|
|
|
115
|
-
scale =
|
|
122
|
+
scale = 10; // 定义任意放大倍数 支持小数 设置成20之后企业微信工作台导出不了
|
|
116
123
|
|
|
117
124
|
canvas.width = width * scale; // 定义canvas 宽度 * 缩放
|
|
118
125
|
|
|
@@ -136,52 +143,66 @@ function ExportMapModal(props) {
|
|
|
136
143
|
|
|
137
144
|
};
|
|
138
145
|
_context.next = 12;
|
|
139
|
-
return (0, _html2canvas["default"])(okrMapRef, opts)
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
146
|
+
return (0, _html2canvas["default"])(okrMapRef, opts).then(function (result) {
|
|
147
|
+
if ((0, _bsGlobal.isWx)() && window.WWOpenData) {
|
|
148
|
+
if (window.WWOpenData.enableCanvasSharing) {
|
|
149
|
+
window.WWOpenData.enableCanvasSharing();
|
|
150
|
+
}
|
|
151
|
+
|
|
152
|
+
if (window.WWOpenData.initCanvas) {
|
|
153
|
+
window.WWOpenData.initCanvas();
|
|
154
|
+
}
|
|
155
|
+
}
|
|
143
156
|
|
|
144
|
-
|
|
145
|
-
window.WWOpenData && window.WWOpenData.enableCanvasSharing && window.WWOpenData.enableCanvasSharing();
|
|
146
|
-
window.WWOpenData && window.WWOpenData.initCanvas && window.WWOpenData.initCanvas();
|
|
147
|
-
}
|
|
157
|
+
var imgUrl = result.toDataURL("image/png"); // 得到图片的base64编码数据
|
|
148
158
|
|
|
149
|
-
|
|
159
|
+
// 得到图片的base64编码数据
|
|
160
|
+
(0, _requestApis.getBase64DownloadUrl)(imgUrl.split(",")[1]).then(function (url) {
|
|
161
|
+
var image = new Image();
|
|
162
|
+
image.setAttribute("crossOrigin", "anonymous");
|
|
150
163
|
|
|
151
|
-
|
|
152
|
-
|
|
164
|
+
image.onload = function () {
|
|
165
|
+
if (!url.Data.obj) {
|
|
166
|
+
_toast["default"].Error("导出失败,请稍后重试", {
|
|
167
|
+
canClose: false
|
|
168
|
+
});
|
|
169
|
+
}
|
|
153
170
|
|
|
154
|
-
|
|
155
|
-
url = _context.sent;
|
|
156
|
-
image = new Image();
|
|
157
|
-
image.setAttribute("crossOrigin", "anonymous");
|
|
171
|
+
var a = document.createElement("a"); // 生成一个a元素
|
|
158
172
|
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
_toast["default"].Error("导出失败,请稍后重试", {
|
|
162
|
-
canClose: false
|
|
163
|
-
});
|
|
164
|
-
}
|
|
173
|
+
// 生成一个a元素
|
|
174
|
+
var event = new MouseEvent("click"); // 创建一个单击事件
|
|
165
175
|
|
|
166
|
-
|
|
176
|
+
// 创建一个单击事件
|
|
177
|
+
a.download = "okr地图"; // 设置图片名称
|
|
167
178
|
|
|
168
|
-
|
|
179
|
+
// 设置图片名称
|
|
180
|
+
a.href = url.Data.obj; // 将生成的URL设置为a.href属性
|
|
169
181
|
|
|
170
|
-
|
|
182
|
+
// 将生成的URL设置为a.href属性
|
|
183
|
+
a.dispatchEvent(event); // 触发a的单击事件
|
|
171
184
|
|
|
172
|
-
|
|
185
|
+
// 触发a的单击事件
|
|
186
|
+
_toast["default"].Success("导出成功");
|
|
173
187
|
|
|
174
|
-
|
|
188
|
+
setIsExport(false);
|
|
175
189
|
|
|
176
|
-
|
|
190
|
+
if (onCloseHandler) {
|
|
191
|
+
onCloseHandler();
|
|
192
|
+
}
|
|
193
|
+
};
|
|
177
194
|
|
|
195
|
+
image.src = imgUrl;
|
|
196
|
+
});
|
|
197
|
+
})["catch"](function (err) {
|
|
178
198
|
setIsExport(false);
|
|
179
|
-
onCloseHandler && onCloseHandler();
|
|
180
|
-
};
|
|
181
199
|
|
|
182
|
-
|
|
200
|
+
_toast["default"].Error(err, {
|
|
201
|
+
canClose: false
|
|
202
|
+
});
|
|
203
|
+
});
|
|
183
204
|
|
|
184
|
-
case
|
|
205
|
+
case 12:
|
|
185
206
|
case "end":
|
|
186
207
|
return _context.stop();
|
|
187
208
|
}
|
|
@@ -201,9 +222,9 @@ function ExportMapModal(props) {
|
|
|
201
222
|
});
|
|
202
223
|
|
|
203
224
|
return;
|
|
204
|
-
}
|
|
225
|
+
} // setIsExport(true);
|
|
226
|
+
|
|
205
227
|
|
|
206
|
-
setIsExport(true);
|
|
207
228
|
downloadImg();
|
|
208
229
|
};
|
|
209
230
|
|
|
@@ -267,7 +288,10 @@ function ExportMapModal(props) {
|
|
|
267
288
|
background: bgColor
|
|
268
289
|
}
|
|
269
290
|
}))))));
|
|
270
|
-
}
|
|
291
|
+
};
|
|
271
292
|
|
|
293
|
+
ExportMapModal.defaultProps = {
|
|
294
|
+
onCloseHandler: function onCloseHandler() {}
|
|
295
|
+
};
|
|
272
296
|
var _default = ExportMapModal;
|
|
273
297
|
exports["default"] = _default;
|
|
@@ -5,7 +5,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
-
exports.transProgress = exports.getOptions = exports.
|
|
8
|
+
exports.transProgress = exports.getOptions = exports.getOSetting = exports.getKrSetting = exports.getKrOptions = void 0;
|
|
9
9
|
|
|
10
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
11
|
|
|
@@ -15,7 +15,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
15
15
|
|
|
16
16
|
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; }
|
|
17
17
|
|
|
18
|
-
var
|
|
18
|
+
var getOSetting = function getOSetting() {
|
|
19
19
|
return {
|
|
20
20
|
settingTitle: (0, _getLocale.getLocale)("OKR_MyO_Pop_Upd_Setmatically"),
|
|
21
21
|
switchLabel: (0, _getLocale.getLocale)("OKR_MyO_Pop_Upd_Setmatically"),
|
|
@@ -28,38 +28,45 @@ var getO_SETTING = function getO_SETTING() {
|
|
|
28
28
|
key: 2,
|
|
29
29
|
tooltip: (0, _getLocale.getLocale)("OKR_MyO_Pop_Upd_SubO")
|
|
30
30
|
}],
|
|
31
|
-
getRecommandText: function getRecommandText() {
|
|
32
|
-
var autoUpdate = arguments.length >
|
|
33
|
-
var updateWay = arguments.length >
|
|
34
|
-
var recommandProgressObj = arguments.length > 2 ? arguments[2] : undefined;
|
|
31
|
+
getRecommandText: function getRecommandText(recommandProgressObj) {
|
|
32
|
+
var autoUpdate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
|
|
33
|
+
var updateWay = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
|
|
35
34
|
|
|
36
35
|
if (autoUpdate) {
|
|
37
|
-
if (updateWay
|
|
36
|
+
if (updateWay === 1) return /*#__PURE__*/_react["default"].createElement("span", {
|
|
38
37
|
className: "auto-update__recommand-tip"
|
|
39
38
|
}, (0, _getLocale.getLocale)("OKR_MyO_Pop_Upd_Automatic"));
|
|
40
|
-
if (updateWay
|
|
39
|
+
if (updateWay === 2) return /*#__PURE__*/_react["default"].createElement("span", {
|
|
41
40
|
className: "auto-update__recommand-tip"
|
|
42
41
|
}, (0, _getLocale.getLocale)("OKR_MyO_calculationSubO"));
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
}, (0, _getLocale.getLocale)("Per_Ass_Pop_title_Recommend")), /*#__PURE__*/_react["default"].createElement("span", {
|
|
53
|
-
className: "auto-update__recommand-tip"
|
|
54
|
-
}, "\uFF08", textArr.join(","), "\uFF09"));
|
|
42
|
+
return /*#__PURE__*/_react["default"].createElement("span", null);
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
var childOkrProgress = recommandProgressObj.childOkrProgress,
|
|
46
|
+
childkrProgress = recommandProgressObj.childkrProgress;
|
|
47
|
+
var textArr = [];
|
|
48
|
+
|
|
49
|
+
if (childkrProgress !== -1) {
|
|
50
|
+
textArr.push("".concat((0, _getLocale.getLocale)("OKR_MyO_Pop_Upd_KRCom")).concat(childkrProgress).concat((0, _getLocale.getLocale)("OKR_MyO_Pop_Upd_Percentage")));
|
|
55
51
|
}
|
|
52
|
+
|
|
53
|
+
if (childOkrProgress !== -1) {
|
|
54
|
+
textArr.push("".concat((0, _getLocale.getLocale)("OKR_MyO_Ew_SubobjCom")).concat(childOkrProgress).concat((0, _getLocale.getLocale)("OKR_MyO_Pop_Upd_Percentage")));
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
if (textArr.length === 0) return "";
|
|
58
|
+
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
|
|
59
|
+
className: "auto-update__recommand-icon"
|
|
60
|
+
}, (0, _getLocale.getLocale)("Per_Ass_Pop_title_Recommend")), /*#__PURE__*/_react["default"].createElement("span", {
|
|
61
|
+
className: "auto-update__recommand-tip"
|
|
62
|
+
}, "\uFF08", textArr.join(","), "\uFF09"));
|
|
56
63
|
}
|
|
57
64
|
};
|
|
58
65
|
};
|
|
59
66
|
|
|
60
|
-
exports.
|
|
67
|
+
exports.getOSetting = getOSetting;
|
|
61
68
|
|
|
62
|
-
var
|
|
69
|
+
var getKrSetting = function getKrSetting() {
|
|
63
70
|
return {
|
|
64
71
|
settingTitle: (0, _getLocale.getLocale)("OKR_MyO_KRCompletion"),
|
|
65
72
|
switchLabel: (0, _getLocale.getLocale)("OKR_MyO_SetKRcompletion"),
|
|
@@ -72,42 +79,49 @@ var getKR_SETTING = function getKR_SETTING() {
|
|
|
72
79
|
key: 2,
|
|
73
80
|
tooltip: (0, _getLocale.getLocale)("OKR_MyO_KRcompletionde")
|
|
74
81
|
}],
|
|
75
|
-
getRecommandText: function getRecommandText() {
|
|
76
|
-
var autoUpdate = arguments.length >
|
|
77
|
-
var updateWay = arguments.length >
|
|
78
|
-
var recommandProgressObj = arguments.length > 2 ? arguments[2] : undefined;
|
|
82
|
+
getRecommandText: function getRecommandText(recommandProgressObj) {
|
|
83
|
+
var autoUpdate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
|
|
84
|
+
var updateWay = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
|
|
79
85
|
|
|
80
86
|
if (autoUpdate) {
|
|
81
|
-
if (updateWay
|
|
87
|
+
if (updateWay === 1) return /*#__PURE__*/_react["default"].createElement("span", {
|
|
82
88
|
className: "auto-update__recommand-tip"
|
|
83
89
|
}, (0, _getLocale.getLocale)("OKR_MyO_Automatic"));
|
|
84
|
-
if (updateWay
|
|
90
|
+
if (updateWay === 2) return /*#__PURE__*/_react["default"].createElement("span", {
|
|
85
91
|
className: "auto-update__recommand-tip"
|
|
86
92
|
}, (0, _getLocale.getLocale)("OKR_MyO_calculationSubO"));
|
|
87
|
-
|
|
88
|
-
var childOkrProgress = recommandProgressObj.childOkrProgress,
|
|
89
|
-
childEProgress = recommandProgressObj.childEProgress;
|
|
90
|
-
var textArr = [];
|
|
91
|
-
childEProgress !== -1 && textArr.push("".concat((0, _getLocale.getLocale)("OKR_MyO_Ecompletion")).concat(childEProgress).concat((0, _getLocale.getLocale)("OKR_MyO_Pop_Upd_Percentage")));
|
|
92
|
-
childOkrProgress !== -1 && textArr.push("".concat((0, _getLocale.getLocale)("OKR_MyO_Ew_SubobjCom")).concat(childOkrProgress).concat((0, _getLocale.getLocale)("OKR_MyO_Pop_Upd_Percentage")));
|
|
93
|
-
if (textArr.length == 0) return "";
|
|
94
|
-
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
|
|
95
|
-
className: "auto-update__recommand-icon"
|
|
96
|
-
}, (0, _getLocale.getLocale)("Per_Ass_Pop_title_Recommend")), /*#__PURE__*/_react["default"].createElement("span", {
|
|
97
|
-
className: "auto-update__recommand-tip",
|
|
98
|
-
style: {
|
|
99
|
-
marginLeft: 0
|
|
100
|
-
}
|
|
101
|
-
}, "(", textArr.join(","), ")"));
|
|
93
|
+
return /*#__PURE__*/_react["default"].createElement("span", null);
|
|
102
94
|
}
|
|
95
|
+
|
|
96
|
+
var childOkrProgress = recommandProgressObj.childOkrProgress,
|
|
97
|
+
childEProgress = recommandProgressObj.childEProgress;
|
|
98
|
+
var textArr = [];
|
|
99
|
+
|
|
100
|
+
if (childEProgress !== -1) {
|
|
101
|
+
textArr.push("".concat((0, _getLocale.getLocale)("OKR_MyO_Ecompletion")).concat(childEProgress).concat((0, _getLocale.getLocale)("OKR_MyO_Pop_Upd_Percentage")));
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
if (childOkrProgress !== -1) {
|
|
105
|
+
textArr.push("".concat((0, _getLocale.getLocale)("OKR_MyO_Ew_SubobjCom")).concat(childOkrProgress).concat((0, _getLocale.getLocale)("OKR_MyO_Pop_Upd_Percentage")));
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
if (textArr.length === 0) return "";
|
|
109
|
+
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
|
|
110
|
+
className: "auto-update__recommand-icon"
|
|
111
|
+
}, (0, _getLocale.getLocale)("Per_Ass_Pop_title_Recommend")), /*#__PURE__*/_react["default"].createElement("span", {
|
|
112
|
+
className: "auto-update__recommand-tip",
|
|
113
|
+
style: {
|
|
114
|
+
marginLeft: 0
|
|
115
|
+
}
|
|
116
|
+
}, "(", textArr.join(","), ")"));
|
|
103
117
|
}
|
|
104
118
|
};
|
|
105
119
|
};
|
|
106
120
|
|
|
107
|
-
exports.
|
|
121
|
+
exports.getKrSetting = getKrSetting;
|
|
108
122
|
|
|
109
123
|
var transProgress = function transProgress(progress) {
|
|
110
|
-
return progress
|
|
124
|
+
return progress === -1 ? 0 : progress;
|
|
111
125
|
};
|
|
112
126
|
|
|
113
127
|
exports.transProgress = transProgress;
|