@titaui/pc 1.13.3 → 1.13.6

package/lib/components/file-list/img/mind.svg

@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="28px" height="28px" viewBox="0 0 28 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>pdf-icon</title>
+    <defs>
+        <linearGradient x1="100%" y1="29.7818714%" x2="83.6208606%" y2="29.7818714%" id="linearGradient-1">
+            <stop stop-color="#33C7FF" offset="0%"></stop>
+            <stop stop-color="#009FDB" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="100%" x2="50%" y2="-2.48949813e-15%" id="linearGradient-2">
+            <stop stop-color="#12AFEA" offset="0%"></stop>
+            <stop stop-color="#94E2FF" offset="100%"></stop>
+        </linearGradient>
+        <filter x="-33.2%" y="-40.4%" width="166.4%" height="180.9%" filterUnits="objectBoundingBox" id="filter-3">
+            <feOffset dx="0" dy="0.8" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="0.4" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0.0705882353   0 0 0 0 0.68627451   0 0 0 0 0.917647059  0 0 0 0.8 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix>
+            <feMerge>
+                <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
+                <feMergeNode in="SourceGraphic"></feMergeNode>
+            </feMerge>
+        </filter>
+    </defs>
+    <g id="老图标" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="附件图标" transform="translate(-121.000000, -2045.000000)">
+            <g id="caret-left" transform="translate(100.000000, 2024.000000)">
+                <g id="pdf-icon" transform="translate(21.000000, 21.451613)">
+                    <rect id="矩形" x="0" y="0" width="28" height="27.0967742"></rect>
+                    <path d="M8.08888889,7.67741935 L23.6444445,7.67741935 C24.503554,7.67741935 25.2,8.3455386 25.2,9.16970547 L25.2,23.3464236 C25.2,24.1705905 24.503554,24.8387097 23.6444445,24.8387097 L8.08888889,24.8387097 C7.22977928,24.8387097 6.53333333,24.1705905 6.53333333,23.3464236 L6.53333333,9.16970547 C6.53333333,8.3455386 7.22977928,7.67741935 8.08888889,7.67741935 Z" id="蒙版备份" fill="url(#linearGradient-1)" fill-rule="nonzero"></path>
+                    <path d="M20.291358,2.25806452 C21.1313763,2.25806452 21.8123456,2.93204446 21.8123456,3.76344086 L21.8123456,23.3333334 C21.8123456,24.1647298 22.493315,24.8387097 23.3333333,24.8387097 L4.32098765,24.8387097 C3.48096937,24.8387097 2.8,24.1647298 2.8,23.3333334 L2.8,3.76344086 C2.8,2.93204446 3.48096937,2.25806452 4.32098765,2.25806452 L20.291358,2.25806452 Z" id="path-3" fill="url(#linearGradient-2)" fill-rule="nonzero"></path>
+                    <g id="编组-22" filter="url(#filter-3)" transform="translate(6.000000, 8.798387)">
+                        <path d="M7.13978495,4 L10.7397849,4 C11.1263843,4 11.4397849,4.31340068 11.4397849,4.7 C11.4397849,5.08659932 11.1263843,5.4 10.7397849,5.4 L7.13978495,5.4 C6.75318562,5.4 6.43978495,5.08659932 6.43978495,4.7 C6.43978495,4.31340068 6.75318562,4 7.13978495,4 Z" id="path-5" fill="#88DFFF" transform="translate(8.939785, 4.700000) rotate(-180.000000) translate(-8.939785, -4.700000) "></path>
+                        <path d="M2.80326654,4 C3.08544089,4 3.34002538,4.16942267 3.44897952,4.42971358 C4.42734177,6.76701638 5.41282979,7.91043659 6.29653021,7.99493445 L6.40207871,8 L10.7,8 C11.0865993,8 11.4,8.31340068 11.4,8.7 C11.4,9.05438271 11.1366564,9.34725823 10.7949859,9.39360983 L10.7,9.4 L6.40207871,9.4 C4.9177844,9.4 3.65980532,8.17244898 2.53985234,5.8267506 L2.343,5.4 L0.7,5.4 C0.345617286,5.4 0.0527417698,5.13665638 0.00639017493,4.79498585 L0,4.7 C0,4.34561729 0.263343623,4.05274177 0.605014146,4.00639017 L0.7,4 L2.80326654,4 Z" id="路径-2" fill="#FFFFFF" fill-rule="nonzero"></path>
+                        <path d="M2.80326654,0 C3.08544089,0 3.34002538,0.169422665 3.44897952,0.429713581 C4.42734177,2.76701638 5.41282979,3.91043659 6.29653021,3.99493445 L6.40207871,4 L10.7,4 C11.0865993,4 11.4,4.31340068 11.4,4.7 C11.4,5.05438271 11.1366564,5.34725823 10.7949859,5.39360983 L10.7,5.4 L6.40207871,5.4 C4.9177844,5.4 3.65980532,4.17244898 2.53985234,1.8267506 L2.343,1.4 L0.7,1.4 C0.345617286,1.4 0.0527417698,1.13665638 0.00639017493,0.794985854 L0,0.7 C0,0.345617286 0.263343623,0.0527417698 0.605014146,0.00639017493 L0.7,0 L2.80326654,0 Z" id="路径-2" fill="#FFFFFF" fill-rule="nonzero" transform="translate(5.700000, 2.700000) scale(1, -1) translate(-5.700000, -2.700000) "></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

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

@@ -55,7 +55,8 @@ var FileList = function FileList(_ref) {
       key: file.documentId + index,
       data: file,
       index: index,
-      showDownload: showDownload,
+      showDownload: showDownload && file.documentSource !== 5,
+      link: file.documentSource === 5,
       onPreview: handleImgPreview
     });
   }), /*#__PURE__*/_react["default"].createElement(_imgViewer["default"], {

package/lib/components/file-list/util.js

@@ -19,6 +19,12 @@ var _newFileListVideo = _interopRequireDefault(require("./img/new-file-list-vide
 
 var _newFileListXls = _interopRequireDefault(require("./img/new-file-list-xls.svg"));
 
+var _folder = _interopRequireDefault(require("./img/folder.svg"));
+
+var _form = _interopRequireDefault(require("./img/form.svg"));
+
+var _mind = _interopRequireDefault(require("./img/mind.svg"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var getFileTypeMapIcon = function getFileTypeMapIcon(fileType) {
@@ -36,7 +42,7 @@ var getFileTypeMapIcon = function getFileTypeMapIcon(fileType) {
   } else if (/^(avi|wmv|mov|mp4|rmvb)$/.test(fileType.toLowerCase())) {
     fileImg = _newFileListVideo["default"];
     backGroundColor = "#F5E6FF";
-  } else if (/^(pptx|ppt)$/.test(fileType.toLowerCase())) {
+  } else if (/^(pptx|ppt|slide)$/.test(fileType.toLowerCase())) {
     fileImg = _newFileListPpt["default"];
     backGroundColor = "#FFF5E6";
     canPreview = true;
@@ -44,7 +50,7 @@ var getFileTypeMapIcon = function getFileTypeMapIcon(fileType) {
     fileImg = _newFileListDoc["default"];
     backGroundColor = "#E6F0FF";
     canPreview = true;
-  } else if (/^(xls|xlsx)$/.test(fileType.toLowerCase())) {
+  } else if (/^(xls|xlsx|sheet)$/.test(fileType.toLowerCase())) {
     fileImg = _newFileListXls["default"];
     backGroundColor = "#E6FFF5";
     canPreview = true;
@@ -52,6 +58,18 @@ var getFileTypeMapIcon = function getFileTypeMapIcon(fileType) {
     fileImg = _newFileListPdf["default"];
     backGroundColor = "#FFE7E6";
     canPreview = true;
+  } else if (/^(folder)$/.test(fileType.toLowerCase())) {
+    fileImg = _folder["default"];
+    backGroundColor = "#FFF5E6";
+    canPreview = true;
+  } else if (/^(form)$/.test(fileType.toLowerCase())) {
+    fileImg = _form["default"];
+    backGroundColor = "#FFF5E6";
+    canPreview = true;
+  } else if (/^(mind)$/.test(fileType.toLowerCase())) {
+    fileImg = _mind["default"];
+    backGroundColor = "#E6F8FF";
+    canPreview = true;
   } else {
     fileImg = _newFileListOther["default"];
     backGroundColor = "#E6FCFF";

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

@@ -0,0 +1,44 @@
+.files-preview {
+  display: flex;
+  position: relative;
+}
+
+.files-preview > * + * {
+  margin-left: 10px;
+}
+
+.files-preview__cover {
+  width: 36px;
+  height: 36px;
+  flex-shrink: 0;
+}
+
+.files-preview__cover__img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  object-position: center;
+}
+
+.files-preview__content {
+  display: flex;
+  width: calc(100% - 36px);
+  flex-direction: column;
+}
+
+.files-preview__title {
+  max-width: 100%;
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 22px;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  width: max-content;
+}
+
+.files-preview__secondTitle {
+  font-size: 12px;
+  font-weight: 400;
+  color: #89919F;
+}

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 = 'files-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,37 @@
+.titaui-nav {
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.titaui-nav_item {
+  position: relative;
+  font-size: 14px;
+  font-weight: 400;
+  color: #89919F;
+  cursor: pointer;
+  transition: color .3s;
+  white-space: nowrap;
+}
+
+.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/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."); }
@@ -99,6 +115,31 @@ var NavTop = function NavTop() {
       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;
   var openWxInvite = (0, _react.useCallback)(function () {
@@ -186,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"), appCenterPosition), _defineProperty({}, "".concat(preCls, "-no-shadow"), appCenterVisible))
-  }, /*#__PURE__*/_react["default"].createElement("a", {
+  }, /*#__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", {
@@ -234,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;

package/lib/components/okr-guide/constant.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.cycleList = void 0;
+var cycleList = [{
+  id: 1,
+  name: '年度'
+}, {
+  id: 2,
+  name: '季度'
+}, {
+  id: 3,
+  name: '月度'
+}, {
+  id: 4,
+  name: '半年度'
+}, {
+  id: 5,
+  name: '双月'
+}];
+exports.cycleList = cycleList;