@titaui/pc 1.6.11 → 1.6.15

package/lib/components/update-modal/index.css

@@ -0,0 +1,80 @@
+.tt-update-modal {
+  width: 610px;
+  background-color: #fff;
+  padding-top: 237px;
+  padding-bottom: 40px;
+  background-image: url(./img/background.png);
+  background-size: 610px 237px;
+  background-position: 0 0;
+  background-repeat: no-repeat;
+  border-radius: 40px;
+  position: relative;
+}
+
+.tt-update-modal .tu-icon-canceled {
+  position: absolute;
+  top: 20px;
+  right: 30px;
+  font-size: 20px;
+  font-weight: bold;
+  color: #141c28;
+}
+
+.tt-update-modal__rocket {
+  position: absolute;
+  width: 200px;
+  height: 221px;
+  right: 113px;
+  top: -51px;
+}
+
+.tt-update-modal__update-list {
+  margin-bottom: 40px;
+  padding: 0 40px;
+}
+
+.tt-update-modal__update-item {
+  font-size: 16px;
+  font-weight: 400;
+  color: #3F4755;
+  line-height: 24px;
+  position: relative;
+  padding-left: 18px;
+}
+
+.tt-update-modal__update-item::before {
+  content: '';
+  display: inline-block;
+  position: absolute;
+  top: 10px;
+  left: 0;
+  width: 4px;
+  height: 4px;
+  border-radius: 50%;
+  background-color: #6F7886;
+}
+
+.tt-update-modal__update-item:not(:last-child) {
+  margin-bottom: 12px;
+}
+
+.tt-update-modal__detail-btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: 0 auto;
+  width: 160px;
+  height: 40px;
+  color: #FFF;
+  background: linear-gradient(180deg, #FFB565 0%, #FF9100 100%);
+  box-shadow: 0px 8px 8px 1px #FFEEE1, 0px 1px 12px 0px rgba(255, 255, 255, 0.5), 0px -2px 5px 0px rgba(242, 156, 51, 0.4);
+  border-radius: 29px;
+  font-size: 16px;
+}
+
+.tt-update-modal__detail-btn:hover {
+  color: #FFF;
+  background: linear-gradient(180deg, #FF9E23 0%, #FF9E23 100%);
+  box-shadow: 0px 8px 8px 1px #FFEEE1, 0px -2px 5px 0px rgba(242, 156, 51, 0.4);
+  border-radius: 29px;
+}

package/lib/components/update-modal/index.js

@@ -0,0 +1,83 @@
+"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 _titaUi = require("tita-ui");
+
+var _helper = require("../period-selector/helper");
+
+require("./index.css");
+
+var _requestApi = require("./request-api");
+
+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 preCls = "tt-update-modal";
+
+function UpdateModal(_ref) {
+  var _ref$updates = _ref.updates,
+      updates = _ref$updates === void 0 ? [] : _ref$updates,
+      detailLink = _ref.detailLink;
+
+  var _useState = (0, _react.useState)(function () {
+    var userGuides = (0, _helper.getBSGlobal)('userGuides');
+    return userGuides && userGuides.upgradeGuide && userGuides.upgradeGuide.value || false;
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      visible = _useState2[0],
+      setVisible = _useState2[1];
+
+  var handleClose = (0, _react.useCallback)(function () {
+    (0, _requestApi.cancelGuide)((0, _helper.getBSGlobal)('userGuides').upgradeGuide.type);
+    (0, _helper.getBSGlobal)('userGuides').upgradeGuide.value = false;
+    setVisible(false);
+  }, []);
+  return /*#__PURE__*/_react["default"].createElement(_titaUi.Modal, {
+    visible: visible,
+    customContent: true,
+    footer: null,
+    width: 610
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: preCls
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    className: preCls + "__rocket",
+    src: require("./img/rocket.png")
+  }), /*#__PURE__*/_react["default"].createElement("a", {
+    className: "tu-icon-canceled",
+    onClick: handleClose
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: preCls + "__update-list"
+  }, updates.map(function (upd) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: preCls + "__update-item"
+    }, upd);
+  })), /*#__PURE__*/_react["default"].createElement("a", {
+    href: detailLink,
+    target: "_blank",
+    className: preCls + "__detail-btn"
+  }, "\u4E86\u89E3\u66F4\u591A")));
+}
+
+var _default = UpdateModal;
+exports["default"] = _default;

package/lib/components/update-modal/request-api.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.cancelGuide = void 0;
+
+var _request = require("../../utils/request");
+
+var cancelGuide = function cancelGuide(_ref) {
+  var type = _ref.type;
+  return (0, _request.rpost)("v1")("user/cancelUserGuide?type=" + type, {
+    type: type
+  });
+};
+
+exports.cancelGuide = cancelGuide;

package/lib/hooks/useLocalStorage.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = useLocalStorage;
+
+var _react = require("react");
+
+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 useLocalStorage(name, storageId, initValue) {
+  var store = JSON.parse(localStorage.getItem(storageId) || '{}');
+  store[name] = store[name] === undefined ? initValue : store[name];
+
+  var _useState = (0, _react.useState)(store[name]),
+      _useState2 = _slicedToArray(_useState, 2),
+      value = _useState2[0],
+      setValue = _useState2[1];
+
+  return [value, function (v) {
+    setValue(v);
+    var store = JSON.parse(localStorage.getItem(storageId) || '{}');
+    store[name] = v;
+    localStorage.setItem(storageId, JSON.stringify(store));
+  }];
+}

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.VersionChangeModal = exports.PersonalInfo = exports.InvitePeople = exports.FollowerVisitor = 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.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.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;
 
 var _dialog = _interopRequireDefault(require("./components/dialog"));
 
@@ -69,6 +69,8 @@ var _confidence = _interopRequireDefault(require("./components/confidence"));
 
 var _drawer = _interopRequireDefault(require("./components/drawer"));
 
+var _okrFilterDrawer = _interopRequireDefault(require("./components/okr-filter-drawer"));
+
 var _baseInfo = _interopRequireDefault(require("./components/okr-detail/base-info"));
 
 var _okrDetail = _interopRequireDefault(require("./components/okr-detail"));
@@ -123,6 +125,8 @@ var _index = _interopRequireDefault(require("./pages/home-page/index"));
 
 var _dataList = _interopRequireDefault(require("./pages/home-page/components/data-list"));
 
+var _newOkrList = _interopRequireDefault(require("./pages/new-okr-list"));
+
 var _titaChart = require("./components/tita-chart");
 
 var _okrcaseLibrary = _interopRequireDefault(require("./components/okrcase-library"));
@@ -143,6 +147,8 @@ var _dynamic = _interopRequireWildcard(require("./components/dynamic"));
 
 var _menus = _interopRequireDefault(require("./components/menus"));
 
+var _helpCard = _interopRequireDefault(require("./components/help-card"));
+
 var _aha = _interopRequireWildcard(require("./pages/aha2021"));
 
 var _versionChangeModal = _interopRequireDefault(require("./components/version-change-modal"));
@@ -153,6 +159,8 @@ var _invitePeople = _interopRequireDefault(require("./components/invite-people")
 
 var _personalInfo = _interopRequireDefault(require("./pages/personal-info"));
 
+var _updateModal = _interopRequireDefault(require("./components/update-modal"));
+
 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; }
@@ -166,6 +174,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 //头像卡片展示组件
 //顶部导航
 //顶部导航头像
+// 新ui组件
 var Aha2021Page = {
   'PageLayout': _aha["default"],
   'ContentTemplate': _aha.ContentTemplate
@@ -245,6 +254,8 @@ var Drawer = _drawer["default"];
 exports.Drawer = Drawer;
 var drawerManager = _manager["default"];
 exports.drawerManager = drawerManager;
+var OkrFilterDrawer = _okrFilterDrawer["default"];
+exports.OkrFilterDrawer = OkrFilterDrawer;
 var OkrDetail = _okrDetail["default"];
 exports.OkrDetail = OkrDetail;
 var BaseInfo = _baseInfo["default"];
@@ -362,6 +373,11 @@ var RectBtn = _button.RectBtn;
 exports.RectBtn = RectBtn;
 var TextBtn = _button.TextBtn;
 exports.TextBtn = TextBtn;
+var IconBtn = _button.IconBtn; //新ui组件
+
+exports.IconBtn = IconBtn;
+var HelpCard = _helpCard["default"];
+exports.HelpCard = HelpCard;
 var FollowerVisitor = _followerVisitor["default"];
 exports.FollowerVisitor = FollowerVisitor;
 var InvitePeople = _invitePeople["default"];
@@ -369,4 +385,8 @@ exports.InvitePeople = InvitePeople;
 var PersonalInfo = _personalInfo["default"];
 exports.PersonalInfo = PersonalInfo;
 var VersionChangeModal = _versionChangeModal["default"];
-exports.VersionChangeModal = VersionChangeModal;
+exports.VersionChangeModal = VersionChangeModal;
+var UpdateModal = _updateModal["default"];
+exports.UpdateModal = UpdateModal;
+var NewOkrList = _newOkrList["default"];
+exports.NewOkrList = NewOkrList;

package/lib/pages/aha2021/index.css

@@ -6,10 +6,17 @@
 
 .titaui-aha-2021__header {
   height: 54px;
+  margin-bottom: 20px;
 }
 
 .titaui-aha-2021__message {
-  margin-bottom: 20px;
+  position: absolute;
+  background-color: transparent;
+  top: 54px;
+  left: 0;
+  width: 100%;
+  z-index: 3;
+  box-shadow: 0px 0px 16px 0px #7f91b44d;
 }
 
 .titaui-aha-2021__body {
@@ -27,6 +34,14 @@
   position: absolute;
   bottom: 92px;
   left: 8px;
+  z-index: 2;
+}
+
+.titaui-aha-2021__body-menu-help {
+  position: absolute;
+  bottom: 28px;
+  left: 8px;
+  z-index: 2;
 }
 
 .titaui-aha-2021__body-content {

package/lib/pages/aha2021/index.js

@@ -1,11 +1,13 @@
 "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"] = exports.ContentTemplate = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
@@ -15,27 +17,35 @@ var _followerVisitor = _interopRequireDefault(require("../../components/follower
 
 var _invitePeople = _interopRequireDefault(require("../../components/invite-people"));
 
+var _helpCard = _interopRequireDefault(require("../../components/help-card"));
+
 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; }
+
 var preCls = "titaui-aha-2021";
 
 var ContentTemplate = function ContentTemplate(props) {
   var children = props.children;
-  if (children.length == 0) return /*#__PURE__*/_react["default"].createElement("div", null);
+  if (_react.Children.count(children) == 0) return /*#__PURE__*/_react["default"].createElement("div", null);
 
-  if (children.length == 1) {
+  if (_react.Children.count(children) == 1) {
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: (0, _classnames["default"])("".concat(preCls, "__body-content"))
-    }, children[1]);
+    }, children);
   }
 
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(preCls, "__body-menu"))
   }, children[0], /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(preCls, "__body-menu-invite"))
-  }, /*#__PURE__*/_react["default"].createElement(_invitePeople["default"], null))), /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react["default"].createElement(_invitePeople["default"], null)), /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(preCls, "__body-menu-help"))
+  }, /*#__PURE__*/_react["default"].createElement(_helpCard["default"], null))), /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(preCls, "__body-content"))
   }, children[1]));
 };

package/lib/pages/new-okr-list/context.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Context = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var Context = /*#__PURE__*/_react["default"].createContext({});
+
+exports.Context = Context;

package/lib/{components/button/export-button/index.js → pages/new-okr-list/header/create-okr.js}

@@ -9,7 +9,7 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-require("./index.css");
+var _pc = require("@titaui/pc");
 
 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); }
 
@@ -27,55 +27,35 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var ExportBtn = function ExportBtn(_ref) {
-  var popup = _ref.popup,
-      _ref$width = _ref.width,
-      width = _ref$width === void 0 ? 90 : _ref$width,
-      _ref$height = _ref.height,
-      height = _ref$height === void 0 ? 32 : _ref$height,
-      _onClick = _ref.onClick;
-
+var CreateOkr = function CreateOkr() {
   var _useState = (0, _react.useState)(false),
       _useState2 = _slicedToArray(_useState, 2),
-      isVisible = _useState2[0],
-      setIsVisible = _useState2[1];
+      visible = _useState2[0],
+      setVisible = _useState2[1];
+
+  var handleModalOpen = function handleModalOpen() {
+    return setVisible(true);
+  };
 
-  var wrapperRef = (0, _react.useRef)(document.createElement("div"));
+  var handleModalClose = function handleModalClose() {
+    return setVisible(false);
+  };
 
-  var clickEvent = function clickEvent(e) {
-    if (!e.target.className.includes("okrdashboard-export-label")) {
-      setIsVisible(false);
-      window.removeEventListener("click", clickEvent, true);
-    }
+  var handleCreatedClose = function handleCreatedClose(data) {
+    handleModalClose();
   };
 
-  (0, _react.useEffect)(function () {
-    if (isVisible) {
-      window.addEventListener("click", clickEvent, true);
-    } else {
-      window.removeEventListener("click", clickEvent, true);
-    }
-  }, [isVisible]);
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "tita-export-btn"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "export-btn",
-    style: {
-      width: "".concat(width, "px"),
-      height: "".concat(height, "px")
-    },
-    onClick: function onClick() {
-      _onClick && _onClick();
-      if (!popup) return;
-      setIsVisible(true);
-    }
-  }, /*#__PURE__*/_react["default"].createElement("img", {
-    src: require("../images/daoru.svg")
-  }), " \u5BFC\u51FA"), popup && isVisible ? /*#__PURE__*/_react["default"].createElement("div", {
-    className: "export-label",
-    ref: wrapperRef
-  }, popup) : null);
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_pc.RectBtn, {
+    text: "\u521B\u5EFA",
+    type: "primary",
+    size: "big",
+    onClick: handleModalOpen
+  }), /*#__PURE__*/_react["default"].createElement(_pc.CreateOkrModal, {
+    visible: visible,
+    onCLose: handleModalClose,
+    handleCreatedClose: handleCreatedClose
+  }));
 };
 
-var _default = ExportBtn;
+var _default = CreateOkr;
 exports["default"] = _default;

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

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _pc = require("@titaui/pc");
+
+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 _default = DepartTitle;
+exports["default"] = _default;

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

@@ -0,0 +1,58 @@
+"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 _pc = require("@titaui/pc");
+
+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 Filter = function Filter() {
+  var _useState = (0, _react.useState)({}),
+      _useState2 = _slicedToArray(_useState, 2),
+      cycle = _useState2[0],
+      setCycle = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      filterDrawerVisible = _useState4[0],
+      setFilterDrawerVisible = _useState4[1];
+
+  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, {
+    selected: cycle,
+    yearsRange: [2019, 2030],
+    onChange: function onChange(s) {
+      return setCycle(s);
+    }
+  })), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "tu-icon-shaixuan",
+    onClick: openFilterDrawer
+  }), /*#__PURE__*/_react["default"].createElement(_pc.Drawer, null, /*#__PURE__*/_react["default"].createElement(_pc.Drawer.Header, null)));
+};
+
+var _default = Filter;
+exports["default"] = _default;

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

@@ -0,0 +1,31 @@
+.tita-okr-list-v2__header {
+  display: flex;
+  margin-bottom: 16px;
+  justify-content: space-between;
+}
+
+.tita-okr-list-v2__header-left {
+  display: flex;
+}
+
+.tita-okr-list-v2__header-right {
+  display: flex;
+}
+
+.tita-okr-list-v2__header-item {
+  margin-right: 12px;
+}
+
+.tita-okr-list-v2__header-icon {
+  display: flex;
+  box-sizing: border-box;
+  justify-content: center;
+  align-items: center;
+  background: #fff;
+  box-shadow: 0px 0px 8px 0px rgba(127, 145, 180, 0.1);
+  width: 36px;
+  height: 36px;
+  border-radius: 18px;
+  border: 1px solid #F7F8FA;
+  font-size: 20px;
+}