@titaui/pc 1.10.4 → 1.10.6-3.beta-2

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

@@ -0,0 +1,112 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _tooltip = _interopRequireDefault(require("../../../../tooltip"));
+
+var _openData = require("../../../../../utils/open-data");
+
+var _dynamicOperate = _interopRequireDefault(require("../../../img/dynamic-operate.png"));
+
+var _drawerManager = _interopRequireDefault(require("../../../../drawer-manager"));
+
+var _constant = require("../../../constant");
+
+require("./index.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var prefix = "titaui-dynamic-operation";
+
+var DynamicOperation = function DynamicOperation(_ref) {
+  var feedOperations = _ref.feedOperations,
+      data = _ref.data;
+  var feedType = data.feedType,
+      krId = data.krId,
+      okrId = data.okrId,
+      taskId = data.taskId,
+      workId = data.workId,
+      mileStoneId = data.mileStoneId;
+
+  if (!(feedType === _constant.EFeedType.O || feedType === _constant.EFeedType.Kr || feedType === _constant.EFeedType.MileStone || feedType === _constant.EFeedType.Project || feedType === _constant.EFeedType.Task)) {
+    return /*#__PURE__*/_react["default"].createElement("span", null);
+  }
+
+  var handleClickShowAll = function handleClickShowAll() {
+    if (feedType === _constant.EFeedType.Kr) {
+      _drawerManager["default"].open("krDetail", {
+        krId: krId
+      });
+    } else if (feedType === _constant.EFeedType.O) {
+      _drawerManager["default"].open("okrDetail", {
+        okrId: okrId,
+        activeTabKey: "cooperation"
+      });
+    } else if (feedType === _constant.EFeedType.Task) {
+      window.Talent.app.vent.trigger("global-pull-screen", taskId, "task");
+    } else if (feedType === _constant.EFeedType.Project) {
+      window.open(window.location.href.replace(window.location.hash, "#work?iTalentNavCode=tita-work&work_id=".concat(workId)));
+    } else if (feedType === _constant.EFeedType.MileStone) {
+      window.Talent.app.vent.trigger("global-pull-screen", mileStoneId, "milestone", new window.Talent.Model(data), {
+        option: true,
+        width: 465,
+        React: _react["default"],
+        ReactDom: window.ReactDom,
+        ReactComponents: window.ReactComponents
+      });
+    }
+  };
+
+  return feedOperations.comments && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "__operate")
+  }, feedOperations.comments.map(function (comment, index) {
+    var createTime = comment.createTime,
+        content = comment.content;
+    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "".concat(prefix, "__operate-item")
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "".concat(prefix, "__operate-item-left")
+    }, /*#__PURE__*/_react["default"].createElement("img", {
+      className: "".concat(prefix, "__operate-icon"),
+      src: _dynamicOperate["default"],
+      alt: ""
+    }), /*#__PURE__*/_react["default"].createElement("span", {
+      className: "".concat(prefix, "__operate-time")
+    }, createTime)), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "".concat(prefix, "__operate-item-right")
+    }, /*#__PURE__*/_react["default"].createElement("span", {
+      className: "".concat(prefix, "__operate-user")
+    }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"].Text, {
+      maxWidth: 98,
+      text: /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
+        name: comment.publishUser.name,
+        id: comment.publishUser.userId
+      })
+    })), /*#__PURE__*/_react["default"].createElement("span", {
+      className: "".concat(prefix, "__operate-content")
+    }, content))), index === 2 && feedOperations.total > 3 && /*#__PURE__*/_react["default"].createElement("div", {
+      className: "".concat(prefix, "__operate-item")
+    }, /*#__PURE__*/_react["default"].createElement("img", {
+      className: "".concat(prefix, "__operate-icon"),
+      src: _dynamicOperate["default"],
+      alt: ""
+    }), /*#__PURE__*/_react["default"].createElement("span", {
+      className: "".concat(prefix, "__operate-item-total"),
+      onClick: handleClickShowAll
+    }, "\u5168\u90E8\u64CD\u4F5C", /*#__PURE__*/_react["default"].createElement("span", {
+      className: "".concat(prefix, "__operate-item-total-num")
+    }, feedOperations.total), /*#__PURE__*/_react["default"].createElement("i", {
+      className: (0, _classnames["default"])("tu-icon-APP-xi")
+    }))));
+  }));
+};
+
+var _default = DynamicOperation;
+exports["default"] = _default;

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

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

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

@@ -63,8 +63,11 @@ var DynamicItemHeader = function DynamicItemHeader(_ref) {
       _ref$showTopping = _ref.showTopping,
       showTopping = _ref$showTopping === void 0 ? false : _ref$showTopping,
       data = _ref.data,
-      desc = _ref.desc,
-      user = _ref.user;
+      _ref$desc = _ref.desc,
+      desc = _ref$desc === void 0 ? "" : _ref$desc,
+      user = _ref.user,
+      _ref$suffixContent = _ref.suffixContent,
+      suffixContent = _ref$suffixContent === void 0 ? "" : _ref$suffixContent;
   var createDate = data.createDate,
       feedId = data.feedId,
       _data$isTop = data.isTop,
@@ -99,7 +102,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)({
@@ -197,7 +200,10 @@ var DynamicItemHeader = function DynamicItemHeader(_ref) {
         });
 
         setShowDialogConfirm(false);
-        onDeleteFeed && onDeleteFeed(feedId);
+
+        if (onDeleteFeed) {
+          onDeleteFeed(feedId);
+        }
       }
     });
   };
@@ -241,10 +247,10 @@ var DynamicItemHeader = function DynamicItemHeader(_ref) {
   }, /*#__PURE__*/_react["default"].createElement(_avatar["default"], {
     name: user.name,
     userId: user.id || user.userId,
-    src: user.avatar.medium,
+    src: user.avatar.original || user.avatar.medium,
     color: user.avatar.color,
     size: {
-      width: 40,
+      width: 48,
       textNum: 1,
       fontSize: 18
     }
@@ -263,7 +269,7 @@ var DynamicItemHeader = function DynamicItemHeader(_ref) {
       name: user.name,
       id: user.userId
     })
-  })), desc), /*#__PURE__*/_react["default"].createElement("div", {
+  })), desc, suffixContent), /*#__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/index.css

@@ -1,12 +1,10 @@
-@charset "UTF-8";
-
 .titaui-dynamic-align-item {
   position: relative;
   font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-serif, PingFang SC, Microsoft YaHei;
 }
 
 .titaui-dynamic-align-item__content {
-  margin-left: 69px;
+  margin-left: 88px;
   position: relative;
 }
 
@@ -15,16 +13,43 @@
   flex-direction: column;
 }
 
+.titaui-dynamic-align-item__obj-other-info {
+  line-height: 18px;
+}
+
 .titaui-dynamic-align-item__obj-base-info {
   display: flex;
   align-items: center;
   width: 100%;
 }
 
-.titaui-dynamic-align-item__obj-base-info-icon {
-  color: #89919f;
-  font-size: 18px;
-  margin-right: 8px;
+.titaui-dynamic-align-item__obj-base-info-left {
+  width: 40px;
+  height: 40px;
+  min-width: 40px;
+  border-radius: 50%;
+  margin-right: 12px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.titaui-dynamic-align-item__obj-base-info-left--o {
+  background: rgba(40, 121, 255, 0.16);
+}
+
+.titaui-dynamic-align-item__obj-base-info-left--kr {
+  background: rgba(90, 216, 166, 0.16);
+}
+
+.titaui-dynamic-align-item__obj-base-info-left-img {
+  width: 20px;
+  height: 20px;
+}
+
+.titaui-dynamic-align-item__obj-base-info-right {
+  flex: 1;
+  overflow: hidden;
 }
 
 .titaui-dynamic-align-item__obj-title {
@@ -46,13 +71,16 @@
   font-size: 12px;
   color: #89919f;
   line-height: 18px;
-  margin-left: 26px;
 }
 
 .titaui-dynamic-align-item__obj-principal-user::after {
-  content: "·";
+  content: '';
+  width: 1px;
+  height: 14px;
+  background: linear-gradient(180deg, rgba(191, 199, 213, 0) 0%, #bfc7d5 50%, rgba(240, 242, 245, 0) 100%);
   display: inline-block;
-  margin: 0 4px;
+  margin: 0 8px;
+  vertical-align: text-top;
 }
 
 .titaui-dynamic-align-item__obj-cycle {
@@ -63,31 +91,20 @@
 
 .titaui-dynamic-align-item__align-img {
   position: absolute;
-  top: 38px;
+  top: 51px;
+  width: 18px;
+  left: 11px;
 }
 
 .titaui-dynamic-align-item__space {
-  height: 20px;
+  height: 30px;
 }
 
 .titaui-dynamic-align-item__operate-desc {
   font-size: 14px;
   font-weight: 400;
   color: #89919f;
-  line-height: 22px;
-  margin: 0 8px 0 4px;
+  line-height: 24px;
+  margin-left: 4px;
   overflow: hidden;
 }
-
-.titaui-dynamic-align-item-desc-operate-type {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0 6px;
-  height: 18px;
-  min-width: 40px;
-  border-radius: 10px 10px 10px 2px;
-  font-size: 12px;
-  color: #ffffff;
-  line-height: 18px;
-}

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

@@ -19,18 +19,22 @@ var _openData = require("../../../../utils/open-data");
 
 var _constant = require("../../constant");
 
-var _dynamicAlign = _interopRequireDefault(require("./img/dynamic-align.svg"));
+var _dynamicAlign = _interopRequireDefault(require("./img/dynamic-align.png"));
 
 var _drawerManager = _interopRequireDefault(require("../../../drawer-manager"));
 
-var _util = require("../../util");
-
 var _context = require("../../context");
 
 var _searchKeyHandle = _interopRequireDefault(require("../../../search-key-handle"));
 
 var _getLocale = require("../../../../utils/getLocale");
 
+var _dynamicAlignO = _interopRequireDefault(require("./img/dynamic-align-o.png"));
+
+var _dynamicAlignKr = _interopRequireDefault(require("./img/dynamic-align-kr.png"));
+
+var _tools = require("../../../../utils/tools");
+
 require("./index.css");
 
 var _excluded = ["data"];
@@ -41,6 +45,8 @@ 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 _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; }
@@ -50,6 +56,8 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 var prefix = "titaui-dynamic-align-item";
 
 var DynamicAlign = function DynamicAlign(_ref) {
+  var _classNames;
+
   var data = _ref.data,
       restProps = _objectWithoutProperties(_ref, _excluded);
 
@@ -62,16 +70,11 @@ var DynamicAlign = function DynamicAlign(_ref) {
       parentPrincipalUser = data.parentPrincipalUser,
       parentcycleName = data.parentcycleName,
       cycleName = data.cycleName,
-      feedType = data.feedType,
       publishUser = data.publishUser;
 
   var _useContext = (0, _react.useContext)(_context.SearchKeyContext),
       searchKeyWord = _useContext.searchKeyWord;
 
-  var _getFeedTypeAndTypeCo = (0, _util.getFeedTypeAndTypeColor)(feedType),
-      feedTypeText = _getFeedTypeAndTypeCo.feedTypeText,
-      feedTypeColor = _getFeedTypeAndTypeCo.feedTypeColor;
-
   var handleClickTitle = function handleClickTitle(id, type) {
     if (type === _constant.EObjType.Kr) {
       _drawerManager["default"].open("krDetail", {
@@ -97,14 +100,9 @@ var DynamicAlign = function DynamicAlign(_ref) {
       text = "".concat((0, _getLocale.getLocale)("Mod_Aligned")).concat((0, _getLocale.getLocale)("Mod_Objective"));
     }
 
-    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
+    return /*#__PURE__*/_react["default"].createElement("span", {
       className: "".concat(prefix, "__operate-desc")
-    }, text), /*#__PURE__*/_react["default"].createElement("span", {
-      className: "".concat(prefix, "-desc-operate-type"),
-      style: {
-        background: feedTypeColor
-      }
-    }, feedTypeText));
+    }, text);
   }, []);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix
@@ -119,12 +117,15 @@ var DynamicAlign = function DynamicAlign(_ref) {
     className: "".concat(prefix, "__obj")
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__obj-base-info")
-  }, /*#__PURE__*/_react["default"].createElement("i", {
-    className: (0, _classnames["default"])("".concat(prefix, "__obj-base-info-icon"), {
-      "tu-icon-okr": parentObjType === _constant.EObjType.O,
-      "tu-icon-KR": parentObjType === _constant.EObjType.Kr
-    })
-  }), /*#__PURE__*/_react["default"].createElement("span", {
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _classnames["default"])("".concat(prefix, "__obj-base-info-left"), (_classNames = {}, _defineProperty(_classNames, "".concat(prefix, "__obj-base-info-left--o"), parentObjType === _constant.EObjType.O), _defineProperty(_classNames, "".concat(prefix, "__obj-base-info-left--kr"), parentObjType === _constant.EObjType.Kr), _classNames))
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    alt: "",
+    className: "".concat(prefix, "__obj-base-info-left-img"),
+    src: parentObjType === _constant.EObjType.O ? _dynamicAlignO["default"] : _dynamicAlignKr["default"]
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "__obj-base-info-right")
+  }, /*#__PURE__*/_react["default"].createElement("span", {
     className: "".concat(prefix, "__obj-title"),
     onClick: function onClick() {
       handleClickTitle(parentObjId, parentObjType);
@@ -132,43 +133,54 @@ var DynamicAlign = function DynamicAlign(_ref) {
   }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"].Text, {
     isPercent: true,
     text: /*#__PURE__*/_react["default"].createElement(_searchKeyHandle["default"], {
-      str: parentObjName,
+      str: (0, _tools.htmlDecodeByRegExp)(parentObjName),
       keyWord: searchKeyWord
     })
-  }))), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("span", {
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "__obj-other-info")
+  }, /*#__PURE__*/_react["default"].createElement("span", {
     className: "".concat(prefix, "__obj-principal-user")
   }, parentPrincipalUser && /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
     id: parentPrincipalUser.userId,
     name: parentPrincipalUser.name
   })), /*#__PURE__*/_react["default"].createElement("span", {
     className: "".concat(prefix, "__obj-cycle")
-  }, parentcycleName))), /*#__PURE__*/_react["default"].createElement("img", {
+  }, parentcycleName))))), /*#__PURE__*/_react["default"].createElement("img", {
     className: "".concat(prefix, "__align-img"),
-    src: _dynamicAlign["default"]
+    src: _dynamicAlign["default"],
+    alt: ""
   }), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__space")
   }), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__obj")
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__obj-base-info")
-  }, /*#__PURE__*/_react["default"].createElement("i", {
-    className: (0, _classnames["default"])("".concat(prefix, "__obj-base-info-icon"), "tu-icon-okr")
-  }), /*#__PURE__*/_react["default"].createElement("span", {
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _classnames["default"])("".concat(prefix, "__obj-base-info-left"), "".concat(prefix, "__obj-base-info-left--o"))
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    className: "".concat(prefix, "__obj-base-info-left-img"),
+    src: _dynamicAlignO["default"],
+    alt: ""
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "__obj-base-info-right")
+  }, /*#__PURE__*/_react["default"].createElement("span", {
     className: "".concat(prefix, "__obj-title"),
     onClick: function onClick() {
       handleClickTitle(okrId, _constant.EObjType.O);
     }
   }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"].Text, {
     isPercent: true,
-    text: okrName
-  }))), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("span", {
+    text: (0, _tools.htmlDecodeByRegExp)(okrName)
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "__obj-other-info")
+  }, /*#__PURE__*/_react["default"].createElement("span", {
     className: "".concat(prefix, "__obj-principal-user")
   }, principalUser && /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
     id: principalUser.userId,
     name: principalUser.name
   })), /*#__PURE__*/_react["default"].createElement("span", {
     className: "".concat(prefix, "__obj-cycle")
-  }, cycleName)))));
+  }, cycleName)))))));
 };
 
 var _default = DynamicAlign;

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

@@ -4,25 +4,10 @@
 
 .titaui-dynamic-announcement-item__content {
   font-size: 14px;
-  color: #3F4755;
+  color: #3f4755;
   line-height: 22px;
   display: flex;
-  margin-left: 69px;
-}
-
-.titaui-dynamic-announcement-item__content-quoto {
-  width: 12px;
-  height: 12px;
-}
-
-.titaui-dynamic-announcement-item__content-quoto--left {
-  margin-right: 8px;
-  margin-top: -6px;
-}
-
-.titaui-dynamic-announcement-item__content-quoto--right {
-  margin-left: 8px;
-  margin-top: 4px;
+  margin-left: 88px;
 }
 
 .titaui-dynamic-announcement-item__content b {
@@ -33,26 +18,13 @@
   font-size: 14px;
   font-weight: 400;
   color: #89919f;
-  line-height: 22px;
-  margin: 0 8px 0 4px;
+  line-height: 24px;
+  margin-left: 4px;
   overflow: hidden;
 }
 
-.titaui-dynamic-announcement-item-desc-operate-type {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0 6px;
-  height: 18px;
-  min-width: 40px;
-  border-radius: 10px 10px 10px 2px;
-  font-size: 12px;
-  color: #ffffff;
-  line-height: 18px;
-}
-
 .titaui-dynamic-announcement-item__files {
-  margin-left: 69px;
+  margin-left: 88px;
   margin-top: 12px;
 }
 

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

@@ -9,12 +9,6 @@ exports["default"] = void 0;
 
 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 _fileList = _interopRequireDefault(require("../../../file-list"));
 
 var _context = require("../../context");
@@ -23,12 +17,10 @@ var _tools = require("../../../../utils/tools");
 
 var _header = _interopRequireDefault(require("../components/header"));
 
-var _util = require("../../util");
-
-var _dangerousHtml = _interopRequireDefault(require("../../components/dangerous-html"));
-
 var _getLocale = require("../../../../utils/getLocale");
 
+var _openData = require("../../../../utils/open-data");
+
 require("./index.css");
 
 var _excluded = ["data", "hasDynamicOpereateAuth"];
@@ -57,20 +49,10 @@ var DynamicAnnouncement = function DynamicAnnouncement(_ref) {
       searchKeyWord = _useContext.searchKeyWord;
 
   var contentRef = (0, _react.useRef)();
-
-  var _getFeedTypeAndTypeCo = (0, _util.getFeedTypeAndTypeColor)(data.feedType),
-      feedTypeText = _getFeedTypeAndTypeCo.feedTypeText,
-      feedTypeColor = _getFeedTypeAndTypeCo.feedTypeColor;
-
   var renderDesc = (0, _react.useMemo)(function () {
-    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
+    return /*#__PURE__*/_react["default"].createElement("span", {
       className: "".concat(prefix, "__operate-desc")
-    }, (0, _getLocale.getLocale)("Feed_SsAnnounce")), /*#__PURE__*/_react["default"].createElement("span", {
-      className: "".concat(prefix, "-desc-operate-type"),
-      style: {
-        background: feedTypeColor
-      }
-    }, feedTypeText));
+    }, (0, _getLocale.getLocale)("Feed_SsAnnounce"));
   }, []);
   (0, _react.useEffect)(function () {
     (0, _tools.highLightWord)({
@@ -88,17 +70,9 @@ var DynamicAnnouncement = function DynamicAnnouncement(_ref) {
     user: data.publishUser
   }, restProps)), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__content")
-  }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("img", {
-    className: (0, _classnames["default"])("".concat(prefix, "__content-quoto"), "".concat(prefix, "__content-quoto--left")),
-    src: _dynamicLeftQuoto["default"]
-  })), /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__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"])("".concat(prefix, "__content-quoto"), "".concat(prefix, "__content-quoto--right")),
-    src: _dynamicRightQuoto["default"]
-  }))), data.attachments && /*#__PURE__*/_react["default"].createElement("div", {
+  }, (0, _openData.parseTag)(data.content))), data.attachments && /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__files")
   }, /*#__PURE__*/_react["default"].createElement(_fileList["default"], {
     data: data.attachments