@titaui/pc 1.13.2-beta.11 → 1.13.2-beta.14

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

@@ -21,6 +21,8 @@ var _conditionRender = _interopRequireDefault(require("../../../../components/co
 
 var _useGlobalValue3 = _interopRequireDefault(require("../../useGlobalValue"));
 
+var _new = _interopRequireDefault(require("./img/new.svg"));
+
 require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -43,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: {
@@ -52,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,
@@ -73,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) {
@@ -82,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();
     }
   };
@@ -112,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);
     }
 
@@ -120,16 +122,44 @@ var Menu = function Menu(_ref) {
       component: "span"
     }, /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
       condition: menu.id
-    }, /*#__PURE__*/_react["default"].createElement("a", {
+    }, menu.href === NEWMENUS &&
+    /*#__PURE__*/
+    // <GuideTip
+    //   visible={guideVisible}
+    //   classnames={`${prefix}__guide`}
+    //   type="button"
+    //   content={
+    //     <span className={`${prefix}__guide-content`}>
+    //       {getLocale('Rep_NewS_SuyUgraOKR')}
+    //     </span>
+    //   }
+    //   popupAlign={{
+    //     offset: [0, 140],
+    //   }}
+    //   onClickClose={handleClickClose}
+    // >
+    _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",
+      onClick: function onClick() {
+        return handleTracker(menu);
+      }
+    }, menu.title, /*#__PURE__*/_react["default"].createElement("img", {
+      src: _new["default"],
+      alt: "",
+      className: "".concat(prefix, "__tips-new")
+    })) // </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,
       target: "_self",
       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) {
@@ -143,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);
       }
 
@@ -164,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."); }
@@ -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;

package/lib/components/okr-guide/index.css

@@ -0,0 +1,148 @@
+.titaui-ork-guide__wrap .rc-dialog {
+  width: 100%;
+  height: 100%;
+}
+
+.titaui-ork-guide__wrap .rc-dialog-content {
+  border-radius: 0;
+  height: 100%;
+}
+
+.titaui-ork-guide__wrap .rc-dialog-body {
+  height: 100%;
+}
+
+.titaui-ork-guide__bg {
+  position: relative;
+  height: 100%;
+  box-sizing: border-box;
+  background: linear-gradient(135deg, #9FBFFF 0%, #FEF7E5 65%, #FFFFFF 100%);
+}
+
+.titaui-ork-guide__bg::before {
+  content: '';
+  position: absolute;
+  top: 0px;
+  right: 172px;
+  width: 283px;
+  height: 128px;
+  background: rgba(240, 94, 94, 0.2);
+  filter: blur(50px);
+}
+
+.titaui-ork-guide__container {
+  position: relative;
+  height: 100%;
+  overflow: hidden;
+  overflow-y: scroll;
+  padding-top: 91px;
+  padding-bottom: 104px;
+  box-sizing: border-box;
+}
+
+.titaui-ork-guide__container::before {
+  content: '';
+  position: absolute;
+  bottom: 72px;
+  right: -237px;
+  width: 339px;
+  height: 359px;
+  background: rgba(0, 214, 133, 0.1);
+  filter: blur(48px);
+  z-index: 0;
+}
+
+.titaui-ork-guide__container__top {
+  font-size: 28px;
+  font-weight: normal;
+  color: #141C28;
+  line-height: 44px;
+  letter-spacing: 1px;
+  margin-bottom: 60px;
+  text-align: center;
+  font-weight: 600;
+}
+
+.titaui-ork-guide__container__card {
+  width: 874px;
+  height: 501px;
+  background: linear-gradient(270deg, #FFFFFF 0%, #FFFFFF 100%);
+  box-shadow: 0px 12px 24px 0px rgba(127, 145, 180, 0.08);
+  border-radius: 24px;
+  margin: 0 auto;
+  display: flex;
+  flex-direction: row;
+}
+
+.titaui-ork-guide__container__card__left {
+  width: 50%;
+  position: relative;
+  padding: 32px;
+  box-sizing: border-box;
+}
+
+.titaui-ork-guide__container__card__left img {
+  width: 370px;
+  height: 437px;
+}
+
+.titaui-ork-guide__container__card__left::before {
+  position: absolute;
+  content: '';
+  right: 0;
+  width: 1px;
+  height: 501px;
+  background: linear-gradient(20deg, rgba(233, 236, 240, 0) 0%, #D1D8E1 51%, rgba(233, 236, 240, 0) 100%);
+  border-radius: 24px;
+}
+
+.titaui-ork-guide__container__card__right {
+  width: 50%;
+  padding: 52px 52px 52px 38px;
+  box-sizing: border-box;
+}
+
+.titaui-ork-guide__container__card__right__title {
+  font-size: 20px;
+  color: #141C28;
+  line-height: 30px;
+  font-weight: 600;
+}
+
+.titaui-ork-guide__container__card__right__desc {
+  font-size: 14px;
+  font-weight: normal;
+  color: #6F7886;
+  line-height: 22px;
+  margin-top: 8px;
+}
+
+.titaui-ork-guide__container__card__right__checkbox {
+  padding-top: 28px;
+}
+
+.titaui-ork-guide__container__card__right__checkbox .titaui-switch {
+  margin-bottom: 20px;
+}
+
+.titaui-ork-guide__container__card__right__checkbox .titaui-switch-label {
+  display: inline-block;
+  width: 48px;
+  font-size: 16px;
+  font-weight: normal;
+  color: #141C28;
+  line-height: 24px;
+  margin-right: 20px;
+}
+
+.titaui-ork-guide__container__card__right__btn {
+  text-align: center;
+  margin-top: 48px;
+}
+
+.titaui-ork-guide__container__card__right__btn .tita-button-primary {
+  width: 190px;
+  height: 40px;
+  background: #2879FF;
+  border-radius: 20px;
+}