@titaui/pc 1.12.75-beta.2 → 1.12.75-beta.3

package/lib/components/color-date-picker/index.js

@@ -29,14 +29,22 @@ function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableTo
 
 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."); }
 
-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); }
-
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+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."); }
+
+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); }
+
 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; }
 
+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; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 var prefix = "tita-ui-color-date-picker";
 
 var ColorDatePicker = function ColorDatePicker(_ref) {
@@ -52,12 +60,32 @@ var ColorDatePicker = function ColorDatePicker(_ref) {
       _ref$colGap = _ref.colGap,
       colGap = _ref$colGap === void 0 ? 0 : _ref$colGap;
 
+  var _useState = (0, _react.useState)(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      isMouseOver = _useState2[0],
+      setIsMouseOver = _useState2[1];
+
+  var _useState3 = (0, _react.useState)({}),
+      _useState4 = _slicedToArray(_useState3, 2),
+      mouseOverItem = _useState4[0],
+      setMouseOverItem = _useState4[1];
+
   var handleItemClick = function handleItemClick(data) {
     if (onItemClick) {
       onItemClick(data);
     }
   };
 
+  var handleMouseOverDate = function handleMouseOverDate(item) {
+    setIsMouseOver(true);
+    setMouseOverItem(item);
+  };
+
+  var handleMouseOutDate = function handleMouseOutDate() {
+    setIsMouseOver(false);
+    setMouseOverItem({});
+  };
+
   var renderContent = (0, _react.useMemo)(function () {
     var result = [];
 
@@ -76,9 +104,13 @@ var ColorDatePicker = function ColorDatePicker(_ref) {
         }, /*#__PURE__*/_react["default"].createElement("span", {
           className: "".concat(prefix, "__content-daily-text"),
           style: {
-            background: value === item.value ? item.selectedBgColor : item.bgColor,
+            background: mouseOverItem === item && isMouseOver ? item.hoverbgColor : value === item.value ? item.selectedBgColor : item.bgColor,
             color: value === item.value && item.bgColor ? "#ffffff" : item.color
-          }
+          },
+          onMouseOver: function onMouseOver() {
+            return handleMouseOverDate(item);
+          },
+          onMouseOut: handleMouseOutDate
         }, item.text));
       })));
     } else if (type === _interface.EReportType.Weekly) {
@@ -89,9 +121,13 @@ var ColorDatePicker = function ColorDatePicker(_ref) {
             return handleItemClick(item);
           },
           style: {
-            background: value === item.value ? item.selectedBgColor : item.bgColor,
+            background: mouseOverItem === item && isMouseOver ? item.hoverbgColor : value === item.value ? item.selectedBgColor : item.bgColor,
             color: value === item.value && item.bgColor ? "#ffffff" : item.color
-          }
+          },
+          onMouseOver: function onMouseOver() {
+            return handleMouseOverDate(item);
+          },
+          onMouseOut: handleMouseOutDate
         }, /*#__PURE__*/_react["default"].createElement("span", {
           className: "".concat(prefix, "__content-weekly-text")
         }, item.text, /*#__PURE__*/_react["default"].createElement("span", {
@@ -106,15 +142,19 @@ var ColorDatePicker = function ColorDatePicker(_ref) {
             return handleItemClick(item);
           },
           style: {
-            background: value === item.value ? item.selectedBgColor : item.bgColor,
+            background: mouseOverItem === item && isMouseOver ? item.hoverbgColor : value === item.value ? item.selectedBgColor : item.bgColor,
             color: value === item.value && item.bgColor ? "#ffffff" : item.color
-          }
+          },
+          onMouseOver: function onMouseOver() {
+            return handleMouseOverDate(item);
+          },
+          onMouseOut: handleMouseOutDate
         }, item.text);
       })));
     }
 
     return result;
-  }, [column, data, type, value]);
+  }, [column, data, type, value, isMouseOver]);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix,
     style: {

package/lib/components/dialog-upload/uploaded-preview.js

@@ -47,6 +47,10 @@ var UploadedPreview = function UploadedPreview(_ref) {
       src: uploadResultItem.ClientUrl || uploadResultItem.PreviewUrl,
       className: "upload-preview-img"
     }); // 上传成功且为图片时
+  };
+
+  var handleClickTitleToPreView = function handleClickTitleToPreView() {
+    onSubmit(index, 'preview');
   }; // 删除、预览icon
 
 
@@ -106,7 +110,8 @@ var UploadedPreview = function UploadedPreview(_ref) {
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "preview__content document-mouse-event-ignore ".concat(className, " ").concat(prefix)
   }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(prefix, "__img-wrapper")
+    className: "".concat(prefix, "__img-wrapper"),
+    onClick: handleClickTitleToPreView
   }, renderPreviewThumbnail()), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__message-wrapper")
   }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
@@ -115,7 +120,8 @@ var UploadedPreview = function UploadedPreview(_ref) {
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__file-title"),
     "data-tip": uploadResultItem.FileName,
-    key: uploadResultItem.Id
+    key: uploadResultItem.Id,
+    onClick: handleClickTitleToPreView
   }, uploadResultItem.FileName, (uploadResultItem.uploadStatus === 2 || uploadResultItem.uploadStatus === 3) && uploadResultItem.percentComplete !== 100 ? /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__upload-progress")
   }, /*#__PURE__*/_react["default"].createElement("div", {

package/lib/components/dynamic/dynamic-item/components/okr-progress/index.css

@@ -105,7 +105,7 @@
 }
 
 .titaui-okr-progress__table table tbody tr:hover {
-  background: #f0f4fa;
+  background: rgba(240, 244, 250, 0.6);
 }
 
 .titaui-okr-progress__table table tbody tr:last-child {
@@ -136,6 +136,10 @@
   text-align: center;
 }
 
+.titaui-okr-progress__table table tbody tr .padding-td {
+  padding: 8px 12px;
+}
+
 .titaui-okr-progress__table-title {
   height: 40px;
   background: #f0f4fa;

package/lib/components/dynamic/dynamic-item/components/okr-progress/index.js

@@ -116,7 +116,9 @@ var OkrProgress = function OkrProgress(_ref) {
           type: "o",
           status: _constant.OkrRiskMapping[item.RiskLevel],
           value: item.Progress
-        })), /*#__PURE__*/_react["default"].createElement("td", null), /*#__PURE__*/_react["default"].createElement("td", null, /*#__PURE__*/_react["default"].createElement(_schedule["default"], {
+        })), /*#__PURE__*/_react["default"].createElement("td", null), /*#__PURE__*/_react["default"].createElement("td", {
+          className: "padding-td"
+        }, /*#__PURE__*/_react["default"].createElement(_schedule["default"], {
           value: item.LastContent,
           date: item.LastContentTime,
           id: item.Id
@@ -136,7 +138,9 @@ var OkrProgress = function OkrProgress(_ref) {
         })), /*#__PURE__*/_react["default"].createElement("td", null, /*#__PURE__*/_react["default"].createElement(_newConfidence["default"], {
           value: item.ConfidenceValue,
           editable: false
-        })), /*#__PURE__*/_react["default"].createElement("td", null, /*#__PURE__*/_react["default"].createElement(_schedule["default"], {
+        })), /*#__PURE__*/_react["default"].createElement("td", {
+          className: "padding-td"
+        }, /*#__PURE__*/_react["default"].createElement(_schedule["default"], {
           value: item.LastContent,
           date: item.LastContentTime,
           id: item.Id

package/lib/components/dynamic/dynamic-item/components/schedule/index.css

@@ -1,7 +1,5 @@
 .titaui-dynamic-summary-schedule {
   padding: 8px 0;
-  max-height: 164px;
-  overflow-y: scroll;
 }
 
 .titaui-dynamic-summary-schedule__content-text {
@@ -36,3 +34,7 @@
   margin-left: -12px;
   margin-right: -12px;
 }
+
+.titaui-dynamic-summary-schedule .simplebar-track {
+  right: -12px;
+}

package/lib/components/dynamic/dynamic-item/components/schedule/index.js

@@ -7,6 +7,8 @@ exports["default"] = exports.Schedule = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
+var _scrollbar = _interopRequireDefault(require("../../../../scrollbar"));
+
 require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -17,13 +19,17 @@ var Schedule = function Schedule(_ref) {
   var value = _ref.value;
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix
+  }, /*#__PURE__*/_react["default"].createElement(_scrollbar["default"], {
+    style: {
+      maxHeight: 164
+    }
   }, value && /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__content")
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__content-text")
   }, value)), !value && /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__no-progress")
-  }, "-"));
+  }, "-")));
 };
 
 exports.Schedule = Schedule;

package/lib/components/dynamic/dynamic-item/components/table-row-okr/index.css

@@ -39,8 +39,6 @@
   margin-left: 4px;
   flex: 1;
   overflow: hidden;
-  max-height: 180px;
-  overflow-y: scroll;
 }
 
 .titaui-dynamic-summary-table-row-okr__kr-text:hover {

package/lib/components/dynamic/dynamic-item/components/table-row-okr/index.js

@@ -9,6 +9,8 @@ var _react = _interopRequireDefault(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
+var _scrollbar = _interopRequireDefault(require("../../../../scrollbar"));
+
 var _drawerManager = _interopRequireDefault(require("../../../../drawer-manager"));
 
 var _openData = require("../../../../../utils/open-data");
@@ -43,6 +45,10 @@ var TableRowOKR = function TableRowOKR(_ref) {
 
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix
+  }, /*#__PURE__*/_react["default"].createElement(_scrollbar["default"], {
+    style: {
+      maxHeight: 164
+    }
   }, isFirstLevel && /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__common"),
     onClick: handleClickTitle
@@ -55,7 +61,7 @@ var TableRowOKR = function TableRowOKR(_ref) {
     className: (0, _classnames["default"])("".concat(prefix, "__kr-order"))
   }, "KR", order), /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("".concat(prefix, "__kr-text"))
-  }, (0, _openData.parseString)(text))));
+  }, (0, _openData.parseString)(text)))));
 };
 
 var _default = TableRowOKR;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@titaui/pc",
-  "version": "1.12.75-beta.2",
+  "version": "1.12.75-beta.3",
   "nameCN": "",
   "description": "",
   "main": "lib/index.js",