@titaui/pc 1.10.8 → 1.10.9

package/lib/components/communication/index.js

@@ -19,16 +19,12 @@ var _CommunicationRecord = _interopRequireDefault(require("./CommunicationRecord
 
 var _requestV = require("../../utils/request-v1");
 
-var _bsGlobal = require("../../utils/bs-global");
-
 var _style = require("./style");
 
 var _openData = require("../../utils/open-data");
 
 var _getLocale = require("../../utils/getLocale");
 
-var _avatar = _interopRequireDefault(require("../avatar"));
-
 require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -37,8 +33,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -97,7 +91,7 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
           _this.setState({
             communicationTrackList: data.comments ? data.comments : [],
             communicationTrackTotal: data.total,
-            okrCommentFeedId: commentType === 2 ? res.Data.feedId : ""
+            okrCommentFeedId: commentType == 2 ? res.Data.feedId : ""
           });
         } else {
           _this.setState({
@@ -168,8 +162,7 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
           isShowReplyToUser: true,
           replyUser: communicationTrackList[index].publishUser.name,
           replyUserId: communicationTrackList[index].publishUser.userId,
-          replyUserCommentId: communicationTrackList[index].commentId,
-          isShowDefaultInput: false
+          replyUserCommentId: communicationTrackList[index].commentId
         });
       } else if (actionType === "praise") {
         // 沟通里的点赞
@@ -249,15 +242,14 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
           submitStatus: 2
         });
 
-        var url = commentType === 1 ? (0, _requestV.getApiUrl2)("comment/Add") : (0, _requestV.getApiUrl)("okr/cycle/addComment?objId=".concat(okrFeedParams && okrFeedParams.objId, "&objType=").concat(okrFeedParams && okrFeedParams.objType, "&cycleType=").concat(okrFeedParams && okrFeedParams.cycleType, "&yqmNum=").concat(okrFeedParams && okrFeedParams.yqmNum, "&annualNum=").concat(okrFeedParams && okrFeedParams.annualNum));
+        var url = commentType == 1 ? (0, _requestV.getApiUrl2)("comment/Add") : (0, _requestV.getApiUrl)("okr/cycle/addComment?objId=".concat(okrFeedParams && okrFeedParams.objId, "&objType=").concat(okrFeedParams && okrFeedParams.objType, "&cycleType=").concat(okrFeedParams && okrFeedParams.cycleType, "&yqmNum=").concat(okrFeedParams && okrFeedParams.yqmNum, "&annualNum=").concat(okrFeedParams && okrFeedParams.annualNum));
         (0, _requestV.taker)(url, "POST", sentData).then(function (res) {
           if (res.Code === 1) {
             isShowAllCommunicationRecord ? _this.getFeedInfo(feedId, communicationTrackTotal + 1) : _this.getFeedInfo(feedId, commentCount);
 
             _this.setState({
               submitStatus: 1,
-              isShowReplyToUser: false,
-              isShowDefaultInput: true
+              isShowReplyToUser: false
             });
           } else {
             _this.setState({
@@ -279,21 +271,11 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
       });
     };
 
-    _this.handleShowMblog = function () {
-      _this.setState({
-        isShowDefaultInput: false
-      });
-    };
-
-    var showDefaultInput = props.showDefaultInput,
-        usePropsComment = props.usePropsComment,
-        communication = props.communication;
-    var comments = usePropsComment ? communication || [] : [];
-    var communicationLength = props.totalCommunicationNum || comments.length;
+    var comments = props.usePropsComment ? props.communication || [] : [];
     _this.state = {
       communicationTrackList: comments,
       // 沟通记录
-      communicationTrackTotal: communicationLength,
+      communicationTrackTotal: props.totalCommunicationNum || comments.length,
       // 沟通记录条数
       isShowAllCommunicationRecord: false,
       // 是否显示所有记录
@@ -308,8 +290,7 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
       // 点赞记录
       praiseObjId: "",
       isShowPraiseRecordPop: false,
-      okrCommentFeedId: "",
-      isShowDefaultInput: showDefaultInput && communicationLength !== 0 ? true : false
+      okrCommentFeedId: ""
     };
     return _this;
   }
@@ -323,14 +304,14 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
           commentType = _this$props5.commentType,
           usePropsComment = _this$props5.usePropsComment;
 
-      if ((feedId || commentType === 2) && !usePropsComment) {
+      if ((feedId || commentType == 2) && !usePropsComment) {
         this.getFeedInfo(feedId, commentCount);
       }
     }
   }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps, prevState) {
-      if (prevProps.feedId !== this.props.feedId || prevProps.okrFeedParams !== this.props.okrFeedParams || prevProps.usePropsComment !== this.props.usePropsComment) {
+      if (prevProps.feedId != this.props.feedId || prevProps.okrFeedParams != this.props.okrFeedParams || prevProps.usePropsComment != this.props.usePropsComment) {
         var _this$props6 = this.props,
             feedId = _this$props6.feedId,
             commentCount = _this$props6.commentCount;
@@ -358,8 +339,7 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
           isShowReplyToUser = _this$state4.isShowReplyToUser,
           submitStatus = _this$state4.submitStatus,
           isShowPraiseRecordPop = _this$state4.isShowPraiseRecordPop,
-          praiseObjId = _this$state4.praiseObjId,
-          isShowDefaultInput = _this$state4.isShowDefaultInput;
+          praiseObjId = _this$state4.praiseObjId;
       var _this$props7 = this.props,
           feedId = _this$props7.feedId,
           className = _this$props7.className,
@@ -376,24 +356,21 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
           _this$props7$highLigh = _this$props7.highLightKeyWord,
           highLightKeyWord = _this$props7$highLigh === void 0 ? "" : _this$props7$highLigh,
           _this$props7$autoFocu = _this$props7.autoFocus,
-          autoFocus = _this$props7$autoFocu === void 0 ? false : _this$props7$autoFocu,
-          _this$props7$showUser = _this$props7.showUser,
-          showUser = _this$props7$showUser === void 0 ? false : _this$props7$showUser;
-      var user = (0, _bsGlobal.getUserInfo)();
+          autoFocus = _this$props7$autoFocu === void 0 ? false : _this$props7$autoFocu;
       return /*#__PURE__*/_react["default"].createElement(_style.CommunicationWrapper, {
         className: "communcation-wrapper ".concat(className)
-      }, /*#__PURE__*/_react["default"].createElement("div", null, communicationTrackTotal > 3 && /*#__PURE__*/_react["default"].createElement(_style.CommunicationRecordTotal, null, /*#__PURE__*/_react["default"].createElement("div", {
+      }, /*#__PURE__*/_react["default"].createElement("div", null, communicationTrackTotal > 0 && /*#__PURE__*/_react["default"].createElement(_style.CommunicationRecordTotal, null, /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(prefix, "__communication-total"),
         onMouseDown: function onMouseDown() {
           return _this2.handlerSwitchShowRecord();
         }
       }, (0, _getLocale.getLocale)("Mod_Allcommu"), "\xA0", /*#__PURE__*/_react["default"].createElement("span", null, communicationTrackTotal), communicationTrackTotal > commentCount && /*#__PURE__*/_react["default"].createElement("i", {
         className: (0, _classnames["default"])("".concat(prefix, "__communication-total-icon"), {
-          "tu-icon-APP-xi": !isShowAllCommunicationRecord,
-          "tu-icon-arrow-down1": isShowAllCommunicationRecord
+          "tu-icon-APP-xi": isShowAllCommunicationRecord,
+          "tu-icon-arrow-down1": !isShowAllCommunicationRecord
         })
       }))), /*#__PURE__*/_react["default"].createElement("div", {
-        className: (0, _classnames["default"])(_defineProperty({}, "".concat(prefix, "__communication-list"), communicationTrackList.length > 0))
+        className: "".concat(prefix, "__communication-list")
       }, communicationTrackList.length > 0 && communicationTrackList.map(function (item, index) {
         var length = communicationTrackList.length;
 
@@ -413,14 +390,16 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
           }
         });
       }))), !useCustomMblog && /*#__PURE__*/_react["default"].createElement("div", {
-        className: "".concat(prefix, "__reply-container")
-      }, isShowReplyToUser && /*#__PURE__*/_react["default"].createElement(_style.ReplyToUser, {
+        className: "communication__reply__cintainer"
+      }, /*#__PURE__*/_react["default"].createElement(_style.ReplyToUser, {
         height: isShowReplyToUser ? "auto" : "0",
-        padding: isShowReplyToUser ? "4px 0" : "0",
-        className: (0, _classnames["default"])(_defineProperty({}, "".concat(prefix, "__reply-container--show-user"), showUser))
-      }, /*#__PURE__*/_react["default"].createElement(_style.ReplyUser, null, /*#__PURE__*/_react["default"].createElement("span", {
-        className: "".concat(prefix, "__reply-container-text")
-      }, (0, _getLocale.getLocale)("Mod_Reply")), /*#__PURE__*/_react["default"].createElement("span", {
+        padding: isShowReplyToUser ? "3px 0" : "0"
+      }, /*#__PURE__*/_react["default"].createElement("span", {
+        style: {
+          position: "relative",
+          top: "2px"
+        }
+      }, (0, _getLocale.getLocale)("Mod_Reply")), /*#__PURE__*/_react["default"].createElement(_style.ReplyUser, null, /*#__PURE__*/_react["default"].createElement("span", {
         className: "name"
       }, /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
         name: replyUser,
@@ -428,23 +407,7 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
       })), /*#__PURE__*/_react["default"].createElement("span", {
         className: "tu-icon-cross",
         onMouseDown: this.handlerCancelReplyUser
-      }))), isShowDefaultInput && !isShowReplyToUser && /*#__PURE__*/_react["default"].createElement("div", {
-        className: "".concat(prefix, "__reply-default-input")
-      }, /*#__PURE__*/_react["default"].createElement("span", {
-        className: "".concat(prefix, "__reply-default-input-avatar")
-      }, /*#__PURE__*/_react["default"].createElement(_avatar["default"], {
-        size: {
-          width: 28,
-          textNum: 1,
-          fontSize: 14
-        },
-        name: user.Name,
-        color: user.UserAvatar.Color,
-        src: user.UserAvatar.Medium
-      })), /*#__PURE__*/_react["default"].createElement("span", {
-        onClick: this.handleShowMblog,
-        className: "".concat(prefix, "__reply-default-input-text")
-      }, "\u8F93\u5165\u6C9F\u901A\u5185\u5BB9")), !isShowDefaultInput && /*#__PURE__*/_react["default"].createElement(_mblog["default"], {
+      }))), /*#__PURE__*/_react["default"].createElement(_mblog["default"], {
         setTextareaRef: setTextareaRef || function () {},
         isHasPlaceholder: true,
         placeholderText: (0, _getLocale.getLocale)("Mod_contentofyour"),
@@ -461,8 +424,7 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
         autoResizing: false,
         onMblogSubmit: function onMblogSubmit(submitType, sentData) {
           return _this2.handlerReply(submitType, sentData);
-        },
-        showUser: showUser
+        }
       })), isShowPraiseRecordPop && /*#__PURE__*/_react["default"].createElement(_praiseRecord["default"], {
         objId: praiseObjId,
         objType: 19,
@@ -479,8 +441,7 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
   return Communication;
 }(_react.PureComponent);
 
+exports["default"] = Communication;
 Communication.defaultProps = {
   commentType: 1
-};
-var _default = Communication;
-exports["default"] = _default;
+};

package/lib/components/communication/style.js

@@ -7,8 +7,6 @@ exports.ReplyUser = exports.ReplyToUser = exports.ConfirmWrapper = exports.Confi
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
-var _praiseBg = _interopRequireDefault(require("./praise-bg.png"));
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -19,7 +17,7 @@ var CommunicationWrapper = _styledComponents["default"].div(_templateObject || (
 
 exports.CommunicationWrapper = CommunicationWrapper;
 
-var CommunicationRecordTotal = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-bottom: 8px;\n  font-size: 13px;\n  line-height: 22px;\n  color: #8f9ca6;\n  display: inline-block;\n  cursor: pointer;\n\n  &:hover {\n    color: #2879ff;\n  }\n"])));
+var CommunicationRecordTotal = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-bottom: 8px;\n  font-size: 12px;\n  color: #8f9ca6;\n  display: inline-block;\n  cursor: pointer;\n\n  &:hover {\n    color: #2879ff;\n  }\n"])));
 
 exports.CommunicationRecordTotal = CommunicationRecordTotal;
 
@@ -31,7 +29,7 @@ var ReplyToUser = _styledComponents["default"].div(_templateObject3 || (_templat
 
 exports.ReplyToUser = ReplyToUser;
 
-var ReplyUser = _styledComponents["default"].span(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  padding: 2px 8px;\n  line-height: 20px;\n  border-radius: 12px;\n  display: inline-flex;\n  align-items: center;\n  color: #89919F;\n  background-color: #f5f8fa;\n  word-break: break-all;\n\n  .tu-icon-cross {\n    margin-left: 4px;\n    font-size: 16px;\n    color: #89919F;\n    cursor: pointer;\n    &:hover {\n      color: #f05e5e;\n    }\n  }\n"])));
+var ReplyUser = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral([void 0], ["\n  min-height: 20px;\n  margin-left: 10px;\n  padding: 2px 8px;\n  line-height: 20px;\n  font-family: '\\5B8B\\4F53';\n  border-radius: 12px;\n  display: inline-block;\n  color: #647481;\n  background-color: #f5f8fa;\n  vertical-align: middle;\n  word-break: break-all;\n  cursor: pointer;\n\n  &:hover {\n    color: #ff5b5b;\n    .tu-icon-cross {\n      color: #f04d4d;\n    }\n  }\n\n  .tu-icon-cross {\n    margin-left: 5px;\n    color: #a9b8bf;\n  }\n"])));
 
 exports.ReplyUser = ReplyUser;
 
@@ -39,7 +37,7 @@ var CommunicationItem = _styledComponents["default"].div(_templateObject5 || (_t
 
 exports.CommunicationItem = CommunicationItem;
 
-var CommunicationDetail = _styledComponents["default"].div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  width: calc(100% - 35px);\n  margin-top: 2px;\n  margin-left: 12px;\n  display: flex;\n  flex-direction: column;\n\n  p {\n    line-height: 17px;\n  }\n"])));
+var CommunicationDetail = _styledComponents["default"].div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  width: calc(100% - 35px);\n  margin-top: 2px;\n  margin-left: 8px;\n  display: flex;\n  flex-direction: column;\n\n  p {\n    line-height: 17px;\n  }\n"])));
 
 exports.CommunicationDetail = CommunicationDetail;
 
@@ -47,7 +45,7 @@ var CommunicationContent = _styledComponents["default"].p(_templateObject7 || (_
 
 exports.CommunicationContent = CommunicationContent;
 
-var CommunicationActionbar = _styledComponents["default"].div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  display: none;\n  position: absolute;\n  right: 0;\n  bottom: 0;\n"])));
+var CommunicationActionbar = _styledComponents["default"].div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  display: none;\n  position: absolute;\n  right: 0;\n"])));
 
 exports.CommunicationActionbar = CommunicationActionbar;
 
@@ -83,7 +81,7 @@ var AttachmentAction = _styledComponents["default"].div(_templateObject16 || (_t
 
 exports.AttachmentAction = AttachmentAction;
 
-var ConfirmWrapper = _styledComponents["default"].div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n  min-width: 300px;\n  border-radius: 2px;\n  box-shadow: 0 0 4px 0 rgba(0,0,0,0.20);\n  background-color: #ffffff;\n  \n  &.bg {\n    background: url(", ") no-repeat 0 0 / 101% 105%;\n    box-shadow: 0 6px 15px 0 rgba(0,0,0,0.15);\n  }\n"])), _praiseBg["default"]);
+var ConfirmWrapper = _styledComponents["default"].div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n  min-width: 300px;\n  border-radius: 2px;\n  box-shadow: 0 0 4px 0 rgba(0,0,0,0.20);\n  background-color: #ffffff;\n  \n  &.bg {\n    background: url(", ") no-repeat 0 0 / 101% 105%;\n    box-shadow: 0 6px 15px 0 rgba(0,0,0,0.15);\n  }\n"])), require("./praise-bg.png"));
 
 exports.ConfirmWrapper = ConfirmWrapper;
 

package/lib/components/create-okr-modal/fields/okr-parent.js

@@ -118,7 +118,11 @@ function _default(_ref) {
             avatar: SuperiorUser.UserAvatar
           });
         } else {
-          setToUser({});
+          setToUser({
+            name: Name,
+            userId: Id,
+            avatar: UserAvatar
+          });
         }
       }
     });

package/lib/components/dynamic/components/obj-status/index.css

@@ -1,6 +1,22 @@
 .titaui-dynamic-obj-status {
   display: inline-block;
-  font-size: 14px;
-  line-height: 24px;
-  margin-right: 8px;
+  width: 18px;
+  height: 18px;
+  min-width: 18px;
+}
+
+.titaui-dynamic-obj-status--delay {
+  background: url("../../img/dynamic-delay.svg");
+}
+
+.titaui-dynamic-obj-status--normal {
+  background: url("../../img/dynamic-normal.svg");
+}
+
+.titaui-dynamic-obj-status--risk {
+  background: url("../../img/dynamic-risk.svg");
+}
+
+.titaui-dynamic-obj-status--end {
+  background: url("../../img/dynamic-end.svg");
 }

package/lib/components/dynamic/components/obj-status/index.js

@@ -11,13 +11,17 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _util = require("../../util");
 
-var _utils = require("./utils");
-
 require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var prefix = "titaui-dynamic-obj-status";
+var StateIconMapping = {
+  delay: "".concat(prefix, "--delay"),
+  normal: "".concat(prefix, "--normal"),
+  risk: "".concat(prefix, "--risk"),
+  end: "".concat(prefix, "--end")
+};
 
 var DynamicObjStatus = function DynamicObjStatus(_ref) {
   var _ref$oStatus = _ref.oStatus,
@@ -26,11 +30,8 @@ var DynamicObjStatus = function DynamicObjStatus(_ref) {
       riskLevel = _ref$riskLevel === void 0 ? 1 : _ref$riskLevel,
       extraClass = _ref.extraClass;
   return /*#__PURE__*/_react["default"].createElement("span", {
-    className: (0, _classnames["default"])(extraClass, prefix),
-    style: {
-      color: (0, _utils.getStatusColor)((0, _util.getProgressState)(oStatus, riskLevel))
-    }
-  }, (0, _utils.getStatusTextMapping)((0, _util.getProgressState)(oStatus, riskLevel)));
+    className: (0, _classnames["default"])(extraClass, prefix, StateIconMapping[(0, _util.getProgressState)(oStatus, riskLevel)])
+  });
 };
 
 var _default = DynamicObjStatus;

package/lib/components/dynamic/components/percent/index.css

@@ -1,5 +1,5 @@
 .titaui-dynamic-percent {
-  font-size: 20px;
+  font-size: 16px;
   font-weight: 600;
   color: #3f4755;
   line-height: 24px;

package/lib/components/dynamic/components/title/index.css

@@ -1,37 +1,31 @@
 .titaui-dynamic-title {
   display: flex;
   overflow: hidden;
-  word-break: keep-all;
-  white-space: nowrap;
-  font-size: 13px;
-  line-height: 18px;
-  border-radius: 18px;
-  align-items: center;
-  justify-content: center;
-  height: 24px;
-  padding-left: 2px;
-  padding-right: 8px;
-}
-
-.titaui-dynamic-title__type {
-  color: #ffffff;
-  border-radius: 18px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-right: 6px;
-  padding: 1px 6px;
+  flex: 1;
 }
 
 .titaui-dynamic-title__content {
   display: flex;
+  height: 36px;
   overflow: hidden;
   box-sizing: border-box;
+  background: rgba(240, 244, 250, 0.5);
+  border-radius: 18px 18px 18px 1px;
   word-break: keep-all;
   white-space: nowrap;
+  padding: 7px 12px;
+  font-size: 14px;
+  line-height: 22px;
+  color: #3f4755;
+  font-weight: 600;
   z-index: 2;
 }
 
+.titaui-dynamic-title__content-symbol {
+  color: #2879ff;
+  margin-right: 4px;
+}
+
 .titaui-dynamic-title__content-text {
   flex: 1;
   overflow: hidden;
@@ -39,5 +33,12 @@
 }
 
 .titaui-dynamic-title__content-text:hover {
-  opacity: 0.6;
+  color: #2879ff !important;
+}
+
+.titaui-dynamic-title__fill-empty {
+  flex: 1;
+  background: rgba(240, 244, 250, 0.5);
+  border-radius: 0 18px 18px 0;
+  margin-left: -18px;
 }

package/lib/components/dynamic/components/title/index.js

@@ -28,37 +28,23 @@ var prefix = "titaui-dynamic-title";
 var DynamicTitle = function DynamicTitle(_ref) {
   var content = _ref.content,
       onClickTitle = _ref.onClickTitle,
-      type = _ref.type,
-      typeBgColor = _ref.typeBgColor,
-      titleBgColor = _ref.titleBgColor,
-      contentColor = _ref.contentColor;
+      suffixContent = _ref.suffixContent;
 
   var _useContext = (0, _react.useContext)(_context.SearchKeyContext),
       searchKeyWord = _useContext.searchKeyWord;
 
   var onTitleClick = function onTitleClick() {
-    if (onClickTitle) {
-      onClickTitle();
-    }
+    onClickTitle && onClickTitle();
   };
 
   return /*#__PURE__*/_react["default"].createElement("div", {
-    className: prefix,
-    style: {
-      backgroundColor: titleBgColor
-    }
+    className: prefix
   }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "".concat(prefix, "__type"),
-    style: {
-      backgroundColor: typeBgColor
-    }
-  }, type), /*#__PURE__*/_react["default"].createElement("span", {
     className: "".concat(prefix, "__content")
   }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(prefix, "__content-symbol")
+  }, "#"), /*#__PURE__*/_react["default"].createElement("span", {
     className: "".concat(prefix, "__content-text"),
-    style: {
-      color: contentColor
-    },
     onClick: onTitleClick
   }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"].Text, {
     text: /*#__PURE__*/_react["default"].createElement(_searchKeyHandle["default"], {
@@ -66,7 +52,9 @@ var DynamicTitle = function DynamicTitle(_ref) {
       keyWord: searchKeyWord
     }),
     isPercent: true
-  }))));
+  })), suffixContent), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(prefix, "__fill-empty")
+  }));
 };
 
 var _default = DynamicTitle;

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

@@ -3,7 +3,7 @@
   justify-content: space-between;
   align-items: center;
   margin-bottom: 20px;
-  padding: 26px 0 0 24px;
+  padding: 24px 0 0 20px;
 }
 
 .titaui-dynamic-item-header-left {
@@ -19,7 +19,7 @@
 }
 
 .titaui-dynamic-item-header-right {
-  font-size: 24px;
+  font-size: 16px;
   width: 24px;
   height: 24px;
   display: flex;
@@ -36,7 +36,7 @@
 
 .titaui-dynamic-item-header-desc {
   flex: 1;
-  margin-left: 12px;
+  margin-left: 8px;
   overflow: hidden;
   display: flex;
   flex-direction: column;
@@ -60,10 +60,10 @@
 }
 
 .titaui-dynamic-item-header-desc-user {
-  font-size: 16px;
+  font-size: 14px;
   font-weight: 600;
   color: #3f4755;
-  line-height: 24px;
+  line-height: 22px;
 }
 
 .titaui-dynamic-item-header-desc-user--not-link:hover {
@@ -87,7 +87,7 @@
 
 .titaui-dynamic-item-header__more-operate {
   font-size: 14px;
-  color: #89919f;
+  color: #3F4755;
   line-height: 22px;
 }
 

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

@@ -63,11 +63,8 @@ var DynamicItemHeader = function DynamicItemHeader(_ref) {
       _ref$showTopping = _ref.showTopping,
       showTopping = _ref$showTopping === void 0 ? false : _ref$showTopping,
       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;
+      desc = _ref.desc,
+      user = _ref.user;
   var createDate = data.createDate,
       feedId = data.feedId,
       _data$isTop = data.isTop,
@@ -102,7 +99,7 @@ var DynamicItemHeader = function DynamicItemHeader(_ref) {
 
   var url = "";
 
-  var onChangeHandler = function onChangeHandler(name) {
+  var onChangeHandler = function onChangeHandler(name, _) {
     if (name === "collect") {
       if (nowIsCollect) {
         (0, _requestApi.cancelCollectDynamic)({
@@ -200,10 +197,7 @@ var DynamicItemHeader = function DynamicItemHeader(_ref) {
         });
 
         setShowDialogConfirm(false);
-
-        if (onDeleteFeed) {
-          onDeleteFeed(feedId);
-        }
+        onDeleteFeed && onDeleteFeed(feedId);
       }
     });
   };
@@ -250,7 +244,7 @@ var DynamicItemHeader = function DynamicItemHeader(_ref) {
     src: user.avatar.medium,
     color: user.avatar.color,
     size: {
-      width: 52,
+      width: 40,
       textNum: 1,
       fontSize: 18
     }
@@ -269,7 +263,7 @@ var DynamicItemHeader = function DynamicItemHeader(_ref) {
       name: user.name,
       id: user.userId
     })
-  })), desc, suffixContent), /*#__PURE__*/_react["default"].createElement("div", {
+  })), desc), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__more-operate")
   }, /*#__PURE__*/_react["default"].createElement(_dropSelector["default"], {
     popupPlacement: "bottomRight",

package/lib/components/dynamic/dynamic-item/dynamic-align/img/dynamic-align.svg

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>切片</title>
+    <defs>
+        <linearGradient x1="50%" y1="-2.48949813e-15%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#2879FF" offset="0%"></stop>
+            <stop stop-color="#FFFFFF" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="页面-2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="目标" transform="translate(-270.000000, -1746.000000)">
+            <g id="新建目标-负责目标" transform="translate(202.000000, 1635.000000)">
+                <g id="编组-11" transform="translate(68.000000, 78.000000)">
+                    <g id="pull-up" transform="translate(0.000000, 33.000000)">
+                        <rect id="Rectangle-5" x="0" y="0" width="18" height="18"></rect>
+                        <path d="M9.6984127,1.47921007 L14.2380952,6.34609616 C14.5873016,6.73544705 14.5873016,7.31947338 14.2380952,7.70882427 C13.8888889,8.09817515 13.3650794,8.09817515 13.015873,7.70882427 L9.87301587,4.39934172 L9.87301587,16.0266228 C9.87301587,16.6106491 9.52380952,17 9,17 C8.47619048,17 8.12698413,16.6106491 8.12698413,16.0266228 L8.12698413,4.39934172 L4.98412698,7.90349971 C4.63492063,8.09817515 4.11111111,8.09817515 3.76190476,7.70882427 C3.41269841,7.31947338 3.41269841,6.73544705 3.76190476,6.34609616 L8.12698413,1.47921007 C8.3015873,1.28453463 9,0.505832851 9.6984127,1.47921007 Z" id="箭头" fill="url(#linearGradient-1)" fill-rule="nonzero"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/components/dynamic/dynamic-item/dynamic-align/img/dynamic-relative.svg

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>关联-icon</title>
+    <defs>
+        <linearGradient x1="50%" y1="50%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#2879FF" offset="0%"></stop>
+            <stop stop-color="#FFFFFF" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="页面-2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="目标" transform="translate(-270.000000, -2013.000000)">
+            <g id="新建目标-负责目标" transform="translate(202.000000, 1901.000000)">
+                <g id="编组-19" transform="translate(68.000000, 78.000000)">
+                    <g id="pull-up" transform="translate(0.000000, 34.000000)">
+                        <rect id="Rectangle-5" x="0" y="0" width="18" height="18"></rect>
+                        <path d="M6.05737522,9.80294126 C6.34805303,9.80193178 6.58393921,10.0378179 6.58397526,10.3295413 L6.58397526,10.3295413 L6.58430875,14.0309019 C6.58333532,14.5429815 6.78303323,15.0240195 7.14513215,15.3861184 C7.50723108,15.7482174 7.98932361,15.9448057 8.50139427,15.9458963 C9.01344689,15.9469869 9.49446685,15.7473611 9.85649367,15.3853343 C10.2185205,15.0233075 10.4171098,14.541251 10.4170557,14.0302169 L10.4170557,14.0302169 L10.4156676,10.3298748 C10.4166591,10.039197 10.6514727,9.80438339 10.9421685,9.8033739 C11.2328464,9.80238244 11.4687235,10.0382596 11.4687686,10.3299739 L11.4687686,10.3299739 L11.4691021,14.0313345 C11.4702197,14.8496128 11.1371886,15.5923329 10.5993129,16.1302086 C10.0624738,16.6670477 9.31973568,17.0000788 8.50043886,16.9999977 C7.7070011,17.0009711 6.96111733,16.6915998 6.40037504,16.1308575 C5.83965078,15.5701333 5.53025242,14.8242225 5.5301713,14.0297662 L5.5301713,14.0297662 L5.53087433,10.3294422 C5.52980175,10.0387553 5.76564286,9.80291422 6.05737522,9.80294126 Z M8.52047535,7.44504397 C8.81215364,7.44406152 9.04887804,7.68078593 9.04892311,7.97349172 L9.04892311,7.97349172 L9.04935574,10.0910323 C9.04836428,10.2373897 8.99129229,10.3671266 8.89477824,10.4636407 C8.79826419,10.5601547 8.66644519,10.6192727 8.52113332,10.6192547 C8.22944602,10.6202281 7.99273964,10.3835217 7.99267655,10.0907979 L7.99267655,10.0907979 L7.99225293,7.97326639 C7.99113528,7.68159712 8.22775153,7.44498088 8.52047535,7.44504397 Z M8.49961865,1.00000031 C10.137302,0.999252214 11.4700124,2.33196266 11.4703008,3.96860944 L11.4703008,3.96860944 L11.4709318,7.67019534 C11.4699313,7.81605702 11.412012,7.94640686 11.3158135,8.04260544 C11.2196329,8.138786 11.0882555,8.19773276 10.9434214,8.19770572 C10.6527165,8.19870619 10.4167943,7.96278397 10.4167492,7.67103357 L10.4167492,7.67103357 L10.4160913,3.96945669 C10.4170377,3.45736801 10.2172947,2.97626693 9.85514168,2.61411393 C9.49298867,2.25196092 9.01086009,2.05326348 8.49979892,2.05316434 C7.44249781,2.05299308 6.58295676,2.91253413 6.58313702,3.96982623 L6.58313702,3.96982623 L6.58378598,7.6713941 C6.58486757,7.96210797 6.34903548,8.19794006 6.05730312,8.19787697 C5.76659826,8.19887744 5.53067604,7.96295522 5.53063097,7.67120483 L5.53063097,7.67120483 L5.53000004,3.96965498 C5.52972063,2.33096219 6.86093488,0.999747943 8.49962767,1.00002735 Z" id="形状结合" fill="url(#linearGradient-1)" fill-rule="nonzero"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>