@titaui/pc 1.5.69-beta.7 → 1.5.69-beta.8

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

@@ -25,6 +25,8 @@ var _header = _interopRequireDefault(require("../components/header"));
 
 require("./index.css");
 
+var _util = require("../../util");
+
 var _excluded = ["data"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -48,11 +50,27 @@ var DynamicShare = function DynamicShare(_ref) {
   var _useContext = (0, _react.useContext)(_context.SearchKeyContext),
       searchKeyWord = _useContext.searchKeyWord;
 
+  var _getFeedTypeAndTypeCo = (0, _util.getFeedTypeAndTypeColor)(data.feedType),
+      feedTypeText = _getFeedTypeAndTypeCo.feedTypeText,
+      feedTypeColor = _getFeedTypeAndTypeCo.feedTypeColor;
+
+  var renderDesc = (0, _react.useMemo)(function () {
+    return /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
+      className: prefix + "__operate-desc"
+    }, "\u53D1\u5E03\u7684\u5206\u4EAB"), /*#__PURE__*/_react["default"].createElement("span", {
+      className: prefix + "-desc-operate-type",
+      style: {
+        background: feedTypeColor
+      }
+    }, feedTypeText));
+  }, []);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix
   }, /*#__PURE__*/_react["default"].createElement(_header["default"], _extends({
     data: data
-  }, restProps)), /*#__PURE__*/_react["default"].createElement("div", {
+  }, restProps, {
+    desc: renderDesc
+  })), /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix + "__content"
   }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("img", {
     className: (0, _classnames["default"])(prefix + "__content-quoto", prefix + "__content-quoto--left"),

package/lib/components/dynamic/dynamic-item/dynamic-task/index.css

@@ -68,3 +68,44 @@
   height: 26px;
   margin-right: 4px;
 }
+
+.titaui-dynamic-task-item__object-name {
+  font-size: 14px;
+  color: #2879ff;
+  line-height: 22px;
+  margin: 0 4px;
+  overflow: hidden;
+}
+
+.titaui-dynamic-task-item__object-name:hover {
+  cursor: pointer;
+  color: #5c8eff;
+}
+
+.titaui-dynamic-task-item__operate-desc {
+  font-size: 14px;
+  font-weight: 400;
+  color: #89919f;
+  line-height: 22px;
+  margin: 0 8px 0 4px;
+  overflow: hidden;
+}
+
+.titaui-dynamic-task-item__operate-desc-wrapper {
+  display: flex;
+}
+
+.titaui-dynamic-task-item-desc-operate-type {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 40px;
+  height: 18px;
+  min-width: 40px;
+  clip-path: polygon(0 100%, 100% 100%, 100% 0, 15% 0);
+  -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0, 15% 0);
+  border-radius: 14px 10px 10px 4px;
+  font-size: 12px;
+  color: #ffffff;
+  line-height: 18px;
+}

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

@@ -25,6 +25,10 @@ var _searchKeyHandle = _interopRequireDefault(require("../../../search-key-handl
 
 var _tooltip = require("../../../tooltip");
 
+var _util = require("../../util");
+
+var _manager = _interopRequireDefault(require("../../../drawer/manager"));
+
 require("./index.css");
 
 var _excluded = ["data"];
@@ -50,29 +54,84 @@ var DynamicTask = function DynamicTask(_ref) {
   var status = data.status,
       taskName = data.taskName,
       startDate = data.startDate,
-      deadline = data.deadline;
+      deadline = data.deadline,
+      feedType = data.feedType,
+      obj = data.obj;
 
   var _useContext = (0, _react.useContext)(_context.SearchKeyContext),
       searchKeyWord = _useContext.searchKeyWord;
 
-  var handleClickTitle = function handleClickTitle() {
+  var _getFeedTypeAndTypeCo = (0, _util.getFeedTypeAndTypeColor)(feedType),
+      feedTypeText = _getFeedTypeAndTypeCo.feedTypeText,
+      feedTypeColor = _getFeedTypeAndTypeCo.feedTypeColor;
+
+  var handleClickTaskTitle = function handleClickTaskTitle() {
     window.Talent.app.vent.trigger("global-pull-screen", data.taskId, "task");
   };
 
+  var handleClickTitle = function handleClickTitle() {
+    var objType = obj.objType,
+        objId = obj.objId;
+
+    if (objType === _constant2.EObjType.Kr) {
+      _manager["default"].open("krDetail", {
+        krId: objId
+      });
+    }
+
+    if (objType === _constant2.EObjType.O) {
+      _manager["default"].open("okrDetail", {
+        okrId: objId
+      });
+    }
+
+    if (objType === _constant2.EObjType.Project) {
+      window.open(window.location.href.replace(location.hash, "#work?iTalentNavCode=tita-work&work_id=" + objId));
+    }
+  };
+
   var renderName = (0, _react.useMemo)(function () {
     return /*#__PURE__*/_react["default"].createElement("span", {
       className: prefix + "__content-title-text",
-      onClick: handleClickTitle
+      onClick: handleClickTaskTitle
     }, /*#__PURE__*/_react["default"].createElement(_searchKeyHandle["default"], {
       str: taskName,
       keyWord: searchKeyWord
     }));
   }, [taskName]);
+  var renderDesc = (0, _react.useMemo)(function () {
+    var dom;
+
+    if (obj === null) {
+      dom = "负责了任务";
+    } else {
+      dom = /*#__PURE__*/_react["default"].createElement("span", {
+        className: prefix + "__operate-desc-wrapper"
+      }, "\u8D1F\u8D23\u4E86", _constant2.ObjTypeMapText[obj.objType], /*#__PURE__*/_react["default"].createElement("span", {
+        className: prefix + "__object-name",
+        onClick: handleClickTitle
+      }, /*#__PURE__*/_react["default"].createElement(_tooltip.TooltipText, {
+        text: obj.objName,
+        isPercent: true
+      })), "\u4E0B\u4EFB\u52A1");
+    }
+
+    return /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
+      className: prefix + "__operate-desc"
+    }, dom), /*#__PURE__*/_react["default"].createElement("span", {
+      className: prefix + "-desc-operate-type",
+      style: {
+        background: feedTypeColor
+      }
+    }, feedTypeText));
+  }, []);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix
   }, /*#__PURE__*/_react["default"].createElement(_header["default"], _extends({
     data: data
-  }, restProps)), /*#__PURE__*/_react["default"].createElement("div", {
+  }, restProps, {
+    desc: renderDesc
+  })), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__content")
   }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
     background: "#6CE7B6",

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

@@ -72,10 +72,8 @@ var DynamicLikeRanking = function DynamicLikeRanking() {
       ObjectType: 0,
       ObjectTypeAction: 0,
       PageNum: 1,
-      PageSize: 4
+      PageSize: 8
     }).then(function (res) {
-      console.log(123, res);
-
       if (res.Code === 1) {
         var userPariseinfos = res.Data.userPariseinfos;
         setRankingData(userPariseinfos);

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

@@ -17,11 +17,13 @@ var _openData = require("../../../utils/open-data");
 
 var _tools = require("../../../utils/tools");
 
+var _tooltip = require("../../tooltip");
+
 require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var preCls = 'danamic-like-ranking__item';
+var preCls = "danamic-like-ranking__item";
 
 var Item = function Item(_ref) {
   var userInfo = _ref.userInfo;
@@ -91,9 +93,12 @@ var Item = function Item(_ref) {
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(preCls, "-name"),
     onClick: handleOpenUserPage
-  }, /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
-    id: userId,
-    name: name
+  }, /*#__PURE__*/_react["default"].createElement(_tooltip.TooltipText, {
+    text: /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
+      id: userId,
+      name: name
+    }),
+    maxWidth: 120
   }))), /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(preCls, "-left"))
   }, /*#__PURE__*/_react["default"].createElement("div", {

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

@@ -45,14 +45,11 @@ var DynamicLiking = function DynamicLiking() {
 
   (0, _react.useEffect)(function () {
     (0, _requestApi.getLeastPariseInfo)().then(function (res) {
-      console.log(res);
-
       if (res.Code === 1) {
         setRankingData(res.Data);
       }
     });
-  }, []); // console.log(999,rankingData)
-
+  }, []);
   if (!rankingData || rankingData.length === 0) return null;
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(preCls))

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

@@ -13,13 +13,17 @@ var _formatTime = require("../../../utils/format-time");
 
 var _tools = require("../../../utils/tools");
 
+var _openData = require("../../../utils/open-data");
+
+var _tooltip = require("../../tooltip");
+
 var _constant = require("../constant");
 
 require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var preCls = 'dynamic-liking__item';
+var preCls = "dynamic-liking__item";
 
 var Item = function Item(_ref) {
   var userInfo = _ref.userInfo;
@@ -32,6 +36,7 @@ var Item = function Item(_ref) {
       name = pariseUser.name,
       userId = pariseUser.userId;
   var toUserName = toPariseUser.name;
+  var toUserId = toPariseUser.userId;
   var url = (0, _tools.getUrlForUserPage)({
     userId: userId,
     userType: userType || 2
@@ -63,9 +68,24 @@ var Item = function Item(_ref) {
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(preCls, "-center-name-text"),
     onClick: handleOpenUserPage
-  }, name), /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react["default"].createElement(_tooltip.TooltipText, {
+    text: /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
+      id: userId,
+      name: name
+    }),
+    maxWidth: 45
+  })), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(preCls, "-dynamic")
-  }, "".concat(name, "\u70B9\u8D5E\u4E86").concat(toUserName, "\u7684").concat(_constant.ObjectType[pariseObjType] || '帅气'))), /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react["default"].createElement(_tooltip.TooltipText, {
+    text: /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
+      id: userId,
+      name: name
+    }), "\u70B9\u8D5E\u4E86", /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
+      id: toUserId,
+      name: toUserName
+    }), "\u7684".concat(_constant.ObjectType[pariseObjType] || "帅气")),
+    maxWidth: 150
+  }))), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(preCls, "-center-time")
   }, (0, _formatTime.getTimeString)(pariseDate, new Date()))));
 };

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

@@ -35,7 +35,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var preCls = 'danamic-topping';
+var preCls = "danamic-topping";
 
 var DynamicTop = function DynamicTop() {
   var _useState = (0, _react.useState)([]),

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

@@ -41,7 +41,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var preCls = 'danamic-topping-item';
+var preCls = "danamic-topping-item";
 
 var Item = function Item(_ref) {
   var _ref$data = _ref.data,
@@ -64,7 +64,7 @@ var Item = function Item(_ref) {
   var onHandlerCancel = function onHandlerCancel(userId) {
     (0, _requestApi.delDynamicTop)(userId).then(function (res) {
       if (res.Code == 1) {
-        _popDownNotification.Toast.Success('操作成功');
+        _popDownNotification.Toast.Success("操作成功");
 
         refresh && refresh();
       } else {

package/lib/components/dynamic/dynamic.js

@@ -197,7 +197,7 @@ var Dynamic = function Dynamic() {
         if (needResetValue) {
           setDynamicData(resp.Data.feeds);
         } else {
-          setDynamicData([].concat(_toConsumableArray(dynamicData), _toConsumableArray(resp.Data.feeds)));
+          setDynamicData(JSON.parse(JSON.stringify([].concat(_toConsumableArray(dynamicData), _toConsumableArray(resp.Data.feeds)))));
         }
       }
     });

package/lib/pages/like-ranking/column.js

@@ -13,6 +13,8 @@ var _default = _interopRequireDefault(require("../../components/avatar/default")
 
 var _bsGlobal = require("../../utils/bs-global");
 
+var _tools = require("../../utils/tools");
+
 var _openData = require("../../utils/open-data");
 
 require("./index.css");
@@ -46,8 +48,7 @@ var columns = function columns() {
         className: "".concat(preCls, "-ranking")
       }, num);
     }
-  }; // @ts-ignore
-
+  };
 
   return [{
     title: "排名",
@@ -64,8 +65,18 @@ var columns = function columns() {
     className: "".concat(preCls, "__td"),
     render: function render(text, data) {
       var user = data.user;
+      var url = (0, _tools.getUrlForUserPage)({
+        userId: user.userId,
+        userType: user.userType || 2
+      });
+
+      var handleOpenUserPage = function handleOpenUserPage() {
+        window.open(url, "_blank");
+      };
+
       return /*#__PURE__*/_react["default"].createElement("span", {
-        className: "".concat(preCls, "__td-name")
+        className: "".concat(preCls, "__td-name"),
+        onClick: handleOpenUserPage
       }, /*#__PURE__*/_react["default"].createElement("span", {
         className: "".concat(preCls, "__td-name-avatar")
       }, /*#__PURE__*/_react["default"].createElement(_default["default"], {
@@ -73,10 +84,12 @@ var columns = function columns() {
         src: user.avatar.small,
         color: user.avatar.color,
         userId: user.userId
-      })), /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
+      })), /*#__PURE__*/_react["default"].createElement("span", {
+        className: "".concat(preCls, "__td-name-text")
+      }, /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
         id: user.userId,
         name: user.name
-      }));
+      })));
     }
   }, {
     title: "所属部门",

package/lib/pages/like-ranking/filter-buttons/department.js

@@ -33,10 +33,8 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var preCls = 'filter-buttons';
-
 var DepartMent = function DepartMent(_ref) {
-  var setToDepIds = _ref.setToDepIds;
+  var setParma = _ref.setParma;
 
   var _useState = (0, _react.useState)({}),
       _useState2 = _slicedToArray(_useState, 2),
@@ -44,17 +42,30 @@ var DepartMent = function DepartMent(_ref) {
       setSelected = _useState2[1];
 
   var onDepartSelect = function onDepartSelect(keys, data) {
+    console.log(keys);
     setSelected(keys);
-    var departments = keys.departments;
-    var depIds = '';
+    var departments = keys.departments,
+        groups = keys.groups;
+    var depIds = "";
     departments.forEach(function (item, key) {
       depIds = depIds + item.id;
 
       if (key != departments.length - 1) {
-        depIds = depIds + ',';
+        depIds = depIds + ",";
       }
     });
-    setToDepIds(depIds);
+    var groupIds = "";
+    groups.forEach(function (item, key) {
+      groupIds = groupIds + item.id;
+
+      if (key != groups.length - 1) {
+        groupIds = groupIds + ",";
+      }
+    });
+    setParma("departmets", {
+      depIds: depIds,
+      groupIds: groupIds
+    });
   };
 
   var departRef = (0, _react.useRef)();
@@ -64,11 +75,7 @@ var DepartMent = function DepartMent(_ref) {
     ref: departRef,
     selectNodes: selected,
     onOk: onDepartSelect,
-    position: "bottomLeft",
-    panes: {
-      'depart': true,
-      'group': false
-    }
+    position: "bottomLeft"
   }, /*#__PURE__*/_react["default"].createElement(_searchDropdown["default"], null, "\u90E8\u95E8")));
 };
 

package/lib/pages/like-ranking/filter-buttons/index.js

@@ -7,8 +7,6 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _name = _interopRequireDefault(require("./name"));
-
 var _department = _interopRequireDefault(require("./department"));
 
 var _timer = _interopRequireDefault(require("./timer"));
@@ -19,33 +17,20 @@ require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var preCls = 'filter-buttons';
+var preCls = "filter-buttons";
 
 var FilterButton = function FilterButton(_ref) {
-  var setToUserIds = _ref.setToUserIds,
-      setToDepIds = _ref.setToDepIds,
-      setCreateDate = _ref.setCreateDate,
-      setObjectType = _ref.setObjectType,
-      Date = _ref.Date,
-      setEndDate = _ref.setEndDate;
+  var parmas = _ref.parmas,
+      setParma = _ref.setParma;
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(preCls)
-  }, /*#__PURE__*/_react["default"].createElement(_name["default"], {
-    setToUserIds: setToUserIds
-  }), /*#__PURE__*/_react["default"].createElement("span", {
-    className: "".concat(preCls, "-line")
-  }), /*#__PURE__*/_react["default"].createElement(_department["default"], {
-    setToDepIds: setToDepIds
-  }), /*#__PURE__*/_react["default"].createElement("span", {
-    className: "".concat(preCls, "-line")
+  }, /*#__PURE__*/_react["default"].createElement(_department["default"], {
+    setParma: setParma
   }), /*#__PURE__*/_react["default"].createElement(_timer["default"], {
-    setCreateDate: setCreateDate,
-    Date: Date,
-    setEndDate: setEndDate
-  }), /*#__PURE__*/_react["default"].createElement("span", {
-    className: "".concat(preCls, "-line")
+    setParma: setParma,
+    parmas: parmas
   }), /*#__PURE__*/_react["default"].createElement(_modular["default"], {
-    setObjectType: setObjectType
+    setParma: setParma
   }));
 };
 

package/lib/pages/like-ranking/filter-buttons/modular.js

@@ -39,12 +39,12 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var preCls = 'filter-buttons-modular';
+var preCls = "filter-buttons-modular";
 
 var Modular = function Modular(_ref) {
-  var setObjectType = _ref.setObjectType;
+  var setParma = _ref.setParma;
 
-  var _useState = (0, _react.useState)('0'),
+  var _useState = (0, _react.useState)("0"),
       _useState2 = _slicedToArray(_useState, 2),
       value = _useState2[0],
       setValue = _useState2[1];
@@ -55,37 +55,37 @@ var Modular = function Modular(_ref) {
       setVisible = _useState4[1];
 
   var list = [{
-    value: '0',
-    label: '全部'
-  }, (0, _bsGlobal.hasWebHead)('okr') && {
-    value: '1',
-    label: '目标'
-  }, (0, _bsGlobal.hasWebHead)('okr') && {
-    value: '2',
-    label: '关键成果'
-  }, (0, _bsGlobal.hasWebHead)('project') && {
-    value: '3',
-    label: '项目'
-  }, (0, _bsGlobal.hasWebHead)('task') && {
-    value: '4',
-    label: '任务'
+    value: "0",
+    label: "全部"
+  }, (0, _bsGlobal.hasWebHead)("okr") && {
+    value: "1",
+    label: "目标"
+  }, (0, _bsGlobal.hasWebHead)("okr") && {
+    value: "2",
+    label: "关键成果"
+  }, (0, _bsGlobal.hasWebHead)("project") && {
+    value: "3",
+    label: "项目"
+  }, (0, _bsGlobal.hasWebHead)("task") && {
+    value: "4",
+    label: "任务"
   }, {
-    value: '5',
-    label: '总结'
-  }, (0, _bsGlobal.hasWebHead)('kaohe') && {
-    value: '6',
-    label: '绩效考核'
+    value: "5",
+    label: "总结"
+  }, (0, _bsGlobal.hasWebHead)("kaohe") && {
+    value: "6",
+    label: "绩效考核"
   }];
 
   var onMenuClickHandler = function onMenuClickHandler(name) {
     setValue(name);
-    setObjectType(name);
+    setParma("ObjectType", Number(name));
   };
 
   return /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, /*#__PURE__*/_react["default"].createElement(_dropdownLayer["default"], {
     multi: false,
     onChange: onMenuClickHandler,
-    popupPlacement: 'bottom',
+    popupPlacement: "bottom",
     hideOnChange: true,
     checked: value,
     limitHeight: false,
@@ -94,7 +94,9 @@ var Modular = function Modular(_ref) {
       onClick: function onClick() {
         return setVisible(true);
       }
-    }, /*#__PURE__*/_react["default"].createElement(_searchDropdown["default"], null, "\u70B9\u8D5E\u6A21\u5757"))
+    }, /*#__PURE__*/_react["default"].createElement(_searchDropdown["default"], {
+      noRightLine: true
+    }, "\u70B9\u8D5E\u6A21\u5757"))
   }, list.map(function (item, key) {
     return /*#__PURE__*/_react["default"].createElement(_dropdownLayer.Item, {
       className: (0, _classnames["default"])(_defineProperty({}, "".concat(preCls, "-checked"), item.value === value)),

package/lib/pages/like-ranking/filter-buttons/name.js

@@ -33,10 +33,8 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var preCls = 'filter-buttons';
-
 var Name = function Name(_ref) {
-  var setToUserIds = _ref.setToUserIds;
+  var setParma = _ref.setParma;
 
   var _useState = (0, _react.useState)({}),
       _useState2 = _slicedToArray(_useState, 2),
@@ -46,15 +44,15 @@ var Name = function Name(_ref) {
   var onEditUserHandler = function onEditUserHandler(selectNodes) {
     setSelected(selectNodes);
     var users = selectNodes.users;
-    var userIds = '';
+    var userIds = "";
     users.forEach(function (item, key) {
       userIds = userIds + item.userId;
 
       if (key != users.length - 1) {
-        userIds = userIds + ',';
+        userIds = userIds + ",";
       }
     });
-    setToUserIds(userIds);
+    setParma("ToUserIds", userIds);
   };
 
   return /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, /*#__PURE__*/_react["default"].createElement(_userSelector.FieldPersonSelector, {
@@ -65,8 +63,8 @@ var Name = function Name(_ref) {
     disabledDepartSelect: true,
     isGetRoot: false,
     panes: {
-      'depart': true,
-      'group': false
+      depart: true,
+      group: false
     }
   }, /*#__PURE__*/_react["default"].createElement(_searchDropdown["default"], null, "\u59D3\u540D")));
 };

package/lib/pages/like-ranking/filter-buttons/search-dropdown/index.css

@@ -5,6 +5,23 @@
   cursor: pointer;
 }
 
+.like-search-dropdown:hover {
+  color: #2879ff;
+}
+
+.like-search-dropdown::after {
+  content: '';
+  display: inline-block;
+  width: 1px;
+  height: 22px;
+  background: linear-gradient(150deg, rgba(191, 199, 213, 0) 0%, #BFC7D5 50%, rgba(240, 242, 245, 0) 100%);
+  margin: 0 10px;
+}
+
+.like-search-dropdown-noRightLine::after {
+  display: none;
+}
+
 .like-search-dropdown__text {
   margin-right: 4px;
 }