@titaui/pc 1.11.60 → 1.11.63

package/lib/components/contact-kefu/index.css

@@ -1,5 +1,5 @@
 .contact-kefu {
-  position: relative;
+  position: fixed;
   height: 100vh;
   background: #f0f4fa;
   overflow: hidden;

package/lib/components/create-okr-modal/index.js

@@ -353,7 +353,9 @@ function CreateOkrModal(_ref, ref) {
       setData: function setData(data) {
         setOkrName(data.okrName);
         setUser(data.user);
-      }
+      },
+      show: showCreateOkrModal,
+      hide: hideCreateOkrModal
     };
   });
   var handleOnSuccess = (0, _react.useCallback)(function () {

package/lib/components/dynamic/constant.js

@@ -116,7 +116,7 @@ var EStatusStatus2ClassType = {
   3: "tu-icon-deferred",
   6: "tu-icon-paused",
   0: "tu-icon-notstart",
-  5: "tu-icon-jiantou-right"
+  5: "tu-icon-weijieshou-right"
 };
 exports.EStatusStatus2ClassType = EStatusStatus2ClassType;
 var PlanReportType = ["titaPlanReport", "titaPlanManagerReport"];

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

@@ -17,11 +17,12 @@ var _conditionRender = _interopRequireDefault(require("../../condition-render"))
 
 var _getLocale = require("../../../utils/getLocale");
 
+var _context = require("../context");
+
 require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-// @ts-ignore
 var prefix = 'titaui-dynamic-list';
 
 var DynamicList = function DynamicList(_ref) {
@@ -29,7 +30,9 @@ var DynamicList = function DynamicList(_ref) {
       dynamicShareIsShowToping = _ref.dynamicShareIsShowToping,
       onDeleteFeed = _ref.onDeleteFeed,
       _ref$height = _ref.height,
-      height = _ref$height === void 0 ? -1 : _ref$height;
+      height = _ref$height === void 0 ? -1 : _ref$height,
+      _ref$searchKeyWord = _ref.searchKeyWord,
+      searchKeyWord = _ref$searchKeyWord === void 0 ? "" : _ref$searchKeyWord;
 
   var handleDeleteFeed = function handleDeleteFeed(feedId) {
     if (onDeleteFeed) {
@@ -37,10 +40,14 @@ var DynamicList = function DynamicList(_ref) {
     }
   };
 
-  return /*#__PURE__*/_react["default"].createElement("div", {
+  return /*#__PURE__*/_react["default"].createElement(_context.SearchKeyContext.Provider, {
+    value: {
+      searchKeyWord: searchKeyWord
+    }
+  }, /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix,
     style: {
-      minHeight: height === -1 ? 'auto' : height
+      minHeight: height === -1 ? "auto" : height
     }
   }, /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
     condition: data.length === 0
@@ -52,7 +59,7 @@ var DynamicList = function DynamicList(_ref) {
     alt: ""
   }), /*#__PURE__*/_react["default"].createElement("span", {
     className: "".concat(prefix, "__empty-text")
-  }, (0, _getLocale.getLocale)('OKR_Noinformation')))), /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
+  }, (0, _getLocale.getLocale)("OKR_Noinformation")))), /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
     condition: data.length !== 0
   }, /*#__PURE__*/_react["default"].createElement(_rcQueueAnim["default"], {
     type: "bottom",
@@ -61,7 +68,7 @@ var DynamicList = function DynamicList(_ref) {
     animConfig: [{
       opacity: [1, 0]
     }, {
-      display: 'none'
+      display: "none"
     }]
   }, data.map(function (item) {
     return /*#__PURE__*/_react["default"].createElement("div", {
@@ -72,7 +79,7 @@ var DynamicList = function DynamicList(_ref) {
       onDeleteFeed: handleDeleteFeed,
       dynamicShareIsShowToping: dynamicShareIsShowToping
     }));
-  }))));
+  })))));
 };
 
 var _default = DynamicList;

package/lib/components/dynamic/index.js

@@ -1,23 +1,20 @@
 "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 _exportModule = _interopRequireWildcard(require("./export-module"));
+var _dynamicList = _interopRequireDefault(require("./dynamic-list"));
+
+var _dynamicItem = _interopRequireDefault(require("./dynamic-item"));
 
-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); }
+var _context = require("./context");
 
-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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-_exportModule["default"].List = _exportModule.DynamicList;
-_exportModule["default"].Item = _exportModule.DynamicItem;
-_exportModule["default"].LikeRanking = _exportModule.DynamicLikeRanking;
-_exportModule["default"].Liking = _exportModule.DynamicLiking;
-_exportModule["default"].QuickOperation = _exportModule.DynamicQuickOperation;
-_exportModule["default"].Topping = _exportModule.DynamicTopping;
-var _default = _exportModule["default"];
+var Dynamic = _dynamicList["default"];
+Dynamic.Item = _dynamicItem["default"];
+Dynamic.SearchKeyContext = _context.SearchKeyContext;
+var _default = Dynamic;
 exports["default"] = _default;

package/lib/components/dynamic/request-api.js

@@ -3,105 +3,44 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.topDynamic = exports.getRanking = exports.getPraise = exports.getMenu = exports.getLeastPariseInfo = exports.getDynamicFeedList = exports.getAdvertise = exports.deleteDynamic = exports.collectDynamic = exports.cancelTopDynamic = exports.cancelCollectDynamic = void 0;
+exports.topDynamic = exports.deleteDynamic = exports.collectDynamic = exports.cancelTopDynamic = exports.cancelCollectDynamic = void 0;
 
 var _request = require("../../utils/request");
 
-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; }
-
 // @ts-ignore
 var userId = BSGlobal && BSGlobal.loginUserInfo.Id || 0;
 
 var topDynamic = function topDynamic(_ref) {
   var feedId = _ref.feedId;
-  return (0, _request.rget)("v2")("user/feednew/setTop?feedId=".concat(feedId));
+  return (0, _request.rget)('v2')("user/feednew/setTop?feedId=".concat(feedId));
 };
 
 exports.topDynamic = topDynamic;
 
 var cancelTopDynamic = function cancelTopDynamic(_ref2) {
   var feedId = _ref2.feedId;
-  return (0, _request.rget)("v2")("user/feednew/cancelTop?feedId=".concat(feedId));
+  return (0, _request.rget)('v2')("user/feednew/cancelTop?feedId=".concat(feedId));
 };
 
 exports.cancelTopDynamic = cancelTopDynamic;
 
 var collectDynamic = function collectDynamic(_ref3) {
   var feedId = _ref3.feedId;
-  return (0, _request.rput)("v2")("user/feed/Collect?feed_id=".concat(feedId));
+  return (0, _request.rput)('v2')("user/feed/Collect?feed_id=".concat(feedId));
 };
 
 exports.collectDynamic = collectDynamic;
 
 var cancelCollectDynamic = function cancelCollectDynamic(_ref4) {
   var feedId = _ref4.feedId;
-  return (0, _request.rdelete)("v2")("user/feed/CancelCollect?feed_id=".concat(feedId));
+  return (0, _request.rdelete)('v2')("user/feed/CancelCollect?feed_id=".concat(feedId));
 };
 
 exports.cancelCollectDynamic = cancelCollectDynamic;
 
 var deleteDynamic = function deleteDynamic(_ref5) {
   var feedId = _ref5.feedId;
-  return (0, _request.rdelete)("v2")("user/feed/Delete?feed_id=".concat(feedId));
-};
-
-exports.deleteDynamic = deleteDynamic;
-
-var getPraise = function getPraise(_ref6) {
-  var objId = _ref6.objId,
-      _ref6$start = _ref6.start,
-      start = _ref6$start === void 0 ? "" : _ref6$start,
-      _ref6$count = _ref6.count,
-      count = _ref6$count === void 0 ? 5 : _ref6$count,
-      _ref6$objType = _ref6.objType,
-      objType = _ref6$objType === void 0 ? 10 : _ref6$objType;
-  return (0, _request.rget)("v1")("praise/get?objId=".concat(objId, "&start=&count=").concat(count, "&objType=").concat(objType));
-};
-
-exports.getPraise = getPraise;
-
-var getRanking = function getRanking(data) {
-  return (0, _request.rpost)("v1")("praise/getRanking", data);
-};
-
-exports.getRanking = getRanking;
-
-var getLeastPariseInfo = function getLeastPariseInfo() {
-  return (0, _request.rget)("v1")("praise/getLeastPariseInfo?count=10");
-};
-
-exports.getLeastPariseInfo = getLeastPariseInfo;
-
-var getMenu = function getMenu() {
-  return (0, _request.rget)("v2")("feed/FeedTabMenus");
-};
-
-exports.getMenu = getMenu;
-
-var getDynamicFeedList = function getDynamicFeedList() {
-  var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
-    PageSize: 20,
-    PageNum: 1,
-    KeyWord: "",
-    ChannelIds: "",
-    Domain: "",
-    TitaHost: "",
-    RequestSource: 0,
-    CommentCount: 3
-  };
-  return (0, _request.rpost)("v2")("feed/feeds", _objectSpread(_objectSpread({}, data), {}, {
-    CommentCount: 3
-  }));
-};
-
-exports.getDynamicFeedList = getDynamicFeedList;
-
-var getAdvertise = function getAdvertise() {
-  return (0, _request.rget)("v1")("operationAd/getByTerminalType?terminalType=1");
+  return (0, _request.rdelete)('v2')("user/feed/Delete?feed_id=".concat(feedId));
 };
 
-exports.getAdvertise = getAdvertise;
+exports.deleteDynamic = deleteDynamic;

package/lib/components/menus/export-modules/appraisal-menus/menus.js

@@ -28,7 +28,8 @@ exports.defaultRefObject = defaultRefObject;
 var _getBSGlobal = (0, _bsGlobal.getBSGlobal)("AssessAdvancedSetting"),
     _getBSGlobal$AssessFu = _getBSGlobal.AssessFunctionSetting,
     StartAssessByDepartmentLeader = _getBSGlobal$AssessFu.StartAssessByDepartmentLeader,
-    StartAssessByUser = _getBSGlobal$AssessFu.StartAssessByUser;
+    StartAssessByUser = _getBSGlobal$AssessFu.StartAssessByUser,
+    StartAssessByHrbp = _getBSGlobal$AssessFu.StartAssessByHrbp;
 
 var _getUserInfo = (0, _bsGlobal.getUserInfo)(),
     HasSub = _getUserInfo.HasSub,
@@ -36,10 +37,11 @@ var _getUserInfo = (0, _bsGlobal.getUserInfo)(),
     IsLeader = _getUserInfo.IsLeader,
     IsBoss = _getUserInfo.IsBoss,
     IsRoot = _getUserInfo.IsRoot,
-    Role = _getUserInfo.Role;
+    Role = _getUserInfo.Role,
+    IsHrbp = _getUserInfo.IsHrbp;
 
-var performanceManageAuthority = IsAssessManager || IsLeader && StartAssessByDepartmentLeader || StartAssessByUser;
-var performanceStatisticsAuthority = IsAssessManager || IsBoss || IsRoot && Role != 4 || IsLeader;
+var performanceManageAuthority = IsAssessManager || IsLeader && StartAssessByDepartmentLeader || StartAssessByUser || IsHrbp && StartAssessByHrbp;
+var performanceStatisticsAuthority = IsAssessManager || IsBoss || IsRoot && Role !== 4 || IsLeader || IsHrbp;
 var PAGE_MY_APPRAISAL = "my-appraisal";
 exports.PAGE_MY_APPRAISAL = PAGE_MY_APPRAISAL;
 var PAGE_EVALUATE_APPRAISAL = "evaluate-appraisal";
@@ -86,7 +88,7 @@ var AppraisalMenus = /*#__PURE__*/function () {
       label: _i18n.locale.menu_department_ass,
       key: PAGE_DEPART_APPRAISAL,
       href: "#/performance?reactRouterName=department",
-      isShow: IsLeader
+      isShow: IsLeader || IsHrbp
     }, {
       icon: "",
       label: _i18n.locale.menu_management_ass,
@@ -151,16 +153,16 @@ var AppraisalMenus = /*#__PURE__*/function () {
   _createClass(AppraisalMenus, [{
     key: "getMenus",
     value: function getMenus() {
-      var menus = this.formateToTreeNodeData(this.menus);
+      var menus = this.formateToTreeNodeData();
       return menus;
     }
   }, {
     key: "formateToTreeNodeData",
-    value: function formateToTreeNodeData(menus) {
+    value: function formateToTreeNodeData() {
       var treeNodes = [];
 
-      for (var i = 0; i < menus.length; i++) {
-        var menu = menus[i];
+      for (var i = 0; i < this.menus.length; i += 1) {
+        var menu = this.menus[i];
 
         if (menu.isShow) {
           treeNodes.push({

package/lib/components/nav-top/components/menu/index.js

@@ -45,7 +45,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var prefix = 'titaui-nav-top-menu';
+var prefix = "titaui-nav-top-menu";
 var popupAlign = {
   offset: [0, 5],
   overflow: {
@@ -62,7 +62,7 @@ var NewFeatureGuidePopupAlign = {
   },
   targetOffset: [0, 0]
 };
-var NEWMENUS = '#/interview';
+var NEWMENUS = "#/interview";
 
 var Menu = function Menu(_ref) {
   var menus = _ref.menus,
@@ -83,7 +83,7 @@ var Menu = function Menu(_ref) {
       feedNum = _useGlobalValue2[0];
 
   var containerRef = (0, _react.useRef)();
-  var apiPath = (0, _bsGlobal.getBSGlobal)('apiPath');
+  var apiPath = (0, _bsGlobal.getBSGlobal)("apiPath");
   var userId = (0, _bsGlobal.getUserInfo)().Id;
 
   var handlePopupVisibleChange = function handlePopupVisibleChange(visible) {
@@ -92,10 +92,10 @@ var Menu = function Menu(_ref) {
 
   var handleTracker = function handleTracker(menu) {
     if (window.titaTracker) {
-      window.titaTracker('action').record({
+      window.titaTracker("action").record({
         actionName: "\u5BFC\u822A\u83DC\u5355__".concat(menu.title),
-        actionGroup: '导航菜单',
-        productName: '导航菜单'
+        actionGroup: "导航菜单",
+        productName: "导航菜单"
       });
     }
   };
@@ -133,7 +133,7 @@ var Menu = function Menu(_ref) {
   var renderRawItem = function renderRawItem(menu) {
     var href = menu.href;
 
-    if (menu.title === 'Learning') {
+    if (menu.title === "Learning") {
       href = "".concat(apiPath, "/").concat(userId, "/eLearningHome#/");
     }
 
@@ -145,8 +145,9 @@ var Menu = function Menu(_ref) {
       popupVisible: !isKnow,
       popup: menu.href === NEWMENUS ? popup : null,
       mask: false,
-      action: ['focus'],
-      popupAlign: NewFeatureGuidePopupAlign
+      action: ["focus"],
+      popupAlign: NewFeatureGuidePopupAlign,
+      zIndex: 1201
     }, /*#__PURE__*/_react["default"].createElement("a", {
       className: (0, _classnames["default"])("".concat(prefix, "__menu-show"), _defineProperty({}, "".concat(prefix, "__menu-show--active"), activeMenuId === menu.id)),
       href: href,
@@ -154,10 +155,11 @@ var Menu = function Menu(_ref) {
       onClick: function onClick() {
         return handleTracker(menu);
       }
-    }, menu.title, menu.href === '#dynamic' && feedNum > 0 && /*#__PURE__*/_react["default"].createElement("div", {
-      className: (0, _classnames["default"])("".concat(prefix, "__menu--hasNum"), _defineProperty({}, "".concat(prefix, "__menu--hasNum-active"), activeMenuId === menu.id && menu.href === '#dynamic'))
-    }, feedNum > 100 ? '99+' : feedNum), menu.href === NEWMENUS && /*#__PURE__*/_react["default"].createElement("img", {
+    }, menu.title, menu.href === "#dynamic" && feedNum > 0 && /*#__PURE__*/_react["default"].createElement("div", {
+      className: (0, _classnames["default"])("".concat(prefix, "__menu--hasNum"), _defineProperty({}, "".concat(prefix, "__menu--hasNum-active"), activeMenuId === menu.id && menu.href === "#dynamic"))
+    }, feedNum > 100 ? "99+" : feedNum), menu.href === NEWMENUS && /*#__PURE__*/_react["default"].createElement("img", {
       src: _new["default"],
+      alt: "",
       className: "".concat(prefix, "__tips-new")
     })))));
   };
@@ -173,7 +175,7 @@ var Menu = function Menu(_ref) {
     }, items.map(function (menu) {
       var href = menu.href;
 
-      if (menu.title === 'Learning') {
+      if (menu.title === "Learning") {
         href = "".concat(apiPath, "/").concat(userId, "/eLearningHome#/");
       }
 
@@ -194,7 +196,7 @@ var Menu = function Menu(_ref) {
       popupPlacement: "bottomLeft",
       popupAlign: popupAlign
     }, /*#__PURE__*/_react["default"].createElement("span", {
-      className: (0, _classnames["default"])('tu-icon-diot', "".concat(prefix, "__more-icon"), _defineProperty({}, "".concat(prefix, "__more-icon--active"), isActiveHideMeun))
+      className: (0, _classnames["default"])("tu-icon-diot", "".concat(prefix, "__more-icon"), _defineProperty({}, "".concat(prefix, "__more-icon--active"), isActiveHideMeun))
     }));
   };
 

package/lib/components/nav-top/index.js

@@ -27,12 +27,12 @@ var _version = _interopRequireDefault(require("./components/version"));
 
 var _utils = require("./utils");
 
-require("./index.css");
-
 var _request = require("../../utils/request");
 
 var _toast = _interopRequireDefault(require("../toast"));
 
+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); }

package/lib/components/publish-dynamic-modal/publish-dynamic-modal.js

@@ -41,12 +41,9 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure undefined"); }
-
 var prefix = "publish-dynamic-modal";
-
-var PublishDynamicModal = function PublishDynamicModal(_ref) {
-  _objectDestructuringEmpty(_ref);
+var PublishDynamicModal = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var onSubmitSuccess = _ref.onSubmitSuccess;
 
   var _useState = (0, _react.useState)(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -82,10 +79,10 @@ var PublishDynamicModal = function PublishDynamicModal(_ref) {
             localStorage.removeItem("mblogLocalStroage_".concat((0, _bsGlobal.getUserInfo)().Id, "_commentsTypeKey_").concat(isShare ? "share" : "announcement"));
             setVisible(false);
             setSubmitStatus(1);
-            setTimeout(function () {
-              // @ts-ignore 跳到我的发布页签
-              window.setTabsToPublish && window.setTabsToPublish();
-            }, 2000);
+
+            if (onSubmitSuccess) {
+              onSubmitSuccess();
+            }
           } else {
             _toast["default"].Error(resp.Message, {
               canClose: false
@@ -146,6 +143,13 @@ var PublishDynamicModal = function PublishDynamicModal(_ref) {
     setVisible(true);
   };
 
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {
+      hide: hidePublishDynamicModal,
+      showShareModal: showPublishShareDynamicModal,
+      showAnnouncementModal: showPublishAnnouncementDynamicModal
+    };
+  });
   (0, _react.useEffect)(function () {
     // @ts-ignore
     window.hidePublishDynamicModal = hidePublishDynamicModal; // @ts-ignore
@@ -188,7 +192,9 @@ var PublishDynamicModal = function PublishDynamicModal(_ref) {
     ,
     onMblogSubmit: onMblogSubmit
   })));
+});
+PublishDynamicModal.defaultProps = {
+  onSubmitSuccess: function onSubmitSuccess() {}
 };
-
 var _default = PublishDynamicModal;
 exports["default"] = _default;

package/lib/components/task-relation-modal/search/principal.js

@@ -13,6 +13,8 @@ var _userSelector = _interopRequireDefault(require("../../user-selector"));
 
 var _searchDropdown = _interopRequireDefault(require("./search-dropdown"));
 
+var _openData = require("../../../utils/open-data");
+
 var _getLocale = require("../../../utils/getLocale");
 
 require("./search-dropdown/index.css");
@@ -41,7 +43,7 @@ function Principal(props) {
       initValue = _props$initValue === void 0 ? [] : _props$initValue,
       setRelation = props.setRelation,
       _props$position = props.position,
-      position = _props$position === void 0 ? "bottom" : _props$position,
+      position = _props$position === void 0 ? 'bottom' : _props$position,
       _props$multiple = props.multiple,
       multiple = _props$multiple === void 0 ? true : _props$multiple;
 
@@ -55,12 +57,7 @@ function Principal(props) {
       isInit = _useState4[0],
       setIsInit = _useState4[1];
 
-  var _useState5 = (0, _react.useState)((0, _getLocale.getLocale)("Pro_page_Plan_Allpersonnel")),
-      _useState6 = _slicedToArray(_useState5, 2),
-      selectText = _useState6[0],
-      setSelectText = _useState6[1];
-
-  var userSelectorRef = (0, _react.useRef)(document.createElement("div"));
+  var userSelectorRef = (0, _react.useRef)(document.createElement('div'));
 
   var singleSelect = function singleSelect(users) {
     var _users$;
@@ -84,25 +81,30 @@ function Principal(props) {
     setIsInit(true);
   }, []);
   (0, _react.useEffect)(function () {
-    setRelation(0); // console.log(users);
+    setRelation(0);
+    isInit && onChange(users);
+  }, [users]);
 
+  var renderName = function renderName() {
     if (users.length > 0) {
-      var text = ""; // 我在拼name
-
-      users.forEach(function (item, key) {
+      return users.map(function (item, key) {
         if (key === users.length - 1) {
-          text += item.name;
+          return /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
+            name: item.name,
+            id: item.userId
+          });
         } else {
-          text = "".concat(text + item.name, ",");
+          return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
+            name: item.name,
+            id: item.userId
+          }), ",");
         }
       });
-      setSelectText(text);
     } else {
-      setSelectText((0, _getLocale.getLocale)("Pro_page_Plan_Allpersonnel"));
+      return (0, _getLocale.getLocale)('Pro_page_Plan_Allpersonnel');
     }
+  };
 
-    isInit && onChange(users);
-  }, [users]);
   return /*#__PURE__*/_react["default"].createElement("div", {
     ref: userSelectorRef
   }, /*#__PURE__*/_react["default"].createElement(_userSelector["default"], {
@@ -126,7 +128,7 @@ function Principal(props) {
     popClass: "pull-screen-ignore"
   }, /*#__PURE__*/_react["default"].createElement(_searchDropdown["default"], null, /*#__PURE__*/_react["default"].createElement("span", {
     className: "titaui-search-dropdown__principal-text"
-  }, selectText))));
+  }, renderName()))));
 }
 
 var _default = Principal;

package/lib/components/task-relation-modal/tree/category-tree/index.css

@@ -18,9 +18,9 @@
   font-size: 14px;
   font-family: PingFangSC-Regular, PingFang SC;
   font-weight: 400;
-  color: #FFFFFF;
+  color: #ffffff;
   line-height: 36px;
-  background: #2879FF;
+  background: #2879ff;
   border-radius: 4px;
 }
 
@@ -43,7 +43,7 @@
   overflow-y: scroll;
 }
 
-.rel-category-tree__content .rc-tree-treenode {
+.rel-category-tree__content .rc-tree-list .rc-tree-treenode {
   margin-bottom: 8px;
   padding-left: 28px;
 }

package/lib/components/task-relation-modal/tree/okr-tree/index.css

@@ -23,7 +23,7 @@
   overflow-y: scroll;
 }
 
-.rel-okr-tree__content .rc-tree-treenode {
+.rel-okr-tree__content .rc-tree-list .rc-tree-treenode {
   margin-bottom: 8px;
   padding-left: 28px;
 }

package/lib/components/task-relation-modal/tree/work-tree/index.css

@@ -23,7 +23,7 @@
   overflow-y: scroll;
 }
 
-.rel-work-tree__content .rc-tree-treenode {
+.rel-work-tree__content .rc-tree-list .rc-tree-treenode {
   margin-bottom: 8px;
   padding-left: 28px;
 }

package/lib/components/task-relation-modal/tree-node/category-node/index.css

@@ -26,7 +26,7 @@
   margin-right: 4px;
 }
 
-.rel-category-tree .rc-tree-treenode {
+.rel-category-tree .rc-tree-list .rc-tree-treenode {
   overflow: unset !important;
 }
 

package/lib/components/user-selector/category-selector-panel/index.js

@@ -39,7 +39,12 @@ function _default(props) {
       multiple = props.multiple;
 
   var _useContext = (0, _react.useContext)(_context.CommonContext),
-      panes = _useContext.panes;
+      panes = _useContext.panes,
+      departOnly = _useContext.departOnly;
+
+  if (departOnly) {
+    panes.subordinate = false;
+  }
 
   var _useState = (0, _react.useState)(function () {
     var panelCount = 0;