@titaui/pc 1.12.99 → 1.13.2-beta.10

package/lib/components/file-preview/index.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.DocType = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _titaUi = require("tita-ui");
+
+var _util = require("../dialog-upload/util");
+
+require("./index.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var DocType;
+exports.DocType = DocType;
+
+(function (DocType) {
+  DocType["DOC"] = "doc";
+  DocType["SLIDE"] = "slide";
+  DocType["SHEET"] = "sheet";
+  DocType["FORM"] = "form";
+  DocType["PDF"] = "pdf";
+  DocType["MIND"] = "mind";
+  DocType["FLOWCHART"] = "flowchart";
+  DocType["FOLDER"] = "folder";
+})(DocType || (exports.DocType = DocType = {}));
+
+var preCls = 'file-preview';
+
+var FilePreview = function FilePreview(_ref) {
+  var title = _ref.title,
+      secondTitle = _ref.secondTitle,
+      _ref$type = _ref.type,
+      type = _ref$type === void 0 ? '' : _ref$type,
+      _ref$className = _ref.className,
+      className = _ref$className === void 0 ? '' : _ref$className,
+      onClickTitle = _ref.onClickTitle;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, " ").concat(className)
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__cover")
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: (0, _util.getFileTypeMapIcon)(type),
+    className: "".concat(preCls, "__cover__img"),
+    alt: ""
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__content")
+  }, /*#__PURE__*/_react["default"].createElement(_titaUi.Tooltip, {
+    container: document.body,
+    content: /*#__PURE__*/_react["default"].createElement("p", {
+      dangerouslySetInnerHTML: {
+        __html: title
+      }
+    })
+  }, /*#__PURE__*/_react["default"].createElement("p", {
+    onClick: onClickTitle,
+    className: "".concat(preCls, "__title")
+  }, title)), /*#__PURE__*/_react["default"].createElement("p", {
+    className: "".concat(preCls, "__secondTitle")
+  }, secondTitle)));
+};
+
+var _default = FilePreview;
+exports["default"] = _default;

package/lib/components/loading/index.css

@@ -0,0 +1,28 @@
+.titaui-base-loading {
+  position: relative;
+  width: 100%;
+  height: 0px;
+  transition: height .3s;
+}
+
+.titaui-base-loading--show {
+  height: 60px;
+}
+
+.titaui-base-loading::before {
+  content: '';
+  position: absolute;
+  background-image: url(./assets/loading.gif);
+  background-size: contain;
+  width: 40px;
+  height: 40px;
+  margin-left: 50%;
+  transform: translateX(-50%) translateY(50px) scale(0);
+  transition: height .3s, transform .5s, opacity .1s;
+  opacity: 0;
+}
+
+.titaui-base-loading.titaui-base-loading--show::before {
+  transform: translateX(-50%) translateY(10px) scale(1);
+  opacity: 1;
+}

package/lib/components/loading/index.js

@@ -0,0 +1,64 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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 preCls = 'titaui-base-loading';
+
+var Loading = function Loading(_ref) {
+  var className = _ref.className,
+      _ref$visible = _ref.visible,
+      visible = _ref$visible === void 0 ? false : _ref$visible;
+
+  var _useState = (0, _react.useState)(visible),
+      _useState2 = _slicedToArray(_useState, 2),
+      _visible = _useState2[0],
+      setVisible = _useState2[1];
+
+  (0, _react.useEffect)(function () {
+    // 延迟隐藏，避免闪烁
+    if (!visible) {
+      setTimeout(function () {
+        setVisible(visible);
+      }, 600);
+    } else {
+      setVisible(visible);
+    }
+  }, [visible]);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(preCls, " ").concat(className, " ").concat(_visible), _defineProperty({}, "".concat(preCls, "--show"), _visible))
+  });
+};
+
+var _default = Loading;
+exports["default"] = _default;

package/lib/components/nav/index.css

@@ -0,0 +1,36 @@
+.titaui-nav {
+  display: flex;
+}
+
+.titaui-nav_item {
+  position: relative;
+  font-size: 14px;
+  font-weight: 400;
+  color: #89919F;
+  line-height: 20px;
+  cursor: pointer;
+  transition: color .3s;
+}
+
+.titaui-nav_item:hover {
+  color: #2879ff;
+}
+
+.titaui-nav_item:hover::before {
+  color: #89919F;
+}
+
+.titaui-nav_item + .titaui-nav_item {
+  margin-left: 15px;
+}
+
+.titaui-nav_item + .titaui-nav_item::before {
+  content: '/';
+  position: absolute;
+  left: -10px;
+  cursor: default;
+}
+
+.titaui-nav_item:last-child {
+  color: #3f4755;
+}

package/lib/components/nav/index.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+require("./index.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var preCls = 'titaui-nav';
+
+var Nav = function Nav(_ref) {
+  var dataList = _ref.dataList,
+      className = _ref.className,
+      onSelect = _ref.onSelect;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, " ").concat(className)
+  }, dataList.map(function (nav, i) {
+    return /*#__PURE__*/_react["default"].createElement("p", {
+      className: "".concat(preCls, "_item"),
+      onClick: onSelect === null || onSelect === void 0 ? void 0 : onSelect.bind(null, i, nav)
+    }, nav.label);
+  }));
+};
+
+var _default = Nav;
+exports["default"] = _default;

package/lib/components/nav-top/components/app-center/index.css

@@ -116,7 +116,7 @@
   padding: 0 16px;
 }
 
-.app-center__app-item--okr:hover {
+.app-center__app-item--okr:hover, .app-center__app-item--demo:hover {
   background-color: rgba(40, 121, 255, 0.1);
 }
 

package/lib/components/nav-top/components/menu/index.js

@@ -45,7 +45,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var prefix = 'titaui-nav-top-menu';
+var prefix = "titaui-nav-top-menu";
 var popupAlign = {
   offset: [0, 5],
   overflow: {
@@ -54,7 +54,7 @@ var popupAlign = {
   },
   targetOffset: [0, 0]
 };
-var NEWMENUS = '#summary/my';
+var NEWMENUS = "#summary/my";
 
 var Menu = function Menu(_ref) {
   var menus = _ref.menus,
@@ -75,7 +75,7 @@ var Menu = function Menu(_ref) {
       feedNum = _useGlobalValue2[0];
 
   var containerRef = (0, _react.useRef)();
-  var apiPath = (0, _bsGlobal.getBSGlobal)('apiPath');
+  var apiPath = (0, _bsGlobal.getBSGlobal)("apiPath");
   var userId = (0, _bsGlobal.getUserInfo)().Id;
 
   var handlePopupVisibleChange = function handlePopupVisibleChange(visible) {
@@ -84,14 +84,14 @@ var Menu = function Menu(_ref) {
 
   var handleTracker = function handleTracker(menu) {
     if (window.titaTracker) {
-      window.titaTracker('action').record({
+      window.titaTracker("action").record({
         actionName: "\u5BFC\u822A\u83DC\u5355__".concat(menu.title),
-        actionGroup: '导航菜单',
-        productName: '导航菜单'
+        actionGroup: "导航菜单",
+        productName: "导航菜单"
       });
     }
 
-    if (menu.code === 'dynamic' && feedNum > 0) {
+    if (menu.code === "dynamic" && feedNum > 0) {
       window.location.reload();
     }
   };
@@ -114,7 +114,7 @@ var Menu = function Menu(_ref) {
   var renderRawItem = function renderRawItem(menu) {
     var href = menu.href;
 
-    if (menu.title === 'Learning' || menu.code === 'learning') {
+    if (menu.title === "Learning" || menu.code === "learning") {
       href = "".concat(apiPath, "/").concat(href);
     }
 
@@ -138,7 +138,7 @@ var Menu = function Menu(_ref) {
     //   }}
     //   onClickClose={handleClickClose}
     // >
-    _react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("a", {
+    _react["default"].createElement("a", {
       className: (0, _classnames["default"])("".concat(prefix, "__menu-show"), _defineProperty({}, "".concat(prefix, "__menu-show--active"), activeMenuId === menu.id)),
       href: href,
       target: "_self",
@@ -149,7 +149,7 @@ var Menu = function Menu(_ref) {
       src: _new["default"],
       alt: "",
       className: "".concat(prefix, "__tips-new")
-    }))) // </GuideTip>
+    })) // </GuideTip>
     , menu.href !== NEWMENUS && /*#__PURE__*/_react["default"].createElement("a", {
       className: (0, _classnames["default"])("".concat(prefix, "__menu-show"), _defineProperty({}, "".concat(prefix, "__menu-show--active"), activeMenuId === menu.id)),
       href: href,
@@ -157,9 +157,9 @@ var Menu = function Menu(_ref) {
       onClick: function onClick() {
         return handleTracker(menu);
       }
-    }, menu.title, menu.href === '#dynamic' && feedNum > 0 && /*#__PURE__*/_react["default"].createElement("div", {
-      className: (0, _classnames["default"])("".concat(prefix, "__menu--hasNum"), _defineProperty({}, "".concat(prefix, "__menu--hasNum-active"), activeMenuId === menu.id && menu.href === '#dynamic'))
-    }, feedNum > 100 ? '99+' : feedNum))));
+    }, menu.title, menu.href === "#dynamic" && feedNum > 0 && /*#__PURE__*/_react["default"].createElement("div", {
+      className: (0, _classnames["default"])("".concat(prefix, "__menu--hasNum"), _defineProperty({}, "".concat(prefix, "__menu--hasNum-active"), activeMenuId === menu.id && menu.href === "#dynamic"))
+    }, feedNum > 100 ? "99+" : feedNum))));
   };
 
   var renderRest = function renderRest(items) {
@@ -173,7 +173,7 @@ var Menu = function Menu(_ref) {
     }, items.map(function (menu) {
       var href = menu.href;
 
-      if (menu.title === 'Learning' || menu.code === 'learning') {
+      if (menu.title === "Learning" || menu.code === "learning") {
         href = "".concat(apiPath, "/").concat(href);
       }
 
@@ -194,7 +194,7 @@ var Menu = function Menu(_ref) {
       popupPlacement: "bottomLeft",
       popupAlign: popupAlign
     }, /*#__PURE__*/_react["default"].createElement("span", {
-      className: (0, _classnames["default"])('tu-icon-diot', "".concat(prefix, "__more-icon"), _defineProperty({}, "".concat(prefix, "__more-icon--active"), isActiveHideMeun))
+      className: (0, _classnames["default"])("tu-icon-diot", "".concat(prefix, "__more-icon"), _defineProperty({}, "".concat(prefix, "__more-icon--active"), isActiveHideMeun))
     }));
   };
 

package/lib/components/nav-top/index.css

@@ -175,6 +175,12 @@
   margin-bottom: 8px;
 }
 
+.titaui-nav-top__app-guide-version-content {
+  width: 100%;
+  color: #fff;
+  margin-bottom: 8px;
+}
+
 .titaui-nav-top-no-shadow {
   box-shadow: none;
 }

package/lib/components/nav-top/index.js

@@ -35,8 +35,20 @@ var _home = _interopRequireDefault(require("./images/home.svg"));
 
 var _utils = require("./utils");
 
+var _okrGuide = _interopRequireDefault(require("../okr-guide"));
+
+var _createOkrModal = _interopRequireDefault(require("../create-okr-modal"));
+
+var _bookDemo = _interopRequireDefault(require("../book-demo"));
+
+var _interface = require("../../components/help-card/interface");
+
+var _request2 = require("./request.apis");
+
 require("./index.css");
 
+var _excluded = ["hasSetting"];
+
 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); }
@@ -45,6 +57,10 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 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."); }
@@ -91,8 +107,38 @@ var NavTop = function NavTop() {
 
   var _useState7 = (0, _react.useState)(false),
       _useState8 = _slicedToArray(_useState7, 2),
-      summaryGuideVisible = _useState8[0],
-      setSummaryGuideVisible = _useState8[1];
+      appCenterPosition = _useState8[0],
+      setAppCenterPosition = _useState8[1];
+
+  var _useState9 = (0, _react.useState)(false),
+      _useState10 = _slicedToArray(_useState9, 2),
+      summaryGuideVisible = _useState10[0],
+      setSummaryGuideVisible = _useState10[1];
+
+  var _useState11 = (0, _react.useState)(false),
+      _useState12 = _slicedToArray(_useState11, 2),
+      versionGuideVisible = _useState12[0],
+      setVersionGuideVisible = _useState12[1];
+
+  var _useState13 = (0, _react.useState)(false),
+      _useState14 = _slicedToArray(_useState13, 2),
+      okrGuideVisible = _useState14[0],
+      setOkrGuideVisible = _useState14[1];
+
+  var _useState15 = (0, _react.useState)(false),
+      _useState16 = _slicedToArray(_useState15, 2),
+      createOkrModalVisible = _useState16[0],
+      setCreateokrModalVisible = _useState16[1];
+
+  var _useState17 = (0, _react.useState)(20220602),
+      _useState18 = _slicedToArray(_useState17, 2),
+      bookDemoSource = _useState18[0],
+      setBookDemoSource = _useState18[1];
+
+  var _useState19 = (0, _react.useState)(false),
+      _useState20 = _slicedToArray(_useState19, 2),
+      bookDemoVisible = _useState20[0],
+      setBookDemoVisible = _useState20[1];
 
   var ua = navigator.userAgent.toLowerCase();
   var showWxInvite = (0, _bsGlobal.getTenantInfo)().mainCorpId && ua.indexOf("micromessenger") !== -1;
@@ -159,7 +205,17 @@ var NavTop = function NavTop() {
     } else {
       setSummaryGuideVisible(true);
     }
-  }, []);
+  }, []); // 为了处理应用中心收起时 还没收起时 层级就消失了
+
+  (0, _react.useEffect)(function () {
+    if (appCenterVisible) {
+      setAppCenterPosition(true);
+    } else {
+      setTimeout(function () {
+        setAppCenterPosition(false);
+      }, 500);
+    }
+  }, [appCenterVisible]);
 
   var handleCloseSummaryGuide = function handleCloseSummaryGuide() {
     setSummaryGuideVisible(false);
@@ -171,9 +227,94 @@ var NavTop = function NavTop() {
     }
   };
 
+  var handleCloseVersionGuide = function handleCloseVersionGuide() {
+    setVersionGuideVisible(false);
+    var loginUserId = BSGlobal.loginUserInfo.Id;
+    var cacheIsKonw = localStorage.getItem("VersionGuide_".concat(loginUserId));
+
+    if (!cacheIsKonw) {
+      localStorage.setItem("VersionGuide_".concat(loginUserId), "".concat(loginUserId));
+    }
+  };
+
+  var handlerOnclickCreatOkr = function handlerOnclickCreatOkr() {
+    setOkrGuideVisible(false);
+    var newNavigation = (0, _bsGlobal.getBSGlobal)('newNavigation');
+    var okrMenuCode;
+    newNavigation.forEach(function (item) {
+      if (item.code === 'okr') {
+        okrMenuCode = item.children[0].id;
+      }
+    });
+    window.open('#/okr/manage?relation=1', '_self');
+    setActiveMenuId(okrMenuCode);
+    setCreateokrModalVisible(true);
+  };
+
+  var getBookDemoVersion = function getBookDemoVersion() {
+    var menuVersion = window.BSGlobal.tenantAuthentication.MenuVersion;
+
+    if (menuVersion === _interface.ETrialVersion.OKR) {
+      return _bookDemo["default"].DemoType.TryOKR;
+    }
+
+    if (menuVersion === _interface.ETrialVersion.Performance) {
+      return _bookDemo["default"].DemoType.TryPerformance;
+    }
+
+    return _bookDemo["default"].DemoType.UniversalBookDemo;
+  };
+
+  var asyncOpenBookDemoFun = function asyncOpenBookDemoFun() {
+    setTimeout(function () {
+      setBookDemoVisible(true);
+    }, 1000 * 30);
+    var cacheIsKonw = localStorage.getItem("VersionGuide_".concat(window.BSGlobal.loginUserInfo.Id));
+
+    if (cacheIsKonw) {
+      setVersionGuideVisible(false);
+    } else {
+      setVersionGuideVisible(true);
+    }
+  };
+
+  var isHasOkr = function isHasOkr() {
+    //判断是否安装了OKR
+    var okrIndex = window.BSGlobal.WebHead.AppHead.findIndex(function (item) {
+      return item.AppId === '113';
+    });
+
+    if (okrIndex !== -1) {
+      return true;
+    } else {
+      return false;
+    }
+  };
+
+  (0, _react.useEffect)(function () {
+    (0, _request2.getCycleSetting)().then(function (res) {
+      var hasSetting = res.hasSetting,
+          onthers = _objectWithoutProperties(res, _excluded);
+
+      if (!isHasOkr() && !hasSetting) {
+        console.log(hasSetting, '66666666633');
+        setOkrGuideVisible(true);
+      }
+    });
+  }, []);
   return /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])(preCls, _defineProperty({}, "".concat(preCls, "--position"), appCenterVisible), _defineProperty({}, "".concat(preCls, "-no-shadow"), appCenterVisible))
-  }, /*#__PURE__*/_react["default"].createElement("a", {
+    className: (0, _classnames["default"])(preCls, _defineProperty({}, "".concat(preCls, "--position"), appCenterPosition), _defineProperty({}, "".concat(preCls, "-no-shadow"), appCenterVisible))
+  }, /*#__PURE__*/_react["default"].createElement(_okrGuide["default"], {
+    visible: okrGuideVisible,
+    handlerOnclickCreatOkr: handlerOnclickCreatOkr
+  }), /*#__PURE__*/_react["default"].createElement(_createOkrModal["default"], {
+    visible: createOkrModalVisible,
+    asyncOpenBookDemoFun: asyncOpenBookDemoFun
+  }), /*#__PURE__*/_react["default"].createElement(_bookDemo["default"].BookDemoPC, {
+    visible: bookDemoVisible,
+    source: bookDemoSource,
+    type: getBookDemoVersion()
+  }), /*#__PURE__*/_react["default"].createElement("a", {
     className: "".concat(preCls, "__left"),
     href: "#dynamic"
   }, /*#__PURE__*/_react["default"].createElement("img", {
@@ -219,7 +360,17 @@ var NavTop = function NavTop() {
     className: "".concat(preCls, "__msg")
   }, /*#__PURE__*/_react["default"].createElement(_userMessage["default"], null)), versionInfo.Version === 1 && /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(preCls, "__version")
-  }, /*#__PURE__*/_react["default"].createElement(_version["default"], null)), /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react["default"].createElement(_guideTip["default"], {
+    visible: versionGuideVisible,
+    content: /*#__PURE__*/_react["default"].createElement("span", {
+      className: "".concat(preCls, "__app-guide-version-content")
+    }, "\uD83D\uDC46\u70B9\u51FB\u8FD9\u91CC\u5207\u6362\u7248\u672C"),
+    type: "button",
+    popupPlacement: "bottom",
+    classnames: "".concat(preCls, "__app-guide"),
+    onClickClose: handleCloseVersionGuide,
+    width: 180
+  }, /*#__PURE__*/_react["default"].createElement(_version["default"], null))), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(preCls, "__photo")
   }, /*#__PURE__*/_react["default"].createElement(_userOwnMenu["default"], null)), isUseNewMenu && /*#__PURE__*/_react["default"].createElement(_appCenter["default"], {
     appCenterVisible: appCenterVisible,

package/lib/components/nav-top/request.apis.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getTodos = exports.getReplys = exports.getReminds = exports.getMessages = exports.getInforms = exports.getData = exports.deleteReply = exports.clearReplys = exports.clearInforms = exports.changeLang = void 0;
+exports.getTodos = exports.getReplys = exports.getReminds = exports.getMessages = exports.getInforms = exports.getData = exports.getCycleSetting = exports.deleteReply = exports.clearReplys = exports.clearInforms = exports.changeLang = void 0;
 
 var _axios = _interopRequireDefault(require("axios"));
 
@@ -104,4 +104,12 @@ var changeLang = function changeLang(lang) {
   return (0, _request.rget)("v1")("multiLange/change?lang=".concat(lang));
 };
 
-exports.changeLang = changeLang;
+exports.changeLang = changeLang;
+
+var getCycleSetting = function getCycleSetting() {
+  return (0, _request.rget)('v1')('okr/cycleSetting').then(function (res) {
+    return res.Data;
+  });
+};
+
+exports.getCycleSetting = getCycleSetting;