@titaui/pc 1.10.4 → 1.10.6-3.beta-2

package/lib/components/create-okr-modal/kr-items/krDatas.js

@@ -71,7 +71,8 @@ function KrDatas(props) {
       setKrsCheckResult = props.setKrsCheckResult,
       krIsValidate = props.krIsValidate,
       setKrIsValidate = props.setKrIsValidate,
-      setIsInputContent = props.setIsInputContent;
+      _props$setIsInputCont = props.setIsInputContent,
+      setIsInputContent = _props$setIsInputCont === void 0 ? function () {} : _props$setIsInputCont;
   var krCheckId = 0;
 
   var _useState = (0, _react.useState)(),
@@ -144,7 +145,7 @@ function KrDatas(props) {
   }
 
   var getKrAnalysisInfo = function getKrAnalysisInfo() {
-    krCheckId++;
+    krCheckId += 1;
     var tempCheckId = krCheckId;
     (0, _requestApi.getKrAnalysisInfos)({
       text: inputKrInfo.mileStoneName
@@ -194,10 +195,10 @@ function KrDatas(props) {
 
   var changeKr = function changeKr(kr) {
     var index = krDatas.findIndex(function (k) {
-      return k.uuid == kr.uuid;
+      return k.uuid === kr.uuid;
     });
 
-    if (krDatas[index].krWeight != kr.krWeight) {
+    if (krDatas[index].krWeight !== kr.krWeight) {
       setIsCustomWeight(true);
     }
 
@@ -218,16 +219,13 @@ function KrDatas(props) {
         finalResult: _okrCreateSuggest.EOkrCreateSuggestResultType.normal,
         friendlyResult: []
       });
-      return;
-    }
-
-    if (timerRef.current) {
+    } else if (timerRef.current) {
       clearTimeout(timerRef.current);
       timerRef.current = setTimeout(getKrAnalysisInfo, 1000);
-      return;
+    } else {
+      timerRef.current = setTimeout(getKrAnalysisInfo, 1000);
     }
 
-    timerRef.current = setTimeout(getKrAnalysisInfo, 1000);
     return function () {
       clearTimeout(timerRef.current);
     };
@@ -268,32 +266,34 @@ function KrDatas(props) {
 
   var onKrInputStateChange = (0, _react.useCallback)(function (isFocus, krInfo) {
     setInputKrInfo(krInfo);
-    handleKrInputStateChange && handleKrInputStateChange(isFocus);
+
+    if (handleKrInputStateChange) {
+      handleKrInputStateChange(isFocus);
+    }
   }, []);
   return /*#__PURE__*/_react["default"].createElement("div", null, krs.map(function (kr, index) {
     return /*#__PURE__*/_react["default"].createElement(_krItem["default"], {
-      key: index,
       krData: kr,
       changeKr: changeKr,
       deleteKr: deleteKr,
       container: container,
       index: index + 1,
       onKrInputStateChange: onKrInputStateChange,
-      onAddKr: addKr,
       krIsValidate: krIsValidate,
       setIsInputContent: setIsInputContent
     });
   }), /*#__PURE__*/_react["default"].createElement("div", {
     className: "krs-info"
-  }, /*#__PURE__*/_react["default"].createElement("a", {
+  }, /*#__PURE__*/_react["default"].createElement("span", {
     className: "add-kr-btn",
     onClick: addKr
   }, /*#__PURE__*/_react["default"].createElement("img", {
     className: "add-kr-btn__icon",
-    src: _krAdd["default"]
+    src: _krAdd["default"],
+    alt: ""
   }), (0, _getLocale.getLocale)("OKR_MyO_Pop_Butt_AddKR")), krs.length > 0 && openKrWeight && /*#__PURE__*/_react["default"].createElement("span", {
     className: "krs-info__total-weight"
-  }, (0, _getLocale.getLocale)("OKR_MyO_Pop_Text_Total"), "\uFF1A", total, "%")));
+  }, (0, _getLocale.getLocale)("OKR_MyO_Pop_Text_Total"), total, "%")));
 }
 
 var _default = KrDatas;

package/lib/components/dialog/index.css

@@ -28,7 +28,10 @@
 }
 
 .titaui-dialog .rc-dialog-close {
-  top: 16px;
+  padding: 0;
+  font-size: 20px;
+  right: 30px;
+  top: 20px;
   cursor: pointer;
   opacity: 1 !important;
   z-index: 2;

package/lib/components/dialog/index.js

@@ -108,7 +108,7 @@ function _default(props) {
     visible: visible,
     className: (0, _classnames["default"])(preCls, _toConsumableArray(extraClass), (_classNames2 = {}, _defineProperty(_classNames2, "".concat(preCls, "-no-head-line"), noHeadLine), _defineProperty(_classNames2, "".concat(preCls, "-no-footer-line"), noFooterLine), _defineProperty(_classNames2, "".concat(preCls, "-no-close"), noCloseIcon), _defineProperty(_classNames2, "".concat(preCls, "-no-footer"), noFooter), _classNames2)),
     closeIcon: /*#__PURE__*/_react["default"].createElement("span", {
-      className: "tu-icon-close"
+      className: "tu-icon-canceled"
     }),
     animation: "slide-fade",
     maskAnimation: "fade",

package/lib/components/dialog-confirm/index.css

@@ -98,7 +98,7 @@
 }
 
 .titaui-dialog-confirm__body-title {
-  display: flex;
+  display: inline-flex;
   align-items: center;
 }
 

package/lib/components/drawer-manager/index.js

@@ -159,7 +159,12 @@ var DrawerManager = /*#__PURE__*/function () {
           saveProps: function saveProps() {
             var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
             var current = _this2.history[_this2.history.length - 1];
-            current.props = _objectSpread(_objectSpread({}, current.props), props);
+
+            if (current) {
+              current.props = _objectSpread(_objectSpread({}, current.props), props);
+            } else {
+              current.props = _objectSpread({}, props);
+            }
           }
         }
       }, /*#__PURE__*/_react["default"].createElement(_drawerWrapper["default"], {

package/lib/components/dynamic/components/first-level-tabs/index.css

@@ -15,7 +15,6 @@
   margin-right: 36px;
   white-space: nowrap;
   word-break: keep-all;
-  overflow: hidden;
   text-overflow: ellipsis;
   font-weight: 400;
 }
@@ -26,7 +25,7 @@
 }
 
 .titaui-dynamic-first-level-tabs__tab--active::before {
-  content: "";
+  content: '';
   display: inline-block;
   position: absolute;
   bottom: 0;
@@ -38,6 +37,17 @@
   border-radius: 2px;
 }
 
+.titaui-dynamic-first-level-tabs__tab--point {
+  position: absolute;
+  width: 6px;
+  height: 6px;
+  background: #f05e5e;
+  border-radius: 50%;
+  right: -6px;
+  top: 22px;
+  border: 2px solid #ffffff;
+}
+
 .titaui-dynamic-first-level-tabs__hide-first-level-tabs {
   display: flex;
   flex-direction: column;

package/lib/components/dynamic/components/first-level-tabs/index.js

@@ -15,6 +15,8 @@ var _conditionRender = _interopRequireDefault(require("../../../condition-render
 
 var _popup = _interopRequireDefault(require("../../../popup"));
 
+var _useGlobalValue3 = _interopRequireDefault(require("../../../nav-top/useGlobalValue"));
+
 require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -57,9 +59,16 @@ var FirstLevelTabs = function FirstLevelTabs(_ref) {
       popupVisible = _useState2[0],
       setPopupVisible = _useState2[1];
 
+  var _useGlobalValue = (0, _useGlobalValue3["default"])(),
+      _useGlobalValue2 = _slicedToArray(_useGlobalValue, 1),
+      feedNum = _useGlobalValue2[0];
+
   var handleTabsChange = function handleTabsChange(id) {
     setPopupVisible(false);
-    onTabsChange && onTabsChange(id);
+
+    if (onTabsChange) {
+      onTabsChange(id);
+    }
   };
 
   var handlePopupVisibleChange = function handlePopupVisibleChange(visible) {
@@ -69,7 +78,7 @@ var FirstLevelTabs = function FirstLevelTabs(_ref) {
   var renderFoldFirstLevelTab = (0, _react.useMemo)(function () {
     var foldTabs = tabsInfo.slice(3);
     var isActiveHideMeun = foldTabs.filter(function (item) {
-      return item.CodeId == activeTab;
+      return item.CodeId === activeTab;
     }).length > 0;
 
     var popContent = /*#__PURE__*/_react["default"].createElement("div", {
@@ -77,7 +86,7 @@ var FirstLevelTabs = function FirstLevelTabs(_ref) {
     }, foldTabs.map(function (item) {
       return /*#__PURE__*/_react["default"].createElement("div", {
         key: item.CodeId + item.MenuName,
-        className: (0, _classnames["default"])("".concat(prefix, "__hide-first-level-tab"), _defineProperty({}, "".concat(prefix, "__hide-first-level-tab--active"), item.CodeId == activeTab)),
+        className: (0, _classnames["default"])("".concat(prefix, "__hide-first-level-tab"), _defineProperty({}, "".concat(prefix, "__hide-first-level-tab--active"), item.CodeId === activeTab)),
         onClick: function onClick() {
           handleTabsChange(item.CodeId);
         }
@@ -101,14 +110,18 @@ var FirstLevelTabs = function FirstLevelTabs(_ref) {
   }, /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
     condition: !!tabsInfo
   }, tabsInfo.map(function (item, index) {
-    if (index >= 3) return;
+    if (index >= 3) return null;
     return /*#__PURE__*/_react["default"].createElement("span", {
       key: item.CodeId + item.MenuName,
       className: (0, _classnames["default"])("".concat(prefix, "__tab"), _defineProperty({}, "".concat(prefix, "__tab--active"), item.CodeId === activeTab)),
       onClick: function onClick() {
-        onTabsChange && onTabsChange(item.CodeId);
+        if (onTabsChange) {
+          onTabsChange(item.CodeId);
+        }
       }
-    }, item.MenuName);
+    }, item.MenuName, item.CodeId === 1001 && feedNum > 0 && /*#__PURE__*/_react["default"].createElement("span", {
+      className: "".concat(prefix, "__tab--point")
+    }));
   })), /*#__PURE__*/_react["default"].createElement("span", {
     className: "".concat(prefix, "__fold-tab")
   }, renderFoldFirstLevelTab));

package/lib/components/dynamic/components/obj-status/index.css

@@ -1,22 +1,6 @@
 .titaui-dynamic-obj-status {
   display: inline-block;
-  width: 18px;
-  height: 18px;
-  min-width: 18px;
-}
-
-.titaui-dynamic-obj-status--delay {
-  background: url("../../img/dynamic-delay.svg");
-}
-
-.titaui-dynamic-obj-status--normal {
-  background: url("../../img/dynamic-normal.svg");
-}
-
-.titaui-dynamic-obj-status--risk {
-  background: url("../../img/dynamic-risk.svg");
-}
-
-.titaui-dynamic-obj-status--end {
-  background: url("../../img/dynamic-end.svg");
+  font-size: 14px;
+  line-height: 24px;
+  margin-right: 8px;
 }

package/lib/components/dynamic/components/obj-status/index.js

@@ -11,17 +11,13 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _util = require("../../util");
 
+var _utils = require("./utils");
+
 require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var prefix = "titaui-dynamic-obj-status";
-var StateIconMapping = {
-  delay: "".concat(prefix, "--delay"),
-  normal: "".concat(prefix, "--normal"),
-  risk: "".concat(prefix, "--risk"),
-  end: "".concat(prefix, "--end")
-};
 
 var DynamicObjStatus = function DynamicObjStatus(_ref) {
   var _ref$oStatus = _ref.oStatus,
@@ -30,8 +26,11 @@ var DynamicObjStatus = function DynamicObjStatus(_ref) {
       riskLevel = _ref$riskLevel === void 0 ? 1 : _ref$riskLevel,
       extraClass = _ref.extraClass;
   return /*#__PURE__*/_react["default"].createElement("span", {
-    className: (0, _classnames["default"])(extraClass, prefix, StateIconMapping[(0, _util.getProgressState)(oStatus, riskLevel)])
-  });
+    className: (0, _classnames["default"])(extraClass, prefix),
+    style: {
+      color: (0, _utils.getStatusColor)((0, _util.getProgressState)(oStatus, riskLevel))
+    }
+  }, (0, _utils.getStatusTextMapping)((0, _util.getProgressState)(oStatus, riskLevel)));
 };
 
 var _default = DynamicObjStatus;

package/lib/components/dynamic/components/obj-status/utils.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getStatusTextMapping = exports.getStatusColor = exports["default"] = void 0;
+
+var _getLocale = require("../../../../utils/getLocale");
+
+var getStatusTextMapping = function getStatusTextMapping(status) {
+  var statusMapText = {
+    delay: (0, _getLocale.getLocale)("OKR_MyO_Postoned"),
+    normal: (0, _getLocale.getLocale)("Pro_page_Mil_Normal"),
+    risk: (0, _getLocale.getLocale)("Pro_page_Mil_Existingrisk"),
+    end: (0, _getLocale.getLocale)("OKR_MyO_E_From_Completed")
+  };
+  return statusMapText[status];
+};
+
+exports.getStatusTextMapping = getStatusTextMapping;
+
+var getStatusColor = function getStatusColor(status) {
+  var statusMapText = {
+    delay: "#F05E5E",
+    normal: "#2879ff",
+    risk: "#F6BD16",
+    end: "BFC7D5"
+  };
+  return statusMapText[status];
+};
+
+exports.getStatusColor = getStatusColor;
+var _default = {
+  getStatusTextMapping: getStatusTextMapping,
+  getStatusColor: getStatusColor
+};
+exports["default"] = _default;

package/lib/components/dynamic/components/percent/index.css

@@ -1,5 +1,5 @@
 .titaui-dynamic-percent {
-  font-size: 16px;
+  font-size: 20px;
   font-weight: 600;
   color: #3f4755;
   line-height: 24px;

package/lib/components/dynamic/components/title/index.css

@@ -1,31 +1,37 @@
 .titaui-dynamic-title {
   display: flex;
   overflow: hidden;
-  flex: 1;
+  word-break: keep-all;
+  white-space: nowrap;
+  font-size: 13px;
+  line-height: 18px;
+  border-radius: 18px;
+  align-items: center;
+  justify-content: center;
+  height: 24px;
+  padding-left: 2px;
+  padding-right: 8px;
+}
+
+.titaui-dynamic-title__type {
+  color: #ffffff;
+  border-radius: 18px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 6px;
+  padding: 1px 6px;
 }
 
 .titaui-dynamic-title__content {
   display: flex;
-  height: 36px;
   overflow: hidden;
   box-sizing: border-box;
-  background: rgba(240, 244, 250, 0.5);
-  border-radius: 18px 18px 18px 1px;
   word-break: keep-all;
   white-space: nowrap;
-  padding: 7px 12px;
-  font-size: 14px;
-  line-height: 22px;
-  color: #3f4755;
-  font-weight: 600;
   z-index: 2;
 }
 
-.titaui-dynamic-title__content-symbol {
-  color: #2879ff;
-  margin-right: 4px;
-}
-
 .titaui-dynamic-title__content-text {
   flex: 1;
   overflow: hidden;
@@ -33,12 +39,5 @@
 }
 
 .titaui-dynamic-title__content-text:hover {
-  color: #2879ff !important;
-}
-
-.titaui-dynamic-title__fill-empty {
-  flex: 1;
-  background: rgba(240, 244, 250, 0.5);
-  border-radius: 0 18px 18px 0;
-  margin-left: -18px;
+  opacity: 0.6;
 }

package/lib/components/dynamic/components/title/index.js

@@ -28,23 +28,37 @@ var prefix = "titaui-dynamic-title";
 var DynamicTitle = function DynamicTitle(_ref) {
   var content = _ref.content,
       onClickTitle = _ref.onClickTitle,
-      suffixContent = _ref.suffixContent;
+      type = _ref.type,
+      typeBgColor = _ref.typeBgColor,
+      titleBgColor = _ref.titleBgColor,
+      contentColor = _ref.contentColor;
 
   var _useContext = (0, _react.useContext)(_context.SearchKeyContext),
       searchKeyWord = _useContext.searchKeyWord;
 
   var onTitleClick = function onTitleClick() {
-    onClickTitle && onClickTitle();
+    if (onClickTitle) {
+      onClickTitle();
+    }
   };
 
   return /*#__PURE__*/_react["default"].createElement("div", {
-    className: prefix
+    className: prefix,
+    style: {
+      backgroundColor: titleBgColor
+    }
   }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(prefix, "__type"),
+    style: {
+      backgroundColor: typeBgColor
+    }
+  }, type), /*#__PURE__*/_react["default"].createElement("span", {
     className: "".concat(prefix, "__content")
   }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "".concat(prefix, "__content-symbol")
-  }, "#"), /*#__PURE__*/_react["default"].createElement("span", {
     className: "".concat(prefix, "__content-text"),
+    style: {
+      color: contentColor
+    },
     onClick: onTitleClick
   }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"].Text, {
     text: /*#__PURE__*/_react["default"].createElement(_searchKeyHandle["default"], {
@@ -52,9 +66,7 @@ var DynamicTitle = function DynamicTitle(_ref) {
       keyWord: searchKeyWord
     }),
     isPercent: true
-  })), suffixContent), /*#__PURE__*/_react["default"].createElement("span", {
-    className: "".concat(prefix, "__fill-empty")
-  }));
+  }))));
 };
 
 var _default = DynamicTitle;

package/lib/components/dynamic/constant.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.OkrRiskMapping = exports.ObjectType = exports.ObjTypeMapText = exports.EStatusStatus2ClassType = exports.EObjType = exports.EFeedType = void 0;
+exports.OkrRiskMapping = exports.ObjectType = exports.ObjTypeMapText = exports.EStatusStatus2ClassType = exports.EShareType = exports.EObjType = exports.EFeedType = void 0;
 
 var _getLocale = require("../../utils/getLocale");
 
@@ -57,6 +57,15 @@ exports.EFeedType = EFeedType;
   EFeedType[EFeedType["PlanCommunication"] = 103] = "PlanCommunication";
 })(EFeedType || (exports.EFeedType = EFeedType = {}));
 
+var EShareType;
+exports.EShareType = EShareType;
+
+(function (EShareType) {
+  EShareType[EShareType["CommonShare"] = 0] = "CommonShare";
+  EShareType[EShareType["ShareToDynamic"] = 1] = "ShareToDynamic";
+  EShareType[EShareType["BiShare"] = 3] = "BiShare";
+})(EShareType || (exports.EShareType = EShareType = {}));
+
 var EObjType;
 exports.EObjType = EObjType;
 
@@ -68,9 +77,10 @@ exports.EObjType = EObjType;
   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 ObjTypeMapText = (_ObjTypeMapText = {}, _defineProperty(_ObjTypeMapText, EObjType.Project, (0, _getLocale.getLocale)("Menu_Title_Projects")), _defineProperty(_ObjTypeMapText, EObjType.Task, (0, _getLocale.getLocale)("Mod_Tasks")), _defineProperty(_ObjTypeMapText, EObjType.O, (0, _getLocale.getLocale)("Mod_Objective")), _defineProperty(_ObjTypeMapText, EObjType.Kr, (0, _getLocale.getLocale)("Mod_KeyResults")), _defineProperty(_ObjTypeMapText, EObjType.MileStone, (0, _getLocale.getLocale)("Pro_page_Plan_Milestone")), _defineProperty(_ObjTypeMapText, EObjType.KanBan, (0, _getLocale.getLocale)("Pro_page_V_Tab_Kanban")), _ObjTypeMapText);
+var ObjTypeMapText = (_ObjTypeMapText = {}, _defineProperty(_ObjTypeMapText, EObjType.Project, (0, _getLocale.getLocale)("Menu_Title_Projects")), _defineProperty(_ObjTypeMapText, EObjType.Task, (0, _getLocale.getLocale)("Mod_Tasks")), _defineProperty(_ObjTypeMapText, EObjType.O, (0, _getLocale.getLocale)("Mod_Objective")), _defineProperty(_ObjTypeMapText, EObjType.Kr, (0, _getLocale.getLocale)("Mod_KeyResults")), _defineProperty(_ObjTypeMapText, EObjType.MileStone, (0, _getLocale.getLocale)("Pro_page_Plan_Milestone")), _defineProperty(_ObjTypeMapText, EObjType.KanBan, (0, _getLocale.getLocale)("Pro_page_V_Tab_Kanban")), _defineProperty(_ObjTypeMapText, EObjType.Report, "总结"), _ObjTypeMapText);
 exports.ObjTypeMapText = ObjTypeMapText;
 
 var ObjectType = function ObjectType() {

package/lib/components/dynamic/dynamic-item/components/feed-operate/index.css

@@ -0,0 +1,71 @@
+.titaui-dynamic-operation__operate {
+  margin: 14px 24px 12px 88px;
+}
+
+.titaui-dynamic-operation__operate-item {
+  display: flex;
+  font-size: 12px;
+  line-height: 18px;
+  margin-top: 8px;
+  position: relative;
+}
+
+.titaui-dynamic-operation__operate-item::before {
+  content: '';
+  position: absolute;
+  width: 1px;
+  height: 100%;
+  background: rgba(164, 172, 185, 0.2);
+  top: 16px;
+  left: 8px;
+}
+
+.titaui-dynamic-operation__operate-item:last-child::before {
+  display: none;
+}
+
+.titaui-dynamic-operation__operate-item-total {
+  font-size: 12px;
+  color: #89919f;
+  line-height: 18px;
+  display: flex;
+  align-items: center;
+}
+
+.titaui-dynamic-operation__operate-item-total-num {
+  margin: 0 4px;
+}
+
+.titaui-dynamic-operation__operate-item-total:hover {
+  color: #2879ff;
+  cursor: pointer;
+}
+
+.titaui-dynamic-operation__operate-item-left {
+  display: inline-flex;
+  margin-right: 12px;
+}
+
+.titaui-dynamic-operation__operate-item-right {
+  flex: 1;
+}
+
+.titaui-dynamic-operation__operate-icon {
+  width: 18px;
+  height: 18px;
+  margin-right: 8px;
+}
+
+.titaui-dynamic-operation__operate-time {
+  color: #89919f;
+}
+
+.titaui-dynamic-operation__operate-user {
+  color: #3f4755;
+  margin-right: 8px;
+}
+
+.titaui-dynamic-operation__operate-content {
+  color: #6f7886;
+  white-space: pre-wrap;
+}