@titaui/pc 1.12.12 → 1.12.13-beta.1

package/lib/components/dynamic/dynamic-item/components/summary-header/index.js

@@ -0,0 +1,360 @@
+"use strict";
+
+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); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _avatar = _interopRequireDefault(require("../../../../avatar"));
+
+var _dropSelector = _interopRequireWildcard(require("../../../../drop-selector"));
+
+var _requestApi = require("../../../request-api");
+
+var _dialogConfirm = _interopRequireWildcard(require("../../../../dialog-confirm"));
+
+var _toast = _interopRequireDefault(require("../../../../toast"));
+
+var _openData = require("../../../../../utils/open-data");
+
+var _conditionRender = _interopRequireDefault(require("../../../../condition-render"));
+
+var _tooltip = _interopRequireDefault(require("../../../../tooltip"));
+
+var _commentsDialog = _interopRequireDefault(require("../comments-dialog"));
+
+var _constant = require("../../../constant");
+
+var _getLocale = require("../../../../../utils/getLocale");
+
+var _constant2 = require("./constant");
+
+var _operateRecord = _interopRequireDefault(require("./operate-record"));
+
+var _bsGlobal = require("../../../../../utils/bs-global");
+
+var _evalute = _interopRequireDefault(require("./img/evalute.png"));
+
+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 _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return 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-new-summary-header";
+
+var DynamicItemHeader = function DynamicItemHeader(_ref) {
+  var _ref$onDeleteFeed = _ref.onDeleteFeed,
+      onDeleteFeed = _ref$onDeleteFeed === void 0 ? function () {} : _ref$onDeleteFeed,
+      _ref$showDelete = _ref.showDelete,
+      showDelete = _ref$showDelete === void 0 ? false : _ref$showDelete,
+      _ref$showEdit = _ref.showEdit,
+      showEdit = _ref$showEdit === void 0 ? true : _ref$showEdit,
+      _ref$showCollect = _ref.showCollect,
+      showCollect = _ref$showCollect === void 0 ? false : _ref$showCollect,
+      _ref$showOperateRecor = _ref.showOperateRecord,
+      showOperateRecord = _ref$showOperateRecor === void 0 ? true : _ref$showOperateRecor,
+      data = _ref.data,
+      _ref$desc = _ref.desc,
+      desc = _ref$desc === void 0 ? "" : _ref$desc,
+      user = _ref.user,
+      _ref$suffixContent = _ref.suffixContent,
+      suffixContent = _ref$suffixContent === void 0 ? "" : _ref$suffixContent;
+  var createDate = data.createDate,
+      feedId = data.feedId,
+      _data$isCollect = data.isCollect,
+      isCollect = _data$isCollect === void 0 ? false : _data$isCollect,
+      feedType = data.feedType,
+      canEvaluate = data.canEvaluate,
+      dailyContent = data.dailyContent,
+      dailyDate = data.dailyDate,
+      reportType = data.reportType;
+
+  var _useState = (0, _react.useState)(isCollect),
+      _useState2 = _slicedToArray(_useState, 2),
+      nowIsCollect = _useState2[0],
+      setNowIsCollect = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      showDialogConfirm = _useState4[0],
+      setShowDialogConfirm = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(false),
+      _useState6 = _slicedToArray(_useState5, 2),
+      selectVisible = _useState6[0],
+      setSelectVisible = _useState6[1];
+
+  var _useState7 = (0, _react.useState)(false),
+      _useState8 = _slicedToArray(_useState7, 2),
+      evaluateVisible = _useState8[0],
+      setEvaluateVisible = _useState8[1];
+
+  var _useState9 = (0, _react.useState)(""),
+      _useState10 = _slicedToArray(_useState9, 2),
+      mindImg = _useState10[0],
+      setMindImg = _useState10[1];
+
+  var _useState11 = (0, _react.useState)(false),
+      _useState12 = _slicedToArray(_useState11, 2),
+      operateVisible = _useState12[0],
+      setOperateVisible = _useState12[1];
+
+  var url = "";
+  var loginUserId = (0, _bsGlobal.getUserInfo)().Id;
+
+  var handleCloseOperateDrawer = function handleCloseOperateDrawer() {
+    setOperateVisible(false);
+  };
+
+  var handleOpenOperateRecord = function handleOpenOperateRecord() {
+    setOperateVisible(true);
+  };
+
+  var onChangeHandler = function onChangeHandler(name) {
+    if (name === "collect") {
+      if (nowIsCollect) {
+        (0, _requestApi.cancelCollectDynamic)({
+          feedId: feedId
+        }).then(function (resp) {
+          if (resp.Code === 1) {
+            setNowIsCollect(!nowIsCollect);
+            setSelectVisible(false);
+
+            _toast["default"].Success((0, _getLocale.getLocale)("Mod_Successfuloperat"), {
+              canClose: false
+            });
+          } else {
+            _toast["default"].Error(resp.Message, {
+              canClose: false
+            });
+          }
+        });
+      } else {
+        (0, _requestApi.collectDynamic)({
+          feedId: feedId
+        }).then(function (resp) {
+          if (resp.Code === 1) {
+            setNowIsCollect(!nowIsCollect);
+            setSelectVisible(false);
+
+            _toast["default"].Success((0, _getLocale.getLocale)("Mod_Successfuloperat"), {
+              canClose: false
+            });
+          } else {
+            _toast["default"].Error(resp.Message, {
+              canClose: false
+            });
+          }
+        });
+      }
+    }
+  };
+
+  var handleDeleteClick = function handleDeleteClick() {
+    setShowDialogConfirm(true);
+    setSelectVisible(false);
+  };
+
+  var enSureDeleteDynamic = function enSureDeleteDynamic() {
+    (0, _requestApi.deleteDynamic)({
+      feedId: feedId
+    }).then(function (resp) {
+      if (resp.Code === 1) {
+        _toast["default"].Success((0, _getLocale.getLocale)("Pro_detail_Deletsuccess"), {
+          canClose: false
+        });
+
+        setShowDialogConfirm(false);
+
+        if (onDeleteFeed) {
+          onDeleteFeed(feedId);
+        }
+      }
+    });
+  };
+
+  var cancelDeleteDynamic = function cancelDeleteDynamic() {
+    setShowDialogConfirm(false);
+  };
+
+  var handleShowDropSelector = function handleShowDropSelector() {
+    setSelectVisible(true);
+  };
+
+  var handleOpenUserPage = function handleOpenUserPage() {
+    if (!url) return;
+    window.open(url, "_blank");
+  };
+
+  var handleClickEvaluate = function handleClickEvaluate() {
+    setEvaluateVisible(true);
+  };
+
+  var handleClickEdit = function handleClickEdit() {
+    window.open("#/summary/template?isCreate=false&hideNavTop=true&reportType=".concat(reportType, "&currentTime=").concat(dailyDate), "_blank");
+  };
+
+  var handleCloseEvaluateDialog = function handleCloseEvaluateDialog() {
+    setEvaluateVisible(false);
+  };
+
+  var renderDialogConfirm = (0, _react.useMemo)(function () {
+    return /*#__PURE__*/_react["default"].createElement(_dialogConfirm["default"], {
+      visible: showDialogConfirm,
+      type: "warning"
+    }, /*#__PURE__*/_react["default"].createElement("span", {
+      type: "title"
+    }, feedType === _constant.EFeedType.Share ? (0, _getLocale.getLocale)("OKR_MyO_Err_Delesh") : (0, _getLocale.getLocale)("OKR_MyO_Err_Delepost")), /*#__PURE__*/_react["default"].createElement("span", {
+      type: "content"
+    }, feedType === _constant.EFeedType.Share ? (0, _getLocale.getLocale)("OKR_MyO_Err_Deleshre") : (0, _getLocale.getLocale)("OKR_MyO_Err_Delepostsu")), /*#__PURE__*/_react["default"].createElement(_dialogConfirm.CancelButton, {
+      type: "button",
+      onClick: cancelDeleteDynamic
+    }, (0, _getLocale.getLocale)("Mod_Cancel")), /*#__PURE__*/_react["default"].createElement(_dialogConfirm.WarningButton, {
+      type: "button",
+      onClick: enSureDeleteDynamic
+    }, (0, _getLocale.getLocale)("Mod_Delete")));
+  }, [showDialogConfirm]);
+  (0, _react.useEffect)(function () {
+    if (dailyContent) {
+      var mindData = dailyContent.filter(function (item) {
+        return item.title === "心情";
+      }); // 暂时用title
+
+      if (typeof mindData[0].content === "string" && mindData[0].content !== "") {
+        setMindImg(_constant2.Motion.filter(function (item) {
+          return item.id === JSON.parse(mindData[0].content).SelectedValues[0];
+        })[0].img);
+      }
+    }
+  }, [dailyContent]);
+  console.log('data', data);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix)
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(prefix, "-left")
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _classnames["default"])("".concat(prefix, "-desc-avatar"), _defineProperty({}, "".concat(prefix, "-desc-avatar--not-link"), !url)),
+    onClick: handleOpenUserPage
+  }, /*#__PURE__*/_react["default"].createElement(_avatar["default"], {
+    name: user.name,
+    userId: user.id || user.userId,
+    src: user.avatar.original || user.avatar.medium,
+    color: user.avatar.color,
+    size: {
+      width: 48,
+      textNum: 1,
+      fontSize: 18
+    }
+  }), mindImg && /*#__PURE__*/_react["default"].createElement("img", {
+    src: mindImg,
+    className: "".concat(prefix, "-desc-mind"),
+    alt: "\u5FC3\u60C5"
+  })), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(prefix, "-desc")
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "-desc-title")
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "-desc-title-left")
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _classnames["default"])("".concat(prefix, "-desc-user"), _defineProperty({}, "".concat(prefix, "-desc-user--not-link"), !url)),
+    onClick: handleOpenUserPage
+  }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"].Text, {
+    maxWidth: 98,
+    text: /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
+      name: user.name,
+      id: user.userId
+    })
+  })), desc, suffixContent), canEvaluate && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "__evalute"),
+    onClick: handleClickEvaluate
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: _evalute["default"],
+    className: "".concat(prefix, "__evalute-img"),
+    alt: "\u8BC4\u4EF7"
+  }), (0, _getLocale.getLocale)("Per_MyRe_button_Toevaluate")), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "__more-operate")
+  }, /*#__PURE__*/_react["default"].createElement(_dropSelector["default"], {
+    popupPlacement: "bottomRight",
+    checked: ["collect"],
+    onChange: onChangeHandler,
+    multi: false,
+    visible: selectVisible,
+    trigger: /*#__PURE__*/_react["default"].createElement("span", {
+      className: (0, _classnames["default"])("".concat(prefix, "-right"), "tu-icon-more1"),
+      onClick: handleShowDropSelector
+    })
+  }, /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
+    condition: showCollect
+  }, /*#__PURE__*/_react["default"].createElement(_dropSelector.Item, {
+    name: "collect"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "__more-operate-selection")
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: (0, _classnames["default"])("tu-icon-APP-shoucang", "".concat(prefix, "__more-operate-selection-icon"))
+  }), nowIsCollect ? (0, _getLocale.getLocale)("Mod_CancCollection") : (0, _getLocale.getLocale)("Mod_Collection")))), /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
+    condition: showEdit && (user.id || user.userId) === loginUserId
+  }, /*#__PURE__*/_react["default"].createElement(_dropSelector.Item, {
+    name: "edit",
+    onClick: handleClickEdit
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "__more-operate-selection")
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: (0, _classnames["default"])("tu-icon-bianji3", "".concat(prefix, "__more-operate-selection-icon"))
+  }), (0, _getLocale.getLocale)("Mod_Editor")))), /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
+    condition: showOperateRecord
+  }, /*#__PURE__*/_react["default"].createElement(_dropSelector.Item, {
+    name: "record",
+    onClick: handleOpenOperateRecord
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "__more-operate-selection")
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: (0, _classnames["default"])("tu-icon-jinzhan-s", "".concat(prefix, "__more-operate-selection-icon"))
+  }), (0, _getLocale.getLocale)("Per_details_OperationRecord")))), /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
+    condition: showDelete && (user.id || user.userId) === loginUserId
+  }, /*#__PURE__*/_react["default"].createElement(_dropSelector.Item, {
+    name: "delete",
+    onClick: handleDeleteClick
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "__more-operate-selection")
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: (0, _classnames["default"])("tu-icon-del", "".concat(prefix, "__more-operate-selection-icon"))
+  }), (0, _getLocale.getLocale)("Mod_Delete"))))))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "-desc-time")
+  }, createDate))), renderDialogConfirm, /*#__PURE__*/_react["default"].createElement(_commentsDialog["default"], {
+    visible: evaluateVisible,
+    feedId: feedId,
+    toUserId: user.id || user.userId,
+    isUpdated: false,
+    closeDialog: handleCloseEvaluateDialog
+  }), /*#__PURE__*/_react["default"].createElement(_operateRecord["default"], {
+    visible: operateVisible,
+    onClose: handleCloseOperateDrawer,
+    feedId: feedId
+  }));
+};
+
+var _default = DynamicItemHeader;
+exports["default"] = _default;

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;