@titaui/pc 1.15.4 → 1.15.6-beta.2

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

@@ -170,6 +170,42 @@
   color: #ffffff;
 }
 
+.titaui-nav-top__invite-guide {
+  background-image: url("./images/invite-bkg.jpg"), url("./images/invite-person.jpg") !important;
+  background-repeat: no-repeat,no-repeat !important;
+  background-size: 87px 104px, 92px 53px !important;
+  background-position: 0% 0%,100% 100% !important;
+}
+
+.titaui-nav-top__invite-guide-content {
+  display: flex;
+  align-items: flex-start;
+}
+
+.titaui-nav-top__invite-guide-content-waring {
+  width: 18px;
+  margin-right: 6px;
+}
+
+.titaui-nav-top__invite-guide-content-point {
+  width: 14px;
+  margin-right: 8px;
+}
+
+.titaui-nav-top__invite-guide-content-title {
+  font-size: 14px;
+  color: #FFFFFF;
+  font-weight: 600;
+  line-height: 22px;
+}
+
+.titaui-nav-top__invite-guide-content-subTitle {
+  margin-top: 8px;
+  font-size: 12px;
+  color: #FFFFFF;
+  line-height: 22px;
+}
+
 .titaui-nav-top__app-guide-content {
   color: #fff;
   margin-bottom: 8px;

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

@@ -45,8 +45,18 @@ var _interface = require("../../components/help-card/interface");
 
 var _request2 = require("./request.apis");
 
+var _auth = require("../../utils/auth");
+
+var _invitePoint = _interopRequireDefault(require("./images/invite-point.png"));
+
+var _tooltip = _interopRequireDefault(require("../tooltip"));
+
+var _inviteTanhao = _interopRequireDefault(require("./images/invite-tanhao.png"));
+
 require("./index.css");
 
+var _getBSGlobal, _getBSGlobal2;
+
 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); }
@@ -67,12 +77,15 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
+var Role = new _auth.MyRole();
+var isTry = ((_getBSGlobal = (0, _bsGlobal.getBSGlobal)('tenantAuthentication')) === null || _getBSGlobal === void 0 ? void 0 : _getBSGlobal.Version) === 1;
+var staffCount = (_getBSGlobal2 = (0, _bsGlobal.getBSGlobal)('tenantInfo')) === null || _getBSGlobal2 === void 0 ? void 0 : _getBSGlobal2.StaffCount;
 var Logo = (0, _utils.getLogo)();
-var newNavigation = (0, _bsGlobal.getBSGlobal)("newNavigation") || [];
+var newNavigation = (0, _bsGlobal.getBSGlobal)('newNavigation') || [];
 var hasOKRApp = newNavigation.find(function (item) {
   return item.appId === 113;
 });
-var preCls = "titaui-nav-top";
+var preCls = 'titaui-nav-top';
 
 var NavTop = function NavTop() {
   var _classNames4;
@@ -87,7 +100,7 @@ var NavTop = function NavTop() {
       menu = _useState2[0],
       setMenu = _useState2[1];
 
-  var versionInfo = (0, _bsGlobal.getBSGlobal)("tenantAuthentication");
+  var versionInfo = (0, _bsGlobal.getBSGlobal)('tenantAuthentication');
 
   var _useState3 = (0, _react.useState)(-1),
       _useState4 = _slicedToArray(_useState3, 2),
@@ -134,25 +147,57 @@ var NavTop = function NavTop() {
       bookDemoVisible = _useState20[0],
       setBookDemoVisible = _useState20[1];
 
+  var _useState21 = (0, _react.useState)(true),
+      _useState22 = _slicedToArray(_useState21, 2),
+      inviteVisible = _useState22[0],
+      setInviteVisible = _useState22[1];
+
+  var _useState23 = (0, _react.useState)(true),
+      _useState24 = _slicedToArray(_useState23, 2),
+      inviteAuth = _useState24[0],
+      setInviteAuth = _useState24[1];
+
   var ua = navigator.userAgent.toLowerCase();
-  var showWxInvite = (0, _bsGlobal.getTenantInfo)().mainCorpId && ua.indexOf("micromessenger") !== -1;
+  var showWxInvite = (0, _bsGlobal.getTenantInfo)().mainCorpId && ua.indexOf('micromessenger') !== -1;
+  var showMangeAdd = !(0, _bsGlobal.getTenantInfo)().mainCorpId && ua.indexOf('micromessenger') !== -1 && isTry && Role.isSuperManager; // const canShowInvite = getTenantInfo().mainCorpId || Role.isSuperManager
+  // const showWxInvite =
+  //   getTenantInfo().Source === 860 &&
+  //   ua.indexOf('micromessenger') !== -1 &&
+  //   isTry && canShowInvite
+
+  var manageAdd = (0, _react.useCallback)(function () {
+    if (window.WeixinJSBridge !== undefined) {
+      window.WeixinJSBridge.invoke('openAppManage', {}, function (res) {
+        console.log(res.err_msg);
+
+        if (res.err_msg == 'openAppManage:ok') {// 调用成功
+        } else {
+          if (!inviteVisible) {
+            setInviteVisible(true);
+          }
+
+          setInviteAuth(false);
+        }
+      });
+    }
+  }, [inviteVisible]);
   var openWxInvite = (0, _react.useCallback)(function () {
     if (window.WeixinJSBridge !== undefined) {
-      window.WeixinJSBridge.invoke("selectPrivilegedContact", {
+      window.WeixinJSBridge.invoke('selectPrivilegedContact', {
         fromDepartmentId: -1,
         // 必填，表示打开的通讯录从指定的部门开始展示，-1表示自己所在部门开始, 0表示从最上层开始
-        mode: "multi",
+        mode: 'multi',
         // 必填，选择模式，single表示单选，multi表示多选
         selectedContextContact: 0 // 是否勾选当前环境的参与者。例如在群+号聊天附件栏打开，默认勾选当前群成员。
 
       }, function (res) {
-        if (res.err_msg === "selectPrivilegedContact:ok") {
-          var selectedTicket = res.result.selectedTicket.replace(/['"]/g, ""); // 已选的集合Ticket
+        if (res.err_msg === 'selectPrivilegedContact:ok') {
+          var selectedTicket = res.result.selectedTicket.replace(/['"]/g, ''); // 已选的集合Ticket
 
-          (0, _request.rpost)("v1")("wx/send/templateMessage?selectedTickets=".concat(selectedTicket)).then(function () {
-            _toast["default"].Success("邀请成功");
+          (0, _request.rpost)('v1')("wx/send/templateMessage?selectedTickets=".concat(selectedTicket)).then(function () {
+            _toast["default"].Success('邀请成功');
           })["catch"](function () {
-            _toast["default"].Error("邀请失败");
+            _toast["default"].Error('邀请失败');
           });
         } else {// console.log(res);
         }
@@ -162,16 +207,16 @@ var NavTop = function NavTop() {
 
   var handleHashChange = function handleHashChange() {
     setAppCenterVisible(false);
-    var hash = window.location.hash.split("?")[0] || "";
+    var hash = window.location.hash.split('?')[0] || '';
 
     if (hash) {
       var activeMenu = menu.find(function (item) {
         var _item$href$split, _item$href$split$;
 
-        return hash.includes((_item$href$split = item.href.split("#")) === null || _item$href$split === void 0 ? void 0 : (_item$href$split$ = _item$href$split[1]) === null || _item$href$split$ === void 0 ? void 0 : _item$href$split$.split("?")[0]);
+        return hash.includes((_item$href$split = item.href.split('#')) === null || _item$href$split === void 0 ? void 0 : (_item$href$split$ = _item$href$split[1]) === null || _item$href$split$ === void 0 ? void 0 : _item$href$split$.split('?')[0]);
       });
 
-      if (hash.includes("homepage")) {
+      if (hash.includes('homepage')) {
         setActiveMenuId(99999);
         return;
       }
@@ -186,9 +231,9 @@ var NavTop = function NavTop() {
 
   (0, _react.useEffect)(function () {
     handleHashChange();
-    window.addEventListener("hashchange", handleHashChange);
+    window.addEventListener('hashchange', handleHashChange);
     return function () {
-      window.removeEventListener("hashchange", handleHashChange);
+      window.removeEventListener('hashchange', handleHashChange);
     };
   }, [menu]);
   (0, _react.useEffect)(function () {
@@ -211,6 +256,10 @@ var NavTop = function NavTop() {
     }
   }, [appCenterVisible]);
 
+  var handleCloseInviteGuide = function handleCloseInviteGuide() {
+    setInviteVisible(false);
+  };
+
   var handleCloseSummaryGuide = function handleCloseSummaryGuide() {
     setSummaryGuideVisible(false);
     var loginUserId = BSGlobal.loginUserInfo.Id;
@@ -272,6 +321,36 @@ var NavTop = function NavTop() {
     }
   };
 
+  var renderInviteContent = (0, _react.useCallback)(function () {
+    var title = '你没有权限，快去联系企业微信超级管理员操';
+    if (!inviteAuth) return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "".concat(preCls, "__invite-guide-content")
+    }, /*#__PURE__*/_react["default"].createElement("img", {
+      src: _inviteTanhao["default"],
+      alt: "",
+      className: "".concat(preCls, "__invite-guide-content-waring")
+    }), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "".concat(preCls, "__invite-guide-content-right")
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "".concat(preCls, "__invite-guide-content-title")
+    }, title)));
+    title = showMangeAdd ? '点击这里进入企业微信后台，添加公司员工，体验更多功能' : '邀请同事一起体验吧';
+    var subtitle = '试用 7 天内成功邀请 3 人加入，即可免费开启试用 OKR 案例库';
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "".concat(preCls, "__invite-guide-content")
+    }, /*#__PURE__*/_react["default"].createElement("img", {
+      src: _invitePoint["default"],
+      alt: "",
+      className: "".concat(preCls, "__invite-guide-content-point")
+    }), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "".concat(preCls, "__invite-guide-content-right")
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "".concat(preCls, "__invite-guide-content-title")
+    }, title), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "".concat(preCls, "__invite-guide-content-subTitle")
+    }, subtitle)));
+  }, [inviteAuth]);
+
   var isHasOkr = function isHasOkr() {
     //判断是否安装了OKR
     var okrIndex = (0, _bsGlobal.getBSGlobal)('WebHead').AppHead.findIndex(function (item) {
@@ -288,9 +367,9 @@ var NavTop = function NavTop() {
   (0, _react.useEffect)(function () {
     var version = (0, _bsGlobal.getBSGlobal)('tenantAuthentication').Version;
     if (localStorage.getItem("cycle_setting_stop_show".concat((0, _bsGlobal.getUserInfo)().Id)) === 'true') return;
-    localStorage.removeItem("OKR_CYCLE_SETTING");
+    localStorage.removeItem('OKR_CYCLE_SETTING');
     (0, _request2.getCycleSetting)().then(function (res) {
-      localStorage.setItem("OKR_CYCLE_SETTING", JSON.stringify(res || {}));
+      localStorage.setItem('OKR_CYCLE_SETTING', JSON.stringify(res || {}));
       var hasSetting = res.hasSetting;
 
       if (version === 1 && isHasOkr() && !hasSetting) {
@@ -328,7 +407,7 @@ var NavTop = function NavTop() {
     onClickClose: handleCloseSummaryGuide,
     width: 197
   }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: (0, _classnames["default"])("".concat(preCls, "__left-app-center"), "document-mouse-event-ignore", _defineProperty({}, "".concat(preCls, "__left-app-center--active"), appCenterVisible)),
+    className: (0, _classnames["default"])("".concat(preCls, "__left-app-center"), 'document-mouse-event-ignore', _defineProperty({}, "".concat(preCls, "__left-app-center--active"), appCenterVisible)),
     onClick: function onClick() {
       return setAppCenterVisible(!appCenterVisible);
     }
@@ -339,7 +418,63 @@ var NavTop = function NavTop() {
   }, /*#__PURE__*/_react["default"].createElement(_menu["default"], {
     menus: menu,
     activeMenuId: activeMenuId
-  })), hasOKRApp && /*#__PURE__*/_react["default"].createElement("div", {
+  })), showWxInvite && (staffCount > 3 ? /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+    overlay: '邀请同事',
+    placement: "bottom",
+    align: {
+      offset: [0, 5]
+    }
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__invite"),
+    onClick: openWxInvite
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: (0, _classnames["default"])('tu-icon-add-people', "".concat(preCls, "__invite-icon"))
+  }))) : /*#__PURE__*/_react["default"].createElement(_guideTip["default"], {
+    visible: inviteVisible,
+    content: renderInviteContent(),
+    type: inviteAuth ? 'default' : 'button',
+    popupPlacement: "bottom",
+    classnames: inviteAuth ? "".concat(preCls, "__invite-guide") : '',
+    onClickClose: handleCloseInviteGuide,
+    popupAlign: {
+      offset: [0, 5]
+    },
+    zIndex: 1000,
+    width: 308
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__invite"),
+    onClick: openWxInvite
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: (0, _classnames["default"])('tu-icon-add-people', "".concat(preCls, "__invite-icon"))
+  })))), showMangeAdd && (staffCount > 3 && inviteAuth ? /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+    overlay: '添加员工',
+    placement: "bottom",
+    align: {
+      offset: [0, 5]
+    }
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__invite"),
+    onClick: manageAdd
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: (0, _classnames["default"])('tu-icon-add-people', "".concat(preCls, "__invite-icon"))
+  }))) : /*#__PURE__*/_react["default"].createElement(_guideTip["default"], {
+    visible: inviteVisible,
+    content: renderInviteContent(),
+    type: inviteAuth ? 'default' : 'button',
+    popupPlacement: "bottom",
+    classnames: inviteAuth ? "".concat(preCls, "__invite-guide") : '',
+    onClickClose: handleCloseInviteGuide,
+    popupAlign: {
+      offset: [0, 5]
+    },
+    zIndex: 1000,
+    width: 308
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__invite"),
+    onClick: manageAdd
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: (0, _classnames["default"])('tu-icon-add-people', "".concat(preCls, "__invite-icon"))
+  })))), hasOKRApp && /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(preCls, "__left-home"), (_classNames4 = {}, _defineProperty(_classNames4, "".concat(preCls, "__left-home--active"), activeMenuId === 99999), _defineProperty(_classNames4, "".concat(preCls, "__left-home--hover"), hasOKRApp), _classNames4))
   }, /*#__PURE__*/_react["default"].createElement("a", {
     href: "#homepage"
@@ -347,12 +482,7 @@ var NavTop = function NavTop() {
     alt: "home-img",
     src: _home["default"],
     className: "".concat(preCls, "__left-home-img")
-  }))), showWxInvite && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(preCls, "__invite"),
-    onClick: openWxInvite
-  }, /*#__PURE__*/_react["default"].createElement("i", {
-    className: (0, _classnames["default"])("tu-icon-add-people", "".concat(preCls, "__invite-icon"))
-  })), /*#__PURE__*/_react["default"].createElement("div", {
+  }))), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(preCls, "__msg")
   }, /*#__PURE__*/_react["default"].createElement(_userMessage["default"], null)), versionInfo.Version === 1 && /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(preCls, "__version")

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@titaui/pc",
-  "version": "1.15.4",
+  "version": "1.15.6-beta.2",
   "nameCN": "",
   "description": "",
   "main": "lib/index.js",