@titaui/pc 1.5.69-beta.18 → 1.5.69-beta.19

package/lib/components/communication/style.js

@@ -33,7 +33,7 @@ var ReplyUser = _styledComponents["default"].div(_templateObject4 || (_templateO
 
 exports.ReplyUser = ReplyUser;
 
-var CommunicationItem = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  margin-left: -8px;\n  padding: 8px 8px 4px 8px;\n  margin-bottom: 4px;\n  font-size: 12px;\n  color: #83898f;\n  border-radius: 8px;\n  display: flex;\n  position: relative;\n\n  &:hover {\n    background: #eff5fb;\n    .communication__actionbar {\n      display: inline-block;\n    }\n  }\n"])));
+var CommunicationItem = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  margin-left: -8px;\n  padding: 8px 8px 4px 8px;\n  margin-bottom: 4px;\n  font-size: 12px;\n  color: #83898f;\n  border-radius: 8px;\n  display: flex;\n  position: relative;\n\n  &:hover {\n    background: #F7F9FB;\n    .communication__actionbar {\n      display: inline-block;\n    }\n  }\n"])));
 
 exports.CommunicationItem = CommunicationItem;
 

package/lib/components/create-okr/index.css

@@ -405,6 +405,10 @@
   visibility: hidden;
 }
 
+.modal-close-btn > span:hover {
+  color: #141c28 !important;
+}
+
 @keyframes create-success-rotate {
   0% {
     transform: rotateZ(0);

package/lib/components/create-okr/index.js

@@ -109,11 +109,15 @@ function CreateOkrModal(_ref, ref) {
       _ref$isPerformance = _ref.isPerformance,
       isPerformance = _ref$isPerformance === void 0 ? false : _ref$isPerformance,
       _ref$handleCreatedClo = _ref.handleCreatedClose,
-      handleCreatedClose = _ref$handleCreatedClo === void 0 ? function () {} : _ref$handleCreatedClo;
+      handleCreatedClose = _ref$handleCreatedClo === void 0 ? function () {} : _ref$handleCreatedClo,
+      _ref$visible = _ref.visible,
+      visible = _ref$visible === void 0 ? false : _ref$visible,
+      _ref$onClose = _ref.onClose,
+      onClose = _ref$onClose === void 0 ? function () {} : _ref$onClose;
 
-  var _useState = (0, _react.useState)(false),
+  var _useState = (0, _react.useState)(visible),
       _useState2 = _slicedToArray(_useState, 2),
-      visible = _useState2[0],
+      isVisible = _useState2[0],
       setVisible = _useState2[1]; // @ts-ignore
 
 
@@ -315,8 +319,12 @@ function CreateOkrModal(_ref, ref) {
     setVisible(true);
   }, []);
   var hideCreateOkrModal = (0, _react.useCallback)(function () {
+    onClose && onClose();
     setVisible(false);
   }, []);
+  (0, _react.useEffect)(function () {
+    setVisible(visible);
+  }, [visible]);
   (0, _react.useImperativeHandle)(ref, function () {
     return {
       setCase: function setCase(data) {
@@ -567,7 +575,7 @@ function CreateOkrModal(_ref, ref) {
   };
 
   (0, _react.useEffect)(function () {
-    if (!visible) {
+    if (!isVisible) {
       setKrDatas([{
         uuid: _uuid["default"].v1(),
         principalId: Id,
@@ -602,7 +610,7 @@ function CreateOkrModal(_ref, ref) {
         parentKrId: 0
       });
     }
-  }, [visible]);
+  }, [isVisible]);
   var handleONameSuggestClose = (0, _react.useCallback)(function () {
     setONameIsInput(false);
     setCustomCloseOSuggest(true);
@@ -745,16 +753,17 @@ function CreateOkrModal(_ref, ref) {
     onSuccess && onSuccess(newOkrDataRef.current);
   }, []);
   (0, _react.useEffect)(function () {
-    if (!visible) return; // @ts-ignore
+    if (!isVisible) return; // @ts-ignore
 
     (0, _requestApi.getImageBase64ByUrl)(user.id).then(function (data) {
       setUserAvatarBase64Url(data.obj);
     })["catch"](function (err) {
       _popDownNotification.Toast.Error(err);
     });
-  }, [user, visible]);
+  }, [user, isVisible]);
 
   var trackAction = function trackAction() {
+    // @ts-ignore
     window.titaTracker && window.titaTracker('action').record({
       actionName: '点击【教你写OKR】',
       actionGroup: '创建OKR',
@@ -792,7 +801,7 @@ function CreateOkrModal(_ref, ref) {
     onOk: onModalOkHandler,
     okText: "\u7ACB\u5373\u521B\u5EFA",
     title: ModalTitle,
-    visible: visible,
+    visible: isVisible,
     onCancel: hideCreateOkrModal,
     maskClosable: false,
     footerLeftContent: renderFooterTeachWriteOKr

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

@@ -27,6 +27,8 @@ var _openData = require("../../../../../utils/open-data");
 
 var _conditionRender = _interopRequireDefault(require("../../../components/condition-render"));
 
+var _tooltip = require("../../../../tooltip");
+
 require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -229,9 +231,12 @@ var DynamicItemHeader = function DynamicItemHeader(_ref) {
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])(prefix + "-desc-user", _defineProperty({}, prefix + "-desc-user--not-link", !url)),
     onClick: handleOpenUserPage
-  }, /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
-    name: publishUser.name,
-    id: publishUser.userId
+  }, /*#__PURE__*/_react["default"].createElement(_tooltip.TooltipText, {
+    maxWidth: 98,
+    text: /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
+      name: publishUser.name,
+      id: publishUser.userId
+    })
   })), desc), /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix + "-desc-time"
   }, createDate))), /*#__PURE__*/_react["default"].createElement("div", {

package/lib/components/dynamic/dynamic-item/dynamic-create-o/index.css

@@ -3,11 +3,13 @@
 }
 
 .titaui-dynamic-create-o-item__content {
+  display: flex;
+  flex-direction: column;
   margin-left: 69px;
 }
 
 .titaui-dynamic-create-o-item__infos-wrapper {
-  margin-top: 8px;
+  margin-top: 12px;
 }
 
 .titaui-dynamic-create-o-item__okr {

package/lib/components/dynamic/dynamic-item/dynamic-create-o/index.js

@@ -107,12 +107,12 @@ var DynamicCreateO = function DynamicCreateO(_ref) {
   var Classify = (0, _react.useMemo)(function () {
     var _classNames;
 
-    if (Number(classify) == 0) {
+    if (+classify == 0) {
       return;
     }
 
     return /*#__PURE__*/_react["default"].createElement("span", {
-      className: (0, _classnames["default"])("".concat(prefix, "__classify"), (_classNames = {}, _defineProperty(_classNames, "".concat(prefix, "__classify--desire"), classify == 1), _defineProperty(_classNames, "".concat(prefix, "__classify--promise"), classify == 2), _classNames))
+      className: (0, _classnames["default"])("".concat(prefix, "__classify"), (_classNames = {}, _defineProperty(_classNames, "".concat(prefix, "__classify--desire"), classify == 2), _defineProperty(_classNames, "".concat(prefix, "__classify--promise"), classify == 1), _classNames))
     });
   }, [classify]);
   var renderDesc = (0, _react.useMemo)(function () {

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

@@ -6,41 +6,22 @@
   margin-left: 69px;
 }
 
-.titaui-dynamic-kr-item__title {
+.titaui-dynamic-kr-item__content-time-range {
   display: flex;
   align-items: center;
-  overflow: hidden;
-}
-
-.titaui-dynamic-kr-item__description {
-  font-size: 14px;
-  color: #3F4755;
-  line-height: 22px;
-  display: flex;
-  margin-top: 12px;
-}
-
-.titaui-dynamic-kr-item__description-quoto {
-  width: 12px;
-  height: 12px;
-}
-
-.titaui-dynamic-kr-item__description-quoto--left {
-  margin-right: 8px;
-  margin-top: -6px;
-}
-
-.titaui-dynamic-kr-item__description-quoto--right {
-  margin-left: 8px;
-  margin-top: 4px;
+  font-size: 12px;
+  color: #89919f;
+  line-height: 18px;
 }
 
-.titaui-dynamic-kr-item__status-left {
-  margin-left: 12px;
+.titaui-dynamic-kr-item__content-time-range-icon {
+  margin-right: 4px;
 }
 
-.titaui-dynamic-kr-item__percent-left {
-  margin-left: 8px;
+.titaui-dynamic-kr-item__title {
+  display: flex;
+  align-items: center;
+  overflow: hidden;
 }
 
 .titaui-dynamic-kr-item__object-name {

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

@@ -11,24 +11,12 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _dynamicLeftQuoto = _interopRequireDefault(require("../../img/dynamic-left-quoto.svg"));
-
-var _dynamicRightQuoto = _interopRequireDefault(require("../../img/dynamic-right-quoto.svg"));
-
 var _manager = _interopRequireDefault(require("../../../drawer/manager"));
 
-var _context = require("../../context");
-
-var _searchKeyHandle = _interopRequireDefault(require("../../../search-key-handle"));
-
 var _header = _interopRequireDefault(require("../components/header"));
 
 var _title = _interopRequireDefault(require("../../components/title"));
 
-var _percent = _interopRequireDefault(require("../../components/percent"));
-
-var _objStatus = _interopRequireDefault(require("../../components/obj-status"));
-
 var _util = require("../../util");
 
 var _constant = require("../../constant");
@@ -57,16 +45,11 @@ var DynamicKr = function DynamicKr(_ref) {
   var data = _ref.data,
       restProps = _objectWithoutProperties(_ref, _excluded);
 
-  var progress = data.progress,
-      progressDescription = data.progressDescription,
-      progressGrow = data.progressGrow,
-      riskLevel = data.riskLevel,
+  var deadline = data.deadline,
+      startDate = data.startDate,
       name = data.name,
       krId = data.krId;
 
-  var _useContext = (0, _react.useContext)(_context.SearchKeyContext),
-      searchKeyWord = _useContext.searchKeyWord;
-
   var _getFeedTypeAndTypeCo = (0, _util.getFeedTypeAndTypeColor)(data.feedType),
       feedTypeText = _getFeedTypeAndTypeCo.feedTypeText,
       feedTypeColor = _getFeedTypeAndTypeCo.feedTypeColor;
@@ -114,26 +97,11 @@ var DynamicKr = function DynamicKr(_ref) {
   }, /*#__PURE__*/_react["default"].createElement(_title["default"], {
     content: "KR\uFF1A".concat(name),
     onClickTitle: handleClickKrTitle
-  }), /*#__PURE__*/_react["default"].createElement(_objStatus["default"], {
-    oStatus: 1,
-    riskLevel: riskLevel,
-    extraClass: "".concat(prefix, "__status-left")
-  }), /*#__PURE__*/_react["default"].createElement(_percent["default"], {
-    percent: progress,
-    growPercent: progressGrow,
-    extraClass: "".concat(prefix, "__percent-left")
-  })), progressDescription && /*#__PURE__*/_react["default"].createElement("div", {
-    className: prefix + "__description"
-  }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("img", {
-    className: (0, _classnames["default"])(prefix + "__description-quoto", prefix + "__description-quoto--left"),
-    src: _dynamicLeftQuoto["default"]
-  })), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_searchKeyHandle["default"], {
-    str: progressDescription,
-    keyWord: searchKeyWord
-  }), /*#__PURE__*/_react["default"].createElement("img", {
-    className: (0, _classnames["default"])(prefix + "__description-quoto", prefix + "__description-quoto--right"),
-    src: _dynamicRightQuoto["default"]
-  })))));
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "__content-time-range")
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: (0, _classnames["default"])("tu-icon-deferred", "".concat(prefix, "__content-time-range-icon"))
+  }), /*#__PURE__*/_react["default"].createElement("span", null, startDate, "-", deadline)))));
 };
 
 var _default = DynamicKr;

package/lib/components/dynamic/dynamic-item/dynamic-milestone/constant.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EStatusClass2StatusTypeText = void 0;
+var EStatusClass2StatusTypeText = {
+  2: '已完成',
+  1: '进行中',
+  4: '已取消',
+  3: '已延迟',
+  6: '暂停中',
+  0: '未开始',
+  5: '未接受'
+};
+exports.EStatusClass2StatusTypeText = EStatusClass2StatusTypeText;

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

@@ -0,0 +1,111 @@
+.titaui-dynamic-milestone-item {
+  border-radius: 12px;
+  box-shadow: 0px 0px 8px 0px rgba(127, 145, 180, 0.1);
+  background: #ffffff;
+  box-sizing: border-box;
+  overflow: hidden;
+  font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-serif, PingFang SC, Microsoft YaHei;
+}
+
+.titaui-dynamic-milestone-item__content {
+  height: 78px;
+  display: flex;
+  align-items: center;
+  border-radius: 8px;
+  background: #f6f7f9;
+  padding: 16px 12px 16px 16px;
+  box-sizing: border-box;
+  margin-left: 69px;
+}
+
+.titaui-dynamic-milestone-item__content-info {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  margin-left: 16px;
+  overflow: hidden;
+}
+
+.titaui-dynamic-milestone-item__content-status-and-time-range {
+  display: flex;
+  align-items: center;
+  font-size: 12px;
+  font-weight: 400;
+  color: #89919f;
+  line-height: 18px;
+}
+
+.titaui-dynamic-milestone-item__content-status-text {
+  margin-left: 4px;
+  margin-right: 20px;
+}
+
+.titaui-dynamic-milestone-item__content-time-range {
+  margin-left: 4px;
+}
+
+.titaui-dynamic-milestone-item__content-title {
+  flex: 1;
+  word-break: keep-all;
+  white-space: nowrap;
+  overflow: hidden;
+  font-size: 16px;
+  font-weight: 600;
+  color: #3f4755;
+  line-height: 24px;
+}
+
+.titaui-dynamic-milestone-item__content-title-text {
+  cursor: pointer;
+}
+
+.titaui-dynamic-milestone-item__content-title-text:hover {
+  color: #2879ff;
+}
+
+.titaui-dynamic-milestone-item__content-title-priority {
+  width: 18px;
+  height: 26px;
+  margin-right: 4px;
+}
+
+.titaui-dynamic-milestone-item__object-name {
+  font-size: 14px;
+  color: #2879ff;
+  line-height: 22px;
+  margin: 0 4px;
+  overflow: hidden;
+}
+
+.titaui-dynamic-milestone-item__object-name:hover {
+  cursor: pointer;
+  color: #5c8eff;
+}
+
+.titaui-dynamic-milestone-item__operate-desc {
+  font-size: 14px;
+  font-weight: 400;
+  color: #89919f;
+  line-height: 22px;
+  margin: 0 8px 0 4px;
+  overflow: hidden;
+}
+
+.titaui-dynamic-milestone-item__operate-desc-wrapper {
+  display: flex;
+}
+
+.titaui-dynamic-milestone-item-desc-operate-type {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 40px;
+  height: 18px;
+  min-width: 40px;
+  clip-path: polygon(0 100%, 100% 100%, 100% 0, 15% 0);
+  -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0, 15% 0);
+  border-radius: 14px 10px 10px 4px;
+  font-size: 12px;
+  color: #ffffff;
+  line-height: 18px;
+}

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

@@ -0,0 +1,156 @@
+"use strict";
+
+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); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _header = _interopRequireDefault(require("../components/header"));
+
+var _icon = _interopRequireDefault(require("../components/icon"));
+
+var _constant = require("./constant");
+
+var _constant2 = require("../../constant");
+
+var _context = require("../../context");
+
+var _searchKeyHandle = _interopRequireDefault(require("../../../search-key-handle"));
+
+var _tooltip = require("../../../tooltip");
+
+var _util = require("../../util");
+
+var _manager = _interopRequireDefault(require("../../../drawer/manager"));
+
+var _milestone = _interopRequireDefault(require("./img/milestone.png"));
+
+require("./index.css");
+
+var _excluded = ["data"];
+
+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 _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); }
+
+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; }
+
+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; }
+
+var prefix = "titaui-dynamic-milestone-item";
+
+var DynamicMilestone = function DynamicMilestone(_ref) {
+  var data = _ref.data,
+      restProps = _objectWithoutProperties(_ref, _excluded);
+
+  var status = data.status,
+      taskName = data.taskName,
+      startDate = data.startDate,
+      deadline = data.deadline,
+      feedType = data.feedType,
+      obj = data.obj;
+
+  var _useContext = (0, _react.useContext)(_context.SearchKeyContext),
+      searchKeyWord = _useContext.searchKeyWord;
+
+  var _getFeedTypeAndTypeCo = (0, _util.getFeedTypeAndTypeColor)(feedType),
+      feedTypeText = _getFeedTypeAndTypeCo.feedTypeText,
+      feedTypeColor = _getFeedTypeAndTypeCo.feedTypeColor;
+
+  var handleClickTaskTitle = function handleClickTaskTitle() {
+    window.Talent.app.vent.trigger("global-pull-screen", data.taskId, "task");
+  };
+
+  var handleClickTitle = function handleClickTitle() {
+    var objType = obj.objType,
+        objId = obj.objId;
+
+    if (objType === _constant2.EObjType.Kr) {
+      _manager["default"].open("krDetail", {
+        krId: objId
+      });
+    }
+
+    if (objType === _constant2.EObjType.O) {
+      _manager["default"].open("okrDetail", {
+        okrId: objId
+      });
+    }
+
+    if (objType === _constant2.EObjType.Project) {
+      window.open(window.location.href.replace(location.hash, "#work?iTalentNavCode=tita-work&work_id=" + objId));
+    }
+  };
+
+  var renderName = (0, _react.useMemo)(function () {
+    return /*#__PURE__*/_react["default"].createElement("span", {
+      className: prefix + "__content-title-text",
+      onClick: handleClickTaskTitle
+    }, /*#__PURE__*/_react["default"].createElement(_searchKeyHandle["default"], {
+      str: taskName,
+      keyWord: searchKeyWord
+    }));
+  }, [taskName, searchKeyWord]);
+  var renderDesc = (0, _react.useMemo)(function () {
+    return /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
+      className: prefix + "__operate-desc"
+    }, /*#__PURE__*/_react["default"].createElement("span", {
+      className: prefix + "__operate-desc-wrapper"
+    }, "\u8D1F\u8D23\u4E86\u9879\u76EE", /*#__PURE__*/_react["default"].createElement("span", {
+      className: prefix + "__object-name",
+      onClick: handleClickTitle
+    }, /*#__PURE__*/_react["default"].createElement(_tooltip.TooltipText, {
+      text: obj.objName,
+      isPercent: true
+    })), "\u4E0B\u91CC\u7A0B\u7891")), /*#__PURE__*/_react["default"].createElement("span", {
+      className: prefix + "-desc-operate-type",
+      style: {
+        background: feedTypeColor
+      }
+    }, feedTypeText));
+  }, []);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: prefix
+  }, /*#__PURE__*/_react["default"].createElement(_header["default"], _extends({
+    data: data
+  }, restProps, {
+    desc: renderDesc
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "__content")
+  }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
+    background: "#5C8EFF",
+    boxShadow: "0px 2px 6px 0px rgba(92, 142, 255, 0.4)",
+    imgUrl: _milestone["default"]
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: prefix + "__content-info"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: prefix + "__content-title"
+  }, /*#__PURE__*/_react["default"].createElement(_tooltip.TooltipText, {
+    isPercent: true,
+    text: renderName,
+    minusWidth: 30
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: prefix + "__content-status-and-time-range"
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: (0, _classnames["default"])(_constant2.EStatusStatus2ClassType[status])
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    className: prefix + "__content-status-text"
+  }, _constant.EStatusClass2StatusTypeText[status]), /*#__PURE__*/_react["default"].createElement("i", {
+    className: (0, _classnames["default"])("tu-icon-deferred")
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    className: prefix + "__content-time-range"
+  }, startDate, "-", deadline)))));
+};
+
+var _default = DynamicMilestone;
+exports["default"] = _default;

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

@@ -4,6 +4,65 @@
 
 .titaui-dynamic-report-item__content {
   margin-left: 69px;
+  line-height: 24px;
+  word-wrap: break-word;
+}
+
+.titaui-dynamic-report-item__content ul {
+  list-style-type: disc;
+  padding-left: 20px;
+}
+
+.titaui-dynamic-report-item__content ol {
+  list-style-type: decimal;
+  padding-left: 20px;
+}
+
+.titaui-dynamic-report-item__content li {
+  list-style-type: inherit;
+  margin: 5px 0;
+}
+
+.titaui-dynamic-report-item__content table {
+  margin: 5px 0;
+}
+
+.titaui-dynamic-report-item__content table td {
+  border: 1px solid #999;
+  padding: 3px 5px;
+  min-width: 50px;
+  height: 20px;
+}
+
+.titaui-dynamic-report-item__content p {
+  margin: 5px 0;
+}
+
+.titaui-dynamic-report-item__content blockquote {
+  display: block;
+  border-left: 4px solid #e3ecf1;
+  padding: 5px;
+  font-size: 12px;
+}
+
+.titaui-dynamic-report-item__content p,
+    .titaui-dynamic-report-item__content li {
+  line-height: 1.7;
+}
+
+.titaui-dynamic-report-item__content a {
+  word-wrap: break-word;
+  word-break: break-all;
+}
+
+.titaui-dynamic-report-item__content pre {
+  padding: 10px;
+  margin: 5px 0px;
+  font-size: 0.8em;
+}
+
+.titaui-dynamic-report-item__content pre code {
+  line-height: 1.5;
 }
 
 .titaui-dynamic-report-item__summary {

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

@@ -86,6 +86,7 @@
   font-size: 20px;
   display: inline-flex;
   align-items: center;
+  color: #a4acb9;
 }
 
 .titaui-dynamic-item__footer-icon:last-of-type {
@@ -96,10 +97,6 @@
   color: #2879ff;
 }
 
-.titaui-dynamic-item__footer-icon:first-of-type:hover {
-  color: #89919F;
-}
-
 .titaui-dynamic-item__footer-number {
   margin-left: 8px;
   font-size: 14px;
@@ -108,14 +105,24 @@
 
 .titaui-dynamic-item__icon {
   margin-left: 4px;
-  line-height: 22px;
+  margin-bottom: 4px;
+}
+
+.titaui-dynamic-item__icon-up {
+  transform: rotate(180deg);
+  margin-bottom: 0;
 }
 
 .titaui-dynamic-item__communication {
   padding: 12px 20px 20px 68px;
-  box-shadow: inset 0px 8px 8px -8px rgba(127, 145, 180, 0.1);
+  box-shadow: inset 0px 12px 12px -12px rgba(127, 145, 180, 0.14);
 }
 
 .titaui-dynamic-item__upvote-btn {
+  color: #a4acb9;
   font-size: 20px;
 }
+
+.titaui-dynamic-item__upvote-btn:hover {
+  color: #2879ff;
+}

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

@@ -45,6 +45,8 @@ var _dynamicKr = _interopRequireDefault(require("./dynamic-kr"));
 
 var _dynamicReward = _interopRequireDefault(require("./dynamic-reward"));
 
+var _dynamicMilestone = _interopRequireDefault(require("./dynamic-milestone"));
+
 var _bsGlobal = require("../../../utils/bs-global");
 
 var _avatar = require("../../avatar");
@@ -234,6 +236,11 @@ var DynamicItem = function DynamicItem(_ref) {
           data: data
         }, restProps));
 
+      case _constant.EFeedType.MileStone:
+        return /*#__PURE__*/_react["default"].createElement(_dynamicMilestone["default"], _extends({
+          data: data
+        }, restProps));
+
       default:
         return null;
     }
@@ -293,7 +300,7 @@ var DynamicItem = function DynamicItem(_ref) {
     className: prefix + "__footer-fold",
     onClick: handleFold
   }, "\u6536\u8D77", /*#__PURE__*/_react["default"].createElement("i", {
-    className: (0, _classnames["default"])("tu-icon-arrow-up1", prefix + "__icon")
+    className: (0, _classnames["default"])("tu-icon-arrow-down", "".concat(prefix, "__icon"), "".concat(prefix, "__icon-up"))
   }))), /*#__PURE__*/_react["default"].createElement("span", {
     onClick: handleCommentClick,
     className: (0, _classnames["default"])("tu-icon-pinglun-m", prefix + "__footer-icon")

package/lib/components/dynamic/dynamic.css

@@ -34,10 +34,12 @@
   word-break: keep-all;
   overflow: hidden;
   text-overflow: ellipsis;
+  font-weight: 400;
 }
 
 .titaui-dynamic__header-tab--active {
   color: #2879ff;
+  font-weight: 600;
 }
 
 .titaui-dynamic__header-tab--active::before {

package/lib/components/dynamic/quick-operation/index.css

@@ -1,13 +1,15 @@
 .titaui-pc-dynamic-quick-operation {
   width: 278px;
   height: 126px;
+  padding: 0 5px;
+  box-sizing: border-box;
   display: flex;
   align-items: center;
   background: #ffffff;
   box-shadow: 0px 0px 8px 0px rgba(127, 145, 180, 0.1);
   border-radius: 12px;
   font-size: 12px;
-  color: #3F4755;
+  color: #3f4755;
   font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-serif, PingFang SC, Microsoft YaHei;
 }
 

package/lib/components/dynamic/request-api.js

@@ -14,7 +14,7 @@ var topDynamic = function topDynamic(_ref) {
   var feedId = _ref.feedId,
       _ref$titaObj_type = _ref.titaObj_type,
       titaObj_type = _ref$titaObj_type === void 0 ? 2 : _ref$titaObj_type;
-  return (0, _request.rpost)("v2")("/user/feed/Top?feed_id=".concat(feedId, "&titaObj_type=").concat(titaObj_type, "&titaObj_id="));
+  return (0, _request.rpost)("v2")("user/feed/Top?feed_id=".concat(feedId, "&titaObj_type=").concat(titaObj_type, "&titaObj_id="));
 };
 
 exports.topDynamic = topDynamic;
@@ -23,28 +23,28 @@ var cancelTopDynamic = function cancelTopDynamic(_ref2) {
   var feedId = _ref2.feedId,
       _ref2$titaObj_type = _ref2.titaObj_type,
       titaObj_type = _ref2$titaObj_type === void 0 ? 2 : _ref2$titaObj_type;
-  return (0, _request.rdelete)("v2")("/user/feed/CancelTop?feed_id=".concat(feedId, "&titaObj_type=").concat(titaObj_type, "&titaObj_id="));
+  return (0, _request.rdelete)("v2")("user/feed/CancelTop?feed_id=".concat(feedId, "&titaObj_type=").concat(titaObj_type, "&titaObj_id="));
 };
 
 exports.cancelTopDynamic = cancelTopDynamic;
 
 var collectDynamic = function collectDynamic(_ref3) {
   var feedId = _ref3.feedId;
-  return (0, _request.rput)("v2")("/user/feed/Collect?feed_id=".concat(feedId));
+  return (0, _request.rput)("v2")("user/feed/Collect?feed_id=".concat(feedId));
 };
 
 exports.collectDynamic = collectDynamic;
 
 var cancelCollectDynamic = function cancelCollectDynamic(_ref4) {
   var feedId = _ref4.feedId;
-  return (0, _request.rdelete)("v2")("/user/feed/CancelCollect?feed_id=".concat(feedId));
+  return (0, _request.rdelete)("v2")("user/feed/CancelCollect?feed_id=".concat(feedId));
 };
 
 exports.cancelCollectDynamic = cancelCollectDynamic;
 
 var deleteDynamic = function deleteDynamic(_ref5) {
   var feedId = _ref5.feedId;
-  return (0, _request.rdelete)("v2")("/user/feed/Delete?feed_id=".concat(feedId));
+  return (0, _request.rdelete)("v2")("user/feed/Delete?feed_id=".concat(feedId));
 };
 
 exports.deleteDynamic = deleteDynamic;
@@ -57,7 +57,7 @@ var getPraise = function getPraise(_ref6) {
       count = _ref6$count === void 0 ? 5 : _ref6$count,
       _ref6$objType = _ref6.objType,
       objType = _ref6$objType === void 0 ? 10 : _ref6$objType;
-  return (0, _request.rget)("v1")("/praise/get?objId=".concat(objId, "&start=&count=").concat(count, "&objType=").concat(objType));
+  return (0, _request.rget)("v1")("praise/get?objId=".concat(objId, "&start=&count=").concat(count, "&objType=").concat(objType));
 };
 
 exports.getPraise = getPraise;
@@ -75,7 +75,7 @@ var getLeastPariseInfo = function getLeastPariseInfo() {
 exports.getLeastPariseInfo = getLeastPariseInfo;
 
 var getMenu = function getMenu() {
-  return (0, _request.rget)("v2")("/feed/FeedTabMenus");
+  return (0, _request.rget)("v2")("feed/FeedTabMenus");
 };
 
 exports.getMenu = getMenu;

package/lib/components/file-list/components/single-file/index.css

@@ -6,7 +6,7 @@
 .titaui-new-file-list-single-file__file-preview {
   width: 180px;
   height: 180px;
-  border-radius: 2px;
+  border-radius: 8px;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -16,7 +16,7 @@
 .titaui-new-file-list-single-file__file-preview-img {
   width: 180px;
   height: 180px;
-  border-radius: 2px;
+  border-radius: 8px;
 }
 
 .titaui-new-file-list-single-file__file-preview-other-img {
@@ -37,7 +37,7 @@
   width: 180px;
   height: 180px;
   background: rgba(20, 28, 40, 0.3);
-  border-radius: 2px;
+  border-radius: 8px;
   display: flex;
   align-items: center;
   justify-content: center;

package/lib/components/img-viewer/index.css

@@ -132,7 +132,7 @@
   bottom: 24px;
   width: 216px;
   height: 48px;
-  border-radius: 4px;
+  border-radius: 8px;
   background: #ffffff;
   box-shadow: 0px 4px 12px 0px rgba(127, 145, 180, 0.2);
   display: flex;

package/lib/components/mblog/style.js

@@ -13,12 +13,12 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-var MBlogBox = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n\n  .uploadFile__preview__list {\n    padding-bottom: 10px;\n    background: #ffffff;\n    display: flex;\n    flex-wrap: wrap;\n    max-height: 300px;\n    overflow-y: auto;\n\n    .preview__content {\n      margin-top: 10px;\n      margin-right: 10px;\n      border-radius: 4px;\n    }\n  }\n"]))); // MblogContent
+var MBlogBox = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n\n  .uploadFile__preview__list {\n    padding-bottom: 10px;\n    background: #ffffff;\n    display: flex;\n    flex-wrap: wrap;\n    max-height: 300px;\n    overflow-y: auto;\n\n    .preview__content {\n      margin-top: 10px;\n      margin-right: 10px;\n      border-radius: 8px;\n    }\n  }\n"]))); // MblogContent
 
 
 exports.MBlogBox = MBlogBox;
 
-var DivMblogContent = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding: 8px 10px 6px;\n  border: 1px solid #E9ECF0;\n  border-radius: 4px;\n  background-color: #fff;\n  position: relative;\n  transition: all .2s ease-in-out;\n  height: 124px;\n  box-sizing: border-box;\n\n  &.input_default-active {\n    box-shadow: 0px 0px 4px 0px rgba(40, 121, 255, 0.3);\n    border-color: #2879ff;\n  }\n"])));
+var DivMblogContent = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding: 8px 10px 6px;\n  border: 1px solid #E9ECF0;\n  border-radius: 4px;\n  background-color: #fff;\n  position: relative;\n  transition: all .2s ease-in-out;\n  height: 124px;\n  box-sizing: border-box;\n\n  &.input_default-active {\n    box-shadow: inset 0px 0px 4px 0px rgba(40, 121, 255, 0.3);\n    border-color: #2879ff;\n  }\n"])));
 
 exports.DivMblogContent = DivMblogContent;
 

package/lib/components/upload/style.js

@@ -25,7 +25,7 @@ var PreviewContent = _styledComponents["default"].div(_templateObject3 || (_temp
 
 exports.PreviewContent = PreviewContent;
 
-var PreviewImageWrapper = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  width: 36px;\n  height: 36px;\n  line-height: 36px;\n  margin-right: 8px;\n  text-align: center;\n\n  img {\n    max-width: 36px;\n    max-height: 36px;\n  }\n"])));
+var PreviewImageWrapper = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  width: 36px;\n  height: 36px;\n  line-height: 36px;\n  margin-right: 8px;\n  text-align: center;\n  border-radius: 4px;\n\n  img {\n    max-width: 36px;\n    max-height: 36px;\n    border-radius: 4px;\n  }\n"])));
 
 exports.PreviewImageWrapper = PreviewImageWrapper;
 

package/lib/components/upvote/index.js

@@ -228,7 +228,7 @@ function UpvoteButton(_ref) {
   }, renderBuntton ? renderBuntton(upvoteState.type, upvoteState.count) : /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames2["default"])((_classnames = {
       "tu-icon-APP-zan1": !buttonType && upvoteState.type == 0
-    }, _defineProperty(_classnames, customUpvoteBtnCls, customUpvoteBtnCls), _defineProperty(_classnames, buttonType, buttonType), _defineProperty(_classnames, "feed-upvote-button", true), _classnames)),
+    }, _defineProperty(_classnames, customUpvoteBtnCls, customUpvoteBtnCls && upvoteState.type == 0), _defineProperty(_classnames, buttonType, buttonType && upvoteState.type == 0), _defineProperty(_classnames, "feed-upvote-button", true), _classnames)),
     style: {
       backgroundImage: "url(".concat((_attitude["default"].find(function (a) {
         return a.type == upvoteState.type;

package/lib/index.js

@@ -5,7 +5,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.FileList = exports.ImgViewer = exports.TaskRelationModal = exports.OkrCaseCard = exports.OkrCasesLibrary = exports.TitaWordsCloud = exports.TitaLiquidBall = exports.TitaPieChart = exports.HomePageDataList = exports.HomePage = exports.Dynamic = exports.DatePicker = exports.Confidence = exports.DynamicTop = exports.DynamicQuickOperation = exports.DateRangePickerPop = exports.Upvote = exports.OkrShare = exports.SlideInput = exports.RangePickerPop = exports.OkrFlow = exports.ChangeOkrModal = exports.Review = exports.EReportList = exports.OKrProgress = exports.FormFields = exports.Form = exports.OkrPeriodSelector = exports.Upload = exports.OperationRecord = exports.Mblog = exports.EmotionsSelector = exports.Communication = exports.PeriodSelector = exports.Pagination = exports.WordCloud = exports.DialogConfirm = exports.OkrProgressDetail = exports.RadioGroup = exports.Radio = exports.ErrorToolTip = exports.TooltipText = exports.Tooltip = exports.Dialog = exports.firework = exports.BaseInfo = exports.OkrDetail = exports.drawerManager = exports.Drawer = exports.TabPane = exports.Tabs = exports.openData = exports.DynamicLiking = exports.DynamicLikeNum = exports.LikeRankingPage = exports.UserGroupManagementPage = exports.OkrMapSharePage = exports.OkrMapPage = exports.Checkbox = exports.PasswordInput = exports.SearchInput = exports.Table = exports.Tree = exports.StatusTime = exports.EPriority = exports.LineProgress = exports.CircleProgress = exports.Switch = exports.Toast = exports.Popup = exports.SearchDropdownOption = exports.SearchDropdown = exports.TextAvatar = exports.NameAvatar = exports.DefautltAvatar = exports.SingleSelector = exports.DutiesSelector = exports.DepartSearchSelector = exports.GroupSelector = exports.FieldPersonSelector = exports.DropSelector = void 0;
+exports.FileList = exports.ImgViewer = exports.TaskRelationModal = exports.OkrCaseCard = exports.OkrCasesLibrary = exports.TitaWordsCloud = exports.TitaLiquidBall = exports.TitaPieChart = exports.HomePageDataList = exports.HomePage = exports.Dynamic = exports.DatePicker = exports.Confidence = exports.DynamicTop = exports.DynamicQuickOperation = exports.DateRangePickerPop = exports.Upvote = exports.OkrShare = exports.SlideInput = exports.RangePickerPop = exports.OkrFlow = exports.CreateOkrModal = exports.ChangeOkrModal = exports.Review = exports.EReportList = exports.OKrProgress = exports.FormFields = exports.Form = exports.OkrPeriodSelector = exports.Upload = exports.OperationRecord = exports.Mblog = exports.EmotionsSelector = exports.Communication = exports.PeriodSelector = exports.Pagination = exports.WordCloud = exports.DialogConfirm = exports.OkrProgressDetail = exports.RadioGroup = exports.Radio = exports.ErrorToolTip = exports.TooltipText = exports.Tooltip = exports.Dialog = exports.firework = exports.BaseInfo = exports.OkrDetail = exports.drawerManager = exports.Drawer = exports.TabPane = exports.Tabs = exports.openData = exports.DynamicLiking = exports.DynamicLikeNum = exports.LikeRankingPage = exports.UserGroupManagementPage = exports.OkrMapSharePage = exports.OkrMapPage = exports.Checkbox = exports.PasswordInput = exports.SearchInput = exports.Table = exports.Tree = exports.StatusTime = exports.EPriority = exports.LineProgress = exports.CircleProgress = exports.Switch = exports.Toast = exports.Popup = exports.SearchDropdownOption = exports.SearchDropdown = exports.TextAvatar = exports.NameAvatar = exports.DefautltAvatar = exports.SingleSelector = exports.DutiesSelector = exports.DepartSearchSelector = exports.GroupSelector = exports.FieldPersonSelector = exports.DropSelector = void 0;
 
 var _dialog = _interopRequireDefault(require("./components/dialog"));
 
@@ -41,6 +41,8 @@ var _checkbox = _interopRequireDefault(require("./components/checkbox"));
 
 var _changeOkr = _interopRequireDefault(require("./components/change-okr"));
 
+var _createOkr = _interopRequireDefault(require("./components/create-okr"));
+
 var _rangePickerPop = _interopRequireDefault(require("./components/range-picker-pop"));
 
 var _datePicker = _interopRequireDefault(require("./components/date-picker"));
@@ -284,6 +286,8 @@ var Review = _okrReview["default"];
 exports.Review = Review;
 var ChangeOkrModal = _changeOkr["default"];
 exports.ChangeOkrModal = ChangeOkrModal;
+var CreateOkrModal = _createOkr["default"];
+exports.CreateOkrModal = CreateOkrModal;
 var OkrFlow = _okrSearchPanel["default"];
 exports.OkrFlow = OkrFlow;
 var RangePickerPop = _rangePickerPop["default"];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@titaui/pc",
-  "version": "1.5.69-beta.18",
+  "version": "1.5.69-beta.19",
   "nameCN": "",
   "description": "",
   "main": "lib/index.js",