@titaui/pc 1.6.15 → 1.6.16

package/lib/components-v1/buttonv2/style/style.js

@@ -5,7 +5,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ButtonOutlinedWrapper = exports.ButtonRoundedStyled = exports.TitaButton = void 0;
+exports.TitaButton = exports.ButtonRoundedStyled = exports.ButtonOutlinedWrapper = void 0;
 
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 

package/lib/components-v1/input/Input.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getInputClassName = getInputClassName;
 exports["default"] = void 0;
+exports.getInputClassName = getInputClassName;
 
 var _react = _interopRequireWildcard(require("react"));
 

package/lib/components-v1/input/InputNumber.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getInputClassName = getInputClassName;
 exports["default"] = void 0;
+exports.getInputClassName = getInputClassName;
 
 var _react = _interopRequireWildcard(require("react"));
 

package/lib/components-v1/input/style/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Inputs = exports.SuffixIcon = exports.InputInner = exports.InputContent = exports.Blinker = void 0;
+exports.SuffixIcon = exports.Inputs = exports.InputInner = exports.InputContent = exports.Blinker = void 0;
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 

package/lib/components-v1/popConfirm/style.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ButtonGroup = exports.Wrapper = void 0;
+exports.Wrapper = exports.ButtonGroup = void 0;
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 

package/lib/components-v1/tabs/style.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Item = exports.ItemsWrapper = exports.ChildWrapper = exports.TabContainer = exports.TabWrapper = void 0;
+exports.TabWrapper = exports.TabContainer = exports.ItemsWrapper = exports.Item = exports.ChildWrapper = void 0;
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 

package/lib/components-v1/textarea/style.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TextareaWarning = exports.TextareaPlaceholder = exports.Textarea = exports.TextareaWrapper = void 0;
+exports.TextareaWrapper = exports.TextareaWarning = exports.TextareaPlaceholder = exports.Textarea = void 0;
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 

package/lib/components-v1/userSelector/UserSelectorPop.js

@@ -5,7 +5,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Test = exports["default"] = void 0;
+exports["default"] = exports.Test = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 

package/lib/components-v1/userSelector/style.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ListEmptyText = exports.EmptyWrapper = exports.Btn = exports.EmptyText = exports.ClearBtn = exports.SelectedList = exports.DepartmentListWrapper = exports.TreeList = exports.TreeHeader = exports.List = exports.SelectedHeader = exports.ListHeader = exports.ListWrapper = exports.MutiModeRight = exports.MutiModeLeft = exports.MutiModeWrapper = exports.Footer = exports.AdvancedModLink = exports.LinkWrapper = exports.SingleList = exports.SingleModeWrapper = exports.ItemText = exports.ItemName = exports.ItemTextContent = exports.ItemWrapper = exports.CleanBtn = exports.SearchIcon = exports.Input = exports.InputWrapper = exports.Wrapper = void 0;
+exports.Wrapper = exports.TreeList = exports.TreeHeader = exports.SingleModeWrapper = exports.SingleList = exports.SelectedList = exports.SelectedHeader = exports.SearchIcon = exports.MutiModeWrapper = exports.MutiModeRight = exports.MutiModeLeft = exports.ListWrapper = exports.ListHeader = exports.ListEmptyText = exports.List = exports.LinkWrapper = exports.ItemWrapper = exports.ItemTextContent = exports.ItemText = exports.ItemName = exports.InputWrapper = exports.Input = exports.Footer = exports.EmptyWrapper = exports.EmptyText = exports.DepartmentListWrapper = exports.ClearBtn = exports.CleanBtn = exports.Btn = exports.AdvancedModLink = void 0;
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 

package/lib/index.js

@@ -5,7 +5,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.NewOkrList = exports.UpdateModal = exports.VersionChangeModal = exports.PersonalInfo = exports.InvitePeople = exports.FollowerVisitor = exports.HelpCard = exports.IconBtn = exports.TextBtn = exports.RectBtn = exports.DynamicLikeRanking = exports.DynamicLiking = exports.DynamicTopping = exports.DynamicItem = exports.DynamicQuickOperation = exports.Dynamic = exports.FileList = exports.ImgViewer = exports.NavTop = exports.PhotoCard = exports.TaskRelationModal = exports.OkrCaseCard = exports.OkrCasesLibrary = exports.TitaWordsCloud = exports.TitaLiquidBall = exports.TitaPieChart = exports.HomePageDataList = exports.HomePage = exports.DatePicker = exports.Confidence = exports.DateRangePickerPop = exports.UpvoteButtonForFeed = exports.Upvote = exports.OkrShare = exports.SlideInput = exports.RangePickerPop = exports.OkrFlow = exports.CreateOkrModal = exports.ChangeOkrModal = exports.Review = exports.EReportList = exports.OKrProgress = exports.FormFields = exports.Form = exports.OkrPeriodSelector = exports.Upload = exports.OperationRecord = exports.Mblog = exports.EmotionsSelector = exports.Communication = exports.PeriodSelector = exports.Pagination = exports.WordCloud = exports.DialogConfirm = exports.OkrProgressDetail = exports.RadioGroup = exports.Radio = exports.ErrorToolTip = exports.TooltipText = exports.Tooltip = exports.Dialog = exports.firework = exports.BaseInfo = exports.OkrDetail = exports.OkrFilterDrawer = exports.drawerManager = exports.Drawer = exports.TabPane = exports.Tabs = exports.openData = exports.LikeRankingPage = exports.UserGroupManagementPage = exports.OkrMapSharePage = exports.OkrMapPage = exports.Checkbox = exports.PasswordInput = exports.SearchInput = exports.Table = exports.Tree = exports.StatusTime = exports.EPriority = exports.LineProgress = exports.CircleProgress = exports.Switch = exports.Toast = exports.Popup = exports.SearchDropdownOption = exports.SearchDropdown = exports.TextAvatar = exports.NameAvatar = exports.DefautltAvatar = exports.SingleSelector = exports.DutiesSelector = exports.DepartSearchSelector = exports.GroupSelector = exports.FieldPersonSelector = exports.Menus = exports.DropSelector = exports.Aha2021Page = void 0;
+exports.openData = exports.firework = exports.drawerManager = exports.WordCloud = exports.VersionChangeModal = exports.UserGroupManagementPage = exports.UpvoteButtonForFeed = exports.Upvote = exports.Upload = exports.UpdateModal = exports.Tree = exports.TooltipText = exports.Tooltip = exports.Toast = exports.TitaWordsCloud = exports.TitaPieChart = exports.TitaLiquidBall = exports.TextBtn = exports.TextAvatar = exports.TaskRelationModal = exports.Tabs = exports.Table = exports.TabPane = exports.Switch = exports.StatusTime = exports.SlideInput = exports.SingleSelector = exports.SearchInput = exports.SearchDropdownOption = exports.SearchDropdown = exports.Review = exports.RectBtn = exports.RangePickerPop = exports.RadioGroup = exports.Radio = exports.Popup = exports.PhotoCard = exports.PersonalInfo = exports.PeriodSelector = exports.PasswordInput = exports.Pagination = exports.OperationRecord = exports.OkrShare = exports.OkrProgressDetail = exports.OkrPeriodSelector = exports.OkrMapSharePage = exports.OkrMapPage = exports.OkrFlow = exports.OkrFilterDrawer = exports.OkrDetail = exports.OkrCasesLibrary = exports.OkrCaseCard = exports.OKrProgress = exports.NewOkrList = exports.NavTop = exports.NameAvatar = exports.Menus = exports.Mblog = exports.LineProgress = exports.LikeRankingPage = exports.InvitePeople = exports.ImgViewer = exports.IconBtn = exports.HomePageDataList = exports.HomePage = exports.HelpCard = exports.GroupSelector = exports.FormFields = exports.Form = exports.FollowerVisitor = exports.FileList = exports.FieldPersonSelector = exports.ErrorToolTip = exports.EmotionsSelector = exports.EReportList = exports.EPriority = exports.DynamicTopping = exports.DynamicQuickOperation = exports.DynamicLiking = exports.DynamicLikeRanking = exports.DynamicItem = exports.Dynamic = exports.DutiesSelector = exports.DropSelector = exports.Drawer = exports.DialogConfirm = exports.Dialog = exports.DepartSearchSelector = exports.DefautltAvatar = exports.DateRangePickerPop = exports.DatePicker = exports.CreateOkrModal = exports.Confidence = exports.Communication = exports.CircleProgress = exports.Checkbox = exports.ChangeOkrModal = exports.BaseInfo = exports.Aha2021Page = void 0;
 
 var _dialog = _interopRequireDefault(require("./components/dialog"));
 

package/lib/pages/aha2021/index.css

@@ -45,6 +45,22 @@
 }
 
 .titaui-aha-2021__body-content {
+  opacity: 1;
+  position: relative;
   flex: 1;
   width: 0;
+  word-break: break-all;
+  transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
+  will-change: opacity;
+  animation: contentOpacity .7s 1 forwards;
+}
+
+@keyframes contentOpacity {
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
 }

package/lib/pages/group-management/components/PopDownNotification/components/SuccessRender.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.RenderError = RenderError;
 exports.RenderSuccess = RenderSuccess;
 exports.RenderWarning = RenderWarning;
-exports.RenderError = RenderError;
 
 var _react = _interopRequireDefault(require("react"));
 

package/lib/pages/group-management/components/PopDownNotification/style/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.CloseBtn = exports.ToastWrapper = void 0;
+exports.ToastWrapper = exports.CloseBtn = void 0;
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 

package/lib/pages/group-management/components/openData/index.js

@@ -5,7 +5,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.parseTag = exports.parseString = exports.OpenDepartmentName = exports.OpenUserName = exports["default"] = exports.getOpenId = exports.isPlatform = void 0;
+exports.parseTag = exports.parseString = exports.isPlatform = exports.getOpenId = exports["default"] = exports.OpenUserName = exports.OpenDepartmentName = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 

package/lib/pages/group-management/groupInterface.js

@@ -3,21 +3,21 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getTenantInfo = getTenantInfo;
-exports.getUserInfo = getUserInfo;
-exports.getDomain = getDomain;
-exports.taker = taker;
+exports.addGroup = addGroup;
+exports.addGroupStaff = addGroupStaff;
+exports.deleteGroupType = deleteGroupType;
+exports.editGroup = editGroup;
 exports.getApiUrl = getApiUrl;
+exports.getDomain = getDomain;
 exports.getGroupList = getGroupList;
-exports.addGroup = addGroup;
+exports.getTenantInfo = getTenantInfo;
+exports.getUserInfo = getUserInfo;
 exports.getVisible = getVisible;
-exports.editGroup = editGroup;
-exports.deleteGroupType = deleteGroupType;
-exports.searchGroupStaffList = searchGroupStaffList;
-exports.addGroupStaff = addGroupStaff;
+exports.isWx = exports.isDingDing = void 0;
 exports.removeGroupStaff = removeGroupStaff;
+exports.searchGroupStaffList = searchGroupStaffList;
 exports.searchUserDetail = searchUserDetail;
-exports.isWx = exports.isDingDing = void 0;
+exports.taker = taker;
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 

package/lib/pages/home-page/components/data-list/table/columns/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.myOkrColumns = exports.okrUpdateColumns = exports.okrAlignColumns = void 0;
+exports.okrUpdateColumns = exports.okrAlignColumns = exports.myOkrColumns = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 

package/lib/pages/new-okr-list/header/comments.js

@@ -0,0 +1,104 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _button = require("../../../components/button");
+
+var _context = require("../context");
+
+var _precls = require("../precls");
+
+var _requestApi = require("../request-api");
+
+var _common = require("../../../components/period-selector/common");
+
+require("./index.css");
+
+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; }
+
+var Comments = function Comments(props) {
+  var toUserId = props.toUserId;
+  var pushRef = (0, _react.useRef)();
+
+  var _useState = (0, _react.useState)(),
+      _useState2 = _slicedToArray(_useState, 2),
+      userInfo = _useState2[0],
+      setUserInfo = _useState2[1];
+
+  var _useContext = (0, _react.useContext)(_context.Context),
+      OkrCommunicationPush = _useContext.OkrCommunicationPush,
+      annualNum = _useContext.annualNum,
+      cycleType = _useContext.cycleType,
+      yqmNum = _useContext.yqmNum;
+
+  (0, _react.useEffect)(function () {
+    if (toUserId !== undefined) {
+      (0, _requestApi.getUserInfoById)(toUserId).then(function (res) {
+        console.log(res.Data);
+        setUserInfo(res.Data);
+      });
+    }
+  }, [toUserId]);
+
+  var openComments = function openComments() {
+    pushRef.current && pushRef.current.show();
+  };
+
+  if (!toUserId) return null;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(_precls.precls, "__header-item")
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(_precls.precls, "__header-icon")
+  }, /*#__PURE__*/_react["default"].createElement(_button.IconBtn, {
+    icon: "tu-icon-pinglun",
+    size: "big",
+    onClick: openComments
+  })), toUserId !== undefined && !!userInfo && /*#__PURE__*/_react["default"].createElement(OkrCommunicationPush, {
+    ref: pushRef,
+    feedId: 0,
+    okrCycle: "\uFF08".concat((0, _common.formatPeriod)({
+      annualNum: annualNum,
+      cycleType: cycleType,
+      yqmNum: yqmNum
+    }), "\uFF09"),
+    okrFeedParams: {
+      objId: toUserId,
+      objType: 1,
+      cycleType: Number(cycleType),
+      // 目标周期：0-自定义，1-年度，2-季度，3-月度
+      yqmNum: Number(yqmNum || 0),
+      annualNum: Number(annualNum)
+    },
+    userInfo: {
+      Id: userInfo.userId,
+      Name: userInfo.name,
+      Color: userInfo.avatar.color,
+      AvatarsUrl: userInfo.avatar.small,
+      Type: 1
+    }
+  }));
+};
+
+var _default = Comments;
+exports["default"] = _default;

package/lib/pages/new-okr-list/header/depart-title.js

@@ -7,12 +7,52 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _pc = require("@titaui/pc");
+var _switch = _interopRequireDefault(require("../../../components/switch"));
+
+var _tooltip = _interopRequireDefault(require("../../../components/tooltip"));
+
+var _openData = require("../../../utils/open-data");
+
+var _precls = require("../precls");
+
+require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var DepartTitle = function DepartTitle() {
-  return /*#__PURE__*/_react["default"].createElement("div", null, "\u516C\u53F8\u5168\u90E8\u76EE\u6807", /*#__PURE__*/_react["default"].createElement("span", null, "\u53EA\u770B\u672C\u90E8\u95E8", /*#__PURE__*/_react["default"].createElement(_pc.Switch, null)));
+var DepartTitle = function DepartTitle(props) {
+  var _props$onlyThisDept = props.onlyThisDept,
+      onlyThisDept = _props$onlyThisDept === void 0 ? false : _props$onlyThisDept,
+      onChange = props.onChange,
+      departmentName = props.departmentName,
+      departmentId = props.departmentId;
+
+  var handleOnChange = function handleOnChange(val) {
+    onChange && onChange(val);
+  };
+
+  console.log(departmentName, departmentId);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(_precls.precls, "__header-depart-title")
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(_precls.precls, "__header-depart-title-icon")
+  }, departmentId == 0 && /*#__PURE__*/_react["default"].createElement("span", {
+    className: "tu-icon-OKR-gongsi-m"
+  }), departmentId != 0 && /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement(_openData.OpenDepartmentName, {
+    name: departmentName,
+    id: departmentId
+  }))), /*#__PURE__*/_react["default"].createElement("div", null, departmentId == 0 && "公司全部目标", departmentId != 0 && /*#__PURE__*/_react["default"].createElement(_openData.OpenDepartmentName, {
+    name: departmentName,
+    id: departmentId
+  })), departmentId != 0 && /*#__PURE__*/_react["default"].createElement(_switch["default"], {
+    label: /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+      overlay: "\u5F00\u5173\u5F00\u542F\u540E\uFF0C\u5217\u8868\u5C06\u4E0D\u5C55\u793A\u90E8\u95E8\u4E0B\u6240\u6709\u5B50\u90E8\u95E8\u7684\u6570\u636E",
+      placement: "top"
+    }, /*#__PURE__*/_react["default"].createElement("span", {
+      className: "".concat(_precls.precls, "__header-depart-title__onlythisdept")
+    }, "\u53EA\u770B\u672C\u90E8\u95E8"))),
+    checked: onlyThisDept,
+    onChange: handleOnChange
+  }));
 };
 
 var _default = DepartTitle;

package/lib/pages/new-okr-list/header/filter.js

@@ -9,8 +9,16 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _moment = _interopRequireDefault(require("moment"));
+
 var _pc = require("@titaui/pc");
 
+var _common = require("../../../components/period-selector/common");
+
+var _precls = require("../precls");
+
+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; }
@@ -27,31 +35,60 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var Filter = function Filter() {
-  var _useState = (0, _react.useState)({}),
-      _useState2 = _slicedToArray(_useState, 2),
-      cycle = _useState2[0],
-      setCycle = _useState2[1];
+var Filter = function Filter(props) {
+  var onSearch = props.onSearch;
 
-  var _useState3 = (0, _react.useState)(false),
+  var _useState = (0, _react.useState)(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      filterDrawerVisible = _useState2[0],
+      setFilterDrawerVisible = _useState2[1];
+
+  var _useState3 = (0, _react.useState)({
+    annualNum: new Date().getFullYear() + "",
+    cycleType: "2",
+    yqmNum: "".concat((0, _moment["default"])().quarter())
+  }),
       _useState4 = _slicedToArray(_useState3, 2),
-      filterDrawerVisible = _useState4[0],
-      setFilterDrawerVisible = _useState4[1];
+      cycle = _useState4[0],
+      setCycle = _useState4[1];
+
+  var handleChangeCycle = function handleChangeCycle(s) {
+    setCycle(s);
+    onSearch && onSearch({
+      annualNum: s.annualNum,
+      cycleType: s.cycleType,
+      yqmNum: s.yqmNum
+    });
+  };
 
   var openFilterDrawer = function openFilterDrawer() {
     return setFilterDrawerVisible(true);
   };
 
-  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_pc.PeriodSelector, {
+  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(_precls.precls, "__header-filter")
+  }, /*#__PURE__*/_react["default"].createElement(_pc.PeriodSelector, {
     selected: cycle,
     yearsRange: [2019, 2030],
     onChange: function onChange(s) {
-      return setCycle(s);
+      return handleChangeCycle(s);
     }
-  })), /*#__PURE__*/_react["default"].createElement("span", {
-    className: "tu-icon-shaixuan",
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(_precls.precls, "__header-filter-text")
+  }, (0, _common.formatPeriod)(cycle), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "tu-icon-caret-down ".concat(_precls.precls, "__header-filter-dropdown")
+  }))), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(_precls.precls, "__header-filter-right")
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(_precls.precls, "__header-filter-line")
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "tu-icon-shaixuan ".concat(_precls.precls, "__header-filter-shaixuan"),
     onClick: openFilterDrawer
-  }), /*#__PURE__*/_react["default"].createElement(_pc.Drawer, null, /*#__PURE__*/_react["default"].createElement(_pc.Drawer.Header, null)));
+  }))), /*#__PURE__*/_react["default"].createElement(_pc.OkrFilterDrawer, {
+    visible: filterDrawerVisible,
+    setVisible: setFilterDrawerVisible,
+    onSearch: onSearch
+  }));
 };
 
 var _default = Filter;

package/lib/pages/new-okr-list/header/index.css

@@ -6,10 +6,12 @@
 
 .tita-okr-list-v2__header-left {
   display: flex;
+  align-items: center;
 }
 
 .tita-okr-list-v2__header-right {
   display: flex;
+  align-items: center;
 }
 
 .tita-okr-list-v2__header-item {
@@ -26,6 +28,91 @@
   width: 36px;
   height: 36px;
   border-radius: 18px;
+  border: 1px solid #f7f8fa;
+  font-size: 20px;
+}
+
+.tita-okr-list-v2__header-filter {
+  box-sizing: border-box;
+  height: 36px;
+  padding: 0 16px;
+  font-size: 14px;
+  background: #FFFFFF;
+  box-shadow: 0px 0px 8px 0px rgba(127, 145, 180, 0.1);
+  border-radius: 18px;
   border: 1px solid #F7F8FA;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.tita-okr-list-v2__header-filter-text {
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+}
+
+.tita-okr-list-v2__header-filter-text:hover {
+  color: #2879ff;
+}
+
+.tita-okr-list-v2__header-filter-right {
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+}
+
+.tita-okr-list-v2__header-filter-line {
+  display: inline-block;
+  width: 1px;
+  height: 30px;
+  background: linear-gradient(180deg, #FFFFFF 0%, #DFE3EA 49%, #FFFFFF 100%);
+  border-radius: 1px;
+  margin: 0 8px;
+}
+
+.tita-okr-list-v2__header-filter-dropdown {
+  display: inline-block;
+  font-size: 16px;
+  transform: scale(0.5);
+  margin-left: 5px;
+}
+
+.tita-okr-list-v2__header-filter-shaixuan {
   font-size: 20px;
 }
+
+.tita-okr-list-v2__header-filter-shaixuan:hover {
+  color: #2879ff;
+}
+
+.tita-okr-list-v2__header-relation-title {
+  color: #89919f;
+  font-size: 16px;
+}
+
+.tita-okr-list-v2__header-depart-title {
+  color: #3F4755;
+  font-size: 16px;
+  display: flex;
+  align-items: center;
+}
+
+.tita-okr-list-v2__header-depart-title-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 36px;
+  height: 36px;
+  font-size: 16px;
+  color: #fff;
+  background: #5c8eff;
+  border-radius: 18px;
+  margin-right: 8px;
+}
+
+.tita-okr-list-v2__header-depart-title__onlythisdept {
+  margin-left: 20px;
+  color: #89919F;
+  font-size: 14px;
+}