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

package/lib/components/communication/index.js

@@ -231,6 +231,7 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
         sentData.CommentId = 0;
         sentData.ObjId = 0;
         sentData.ObjType = 0;
+        sentData.Content = sentData.Content || ' ';
 
         if (isShowReplyToUser) {
           sentData.CommentId = replyUserCommentId;
@@ -350,7 +351,9 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
           _this$props8$submitTe = _this$props8.submitText,
           submitText = _this$props8$submitTe === void 0 ? "回复" : _this$props8$submitTe,
           _this$props8$highLigh = _this$props8.highLightKeyWord,
-          highLightKeyWord = _this$props8$highLigh === void 0 ? '' : _this$props8$highLigh;
+          highLightKeyWord = _this$props8$highLigh === void 0 ? '' : _this$props8$highLigh,
+          _this$props8$autoFocu = _this$props8.autoFocus,
+          autoFocus = _this$props8$autoFocu === void 0 ? false : _this$props8$autoFocu;
       return /*#__PURE__*/_react["default"].createElement(_style.CommunicationWrapper, {
         className: "communcation-wrapper ".concat(className)
       }, /*#__PURE__*/_react["default"].createElement("div", null, communicationTrackTotal > 0 && /*#__PURE__*/_react["default"].createElement(_style.CommunicationRecordTotal, null, /*#__PURE__*/_react["default"].createElement("div", {
@@ -408,6 +411,7 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
         submitStatus: submitStatus,
         userSelectorPopAlign: userSelectorPopAlign,
         emotionsSelectorPopAlign: emotionsSelectorPopAlign,
+        autoFocus: autoFocus,
         onMblogSubmit: function onMblogSubmit(submitType, sentData) {
           return _this2.handlerReply(submitType, sentData);
         }

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

@@ -17,8 +17,6 @@ var _dropdownLayer = _interopRequireWildcard(require("../../../../dropdown-layer
 
 var _requestApi = require("../../../request-api");
 
-var _constant = require("../../../constant");
-
 var _dialogConfirm = _interopRequireWildcard(require("../../../../dialog-confirm"));
 
 var _popDownNotification = require("../../../../pop-down-notification");
@@ -27,6 +25,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 }; }
@@ -52,15 +52,16 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var prefix = "titaui-dynamic-item-header";
 
 var DynamicItemHeader = function DynamicItemHeader(_ref) {
-  var _ref$hasDynamicOperea = _ref.hasDynamicOpereateAuth,
-      hasDynamicOpereateAuth = _ref$hasDynamicOperea === void 0 ? false : _ref$hasDynamicOperea,
-      _ref$onDeleteFeed = _ref.onDeleteFeed,
+  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$showTopping = _ref.showTopping,
+      showTopping = _ref$showTopping === void 0 ? false : _ref$showTopping,
       data = _ref.data,
-      desc = _ref.desc;
-  var publishUser = data.publishUser,
-      createDate = data.createDate,
-      feedType = data.feedType,
+      desc = _ref.desc,
+      user = _ref.user;
+  var createDate = data.createDate,
       feedId = data.feedId,
       _data$isTop = data.isTop,
       isTop = _data$isTop === void 0 ? false : _data$isTop,
@@ -82,50 +83,18 @@ var DynamicItemHeader = function DynamicItemHeader(_ref) {
       showDialogConfirm = _useState6[0],
       setShowDialogConfirm = _useState6[1];
 
-  var isShareOrAnnouncement = feedType === _constant.EFeedType.Share; // const url = getUrlForUserPage({
+  var _useState7 = (0, _react.useState)(false),
+      _useState8 = _slicedToArray(_useState7, 2),
+      selectVisible = _useState8[0],
+      setSelectVisible = _useState8[1]; // const url = getUrlForUserPage({
   //   userId: publishUser.id || publishUser.userId,
   //   userType: publishUser.userType || 2,
   // });
 
-  var url = '';
-
-  var onChangeHandler = function onChangeHandler(name, _) {
-    if (name === "top") {
-      if (nowIsTop) {
-        (0, _requestApi.cancelTopDynamic)({
-          feedId: feedId
-        }).then(function (resp) {
-          if (resp.Code === 1) {
-            setNowIsTop(!nowIsTop);
 
-            _popDownNotification.Toast.Success("操作成功", {
-              canClose: false
-            });
-          } else {
-            _popDownNotification.Toast.Error(resp.Message, {
-              canClose: false
-            });
-          }
-        });
-      } else {
-        (0, _requestApi.topDynamic)({
-          feedId: feedId
-        }).then(function (resp) {
-          if (resp.Code === 1) {
-            setNowIsTop(!nowIsTop);
-
-            _popDownNotification.Toast.Success("操作成功", {
-              canClose: false
-            });
-          } else {
-            _popDownNotification.Toast.Error(resp.Message, {
-              canClose: false
-            });
-          }
-        });
-      }
-    }
+  var url = "";
 
+  var onChangeHandler = function onChangeHandler(name, _) {
     if (name === "collect") {
       if (nowIsCollect) {
         (0, _requestApi.cancelCollectDynamic)({
@@ -161,12 +130,49 @@ var DynamicItemHeader = function DynamicItemHeader(_ref) {
         });
       }
     }
+  };
 
-    if (name === "delete") {
-      setShowDialogConfirm(true);
+  var handleTopOperateClick = function handleTopOperateClick() {
+    if (nowIsTop) {
+      (0, _requestApi.cancelTopDynamic)({
+        feedId: feedId
+      }).then(function (resp) {
+        if (resp.Code === 1) {
+          setNowIsTop(!nowIsTop);
+
+          _popDownNotification.Toast.Success("操作成功", {
+            canClose: false
+          });
+        } else {
+          _popDownNotification.Toast.Error(resp.Message, {
+            canClose: false
+          });
+        }
+      });
+    } else {
+      (0, _requestApi.topDynamic)({
+        feedId: feedId
+      }).then(function (resp) {
+        if (resp.Code === 1) {
+          setNowIsTop(!nowIsTop);
+
+          _popDownNotification.Toast.Success("操作成功", {
+            canClose: false
+          });
+        } else {
+          _popDownNotification.Toast.Error(resp.Message, {
+            canClose: false
+          });
+        }
+      });
     }
   };
 
+  var handleDeleteClick = function handleDeleteClick() {
+    setShowDialogConfirm(true);
+    setSelectVisible(false);
+  };
+
   var enSureDeleteDynamic = function enSureDeleteDynamic() {
     (0, _requestApi.deleteDynamic)({
       feedId: feedId
@@ -186,6 +192,10 @@ var DynamicItemHeader = function DynamicItemHeader(_ref) {
     setShowDialogConfirm(false);
   };
 
+  var handleShowDropSelector = function handleShowDropSelector() {
+    setSelectVisible(true);
+  };
+
   var handleOpenUserPage = function handleOpenUserPage() {
     if (!url) return;
     window.open(url, "_blank");
@@ -213,10 +223,10 @@ var DynamicItemHeader = function DynamicItemHeader(_ref) {
     className: (0, _classnames["default"])(prefix + "-desc-avatar", _defineProperty({}, prefix + "-desc-avatar--not-link", !url)),
     onClick: handleOpenUserPage
   }, /*#__PURE__*/_react["default"].createElement(_avatar["default"], {
-    name: publishUser.name,
-    userId: publishUser.id || publishUser.userId,
-    src: publishUser.avatar.medium,
-    color: publishUser.avatar.color,
+    name: user.name,
+    userId: user.id || user.userId,
+    src: user.avatar.medium,
+    color: user.avatar.color,
     size: {
       width: 40,
       textNum: 1,
@@ -229,9 +239,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: user.name,
+      id: user.userId
+    })
   })), desc), /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix + "-desc-time"
   }, createDate))), /*#__PURE__*/_react["default"].createElement("div", {
@@ -241,8 +254,10 @@ var DynamicItemHeader = function DynamicItemHeader(_ref) {
     checked: ["collect"],
     onChange: onChangeHandler,
     multi: false,
+    visible: selectVisible,
     trigger: /*#__PURE__*/_react["default"].createElement("span", {
-      className: (0, _classnames["default"])(prefix + "-right", "tu-icon-more1")
+      className: (0, _classnames["default"])(prefix + "-right", "tu-icon-more1"),
+      onClick: handleShowDropSelector
     })
   }, /*#__PURE__*/_react["default"].createElement(_dropdownLayer.Item, {
     name: "collect"
@@ -251,17 +266,19 @@ var DynamicItemHeader = function DynamicItemHeader(_ref) {
   }, /*#__PURE__*/_react["default"].createElement("i", {
     className: (0, _classnames["default"])("tu-icon-APP-shoucang", prefix + "__more-operate-selection-icon")
   }), nowIsCollect ? "取消收藏" : "收藏")), /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
-    condition: hasDynamicOpereateAuth && isShareOrAnnouncement
+    condition: showTopping
   }, /*#__PURE__*/_react["default"].createElement(_dropdownLayer.Item, {
-    name: "top"
+    name: "top",
+    onClick: handleTopOperateClick
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix + "__more-operate-selection"
   }, /*#__PURE__*/_react["default"].createElement("i", {
     className: (0, _classnames["default"])("tu-icon-zhiding", prefix + "__more-operate-selection-icon")
   }), nowIsTop ? "取消置顶" : "置顶"))), /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
-    condition: hasDynamicOpereateAuth && isShareOrAnnouncement
+    condition: showDelete
   }, /*#__PURE__*/_react["default"].createElement(_dropdownLayer.Item, {
-    name: "delete"
+    name: "delete",
+    onClick: handleDeleteClick
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix + "__more-operate-selection"
   }, /*#__PURE__*/_react["default"].createElement("i", {

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

@@ -60,7 +60,8 @@ var DynamicAlign = function DynamicAlign(_ref) {
       parentPrincipalUser = data.parentPrincipalUser,
       parentcycleName = data.parentcycleName,
       cycleName = data.cycleName,
-      feedType = data.feedType;
+      feedType = data.feedType,
+      publishUser = data.publishUser;
 
   var _useContext = (0, _react.useContext)(_context.SearchKeyContext),
       searchKeyWord = _useContext.searchKeyWord;
@@ -108,7 +109,8 @@ var DynamicAlign = function DynamicAlign(_ref) {
   }, /*#__PURE__*/_react["default"].createElement(_header["default"], _extends({
     data: data
   }, restProps, {
-    desc: renderDesc
+    desc: renderDesc,
+    user: publishUser
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__content")
   }, /*#__PURE__*/_react["default"].createElement("div", {

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

@@ -48,3 +48,7 @@
   color: #ffffff;
   line-height: 18px;
 }
+
+.titaui-dynamic-announcement-item .highlight {
+  color: #f05e5e;
+}

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

@@ -19,15 +19,17 @@ var _fileList = _interopRequireDefault(require("../../../file-list"));
 
 var _context = require("../../context");
 
-var _searchKeyHandle = _interopRequireDefault(require("../../../search-key-handle"));
+var _tools = require("../../../../utils/tools");
 
 var _header = _interopRequireDefault(require("../components/header"));
 
 var _util = require("../../util");
 
+var _dangerousHtml = _interopRequireDefault(require("../../components/dangerous-html"));
+
 require("./index.css");
 
-var _excluded = ["data"];
+var _excluded = ["data", "hasDynamicOpereateAuth"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -45,11 +47,15 @@ var prefix = "titaui-dynamic-announcement-item";
 
 var DynamicAnnouncement = function DynamicAnnouncement(_ref) {
   var data = _ref.data,
+      _ref$hasDynamicOperea = _ref.hasDynamicOpereateAuth,
+      hasDynamicOpereateAuth = _ref$hasDynamicOperea === void 0 ? false : _ref$hasDynamicOperea,
       restProps = _objectWithoutProperties(_ref, _excluded);
 
   var _useContext = (0, _react.useContext)(_context.SearchKeyContext),
       searchKeyWord = _useContext.searchKeyWord;
 
+  var contentRef = (0, _react.useRef)();
+
   var _getFeedTypeAndTypeCo = (0, _util.getFeedTypeAndTypeColor)(data.feedType),
       feedTypeText = _getFeedTypeAndTypeCo.feedTypeText,
       feedTypeColor = _getFeedTypeAndTypeCo.feedTypeColor;
@@ -57,27 +63,36 @@ var DynamicAnnouncement = function DynamicAnnouncement(_ref) {
   var renderDesc = (0, _react.useMemo)(function () {
     return /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
       className: prefix + "__operate-desc"
-    }, "\u53D1\u5E03\u7684\u5206\u4EAB"), /*#__PURE__*/_react["default"].createElement("span", {
+    }, "\u53D1\u5E03\u7684\u516C\u544A"), /*#__PURE__*/_react["default"].createElement("span", {
       className: prefix + "-desc-operate-type",
       style: {
         background: feedTypeColor
       }
     }, feedTypeText));
   }, []);
+  (0, _react.useEffect)(function () {
+    (0, _tools.highLightWord)({
+      parentDom: contentRef.current,
+      keyWord: searchKeyWord
+    });
+  }, [data, searchKeyWord]);
   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", {
+    data: data,
+    desc: renderDesc,
+    showDelete: hasDynamicOpereateAuth,
+    showTopping: hasDynamicOpereateAuth,
+    user: data.publishUser
+  }, restProps)), /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix + "__content"
   }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("img", {
     className: (0, _classnames["default"])(prefix + "__content-quoto", prefix + "__content-quoto--left"),
     src: _dynamicLeftQuoto["default"]
-  })), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_searchKeyHandle["default"], {
-    str: data.content,
-    keyWord: searchKeyWord
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    ref: contentRef
+  }, /*#__PURE__*/_react["default"].createElement(_dangerousHtml["default"], {
+    htmlText: data.content
   }), /*#__PURE__*/_react["default"].createElement("img", {
     className: (0, _classnames["default"])(prefix + "__content-quoto", prefix + "__content-quoto--right"),
     src: _dynamicRightQuoto["default"]

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

@@ -67,7 +67,8 @@ var DynamicShare = function DynamicShare(_ref) {
   }, /*#__PURE__*/_react["default"].createElement(_header["default"], _extends({
     data: data
   }, restProps, {
-    desc: renderDesc
+    desc: renderDesc,
+    user: data.principalUser
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__content")
   }, /*#__PURE__*/_react["default"].createElement(_title["default"], {

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

@@ -56,7 +56,8 @@ var DynamicCreateO = function DynamicCreateO(_ref) {
       cycleName = data.cycleName,
       okrTypeName = data.okrTypeName,
       okrTypeId = data.okrTypeId,
-      classify = data.classify;
+      classify = data.classify,
+      principalUser = data.principalUser;
 
   var _useContext = (0, _react.useContext)(_context.SearchKeyContext),
       searchKeyWord = _useContext.searchKeyWord;
@@ -107,12 +108,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 () {
@@ -130,7 +131,8 @@ var DynamicCreateO = function DynamicCreateO(_ref) {
   }, /*#__PURE__*/_react["default"].createElement(_header["default"], _extends({
     data: data
   }, restProps, {
-    desc: renderDesc
+    desc: renderDesc,
+    user: principalUser
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix + "__content"
   }, /*#__PURE__*/_react["default"].createElement(_title["default"], {
@@ -149,7 +151,8 @@ var DynamicCreateO = function DynamicCreateO(_ref) {
     className: "".concat(prefix, "__okr-krs")
   }, krs.map(function (kr, index) {
     return /*#__PURE__*/_react["default"].createElement("div", {
-      className: "".concat(prefix, "__kr")
+      className: "".concat(prefix, "__kr"),
+      key: kr.krId
     }, /*#__PURE__*/_react["default"].createElement("span", {
       className: "".concat(prefix, "__kr-order")
     }, "KR", index + 1), /*#__PURE__*/_react["default"].createElement("span", {

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

@@ -6,41 +6,23 @@
   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;
+  margin-top: 8px;
 }
 
-.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 {