@titaui/pc 1.16.22 → 1.16.25

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

@@ -0,0 +1,230 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _header = _interopRequireDefault(require("../components/header"));
+
+var _tooltip = _interopRequireDefault(require("../../../tooltip"));
+
+var _openData = require("../../../../utils/open-data");
+
+var _constant = require("../../constant");
+
+var _dynamicRela = _interopRequireDefault(require("./img/dynamic-rela.svg"));
+
+var _drawerManager = _interopRequireDefault(require("../../../drawer-manager"));
+
+var _context = require("../../context");
+
+var _searchKeyHandle = _interopRequireDefault(require("../../../search-key-handle"));
+
+var _getLocale = require("../../../../utils/getLocale");
+
+var _dynamicRelaO = _interopRequireDefault(require("./img/dynamic-rela-o.png"));
+
+var _dynamicRelaKr = _interopRequireDefault(require("./img/dynamic-rela-kr.png"));
+
+var _dynamicRelaProject = _interopRequireDefault(require("./img/dynamic-rela-project.png"));
+
+var _dynamicRelaTask = _interopRequireDefault(require("./img/dynamic-rela-task.png"));
+
+var _tools = require("../../../../utils/tools");
+
+require("./index.css");
+
+var _excluded = ["data"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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); }
+
+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 _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 _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; }
+
+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 prefix = 'titaui-dynamic-relative-item';
+
+var DynamicRelative = function DynamicRelative(_ref) {
+  var _classNames, _classNames2;
+
+  var data = _ref.data,
+      restProps = _objectWithoutProperties(_ref, _excluded);
+
+  var objName = data.objName,
+      objId = data.objId,
+      objType = data.objType,
+      relateObjType = data.relateObjType,
+      relateObjName = data.relateObjName,
+      relateObjId = data.relateObjId,
+      objCycleName = data.objCycleName,
+      objPrincipalUser = data.objPrincipalUser,
+      rObjprincipalUser = data.rObjprincipalUser,
+      rObjCycleName = data.rObjCycleName,
+      publishUser = data.publishUser;
+
+  var _useContext = (0, _react.useContext)(_context.SearchKeyContext),
+      searchKeyWord = _useContext.searchKeyWord;
+
+  var _useState = (0, _react.useState)(null),
+      _useState2 = _slicedToArray(_useState, 2),
+      relatedImgUrl = _useState2[0],
+      setRelatedImgUrl = _useState2[1];
+
+  var handleClickTitle = function handleClickTitle(id, type) {
+    if (type === _constant.EObjType.Kr) {
+      _drawerManager["default"].open('krDetail', {
+        krId: id
+      });
+    }
+
+    if (type === _constant.EObjType.O) {
+      _drawerManager["default"].open('okrDetail', {
+        okrId: id
+      });
+    }
+
+    if (type === _constant.EObjType.Project) {
+      window.open(window.location.href.replace(window.location.hash, "#work?iTalentNavCode=tita-work&work_id=".concat(id)));
+    }
+
+    if (type === _constant.EObjType.Task) {
+      window.Talent.app.vent.trigger('global-pull-screen', id, 'task');
+    }
+  };
+
+  var renderDesc = (0, _react.useMemo)(function () {
+    var text;
+
+    if (relateObjType === _constant.EObjType.Kr) {
+      text = "".concat((0, _getLocale.getLocale)('Mod_Connected')).concat((0, _getLocale.getLocale)('Mod_KeyResults'));
+    }
+
+    if (relateObjType === _constant.EObjType.O) {
+      text = "".concat((0, _getLocale.getLocale)('Mod_Connected')).concat((0, _getLocale.getLocale)('Mod_Objective'));
+    }
+
+    if (relateObjType === _constant.EObjType.Project) {
+      text = "".concat((0, _getLocale.getLocale)('Mod_Connected')).concat((0, _getLocale.getLocale)('Feed_Set_Project'));
+    }
+
+    return /*#__PURE__*/_react["default"].createElement("span", {
+      className: "".concat(prefix, "__operate-desc")
+    }, text);
+  }, []);
+  (0, _react.useEffect)(function () {
+    if (relateObjType === _constant.EObjType.O) {
+      setRelatedImgUrl(_dynamicRelaO["default"]);
+    } else if (relateObjType === _constant.EObjType.Kr) {
+      setRelatedImgUrl(_dynamicRelaKr["default"]);
+    } else {
+      setRelatedImgUrl(_dynamicRelaProject["default"]);
+    }
+  }, []);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: prefix
+  }, /*#__PURE__*/_react["default"].createElement(_header["default"], _extends({
+    data: data
+  }, restProps, {
+    desc: renderDesc,
+    user: publishUser
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "__content")
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "__obj")
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "__obj-base-info")
+  }, /*#__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"), relateObjType === _constant.EObjType.O), _defineProperty(_classNames, "".concat(prefix, "__obj-base-info-left--kr"), relateObjType === _constant.EObjType.Kr), _defineProperty(_classNames, "".concat(prefix, "__obj-base-info-left--project"), relateObjType === _constant.EObjType.Project), _classNames))
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    alt: "",
+    className: "".concat(prefix, "__obj-base-info-left-img"),
+    src: relatedImgUrl || ''
+  })), /*#__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(relateObjId, relateObjType);
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"].Text, {
+    isPercent: true,
+    text: /*#__PURE__*/_react["default"].createElement(_searchKeyHandle["default"], {
+      str: (0, _tools.htmlDecodeByRegExp)(relateObjName),
+      keyWord: searchKeyWord
+    })
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "__obj-other-info")
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(prefix, "__obj-principal-user")
+  }, rObjprincipalUser && /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
+    id: rObjprincipalUser.userId,
+    name: rObjprincipalUser.name
+  })), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(prefix, "__obj-cycle")
+  }, rObjCycleName))))), /*#__PURE__*/_react["default"].createElement("img", {
+    className: "".concat(prefix, "__rela-img"),
+    src: _dynamicRela["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("span", {
+    className: (0, _classnames["default"])("".concat(prefix, "__obj-base-info-left"), (_classNames2 = {}, _defineProperty(_classNames2, "".concat(prefix, "__obj-base-info-left--task"), objType === _constant.EObjType.Task), _defineProperty(_classNames2, "".concat(prefix, "__obj-base-info-left--project"), objType === _constant.EObjType.Project), _classNames2))
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    alt: "",
+    className: "".concat(prefix, "__obj-base-info-left-img"),
+    src: objType === _constant.EObjType.Task ? _dynamicRelaTask["default"] : _dynamicRelaProject["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(objId, objType);
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"].Text, {
+    isPercent: true,
+    text: (0, _openData.parseString)((0, _tools.htmlDecodeByRegExp)(objName))
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "__obj-other-info")
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(prefix, "__obj-principal-user")
+  }, objPrincipalUser && /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
+    id: objPrincipalUser.userId,
+    name: objPrincipalUser.name
+  })), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(prefix, "__obj-cycle")
+  }, objCycleName)))))));
+};
+
+var _default = DynamicRelative;
+exports["default"] = _default;

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

@@ -0,0 +1,183 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _context = require("../../context");
+
+var _searchKeyHandle = _interopRequireDefault(require("../../../search-key-handle"));
+
+var _header = _interopRequireDefault(require("../components/header"));
+
+var _drawerManager = _interopRequireDefault(require("../../../drawer-manager"));
+
+var _constant = require("../../constant");
+
+var _title = _interopRequireDefault(require("../../components/title"));
+
+var _tooltip = _interopRequireDefault(require("../../../tooltip"));
+
+var _getLocale = require("../../../../utils/getLocale");
+
+var _tools = require("../../../../utils/tools");
+
+var _openData = require("../../../../utils/open-data");
+
+require("./index.css");
+
+var _excluded = ["data"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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); }
+
+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 _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; }
+
+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 prefix = 'titaui-dynamic-reply-item';
+
+var DynamicReply = function DynamicReply(_ref) {
+  var data = _ref.data,
+      restProps = _objectWithoutProperties(_ref, _excluded);
+
+  var _useContext = (0, _react.useContext)(_context.SearchKeyContext),
+      searchKeyWord = _useContext.searchKeyWord;
+
+  var replayObjType = data.replayObjType,
+      publishUser = data.publishUser;
+
+  var handleShowTaskDrawer = function handleShowTaskDrawer(taskId) {
+    window.Talent.app.vent.trigger('global-pull-screen', taskId, 'task');
+  };
+
+  var handleClickTitle = function handleClickTitle() {
+    if (data.replayObjType === _constant.EObjType.Kr) {
+      _drawerManager["default"].open('krDetail', {
+        krId: data.replayObjId
+      });
+    }
+
+    if (data.replayObjType === _constant.EObjType.O) {
+      _drawerManager["default"].open('okrDetail', {
+        okrId: data.replayObjId
+      });
+    }
+  };
+
+  var handleClickOTitle = function handleClickOTitle() {
+    _drawerManager["default"].open('okrDetail', {
+      okrId: data.obj.objId
+    });
+  };
+
+  var renderDesc = (0, _react.useMemo)(function () {
+    var dom;
+
+    if (replayObjType === _constant.EObjType.O) {
+      dom = '的目标复盘';
+    }
+
+    if (replayObjType === _constant.EObjType.Kr) {
+      dom = /*#__PURE__*/_react["default"].createElement("span", {
+        className: "".concat(prefix, "__operate-desc-wrapper")
+      }, (0, _getLocale.getLocale)('Mod_Objective'), /*#__PURE__*/_react["default"].createElement("span", {
+        className: "".concat(prefix, "__object-name"),
+        onClick: handleClickOTitle
+      }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"].Text, {
+        text: (0, _openData.parseString)((0, _tools.htmlDecodeByRegExp)(data.obj.objName)),
+        isPercent: true
+      })), "\u4E0B\u5173\u952E\u6210\u679C\u7684\u590D\u76D8");
+    }
+
+    return /*#__PURE__*/_react["default"].createElement("span", {
+      className: "".concat(prefix, "__operate-desc")
+    }, dom);
+  }, []);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: prefix
+  }, /*#__PURE__*/_react["default"].createElement(_header["default"], _extends({
+    data: data
+  }, restProps, {
+    desc: renderDesc,
+    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.replayObjName,
+    onClickTitle: handleClickTitle,
+    type: "".concat(data.replayObjType === 65 ? 'KR' : (0, _getLocale.getLocale)('Mod_Objective')),
+    typeBgColor: "".concat(data.replayObjType === 65 ? 'rgba(90, 216, 166, 0.5)' : 'rgba(40, 121, 255, 0.5)'),
+    titleBgColor: "".concat(data.replayObjType === 65 ? 'rgba(90, 216, 166, 0.1)' : 'rgba(40, 121, 255, 0.1)'),
+    contentColor: "".concat(data.replayObjType === 65 ? '#5AD8A6' : '#2879FF')
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "__detail")
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "__detail-gain")
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "__detail-block-title")
+  }, (0, _getLocale.getLocale)('OKR_MyO_KRP_Pop_Value')), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "__detail-block-content")
+  }, /*#__PURE__*/_react["default"].createElement(_searchKeyHandle["default"], {
+    str: (0, _tools.htmlDecodeByHtmlRegExp)(data.gains),
+    keyWord: searchKeyWord
+  }))), /*#__PURE__*/_react["default"].createElement("div", null, data.drawbacks && data.drawbacks.map(function (item, index) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      key: item.drawbackId,
+      className: "".concat(prefix, "__detail-drawback")
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "".concat(prefix, "__detail-block-title")
+    }, (0, _getLocale.getLocale)('OKR_MyO_KRP_Pop_Problems'), " ", index + 1), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "".concat(prefix, "__detail-block-content")
+    }, /*#__PURE__*/_react["default"].createElement(_searchKeyHandle["default"], {
+      str: (0, _tools.htmlDecodeByHtmlRegExp)(item.drawback),
+      keyWord: searchKeyWord
+    })), item.cause && /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "".concat(prefix, "__detail-block-title--sub")
+    }, "\u6839\u672C\u539F\u56E0:"), /*#__PURE__*/_react["default"].createElement("div", {
+      className: (0, _classnames["default"])("".concat(prefix, "__detail-block-content"), "".concat(prefix, "__detail-block-content--sub"))
+    }, /*#__PURE__*/_react["default"].createElement(_searchKeyHandle["default"], {
+      str: (0, _tools.htmlDecodeByHtmlRegExp)(item.cause),
+      keyWord: searchKeyWord
+    }))), item.measures && /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "".concat(prefix, "__detail-block-title--sub")
+    }, "\u76F8\u5E94\u63AA\u65BD:"), /*#__PURE__*/_react["default"].createElement("div", {
+      className: (0, _classnames["default"])("".concat(prefix, "__detail-block-content"), "".concat(prefix, "__detail-block-content--sub"))
+    }, /*#__PURE__*/_react["default"].createElement(_searchKeyHandle["default"], {
+      str: (0, _tools.htmlDecodeByHtmlRegExp)(item.measures),
+      keyWord: searchKeyWord
+    }))));
+  })), data.tasks && data.tasks.length > 0 && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "__detail-tasks")
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "__detail-block-title")
+  }, "\u6539\u8FDB\u8BA1\u5212"), data.tasks && data.tasks.map(function (task) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      key: task.taskId,
+      className: "".concat(prefix, "__detail-tasks-item"),
+      onClick: function onClick() {
+        handleShowTaskDrawer(task.taskId);
+      }
+    }, /*#__PURE__*/_react["default"].createElement(_searchKeyHandle["default"], {
+      str: task.taskName,
+      keyWord: searchKeyWord
+    }));
+  })))));
+};
+
+var _default = DynamicReply;
+exports["default"] = _default;

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

@@ -0,0 +1,188 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var Sentry = _interopRequireWildcard(require("@sentry/browser"));
+
+var _reactIntersectionObserver = require("react-intersection-observer");
+
+var _context = require("../../context");
+
+var _header = _interopRequireDefault(require("../components/header"));
+
+var _dangerousHtml = _interopRequireDefault(require("../../../dangerous-html"));
+
+var _tools = require("../../../../utils/tools");
+
+var _title = _interopRequireDefault(require("../../components/title"));
+
+var _getLocale = require("../../../../utils/getLocale");
+
+require("./index.css");
+
+var _excluded = ["data", "isFold"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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); }
+
+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 _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 _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 _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; }
+
+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 prefix = 'titaui-dynamic-report-item';
+
+var DynamicReply = function DynamicReply(_ref) {
+  var data = _ref.data,
+      _ref$isFold = _ref.isFold,
+      isFold = _ref$isFold === void 0 ? true : _ref$isFold,
+      restProps = _objectWithoutProperties(_ref, _excluded);
+
+  var submitState = data.submitState,
+      feedId = data.feedId,
+      publishUser = data.publishUser,
+      reportType = data.reportType;
+  var contentRichTextRef = (0, _react.useRef)();
+  var workPlanRichTextRef = (0, _react.useRef)();
+
+  var _useContext = (0, _react.useContext)(_context.SearchKeyContext),
+      searchKeyWord = _useContext.searchKeyWord;
+
+  var handleClickTitle = function handleClickTitle() {
+    if (window.titaTracker) {
+      window.titaTracker('planAction').record({
+        actionName: '查看日报',
+        actionGroup: '动态-推屏',
+        productName: '动态',
+        feedId: feedId
+      });
+    } // @ts-ignore
+
+
+    window.Talent.app.vent.trigger('global-daily-detail-pull-screen', feedId);
+  };
+
+  var renderSuffix = (0, _react.useMemo)(function () {
+    var _classNames;
+
+    return /*#__PURE__*/_react["default"].createElement("span", {
+      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))
+    }, 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", {
+      className: "".concat(prefix, "__operate-desc")
+    }, reportTextMap[reportType]);
+  }, [reportType]);
+  (0, _react.useEffect)(function () {
+    (0, _tools.highLightWord)({
+      parentDom: contentRichTextRef.current,
+      keyWord: searchKeyWord
+    });
+    (0, _tools.highLightWord)({
+      parentDom: workPlanRichTextRef.current,
+      keyWord: searchKeyWord
+    });
+  }, [data, searchKeyWord]);
+
+  var renderContent = function renderContent() {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: prefix
+    }, /*#__PURE__*/_react["default"].createElement(_header["default"], _extends({
+      data: data
+    }, restProps, {
+      desc: renderDesc,
+      user: publishUser,
+      suffixContent: renderSuffix
+    })), /*#__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: (0, _tools.htmlDecodeByRegExp)(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", {
+      className: "".concat(prefix, "__summary")
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "".concat(prefix, "__block-title")
+    }, (0, _getLocale.getLocale)('Rep_Tab_Mys_Summaryobsta')), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "".concat(prefix, "__content-text"),
+      ref: contentRichTextRef
+    }, /*#__PURE__*/_react["default"].createElement(_dangerousHtml["default"], {
+      htmlText: data.contentRichText
+    }))), data.workPlanRichText && /*#__PURE__*/_react["default"].createElement("div", {
+      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", {
+      className: "".concat(prefix, "__content-text"),
+      ref: workPlanRichTextRef
+    }, /*#__PURE__*/_react["default"].createElement(_dangerousHtml["default"], {
+      htmlText: data.workPlanRichText
+    })))));
+  };
+
+  if (!window.IntersectionObserver) {
+    Sentry.withScope(function (scope) {
+      scope.setTag('error-level', "P0");
+      scope.setTag('error-type', '总结在 window 找不到 IntersectionObserver');
+      scope.setExtra('componentStack', '总结在 window 找不到 IntersectionObserver');
+    });
+    return renderContent();
+  }
+
+  var handleInView = function handleInView(inview) {
+    if (!isFold) return;
+
+    if (inview) {
+      window.titaTracker('planAction').record({
+        actionName: '查看日报',
+        actionGroup: '动态-查看日报',
+        productName: '动态',
+        feedId: feedId
+      });
+    }
+  };
+
+  return /*#__PURE__*/_react["default"].createElement(_reactIntersectionObserver.InView, {
+    triggerOnce: true,
+    onChange: handleInView,
+    threshold: 0.5
+  }, renderContent());
+};
+
+var _default = DynamicReply;
+exports["default"] = _default;