@titaui/pc 1.6.11 → 1.6.15

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

@@ -0,0 +1,94 @@
+"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");
+
+var _precls = require("../precls");
+
+var _keywordSearch = _interopRequireDefault(require("../keyword-search"));
+
+var _createOkr = _interopRequireDefault(require("./create-okr"));
+
+var _userTitle = _interopRequireDefault(require("./user-title"));
+
+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 _useState = (0, _react.useState)(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      filterDrawerVisible = _useState2[0],
+      setFilterDrawerVisible = _useState2[1];
+
+  var onSearch = props.onSearch;
+
+  var openFilterDrawer = function openFilterDrawer() {
+    setFilterDrawerVisible(true);
+  };
+
+  var gotoOkrMap = function gotoOkrMap() {
+    location.href = '#/okr/map';
+  };
+
+  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")
+  }, /*#__PURE__*/_react["default"].createElement(_userTitle["default"], null))), /*#__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"], null)), /*#__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(_pc.IconBtn, {
+    icon: "tu-icon-yangshi-ditu",
+    size: "big"
+  }))), /*#__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(_pc.IconBtn, {
+    icon: "tu-icon-pinglun",
+    size: "big"
+  }))), /*#__PURE__*/_react["default"].createElement("div", {
+    onClick: openFilterDrawer
+  }, "\u7B5B\u9009"), /*#__PURE__*/_react["default"].createElement(_pc.OkrFilterDrawer, {
+    visible: filterDrawerVisible,
+    setVisible: setFilterDrawerVisible
+  })));
+};
+
+var _default = Header;
+exports["default"] = _default;

package/lib/pages/new-okr-list/header/user-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 UserTitle = function UserTitle() {
+  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_pc.PhotoCard, null));
+};
+
+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;
+}

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

@@ -0,0 +1,127 @@
+"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 _header = _interopRequireDefault(require("./header"));
+
+var _list = _interopRequireDefault(require("./list"));
+
+var _precls = require("./precls");
+
+var _context = require("./context");
+
+var _pagination = _interopRequireDefault(require("../../components/pagination"));
+
+var _requestApi = require("./request-api");
+
+require("./index.css");
+
+require("./theme.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 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; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+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 NewOkrList = function NewOkrList(props) {
+  var OkrListCmp = props.OkrListCmp;
+
+  var _useState = (0, _react.useState)([]),
+      _useState2 = _slicedToArray(_useState, 2),
+      okrs = _useState2[0],
+      setOkrs = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(0),
+      _useState4 = _slicedToArray(_useState3, 2),
+      total = _useState4[0],
+      setTotal = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(1),
+      _useState6 = _slicedToArray(_useState5, 2),
+      pageNum = _useState6[0],
+      setPageNum = _useState6[1];
+
+  var _useState7 = (0, _react.useState)(10),
+      _useState8 = _slicedToArray(_useState7, 2),
+      pageSize = _useState8[0],
+      setPageSize = _useState8[1];
+
+  var _useState9 = (0, _react.useState)({}),
+      _useState10 = _slicedToArray(_useState9, 2),
+      query = _useState10[0],
+      setQuery = _useState10[1]; // const routerData = getQueryString();
+
+
+  (0, _react.useEffect)(function () {
+    getOkrs();
+  }, [pageNum, pageSize, query]);
+
+  var getOkrs = function getOkrs() {
+    (0, _requestApi.okrSearch)(_objectSpread({
+      pageNum: pageNum,
+      pageSize: pageSize
+    }, query)).then(function (res) {
+      var _res$total = res.total,
+          total = _res$total === void 0 ? 0 : _res$total,
+          works = res.works;
+      setTotal(total);
+      setOkrs(works || []);
+    });
+  };
+
+  var handlePageChange = function handlePageChange(page, pageSize) {
+    setPageNum(page);
+    setPageSize(pageSize);
+  };
+
+  var handleOnSearch = function handleOnSearch(params) {
+    setQuery(_objectSpread({}, params));
+  };
+
+  return /*#__PURE__*/_react["default"].createElement(_context.Context.Provider, {
+    value: {}
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: _precls.precls
+  }, /*#__PURE__*/_react["default"].createElement(_header["default"], {
+    onSearch: handleOnSearch
+  }), /*#__PURE__*/_react["default"].createElement(_list["default"], {
+    OkrListCmp: OkrListCmp,
+    okrs: okrs,
+    setOkrs: setOkrs,
+    isNewIndex: true
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(_precls.precls, "__pagination")
+  }, /*#__PURE__*/_react["default"].createElement(_pagination["default"], {
+    total: total,
+    onChange: handlePageChange
+  }))));
+};
+
+var _default = NewOkrList;
+exports["default"] = _default;

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

@@ -0,0 +1,71 @@
+.titaui-keyword-search {
+  background: #fff;
+  height: 36px;
+  padding: 8px;
+  box-shadow: 0px 0px 8px 0px rgba(127, 145, 180, 0.1);
+  display: flex;
+  border-radius: 18px;
+  box-sizing: border-box;
+  align-items: center;
+}
+
+.titaui-keyword-search--active {
+  box-shadow: 0px 0px 8px 0px rgba(127, 145, 180, 0.1), 0px 0px 4px 0px rgba(40, 121, 255, 0.3);
+  border: 1px solid #2879FF;
+}
+
+.titaui-keyword-search__del-icon {
+  font-size: 20px;
+  color: #89919f;
+  margin-right: 4px;
+}
+
+.titaui-keyword-search__del-icon:hover {
+  cursor: pointer;
+  color: #f05e5e;
+}
+
+.titaui-keyword-search__search-icon {
+  font-size: 20px !important;
+  cursor: pointer;
+}
+
+.titaui-keyword-search__search-icon:hover {
+  color: #2879FF;
+}
+
+.titaui-keyword-search__input {
+  width: 0;
+  animation: shrink 1s ease;
+}
+
+.titaui-keyword-search__input input {
+  width: 100%;
+  border: none;
+}
+
+.titaui-keyword-search--active .titaui-keyword-search__input {
+  width: 120px;
+  margin-right: 12px;
+  animation: grow 1s ease;
+}
+
+@keyframes grow {
+  0% {
+    width: 0;
+  }
+
+  100% {
+    width: 120px;
+  }
+}
+
+@keyframes shrink {
+  0% {
+    width: 120px;
+  }
+
+  100% {
+    width: 0;
+  }
+}

package/lib/{components/button/admin-button/drop-down-arrow.js → pages/new-okr-list/keyword-search/index.js}

@@ -9,7 +9,7 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _classnames = _interopRequireDefault(require("classnames"));
+var _classnames2 = _interopRequireDefault(require("classnames"));
 
 require("./index.css");
 
@@ -19,6 +19,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 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."); }
@@ -31,63 +33,68 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var preCls = "admin-button";
+var precls = 'titaui-keyword-search';
 
-var _default = function _default(_ref) {
-  var _onClick = _ref.onClick,
-      id = _ref.id,
-      children = _ref.children,
-      _ref$content = _ref.content,
-      content = _ref$content === void 0 ? [] : _ref$content,
-      _ref$isHasArrow = _ref.isHasArrow,
-      isHasArrow = _ref$isHasArrow === void 0 ? false : _ref$isHasArrow,
-      style = _ref.style,
-      contentStyle = _ref.contentStyle,
-      extraClass = _ref.extraClass;
+var KeywordSearch = function KeywordSearch(props) {
+  ;
+  var onSearch = props.onSearch;
+  var inputRef = (0, _react.useRef)();
 
   var _useState = (0, _react.useState)(false),
       _useState2 = _slicedToArray(_useState, 2),
-      visible = _useState2[0],
-      setVisible = _useState2[1];
+      active = _useState2[0],
+      setActive = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(''),
+      _useState4 = _slicedToArray(_useState3, 2),
+      keyword = _useState4[0],
+      setKeyword = _useState4[1];
+
+  var handleSearchClick = function handleSearchClick() {
+    if (!active) {
+      setActive(true);
+      inputRef.current.focus();
+    } else {
+      handleSearch();
+    }
+  };
 
-  var wrapperRef = (0, _react.useRef)(document.createElement("div"));
+  var handleSearch = function handleSearch() {
+    onSearch && onSearch(keyword);
+  };
 
-  var clickEvent = function clickEvent(e) {
-    if (!e.target.className.includes("admin-button-drop-wrapper-item")) {
-      setVisible(false);
-      window.removeEventListener("click", clickEvent, true);
-    }
+  var handleOnBlur = function handleOnBlur(e) {
+    if (!keyword.length) setActive(false);
   };
 
-  (0, _react.useEffect)(function () {
-    if (visible) {
-      window.addEventListener("click", clickEvent, true);
+  var handleOnKeyDown = function handleOnKeyDown(e) {
+    if (e.keyCode == 13) {
+      handleSearch();
     } else {
-      window.removeEventListener("click", clickEvent, true);
+      setKeyword(e.target.value);
     }
-  }, [visible]);
+  };
+
+  var clearKeyword = function clearKeyword() {
+    return setKeyword('');
+  };
+
   return /*#__PURE__*/_react["default"].createElement("div", {
-    onClick: function onClick() {
-      setVisible(!visible);
-    }
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])("".concat(preCls, "-drop ").concat(preCls, "-btn ").concat(extraClass)),
-    style: style
-  }, children, isHasArrow && /*#__PURE__*/_react["default"].createElement("span", {
-    className: "tu-icon-sort-down"
-  })), visible && /*#__PURE__*/_react["default"].createElement("div", {
-    ref: wrapperRef,
-    style: contentStyle,
-    className: (0, _classnames["default"])("".concat(preCls, "-drop-wrapper"))
-  }, content.map(function (item, key) {
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      key: key,
-      onClick: function onClick() {
-        return _onClick && _onClick(item.key);
-      },
-      className: (0, _classnames["default"])("".concat(preCls, "-drop-wrapper-item"))
-    }, item.name);
-  })));
+    className: (0, _classnames2["default"])(precls, _defineProperty({}, "".concat(precls, "--active"), active))
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(precls, "__input")
+  }, /*#__PURE__*/_react["default"].createElement("input", {
+    onKeyUp: handleOnKeyDown,
+    ref: inputRef,
+    onBlur: handleOnBlur
+  })), keyword.length > 0 && /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _classnames2["default"])('tu-icon-cross', "".concat(precls, "__del-icon")),
+    onClick: clearKeyword
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _classnames2["default"])('tu-icon-search', "".concat(precls, "__search-icon")),
+    onClick: handleSearchClick
+  }));
 };
 
+var _default = KeywordSearch;
 exports["default"] = _default;

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

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+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; }
+
+var List = function List(props) {
+  var okrs = props.okrs,
+      setOkrs = props.setOkrs;
+  var OkrListCmp = props.OkrListCmp;
+
+  var openCreateModal = function openCreateModal() {};
+
+  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(OkrListCmp, {
+    searchKey: '',
+    okrData: okrs,
+    addOkr: function addOkr(okr) {
+      setOkrs([].concat(_toConsumableArray(okrs), [okr]));
+    },
+    onpenCreateModalWithData: function onpenCreateModalWithData(data) {
+      debugger; // createModalRef.current && createModalRef.current.setData(data);
+      // setVisible(true);
+    } // eventBridge={eventBridge}
+    // replaceOkr={replaceOkr}
+    ,
+    openCreateModal: openCreateModal
+  }));
+};
+
+var _default = List;
+exports["default"] = _default;

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

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.precls = void 0;
+var precls = 'tita-okr-list-v2';
+exports.precls = precls;

package/lib/pages/new-okr-list/request-api.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.okrSearch = void 0;
+
+var _request = require("../../utils/request");
+
+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; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+var okrSearch = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(param) {
+    var res;
+    return regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return (0, _request.rpost)('v1')('okr/search', _objectSpread({
+              orderType: 2,
+              // 默认创建时间正序
+              relation: 0
+            }, param));
+
+          case 2:
+            res = _context.sent;
+
+            if (!(res.Code == 1)) {
+              _context.next = 5;
+              break;
+            }
+
+            return _context.abrupt("return", res.Data);
+
+          case 5:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+
+  return function okrSearch(_x) {
+    return _ref.apply(this, arguments);
+  };
+}();
+
+exports.okrSearch = okrSearch;

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

@@ -0,0 +1,3 @@
+.tita-okr-list-v2 .okr-list-v1 {
+  padding: 0;
+}

package/lib/pages/okr-map/hooks/useStorage.js

@@ -25,7 +25,7 @@ var getHashQuery = function getHashQuery(queryKey) {
   var queryValue;
   var urlHash = decodeURIComponent(window.location.hash);
   var hashQueryStr = urlHash.split('?')[1];
-  hashQueryStr.split('&').forEach(function (it) {
+  hashQueryStr && hashQueryStr.split('&').forEach(function (it) {
     var _it$split = it.split('='),
         _it$split2 = _slicedToArray(_it$split, 2),
         key = _it$split2[0],

package/lib/pages/okr-map/utils.js

@@ -8,15 +8,19 @@ exports.okrTypeMap = exports.OkrTypeSetting = exports.tenantLogo = exports.tenan
 
 var openFullscreen = function openFullscreen() {
   // 隐藏侧边栏和头部
-  document.querySelector('.tu-page-nav').style.display = 'none';
-  document.querySelector('.tu-page-header').style.display = 'none';
+  if (!getBSGlobal("tenantInfo").isNewIndex) {
+    document.querySelector(".tu-page-nav").style.display = "none";
+    document.querySelector(".tu-page-header").style.display = "none";
+  }
 };
 
 exports.openFullscreen = openFullscreen;
 
 var closeFullscreen = function closeFullscreen() {
-  document.querySelector('.tu-page-nav').style.display = 'block';
-  document.querySelector('.tu-page-header').style.display = 'block';
+  if (!getBSGlobal("tenantInfo").isNewIndex) {
+    document.querySelector(".tu-page-nav").style.display = "block";
+    document.querySelector(".tu-page-header").style.display = "block";
+  }
 };
 
 exports.closeFullscreen = closeFullscreen;
@@ -25,11 +29,11 @@ function getBSGlobal(name) {
   return name ? BSGlobal && BSGlobal[name] : BSGlobal;
 }
 
-var tenantName = getBSGlobal('tenantInfo').Name || '';
+var tenantName = getBSGlobal("tenantInfo").Name || "";
 exports.tenantName = tenantName;
-var tenantLogo = getBSGlobal('tenantInfo').Logo || '';
+var tenantLogo = getBSGlobal("tenantInfo").Logo || "";
 exports.tenantLogo = tenantLogo;
-var KRSetting = (getBSGlobal('OkrAdvancedSetting') || {}).KRSetting; // KRSetting
+var KRSetting = (getBSGlobal("OkrAdvancedSetting") || {}).KRSetting; // KRSetting
 
 var OkrTypeSetting = (KRSetting || {}).OkrTypeSetting || false; // 是否开启目标类型 true | false
 

package/lib/pages/personal-info/index.js

@@ -9,16 +9,18 @@ var _react = _interopRequireDefault(require("react"));
 
 var _baseInfo = _interopRequireDefault(require("./components/base-info"));
 
+var _aha = require("../aha2021");
+
 require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var prefix = 'titaui-personal-info';
+var prefix = "titaui-personal-info";
 
 var PersonalInfo = function PersonalInfo() {
-  return /*#__PURE__*/_react["default"].createElement("div", {
+  return /*#__PURE__*/_react["default"].createElement(_aha.ContentTemplate, null, /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix
-  }, /*#__PURE__*/_react["default"].createElement(_baseInfo["default"], null));
+  }, /*#__PURE__*/_react["default"].createElement(_baseInfo["default"], null)));
 };
 
 var _default = PersonalInfo;