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

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

@@ -23,9 +23,11 @@ var _dynamicAssessment = _interopRequireDefault(require("./dynamic-assessment"))
 
 var _dynamicShare = _interopRequireDefault(require("./dynamic-share"));
 
+var _dynamicChart = _interopRequireDefault(require("./dynamic-chart"));
+
 var _dynamicAnnouncement = _interopRequireDefault(require("./dynamic-announcement"));
 
-var _dynamicReplay = _interopRequireDefault(require("./dynamic-replay"));
+var _dynamicReply = _interopRequireDefault(require("./dynamic-reply"));
 
 var _dynamicReport = _interopRequireDefault(require("./dynamic-report"));
 
@@ -47,7 +49,7 @@ var _dynamicReward = _interopRequireDefault(require("./dynamic-reward"));
 
 var _dynamicMilestone = _interopRequireDefault(require("./dynamic-milestone"));
 
-var _dynamicShareToDynamic = _interopRequireDefault(require("./dynamic-share-to-dynamic"));
+var _dynamicLearning = _interopRequireDefault(require("./dynamic-learning"));
 
 var _bsGlobal = require("../../../utils/bs-global");
 
@@ -61,6 +63,10 @@ var _auth = require("../../../utils/auth");
 
 var _getLocale = require("../../../utils/getLocale");
 
+var _tooltip = _interopRequireDefault(require("../../tooltip"));
+
+var _feedOperate = _interopRequireDefault(require("./components/feed-operate"));
+
 require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -69,6 +75,12 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -92,13 +104,18 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var prefix = "titaui-dynamic-item";
 
 var DynamicItem = function DynamicItem(_ref) {
+  var _getBSGlobal;
+
   var data = _ref.data,
       onDeleteFeed = _ref.onDeleteFeed,
       dynamicShareIsShowToping = _ref.dynamicShareIsShowToping;
   var feedId = data.feedId,
       feedComments = data.feedComments,
       praiseType = data.praiseType,
-      praiseUsers = data.praiseUsers;
+      praiseUsers = data.praiseUsers,
+      feedType = data.feedType,
+      publishUser = data.publishUser,
+      feedOperations = data.feedOperations;
 
   var _useState = (0, _react.useState)(feedComments.total > 0),
       _useState2 = _slicedToArray(_useState, 2),
@@ -134,6 +151,9 @@ var DynamicItem = function DynamicItem(_ref) {
       searchKeyWord = _useContext.searchKeyWord;
 
   var hasDynamicOpereateAuth = new _auth.DynamicManagerAuth().hasAuth();
+  var hasRewardBtn = !!((_getBSGlobal = (0, _bsGlobal.getBSGlobal)("WebHead")) !== null && _getBSGlobal !== void 0 && _getBSGlobal.AppHead.find(function (item) {
+    return item.AppId === "950";
+  }));
   var dynamicContentRef = (0, _react.useRef)();
   var communicationRef = (0, _react.useRef)();
 
@@ -147,17 +167,30 @@ var DynamicItem = function DynamicItem(_ref) {
   };
 
   var handleShowMore = function handleShowMore() {
+    if (data.feedType === _constant.EFeedType.Report) {
+      if (window.titaTracker) {
+        window.titaTracker("planAction").record({
+          actionName: "查看日报",
+          actionGroup: "动态-查看更多",
+          productName: "动态",
+          feedId: data.dailyId
+        });
+      }
+    }
+
     setIsFold(false);
   };
 
   var onChangeParse = function onChangeParse(type) {
-    var _getBSGlobal = (0, _bsGlobal.getBSGlobal)("loginUserInfo"),
-        Id = _getBSGlobal.Id;
+    var _getBSGlobal2 = (0, _bsGlobal.getBSGlobal)("loginUserInfo"),
+        Id = _getBSGlobal2.Id;
 
     var data = _toConsumableArray(praiseData).filter(function (item) {
       return Number("".concat(item.userId)) !== Number("".concat(Id));
     });
 
+    var actionName = "";
+
     if (type) {
       var avatar = (0, _bsGlobal.getBSGlobal)("loginUserInfo").UserAvatar;
       var name = (0, _bsGlobal.getBSGlobal)("loginUserInfo").Name;
@@ -170,8 +203,19 @@ var DynamicItem = function DynamicItem(_ref) {
         praiseType: type
       };
       setPraiseData([parseUser].concat(_toConsumableArray(data)));
+      actionName = "点赞日报";
     } else {
       setPraiseData(data);
+      actionName = "取消日报点赞";
+    }
+
+    if (window.titaTracker) {
+      window.titaTracker("planAction").record({
+        actionName: actionName,
+        actionGroup: "动态-日报",
+        productName: "动态",
+        feedId: feedId
+      });
     }
   };
 
@@ -226,13 +270,21 @@ var DynamicItem = function DynamicItem(_ref) {
         });
 
       case _constant.EFeedType.Reply:
-        return /*#__PURE__*/_react["default"].createElement(_dynamicReplay["default"], {
+        return /*#__PURE__*/_react["default"].createElement(_dynamicReply["default"], {
           data: data,
           onDeleteFeed: onDeleteFeed
         });
 
       case _constant.EFeedType.Share:
-        if (data.shareType === 0) {
+        if (data.shareType === _constant.EShareType.CommonShare) {
+          // 兼容一些 缺失shareType的 图表类型分享 过两天就会撤掉
+          if (data.biId) {
+            return /*#__PURE__*/_react["default"].createElement(_dynamicChart["default"], {
+              data: data,
+              onDeleteFeed: onDeleteFeed
+            });
+          }
+
           return /*#__PURE__*/_react["default"].createElement(_dynamicShare["default"], {
             data: data,
             onDeleteFeed: onDeleteFeed,
@@ -241,7 +293,14 @@ var DynamicItem = function DynamicItem(_ref) {
           });
         }
 
-        return /*#__PURE__*/_react["default"].createElement(_dynamicShareToDynamic["default"], {
+        if (data.shareType === _constant.EShareType.BiShare) {
+          return /*#__PURE__*/_react["default"].createElement(_dynamicChart["default"], {
+            data: data,
+            onDeleteFeed: onDeleteFeed
+          });
+        }
+
+        return /*#__PURE__*/_react["default"].createElement(_dynamicLearning["default"], {
           data: data
         });
 
@@ -274,11 +333,65 @@ var DynamicItem = function DynamicItem(_ref) {
         return null;
     }
   }, [data]);
-  (0, _react.useEffect)(function () {
-    if (dynamicContentRef.current && dynamicContentRef.current.offsetHeight > 288) {
-      setContentIsOverflow(true);
+
+  var renderUpvoteCount = function renderUpvoteCount(type, count) {
+    if (count === 0) {
+      return "";
+    }
+
+    return count || type;
+  };
+
+  var handlePayReward = function handlePayReward() {
+    var data = {
+      multi: false,
+      toUserInfo: _objectSpread(_objectSpread({}, publishUser), {}, {
+        id: publishUser.userId
+      }),
+      objId: feedId,
+      objType: feedType
+    };
+
+    if (window.util) {
+      if (window.titaTracker) {
+        window.titaTracker("planAction").record({
+          actionName: "打开打赏弹层",
+          actionGroup: "动态-日报",
+          productName: "动态",
+          feedId: feedId
+        });
+      }
+
+      window.util.rewardGetFile(function (myReward) {
+        myReward.renderPayReward(data);
+      });
+    }
+  };
+
+  var handleReply = function handleReply(_ref2) {
+    var submitType = _ref2.submitType;
+    var actionName = submitType === "delete" ? "删除日报评论" : "评论日报";
+
+    if (window.titaTracker) {
+      window.titaTracker("planAction").record({
+        actionName: actionName,
+        actionGroup: "动态-日报",
+        productName: "动态",
+        feedId: feedId
+      });
     }
-  }, []);
+  };
+
+  (0, _react.useEffect)(function () {
+    setTimeout(function () {
+      if (dynamicContentRef.current && dynamicContentRef.current.offsetHeight > 334) {
+        setContentIsOverflow(true);
+      }
+    }, 0);
+  }, [data]);
+  (0, _react.useEffect)(function () {
+    setShowComment(feedComments.total > 0);
+  }, [feedComments]);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix
   }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -294,8 +407,11 @@ var DynamicItem = function DynamicItem(_ref) {
     onClick: handleShowMore
   }, (0, _getLocale.getLocale)("Tasks_Tab_MyS_Butt_Seemoral"), /*#__PURE__*/_react["default"].createElement("i", {
     className: (0, _classnames["default"])("tu-icon-arrow-down", "".concat(prefix, "__icon"))
-  })))), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(prefix, "__footer")
+  })))), feedOperations.total > 0 && /*#__PURE__*/_react["default"].createElement(_feedOperate["default"], {
+    feedOperations: feedOperations,
+    data: data
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(prefix, "__footer"))
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__footer-left")
   }, praiseData.map(function (item, index) {
@@ -330,6 +446,17 @@ var DynamicItem = function DynamicItem(_ref) {
     onClick: handleFold
   }, (0, _getLocale.getLocale)("Mod_Fold"), /*#__PURE__*/_react["default"].createElement("i", {
     className: (0, _classnames["default"])("tu-icon-arrow-down", "".concat(prefix, "__icon"), "".concat(prefix, "__icon-up"))
+  }))), /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
+    condition: hasRewardBtn
+  }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+    overlay: (0, _getLocale.getLocale)("Feed_Approval"),
+    align: {
+      offset: [0, 0]
+    },
+    placement: "top"
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    onClick: handlePayReward,
+    className: (0, _classnames["default"])("".concat(prefix, "__footer-icon"), "".concat(prefix, "__footer-icon-redenvelopes"))
   }))), /*#__PURE__*/_react["default"].createElement("span", {
     onClick: handleCommentClick,
     className: (0, _classnames["default"])("tu-icon-pinglun-m", "".concat(prefix, "__footer-icon"))
@@ -346,7 +473,8 @@ var DynamicItem = function DynamicItem(_ref) {
       marginLeft: 30
     },
     buttonType: "tu-icon-tyle-column",
-    customUpvoteBtnCls: "".concat(prefix, "__upvote-btn")
+    customUpvoteBtnCls: "".concat(prefix, "__upvote-btn"),
+    renderCount: renderUpvoteCount
   }), /*#__PURE__*/_react["default"].createElement(_upvoteListModal["default"], {
     feedId: feedId,
     visible: upvoteModalVisible,
@@ -356,7 +484,7 @@ var DynamicItem = function DynamicItem(_ref) {
   }))), /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
     condition: showComment
   }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(prefix, "__communication")
+    className: (0, _classnames["default"])("".concat(prefix, "__communication"))
   }, /*#__PURE__*/_react["default"].createElement(_communication["default"], {
     feedId: feedId,
     commentCount: 3,
@@ -365,7 +493,10 @@ var DynamicItem = function DynamicItem(_ref) {
     autoFocus: feedComments.total === 0,
     usePropsComment: usePropsComment,
     communication: feedComments.comments,
-    totalCommunicationNum: feedComments.total
+    totalCommunicationNum: feedComments.total,
+    onReplyChange: handleReply,
+    showUser: true,
+    showDefaultInput: true
   }))));
 };
 

package/lib/components/dynamic/dynamic-like-ranking/item.js

@@ -78,7 +78,7 @@ var Item = function Item(_ref) {
     className: "".concat(preCls, "-avatar")
   }, /*#__PURE__*/_react["default"].createElement(_avatar["default"], {
     name: name,
-    src: avatar.small,
+    src: avatar.original,
     color: avatar.color,
     userId: userId,
     size: {

package/lib/components/dynamic/dynamic-list/index.js

@@ -65,7 +65,8 @@ var DynamicList = function DynamicList(_ref) {
     }]
   }, data.map(function (item) {
     return /*#__PURE__*/_react["default"].createElement("div", {
-      className: "".concat(prefix, "__item-wrapper")
+      className: "".concat(prefix, "__item-wrapper"),
+      key: item.feedId
     }, /*#__PURE__*/_react["default"].createElement(_dynamicItem["default"], {
       data: item,
       onDeleteFeed: handleDeleteFeed,

package/lib/components/dynamic/dynamic-topping/item.js

@@ -21,10 +21,12 @@ var _auth = require("../../../utils/auth");
 
 var _toast = _interopRequireDefault(require("../../toast"));
 
-var _dangerousHtml = _interopRequireDefault(require("../components/dangerous-html"));
+var _dangerousHtml = _interopRequireDefault(require("../../dangerous-html"));
 
 var _getLocale = require("../../../utils/getLocale");
 
+var _quotationMark = _interopRequireDefault(require("./image/quotation-mark.svg"));
+
 require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -68,11 +70,13 @@ var Item = function Item(_ref) {
 
   var onHandlerCancel = function onHandlerCancel(userId) {
     (0, _requestApi.delDynamicTop)(userId).then(function (res) {
-      if (res.Code == 1) {
+      if (res.Code === 1) {
         _toast["default"].Success((0, _getLocale.getLocale)("Mod_Successfuloperat"));
 
         setTimeout(function () {
-          refresh && refresh();
+          if (refresh) {
+            refresh();
+          }
         }, 1000);
       } else {
         _toast["default"].Error(res.Message);
@@ -136,7 +140,7 @@ var Item = function Item(_ref) {
     className: (0, _classnames["default"])("tu-icon-diot  ".concat(preCls, "-header-right-diot"))
   })))), /*#__PURE__*/_react["default"].createElement("img", {
     className: (0, _classnames["default"])("".concat(preCls, "-mark")),
-    src: require("./image/quotation-mark.svg"),
+    src: _quotationMark["default"],
     alt: ""
   }), /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(preCls, "-content"))

package/lib/components/dynamic/dynamic.js

@@ -269,7 +269,7 @@ var Dynamic = function Dynamic() {
       } // 滚动到距离底部40px之后加载新的数据
 
 
-      if (contentDom.scrollHeight - contentDom.scrollTop <= contentDom.offsetHeight) {
+      if (contentDom.scrollHeight - contentDom.scrollTop <= contentDom.offsetHeight + 40) {
         // 滚动加载防止重复请求
         if (noMoreData || isLoadingMore) {
           return;

package/lib/components/dynamic/img/dynamic-point.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="3px" height="3px" viewBox="0 0 3 3" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>椭圆形</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="动态-OKR" transform="translate(-214.000000, -342.000000)" fill="#8791A0">
+            <g id="新建目标-负责目标" transform="translate(16.000000, 196.000000)">
+                <g id="编组-9" transform="translate(88.000000, 94.000000)">
+                    <circle id="椭圆形" cx="111.5" cy="53.5" r="1.5"></circle>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/components/dynamic/img/dynamic-reward-hover.svg

@@ -0,0 +1 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient x1="74.137%" y1="76.285%" x2="7.656%" y2=".727%" id="a"><stop stop-color="#F05E5E" offset="0%"/><stop stop-color="#FFA5A5" offset="100%"/></linearGradient></defs><g fill="none" fill-rule="evenodd"><rect width="20" height="20" rx=".167"/><path d="M2.88 4.641c.366.221.82.422 1.345.599 1.478.498 3.52.806 5.775.806 2.255 0 4.296-.308 5.775-.806.42-.142.795-.299 1.117-.469l.228-.129.14.332c.604 1.524.907 3.2.907 5.026 0 1.979-.355 3.78-1.066 5.403h.001a3.5 3.5 0 0 1-1.78 1.793c-1.45.647-3.225.97-5.322.97s-3.872-.323-5.323-.969v-.001a3.5 3.5 0 0 1-1.779-1.792C2.188 13.78 1.833 11.979 1.833 10c0-1.96.349-3.747 1.046-5.359zm5.843 4.776a.67.67 0 0 0-.924-.125.54.54 0 0 0-.1.758l1.114 1.459h-.667a.485.485 0 1 0 0 .97h1.213v.75H8.021a.614.614 0 0 0 0 1.227h1.338v.55a.668.668 0 0 0 1.337 0v-.55h1.355a.614.614 0 0 0 0-1.227h-1.355v-.75h1.23a.485.485 0 1 0 0-.97h-.662l.989-1.431a.572.572 0 0 0-.177-.817.658.658 0 0 0-.876.186l-1.159 1.645zM10 1.833c2.097 0 3.872.324 5.323.97v.001a3.5 3.5 0 0 1 1.24.929c-.33.224-.911.428-1.7.595-1.282.273-3.013.428-4.863.428-1.85 0-3.58-.155-4.863-.428-.79-.168-1.37-.372-1.7-.595.338-.396.76-.714 1.24-.929v-.001c1.348-.6 2.974-.922 4.878-.965L10 1.833z" fill="url(#a)"/></g></svg>

package/lib/components/dynamic/img/dynamic-reward-normal.svg

@@ -0,0 +1 @@
+<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><rect width="20" height="20" rx=".167"/><path d="M2.88 4.641c.366.221.82.422 1.345.599 1.478.498 3.52.806 5.775.806 2.255 0 4.296-.308 5.775-.806.42-.142.795-.299 1.117-.469l.228-.129.14.332c.604 1.524.907 3.2.907 5.026 0 1.979-.355 3.78-1.066 5.403h.001a3.5 3.5 0 0 1-1.78 1.793c-1.45.647-3.225.97-5.322.97s-3.872-.323-5.323-.969v-.001a3.5 3.5 0 0 1-1.779-1.792C2.188 13.78 1.833 11.979 1.833 10c0-1.96.349-3.747 1.046-5.359zm5.843 4.776a.67.67 0 0 0-.924-.125.54.54 0 0 0-.1.758l1.114 1.459h-.667a.485.485 0 1 0 0 .97h1.213v.75H8.021a.614.614 0 0 0 0 1.227h1.338v.55a.668.668 0 0 0 1.337 0v-.55h1.355a.614.614 0 0 0 0-1.227h-1.355v-.75h1.23a.485.485 0 1 0 0-.97h-.662l.989-1.431a.572.572 0 0 0-.177-.817.658.658 0 0 0-.876.186l-1.159 1.645zM10 1.833c2.097 0 3.872.324 5.323.97v.001a3.5 3.5 0 0 1 1.24.929c-.33.224-.911.428-1.7.595-1.282.273-3.013.428-4.863.428-1.85 0-3.58-.155-4.863-.428-.79-.168-1.37-.372-1.7-.595.338-.396.76-.714 1.24-.929v-.001c1.348-.6 2.974-.922 4.878-.965L10 1.833z" fill="#A4ACB9"/></g></svg>

package/lib/components/dynamic/util.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getProgressState = exports.getFeedTypeAndTypeColor = exports.formatMenu = exports.formatCycleData = void 0;
+exports.getProgressState = exports.getProcessColor = exports.formatMenu = exports.formatCycleData = exports["default"] = void 0;
 
 var _getLocale = require("../../utils/getLocale");
 
@@ -20,90 +20,13 @@ var getProgressState = function getProgressState(oStatus, riskLevel) {
 
 exports.getProgressState = getProgressState;
 
-var getFeedTypeAndTypeColor = function getFeedTypeAndTypeColor(feedType) {
-  var feedTypeText = "";
-  var feedTypeColor = "";
-
-  if (feedType === _constant.EFeedType.Assessment) {
-    feedTypeText = (0, _getLocale.getLocale)("Mod_Performance");
-    feedTypeColor = "linear-gradient(90deg, #5AD9D8 0%, #94EDEC 100%)";
-  }
-
-  if (feedType === _constant.EFeedType.Report) {
-    feedTypeText = (0, _getLocale.getLocale)("Menu_Title_Reports");
-    feedTypeColor = "linear-gradient(270deg, #FF9EC3 0%, #FF4D91 100%)";
-  }
-
-  if (feedType === _constant.EFeedType.Reply) {
-    feedTypeText = (0, _getLocale.getLocale)("OKR_MyO_KRP_Review");
-    feedTypeColor = "linear-gradient(270deg, #FFA5A5 0%, #F05E5E 100%)";
-  }
-
-  if (feedType === _constant.EFeedType.Align) {
-    feedTypeText = "对齐";
-    feedTypeColor = "linear-gradient(270deg, #93EED2 0%, rgba(90, 216, 166, 0.85) 100%)";
-  }
-
-  if (feedType === _constant.EFeedType.Progress) {
-    feedTypeText = (0, _getLocale.getLocale)("Feed_Tab_Title_Progress");
-    feedTypeColor = "linear-gradient(90deg, #FFAB67 0%, #FFD5A0 100%)";
-  }
-
-  if (feedType === _constant.EFeedType.Relative) {
-    feedTypeText = (0, _getLocale.getLocale)("Mod_Associate");
-    feedTypeColor = "linear-gradient(270deg, #FFE18B 0%, #F6BD16 100%)";
-  }
-
-  if (feedType === _constant.EFeedType.O) {
-    feedTypeText = "OKRs";
-    feedTypeColor = "linear-gradient(90deg, #2879FF 0%, #9FBFFF 100%)";
-  }
-
-  if (feedType === _constant.EFeedType.Kr) {
-    feedTypeText = "KR";
-    feedTypeColor = "linear-gradient(90deg, #2879FF 0%, #9FBFFF 100%)";
-  }
-
-  if (feedType === _constant.EFeedType.Project) {
-    feedTypeText = (0, _getLocale.getLocale)("Menu_Title_Projects");
-    feedTypeColor = "linear-gradient(90deg, #624DFF 0%, #CDC7FF 100%)";
-  }
-
-  if (feedType === _constant.EFeedType.MileStone) {
-    feedTypeText = (0, _getLocale.getLocale)("Pro_page_Plan_Milestone");
-    feedTypeColor = "linear-gradient(90deg, #624DFF 0%, #CDC7FF 100%)";
-  }
-
-  if (feedType === _constant.EFeedType.Task) {
-    feedTypeText = (0, _getLocale.getLocale)("Mod_Tasks");
-    feedTypeColor = "linear-gradient(90deg, #0080FF 0%, #8FC7FF 100%)";
-  }
-
-  if (feedType === _constant.EFeedType.PlanCommunication) {
-    feedTypeText = "计划表";
-    feedTypeColor = "linear-gradient(90deg, #0080FF 0%, #8FC7FF 100%)";
-  }
-
-  if (feedType === _constant.EFeedType.OKRsCommunication) {
-    feedTypeText = "OKRs";
-    feedTypeColor = "linear-gradient(90deg, #2879FF 0%, #9FBFFF 100%)";
-  }
-
-  return {
-    feedTypeText: feedTypeText,
-    feedTypeColor: feedTypeColor
-  };
-};
-
-exports.getFeedTypeAndTypeColor = getFeedTypeAndTypeColor;
-
 var formatCycleData = function formatCycleData(periodParams, isGetCycleRange) {
   if (!periodParams) return "";
   var quarter = ["", (0, _getLocale.getLocale)("OKR_MyO_Pop_1stQuarter"), (0, _getLocale.getLocale)("OKR_MyO_Pop_2ndQuarter"), (0, _getLocale.getLocale)("OKR_MyO_Pop_3rdQuarter"), (0, _getLocale.getLocale)("OKR_MyO_Pop_4thQuarter")];
   var cycleDate = "";
   var startDate = periodParams.startDate;
   var endDate = periodParams.endDate;
-  var annualNum = periodParams.annualNum == "-1" ? (0, _getLocale.getLocale)("OKR_MyO_Butt_Allyears") : periodParams.annualNum;
+  var annualNum = Number("".concat(periodParams.annualNum)) === -1 ? (0, _getLocale.getLocale)("OKR_MyO_Butt_Allyears") : periodParams.annualNum;
 
   switch (periodParams.cycleType.toString()) {
     case "-1":
@@ -127,7 +50,7 @@ var formatCycleData = function formatCycleData(periodParams, isGetCycleRange) {
       cycleDate = (0, _getLocale.getLocale)("Mod_Customization");
   }
 
-  if (new Date(periodParams.startDate).getFullYear() == new Date().getFullYear()) {
+  if (new Date(periodParams.startDate).getFullYear() === new Date().getFullYear()) {
     startDate = periodParams.startDate.slice(5);
     endDate = periodParams.endDate.slice(5);
   }
@@ -149,4 +72,41 @@ var formatMenu = function formatMenu(data) {
   return data;
 };
 
-exports.formatMenu = formatMenu;
+exports.formatMenu = formatMenu;
+
+var getProcessColor = function getProcessColor(status, level, type) {
+  var processColor = {
+    1: {
+      riskLevel: 1,
+      linearStartColor: "#4E90FF",
+      linearEndColor: "#2879ff",
+      backgroundColor: "rgba(40,121,255,0.11)"
+    },
+    3: {
+      riskLevel: 3,
+      linearStartColor: "#FFA5A5",
+      linearEndColor: "#F05E5E",
+      backgroundColor: "rgba(222,89,89,0.1)"
+    },
+    2: {
+      riskLevel: 2,
+      linearStartColor: "#FDCD41",
+      linearEndColor: "#FFE18B",
+      backgroundColor: "#FEF5DC"
+    }
+  };
+
+  if (status === 2) {
+    var tempColor = processColor[2];
+    return tempColor[type];
+  }
+
+  var color = processColor["".concat(level)];
+  if (level === 0) color = processColor["1"];
+  if (!color) return {};
+  return color[type];
+};
+
+exports.getProcessColor = getProcessColor;
+var _default = {};
+exports["default"] = _default;

package/lib/components/e-status-dropdown/index.css

@@ -0,0 +1,3 @@
+.e-node-status-icon {
+  color: #89919F;
+}

package/lib/components/e-status-dropdown/index.js

@@ -0,0 +1,94 @@
+"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"] = _default;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _dropSelector = _interopRequireWildcard(require("../drop-selector"));
+
+var _getLocale = require("../../utils/getLocale");
+
+require("./index.css");
+
+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 _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 _default(props) {
+  var onChange = props.onChange,
+      checked = props.checked,
+      hasAuth = props.hasAuth;
+
+  var _useState = (0, _react.useState)("tu-icon-notstart"),
+      _useState2 = _slicedToArray(_useState, 2),
+      status = _useState2[0],
+      setStatus = _useState2[1];
+
+  var onMenuClickHandler = function onMenuClickHandler(name) {
+    setStatus(name);
+    onChange && onChange(name);
+  };
+
+  (0, _react.useEffect)(function () {
+    setStatus(checked);
+  }, [checked]);
+  return /*#__PURE__*/_react["default"].createElement(_dropSelector["default"], {
+    onChange: onMenuClickHandler,
+    checked: status,
+    canEdit: hasAuth,
+    trigger: /*#__PURE__*/_react["default"].createElement("span", {
+      style: {
+        color: "#89919F",
+        fontSize: 14,
+        marginRight: 4,
+        verticalAlign: "baseline"
+      },
+      className: (0, _classnames["default"])(status)
+    })
+  }, /*#__PURE__*/_react["default"].createElement(_dropSelector.IconItem, {
+    name: "tu-icon-finished",
+    icon: "tu-icon-finished",
+    exIconClass: "e-node-status-icon"
+  }, (0, _getLocale.getLocale)("OKR_MyO_E_From_Completed")), /*#__PURE__*/_react["default"].createElement(_dropSelector.IconItem, {
+    name: "tu-icon-running",
+    icon: "tu-icon-running",
+    exIconClass: "e-node-status-icon"
+  }, (0, _getLocale.getLocale)("Per_MyRe_text_Inprogress")), /*#__PURE__*/_react["default"].createElement(_dropSelector.IconItem, {
+    name: "tu-icon-canceled",
+    icon: "tu-icon-canceled",
+    exIconClass: "e-node-status-icon"
+  }, (0, _getLocale.getLocale)("OKR_MyO_E_From_Cancelled")), /*#__PURE__*/_react["default"].createElement(_dropSelector.IconItem, {
+    name: "tu-icon-deferred",
+    icon: "tu-icon-deferred",
+    exIconClass: "e-node-status-icon"
+  }, (0, _getLocale.getLocale)("OKR_MyO_E_From_Delayed")), /*#__PURE__*/_react["default"].createElement(_dropSelector.IconItem, {
+    name: "tu-icon-paused",
+    icon: "tu-icon-paused",
+    exIconClass: "e-node-status-icon"
+  }, (0, _getLocale.getLocale)("OKR_MyO_E_From_Suspended")), /*#__PURE__*/_react["default"].createElement(_dropSelector.IconItem, {
+    name: "tu-icon-notstart",
+    icon: "tu-icon-notstart",
+    exIconClass: "e-node-status-icon"
+  }, (0, _getLocale.getLocale)("OKR_MyO_E_From_NotStarted")));
+}