@titaui/pc 1.9.73 → 1.9.77

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

@@ -76,7 +76,8 @@ var ShareContent = function ShareContent(_ref) {
 var OkrShare = function OkrShare(_ref2) {
   var data = _ref2.data,
       visible = _ref2.visible,
-      onClose = _ref2.onClose;
+      onClose = _ref2.onClose,
+      zIndex = _ref2.zIndex;
   var modalRef = (0, _react.useRef)();
   return /*#__PURE__*/_react["default"].createElement(_titaUi.Modal, {
     visible: visible,
@@ -87,7 +88,8 @@ var OkrShare = function OkrShare(_ref2) {
     onCancel: function onCancel() {
       return onClose();
     },
-    ref: modalRef
+    ref: modalRef,
+    zIndex: zIndex
   }, visible ? /*#__PURE__*/_react["default"].createElement(ShareContent, {
     closeModal: function closeModal() {
       return onClose();
@@ -99,5 +101,8 @@ var OkrShare = function OkrShare(_ref2) {
   }) : null);
 };
 
+OkrShare.defaultProps = {
+  zIndex: 1300
+};
 var _default = OkrShare;
 exports["default"] = _default;

package/lib/components/okrcase-library/index.css

@@ -140,7 +140,7 @@
 }
 
 .okr-cases-library__navFirst__item-active::after {
-  content: "";
+  content: '';
   position: absolute;
   bottom: -14px;
   left: 0;
@@ -277,6 +277,7 @@
 }
 
 .okr-cases-library__cardList__card__title__btn {
+  font-size: 14px;
   position: absolute;
   right: 15px;
   top: 60px;
@@ -289,6 +290,7 @@
   cursor: pointer;
   opacity: 0;
   transition: all 0.5s;
+  font-weight: 500;
 }
 
 .okr-cases-library__cardList__card__title__btn-show {

package/lib/components/part-notice/index.js

@@ -11,6 +11,8 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _localStorage = require("../../utils/local-storage");
 
+var _notAllowData = require("./not-allow-data");
+
 require("./index.css");
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -31,6 +33,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 var preCls = "part-notice";
 var storage = new _localStorage.LocalStorage();
+var tenantId = window.BSGlobal.tenantInfo.Id;
 
 var PartNotice = function PartNotice(_ref) {
   var storageName = _ref.storageName,
@@ -69,6 +72,9 @@ var PartNotice = function PartNotice(_ref) {
     window.open(link, "_target");
   };
 
+  if (!_notAllowData.notAllowData.find(function (item) {
+    return item === tenantId;
+  })) return /*#__PURE__*/_react["default"].createElement("span", null);
   if (!visible) return /*#__PURE__*/_react["default"].createElement("span", null);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(preCls)

package/lib/components/part-notice/not-allow-data.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.notAllowData = exports["default"] = void 0;
+var notAllowData = [366131, 307425, 386434, 318995, 516911, 520530, 529247, 283929, 521974, 525553, 524783, 533197, 506389, 541245, 265530, 542555, 322665, 388103, 523558, 521070, 547650, 527324, 543000, 536771, 377798, 548066, 541479, 538509, 509148, 383549, 533456, 395251, 516682, 546877, 521818, 552965, 551336, 518051, 544736, 552455, 534044, 529329, 554018, 518791, 392024, 553462, 504585, 551576, 547861, 504087, 555603, 526408, 536559, 555641, 553800, 553083, 554654, 552158, 542587, 379998, 510788, 553836, 529906, 511358, 551913, 543085, 514568, 397292, 556796, 538802, 546456, 549378, 542520, 560327, 548612, 522327, 555225, 530370, 565991, 547082, 564585, 535986, 502385, 391420, 560552, 558317, 564416, 552974, 318867, 570075, 560793, 565994, 533855, 375844, 549354, 571823, 537982, 528567, 568168, 569066, 515852, 566360, 548969, 553532, 352728, 562259, 521375];
+exports.notAllowData = notAllowData;
+var _default = notAllowData;
+exports["default"] = _default;

package/lib/components/period-selector/common.js

@@ -23,8 +23,8 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 var dealSelectedPeriodData = function dealSelectedPeriodData(period) {
   var option = {};
-  option.cycleType = period == "-1" ? "-1" : period.substring(0, 1);
-  option.yqmNum = period.substring(2) == "" ? "0" : period.substring(2);
+  option.cycleType = period === "-1" ? "-1" : period.substring(0, 1);
+  option.yqmNum = period.substring(2) === "" ? "0" : period.substring(2);
   return option;
 };
 
@@ -45,7 +45,7 @@ var dealYearsRange = function dealYearsRange(yearsRange, showAllYears) {
     var startYear = yearsRange[0];
     var endYear = yearsRange[yearsRange.length - 1];
 
-    for (var i = startYear; i <= endYear; i++) {
+    for (var i = startYear; i <= endYear; i += 1) {
       yearsData.push({
         checked: false,
         order: ["".concat(i)],
@@ -70,7 +70,7 @@ var formatPeriod = function formatPeriod(selected) {
   if (!selected) return "";
   var quarter = ["", "".concat((0, _getLocale.getLocale)("OKR_MyO_Pop_1stQuarter")), "".concat((0, _getLocale.getLocale)("OKR_MyO_Pop_2ndQuarter")), "".concat((0, _getLocale.getLocale)("OKR_MyO_Pop_3rdQuarter")), "".concat((0, _getLocale.getLocale)("OKR_MyO_Pop_4thQuarter"))];
   var cycleDate = "";
-  var annualNum = selected.annualNum == "-1" ? "".concat((0, _getLocale.getLocale)("OKR_MyO_Butt_Allyears")) : "".concat(selected.annualNum).concat(_getLocale.isEn ? "" : "年");
+  var annualNum = selected.annualNum === "-1" ? "".concat((0, _getLocale.getLocale)("OKR_MyO_Butt_Allyears")) : "".concat(selected.annualNum).concat(_getLocale.isEn ? "" : "年");
   var month = (0, _constant.getMonth)();
 
   switch ("".concat(selected.cycleType)) {
@@ -96,7 +96,7 @@ var formatPeriod = function formatPeriod(selected) {
       break;
 
     case "5":
-      cycleDate = selected.yqmNum == "1" ? "".concat((0, _getLocale.getLocale)("OKR_MyO_Pop_Firsthalf")) : "".concat((0, _getLocale.getLocale)("OKR_MyO_Pop_Secondhalf"));
+      cycleDate = selected.yqmNum === "1" ? "".concat((0, _getLocale.getLocale)("OKR_MyO_Pop_Firsthalf")) : "".concat((0, _getLocale.getLocale)("OKR_MyO_Pop_Secondhalf"));
       break;
 
     default:
@@ -111,10 +111,10 @@ exports.formatPeriod = formatPeriod;
 var computeYearIndex = function computeYearIndex(currentYear, yearsData, computeType) {
   var newIndex;
   var currentYearIndex = yearsData.findIndex(function (item) {
-    return Number(item.title) == currentYear;
+    return Number(item.title) === currentYear;
   });
 
-  if (computeType == "add") {
+  if (computeType === "add") {
     newIndex = currentYearIndex + 1;
   } else {
     newIndex = currentYearIndex - 1;
@@ -137,6 +137,14 @@ var getDateRangeByCycle = function getDateRangeByCycle(cycle) {
   }
 
   switch (cycle.cycleType) {
+    case "-1":
+      {
+        return {
+          startDate: "",
+          endDate: ""
+        };
+      }
+
     case "1":
       {
         var _start = (0, _moment["default"])().year(Number(cycle.annualNum)).month(startMonth - 1).date(1);
@@ -179,7 +187,7 @@ var getDateRangeByCycle = function getDateRangeByCycle(cycle) {
       {
         var _start3 = (0, _moment["default"])().year(Number(cycle.annualNum)).month(startMonth - 1).date(1);
 
-        if (cycle.yqmNum == "2") _start3.add(6, "M");
+        if (cycle.yqmNum === "2") _start3.add(6, "M");
         return {
           startDate: _start3.format("YYYY/MM/DD"),
           endDate: _start3.add(5, "month").endOf("M").format("YYYY/MM/DD")
@@ -226,8 +234,8 @@ function getDefalutCycle(setting) {
   if (setting.isOpenBimonthly) {
     var month = new Date().getMonth() + 1;
 
-    if (setting.yearStartMonth % 2 == 1) {
-      month -= month % 2 == 1 ? 0 : 1;
+    if (setting.yearStartMonth % 2 === 1) {
+      month -= month % 2 === 1 ? 0 : 1;
     } else {
       month = month - month % 2 || 12;
     }

package/lib/pages/okr-map/export-modules/okr-map/header/index.css

@@ -3,7 +3,7 @@
   background: #ffffff;
   box-shadow: 0px 0px 8px 0px #e9eef3;
   position: relative;
-  border-bottom: 1px solid #E9ECF0;
+  border-bottom: 1px solid #e9ecf0;
 }
 
 .titapage-okr-map__header__folded {
@@ -68,7 +68,7 @@
 }
 
 .titapage-okr-map__header-theme:hover {
-  color: #2879FF;
+  color: #2879ff;
 }
 
 .titapage-okr-map__header-theme:hover:before {
@@ -113,7 +113,7 @@
 }
 
 .titapage-okr-map__header-action-showkr:hover, .titapage-okr-map__header-action-level:hover {
-  background: #F7F8FA;
+  background: #f7f8fa;
 }
 
 .titapage-okr-map__header-action--show-more {
@@ -125,7 +125,7 @@
   height: 30px;
   line-height: 30px;
   cursor: pointer;
-  color: #3F4755;
+  color: #3f4755;
   font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-serif, PingFang SC, Microsoft YaHei;
   font-size: 12px;
 }
@@ -134,7 +134,7 @@
   position: absolute;
   display: inline-block;
   background: url("../../../images/line-down-arrow.svg") transparent no-repeat 50% 50%;
-  content: "";
+  content: '';
   height: 6px;
   width: 10px;
   right: 0;
@@ -151,9 +151,9 @@
 
 .titapage-okr-map__show-more-popup {
   padding: 11px 0;
-  background: #FFFFFF;
+  background: #ffffff;
   box-shadow: 0px 4px 12px 0px rgba(127, 145, 180, 0.2);
-  border: 1px solid #E9ECF0;
+  border: 1px solid #e9ecf0;
   border-radius: 2px;
 }
 
@@ -226,7 +226,7 @@
 }
 
 .titapage-okr-map__dark .titapage-okr-map__header .titaui-period-selector button:hover {
-  background: #5c8EFF;
+  background: #5c8eff;
 }
 
 .titapage-okr-map__dark .titapage-okr-map__header .titaui-period-selector .titaui-period-selector__down-arrow {
@@ -262,7 +262,7 @@
 }
 
 .titapage-okr-map__dark .titapage-okr-map__header .titaui-icon-button-list__btn:hover {
-  background-color: #515A69;
+  background-color: #515a69;
 }
 
 .titapage-okr-map__dark .rc-select-selection-item {
@@ -286,7 +286,7 @@
   content: 'i';
   width: 16px;
   height: 16px;
-  background-color: #FFBC00;
+  background-color: #ffbc00;
   color: #fff;
   text-align: center;
   line-height: 16px;
@@ -299,7 +299,8 @@
 .titapage-okr-map--kr-dialog--content {
   font-size: 14px;
   font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-serif, PingFang SC, Microsoft YaHei;
-  color: #6F7886;
+  color: #6f7886;
   line-height: 20px;
   padding: 0 32px;
+  display: block;
 }

package/lib/utils/tools.js

@@ -6,8 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.changeQueryString = changeQueryString;
 exports.getQueryString = getQueryString;
 exports.highLightWord = exports.hexToRgba = exports.getUrlForUserPage = void 0;
+exports.htmlDecodeByHtmlRegExp = htmlDecodeByHtmlRegExp;
 exports.htmlDecodeByRegExp = htmlDecodeByRegExp;
 exports.htmlEncodeByRegExp = htmlEncodeByRegExp;
+exports.htmlEncodeToHtmlByRegExp = htmlEncodeToHtmlByRegExp;
 exports.unHighLight = exports.openPage = void 0;
 
 var _platform = require("./platform");
@@ -20,6 +22,18 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 function htmlEncodeByRegExp(str) {
   if (!str) return "";
   var htmlString = {
@@ -50,7 +64,7 @@ function htmlDecodeByRegExp(str) {
 }
 
 function changeQueryString(key, value) {
-  var hash = decodeURIComponent(location.hash);
+  var hash = decodeURIComponent(window.location.hash);
   var queryObject = {};
   var markIndex = hash.indexOf("?"); // contain query string in fragments
 
@@ -60,25 +74,27 @@ function changeQueryString(key, value) {
     var queryString = hash.slice(markIndex + 1);
     var queryArray = queryString.split("&");
     queryArray.forEach(function (item) {
-      item = item.split("=");
-      queryObject[item[0]] = item[1];
+      var _item$split = item.split("="),
+          _item$split2 = _slicedToArray(_item$split, 2),
+          tempItem0 = _item$split2[0],
+          tempItem1 = _item$split2[1];
+
+      queryObject[tempItem0] = tempItem1;
     });
     queryObject[key] = value;
     var arr = [];
-
-    for (var name in queryObject) {
+    Object.keys(queryObject).forEach(function (name) {
       arr.push("".concat(name, "=").concat(queryObject[name]));
-    }
-
-    location.hash = "".concat(hashName, "?").concat(arr.join("&"));
+    });
+    window.location.hash = "".concat(hashName, "?").concat(arr.join("&"));
   } else {
-    location.hash = hash;
+    window.location.hash = hash;
   }
 }
 
 function getQueryString() {
   // 获取Url上的参数，以{}返回
-  var hash = decodeURIComponent(location.hash);
+  var hash = decodeURIComponent(window.location.hash);
   var queryObject = {};
   var markIndex = hash.indexOf("?"); // contain query string in fragments
 
@@ -87,7 +103,7 @@ function getQueryString() {
     var queryString = hash.slice(markIndex + 1);
     var queryArray = queryString.split("&");
 
-    for (var i = 0; i < queryArray.length; i++) {
+    for (var i = 0; i < queryArray.length; i += 1) {
       var queryPair = queryArray[i].split("=");
 
       if (queryPair[0] !== "_k") {
@@ -127,39 +143,42 @@ var highLightWord = function highLightWord(_ref) {
       }
     } else {
       var doms = Array.from(parentDom.childNodes);
-      doms && doms.length > 0 && doms.map(function (dom) {
-        // @ts-ignore      1是元素  3是文本节点
-        if (dom.nodeType === 3) {
-          var _match = dom.data.match(reg);
 
-          var _currentDom = dom;
+      if (doms && doms.length > 0) {
+        doms.forEach(function (dom) {
+          // @ts-ignore      1是元素  3是文本节点
+          if (dom.nodeType === 3) {
+            var _match = dom.data.match(reg);
 
-          while (_match) {
-            var _highlight = document.createElement(nodeType);
+            var _currentDom = dom;
 
-            _highlight.className = className;
+            while (_match) {
+              var _highlight = document.createElement(nodeType);
 
-            var _wordNode = _currentDom.splitText(_match.index);
+              _highlight.className = className;
 
-            _currentDom = _wordNode.splitText(_match[0].length);
+              var _wordNode = _currentDom.splitText(_match.index);
 
-            var _wordClone = _wordNode.cloneNode(true);
+              _currentDom = _wordNode.splitText(_match[0].length);
 
-            _highlight.appendChild(_wordClone);
+              var _wordClone = _wordNode.cloneNode(true);
 
-            _wordNode.parentNode.replaceChild(_highlight, _wordNode);
+              _highlight.appendChild(_wordClone);
 
-            _match = _currentDom.data.match(reg);
-          }
-        } else if (dom.nodeType === 1 && dom.childNodes) {
-          for (var i = 0; i < dom.childNodes.length; i++) {
-            i += highLightWord({
-              parentDom: dom.childNodes[i],
-              keyWord: keyWord
-            });
+              _wordNode.parentNode.replaceChild(_highlight, _wordNode);
+
+              _match = _currentDom.data.match(reg);
+            }
+          } else if (dom.nodeType === 1 && dom.childNodes) {
+            for (var i = 0; i < dom.childNodes.length; i += 1) {
+              i += highLightWord({
+                parentDom: dom.childNodes[i],
+                keyWord: keyWord
+              });
+            }
           }
-        }
-      });
+        });
+      }
     }
   }
 };
@@ -173,19 +192,22 @@ var unHighLight = function unHighLight(_ref2) {
       _ref2$nodeType = _ref2.nodeType,
       nodeType = _ref2$nodeType === void 0 ? "span" : _ref2$nodeType;
   var doms = parentDom.querySelectorAll("".concat(nodeType, " .").concat(className));
-  doms && doms.forEach(function (dom) {
-    var parentNode = dom.parentNode;
-    var firstChild = dom.firstChild;
-    parentNode.replaceChild(firstChild, dom);
-    parentNode.normalize();
-  });
+
+  if (doms) {
+    doms.forEach(function (dom) {
+      var parentNode = dom.parentNode;
+      var firstChild = dom.firstChild;
+      parentNode.replaceChild(firstChild, dom);
+      parentNode.normalize();
+    });
+  }
 };
 
 exports.unHighLight = unHighLight;
 
 var hexToRgba = function hexToRgba(hex) {
   var opacity = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
-  return "rgba(".concat(parseInt("0x".concat(hex.slice(1, 3))), ",").concat(parseInt("0x".concat(hex.slice(3, 5))), ",").concat(parseInt("0x".concat(hex.slice(5, 7))), ",").concat(opacity, ")");
+  return "rgba(".concat(parseInt("0x".concat(hex.slice(1, 3)), 16), ",").concat(parseInt("0x".concat(hex.slice(3, 5)), 16), ",").concat(parseInt("0x".concat(hex.slice(5, 7)), 16), ",").concat(opacity, ")");
 };
 
 exports.hexToRgba = hexToRgba;
@@ -199,13 +221,13 @@ var getUrlForUserPage = function getUrlForUserPage(options) {
 
   var configs = _objectSpread(_objectSpread({}, defults), options);
 
-  if (!configs.userId || (0, _platform.isDD)(true) || (0, _platform.isFeishu)(true) || configs.userType == 2) {
+  if (!configs.userId || (0, _platform.isDD)(true) || (0, _platform.isFeishu)(true) || configs.userType === 2) {
     return "";
   }
 
   var userInfo = window.BSGlobal.loginUserInfo;
 
-  if (configs.userId == undefined) {
+  if (configs.userId === undefined) {
     configs.userId = userInfo.Id;
   }
 
@@ -223,6 +245,33 @@ var openPage = function openPage(url) {
   } else {
     window.open(url, "_blank");
   }
-};
+}; // html标签转义
+
+
+exports.openPage = openPage;
+
+function htmlEncodeToHtmlByRegExp(str) {
+  var temp = "";
+  if (str.length === 0) return ""; // temp = str.replace(/&/g, "&amp;")
+
+  temp = str.replace(/</g, "&lt;");
+  temp = temp.replace(/>/g, "&gt;"); // temp = temp.replace(/ /g, "&nbsp;")
+
+  temp = temp.replace(/'/g, "&#39;");
+  temp = temp.replace(/"/g, "&quot;");
+  temp = temp.replace(/\n/g, "<br/>");
+  return temp;
+}
 
-exports.openPage = openPage;
+function htmlDecodeByHtmlRegExp(str) {
+  var temp = "";
+  if (str.length === 0) return "";
+  temp = str.replace(/&amp;/g, "&");
+  temp = temp.replace(/&lt;/g, "<");
+  temp = temp.replace(/&gt;/g, ">");
+  temp = temp.replace(/&nbsp;/g, " ");
+  temp = temp.replace(/&#39;/g, "'");
+  temp = temp.replace(/&quot;/g, "\"");
+  temp = temp.replace(/<br\/>/g, "\n");
+  return temp;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@titaui/pc",
-  "version": "1.9.73",
+  "version": "1.9.77",
   "nameCN": "",
   "description": "",
   "main": "src/index.js",
@@ -116,6 +116,7 @@
     "react-content-loader": "^6.0.3",
     "react-cropper": "^2.1.8",
     "react-custom-scrollbars": "^4.2.1",
+    "react-dom": "^17.0.2",
     "react-grid-layout": "^1.2.5",
     "react-perfect-scrollbar": "^1.5.8",
     "react-sizeme": "^3.0.1",

package/src/components/dynamic/dynamic-item/dynamic-project/constant.ts

@@ -1,6 +1,6 @@
 import { getLocale } from "../../../../utils/getLocale";
 
-export const EStatusClass2StatusTypeText = {
+export const getEStatusClass2StatusTypeText = () => ({
   2: getLocale("OKR_MyO_E_From_Completed"),
   1: getLocale("Per_MyRe_text_Inprogress"),
   4: getLocale("OKR_MyO_E_From_Cancelled"),
@@ -8,4 +8,6 @@ export const EStatusClass2StatusTypeText = {
   6: getLocale("OKR_MyO_E_From_Suspended"),
   0: getLocale("OKR_MyO_E_From_NotStarted"),
   5: getLocale("OKR_MyO_E_From_Notaccepted"),
-};
+});
+
+export default getEStatusClass2StatusTypeText;

package/src/components/dynamic/dynamic-item/dynamic-project/index.tsx

@@ -1,10 +1,10 @@
 import React, {
-  FC, useContext, useMemo, Fragment,
+  FC, useContext, useMemo,
 } from "react";
 import classNames from "classnames";
 import { IDynamicItemContentProps } from "../../interface";
 import DynamicItemHeader from "../components/header";
-import { EStatusClass2StatusTypeText } from "./constant";
+import { getEStatusClass2StatusTypeText } from "./constant";
 import { EStatusStatus2ClassType } from "../../constant";
 import { SearchKeyContext } from "../../context";
 import SearchKeyHandle from "../../../search-key-handle";
@@ -31,7 +31,7 @@ const DynamicProject: FC<IDynamicItemContentProps> = ({
   const handleClickTitle = () => {
     window.open(
       window.location.href.replace(
-        location.hash,
+        window.location.hash,
         `#work?iTalentNavCode=tita-work&work_id=${data.obj.objId}`,
       ),
     );
@@ -69,7 +69,7 @@ const DynamicProject: FC<IDynamicItemContentProps> = ({
         user={principalUser}
       />
       <div className={`${prefix}__content`}>
-        <img className={`${prefix}__content-img`} src={ProjectImg} />
+        <img className={`${prefix}__content-img`} src={ProjectImg} alt="" />
         <div className={`${prefix}__content-info`}>
           <div className={`${prefix}__content-title`}>
             <Tooltip.Text isPercent text={renderName} minusWidth={30} />
@@ -77,7 +77,7 @@ const DynamicProject: FC<IDynamicItemContentProps> = ({
           <div className={`${prefix}__content-status-and-time-range`}>
             <i className={classNames(EStatusStatus2ClassType[status])} />
             <span className={`${prefix}__content-status-text`}>
-              {EStatusClass2StatusTypeText[status]}
+              {getEStatusClass2StatusTypeText()[status]}
             </span>
             <i className={classNames("tu-icon-deferred")} />
             <span className={`${prefix}__content-time-range`}>

package/src/components/dynamic/dynamic-item/dynamic-replay/index.scss

@@ -22,7 +22,7 @@
         line-height: 22px;
         cursor: pointer;
         &::before {
-          content: "";
+          content: '';
           display: inline-block;
           width: 6px;
           height: 6px;
@@ -45,7 +45,7 @@
         align-items: center;
         margin-bottom: 8px;
         &::before {
-          content: "";
+          content: '';
           display: inline-block;
           width: 4px;
           height: 12px;
@@ -63,8 +63,9 @@
         color: #3f4755;
         line-height: 22px;
         margin-left: 8px;
+        white-space: pre-wrap;
         &::before {
-          content: "";
+          content: '';
           display: inline-block;
           width: 6px;
           height: 6px;
@@ -80,6 +81,7 @@
         line-height: 22px;
         margin-bottom: 4px;
         margin-left: 8px;
+        white-space: pre-wrap;
       }
       &-content--sub {
         margin-left: 20px;

package/src/components/dynamic/dynamic-item/dynamic-replay/index.tsx

@@ -1,5 +1,5 @@
 import React, {
-  FC, useContext, useMemo, Fragment,
+  FC, useContext, useMemo,
 } from "react";
 import classNames from "classnames";
 import { IDynamicItemContentProps } from "../../interface";
@@ -12,6 +12,7 @@ import DynamicTitle from "../../components/title";
 import { getFeedTypeAndTypeColor } from "../../util";
 import Tooltip from "../../../tooltip";
 import { getLocale } from "../../../../utils/getLocale";
+import { htmlDecodeByHtmlRegExp } from "../../../../utils/tools";
 import "./index.scss";
 
 const prefix = "titaui-dynamic-reply-item";
@@ -84,7 +85,7 @@ const DynamicReply: FC<IDynamicItemContentProps> = ({ data, ...restProps }) => {
           <div className={`${prefix}__detail-gain`}>
             <div className={`${prefix}__detail-block-title`}>{getLocale("OKR_MyO_KRP_Pop_Value")}</div>
             <div className={`${prefix}__detail-block-content`}>
-              <SearchKeyHandle str={data.gains} keyWord={searchKeyWord} />
+              <SearchKeyHandle str={htmlDecodeByHtmlRegExp(data.gains)} keyWord={searchKeyWord} />
             </div>
           </div>
           <div>
@@ -101,7 +102,7 @@ const DynamicReply: FC<IDynamicItemContentProps> = ({ data, ...restProps }) => {
                   </div>
                   <div className={`${prefix}__detail-block-content`}>
                     <SearchKeyHandle
-                      str={item.drawback}
+                      str={htmlDecodeByHtmlRegExp(item.drawback)}
                       keyWord={searchKeyWord}
                     />
                   </div>
@@ -117,7 +118,7 @@ const DynamicReply: FC<IDynamicItemContentProps> = ({ data, ...restProps }) => {
                       )}
                     >
                       <SearchKeyHandle
-                        str={item.cause}
+                        str={htmlDecodeByHtmlRegExp(item.cause)}
                         keyWord={searchKeyWord}
                       />
                     </div>
@@ -135,7 +136,7 @@ const DynamicReply: FC<IDynamicItemContentProps> = ({ data, ...restProps }) => {
                       )}
                     >
                       <SearchKeyHandle
-                        str={item.measures}
+                        str={htmlDecodeByHtmlRegExp(item.measures)}
                         keyWord={searchKeyWord}
                       />
                     </div>