@titaui/pc 1.9.29 → 1.9.33
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/dialog/index.css +23 -0
- package/lib/components/dialog/index.js +25 -5
- package/lib/components/dialog/loading.png +0 -0
- package/lib/components/hr-header/index.js +1 -1
- package/lib/components/menus/components/flip-menu-card/index.js +78 -14
- package/lib/components/menus/export-modules/appraisal-menus/index.js +4 -4
- package/lib/components/menus/export-modules/okr-menus/depart-menus/index.js +16 -12
- package/lib/components/menus/export-modules/okr-menus/okr-front-menus.js +4 -4
- package/lib/components/menus/export-modules/okr-menus/subordinate-menus/index.js +3 -3
- package/lib/components/scrollbar/simplebar/simplebar.js +2 -2
- package/lib/components/table/index.css +1 -0
- package/lib/components/user-selector/export-modules/duties-selector/index.js +5 -3
- package/lib/components/user-selector/select-tree/choose-tree/index.js +10 -2
- package/lib/pages/aha2021/index.js +1 -1
- package/lib/pages/home/components/data-list/index.css +0 -2
- package/lib/pages/new-okr-list/index.js +1 -1
- package/package.json +1 -1
- package/src/components/dialog/index.js +19 -5
- package/src/components/dialog/index.scss +46 -2
- package/src/components/dialog/loading.png +0 -0
- package/src/components/hr-header/index.tsx +1 -1
- package/src/components/menus/components/flip-menu-card/index.tsx +83 -25
- package/src/components/menus/export-modules/appraisal-menus/index.tsx +4 -3
- package/src/components/menus/export-modules/okr-menus/depart-menus/index.tsx +11 -7
- package/src/components/menus/export-modules/okr-menus/okr-front-menus.tsx +4 -3
- package/src/components/menus/export-modules/okr-menus/subordinate-menus/index.tsx +3 -2
- package/src/components/scrollbar/simplebar/simplebar.js +2 -1
- package/src/components/table/index.scss +1 -0
- package/src/components/user-selector/export-modules/duties-selector/index.tsx +4 -2
- package/src/components/user-selector/select-tree/choose-tree/index.tsx +3 -1
- package/src/pages/aha2021/index.tsx +1 -1
- package/src/pages/home/components/data-list/index.scss +0 -2
- package/src/pages/new-okr-list/index.tsx +1 -1
- package/lib/components/table/checkbox/index.css +0 -95
- package/lib/components/table/checkbox/index.js +0 -24
- package/src/components/table/checkbox/index.js +0 -11
- package/src/components/table/checkbox/index.scss +0 -93
|
@@ -84,6 +84,8 @@
|
|
|
84
84
|
font-weight: 400;
|
|
85
85
|
line-height: 20px;
|
|
86
86
|
text-align: center;
|
|
87
|
+
display: flex;
|
|
88
|
+
align-items: center;
|
|
87
89
|
box-sizing: border-box;
|
|
88
90
|
}
|
|
89
91
|
|
|
@@ -93,6 +95,7 @@
|
|
|
93
95
|
border: 1px solid #2879ff;
|
|
94
96
|
color: #ffffff;
|
|
95
97
|
transition: 0.2s all;
|
|
98
|
+
user-select: none;
|
|
96
99
|
}
|
|
97
100
|
|
|
98
101
|
.titaui-dialog__btn-ok:hover {
|
|
@@ -102,9 +105,19 @@
|
|
|
102
105
|
}
|
|
103
106
|
|
|
104
107
|
.titaui-dialog__btn-ok-not-allowed {
|
|
108
|
+
background-color: #5C8EFF;
|
|
105
109
|
cursor: not-allowed;
|
|
106
110
|
}
|
|
107
111
|
|
|
112
|
+
.titaui-dialog__btn-ok-loading-icon {
|
|
113
|
+
width: 14px;
|
|
114
|
+
margin-right: 6px;
|
|
115
|
+
animation-name: spin;
|
|
116
|
+
animation-timing-function: linear;
|
|
117
|
+
animation-iteration-count: infinite;
|
|
118
|
+
animation-duration: 1s;
|
|
119
|
+
}
|
|
120
|
+
|
|
108
121
|
.titaui-dialog__btn-cancel {
|
|
109
122
|
border: 1px solid #DFE3EA;
|
|
110
123
|
color: #6f7886;
|
|
@@ -131,3 +144,13 @@
|
|
|
131
144
|
.titaui-dialog.titaui-dialog-no-footer .rc-dialog-footer {
|
|
132
145
|
display: none;
|
|
133
146
|
}
|
|
147
|
+
|
|
148
|
+
@keyframes spin {
|
|
149
|
+
from {
|
|
150
|
+
transform: rotate(0deg);
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
to {
|
|
154
|
+
transform: rotate(360deg);
|
|
155
|
+
}
|
|
156
|
+
}
|
|
@@ -1,26 +1,34 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
4
|
+
|
|
3
5
|
Object.defineProperty(exports, "__esModule", {
|
|
4
6
|
value: true
|
|
5
7
|
});
|
|
6
8
|
exports["default"] = void 0;
|
|
7
9
|
|
|
8
|
-
var _react =
|
|
10
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
11
|
|
|
10
12
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
11
13
|
|
|
12
14
|
var _rcDialog = _interopRequireDefault(require("rc-dialog"));
|
|
13
15
|
|
|
16
|
+
var _loading = _interopRequireDefault(require("./loading.png"));
|
|
17
|
+
|
|
14
18
|
var _getLocale = require("../../utils/getLocale");
|
|
15
19
|
|
|
16
20
|
require("rc-dialog/assets/index.css");
|
|
17
21
|
|
|
18
22
|
require("./index.css");
|
|
19
23
|
|
|
20
|
-
var _excluded = ["onOk", "onCancel", "okText", "cancelText", "footer", "noFooter", "noHeadLine", "noCloseIcon", "noFooterLine", "visible", "extraClass", "extendFooterBtn", "disabled"];
|
|
24
|
+
var _excluded = ["onOk", "onCancel", "okText", "cancelText", "footer", "noFooter", "noHeadLine", "noCloseIcon", "noFooterLine", "visible", "extraClass", "extendFooterBtn", "disabled", "confirmLoading"];
|
|
21
25
|
|
|
22
26
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
23
27
|
|
|
28
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
29
|
+
|
|
30
|
+
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; }
|
|
31
|
+
|
|
24
32
|
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); }
|
|
25
33
|
|
|
26
34
|
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
@@ -69,8 +77,15 @@ var _default = function _default(props) {
|
|
|
69
77
|
extendFooterBtn = props.extendFooterBtn,
|
|
70
78
|
_props$disabled = props.disabled,
|
|
71
79
|
disabled = _props$disabled === void 0 ? false : _props$disabled,
|
|
80
|
+
_props$confirmLoading = props.confirmLoading,
|
|
81
|
+
confirmLoading = _props$confirmLoading === void 0 ? false : _props$confirmLoading,
|
|
72
82
|
restProps = _objectWithoutProperties(props, _excluded);
|
|
73
83
|
|
|
84
|
+
var handleOK = function handleOK() {
|
|
85
|
+
if (confirmLoading) return;
|
|
86
|
+
onOk && onOk();
|
|
87
|
+
};
|
|
88
|
+
|
|
74
89
|
var baseFooter = [extendFooterBtn, /*#__PURE__*/_react["default"].createElement("span", {
|
|
75
90
|
key: "cancel",
|
|
76
91
|
className: (0, _classnames["default"])("".concat(preCls, "__btn"), "".concat(preCls, "__btn-cancel")),
|
|
@@ -79,9 +94,14 @@ var _default = function _default(props) {
|
|
|
79
94
|
className: (0, _classnames["default"])("".concat(preCls, "__btn-cancel-text"))
|
|
80
95
|
}, cancelText)), /*#__PURE__*/_react["default"].createElement("span", {
|
|
81
96
|
key: "ok",
|
|
82
|
-
className: (0, _classnames["default"])("".concat(preCls, "__btn"), "".concat(preCls, "__btn-ok"), _defineProperty({}, "".concat(preCls, "__btn-ok-not-allowed"), disabled)),
|
|
83
|
-
onClick:
|
|
84
|
-
}, /*#__PURE__*/_react["default"].createElement("span", {
|
|
97
|
+
className: (0, _classnames["default"])("".concat(preCls, "__btn"), "".concat(preCls, "__btn-ok"), _defineProperty({}, "".concat(preCls, "__btn-ok-not-allowed"), disabled || confirmLoading)),
|
|
98
|
+
onClick: handleOK
|
|
99
|
+
}, confirmLoading ? /*#__PURE__*/_react["default"].createElement("span", {
|
|
100
|
+
className: (0, _classnames["default"])("".concat(preCls, "__btn-ok-loading"))
|
|
101
|
+
}, /*#__PURE__*/_react["default"].createElement("img", {
|
|
102
|
+
className: (0, _classnames["default"])("".concat(preCls, "__btn-ok-loading-icon")),
|
|
103
|
+
src: _loading["default"]
|
|
104
|
+
}), (0, _getLocale.getLocale)('Mod_loading')) : /*#__PURE__*/_react["default"].createElement("span", {
|
|
85
105
|
className: (0, _classnames["default"])("".concat(preCls, "__btn-ok-text"))
|
|
86
106
|
}, okText))];
|
|
87
107
|
return /*#__PURE__*/_react["default"].createElement(_rcDialog["default"], _extends({
|
|
Binary file
|
|
@@ -76,11 +76,16 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
76
76
|
isHideTopRightIcon = _useState8[0],
|
|
77
77
|
setIsHideTopRightIcon = _useState8[1];
|
|
78
78
|
|
|
79
|
-
var _useState9 = (0, _react.useState)(
|
|
79
|
+
var _useState9 = (0, _react.useState)(true),
|
|
80
80
|
_useState10 = _slicedToArray(_useState9, 2),
|
|
81
81
|
showMore = _useState10[0],
|
|
82
82
|
setShowMore = _useState10[1];
|
|
83
83
|
|
|
84
|
+
var _useState11 = (0, _react.useState)(true),
|
|
85
|
+
_useState12 = _slicedToArray(_useState11, 2),
|
|
86
|
+
showFrontMore = _useState12[0],
|
|
87
|
+
setShowFrontMore = _useState12[1];
|
|
88
|
+
|
|
84
89
|
var hideFloatRef = (0, _react.useRef)();
|
|
85
90
|
var flipCardRef = (0, _react.useRef)();
|
|
86
91
|
var flipFrontRef = (0, _react.useRef)();
|
|
@@ -189,7 +194,7 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
189
194
|
};
|
|
190
195
|
|
|
191
196
|
(0, _react.useEffect)(function () {
|
|
192
|
-
var targetNode = document.
|
|
197
|
+
var targetNode = document.querySelector(".".concat(_precls["default"], "__inner-back-content"));
|
|
193
198
|
var config = {
|
|
194
199
|
attributes: true,
|
|
195
200
|
childList: true,
|
|
@@ -197,16 +202,22 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
197
202
|
};
|
|
198
203
|
|
|
199
204
|
var callback = function callback(_mutationsList, _observer) {
|
|
200
|
-
var scrollArea = document.
|
|
205
|
+
var scrollArea = _simplebar["default"].instances.get(document.querySelector(".".concat(_precls["default"], "__inner-back [data-simplebar]")));
|
|
206
|
+
|
|
207
|
+
var el = scrollArea === null || scrollArea === void 0 ? void 0 : scrollArea.getScrollElement();
|
|
201
208
|
|
|
202
|
-
if (
|
|
203
|
-
|
|
209
|
+
if (el && el.scrollHeight > el.offsetHeight) {
|
|
210
|
+
if (el.scrollHeight - el.offsetHeight == el.scrollTop) {
|
|
211
|
+
setShowFrontMore(false);
|
|
212
|
+
} else {
|
|
213
|
+
setShowFrontMore(true);
|
|
214
|
+
}
|
|
204
215
|
} else {
|
|
205
216
|
setShowMore(false);
|
|
206
217
|
}
|
|
207
218
|
|
|
208
|
-
|
|
209
|
-
if (
|
|
219
|
+
el === null || el === void 0 ? void 0 : el.addEventListener("scroll", function () {
|
|
220
|
+
if (el.scrollHeight - el.offsetHeight == el.scrollTop) {
|
|
210
221
|
setShowMore(false);
|
|
211
222
|
} else {
|
|
212
223
|
setShowMore(true);
|
|
@@ -219,13 +230,63 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
219
230
|
return function () {
|
|
220
231
|
observer.disconnect();
|
|
221
232
|
};
|
|
222
|
-
}, []);
|
|
233
|
+
}, [isBack]);
|
|
234
|
+
(0, _react.useEffect)(function () {
|
|
235
|
+
if (isBack) return;
|
|
236
|
+
var targetNode = document.querySelector(".".concat(_precls["default"], "__inner-front-content"));
|
|
237
|
+
var config = {
|
|
238
|
+
attributes: true,
|
|
239
|
+
childList: true,
|
|
240
|
+
subtree: true
|
|
241
|
+
};
|
|
242
|
+
|
|
243
|
+
var callback = function callback(_mutationsList, _observer) {
|
|
244
|
+
var scrollArea = _simplebar["default"].instances.get(document.querySelector(".".concat(_precls["default"], "__inner-front [data-simplebar]")));
|
|
245
|
+
|
|
246
|
+
var el = scrollArea === null || scrollArea === void 0 ? void 0 : scrollArea.getScrollElement();
|
|
247
|
+
|
|
248
|
+
if (el && el.scrollHeight > el.offsetHeight) {
|
|
249
|
+
if (el.scrollHeight - el.offsetHeight == el.scrollTop) {
|
|
250
|
+
setShowFrontMore(false);
|
|
251
|
+
} else {
|
|
252
|
+
setShowFrontMore(true);
|
|
253
|
+
}
|
|
254
|
+
} else {
|
|
255
|
+
setShowFrontMore(false);
|
|
256
|
+
}
|
|
257
|
+
|
|
258
|
+
el === null || el === void 0 ? void 0 : el.addEventListener("scroll", function () {
|
|
259
|
+
if (el.scrollHeight - el.offsetHeight == el.scrollTop) {
|
|
260
|
+
setShowFrontMore(false);
|
|
261
|
+
} else {
|
|
262
|
+
setShowFrontMore(true);
|
|
263
|
+
}
|
|
264
|
+
});
|
|
265
|
+
};
|
|
266
|
+
|
|
267
|
+
var observer = new MutationObserver(callback);
|
|
268
|
+
targetNode && observer.observe(targetNode, config);
|
|
269
|
+
return function () {
|
|
270
|
+
observer.disconnect();
|
|
271
|
+
};
|
|
272
|
+
}, [isBack]);
|
|
223
273
|
|
|
224
274
|
var onClickShowMore = function onClickShowMore() {
|
|
225
|
-
var
|
|
275
|
+
var _instance;
|
|
276
|
+
|
|
277
|
+
var instance = null;
|
|
278
|
+
|
|
279
|
+
if (isBack) {
|
|
280
|
+
instance = _simplebar["default"].instances.get(document.querySelector(".".concat(_precls["default"], "__inner-back [data-simplebar]")));
|
|
281
|
+
} else {
|
|
282
|
+
instance = _simplebar["default"].instances.get(document.querySelector(".".concat(_precls["default"], "__inner-front [data-simplebar]")));
|
|
283
|
+
}
|
|
226
284
|
|
|
227
|
-
var el = instance.getScrollElement();
|
|
228
|
-
|
|
285
|
+
var el = (_instance = instance) === null || _instance === void 0 ? void 0 : _instance.getScrollElement();
|
|
286
|
+
|
|
287
|
+
if (el) {
|
|
288
|
+
el.scrollTop = el.scrollTop + 150;
|
|
289
|
+
}
|
|
229
290
|
};
|
|
230
291
|
|
|
231
292
|
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
|
|
@@ -248,7 +309,10 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
248
309
|
style: {
|
|
249
310
|
padding: "28px 12px 28px 12px"
|
|
250
311
|
}
|
|
251
|
-
}, children[0]))
|
|
312
|
+
}, children[0])), showFrontMore && /*#__PURE__*/_react["default"].createElement("div", {
|
|
313
|
+
className: "".concat(_precls["default"], "__has-more"),
|
|
314
|
+
onClick: onClickShowMore
|
|
315
|
+
})), /*#__PURE__*/_react["default"].createElement("div", {
|
|
252
316
|
ref: flipBackRef,
|
|
253
317
|
className: (0, _classnames["default"])("".concat(_precls["default"], "__inner-back"))
|
|
254
318
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
@@ -259,10 +323,10 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
259
323
|
}
|
|
260
324
|
}, /*#__PURE__*/_react["default"].createElement(_flipBackHeader["default"], {
|
|
261
325
|
onClick: goBackHandler
|
|
262
|
-
}), children[1]))
|
|
326
|
+
}), children[1])), showMore && /*#__PURE__*/_react["default"].createElement("div", {
|
|
263
327
|
className: "".concat(_precls["default"], "__has-more"),
|
|
264
328
|
onClick: onClickShowMore
|
|
265
|
-
}))), !isHideTopRightIcon && /*#__PURE__*/_react["default"].createElement(_menuCloseBtn["default"], {
|
|
329
|
+
})))), !isHideTopRightIcon && /*#__PURE__*/_react["default"].createElement(_menuCloseBtn["default"], {
|
|
266
330
|
className: (0, _classnames["default"])("".concat(_precls["default"], "__top-right-hide-icon")),
|
|
267
331
|
isAutoShow: true,
|
|
268
332
|
onClick: onMenuHideHandler
|
|
@@ -13,7 +13,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
|
|
|
13
13
|
|
|
14
14
|
var _reactRouter = require("react-router");
|
|
15
15
|
|
|
16
|
-
var
|
|
16
|
+
var _resizeObserverPolyfill = _interopRequireDefault(require("resize-observer-polyfill"));
|
|
17
17
|
|
|
18
18
|
var _flipMenuCard = _interopRequireDefault(require("../../components/flip-menu-card"));
|
|
19
19
|
|
|
@@ -59,7 +59,7 @@ var AppraisalMenus = function AppraisalMenus(props) {
|
|
|
59
59
|
history = props.history;
|
|
60
60
|
|
|
61
61
|
var _useState = (0, _react.useState)(function () {
|
|
62
|
-
return document.body.offsetHeight -
|
|
62
|
+
return document.body.offsetHeight - 170;
|
|
63
63
|
}),
|
|
64
64
|
_useState2 = _slicedToArray(_useState, 2),
|
|
65
65
|
maxHeight = _useState2[0],
|
|
@@ -116,7 +116,7 @@ var AppraisalMenus = function AppraisalMenus(props) {
|
|
|
116
116
|
};
|
|
117
117
|
|
|
118
118
|
(0, _react.useEffect)(function () {
|
|
119
|
-
var obs = new
|
|
119
|
+
var obs = new _resizeObserverPolyfill["default"](function (entries) {
|
|
120
120
|
var _iterator = _createForOfIteratorHelper(entries),
|
|
121
121
|
_step;
|
|
122
122
|
|
|
@@ -124,7 +124,7 @@ var AppraisalMenus = function AppraisalMenus(props) {
|
|
|
124
124
|
for (_iterator.s(); !(_step = _iterator.n()).done;) {
|
|
125
125
|
var entry = _step.value;
|
|
126
126
|
var cr = entry.contentRect;
|
|
127
|
-
setMaxHeight(cr.height -
|
|
127
|
+
setMaxHeight(cr.height - 170);
|
|
128
128
|
}
|
|
129
129
|
} catch (err) {
|
|
130
130
|
_iterator.e(err);
|
|
@@ -13,7 +13,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
|
|
|
13
13
|
|
|
14
14
|
var _i18n = require("../../../i18n");
|
|
15
15
|
|
|
16
|
-
var
|
|
16
|
+
var _resizeObserverPolyfill = _interopRequireDefault(require("resize-observer-polyfill"));
|
|
17
17
|
|
|
18
18
|
var _menuTree = _interopRequireDefault(require("../../../components/menu-tree"));
|
|
19
19
|
|
|
@@ -25,6 +25,8 @@ var _utils = require("../../../utils");
|
|
|
25
25
|
|
|
26
26
|
var _precls = _interopRequireDefault(require("../../../precls"));
|
|
27
27
|
|
|
28
|
+
var _scrollbar = _interopRequireDefault(require("../../../../scrollbar"));
|
|
29
|
+
|
|
28
30
|
require("../../../index.css");
|
|
29
31
|
|
|
30
32
|
require("./index.css");
|
|
@@ -118,7 +120,7 @@ var _default = function _default() {
|
|
|
118
120
|
}, []); // 因为要实现虚拟列表的功能,所有要动态的计算出一个菜单的高度
|
|
119
121
|
|
|
120
122
|
(0, _react.useEffect)(function () {
|
|
121
|
-
setHeight(document.body.offsetHeight -
|
|
123
|
+
setHeight(document.body.offsetHeight - 210);
|
|
122
124
|
}, []);
|
|
123
125
|
(0, _react.useEffect)(function () {
|
|
124
126
|
location.href = "#/okr/manage?departmentName=\u516C\u53F8\u5168\u90E8&departmentId=0";
|
|
@@ -160,7 +162,7 @@ var _default = function _default() {
|
|
|
160
162
|
};
|
|
161
163
|
|
|
162
164
|
(0, _react.useEffect)(function () {
|
|
163
|
-
var obs = new
|
|
165
|
+
var obs = new _resizeObserverPolyfill["default"](function (entries) {
|
|
164
166
|
var _iterator = _createForOfIteratorHelper(entries),
|
|
165
167
|
_step;
|
|
166
168
|
|
|
@@ -168,7 +170,7 @@ var _default = function _default() {
|
|
|
168
170
|
for (_iterator.s(); !(_step = _iterator.n()).done;) {
|
|
169
171
|
var entry = _step.value;
|
|
170
172
|
var cr = entry.contentRect;
|
|
171
|
-
setHeight(cr.height -
|
|
173
|
+
setHeight(cr.height - 210);
|
|
172
174
|
}
|
|
173
175
|
} catch (err) {
|
|
174
176
|
_iterator.e(err);
|
|
@@ -182,22 +184,24 @@ var _default = function _default() {
|
|
|
182
184
|
};
|
|
183
185
|
}, []);
|
|
184
186
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
185
|
-
className: (0, _classnames["default"])("".concat(_precls["default"], "__depart-menus"))
|
|
186
|
-
|
|
187
|
-
'height': "".concat(height, "px")
|
|
188
|
-
}
|
|
187
|
+
className: (0, _classnames["default"])("".concat(_precls["default"], "__depart-menus")) // style={{ 'height': `${height}px` }}
|
|
188
|
+
|
|
189
189
|
}, loading ? /*#__PURE__*/_react["default"].createElement("div", {
|
|
190
190
|
className: (0, _classnames["default"])("".concat(_precls["default"], "__depart-menus--loading"))
|
|
191
|
-
}, /*#__PURE__*/_react["default"].createElement("span", null)) : /*#__PURE__*/_react["default"].createElement(
|
|
191
|
+
}, /*#__PURE__*/_react["default"].createElement("span", null)) : /*#__PURE__*/_react["default"].createElement(_scrollbar["default"], {
|
|
192
|
+
style: {
|
|
193
|
+
'maxHeight': height
|
|
194
|
+
}
|
|
195
|
+
}, /*#__PURE__*/_react["default"].createElement(_menuTree["default"], {
|
|
192
196
|
data: treeData,
|
|
193
|
-
itemHeight: itemHeight
|
|
194
|
-
|
|
197
|
+
itemHeight: itemHeight // height={height}
|
|
198
|
+
,
|
|
195
199
|
virtual: true,
|
|
196
200
|
onSelect: onSelectHandler,
|
|
197
201
|
defaultExpandedKeys: ["0"],
|
|
198
202
|
selectedKeys: selectedMenuKeys,
|
|
199
203
|
loadData: onLoadTreeNodeDataHandler
|
|
200
|
-
}));
|
|
204
|
+
})));
|
|
201
205
|
};
|
|
202
206
|
|
|
203
207
|
exports["default"] = _default;
|
|
@@ -9,7 +9,7 @@ exports["default"] = void 0;
|
|
|
9
9
|
|
|
10
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
11
|
|
|
12
|
-
var
|
|
12
|
+
var _resizeObserverPolyfill = _interopRequireDefault(require("resize-observer-polyfill"));
|
|
13
13
|
|
|
14
14
|
var _scrollbar = _interopRequireDefault(require("../../../scrollbar"));
|
|
15
15
|
|
|
@@ -55,7 +55,7 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
55
55
|
history = props.history;
|
|
56
56
|
|
|
57
57
|
var _useState = (0, _react.useState)(function () {
|
|
58
|
-
return document.body.offsetHeight -
|
|
58
|
+
return document.body.offsetHeight - 210;
|
|
59
59
|
}),
|
|
60
60
|
_useState2 = _slicedToArray(_useState, 2),
|
|
61
61
|
maxHeight = _useState2[0],
|
|
@@ -202,7 +202,7 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
202
202
|
};
|
|
203
203
|
});
|
|
204
204
|
(0, _react.useEffect)(function () {
|
|
205
|
-
var obs = new
|
|
205
|
+
var obs = new _resizeObserverPolyfill["default"](function (entries) {
|
|
206
206
|
var _iterator = _createForOfIteratorHelper(entries),
|
|
207
207
|
_step;
|
|
208
208
|
|
|
@@ -210,7 +210,7 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
210
210
|
for (_iterator.s(); !(_step = _iterator.n()).done;) {
|
|
211
211
|
var entry = _step.value;
|
|
212
212
|
var cr = entry.contentRect;
|
|
213
|
-
setMaxHeight(cr.height -
|
|
213
|
+
setMaxHeight(cr.height - 210);
|
|
214
214
|
}
|
|
215
215
|
} catch (err) {
|
|
216
216
|
_iterator.e(err);
|
|
@@ -11,7 +11,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
11
11
|
|
|
12
12
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
13
13
|
|
|
14
|
-
var
|
|
14
|
+
var _resizeObserverPolyfill = _interopRequireDefault(require("resize-observer-polyfill"));
|
|
15
15
|
|
|
16
16
|
var _menuTree = _interopRequireDefault(require("../../../components/menu-tree"));
|
|
17
17
|
|
|
@@ -82,7 +82,7 @@ var _default = function _default(props) {
|
|
|
82
82
|
loginUserId = _useState12[0];
|
|
83
83
|
|
|
84
84
|
var _useState13 = (0, _react.useState)(function () {
|
|
85
|
-
return document.body.offsetHeight -
|
|
85
|
+
return document.body.offsetHeight - 200;
|
|
86
86
|
}),
|
|
87
87
|
_useState14 = _slicedToArray(_useState13, 2),
|
|
88
88
|
maxHeight = _useState14[0],
|
|
@@ -139,7 +139,7 @@ var _default = function _default(props) {
|
|
|
139
139
|
};
|
|
140
140
|
|
|
141
141
|
(0, _react.useEffect)(function () {
|
|
142
|
-
var obs = new
|
|
142
|
+
var obs = new _resizeObserverPolyfill["default"](function (entries) {
|
|
143
143
|
var _iterator = _createForOfIteratorHelper(entries),
|
|
144
144
|
_step;
|
|
145
145
|
|
|
@@ -11,7 +11,7 @@ var _lodash2 = _interopRequireDefault(require("lodash.debounce"));
|
|
|
11
11
|
|
|
12
12
|
var _lodash3 = _interopRequireDefault(require("lodash.memoize"));
|
|
13
13
|
|
|
14
|
-
var
|
|
14
|
+
var _resizeObserverPolyfill = _interopRequireDefault(require("resize-observer-polyfill"));
|
|
15
15
|
|
|
16
16
|
var _canUseDom = _interopRequireDefault(require("can-use-dom"));
|
|
17
17
|
|
|
@@ -419,7 +419,7 @@ var SimpleBar = /*#__PURE__*/function () {
|
|
|
419
419
|
elWindow.addEventListener('resize', this.onWindowResize); // Hack for https://github.com/WICG/ResizeObserver/issues/38
|
|
420
420
|
|
|
421
421
|
var resizeObserverStarted = false;
|
|
422
|
-
var resizeObserver = elWindow.ResizeObserver ||
|
|
422
|
+
var resizeObserver = elWindow.ResizeObserver || _resizeObserverPolyfill["default"];
|
|
423
423
|
this.resizeObserver = new resizeObserver(function () {
|
|
424
424
|
if (!resizeObserverStarted) return;
|
|
425
425
|
|
|
@@ -162,7 +162,8 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
162
162
|
asyncData: false,
|
|
163
163
|
onSelect: onSelectHandler,
|
|
164
164
|
virtual: true,
|
|
165
|
-
height: height
|
|
165
|
+
height: height,
|
|
166
|
+
switcherIcon: ""
|
|
166
167
|
}))) : /*#__PURE__*/_react["default"].createElement(_context.TreeNodeContext.Provider, {
|
|
167
168
|
value: {}
|
|
168
169
|
}, /*#__PURE__*/_react["default"].createElement(_chooseTree["default"], {
|
|
@@ -171,8 +172,9 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
171
172
|
multiple: false,
|
|
172
173
|
getTreeData: onGetTreeData,
|
|
173
174
|
itemHeight: itemHeight,
|
|
174
|
-
height: height
|
|
175
|
-
virtual: true
|
|
175
|
+
height: height,
|
|
176
|
+
virtual: true,
|
|
177
|
+
switcherIcon: ""
|
|
176
178
|
}))));
|
|
177
179
|
|
|
178
180
|
return /*#__PURE__*/_react["default"].createElement(_context.CommonContext.Provider, {
|
|
@@ -29,6 +29,8 @@ var _loading = _interopRequireDefault(require("../../loading"));
|
|
|
29
29
|
|
|
30
30
|
require("./index.css");
|
|
31
31
|
|
|
32
|
+
var _excluded = ["onSelect", "selected", "multiple", "getTreeData", "loadNodes", "expandedKeys", "asyncData", "itemHeight", "height", "virtual", "isGetRoot", "renderEmpty"];
|
|
33
|
+
|
|
32
34
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
33
35
|
|
|
34
36
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
@@ -49,6 +51,10 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
|
|
|
49
51
|
|
|
50
52
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
51
53
|
|
|
54
|
+
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; }
|
|
55
|
+
|
|
56
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
57
|
+
|
|
52
58
|
var _default = function _default(props) {
|
|
53
59
|
var onSelect = props.onSelect,
|
|
54
60
|
_props$selected = props.selected,
|
|
@@ -65,7 +71,9 @@ var _default = function _default(props) {
|
|
|
65
71
|
_props$renderEmpty = props.renderEmpty,
|
|
66
72
|
renderEmpty = _props$renderEmpty === void 0 ? function () {
|
|
67
73
|
return /*#__PURE__*/_react["default"].createElement(_empty["default"], null);
|
|
68
|
-
} : _props$renderEmpty
|
|
74
|
+
} : _props$renderEmpty,
|
|
75
|
+
restProps = _objectWithoutProperties(props, _excluded);
|
|
76
|
+
|
|
69
77
|
var loadedNode = (0, _react.useRef)([]);
|
|
70
78
|
|
|
71
79
|
var _useState = (0, _react.useState)(true),
|
|
@@ -180,7 +188,7 @@ var _default = function _default(props) {
|
|
|
180
188
|
|
|
181
189
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
182
190
|
className: "perspm-tree"
|
|
183
|
-
}, /*#__PURE__*/_react["default"].createElement(_tree["default"], _extends({
|
|
191
|
+
}, /*#__PURE__*/_react["default"].createElement(_tree["default"], _extends({}, restProps, {
|
|
184
192
|
multiple: multiple,
|
|
185
193
|
selectNodeHighlight: false,
|
|
186
194
|
defaultExpandedKeys: getDefaultExpandedKeys(),
|
|
@@ -62,7 +62,7 @@ var ContentTemplate = function ContentTemplate(props) {
|
|
|
62
62
|
|
|
63
63
|
var PageLayout = function PageLayout(props) {
|
|
64
64
|
var children = props.children;
|
|
65
|
-
var isTrial = window.BSGlobal.tenantAuthentication.Version
|
|
65
|
+
var isTrial = window.BSGlobal.tenantAuthentication.Version == 1 && (0, _platform.isOfficialSite)();
|
|
66
66
|
|
|
67
67
|
var onClickKefu = function onClickKefu() {
|
|
68
68
|
var kefuUrl = isTrial ? "https://wpa1.qq.com/vZYKN3kT?_type=wpa&qidian=true" : "https://wpa1.qq.com/o6X4XD1n?_type=wpa&qidian=true";
|
|
@@ -178,7 +178,7 @@ var NewOkrList = function NewOkrList(props) {
|
|
|
178
178
|
|
|
179
179
|
(0, _react.useEffect)(function () {
|
|
180
180
|
setPageNum(1);
|
|
181
|
-
}, [relation, toUserId, departmentId]);
|
|
181
|
+
}, [relation, toUserId, departmentId, query]);
|
|
182
182
|
(0, _react.useEffect)(function () {
|
|
183
183
|
getOkrs();
|
|
184
184
|
}, [pageNum, pageSize, query, relation, toUserId, departmentId]); // 记录访问者数据
|
package/package.json
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import React, { useEffect } from 'react';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import Dialog from 'rc-dialog';
|
|
4
|
+
import loading from './loading.png';
|
|
4
5
|
import { getLocale } from '../../utils/getLocale'
|
|
5
6
|
|
|
6
7
|
import 'rc-dialog/assets/index.css';
|
|
@@ -20,25 +21,38 @@ export default props => {
|
|
|
20
21
|
noCloseIcon,
|
|
21
22
|
noFooterLine,
|
|
22
23
|
visible,
|
|
23
|
-
extraClass=[],
|
|
24
|
+
extraClass = [],
|
|
24
25
|
extendFooterBtn,
|
|
25
26
|
disabled = false,
|
|
27
|
+
confirmLoading = false,
|
|
26
28
|
...restProps
|
|
27
29
|
} = props;
|
|
28
30
|
|
|
31
|
+
const handleOK = () => {
|
|
32
|
+
if (confirmLoading) return
|
|
33
|
+
onOk && onOk()
|
|
34
|
+
}
|
|
35
|
+
|
|
29
36
|
const baseFooter = [
|
|
30
37
|
extendFooterBtn,
|
|
31
38
|
<span key="cancel" className={classNames(`${preCls}__btn`, `${preCls}__btn-cancel`)} onClick={onCancel}>
|
|
32
39
|
<span className={classNames(`${preCls}__btn-cancel-text`)}>{cancelText}</span>
|
|
33
40
|
</span>,
|
|
34
|
-
<span key="ok" className={classNames(`${preCls}__btn`, `${preCls}__btn-ok`, {[`${preCls}__btn-ok-not-allowed`]:disabled})} onClick={
|
|
35
|
-
|
|
41
|
+
<span key="ok" className={classNames(`${preCls}__btn`, `${preCls}__btn-ok`, { [`${preCls}__btn-ok-not-allowed`]: disabled || confirmLoading })} onClick={handleOK}>
|
|
42
|
+
{confirmLoading ?
|
|
43
|
+
<span className={classNames(`${preCls}__btn-ok-loading`)}>
|
|
44
|
+
<img className={classNames(`${preCls}__btn-ok-loading-icon`)} src={loading} />
|
|
45
|
+
{getLocale('Mod_loading')}
|
|
46
|
+
</span>
|
|
47
|
+
:
|
|
48
|
+
<span className={classNames(`${preCls}__btn-ok-text`)}>{okText}</span>
|
|
49
|
+
}
|
|
36
50
|
</span>
|
|
37
51
|
];
|
|
38
52
|
|
|
39
53
|
return <Dialog
|
|
40
54
|
visible={visible}
|
|
41
|
-
className={classNames(preCls,[...extraClass], {
|
|
55
|
+
className={classNames(preCls, [...extraClass], {
|
|
42
56
|
[`${preCls}-no-head-line`]: noHeadLine,
|
|
43
57
|
[`${preCls}-no-footer-line`]: noFooterLine,
|
|
44
58
|
[`${preCls}-no-close`]: noCloseIcon,
|