@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.
Files changed (37) hide show
  1. package/lib/components/dialog/index.css +23 -0
  2. package/lib/components/dialog/index.js +25 -5
  3. package/lib/components/dialog/loading.png +0 -0
  4. package/lib/components/hr-header/index.js +1 -1
  5. package/lib/components/menus/components/flip-menu-card/index.js +78 -14
  6. package/lib/components/menus/export-modules/appraisal-menus/index.js +4 -4
  7. package/lib/components/menus/export-modules/okr-menus/depart-menus/index.js +16 -12
  8. package/lib/components/menus/export-modules/okr-menus/okr-front-menus.js +4 -4
  9. package/lib/components/menus/export-modules/okr-menus/subordinate-menus/index.js +3 -3
  10. package/lib/components/scrollbar/simplebar/simplebar.js +2 -2
  11. package/lib/components/table/index.css +1 -0
  12. package/lib/components/user-selector/export-modules/duties-selector/index.js +5 -3
  13. package/lib/components/user-selector/select-tree/choose-tree/index.js +10 -2
  14. package/lib/pages/aha2021/index.js +1 -1
  15. package/lib/pages/home/components/data-list/index.css +0 -2
  16. package/lib/pages/new-okr-list/index.js +1 -1
  17. package/package.json +1 -1
  18. package/src/components/dialog/index.js +19 -5
  19. package/src/components/dialog/index.scss +46 -2
  20. package/src/components/dialog/loading.png +0 -0
  21. package/src/components/hr-header/index.tsx +1 -1
  22. package/src/components/menus/components/flip-menu-card/index.tsx +83 -25
  23. package/src/components/menus/export-modules/appraisal-menus/index.tsx +4 -3
  24. package/src/components/menus/export-modules/okr-menus/depart-menus/index.tsx +11 -7
  25. package/src/components/menus/export-modules/okr-menus/okr-front-menus.tsx +4 -3
  26. package/src/components/menus/export-modules/okr-menus/subordinate-menus/index.tsx +3 -2
  27. package/src/components/scrollbar/simplebar/simplebar.js +2 -1
  28. package/src/components/table/index.scss +1 -0
  29. package/src/components/user-selector/export-modules/duties-selector/index.tsx +4 -2
  30. package/src/components/user-selector/select-tree/choose-tree/index.tsx +3 -1
  31. package/src/pages/aha2021/index.tsx +1 -1
  32. package/src/pages/home/components/data-list/index.scss +0 -2
  33. package/src/pages/new-okr-list/index.tsx +1 -1
  34. package/lib/components/table/checkbox/index.css +0 -95
  35. package/lib/components/table/checkbox/index.js +0 -24
  36. package/src/components/table/checkbox/index.js +0 -11
  37. 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 = _interopRequireDefault(require("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: onOk
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({
@@ -15,7 +15,7 @@ var _axios = _interopRequireDefault(require("axios"));
15
15
 
16
16
  var _popup = _interopRequireDefault(require("../popup"));
17
17
 
18
- var _helpers = require("&/utils/helpers");
18
+ var _helpers = require("../../utils/helpers");
19
19
 
20
20
  require("./index.css");
21
21
 
@@ -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)(false),
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.getElementsByClassName("simplebar-content-wrapper")[0];
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.getElementsByClassName("simplebar-content-wrapper")[0];
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 (scrollArea && scrollArea.scrollHeight > scrollArea.offsetHeight) {
203
- setShowMore(true);
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
- scrollArea.addEventListener('scroll', function () {
209
- if (scrollArea.scrollHeight - scrollArea.offsetHeight == scrollArea.scrollTop) {
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 instance = _simplebar["default"].instances.get(document.querySelector(".".concat(_precls["default"], "__inner [data-simplebar]")));
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
- el.scrollTop = el.scrollTop + 150;
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]))), /*#__PURE__*/_react["default"].createElement("div", {
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]))), showMore && /*#__PURE__*/_react["default"].createElement("div", {
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 _resizeObserver = require("@juggle/resize-observer");
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 - 220;
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 _resizeObserver.ResizeObserver(function (entries) {
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 - 220);
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 _resizeObserver = require("@juggle/resize-observer");
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 - 240);
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 _resizeObserver.ResizeObserver(function (entries) {
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 - 240);
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
- style: {
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(_menuTree["default"], {
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
- height: height,
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 _resizeObserver = require("@juggle/resize-observer");
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 - 220;
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 _resizeObserver.ResizeObserver(function (entries) {
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 - 220);
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 _resizeObserver = require("@juggle/resize-observer");
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 - 220;
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 _resizeObserver.ResizeObserver(function (entries) {
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 _resizeObserver = require("@juggle/resize-observer");
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 || _resizeObserver.ResizeObserver;
422
+ var resizeObserver = elWindow.ResizeObserver || _resizeObserverPolyfill["default"];
423
423
  this.resizeObserver = new resizeObserver(function () {
424
424
  if (!resizeObserverStarted) return;
425
425
 
@@ -50,6 +50,7 @@
50
50
  .tita-pc__table .rc-table td {
51
51
  font-size: 14px;
52
52
  padding: 13px 4px;
53
+ overflow: hidden;
53
54
  }
54
55
 
55
56
  .tita-pc__table .rc-table-content {
@@ -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 - 44
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 - 44,
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 !== 1 && (0, _platform.isOfficialSite)();
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";
@@ -1,8 +1,6 @@
1
1
  .homepage-datalist {
2
- background-color: #f7f9fb;
3
2
  height: calc(100vh - 41px);
4
3
  overflow: auto;
5
- padding: 14px 20px;
6
4
  box-sizing: border-box;
7
5
  padding-bottom: 20px;
8
6
  box-sizing: border-box;
@@ -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,6 @@
1
1
  {
2
2
  "name": "@titaui/pc",
3
- "version": "1.9.29",
3
+ "version": "1.9.33",
4
4
  "nameCN": "",
5
5
  "description": "",
6
6
  "main": "src/index.js",
@@ -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={onOk}>
35
- <span className={classNames(`${preCls}__btn-ok-text`)}>{okText}</span>
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,