@titaui/pc 1.12.75-beta.2 → 1.12.76-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -29,14 +29,22 @@ function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableTo
29
29
 
30
30
  function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
31
31
 
32
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
33
-
34
32
  function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
35
33
 
36
34
  function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
37
35
 
36
+ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
37
+
38
+ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
39
+
40
+ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
41
+
38
42
  function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
39
43
 
44
+ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
45
+
46
+ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
47
+
40
48
  var prefix = "tita-ui-color-date-picker";
41
49
 
42
50
  var ColorDatePicker = function ColorDatePicker(_ref) {
@@ -50,7 +58,22 @@ var ColorDatePicker = function ColorDatePicker(_ref) {
50
58
  _ref$rowGap = _ref.rowGap,
51
59
  rowGap = _ref$rowGap === void 0 ? 0 : _ref$rowGap,
52
60
  _ref$colGap = _ref.colGap,
53
- colGap = _ref$colGap === void 0 ? 0 : _ref$colGap;
61
+ colGap = _ref$colGap === void 0 ? 0 : _ref$colGap,
62
+ _ref$isTitle = _ref.isTitle,
63
+ isTitle = _ref$isTitle === void 0 ? true : _ref$isTitle,
64
+ _ref$isContent = _ref.isContent,
65
+ isContent = _ref$isContent === void 0 ? true : _ref$isContent,
66
+ marginTop = _ref.marginTop;
67
+
68
+ var _useState = (0, _react.useState)(false),
69
+ _useState2 = _slicedToArray(_useState, 2),
70
+ isMouseOver = _useState2[0],
71
+ setIsMouseOver = _useState2[1];
72
+
73
+ var _useState3 = (0, _react.useState)({}),
74
+ _useState4 = _slicedToArray(_useState3, 2),
75
+ mouseOverItem = _useState4[0],
76
+ setMouseOverItem = _useState4[1];
54
77
 
55
78
  var handleItemClick = function handleItemClick(data) {
56
79
  if (onItemClick) {
@@ -58,29 +81,44 @@ var ColorDatePicker = function ColorDatePicker(_ref) {
58
81
  }
59
82
  };
60
83
 
84
+ var handleMouseOverDate = function handleMouseOverDate(item) {
85
+ setIsMouseOver(true);
86
+ setMouseOverItem(item);
87
+ };
88
+
89
+ var handleMouseOutDate = function handleMouseOutDate() {
90
+ setIsMouseOver(false);
91
+ setMouseOverItem({});
92
+ };
93
+
61
94
  var renderContent = (0, _react.useMemo)(function () {
62
95
  var result = [];
63
96
 
64
97
  if (type === _interface.EReportType.Daily) {
65
- (0, _constant.getWeek)().forEach(function (item) {
66
- result.push( /*#__PURE__*/_react["default"].createElement("div", {
67
- className: "".concat(prefix, "__week-title")
68
- }, item));
69
- });
70
- result.push.apply(result, _toConsumableArray(data.map(function (item) {
71
- return /*#__PURE__*/_react["default"].createElement("div", {
72
- className: (0, _classnames["default"])("".concat(prefix, "__content-daily"), _defineProperty({}, "".concat(prefix, "__content--disable"), !item.selectedBgColor)),
73
- onClick: function onClick() {
74
- return handleItemClick(item);
75
- }
76
- }, /*#__PURE__*/_react["default"].createElement("span", {
77
- className: "".concat(prefix, "__content-daily-text"),
78
- style: {
79
- background: value === item.value ? item.selectedBgColor : item.bgColor,
80
- color: value === item.value && item.bgColor ? "#ffffff" : item.color
81
- }
82
- }, item.text));
83
- })));
98
+ if (isTitle) {
99
+ (0, _constant.getWeek)().forEach(function (item) {
100
+ result.push( /*#__PURE__*/_react["default"].createElement("div", {
101
+ className: "".concat(prefix, "__week-title")
102
+ }, item));
103
+ });
104
+ }
105
+
106
+ if (isContent) {
107
+ result.push.apply(result, _toConsumableArray(data.map(function (item) {
108
+ return /*#__PURE__*/_react["default"].createElement("div", {
109
+ className: (0, _classnames["default"])("".concat(prefix, "__content-daily"), _defineProperty({}, "".concat(prefix, "__content--disable"), !item.selectedBgColor)),
110
+ onClick: function onClick() {
111
+ return handleItemClick(item);
112
+ }
113
+ }, /*#__PURE__*/_react["default"].createElement("span", {
114
+ className: "".concat(prefix, "__content-daily-text"),
115
+ style: {
116
+ background: value === item.value ? item.selectedBgColor : item.bgColor,
117
+ color: value === item.value && item.bgColor ? "#ffffff" : item.color
118
+ }
119
+ }, item.text));
120
+ })));
121
+ }
84
122
  } else if (type === _interface.EReportType.Weekly) {
85
123
  result.push.apply(result, _toConsumableArray(data.map(function (item) {
86
124
  return /*#__PURE__*/_react["default"].createElement("div", {
@@ -89,9 +127,15 @@ var ColorDatePicker = function ColorDatePicker(_ref) {
89
127
  return handleItemClick(item);
90
128
  },
91
129
  style: {
92
- background: value === item.value ? item.selectedBgColor : item.bgColor,
130
+ background: mouseOverItem === item && isMouseOver ? item.hoverbgColor : value === item.value ? item.selectedBgColor : item.bgColor,
93
131
  color: value === item.value && item.bgColor ? "#ffffff" : item.color
94
- }
132
+ },
133
+ onMouseOver: function onMouseOver() {
134
+ return handleMouseOverDate(item);
135
+ },
136
+ onMouseOut: handleMouseOutDate,
137
+ onFocus: function onFocus() {},
138
+ onBlur: function onBlur() {}
95
139
  }, /*#__PURE__*/_react["default"].createElement("span", {
96
140
  className: "".concat(prefix, "__content-weekly-text")
97
141
  }, item.text, /*#__PURE__*/_react["default"].createElement("span", {
@@ -106,21 +150,28 @@ var ColorDatePicker = function ColorDatePicker(_ref) {
106
150
  return handleItemClick(item);
107
151
  },
108
152
  style: {
109
- background: value === item.value ? item.selectedBgColor : item.bgColor,
153
+ background: mouseOverItem === item && isMouseOver ? item.hoverbgColor : value === item.value ? item.selectedBgColor : item.bgColor,
110
154
  color: value === item.value && item.bgColor ? "#ffffff" : item.color
111
- }
155
+ },
156
+ onMouseOver: function onMouseOver() {
157
+ return handleMouseOverDate(item);
158
+ },
159
+ onMouseOut: handleMouseOutDate,
160
+ onFocus: function onFocus() {},
161
+ onBlur: function onBlur() {}
112
162
  }, item.text);
113
163
  })));
114
164
  }
115
165
 
116
166
  return result;
117
- }, [column, data, type, value]);
167
+ }, [column, data, type, value, isMouseOver]);
118
168
  return /*#__PURE__*/_react["default"].createElement("div", {
119
169
  className: prefix,
120
170
  style: {
121
171
  gridTemplateColumns: "repeat(".concat(column, ", 1fr)"),
122
172
  rowGap: rowGap,
123
- columnGap: colGap
173
+ columnGap: colGap,
174
+ marginTop: marginTop
124
175
  }
125
176
  }, renderContent);
126
177
  };
@@ -47,6 +47,10 @@ var UploadedPreview = function UploadedPreview(_ref) {
47
47
  src: uploadResultItem.ClientUrl || uploadResultItem.PreviewUrl,
48
48
  className: "upload-preview-img"
49
49
  }); // 上传成功且为图片时
50
+ };
51
+
52
+ var handleClickTitleToPreView = function handleClickTitleToPreView() {
53
+ onSubmit(index, 'preview');
50
54
  }; // 删除、预览icon
51
55
 
52
56
 
@@ -106,7 +110,8 @@ var UploadedPreview = function UploadedPreview(_ref) {
106
110
  return /*#__PURE__*/_react["default"].createElement("div", {
107
111
  className: "preview__content document-mouse-event-ignore ".concat(className, " ").concat(prefix)
108
112
  }, /*#__PURE__*/_react["default"].createElement("div", {
109
- className: "".concat(prefix, "__img-wrapper")
113
+ className: "".concat(prefix, "__img-wrapper"),
114
+ onClick: handleClickTitleToPreView
110
115
  }, renderPreviewThumbnail()), /*#__PURE__*/_react["default"].createElement("div", {
111
116
  className: "".concat(prefix, "__message-wrapper")
112
117
  }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
@@ -115,7 +120,8 @@ var UploadedPreview = function UploadedPreview(_ref) {
115
120
  }, /*#__PURE__*/_react["default"].createElement("div", {
116
121
  className: "".concat(prefix, "__file-title"),
117
122
  "data-tip": uploadResultItem.FileName,
118
- key: uploadResultItem.Id
123
+ key: uploadResultItem.Id,
124
+ onClick: handleClickTitleToPreView
119
125
  }, uploadResultItem.FileName, (uploadResultItem.uploadStatus === 2 || uploadResultItem.uploadStatus === 3) && uploadResultItem.percentComplete !== 100 ? /*#__PURE__*/_react["default"].createElement("div", {
120
126
  className: "".concat(prefix, "__upload-progress")
121
127
  }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -105,7 +105,7 @@
105
105
  }
106
106
 
107
107
  .titaui-okr-progress__table table tbody tr:hover {
108
- background: #f0f4fa;
108
+ background: rgba(240, 244, 250, 0.6);
109
109
  }
110
110
 
111
111
  .titaui-okr-progress__table table tbody tr:last-child {
@@ -136,6 +136,10 @@
136
136
  text-align: center;
137
137
  }
138
138
 
139
+ .titaui-okr-progress__table table tbody tr .padding-td {
140
+ padding: 8px 12px;
141
+ }
142
+
139
143
  .titaui-okr-progress__table-title {
140
144
  height: 40px;
141
145
  background: #f0f4fa;
@@ -116,7 +116,9 @@ var OkrProgress = function OkrProgress(_ref) {
116
116
  type: "o",
117
117
  status: _constant.OkrRiskMapping[item.RiskLevel],
118
118
  value: item.Progress
119
- })), /*#__PURE__*/_react["default"].createElement("td", null), /*#__PURE__*/_react["default"].createElement("td", null, /*#__PURE__*/_react["default"].createElement(_schedule["default"], {
119
+ })), /*#__PURE__*/_react["default"].createElement("td", null), /*#__PURE__*/_react["default"].createElement("td", {
120
+ className: "padding-td"
121
+ }, /*#__PURE__*/_react["default"].createElement(_schedule["default"], {
120
122
  value: item.LastContent,
121
123
  date: item.LastContentTime,
122
124
  id: item.Id
@@ -136,7 +138,9 @@ var OkrProgress = function OkrProgress(_ref) {
136
138
  })), /*#__PURE__*/_react["default"].createElement("td", null, /*#__PURE__*/_react["default"].createElement(_newConfidence["default"], {
137
139
  value: item.ConfidenceValue,
138
140
  editable: false
139
- })), /*#__PURE__*/_react["default"].createElement("td", null, /*#__PURE__*/_react["default"].createElement(_schedule["default"], {
141
+ })), /*#__PURE__*/_react["default"].createElement("td", {
142
+ className: "padding-td"
143
+ }, /*#__PURE__*/_react["default"].createElement(_schedule["default"], {
140
144
  value: item.LastContent,
141
145
  date: item.LastContentTime,
142
146
  id: item.Id
@@ -1,59 +1,24 @@
1
1
  "use strict";
2
2
 
3
- function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
4
-
5
3
  Object.defineProperty(exports, "__esModule", {
6
4
  value: true
7
5
  });
8
6
  exports["default"] = void 0;
9
7
 
10
- var _react = _interopRequireWildcard(require("react"));
8
+ var _react = _interopRequireDefault(require("react"));
11
9
 
12
10
  require("./index.css");
13
11
 
14
- 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); }
15
-
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
-
18
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
19
-
20
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
21
-
22
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
23
-
24
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
25
-
26
- function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
27
-
28
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
12
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
29
13
 
30
14
  var prefix = "titaui-dynamic-summary-progress-task";
31
15
 
32
16
  var TaskProgress = function TaskProgress(_ref) {
33
17
  var _ref$value = _ref.value,
34
18
  value = _ref$value === void 0 ? 0 : _ref$value;
35
-
36
- var _useState = (0, _react.useState)(value + "%"),
37
- _useState2 = _slicedToArray(_useState, 2),
38
- inputValue = _useState2[0],
39
- setInputValue = _useState2[1];
40
-
41
- var handleFocus = function handleFocus() {
42
- setInputValue(inputValue.substring(0, inputValue.length - 1));
43
- };
44
-
45
- var handleBlur = function handleBlur(e) {
46
- e.persist();
47
- var inputValue = parseInt(e.target.innerText);
48
- var resultValue = Number.isNaN(inputValue) || inputValue < 0 ? 0 : inputValue > 100 ? 100 : inputValue;
49
- setInputValue(resultValue + "%");
50
- };
51
-
52
19
  return /*#__PURE__*/_react["default"].createElement("div", {
53
- className: prefix,
54
- onFocus: handleFocus,
55
- onBlur: handleBlur
56
- }, inputValue);
20
+ className: prefix
21
+ }, "".concat(value, "%"));
57
22
  };
58
23
 
59
24
  var _default = TaskProgress;
@@ -1,7 +1,5 @@
1
1
  .titaui-dynamic-summary-schedule {
2
2
  padding: 8px 0;
3
- max-height: 164px;
4
- overflow-y: scroll;
5
3
  }
6
4
 
7
5
  .titaui-dynamic-summary-schedule__content-text {
@@ -36,3 +34,7 @@
36
34
  margin-left: -12px;
37
35
  margin-right: -12px;
38
36
  }
37
+
38
+ .titaui-dynamic-summary-schedule .simplebar-track {
39
+ right: -12px;
40
+ }
@@ -7,6 +7,8 @@ exports["default"] = exports.Schedule = void 0;
7
7
 
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
 
10
+ var _scrollbar = _interopRequireDefault(require("../../../../scrollbar"));
11
+
10
12
  require("./index.css");
11
13
 
12
14
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -17,13 +19,17 @@ var Schedule = function Schedule(_ref) {
17
19
  var value = _ref.value;
18
20
  return /*#__PURE__*/_react["default"].createElement("div", {
19
21
  className: prefix
22
+ }, /*#__PURE__*/_react["default"].createElement(_scrollbar["default"], {
23
+ style: {
24
+ maxHeight: 164
25
+ }
20
26
  }, value && /*#__PURE__*/_react["default"].createElement("div", {
21
27
  className: "".concat(prefix, "__content")
22
28
  }, /*#__PURE__*/_react["default"].createElement("div", {
23
29
  className: "".concat(prefix, "__content-text")
24
30
  }, value)), !value && /*#__PURE__*/_react["default"].createElement("div", {
25
31
  className: "".concat(prefix, "__no-progress")
26
- }, "-"));
32
+ }, "-")));
27
33
  };
28
34
 
29
35
  exports.Schedule = Schedule;
@@ -39,8 +39,6 @@
39
39
  margin-left: 4px;
40
40
  flex: 1;
41
41
  overflow: hidden;
42
- max-height: 180px;
43
- overflow-y: scroll;
44
42
  }
45
43
 
46
44
  .titaui-dynamic-summary-table-row-okr__kr-text:hover {
@@ -9,6 +9,8 @@ var _react = _interopRequireDefault(require("react"));
9
9
 
10
10
  var _classnames = _interopRequireDefault(require("classnames"));
11
11
 
12
+ var _scrollbar = _interopRequireDefault(require("../../../../scrollbar"));
13
+
12
14
  var _drawerManager = _interopRequireDefault(require("../../../../drawer-manager"));
13
15
 
14
16
  var _openData = require("../../../../../utils/open-data");
@@ -43,6 +45,10 @@ var TableRowOKR = function TableRowOKR(_ref) {
43
45
 
44
46
  return /*#__PURE__*/_react["default"].createElement("div", {
45
47
  className: prefix
48
+ }, /*#__PURE__*/_react["default"].createElement(_scrollbar["default"], {
49
+ style: {
50
+ maxHeight: 164
51
+ }
46
52
  }, isFirstLevel && /*#__PURE__*/_react["default"].createElement("div", {
47
53
  className: "".concat(prefix, "__common"),
48
54
  onClick: handleClickTitle
@@ -55,7 +61,7 @@ var TableRowOKR = function TableRowOKR(_ref) {
55
61
  className: (0, _classnames["default"])("".concat(prefix, "__kr-order"))
56
62
  }, "KR", order), /*#__PURE__*/_react["default"].createElement("span", {
57
63
  className: (0, _classnames["default"])("".concat(prefix, "__kr-text"))
58
- }, (0, _openData.parseString)(text))));
64
+ }, (0, _openData.parseString)(text)))));
59
65
  };
60
66
 
61
67
  var _default = TableRowOKR;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@titaui/pc",
3
- "version": "1.12.75-beta.2",
3
+ "version": "1.12.76-beta.1",
4
4
  "nameCN": "",
5
5
  "description": "",
6
6
  "main": "lib/index.js",