@titaui/pc 1.6.12 → 1.6.16

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

@@ -0,0 +1,61 @@
+"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 CreateOkr = function CreateOkr() {
+  var _useState = (0, _react.useState)(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      visible = _useState2[0],
+      setVisible = _useState2[1];
+
+  var handleModalOpen = function handleModalOpen() {
+    return setVisible(true);
+  };
+
+  var handleModalClose = function handleModalClose() {
+    return setVisible(false);
+  };
+
+  var handleCreatedClose = function handleCreatedClose(data) {
+    handleModalClose();
+  };
+
+  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 = CreateOkr;
+exports["default"] = _default;

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

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

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

@@ -0,0 +1,95 @@
+"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 _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; }
+
+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(props) {
+  var onSearch = props.onSearch;
+
+  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),
+      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", {
+    className: "".concat(_precls.precls, "__header-filter")
+  }, /*#__PURE__*/_react["default"].createElement(_pc.PeriodSelector, {
+    selected: cycle,
+    yearsRange: [2019, 2030],
+    onChange: function onChange(s) {
+      return handleChangeCycle(s);
+    }
+  }, /*#__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.OkrFilterDrawer, {
+    visible: filterDrawerVisible,
+    setVisible: setFilterDrawerVisible,
+    onSearch: onSearch
+  }));
+};
+
+var _default = Filter;
+exports["default"] = _default;

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

@@ -0,0 +1,118 @@
+.tita-okr-list-v2__header {
+  display: flex;
+  margin-bottom: 16px;
+  justify-content: space-between;
+}
+
+.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 {
+  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;
+}
+
+.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;
+}

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

@@ -0,0 +1,133 @@
+"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 _bsGlobal = require("../../../utils/bs-global");
+
+var _precls = require("../precls");
+
+var _keywordSearch = _interopRequireDefault(require("../keyword-search"));
+
+var _createOkr = _interopRequireDefault(require("./create-okr"));
+
+var _userTitle = _interopRequireDefault(require("./user-title"));
+
+var _departTitle = _interopRequireDefault(require("./depart-title"));
+
+var _relationTitle = _interopRequireDefault(require("./relation-title"));
+
+var _filter = _interopRequireDefault(require("./filter"));
+
+var _comments = _interopRequireDefault(require("./comments"));
+
+var _context = require("../context");
+
+require("./index.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var Header = function Header(props) {
+  var _useContext = (0, _react.useContext)(_context.Context),
+      departmentName = _useContext.departmentName,
+      departmentId = _useContext.departmentId,
+      toUserId = _useContext.toUserId,
+      relation = _useContext.relation;
+
+  var onSearch = props.onSearch;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      onlyThisDept = _useState2[0],
+      setOnlyThisDept = _useState2[1];
+
+  (0, _react.useEffect)(function () {
+    onSearch({
+      onlyThisDept: onlyThisDept
+    });
+  }, [onlyThisDept]);
+
+  var gotoOkrMap = function gotoOkrMap() {
+    location.href = "#/okr/map";
+  };
+
+  var getTitle = function getTitle() {
+    if (relation == 1) {
+      return /*#__PURE__*/_react["default"].createElement(_userTitle["default"], {
+        toUserId: (0, _bsGlobal.getUserInfo)().Id
+      });
+    } else if (relation == 2 || relation == 3) {
+      return /*#__PURE__*/_react["default"].createElement(_relationTitle["default"], {
+        relation: relation
+      });
+    } else if (toUserId) {
+      return /*#__PURE__*/_react["default"].createElement(_userTitle["default"], {
+        toUserId: toUserId
+      });
+    } else if (departmentName) {
+      return /*#__PURE__*/_react["default"].createElement(_departTitle["default"], {
+        onlyThisDept: onlyThisDept,
+        onChange: setOnlyThisDept,
+        departmentName: departmentName,
+        departmentId: departmentId
+      });
+    }
+
+    return null;
+  };
+
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(_precls.precls, "__header")
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(_precls.precls, "__header-left")
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(_precls.precls, "__header-item")
+  }, getTitle())), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(_precls.precls, "__header-right")
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(_precls.precls, "__header-item")
+  }, /*#__PURE__*/_react["default"].createElement(_keywordSearch["default"], {
+    onSearch: onSearch
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(_precls.precls, "__header-item")
+  }, /*#__PURE__*/_react["default"].createElement(_createOkr["default"], null)), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(_precls.precls, "__header-item"),
+    onClick: gotoOkrMap
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(_precls.precls, "__header-icon")
+  }, /*#__PURE__*/_react["default"].createElement(_button.IconBtn, {
+    icon: "tu-icon-yangshi-ditu",
+    size: "big"
+  }))), /*#__PURE__*/_react["default"].createElement(_comments["default"], {
+    toUserId: toUserId
+  }), /*#__PURE__*/_react["default"].createElement(_filter["default"], {
+    onSearch: onSearch
+  })));
+};
+
+var _default = Header;
+exports["default"] = _default;

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

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _precls = require("../precls");
+
+require("./index.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var RelationTitle = function RelationTitle(_ref) {
+  var relation = _ref.relation;
+  var relationTitle = {
+    "2": "我参与的",
+    "3": "我关注的"
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(_precls.precls, "__header-relation-title")
+  }, relationTitle[relation]);
+};
+
+var _default = RelationTitle;
+exports["default"] = _default;

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

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _photoCard = _interopRequireDefault(require("../../../components/photo-card"));
+
+require("./index.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var UserTitle = function UserTitle(_ref) {
+  var toUserId = _ref.toUserId;
+  // todo: 关注 ｜ 取消关注
+  if (!toUserId) return null;
+  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_photoCard["default"], {
+    userId: toUserId
+  }));
+};
+
+var _default = UserTitle;
+exports["default"] = _default;

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

@@ -0,0 +1,10 @@
+.tita-okr-list-v2 {
+  height: calc(100% - 20px);
+  overflow: scroll;
+  margin-right: -16px;
+  padding-right: 16px;
+}
+
+.tita-okr-list-v2__pagination {
+  margin: 12px 0;
+}