@titaui/pc 1.12.16 → 1.12.17-beta.1

package/lib/components/dynamic/dynamic-item/components/summary-header/operate-record.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _drawer = _interopRequireDefault(require("../../../../drawer"));
+
+var _getLocale = require("../../../../../utils/getLocale");
+
+var _operationRecords = _interopRequireDefault(require("../../../../operation-records"));
+
+require("./index.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var preCls = 'titaui-dynamic-new-summary__operate';
+
+var OperateRecord = function OperateRecord(props) {
+  var visible = props.visible,
+      onClose = props.onClose,
+      feedId = props.feedId;
+  return /*#__PURE__*/_react["default"].createElement(_drawer["default"], {
+    visible: visible,
+    onClose: onClose,
+    className: preCls,
+    autoClosable: true
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__head")
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(preCls, "__head-title")
+  }, (0, _getLocale.getLocale)('Per_details_OperationRecord')), /*#__PURE__*/_react["default"].createElement("i", {
+    className: (0, _classnames["default"])("".concat(preCls, "__head-icon"), 'tu-icon-close'),
+    onClick: onClose
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__content")
+  }, /*#__PURE__*/_react["default"].createElement(_operationRecords["default"], {
+    feedId: feedId,
+    commentCount: 4
+  })));
+};
+
+var _default = OperateRecord;
+exports["default"] = _default;

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

@@ -0,0 +1,24 @@
+.titaui-dynamic-summary-table-row-o-project {
+  line-height: 18px;
+  display: flex;
+  align-items: center;
+  word-break: keep-all;
+  white-space: nowrap;
+  color: #89919F;
+}
+
+.titaui-dynamic-summary-table-row-o-project:hover {
+  cursor: pointer;
+  color: #2879ff;
+}
+
+.titaui-dynamic-summary-table-row-o-project__icon {
+  font-size: 14px;
+}
+
+.titaui-dynamic-summary-table-row-o-project__text {
+  flex: 1;
+  overflow: hidden;
+  font-size: 12px;
+  margin-left: 4px;
+}

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

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _tooltip = _interopRequireDefault(require("../../../../tooltip"));
+
+var _drawerManager = _interopRequireDefault(require("../../../../drawer-manager"));
+
+require("./index.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var prefix = "titaui-dynamic-summary-table-row-o-project";
+
+var TableRowOProject = function TableRowOProject(_ref) {
+  var id = _ref.id,
+      _ref$isO = _ref.isO,
+      isO = _ref$isO === void 0 ? true : _ref$isO,
+      text = _ref.text,
+      _ref$extraClass = _ref.extraClass,
+      extraClass = _ref$extraClass === void 0 ? '' : _ref$extraClass;
+
+  var handleTitleClick = function handleTitleClick() {
+    if (isO) {
+      _drawerManager["default"].open("okrDetail", {
+        okrId: id
+      });
+    } else {
+      window.open(window.location.href.replace(window.location.hash, "#work?iTalentNavCode=tita-work&work_id=".concat(id)));
+    }
+  };
+
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, " ").concat(extraClass),
+    onClick: handleTitleClick
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: "".concat(prefix, "__icon tu-icon-").concat(isO ? "H5-O-s" : "project-s")
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(prefix, "__text")
+  }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"].Text, {
+    isPercent: true,
+    text: text
+  })));
+};
+
+var _default = TableRowOProject;
+exports["default"] = _default;

package/lib/components/dynamic/dynamic-item/components/table-row-o-project/interface.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

@@ -0,0 +1,50 @@
+.titaui-dynamic-summary-table-row-okr__common {
+  font-size: 14px;
+  font-weight: 600;
+  color: #141c28;
+  line-height: 22px;
+  padding: 8px 0;
+  display: flex;
+}
+
+.titaui-dynamic-summary-table-row-okr__common:hover {
+  cursor: pointer;
+  color: #2879ff;
+}
+
+.titaui-dynamic-summary-table-row-okr__common-icon {
+  font-size: 16px;
+  font-weight: 400;
+  color: #2879ff;
+  margin-right: 8px;
+  margin-top: 4px;
+}
+
+.titaui-dynamic-summary-table-row-okr__kr {
+  margin-left: 24px;
+  overflow: hidden;
+  display: flex;
+  word-break: keep-all;
+  white-space: nowrap;
+  align-items: center;
+}
+
+.titaui-dynamic-summary-table-row-okr__kr-order {
+  font-size: 12px;
+  color: #2879ff;
+  line-height: 16px;
+  margin-top: 0;
+}
+
+.titaui-dynamic-summary-table-row-okr__kr-text {
+  font-size: 14px;
+  color: #3f4755;
+  margin-left: 4px;
+  flex: 1;
+  overflow: hidden;
+}
+
+.titaui-dynamic-summary-table-row-okr__kr-text:hover {
+  cursor: pointer;
+  color: #2879ff;
+}

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

@@ -0,0 +1,65 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _tooltip = _interopRequireDefault(require("../../../../tooltip"));
+
+var _drawerManager = _interopRequireDefault(require("../../../../drawer-manager"));
+
+require("./index.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var prefix = "titaui-dynamic-summary-table-row-okr";
+
+var TableRowOKR = function TableRowOKR(_ref) {
+  var text = _ref.text,
+      id = _ref.id,
+      _ref$isO = _ref.isO,
+      isO = _ref$isO === void 0 ? true : _ref$isO,
+      _ref$isFirstLevel = _ref.isFirstLevel,
+      isFirstLevel = _ref$isFirstLevel === void 0 ? true : _ref$isFirstLevel,
+      _ref$order = _ref.order,
+      order = _ref$order === void 0 ? 1 : _ref$order;
+
+  var handleClickTitle = function handleClickTitle() {
+    if (isO) {
+      _drawerManager["default"].open("okrDetail", {
+        okrId: id
+      });
+    } else {
+      _drawerManager["default"].open("krDetail", {
+        krId: id
+      });
+    }
+  };
+
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: prefix
+  }, isFirstLevel && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "__common"),
+    onClick: handleClickTitle
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: "tu-icon-H5-".concat(isO ? "O" : "KR", "-s ").concat(prefix, "__common-icon")
+  }), /*#__PURE__*/_react["default"].createElement("span", null, text)), !isFirstLevel && /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(prefix, "__kr")),
+    onClick: handleClickTitle
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _classnames["default"])("".concat(prefix, "__kr-order"))
+  }, "KR", order), /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _classnames["default"])("".concat(prefix, "__kr-text"))
+  }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"].Text, {
+    isPercent: true,
+    text: text
+  }))));
+};
+
+var _default = TableRowOKR;
+exports["default"] = _default;

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

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/components/dynamic/dynamic-item/components/task-progress/constant.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EStatusStatus2ClassType = void 0;
+var EStatusStatus2ClassType = {
+  2: "tu-icon-finished",
+  1: "tu-icon-running",
+  4: "tu-icon-canceled",
+  3: "tu-icon-deferred",
+  6: "tu-icon-paused",
+  0: "tu-icon-notstart",
+  5: "tu-icon-jiantou-right"
+};
+exports.EStatusStatus2ClassType = EStatusStatus2ClassType;

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

@@ -0,0 +1,201 @@
+.titaui-dynamic-summary-task-progress {
+  margin-top: 24px;
+}
+
+.titaui-dynamic-summary-task-progress__title {
+  font-size: 18px;
+  font-weight: 600;
+  color: #141c28;
+  line-height: 26px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.titaui-dynamic-summary-task-progress__title-update {
+  font-size: 14px;
+  font-weight: 400;
+  color: #2879ff;
+  line-height: 22px;
+  display: inline-flex;
+  align-items: center;
+}
+
+.titaui-dynamic-summary-task-progress__title-update-icon {
+  margin-right: 4px;
+}
+
+.titaui-dynamic-summary-task-progress__title-update:hover {
+  cursor: pointer;
+  opacity: 0.8;
+}
+
+.titaui-dynamic-summary-task-progress__table {
+  border: 1px solid #dfe3ea;
+  border-radius: 12px;
+  margin-top: 12px;
+}
+
+.titaui-dynamic-summary-task-progress__table table {
+  width: 100%;
+}
+
+.titaui-dynamic-summary-task-progress__table table thead {
+  width: 100%;
+}
+
+.titaui-dynamic-summary-task-progress__table table tbody {
+  width: 100%;
+}
+
+.titaui-dynamic-summary-task-progress__table table tbody tr {
+  border-bottom: 1px solid #dfe3ea;
+}
+
+.titaui-dynamic-summary-task-progress__table table tbody tr:last-child {
+  border-bottom: unset;
+}
+
+.titaui-dynamic-summary-task-progress__table table tbody tr td {
+  box-sizing: border-box;
+  padding: 0 12px;
+  border-right: 1px solid #dfe3ea;
+}
+
+.titaui-dynamic-summary-task-progress__table table tbody tr td:last-child {
+  border-right: unset;
+}
+
+.titaui-dynamic-summary-task-progress__table table tbody tr td:nth-child(2) {
+  padding: 0;
+}
+
+.titaui-dynamic-summary-task-progress__table-title {
+  height: 40px;
+  background: #f0f4fa;
+  font-size: 13px;
+  color: #89919f;
+  line-height: 18px;
+}
+
+.titaui-dynamic-summary-task-progress__table-title td {
+  text-align: center;
+  padding: 0 12px;
+  box-sizing: border-box;
+  border-right: 1px solid #dfe3ea;
+}
+
+.titaui-dynamic-summary-task-progress__table-title td:last-child {
+  border-right: none;
+}
+
+.titaui-dynamic-summary-task-progress__table-title-okrs {
+  overflow: hidden;
+  border-top-left-radius: 12px;
+  width: 282px;
+}
+
+.titaui-dynamic-summary-task-progress__table-title-progress {
+  width: 102px;
+}
+
+.titaui-dynamic-summary-task-progress__table-title-progress-desc {
+  overflow: hidden;
+  border-top-right-radius: 12px;
+}
+
+.titaui-dynamic-summary-task-progress__table-title-progress-desc-icon {
+  font-size: 14px;
+  margin-left: 4px;
+  vertical-align: text-top;
+}
+
+.titaui-dynamic-summary-task-progress__statistic {
+  display: flex;
+  justify-content: space-between;
+  margin-top: 12px;
+}
+
+.titaui-dynamic-summary-task-progress__statistic-item {
+  flex: 1;
+  height: 48px;
+  border-radius: 12px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-right: 10px;
+  padding: 0 16px;
+  font-size: 14px;
+  font-weight: 600;
+  color: #141c28;
+  line-height: 22px;
+  position: relative;
+  overflow: hidden;
+}
+
+.titaui-dynamic-summary-task-progress__statistic-item:last-child {
+  margin-right: 0;
+}
+
+.titaui-dynamic-summary-task-progress__statistic-item--finished {
+  background: rgba(0, 214, 133, 0.1);
+}
+
+.titaui-dynamic-summary-task-progress__statistic-item--finished::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 4px;
+  height: 48px;
+  background: rgba(0, 214, 133, 0.3);
+  border-radius: 12px 0 0 12px;
+}
+
+.titaui-dynamic-summary-task-progress__statistic-item--finished-text {
+  color: #00D685;
+  font-size: 16px;
+}
+
+.titaui-dynamic-summary-task-progress__statistic-item--processing {
+  background: rgba(40, 121, 255, 0.1);
+}
+
+.titaui-dynamic-summary-task-progress__statistic-item--processing-text {
+  color: #2879FF;
+  font-size: 16px;
+}
+
+.titaui-dynamic-summary-task-progress__statistic-item--overdue {
+  background: rgba(240, 94, 94, 0.1);
+}
+
+.titaui-dynamic-summary-task-progress__statistic-item--overdue-text {
+  color: #F05E5E;
+  font-size: 16px;
+}
+
+.titaui-dynamic-summary-task-progress__import {
+  margin-top: 10px;
+  width: 60px;
+  height: 60px;
+  border-radius: 8px;
+  border: 1px solid #e9ecf0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.titaui-dynamic-summary-task-progress__import-icon {
+  font-size: 24px;
+  color: #BFC7D5;
+}
+
+.titaui-dynamic-summary-task-progress__import:hover {
+  cursor: pointer;
+  border: 1px solid #2879ff;
+}
+
+.titaui-dynamic-summary-task-progress__import:hover .tu-icon-add1 {
+  color: #2879ff;
+}

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

@@ -0,0 +1,170 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _tooltip = _interopRequireDefault(require("../../../../tooltip"));
+
+var _getLocale = require("../../../../../utils/getLocale");
+
+var _progress = _interopRequireDefault(require("../progress"));
+
+var _schedule = _interopRequireDefault(require("../schedule"));
+
+var _tableRowOProject = _interopRequireDefault(require("../table-row-o-project"));
+
+var _constant = require("./constant");
+
+var _utils = require("./utils");
+
+require("./index.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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); }
+
+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; }
+
+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); }
+
+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 = 'titaui-dynamic-summary-task-progress';
+var isImport = true;
+
+var TaskProgress = function TaskProgress(_ref) {
+  var data = _ref.data,
+      _ref$type = _ref.type,
+      type = _ref$type === void 0 ? 'day' : _ref$type,
+      title = _ref.title;
+
+  var _useState = (0, _react.useState)(),
+      _useState2 = _slicedToArray(_useState, 2),
+      rowsData = _useState2[0],
+      setRowsData = _useState2[1];
+
+  var _useState3 = (0, _react.useState)((0, _utils.getStatusStatistic)([])),
+      _useState4 = _slicedToArray(_useState3, 2),
+      statusStatistic = _useState4[0],
+      setStatusStatistic = _useState4[1];
+
+  var handleShowTaskDetail = function handleShowTaskDetail(item) {
+    // @ts-ignore
+    window.Talent.app.vent.trigger("global-pull-screen", item.id, "task");
+  };
+
+  var renderTitle = (0, _react.useMemo)(function () {
+    if (type === 'day') {
+      return (0, _getLocale.getLocale)('Rep_NewS_Toworkasks');
+    } else if (type === 'week') {
+      return (0, _getLocale.getLocale)('Rep_NewS_Thisetasks');
+    } else if (type === 'month') {
+      return (0, _getLocale.getLocale)('Rep_NewS_Taskormonth');
+    }
+
+    return '';
+  }, [type]);
+  var renderTable = (0, _react.useMemo)(function () {
+    return /*#__PURE__*/_react["default"].createElement("table", null, /*#__PURE__*/_react["default"].createElement("thead", null, /*#__PURE__*/_react["default"].createElement("tr", {
+      className: "".concat(prefix, "__table-title")
+    }, /*#__PURE__*/_react["default"].createElement("td", {
+      className: "".concat(prefix, "__table-title-okrs")
+    }, (0, _getLocale.getLocale)('OKR_MyO_Title_Taskname')), /*#__PURE__*/_react["default"].createElement("td", {
+      className: "".concat(prefix, "__table-title-progress")
+    }, (0, _getLocale.getLocale)('OKR_MyO_Pop_Upd_Progresss1')), /*#__PURE__*/_react["default"].createElement("td", {
+      className: "".concat(prefix, "__table-title-progress-desc")
+    }, (0, _getLocale.getLocale)('Feed_Tab_Title_Progress'), /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+      overlay: (0, _getLocale.getLocale)('Rep_Tab_Mys_FillOKRsync'),
+      placement: "top",
+      align: {
+        offset: [0, 5]
+      }
+    }, /*#__PURE__*/_react["default"].createElement("i", {
+      className: "tu-icon-wiki ".concat(prefix, "__table-title-progress-desc-icon")
+    }))))), /*#__PURE__*/_react["default"].createElement("tbody", null, rowsData && rowsData.Rows.map(function (item) {
+      if (isImport) {
+        var _item$LastContent;
+
+        return /*#__PURE__*/_react["default"].createElement("tr", null, /*#__PURE__*/_react["default"].createElement("td", null, /*#__PURE__*/_react["default"].createElement("div", {
+          className: "".concat(prefix, "__table-row-title"),
+          onClick: function onClick() {
+            return handleShowTaskDetail(item);
+          }
+        }, /*#__PURE__*/_react["default"].createElement("i", {
+          className: "".concat(prefix, "__table-row-title-icon ").concat(_constant.EStatusStatus2ClassType[item.Status])
+        }), /*#__PURE__*/_react["default"].createElement("span", {
+          className: "".concat(prefix, "__table-row-title-text")
+        }, item.Name))), /*#__PURE__*/_react["default"].createElement("td", null, /*#__PURE__*/_react["default"].createElement(_progress["default"], {
+          id: "".concat(item.Id),
+          type: "task",
+          status: item.Status === 1 ? "normal" : "risk",
+          value: item.Progress,
+          editable: false,
+          riskLevel: item.Status
+        })), /*#__PURE__*/_react["default"].createElement("td", null, /*#__PURE__*/_react["default"].createElement(_schedule["default"], {
+          value: (item === null || item === void 0 ? void 0 : (_item$LastContent = item.LastContent) === null || _item$LastContent === void 0 ? void 0 : _item$LastContent.trim()) || '',
+          date: item.LastContentTime,
+          editable: false,
+          id: item.Id
+        })));
+      } else {
+        return /*#__PURE__*/_react["default"].createElement("tr", null, /*#__PURE__*/_react["default"].createElement("td", {
+          colSpan: 4
+        }, /*#__PURE__*/_react["default"].createElement(_tableRowOProject["default"], {
+          id: item.Id // isO={item.Type === EObjType.O}
+          ,
+          extraClass: "".concat(prefix, "__table-obj"),
+          text: item.Name
+        })));
+      }
+    })));
+  }, [rowsData]);
+  (0, _react.useEffect)(function () {
+    if (_typeof(data) !== 'object' && data !== '') {
+      setRowsData(JSON.parse(data));
+
+      if (JSON.parse(data).Rows.length !== 0) {
+        setStatusStatistic((0, _utils.getStatusStatistic)(JSON.parse(data).Rows));
+      }
+    }
+  }, [data]);
+  if (!(rowsData !== null && rowsData !== void 0 && rowsData.Rows.length)) return null;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: prefix
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "__title")
+  }, title), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "__statistic")
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(prefix, "__statistic-item ").concat(prefix, "__statistic-item--finished")
+  }, (0, _getLocale.getLocale)('OKR_MyO_E_From_Completed'), ' ', /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(prefix, "__statistic-item--finished-text")
+  }, statusStatistic.doing)), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(prefix, "__statistic-item ").concat(prefix, "__statistic-item--processing")
+  }, (0, _getLocale.getLocale)('OKR_MyO_Butt_Inprogress'), ' ', /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(prefix, "__statistic-item--processing-text")
+  }, statusStatistic.doing)), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(prefix, "__statistic-item ").concat(prefix, "__statistic-item--overdue")
+  }, (0, _getLocale.getLocale)('OKR_MyO_E_Overdue'), ' ', /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(prefix, "__statistic-item--overdue-text")
+  }, statusStatistic.overDue))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "__table")
+  }, renderTable));
+};
+
+var _default = TaskProgress;
+exports["default"] = _default;

package/lib/components/dynamic/dynamic-item/components/task-progress/interface.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/components/dynamic/dynamic-item/components/task-progress/utils.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getStatusStatistic = void 0;
+
+var getStatusStatistic = function getStatusStatistic(data) {
+  var result = {
+    done: 0,
+    doing: 0,
+    overDue: 0
+  };
+  data.forEach(function (item) {
+    // 1 进行中 2 已完成 3 已延期
+    if (item.Status === 1) {
+      result.doing = result.doing + 1;
+    } else if (item.Status === 2) {
+      result.done = result.done + 1;
+    } else if (item.Status === 3) {
+      result.overDue = result.overDue + 1;
+    }
+  });
+  return result;
+};
+
+exports.getStatusStatistic = getStatusStatistic;