@titaui/pc 1.10.8 → 1.10.9

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

@@ -3,16 +3,11 @@
 }
 
 .titaui-dynamic-report-item__content {
-  margin-left: 88px;
+  margin-left: 69px;
   line-height: 24px;
   word-wrap: break-word;
 }
 
-.titaui-dynamic-report-item__content-title {
-  display: flex;
-  overflow: hidden;
-}
-
 .titaui-dynamic-report-item__content ul {
   list-style-type: disc;
   padding-left: 20px;
@@ -86,11 +81,11 @@
 }
 
 .titaui-dynamic-report-item__block-title::before {
-  content: '';
+  content: "";
   display: inline-block;
   width: 4px;
   height: 12px;
-  background: #2879ff;
+  background: linear-gradient(180deg, #2879ff 0%, #9fbfff 100%);
   border-radius: 2px;
   margin-right: 4px;
 }
@@ -102,38 +97,32 @@
 .titaui-dynamic-report-item__complete-type {
   display: flex;
   align-items: center;
-  font-size: 12px;
-  line-height: 18px;
+  font-size: 14px;
+  line-height: 22px;
   margin-left: 8px;
-  border-radius: 12px;
-  padding: 2px 8px;
 }
 
 .titaui-dynamic-report-item__complete-type-icon {
   margin-right: 4px;
   display: inline-block;
-  width: 14px;
-  height: 14px;
+  width: 16px;
+  height: 16px;
 }
 
 .titaui-dynamic-report-item__complete-type-icon--normal {
   background: url("../../img/dynamic-submit-normal.svg") no-repeat;
-  background-size: 14px;
 }
 
 .titaui-dynamic-report-item__complete-type-icon--delay {
   background: url("../../img/dynamic-submit-delay.svg") no-repeat;
-  background-size: 14px;
 }
 
 .titaui-dynamic-report-item__complete-type--normal {
   color: #5ad8a6;
-  background-color: rgba(90, 216, 166, 0.16);
 }
 
 .titaui-dynamic-report-item__complete-type--delay {
   color: #624dff;
-  background-color: rgba(98, 77, 255, 0.16);
 }
 
 .titaui-dynamic-report-item .highlight {
@@ -141,10 +130,23 @@
 }
 
 .titaui-dynamic-report-item__operate-desc {
-  font-size: 16px;
+  font-size: 14px;
   font-weight: 400;
   color: #89919f;
-  line-height: 24px;
-  margin-left: 4px;
+  line-height: 22px;
+  margin: 0 8px 0 4px;
   overflow: hidden;
 }
+
+.titaui-dynamic-report-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-report/index.js

@@ -21,10 +21,12 @@ var _tools = require("../../../../utils/tools");
 
 var _title = _interopRequireDefault(require("../../components/title"));
 
-var _getLocale = require("../../../../utils/getLocale");
+var _util = require("../../util");
 
 require("./index.css");
 
+var _getLocale = require("../../../../utils/getLocale");
+
 var _excluded = ["data"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -41,15 +43,11 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 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 getEReportType = function getEReportType(type) {
-  var reportTextMap = {
-    8: (0, _getLocale.getLocale)("Rep_Tab_Dailynewspaper"),
-    26: (0, _getLocale.getLocale)("Rep_Tab_Weeklynewspaper"),
-    27: (0, _getLocale.getLocale)("Rep_Tab_MonthlyReport")
-  };
-  return reportTextMap[type];
+var EReportType = {
+  8: "日报：",
+  26: "周报：",
+  27: "月报："
 };
-
 var prefix = "titaui-dynamic-report-item";
 
 var DynamicReply = function DynamicReply(_ref) {
@@ -58,17 +56,21 @@ var DynamicReply = function DynamicReply(_ref) {
 
   var submitState = data.submitState,
       feedId = data.feedId,
-      publishUser = data.publishUser,
-      reportType = data.reportType;
+      feedType = data.feedType,
+      publishUser = data.publishUser;
   var contentRichTextRef = (0, _react.useRef)();
   var workPlanRichTextRef = (0, _react.useRef)();
 
   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() {
     // @ts-ignore
-    window.Talent.app.vent.trigger("global-daily-detail-pull-screen", feedId);
+    Talent.app.vent.trigger("global-daily-detail-pull-screen", feedId);
   };
 
   var renderSuffix = (0, _react.useMemo)(function () {
@@ -78,17 +80,17 @@ var DynamicReply = function DynamicReply(_ref) {
       className: (0, _classnames["default"])("".concat(prefix, "__complete-type"), (_classNames = {}, _defineProperty(_classNames, "".concat(prefix, "__complete-type--normal"), submitState === 1), _defineProperty(_classNames, "".concat(prefix, "__complete-type--delay"), submitState === 2), _classNames))
     }, /*#__PURE__*/_react["default"].createElement("span", {
       className: (0, _classnames["default"])("".concat(prefix, "__complete-type-icon"), (_classNames2 = {}, _defineProperty(_classNames2, "".concat(prefix, "__complete-type-icon--normal"), submitState === 1), _defineProperty(_classNames2, "".concat(prefix, "__complete-type-icon--delay"), submitState === 2), _classNames2))
-    }), submitState === 1 ? (0, _getLocale.getLocale)("Rep_Tab_Mys_Submitontime") : (0, _getLocale.getLocale)("Tasks_Tab_DelaSubmission"));
+    }), submitState === 1 ? (0, _getLocale.getLocale)("Rep_Tab_Mys_Submitontime") : (0, _getLocale.getLocale)("\"Tasks_Tab_DelaSubmission\""));
   }, []);
   var renderDesc = (0, _react.useMemo)(function () {
-    var reportTextMap = {
-      8: (0, _getLocale.getLocale)("Rep_Tab_Mys_Dailynewsp"),
-      26: (0, _getLocale.getLocale)("Rep_Tab_Mys_sweeklyReport"),
-      27: (0, _getLocale.getLocale)("Rep_Tab_Sub_monthlyeport")
-    };
-    return /*#__PURE__*/_react["default"].createElement("span", {
+    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
       className: "".concat(prefix, "__operate-desc")
-    }, reportTextMap[reportType]);
+    }, (0, _getLocale.getLocale)("Mod_skeyprogress")), /*#__PURE__*/_react["default"].createElement("span", {
+      className: "".concat(prefix, "-desc-operate-type"),
+      style: {
+        background: feedTypeColor
+      }
+    }, feedTypeText));
   }, []);
   (0, _react.useEffect)(function () {
     (0, _tools.highLightWord)({
@@ -106,20 +108,14 @@ var DynamicReply = function DynamicReply(_ref) {
     data: data
   }, restProps, {
     desc: renderDesc,
-    user: publishUser,
-    suffixContent: renderSuffix
+    user: publishUser
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__content")
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(prefix, "__content-title")
   }, /*#__PURE__*/_react["default"].createElement(_title["default"], {
-    content: data.name,
+    content: EReportType[data.reportType] + data.name,
     onClickTitle: handleClickTitle,
-    type: getEReportType(reportType),
-    typeBgColor: "rgba(92, 142, 255, 0.5)",
-    titleBgColor: "rgba(92, 142, 255, 0.1)",
-    contentColor: "#5C8EFF"
-  })), data.contentRichText && /*#__PURE__*/_react["default"].createElement("div", {
+    suffixContent: renderSuffix
+  }), data.contentRichText && /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__summary")
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__block-title")
@@ -132,7 +128,7 @@ var DynamicReply = function DynamicReply(_ref) {
     className: "".concat(prefix, "__work-plan")
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__block-title")
-  }, (0, _getLocale.getLocale)("Rep_Tab_Mys_NextWorkPlans")), /*#__PURE__*/_react["default"].createElement("div", {
+  }, "\u4E0B\u4E00\u6B65\u5DE5\u4F5C\u8BA1\u5212"), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__content-text"),
     ref: workPlanRichTextRef
   }, /*#__PURE__*/_react["default"].createElement(_dangerousHtml["default"], {

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

@@ -3,7 +3,7 @@
 }
 
 .titaui-dynamic-reward-item__content {
-  margin-left: 88px;
+  margin-left: 69px;
 }
 
 .titaui-dynamic-reward-item__title {
@@ -53,11 +53,11 @@
 }
 
 .titaui-dynamic-reward-item__operate-desc {
-  font-size: 16px;
+  font-size: 14px;
   font-weight: 400;
   color: #89919f;
-  line-height: 24px;
-  margin-left: 4px;
+  line-height: 22px;
+  margin: 0 8px 0 4px;
   overflow: hidden;
 }
 

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

@@ -31,6 +31,8 @@ var _tools = require("../../../../utils/tools");
 
 var _openData = require("../../../../utils/open-data");
 
+var _util = require("../../util");
+
 var _getLocale = require("../../../../utils/getLocale");
 
 require("./index.css");
@@ -61,12 +63,17 @@ var DynamicReward = function DynamicReward(_ref) {
       rewardTags = data.rewardTags,
       obj = data.obj,
       classify = data.classify,
+      feedType = data.feedType,
       rewardUser = data.rewardUser,
       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() {
     if (!obj) {
       return;
@@ -86,10 +93,10 @@ var DynamicReward = function DynamicReward(_ref) {
     } else if (objType === _constant.EObjType.Task) {
       window.Talent.app.vent.trigger("global-pull-screen", objId, "task");
     } else if (objType === _constant.EObjType.Project) {
-      window.open(window.location.href.replace(window.location.hash, "#work?iTalentNavCode=tita-work&work_id=".concat(objId)));
+      window.open(window.location.href.replace(location.hash, "#work?iTalentNavCode=tita-work&work_id=".concat(objId)));
     } else if (objType === _constant.EObjType.Assess) {
       var assessId = data.url.split("assessId=")[1];
-      window.open(window.location.href.replace(window.location.hash, "#performance?reactRouterName=detail&formId=".concat(assessId)));
+      window.open(window.location.href.replace(location.hash, "#performance?reactRouterName=detail&formId=".concat(assessId)));
     }
   };
 
@@ -126,8 +133,8 @@ var DynamicReward = function DynamicReward(_ref) {
   var Classify = (0, _react.useMemo)(function () {
     var _classNames;
 
-    if (!classify || Number(classify) === 0) {
-      return "";
+    if (!classify || Number(classify) == 0) {
+      return;
     }
 
     return /*#__PURE__*/_react["default"].createElement("span", {
@@ -145,7 +152,7 @@ var DynamicReward = function DynamicReward(_ref) {
       window.open(url, "_blank");
     };
 
-    return /*#__PURE__*/_react["default"].createElement("span", {
+    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
       className: "".concat(prefix, "__operate-desc")
     }, /*#__PURE__*/_react["default"].createElement("span", {
       className: "".concat(prefix, "__reward")
@@ -155,7 +162,12 @@ var DynamicReward = function DynamicReward(_ref) {
     }, /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
       name: rewardUser.name,
       id: rewardUser.userId
-    })), (0, _getLocale.getLocale)("OKR_MyO_E_Reward")));
+    })), (0, _getLocale.getLocale)("OKR_MyO_E_Reward"))), /*#__PURE__*/_react["default"].createElement("span", {
+      className: "".concat(prefix, "-desc-operate-type"),
+      style: {
+        background: feedTypeColor
+      }
+    }, feedTypeText));
   }, []);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix
@@ -178,14 +190,12 @@ var DynamicReward = function DynamicReward(_ref) {
     }
   }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("img", {
     className: (0, _classnames["default"])("".concat(prefix, "__description-quoto"), "".concat(prefix, "__description-quoto--left")),
-    alt: "",
     src: _dynamicLeftQuoto["default"]
   })), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_searchKeyHandle["default"], {
     str: rewardContent,
     keyWord: searchKeyWord
   }), /*#__PURE__*/_react["default"].createElement("img", {
     className: (0, _classnames["default"])("".concat(prefix, "__description-quoto"), "".concat(prefix, "__description-quoto--right")),
-    alt: "",
     src: _dynamicRightQuoto["default"]
   }), rewardTags && rewardTags.length && rewardTags.map(function (reward) {
     return /*#__PURE__*/_react["default"].createElement("span", {

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

@@ -6,16 +6,31 @@
   display: flex;
   font-size: 14px;
   color: #3f4755;
-  line-height: 24px;
-  margin-left: 88px;
+  line-height: 22px;
+  margin-left: 69px;
+}
+
+.titaui-dynamic-share-item__content-quoto {
+  width: 12px;
+  height: 12px;
+}
+
+.titaui-dynamic-share-item__content-quoto--left {
+  margin-right: 8px;
+  margin-top: -6px;
+}
+
+.titaui-dynamic-share-item__content-quoto--right {
+  margin-left: 8px;
+  margin-top: 4px;
 }
 
 .titaui-dynamic-share-item__operate-desc {
-  font-size: 16px;
+  font-size: 14px;
   font-weight: 400;
   color: #89919f;
-  line-height: 24px;
-  margin-left: 4px;
+  line-height: 22px;
+  margin: 0 8px 0 4px;
   overflow: hidden;
 }
 
@@ -33,7 +48,7 @@
 }
 
 .titaui-dynamic-share-item__files {
-  margin-left: 88px;
+  margin-left: 69px;
   margin-top: 12px;
 }
 

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

@@ -9,18 +9,26 @@ 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");
 
 var _header = _interopRequireDefault(require("../components/header"));
 
+var _dangerousHtml = _interopRequireDefault(require("../../components/dangerous-html"));
+
+var _util = require("../../util");
+
 var _tools = require("../../../../utils/tools");
 
 var _getLocale = require("../../../../utils/getLocale");
 
-var _openData = require("../../../../utils/open-data");
-
 require("./index.css");
 
 var _excluded = ["data", "dynamicShareIsShowToping", "hasDynamicOpereateAuth"];
@@ -31,6 +39,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; }
@@ -51,11 +61,21 @@ var DynamicShare = function DynamicShare(_ref) {
       searchKeyWord = _useContext.searchKeyWord;
 
   var contentRef = (0, _react.useRef)();
+
+  var _getFeedTypeAndTypeCo = (0, _util.getFeedTypeAndTypeColor)(data.feedType),
+      feedTypeText = _getFeedTypeAndTypeCo.feedTypeText,
+      feedTypeColor = _getFeedTypeAndTypeCo.feedTypeColor;
+
   var isPublisher = data.publishUser.userId === window.BSGlobal.loginUserInfo.Id;
   var renderDesc = (0, _react.useMemo)(function () {
-    return /*#__PURE__*/_react["default"].createElement("span", {
+    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
       className: "".concat(prefix, "__operate-desc")
-    }, (0, _getLocale.getLocale)("Mod_postedshare"));
+    }, (0, _getLocale.getLocale)("Mod_postedshare")), /*#__PURE__*/_react["default"].createElement("span", {
+      className: "".concat(prefix, "-desc-operate-type"),
+      style: {
+        background: feedTypeColor
+      }
+    }, feedTypeText));
   }, []);
   (0, _react.useEffect)(function () {
     (0, _tools.highLightWord)({
@@ -73,9 +93,19 @@ var DynamicShare = function DynamicShare(_ref) {
     user: data.publishUser
   }, restProps)), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__content")
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("img", _defineProperty({
+    className: (0, _classnames["default"])("".concat(prefix, "__content-quoto"), "".concat(prefix, "__content-quoto--left")),
+    alt: "",
+    src: _dynamicLeftQuoto["default"]
+  }, "alt", "left"))), /*#__PURE__*/_react["default"].createElement("div", {
     ref: contentRef
-  }, (0, _openData.parseTag)(data.content))), data.attachments && /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react["default"].createElement(_dangerousHtml["default"], {
+    htmlText: data.content
+  }), /*#__PURE__*/_react["default"].createElement("img", _defineProperty({
+    className: (0, _classnames["default"])("".concat(prefix, "__content-quoto"), "".concat(prefix, "__content-quoto--right")),
+    alt: "",
+    src: _dynamicRightQuoto["default"]
+  }, "alt", "right")))), data.attachments && /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__files")
   }, /*#__PURE__*/_react["default"].createElement(_fileList["default"], {
     data: data.attachments

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

@@ -1,13 +1,15 @@
 .titaui-dynamic-share-to-dynamic__operate-desc {
   margin-left: 4px;
-  font-size: 16px;
+  font-size: 14px;
   font-weight: normal;
   color: #89919f;
-  line-height: 24px;
+  line-height: 22px;
 }
 
 .titaui-dynamic-share-to-dynamic__content {
+  height: 24px;
   display: flex;
+  padding: 0 50px;
   box-sizing: border-box;
   margin-top: 16px;
   font-size: 14px;
@@ -18,7 +20,14 @@
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  margin-left: 88px;
+}
+
+.titaui-dynamic-share-to-dynamic__content-quoto {
+  vertical-align: text-top;
+  margin-right: 6px;
+  width: 12px;
+  width: 12px;
+  height: 12px;
 }
 
 .titaui-dynamic-share-to-dynamic__content-title {
@@ -28,8 +37,7 @@
   white-space: nowrap;
 }
 
-.titaui-dynamic-share-to-dynamic__content-title a,
-    .titaui-dynamic-share-to-dynamic__content-title b {
+.titaui-dynamic-share-to-dynamic__content-title a, .titaui-dynamic-share-to-dynamic__content-title b {
   color: #2879ff;
 }
 
@@ -41,16 +49,16 @@
   background: rgba(240, 244, 250, 0.5);
   padding: 12px;
   box-sizing: border-box;
-  margin-left: 88px;
+  margin-left: 68px;
   margin-top: 12px;
 }
 
 .titaui-dynamic-share-to-dynamic__share-img {
   width: 80px;
   height: 80px;
-  border-radius: 12px;
+  border-radius: 8px;
   margin-right: 12px;
-  background-color: #ffffff;
+  background-color: #E9F1FF;
   box-sizing: border-box;
   padding: 16px;
 }
@@ -67,10 +75,10 @@
 .titaui-dynamic-share-to-dynamic__share-right-title {
   display: block;
   font-size: 16px;
-  font-weight: 600;
+  font-weight: 700;
   color: #141c28;
   line-height: 24px;
-  margin-bottom: 6px;
+  margin-bottom: 8px;
 }
 
 .titaui-dynamic-share-to-dynamic__share-right-content {

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

@@ -11,17 +11,21 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
+var _dynamicLeftQuoto = _interopRequireDefault(require("../../img/dynamic-left-quoto.svg"));
+
 var _context = require("../../context");
 
 var _header = _interopRequireDefault(require("../components/header"));
 
 var _dangerousHtml = _interopRequireDefault(require("../../components/dangerous-html"));
 
+var _util = require("../../util");
+
 var _tools = require("../../../../utils/tools");
 
 var _bsGlobal = require("../../../../utils/bs-global");
 
-var _dynamicShareCourse = _interopRequireDefault(require("./img/dynamic-share-course.png"));
+var _guanlian = _interopRequireDefault(require("./img/guanlian.png"));
 
 var _getLocale = require("../../../../utils/getLocale");
 
@@ -66,6 +70,11 @@ var DynamicShare = function DynamicShare(_ref) {
       searchKeyWord = _useContext.searchKeyWord;
 
   var contentRef = (0, _react.useRef)();
+
+  var _getFeedTypeAndTypeCo = (0, _util.getFeedTypeAndTypeColor)(data.feedType),
+      feedTypeText = _getFeedTypeAndTypeCo.feedTypeText,
+      feedTypeColor = _getFeedTypeAndTypeCo.feedTypeColor;
+
   var isPublisher = data.publishUser.userId === window.BSGlobal.loginUserInfo.Id;
 
   var _useState = (0, _react.useState)(),
@@ -73,22 +82,27 @@ var DynamicShare = function DynamicShare(_ref) {
       title = _useState2[0],
       setTitle = _useState2[1];
 
-  var _useState3 = (0, _react.useState)(""),
+  var _useState3 = (0, _react.useState)(),
       _useState4 = _slicedToArray(_useState3, 2),
       content = _useState4[0],
       setContent = _useState4[1];
 
   var renderDesc = (0, _react.useMemo)(function () {
-    return /*#__PURE__*/_react["default"].createElement("span", {
+    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
       className: "".concat(prefix, "__operate-desc")
-    }, (0, _getLocale.getLocale)("Feed_sharedexcelle"));
+    }, (0, _getLocale.getLocale)("Feed_sharedexcelle")), /*#__PURE__*/_react["default"].createElement("span", {
+      className: "".concat(prefix, "-desc-operate-type"),
+      style: {
+        background: feedTypeColor
+      }
+    }));
   }, []);
 
   var htmlToText = function htmlToText(text) {
     var div = document.createElement("div");
     div.innerHTML = text;
-    var result = div.innerText || div.textContent || "";
-    return result;
+    text = div.innerText || div.textContent;
+    return text;
   };
 
   var handleClick = function handleClick() {
@@ -117,7 +131,10 @@ var DynamicShare = function DynamicShare(_ref) {
     user: data.publishUser
   }, restProps)), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__content")
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__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", {
     ref: contentRef,
     className: "".concat(prefix, "__content-title")
   }, /*#__PURE__*/_react["default"].createElement(_dangerousHtml["default"], {
@@ -128,8 +145,7 @@ var DynamicShare = function DynamicShare(_ref) {
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(prefix, "__share-img"))
   }, /*#__PURE__*/_react["default"].createElement("img", {
-    src: _dynamicShareCourse["default"],
-    alt: ""
+    src: _guanlian["default"]
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(prefix, "__share-right"))
   }, /*#__PURE__*/_react["default"].createElement("span", {