@titaui/pc 1.16.42 → 1.16.43-beta.2

package/lib/components/communication/index.js

@@ -228,18 +228,62 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
       isShowAllCommunicationRecord ? _this.getFeedInfo(feedId, communicationTrackTotal) : _this.getFeedInfo(feedId, commentCount);
     };
 
-    _this.handlerReply = function (submitType, sentData) {
+    _this.customSubmitCallback = function (res) {
+      var _this$state3 = _this.state,
+          communicationTrackList = _this$state3.communicationTrackList,
+          isShowAllCommunicationRecord = _this$state3.isShowAllCommunicationRecord,
+          communicationTrackTotal = _this$state3.communicationTrackTotal;
       var _this$props4 = _this.props,
           feedId = _this$props4.feedId,
-          commentCount = _this$props4.commentCount,
-          commentType = _this$props4.commentType,
-          okrFeedParams = _this$props4.okrFeedParams,
-          onReplyChange = _this$props4.onReplyChange;
-      var _this$state3 = _this.state,
-          isShowReplyToUser = _this$state3.isShowReplyToUser,
-          replyUserCommentId = _this$state3.replyUserCommentId,
-          communicationTrackTotal = _this$state3.communicationTrackTotal,
-          isShowAllCommunicationRecord = _this$state3.isShowAllCommunicationRecord;
+          commentCount = _this$props4.commentCount;
+
+      if (res.Code === 1) {
+        _this.setState({
+          submitStatus: 1,
+          isShowReplyToUser: false,
+          isShowDefaultInput: true
+        });
+
+        if (!feedId) {
+          _this.setState({
+            communicationTrackList: [].concat(_toConsumableArray(communicationTrackList), [res.Data])
+          });
+
+          return;
+        }
+
+        if (isShowAllCommunicationRecord) _this.getFeedInfo(feedId, communicationTrackTotal + 1);else _this.getFeedInfo(feedId, commentCount);
+      } else {
+        _this.setState({
+          submitStatus: 0
+        });
+      }
+    };
+
+    _this.handlerReply = function (submitType, sentData) {
+      var _this$state4 = _this.state,
+          isShowReplyToUser = _this$state4.isShowReplyToUser,
+          replyUserCommentId = _this$state4.replyUserCommentId,
+          communicationTrackTotal = _this$state4.communicationTrackTotal,
+          isShowAllCommunicationRecord = _this$state4.isShowAllCommunicationRecord;
+      var _this$props5 = _this.props,
+          feedId = _this$props5.feedId,
+          commentCount = _this$props5.commentCount,
+          commentType = _this$props5.commentType,
+          okrFeedParams = _this$props5.okrFeedParams,
+          onReplyChange = _this$props5.onReplyChange,
+          customSubmitHandlerSync = _this$props5.customSubmitHandlerSync,
+          customSubmitHandler = _this$props5.customSubmitHandler;
+
+      if (submitType === 'submit' && customSubmitHandlerSync) {
+        customSubmitHandlerSync(sentData).then(_this.customSubmitCallback);
+        return;
+      }
+
+      if (submitType === 'submit' && customSubmitHandler) {
+        customSubmitHandler(sentData, _this.customSubmitCallback);
+        return;
+      }
 
       if (submitType === 'submit') {
         // 发送
@@ -333,11 +377,11 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
   _createClass(Communication, [{
     key: "componentDidMount",
     value: function componentDidMount() {
-      var _this$props5 = this.props,
-          feedId = _this$props5.feedId,
-          commentCount = _this$props5.commentCount,
-          commentType = _this$props5.commentType,
-          usePropsComment = _this$props5.usePropsComment;
+      var _this$props6 = this.props,
+          feedId = _this$props6.feedId,
+          commentCount = _this$props6.commentCount,
+          commentType = _this$props6.commentType,
+          usePropsComment = _this$props6.usePropsComment;
 
       if ((feedId || commentType === 2) && !usePropsComment) {
         this.getFeedInfo(feedId, commentCount);
@@ -347,9 +391,9 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps, prevState) {
       if (prevProps.feedId !== this.props.feedId || prevProps.okrFeedParams !== this.props.okrFeedParams || prevProps.usePropsComment !== this.props.usePropsComment) {
-        var _this$props6 = this.props,
-            feedId = _this$props6.feedId,
-            commentCount = _this$props6.commentCount;
+        var _this$props7 = this.props,
+            feedId = _this$props7.feedId,
+            commentCount = _this$props7.commentCount;
         this.getFeedInfo(feedId, commentCount);
       }
     }
@@ -365,42 +409,42 @@ var Communication = /*#__PURE__*/function (_PureComponent) {
     value: function render() {
       var _this2 = this;
 
-      var _this$state4 = this.state,
-          communicationTrackList = _this$state4.communicationTrackList,
-          communicationTrackTotal = _this$state4.communicationTrackTotal,
-          isShowAllCommunicationRecord = _this$state4.isShowAllCommunicationRecord,
-          replyUser = _this$state4.replyUser,
-          replyUserId = _this$state4.replyUserId,
-          isShowReplyToUser = _this$state4.isShowReplyToUser,
-          submitStatus = _this$state4.submitStatus,
-          isShowPraiseRecordPop = _this$state4.isShowPraiseRecordPop,
-          praiseObjId = _this$state4.praiseObjId,
-          isShowDefaultInput = _this$state4.isShowDefaultInput,
-          needAutoFocus = _this$state4.needAutoFocus;
-      var _this$props7 = this.props,
-          feedId = _this$props7.feedId,
-          className = _this$props7.className,
-          isShowSendSms = _this$props7.isShowSendSms,
-          confirmPopAlign = _this$props7.confirmPopAlign,
-          setTextareaRef = _this$props7.setTextareaRef,
-          userSelectorPopAlign = _this$props7.userSelectorPopAlign,
-          emotionsSelectorPopAlign = _this$props7.emotionsSelectorPopAlign,
-          showAtAll = _this$props7.showAtAll,
-          atAllTipText = _this$props7.atAllTipText,
-          atAllValue = _this$props7.atAllValue,
-          atAllText = _this$props7.atAllText,
-          commentCount = _this$props7.commentCount,
-          useCustomMblog = _this$props7.useCustomMblog,
-          _this$props7$submitTe = _this$props7.submitText,
-          submitText = _this$props7$submitTe === void 0 ? (0, _getLocale.getLocale)('Mod_Reply') : _this$props7$submitTe,
-          _this$props7$highLigh = _this$props7.highLightKeyWord,
-          highLightKeyWord = _this$props7$highLigh === void 0 ? '' : _this$props7$highLigh,
-          _this$props7$autoFocu = _this$props7.autoFocus,
-          autoFocus = _this$props7$autoFocu === void 0 ? false : _this$props7$autoFocu,
-          _this$props7$showUser = _this$props7.showUser,
-          showUser = _this$props7$showUser === void 0 ? false : _this$props7$showUser,
-          _this$props7$attachem = _this$props7.attachemntCanSubmit,
-          attachemntCanSubmit = _this$props7$attachem === void 0 ? true : _this$props7$attachem;
+      var _this$state5 = this.state,
+          communicationTrackList = _this$state5.communicationTrackList,
+          communicationTrackTotal = _this$state5.communicationTrackTotal,
+          isShowAllCommunicationRecord = _this$state5.isShowAllCommunicationRecord,
+          replyUser = _this$state5.replyUser,
+          replyUserId = _this$state5.replyUserId,
+          isShowReplyToUser = _this$state5.isShowReplyToUser,
+          submitStatus = _this$state5.submitStatus,
+          isShowPraiseRecordPop = _this$state5.isShowPraiseRecordPop,
+          praiseObjId = _this$state5.praiseObjId,
+          isShowDefaultInput = _this$state5.isShowDefaultInput,
+          needAutoFocus = _this$state5.needAutoFocus;
+      var _this$props8 = this.props,
+          feedId = _this$props8.feedId,
+          className = _this$props8.className,
+          isShowSendSms = _this$props8.isShowSendSms,
+          confirmPopAlign = _this$props8.confirmPopAlign,
+          setTextareaRef = _this$props8.setTextareaRef,
+          userSelectorPopAlign = _this$props8.userSelectorPopAlign,
+          emotionsSelectorPopAlign = _this$props8.emotionsSelectorPopAlign,
+          showAtAll = _this$props8.showAtAll,
+          atAllTipText = _this$props8.atAllTipText,
+          atAllValue = _this$props8.atAllValue,
+          atAllText = _this$props8.atAllText,
+          commentCount = _this$props8.commentCount,
+          useCustomMblog = _this$props8.useCustomMblog,
+          _this$props8$submitTe = _this$props8.submitText,
+          submitText = _this$props8$submitTe === void 0 ? (0, _getLocale.getLocale)('Mod_Reply') : _this$props8$submitTe,
+          _this$props8$highLigh = _this$props8.highLightKeyWord,
+          highLightKeyWord = _this$props8$highLigh === void 0 ? '' : _this$props8$highLigh,
+          _this$props8$autoFocu = _this$props8.autoFocus,
+          autoFocus = _this$props8$autoFocu === void 0 ? false : _this$props8$autoFocu,
+          _this$props8$showUser = _this$props8.showUser,
+          showUser = _this$props8$showUser === void 0 ? false : _this$props8$showUser,
+          _this$props8$attachem = _this$props8.attachemntCanSubmit,
+          attachemntCanSubmit = _this$props8$attachem === void 0 ? true : _this$props8$attachem;
       var user = (0, _bsGlobal.getUserInfo)();
       return /*#__PURE__*/_react["default"].createElement(_style.CommunicationWrapper, {
         className: "communcation-wrapper ".concat(className)

package/lib/components/dynamic/dynamic-item/components/work-progress/constant.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EStatusStatus2ClassType = exports.EObjType = void 0;
+var EObjType;
+exports.EObjType = EObjType;
+
+(function (EObjType) {
+  EObjType[EObjType["Project"] = 4] = "Project";
+  EObjType[EObjType["Task"] = 7] = "Task";
+  EObjType[EObjType["O"] = 62] = "O";
+  EObjType[EObjType["Kr"] = 65] = "Kr";
+  EObjType[EObjType["Assess"] = 23] = "Assess";
+  EObjType[EObjType["MileStone"] = 27] = "MileStone";
+  EObjType[EObjType["KanBan"] = 66] = "KanBan";
+  EObjType[EObjType["Report"] = 8] = "Report";
+})(EObjType || (exports.EObjType = EObjType = {}));
+
+var EStatusStatus2ClassType = {
+  2: "tu-icon-finished",
+  1: "tu-icon-running",
+  4: "tu-icon-canceled",
+  3: "tu-icon-deferred",
+  6: "tu-icon-paused",
+  0: "tu-icon-notstart",
+  5: "tu-icon-jiantou-right"
+};
+exports.EStatusStatus2ClassType = EStatusStatus2ClassType;

package/lib/components/dynamic/dynamic-item/components/work-progress/context.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WorkContext = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var WorkContext = /*#__PURE__*/_react["default"].createContext({
+  setLoading: function setLoading() {},
+  setIsSaveSuccess: function setIsSaveSuccess() {},
+  handleResp: function handleResp() {},
+  feedId: '',
+  moduleId: '',
+  editable: false,
+  getWorkData: function getWorkData() {}
+});
+
+exports.WorkContext = WorkContext;

package/lib/components/dynamic/dynamic-item/components/work-progress/index.css

@@ -0,0 +1,394 @@
+.tita-summary-work-progress:hover .tita-summary-work-progress__title-arrow {
+  opacity: 1;
+}
+
+.tita-summary-work-progress__title {
+  position: relative;
+  font-size: 18px;
+  font-weight: 600;
+  color: #141c28;
+  line-height: 26px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.tita-summary-work-progress__title-arrow {
+  opacity: 0;
+  transition: all 0.3s;
+  position: absolute;
+  left: -28px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  border-radius: 8px;
+  cursor: pointer;
+}
+
+.tita-summary-work-progress__title-arrow--show {
+  opacity: 1;
+}
+
+.tita-summary-work-progress__title-arrow:hover {
+  background: #F0F4FA;
+}
+
+.tita-summary-work-progress__title-arrow-icon {
+  font-size: 16px;
+  transform: scale(0.5);
+  transition: all 0.3s;
+}
+
+.tita-summary-work-progress__title-arrow-icon--rotate {
+  transform: rotate(-90deg) scale(0.5);
+  transition: all 0.3s;
+}
+
+.tita-summary-work-progress__title-update {
+  font-size: 14px;
+  font-weight: 400;
+  color: #2879ff;
+  line-height: 22px;
+  display: inline-flex;
+  align-items: center;
+}
+
+.tita-summary-work-progress__title-update-icon {
+  margin-right: 4px;
+}
+
+.tita-summary-work-progress__title-update:hover {
+  cursor: pointer;
+  opacity: 0.8;
+}
+
+.tita-summary-work-progress__table {
+  border: 1px solid #dfe3ea;
+  border-radius: 12px;
+  margin-top: 12px;
+}
+
+.tita-summary-work-progress__table--hide {
+  display: none;
+}
+
+.tita-summary-work-progress__table-td--editable:hover {
+  border: 1px solid #2879ff;
+}
+
+.tita-summary-work-progress__table-obj {
+  padding: 8px 4px;
+}
+
+.tita-summary-work-progress__table-row-title {
+  font-size: 14px;
+  color: #141c28;
+  padding: 8px 0;
+}
+
+.tita-summary-work-progress__table-row-title-remain {
+  background: rgba(240, 94, 94, 0.16);
+  border-radius: 12px;
+  padding: 0 8px;
+  height: 20px;
+  display: inline-flex;
+  align-items: center;
+  font-size: 12px;
+  color: #3f4755;
+  line-height: 18px;
+  margin-left: 4px;
+}
+
+.tita-summary-work-progress__table-row-title-worktime {
+  margin-left: 4px;
+  display: inline-flex;
+  align-items: center;
+  height: 20px;
+  padding: 0 8px;
+  border-radius: 12px;
+  background: rgba(240, 163, 38, 0.16);
+  font-size: 12px;
+  color: #3f4755;
+  line-height: 18px;
+}
+
+.tita-summary-work-progress__table-row-title-icon {
+  margin-right: 4px;
+  vertical-align: middle;
+}
+
+.tita-summary-work-progress__table-row-title-text {
+  font-size: 14px;
+  font-weight: 600;
+  color: #141c28;
+  line-height: 22px;
+}
+
+.tita-summary-work-progress__table-row-title-text:hover {
+  cursor: pointer;
+  color: #2879ff;
+}
+
+.tita-summary-work-progress__table table {
+  width: 100%;
+}
+
+.tita-summary-work-progress__table table thead {
+  width: 100%;
+}
+
+.tita-summary-work-progress__table table tbody {
+  width: 100%;
+}
+
+.tita-summary-work-progress__table table tbody tr {
+  position: relative;
+  border-bottom: 1px solid #dfe3ea;
+}
+
+.tita-summary-work-progress__table table tbody tr:hover {
+  background: rgba(240, 244, 250, 0.6);
+}
+
+.tita-summary-work-progress__table table tbody tr:hover .tita-summary-task-progress__table-row-del {
+  display: flex;
+}
+
+.tita-summary-work-progress__table table tbody tr:last-child {
+  border-bottom: unset;
+}
+
+.tita-summary-work-progress__table table tbody tr td {
+  box-sizing: border-box;
+  padding: 0 12px;
+  border-left: 1px solid #dfe3ea;
+}
+
+.tita-summary-work-progress__table table tbody tr td:first-child {
+  overflow: hidden;
+  width: 282px;
+  max-width: 282px;
+}
+
+.tita-summary-work-progress__table table tbody tr td:first-child {
+  border-left: unset;
+}
+
+.tita-summary-work-progress__table table tbody tr td:nth-child(2) {
+  padding: 0;
+}
+
+.tita-summary-work-progress__table-title {
+  height: 40px;
+  background: #f0f4fa;
+  font-size: 13px;
+  color: #89919f;
+  line-height: 18px;
+}
+
+.tita-summary-work-progress__table-title td {
+  text-align: center;
+  padding: 0 12px;
+  box-sizing: border-box;
+  border-right: 1px solid #dfe3ea;
+}
+
+.tita-summary-work-progress__table-title td:last-child {
+  border-right: none;
+}
+
+.tita-summary-work-progress__table-title-okrs {
+  overflow: hidden;
+  border-top-left-radius: 12px;
+  width: 282px;
+}
+
+.tita-summary-work-progress__table-title-progress {
+  width: 102px;
+}
+
+.tita-summary-work-progress__table-title-progress-desc {
+  overflow: hidden;
+  border-top-right-radius: 12px;
+}
+
+.tita-summary-work-progress__table-title-progress-desc-icon {
+  font-size: 14px;
+  margin-left: 4px;
+  vertical-align: text-top;
+  color: #BFC7D5;
+}
+
+.tita-summary-work-progress__table-row-del {
+  width: 32px;
+  height: 32px;
+  background: #ffffff;
+  box-shadow: 0px 4px 8px 0px rgba(127, 145, 180, 0.2);
+  border-radius: 50%;
+  display: none;
+  align-items: center;
+  justify-content: center;
+  position: absolute;
+  right: -15px;
+  top: 50%;
+  transform: translateY(-50%);
+}
+
+.tita-summary-work-progress__table-row-del-icon {
+  color: #141c28;
+  font-size: 16px;
+}
+
+.tita-summary-work-progress__table-row-del-icon:hover {
+  cursor: pointer;
+  color: #f05e5e;
+}
+
+.tita-summary-work-progress__statistic {
+  display: flex;
+  margin-top: 12px;
+}
+
+.tita-summary-work-progress__statistic--hide {
+  display: none;
+}
+
+.tita-summary-work-progress__statistic-item {
+  max-width: 320px;
+  flex: 1;
+  height: 48px;
+  border-radius: 12px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-right: 10px;
+  padding: 0 16px;
+  font-size: 14px;
+  font-weight: 600;
+  color: #141c28;
+  line-height: 22px;
+  position: relative;
+  overflow: hidden;
+}
+
+.tita-summary-work-progress__statistic-item:last-child {
+  margin-right: 0;
+}
+
+.tita-summary-work-progress__statistic-item--finished {
+  background: rgba(0, 214, 133, 0.1);
+}
+
+.tita-summary-work-progress__statistic-item--finished-text {
+  color: #00d685;
+  font-size: 16px;
+}
+
+.tita-summary-work-progress__statistic-item--finished-active {
+  background: rgba(0, 214, 133, 0.3);
+}
+
+.tita-summary-work-progress__statistic-item--finished-active::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 4px;
+  height: 48px;
+  background: rgba(0, 214, 133, 0.3);
+  border-radius: 12px 0 0 12px;
+}
+
+.tita-summary-work-progress__statistic-item--processing {
+  background: rgba(40, 121, 255, 0.1);
+}
+
+.tita-summary-work-progress__statistic-item--processing-text {
+  color: #2879ff;
+  font-size: 16px;
+}
+
+.tita-summary-work-progress__statistic-item--processing-active {
+  background: rgba(40, 121, 255, 0.3);
+}
+
+.tita-summary-work-progress__statistic-item--processing-active::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 4px;
+  height: 48px;
+  background: rgba(40, 121, 255, 0.3);
+  border-radius: 12px 0 0 12px;
+}
+
+.tita-summary-work-progress__statistic-item--overdue {
+  background: rgba(240, 94, 94, 0.1);
+}
+
+.tita-summary-work-progress__statistic-item--overdue-text {
+  color: #f05e5e;
+  font-size: 16px;
+}
+
+.tita-summary-work-progress__statistic-item--overdue-active {
+  background: rgba(240, 94, 94, 0.3);
+}
+
+.tita-summary-work-progress__statistic-item--overdue-active::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 4px;
+  height: 48px;
+  background: rgba(240, 94, 94, 0.3);
+  border-radius: 12px 0 0 12px;
+}
+
+.tita-summary-work-progress__import {
+  margin-top: 10px;
+  width: 60px;
+  height: 60px;
+  border-radius: 8px;
+  border: 1px solid #e9ecf0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.tita-summary-work-progress__import-icon {
+  font-size: 24px;
+  color: #bfc7d5;
+}
+
+.tita-summary-work-progress__import:hover {
+  cursor: pointer;
+  border: 1px solid #2879ff;
+}
+
+.tita-summary-work-progress__import:hover .tu-icon-add1 {
+  color: #2879ff;
+}
+
+.tita-summary-work-progress__schedule-td {
+  position: relative;
+}
+
+.tita-summary-work-progress__schedule-td:hover {
+  border: 1px solid #2879FF;
+}
+
+.tita-summary-work-progress__schedule-td--border {
+  border: 1px solid #2879FF !important;
+  border-left: 2px solid #2879ff;
+}
+
+@media screen and (min-width: 1366px) {
+  .tita-summary-task-progress__statistic-item {
+    max-width: 350px;
+  }
+}