@titaui/pc 1.12.7-beta.2 → 1.12.7-beta.22

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

@@ -1,4 +1,4 @@
-.titaui-dynamic-item-header {
+.titaui-dynamic-new-summary-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -6,19 +6,19 @@
   padding: 26px 0 0 24px;
 }
 
-.titaui-dynamic-item-header-left {
+.titaui-dynamic-new-summary-header-left {
   display: flex;
   align-items: center;
   flex: 1;
   overflow: hidden;
 }
 
-.titaui-dynamic-item-header-left .titaui-pc-avator-container {
+.titaui-dynamic-new-summary-header-left .titaui-pc-avator-container {
   display: inline-flex;
   align-items: center;
 }
 
-.titaui-dynamic-item-header-right {
+.titaui-dynamic-new-summary-header-right {
   font-size: 24px;
   width: 24px;
   height: 24px;
@@ -30,11 +30,11 @@
   border-radius: 4px;
 }
 
-.titaui-dynamic-item-header-right:hover {
+.titaui-dynamic-new-summary-header-right:hover {
   background: #f0f4fa;
 }
 
-.titaui-dynamic-item-header-desc {
+.titaui-dynamic-new-summary-header-desc {
   flex: 1;
   margin-left: 12px;
   overflow: hidden;
@@ -42,13 +42,13 @@
   flex-direction: column;
 }
 
-.titaui-dynamic-item-header-desc-title {
+.titaui-dynamic-new-summary-header-desc-title {
   display: flex;
   justify-content: space-between;
   align-items: center;
 }
 
-.titaui-dynamic-item-header-desc-title-left {
+.titaui-dynamic-new-summary-header-desc-title-left {
   word-break: keep-all;
   white-space: nowrap;
   overflow: hidden;
@@ -59,38 +59,38 @@
   margin-right: 60px;
 }
 
-.titaui-dynamic-item-header-desc-user {
+.titaui-dynamic-new-summary-header-desc-user {
   font-size: 16px;
   font-weight: 600;
   color: #3f4755;
   line-height: 24px;
 }
 
-.titaui-dynamic-item-header-desc-user--not-link:hover {
+.titaui-dynamic-new-summary-header-desc-user--not-link:hover {
   cursor: default !important;
   color: #3f4755 !important;
 }
 
-.titaui-dynamic-item-header-desc-time {
+.titaui-dynamic-new-summary-header-desc-time {
   font-size: 12px;
   color: #89919f;
   line-height: 18px;
   margin-top: 4px;
 }
 
-.titaui-dynamic-item-header-desc-avatar {
+.titaui-dynamic-new-summary-header-desc-avatar {
   position: relative;
 }
 
-.titaui-dynamic-item-header-desc-avatar:hover {
+.titaui-dynamic-new-summary-header-desc-avatar:hover {
   cursor: pointer;
 }
 
-.titaui-dynamic-item-header-desc-avatar--not-link:hover {
+.titaui-dynamic-new-summary-header-desc-avatar--not-link:hover {
   cursor: default !important;
 }
 
-.titaui-dynamic-item-header-desc-mind {
+.titaui-dynamic-new-summary-header-desc-mind {
   position: absolute;
   right: 0;
   bottom: 0;
@@ -98,23 +98,23 @@
   height: 20px;
 }
 
-.titaui-dynamic-item-header__more-operate {
+.titaui-dynamic-new-summary-header__more-operate {
   font-size: 14px;
   color: #89919f;
   line-height: 22px;
 }
 
-.titaui-dynamic-item-header__more-operate-selection {
+.titaui-dynamic-new-summary-header__more-operate-selection {
   display: flex;
   align-items: center;
   height: 32px;
 }
 
-.titaui-dynamic-item-header__more-operate-selection-icon {
+.titaui-dynamic-new-summary-header__more-operate-selection-icon {
   margin-right: 10px;
 }
 
-.titaui-dynamic-item-header__evalute {
+.titaui-dynamic-new-summary-header__evalute {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -124,13 +124,43 @@
   background: rgba(240, 163, 38, 0.12);
   border-radius: 12px;
   font-size: 14px;
-  color: #BD7500;
+  color: #bd7500;
   line-height: 22px;
   cursor: pointer;
 }
 
-.titaui-dynamic-item-header__evalute-img {
+.titaui-dynamic-new-summary-header__evalute-img {
   width: 20px;
   height: 22px;
   margin-right: 4px;
 }
+
+.titaui-dynamic-new-summary__operate .drawer-content-wrapper {
+  width: 372px !important;
+}
+
+.titaui-dynamic-new-summary__operate__head {
+  height: 56px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 16px 32px;
+  box-sizing: border-box;
+  border-bottom: 1px #e9ecf0 solid;
+}
+
+.titaui-dynamic-new-summary__operate__head-title {
+  font-size: 16px;
+  font-weight: 600;
+  color: #141c28;
+  line-height: 24px;
+}
+
+.titaui-dynamic-new-summary__operate__head-icon {
+  font-size: 20px;
+  cursor: pointer;
+}
+
+.titaui-dynamic-new-summary__operate__content {
+  padding: 16px 32px;
+}

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

@@ -33,9 +33,13 @@ var _constant = require("../../../constant");
 
 var _getLocale = require("../../../../../utils/getLocale");
 
-var _evalute = _interopRequireDefault(require("./img/evalute.png"));
+var _constant2 = require("./constant");
+
+var _operateRecord = _interopRequireDefault(require("./operate-record"));
+
+var _bsGlobal = require("../../../../../utils/bs-global");
 
-var _happy = _interopRequireDefault(require("./img/happy.png"));
+var _evalute = _interopRequireDefault(require("./img/evalute.png"));
 
 require("./index.css");
 
@@ -59,17 +63,17 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var prefix = "titaui-dynamic-item-header";
+var prefix = "titaui-dynamic-new-summary-header";
 
 var DynamicItemHeader = function DynamicItemHeader(_ref) {
   var _ref$onDeleteFeed = _ref.onDeleteFeed,
       onDeleteFeed = _ref$onDeleteFeed === void 0 ? function () {} : _ref$onDeleteFeed,
       _ref$showDelete = _ref.showDelete,
       showDelete = _ref$showDelete === void 0 ? false : _ref$showDelete,
-      _ref$showTopping = _ref.showTopping,
-      showTopping = _ref$showTopping === void 0 ? false : _ref$showTopping,
       _ref$showEdit = _ref.showEdit,
       showEdit = _ref$showEdit === void 0 ? true : _ref$showEdit,
+      _ref$showCollect = _ref.showCollect,
+      showCollect = _ref$showCollect === void 0 ? false : _ref$showCollect,
       _ref$showOperateRecor = _ref.showOperateRecord,
       showOperateRecord = _ref$showOperateRecor === void 0 ? true : _ref$showOperateRecor,
       data = _ref.data,
@@ -80,39 +84,54 @@ var DynamicItemHeader = function DynamicItemHeader(_ref) {
       suffixContent = _ref$suffixContent === void 0 ? "" : _ref$suffixContent;
   var createDate = data.createDate,
       feedId = data.feedId,
-      _data$isTop = data.isTop,
-      isTop = _data$isTop === void 0 ? false : _data$isTop,
       _data$isCollect = data.isCollect,
       isCollect = _data$isCollect === void 0 ? false : _data$isCollect,
       feedType = data.feedType,
-      canevaluate = data.canevaluate;
+      canEvaluate = data.canEvaluate,
+      dailyContent = data.dailyContent,
+      dailyDate = data.dailyDate,
+      reportType = data.reportType;
 
-  var _useState = (0, _react.useState)(isTop),
+  var _useState = (0, _react.useState)(isCollect),
       _useState2 = _slicedToArray(_useState, 2),
-      nowIsTop = _useState2[0],
-      setNowIsTop = _useState2[1];
+      nowIsCollect = _useState2[0],
+      setNowIsCollect = _useState2[1];
 
-  var _useState3 = (0, _react.useState)(isCollect),
+  var _useState3 = (0, _react.useState)(false),
       _useState4 = _slicedToArray(_useState3, 2),
-      nowIsCollect = _useState4[0],
-      setNowIsCollect = _useState4[1];
+      showDialogConfirm = _useState4[0],
+      setShowDialogConfirm = _useState4[1];
 
   var _useState5 = (0, _react.useState)(false),
       _useState6 = _slicedToArray(_useState5, 2),
-      showDialogConfirm = _useState6[0],
-      setShowDialogConfirm = _useState6[1];
+      selectVisible = _useState6[0],
+      setSelectVisible = _useState6[1];
 
   var _useState7 = (0, _react.useState)(false),
       _useState8 = _slicedToArray(_useState7, 2),
-      selectVisible = _useState8[0],
-      setSelectVisible = _useState8[1];
+      evaluateVisible = _useState8[0],
+      setEvaluateVisible = _useState8[1];
 
-  var _useState9 = (0, _react.useState)(false),
+  var _useState9 = (0, _react.useState)(""),
       _useState10 = _slicedToArray(_useState9, 2),
-      evaluateVisible = _useState10[0],
-      setEvaluateVisible = _useState10[1];
+      mindImg = _useState10[0],
+      setMindImg = _useState10[1];
+
+  var _useState11 = (0, _react.useState)(false),
+      _useState12 = _slicedToArray(_useState11, 2),
+      operateVisible = _useState12[0],
+      setOperateVisible = _useState12[1];
 
   var url = "";
+  var loginUserId = (0, _bsGlobal.getUserInfo)().Id;
+
+  var handleCloseOperateDrawer = function handleCloseOperateDrawer() {
+    setOperateVisible(false);
+  };
+
+  var handleOpenOperateRecord = function handleOpenOperateRecord() {
+    setOperateVisible(true);
+  };
 
   var onChangeHandler = function onChangeHandler(name) {
     if (name === "collect") {
@@ -154,49 +173,6 @@ var DynamicItemHeader = function DynamicItemHeader(_ref) {
     }
   };
 
-  var handleTopOperateClick = function handleTopOperateClick() {
-    if (nowIsTop) {
-      (0, _requestApi.cancelTopDynamic)({
-        feedId: feedId
-      }).then(function (resp) {
-        if (resp.Code === 1) {
-          setNowIsTop(!nowIsTop);
-          setSelectVisible(false);
-
-          _toast["default"].Success((0, _getLocale.getLocale)("Mod_Successfuloperat"), {
-            canClose: false
-          });
-        } else {
-          _toast["default"].Error(resp.Message, {
-            canClose: false
-          });
-        }
-      });
-    } else {
-      (0, _requestApi.topDynamic)({
-        feedId: feedId
-      }).then(function (resp) {
-        if (resp.Code === 1) {
-          setNowIsTop(!nowIsTop);
-          setSelectVisible(false);
-
-          _toast["default"].Success((0, _getLocale.getLocale)("Mod_Successfuloperat"), {
-            canClose: false
-          });
-
-          setTimeout(function () {
-            // @ts-ignore
-            window.reFreshDynamicTopping();
-          }, 1000);
-        } else {
-          _toast["default"].Error(resp.Message, {
-            canClose: false
-          });
-        }
-      });
-    }
-  };
-
   var handleDeleteClick = function handleDeleteClick() {
     setShowDialogConfirm(true);
     setSelectVisible(false);
@@ -237,6 +213,10 @@ var DynamicItemHeader = function DynamicItemHeader(_ref) {
     setEvaluateVisible(true);
   };
 
+  var handleClickEdit = function handleClickEdit() {
+    window.open("#/summary/template?isCreate=false&hideNavTop=true&reportType=".concat(reportType, "&currentTime=").concat(dailyDate), "_blank");
+  };
+
   var handleCloseEvaluateDialog = function handleCloseEvaluateDialog() {
     setEvaluateVisible(false);
   };
@@ -257,6 +237,19 @@ var DynamicItemHeader = function DynamicItemHeader(_ref) {
       onClick: enSureDeleteDynamic
     }, (0, _getLocale.getLocale)("Mod_Delete")));
   }, [showDialogConfirm]);
+  (0, _react.useEffect)(function () {
+    if (dailyContent) {
+      var mindData = dailyContent.filter(function (item) {
+        return item.title === "心情";
+      }); // 暂时用title
+
+      if (typeof mindData[0].content === "string" && mindData[0].content !== "") {
+        setMindImg(_constant2.Motion.filter(function (item) {
+          return item.id === JSON.parse(mindData[0].content).SelectedValues[0];
+        })[0].img);
+      }
+    }
+  }, [dailyContent]);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix)
   }, /*#__PURE__*/_react["default"].createElement("span", {
@@ -274,9 +267,10 @@ var DynamicItemHeader = function DynamicItemHeader(_ref) {
       textNum: 1,
       fontSize: 18
     }
-  }), /*#__PURE__*/_react["default"].createElement("img", {
-    src: _happy["default"],
-    className: "".concat(prefix, "-desc-mind")
+  }), mindImg && /*#__PURE__*/_react["default"].createElement("img", {
+    src: mindImg,
+    className: "".concat(prefix, "-desc-mind"),
+    alt: "\u5FC3\u60C5"
   })), /*#__PURE__*/_react["default"].createElement("span", {
     className: "".concat(prefix, "-desc")
   }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -292,13 +286,14 @@ var DynamicItemHeader = function DynamicItemHeader(_ref) {
       name: user.name,
       id: user.userId
     })
-  })), desc, suffixContent), canevaluate && /*#__PURE__*/_react["default"].createElement("div", {
+  })), desc, suffixContent), canEvaluate && /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__evalute"),
     onClick: handleClickEvaluate
   }, /*#__PURE__*/_react["default"].createElement("img", {
     src: _evalute["default"],
-    className: "".concat(prefix, "__evalute-img")
-  }), (0, _getLocale.getLocale)('Per_MyRe_button_Toevaluate')), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "__evalute-img"),
+    alt: "\u8BC4\u4EF7"
+  }), (0, _getLocale.getLocale)("Per_MyRe_button_Toevaluate")), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__more-operate")
   }, /*#__PURE__*/_react["default"].createElement(_dropSelector["default"], {
     popupPlacement: "bottomRight",
@@ -310,26 +305,19 @@ var DynamicItemHeader = function DynamicItemHeader(_ref) {
       className: (0, _classnames["default"])("".concat(prefix, "-right"), "tu-icon-more1"),
       onClick: handleShowDropSelector
     })
+  }, /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
+    condition: showCollect
   }, /*#__PURE__*/_react["default"].createElement(_dropSelector.Item, {
     name: "collect"
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__more-operate-selection")
   }, /*#__PURE__*/_react["default"].createElement("i", {
     className: (0, _classnames["default"])("tu-icon-APP-shoucang", "".concat(prefix, "__more-operate-selection-icon"))
-  }), nowIsCollect ? (0, _getLocale.getLocale)("Mod_CancCollection") : (0, _getLocale.getLocale)("Mod_Collection"))), /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
-    condition: showTopping
-  }, /*#__PURE__*/_react["default"].createElement(_dropSelector.Item, {
-    name: "top",
-    onClick: handleTopOperateClick
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(prefix, "__more-operate-selection")
-  }, /*#__PURE__*/_react["default"].createElement("i", {
-    className: (0, _classnames["default"])("tu-icon-zhiding", "".concat(prefix, "__more-operate-selection-icon"))
-  }), nowIsTop ? (0, _getLocale.getLocale)("OKR_MyO_Unpinned") : (0, _getLocale.getLocale)("Feed_Top")))), /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
-    condition: showEdit
+  }), nowIsCollect ? (0, _getLocale.getLocale)("Mod_CancCollection") : (0, _getLocale.getLocale)("Mod_Collection")))), /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
+    condition: showEdit && (user.id || user.userId) === loginUserId
   }, /*#__PURE__*/_react["default"].createElement(_dropSelector.Item, {
     name: "edit",
-    onClick: handleDeleteClick
+    onClick: handleClickEdit
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__more-operate-selection")
   }, /*#__PURE__*/_react["default"].createElement("i", {
@@ -338,13 +326,13 @@ var DynamicItemHeader = function DynamicItemHeader(_ref) {
     condition: showOperateRecord
   }, /*#__PURE__*/_react["default"].createElement(_dropSelector.Item, {
     name: "record",
-    onClick: handleDeleteClick
+    onClick: handleOpenOperateRecord
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__more-operate-selection")
   }, /*#__PURE__*/_react["default"].createElement("i", {
     className: (0, _classnames["default"])("tu-icon-jinzhan-s", "".concat(prefix, "__more-operate-selection-icon"))
   }), (0, _getLocale.getLocale)("Per_details_OperationRecord")))), /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
-    condition: showDelete
+    condition: showDelete && (user.id || user.userId) === loginUserId
   }, /*#__PURE__*/_react["default"].createElement(_dropSelector.Item, {
     name: "delete",
     onClick: handleDeleteClick
@@ -357,6 +345,10 @@ var DynamicItemHeader = function DynamicItemHeader(_ref) {
   }, createDate))), renderDialogConfirm, /*#__PURE__*/_react["default"].createElement(_commentsDialog["default"], {
     visible: evaluateVisible,
     closeDialog: handleCloseEvaluateDialog
+  }), /*#__PURE__*/_react["default"].createElement(_operateRecord["default"], {
+    visible: operateVisible,
+    onClose: handleCloseOperateDrawer,
+    feedId: feedId
   }));
 };
 

package/lib/components/dynamic/dynamic-item/components/summary-header/operate-record.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _drawer = _interopRequireDefault(require("../../../../drawer"));
+
+var _getLocale = require("../../../../../utils/getLocale");
+
+var _operationRecords = _interopRequireDefault(require("../../../../operation-records"));
+
+require("./index.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var preCls = 'titaui-dynamic-new-summary__operate';
+
+var OperateRecord = function OperateRecord(props) {
+  var visible = props.visible,
+      onClose = props.onClose,
+      feedId = props.feedId;
+  return /*#__PURE__*/_react["default"].createElement(_drawer["default"], {
+    visible: visible,
+    onClose: onClose,
+    className: preCls,
+    autoClosable: true
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__head")
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(preCls, "__head-title")
+  }, (0, _getLocale.getLocale)('Per_details_OperationRecord')), /*#__PURE__*/_react["default"].createElement("i", {
+    className: (0, _classnames["default"])("".concat(preCls, "__head-icon"), 'tu-icon-close'),
+    onClick: onClose
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__content")
+  }, /*#__PURE__*/_react["default"].createElement(_operationRecords["default"], {
+    feedId: feedId,
+    commentCount: 4
+  })));
+};
+
+var _default = OperateRecord;
+exports["default"] = _default;

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

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EStatusStatus2ClassType = void 0;
+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;