@titaui/pc 1.10.81 → 1.10.82-beta.4

package/lib/components/drawer/index.js

@@ -122,7 +122,8 @@ function DrawerHeader(_ref) {
       actionMaxCount = _ref$actionMaxCount === void 0 ? 4 : _ref$actionMaxCount,
       content = _ref.content,
       style = _ref.style,
-      onClose = _ref.onClose;
+      onClose = _ref.onClose,
+      actionComponent = _ref.actionComponent;
   var drawer = (0, _react.useContext)(DrawerContext);
   var manager = (0, _react.useContext)(_context["default"]);
   var showClose = closable && (!!onClose || !!drawer);
@@ -151,7 +152,7 @@ function DrawerHeader(_ref) {
     style: {
       flex: 1
     }
-  }), displayActions.map(function (action) {
+  }), /*#__PURE__*/_react["default"].createElement("div", null, actionComponent), displayActions.map(function (action) {
     return /*#__PURE__*/_react["default"].createElement(_headerAction["default"], action);
   }), !!collapsedActions.length && /*#__PURE__*/_react["default"].createElement(_headerAction["default"], {
     title: (0, _getLocale.getLocale)("Mod_MoreOperate"),

package/lib/components/okr-detail/detail-header/actions.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getOkrHeadActions = getOkrHeadActions;
 
-var _dayjs = _interopRequireDefault(require("dayjs"));
-
 var _bsGlobal = require("../../../utils/bs-global");
 
 var _auth = require("../../../utils/auth");
@@ -15,36 +13,12 @@ var _enums = require("./enums");
 
 var _getLocale = require("../../../utils/getLocale");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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 getOkrHeadActions(data) {
-  var actions = [];
-  var auth = new _auth.OAuth({
-    principalUser: data.principalUser,
-    createUserId: data.detailInfo.createUserId
-  });
-
-  var dataWithAuth = _objectSpread(_objectSpread({}, data), {}, {
-    auth: auth
-  });
-
-  addShareButton(dataWithAuth, actions);
-  addVisibilityButton(dataWithAuth, actions);
-  addFollowButton(dataWithAuth, actions);
-  addExitButton(dataWithAuth, actions);
-  addFinishOrReopenButton(dataWithAuth, actions);
-  addCopyButton(dataWithAuth, actions);
-  addDeleteButton(dataWithAuth, actions); // addDetailButton(dataWithAuth,actions)
-
-  return actions;
-}
-
 var addShareButton = function addShareButton(_ref, actions) {
   var openShareModal = _ref.openShareModal;
   actions.push({
@@ -81,10 +55,10 @@ var addVisibilityButton = function addVisibilityButton(_ref2, actions) {
     }
   }];
 
-  var editable = auth.hasAuth() && detailInfo.status == _enums.OkrStatus.inProgress;
+  var editable = auth.hasAuth() && detailInfo.status === _enums.OkrStatus.inProgress;
 
   actions.push({
-    icon: visibility != 1 ? "tu-icon-simi-icon" : "tu-icon-gongkai",
+    icon: visibility !== 1 ? "tu-icon-simi-icon" : "tu-icon-gongkai",
     title: children[visibility - 1].title + (0, _getLocale.getLocale)("OKR_MyO_Text_Visible"),
     children: editable ? children : null
   });
@@ -92,7 +66,6 @@ var addVisibilityButton = function addVisibilityButton(_ref2, actions) {
 
 var addFollowButton = function addFollowButton(_ref3, actions) {
   var roleType = _ref3.roleType,
-      detailInfo = _ref3.detailInfo,
       onChangeOkrFollow = _ref3.onChangeOkrFollow;
 
   // 未开启关注目标功能
@@ -101,12 +74,12 @@ var addFollowButton = function addFollowButton(_ref3, actions) {
   } // 是负责人或是内部成员不能关注目标
 
 
-  if (roleType == _enums.OkrRole.principal || roleType == _enums.OkrRole.member) {
+  if (roleType === _enums.OkrRole.principal || roleType === _enums.OkrRole.member) {
     return;
   } // 已关注目标
 
 
-  if (roleType == _enums.OkrRole.follower) {
+  if (roleType === _enums.OkrRole.follower) {
     actions.push({
       icon: "okr-drawer-header-followed",
       title: (0, _getLocale.getLocale)("OKR_MyO_Butt_Unfollow"),
@@ -131,7 +104,7 @@ var addExitButton = function addExitButton(_ref4, actions) {
   var roleType = _ref4.roleType,
       onQuit = _ref4.onQuit;
 
-  if (roleType == _enums.OkrRole.member) {
+  if (roleType === _enums.OkrRole.member) {
     actions.push({
       icon: "tu-icon-tuichu",
       title: (0, _getLocale.getLocale)("Pro_Admin_pop_Withdraw"),
@@ -146,7 +119,7 @@ var addFinishOrReopenButton = function addFinishOrReopenButton(_ref5, actions) {
       onFinishOrReOpen = _ref5.onFinishOrReOpen;
   if (!auth.hasAuth()) return;
 
-  if (detailInfo.status == _enums.OkrStatus.inProgress) {
+  if (detailInfo.status === _enums.OkrStatus.inProgress) {
     actions.push({
       icon: "tu-icon-liebiao-jieshu",
       title: (0, _getLocale.getLocale)("OKR_MyO_EndObjective"),
@@ -185,16 +158,39 @@ var addDeleteButton = function addDeleteButton(_ref7, actions) {
     title: (0, _getLocale.getLocale)("OKR_MyO_Butt_DeleteO"),
     onClick: onDeleteOkr
   });
-};
+}; // const addDetailButton: ActionDealFunction = ({ detailInfo }, actions) => {
+//   const registerDate = window.BSGlobal.tenantAuthentication.StartDate;
+//   dayjs(registerDate).year() < 2021
+//     && actions.push({
+//       icon: "tu-icon-xiangqing1",
+//       title: "目标详情",
+//       onClick: () => {
+//         window.open(
+//           `${location.pathname}#okr/manage?work_id=${detailInfo.workId}`,
+//         );
+//       },
+//     });
+// };
 
-var addDetailButton = function addDetailButton(_ref8, actions) {
-  var detailInfo = _ref8.detailInfo;
-  var registerDate = window.BSGlobal.tenantAuthentication.StartDate;
-  (0, _dayjs["default"])(registerDate).year() < 2021 && actions.push({
-    icon: "tu-icon-xiangqing1",
-    title: "目标详情",
-    onClick: function onClick() {
-      window.open("".concat(location.pathname, "#okr/manage?work_id=").concat(detailInfo.workId));
-    }
+
+function getOkrHeadActions(data) {
+  var actions = [];
+  var auth = new _auth.OAuth({
+    principalUser: data.principalUser,
+    createUserId: data.detailInfo.createUserId
   });
-};
+
+  var dataWithAuth = _objectSpread(_objectSpread({}, data), {}, {
+    auth: auth
+  });
+
+  addShareButton(dataWithAuth, actions);
+  addVisibilityButton(dataWithAuth, actions);
+  addFollowButton(dataWithAuth, actions);
+  addExitButton(dataWithAuth, actions);
+  addFinishOrReopenButton(dataWithAuth, actions);
+  addCopyButton(dataWithAuth, actions);
+  addDeleteButton(dataWithAuth, actions); // addDetailButton(dataWithAuth,actions)
+
+  return actions;
+}

package/lib/components/okr-detail/detail-header/index.css

@@ -5,7 +5,7 @@
 .okr-detail-head-parent {
   display: flex;
   align-items: center;
-  color: #89919F;
+  color: #89919f;
 }
 
 .okr-detail-head-parent .tu-icon-liebiao-duiqinubiao {
@@ -23,5 +23,5 @@
 }
 
 .okr-detail-head-parent > span:hover {
-  color: #2879FF;
+  color: #2879ff;
 }

package/lib/components/okr-detail/detail-header/index.js

@@ -19,6 +19,8 @@ var _actions = require("./actions");
 
 var _confirm = _interopRequireDefault(require("./confirm"));
 
+var _wechatBtn = _interopRequireDefault(require("../../wechat-btn"));
+
 var _toast = _interopRequireDefault(require("../../toast"));
 
 var _requestApis = require("../request-apis");
@@ -109,7 +111,7 @@ function OkrDetailHeader(_ref) {
               }));
 
             case 3:
-              _toast["default"].Success((0, _getLocale.getLocale)("Mod_Successfuloperat"));
+              _toast["default"].Success((0, _getLocale.getLocale)('Mod_Successfuloperat'));
 
               context.setGeneralVisibility({
                 visibility: visibility,
@@ -132,229 +134,232 @@ function OkrDetailHeader(_ref) {
     setShareVisible(false);
   }, []);
   var actions = (0, _react.useMemo)(function () {
-    if (!detailInfo) return [];
-    return (0, _actions.getOkrHeadActions)({
-      roleType: context.generalRoleType,
-      principalUser: context.generalPrincipalUser,
-      visibility: context.generalVisibility.visibility,
-      detailInfo: detailInfo,
-      openShareModal: function () {
-        var _openShareModal = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
-          var krss;
-          return regeneratorRuntime.wrap(function _callee2$(_context2) {
-            while (1) {
-              switch (_context2.prev = _context2.next) {
-                case 0:
-                  _context2.next = 2;
-                  return (0, _requestApis.getKrs)({
-                    okrId: detailInfo.workId
-                  });
-
-                case 2:
-                  krss = _context2.sent;
-                  setKrs(krss);
-                  setShareVisible(true);
-
-                case 5:
-                case "end":
-                  return _context2.stop();
+    if (!detailInfo) {
+      return [];
+    } else {
+      return (0, _actions.getOkrHeadActions)({
+        roleType: context.generalRoleType,
+        principalUser: context.generalPrincipalUser,
+        visibility: context.generalVisibility.visibility,
+        detailInfo: detailInfo,
+        openShareModal: function () {
+          var _openShareModal = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
+            var krss;
+            return regeneratorRuntime.wrap(function _callee2$(_context2) {
+              while (1) {
+                switch (_context2.prev = _context2.next) {
+                  case 0:
+                    _context2.next = 2;
+                    return (0, _requestApis.getKrs)({
+                      okrId: detailInfo.workId
+                    });
+
+                  case 2:
+                    krss = _context2.sent;
+                    setKrs(krss);
+                    setShareVisible(true);
+
+                  case 5:
+                  case "end":
+                    return _context2.stop();
+                }
               }
-            }
-          }, _callee2);
-        }));
-
-        function openShareModal() {
-          return _openShareModal.apply(this, arguments);
-        }
+            }, _callee2);
+          }));
 
-        return openShareModal;
-      }(),
-      changeVisiblilty: function changeVisiblilty(visibility) {
-        if (visibility === 4) {
-          if (userSelectRef.current) {
-            userSelectRef.current.open();
+          function openShareModal() {
+            return _openShareModal.apply(this, arguments);
           }
 
-          return;
-        }
-
-        changVisiblity(detailInfo.workId, visibility);
-      },
-      onDeleteOkr: function onDeleteOkr(e) {
-        popRef.current.getRef().show(e.target);
-      },
-      onCopyOkr: function onCopyOkr() {
-        // @ts-ignore
-        window.openCopyOkrModal({
-          okrId: detailInfo.workId,
-          okrType: detailInfo.okrType
-        });
-      },
-      onChangeOkrFollow: function () {
-        var _onChangeOkrFollow = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3(follow) {
-          var res;
-          return regeneratorRuntime.wrap(function _callee3$(_context3) {
-            while (1) {
-              switch (_context3.prev = _context3.next) {
-                case 0:
-                  _context3.next = 2;
-                  return (0, _confirm["default"])(follow ? (0, _getLocale.getLocale)("OKR_MyO_Err_Focuson") : (0, _getLocale.getLocale)("OKR_MyO_Err_Unfollow"), follow ? (0, _getLocale.getLocale)("OKR_MyO_Err_Payatten") : (0, _getLocale.getLocale)("OKR_MyO_Err_Progress"));
-
-                case 2:
-                  res = _context3.sent;
+          return openShareModal;
+        }(),
+        changeVisiblilty: function changeVisiblilty(visibility) {
+          if (visibility === 4) {
+            if (userSelectRef.current) {
+              userSelectRef.current.open();
+            }
 
-                  if (!res) {
-                    _context3.next = 14;
-                    break;
-                  }
+            return;
+          }
 
-                  if (!follow) {
-                    _context3.next = 9;
+          changVisiblity(detailInfo.workId, visibility);
+        },
+        onDeleteOkr: function onDeleteOkr(e) {
+          popRef.current.getRef().show(e.target);
+        },
+        onCopyOkr: function onCopyOkr() {
+          // @ts-ignore
+          window.openCopyOkrModal({
+            okrId: detailInfo.workId,
+            okrType: detailInfo.okrType
+          });
+        },
+        onChangeOkrFollow: function () {
+          var _onChangeOkrFollow = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3(follow) {
+            var res;
+            return regeneratorRuntime.wrap(function _callee3$(_context3) {
+              while (1) {
+                switch (_context3.prev = _context3.next) {
+                  case 0:
+                    _context3.next = 2;
+                    return (0, _confirm["default"])(follow ? (0, _getLocale.getLocale)('OKR_MyO_Err_Focuson') : (0, _getLocale.getLocale)('OKR_MyO_Err_Unfollow'), follow ? (0, _getLocale.getLocale)('OKR_MyO_Err_Payatten') : (0, _getLocale.getLocale)('OKR_MyO_Err_Progress'));
+
+                  case 2:
+                    res = _context3.sent;
+
+                    if (!res) {
+                      _context3.next = 14;
+                      break;
+                    }
+
+                    if (!follow) {
+                      _context3.next = 9;
+                      break;
+                    }
+
+                    _context3.next = 7;
+                    return (0, _requestApis.addUser)(loginUserId, detailInfo.workId, 3);
+
+                  case 7:
+                    _context3.next = 11;
                     break;
-                  }
-
-                  _context3.next = 7;
-                  return (0, _requestApis.addUser)(loginUserId, detailInfo.workId, 3);
 
-                case 7:
-                  _context3.next = 11;
-                  break;
+                  case 9:
+                    _context3.next = 11;
+                    return (0, _requestApis.deleteUser)(loginUserId, detailInfo.workId, 3);
 
-                case 9:
-                  _context3.next = 11;
-                  return (0, _requestApis.deleteUser)(loginUserId, detailInfo.workId, 3);
+                  case 11:
+                    context.setGeneralRoleType(follow ? 3 : 0); // 关注
 
-                case 11:
-                  context.setGeneralRoleType(follow ? 3 : 0); // 关注
+                    _toast["default"].Success((0, _getLocale.getLocale)('Mod_Successfuloperat'));
 
-                  _toast["default"].Success((0, _getLocale.getLocale)("Mod_Successfuloperat"));
+                    if (!follow) {
+                      commonContext.refreshAll();
+                    }
 
-                  if (!follow) {
-                    commonContext.refreshAll();
-                  }
-
-                case 14:
-                case "end":
-                  return _context3.stop();
+                  case 14:
+                  case "end":
+                    return _context3.stop();
+                }
               }
-            }
-          }, _callee3);
-        }));
-
-        function onChangeOkrFollow(_x3) {
-          return _onChangeOkrFollow.apply(this, arguments);
-        }
+            }, _callee3);
+          }));
 
-        return onChangeOkrFollow;
-      }(),
-      onFinishOrReOpen: function () {
-        var _onFinishOrReOpen = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4(isFinish) {
-          var res;
-          return regeneratorRuntime.wrap(function _callee4$(_context4) {
-            while (1) {
-              switch (_context4.prev = _context4.next) {
-                case 0:
-                  _context4.next = 2;
-                  return (0, _confirm["default"])(isFinish ? (0, _getLocale.getLocale)("OKR_MyO_Areycloseobjective") : (0, _getLocale.getLocale)("OKR_MyO_Err_Restart"));
-
-                case 2:
-                  res = _context4.sent;
-
-                  if (!res) {
-                    _context4.next = 13;
-                    break;
-                  }
+          function onChangeOkrFollow(_x3) {
+            return _onChangeOkrFollow.apply(this, arguments);
+          }
 
-                  if (!isFinish) {
-                    _context4.next = 9;
+          return onChangeOkrFollow;
+        }(),
+        onFinishOrReOpen: function () {
+          var _onFinishOrReOpen = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4(isFinish) {
+            var res;
+            return regeneratorRuntime.wrap(function _callee4$(_context4) {
+              while (1) {
+                switch (_context4.prev = _context4.next) {
+                  case 0:
+                    _context4.next = 2;
+                    return (0, _confirm["default"])(isFinish ? (0, _getLocale.getLocale)('OKR_MyO_Areycloseobjective') : (0, _getLocale.getLocale)('OKR_MyO_Err_Restart'));
+
+                  case 2:
+                    res = _context4.sent;
+
+                    if (!res) {
+                      _context4.next = 13;
+                      break;
+                    }
+
+                    if (!isFinish) {
+                      _context4.next = 9;
+                      break;
+                    }
+
+                    _context4.next = 7;
+                    return (0, _requestApis.close)(detailInfo.workId);
+
+                  case 7:
+                    _context4.next = 11;
                     break;
-                  }
-
-                  _context4.next = 7;
-                  return (0, _requestApis.close)(detailInfo.workId);
 
-                case 7:
-                  _context4.next = 11;
-                  break;
+                  case 9:
+                    _context4.next = 11;
+                    return (0, _requestApis.start)(detailInfo.workId);
 
-                case 9:
-                  _context4.next = 11;
-                  return (0, _requestApis.start)(detailInfo.workId);
+                  case 11:
+                    commonContext.refreshAll(); // 刷新
 
-                case 11:
-                  commonContext.refreshAll(); // 刷新
+                    _toast["default"].Success((0, _getLocale.getLocale)('Mod_Successfuloperat'));
 
-                  _toast["default"].Success((0, _getLocale.getLocale)("Mod_Successfuloperat"));
-
-                case 13:
-                case "end":
-                  return _context4.stop();
+                  case 13:
+                  case "end":
+                    return _context4.stop();
+                }
               }
-            }
-          }, _callee4);
-        }));
+            }, _callee4);
+          }));
 
-        function onFinishOrReOpen(_x4) {
-          return _onFinishOrReOpen.apply(this, arguments);
-        }
-
-        return onFinishOrReOpen;
-      }(),
-      onQuit: function () {
-        var _onQuit = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee5() {
-          var res;
-          return regeneratorRuntime.wrap(function _callee5$(_context5) {
-            while (1) {
-              switch (_context5.prev = _context5.next) {
-                case 0:
-                  _context5.next = 2;
-                  return (0, _confirm["default"])((0, _getLocale.getLocale)("OKR_MyO_Err_Quit"), (0, _getLocale.getLocale)("OKR_MyO_Err_Inchargec"));
-
-                case 2:
-                  res = _context5.sent;
-
-                  if (!res) {
-                    _context5.next = 8;
-                    break;
-                  }
-
-                  _context5.next = 6;
-                  return (0, _requestApis.deleteUser)(loginUserId, detailInfo.workId, 2);
-
-                case 6:
-                  // context.setGeneralRoleType(0)
-                  commonContext.refreshAll(); // 刷新
-
-                  _toast["default"].Success((0, _getLocale.getLocale)("Mod_Successfuloperat"));
+          function onFinishOrReOpen(_x4) {
+            return _onFinishOrReOpen.apply(this, arguments);
+          }
 
-                case 8:
-                case "end":
-                  return _context5.stop();
+          return onFinishOrReOpen;
+        }(),
+        onQuit: function () {
+          var _onQuit = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee5() {
+            var res;
+            return regeneratorRuntime.wrap(function _callee5$(_context5) {
+              while (1) {
+                switch (_context5.prev = _context5.next) {
+                  case 0:
+                    _context5.next = 2;
+                    return (0, _confirm["default"])((0, _getLocale.getLocale)('OKR_MyO_Err_Quit'), (0, _getLocale.getLocale)('OKR_MyO_Err_Inchargec'));
+
+                  case 2:
+                    res = _context5.sent;
+
+                    if (!res) {
+                      _context5.next = 8;
+                      break;
+                    }
+
+                    _context5.next = 6;
+                    return (0, _requestApis.deleteUser)(loginUserId, detailInfo.workId, 2);
+
+                  case 6:
+                    // context.setGeneralRoleType(0)
+                    commonContext.refreshAll(); // 刷新
+
+                    _toast["default"].Success((0, _getLocale.getLocale)('Mod_Successfuloperat'));
+
+                  case 8:
+                  case "end":
+                    return _context5.stop();
+                }
               }
-            }
-          }, _callee5);
-        }));
+            }, _callee5);
+          }));
 
-        function onQuit() {
-          return _onQuit.apply(this, arguments);
-        }
+          function onQuit() {
+            return _onQuit.apply(this, arguments);
+          }
 
-        return onQuit;
-      }()
-    });
+          return onQuit;
+        }()
+      });
+    }
   }, [detailInfo, context.generalRoleType, context.generalPrincipalUser, context.generalVisibility.visibility]);
   var parent = null;
 
   if (context.generalParent) {
     if (context.generalParent.parentKr) {
       parent = {
-        type: "kr",
+        type: 'kr',
         id: context.generalParent.parentKr.mileStoneId,
         name: context.generalParent.parentKr.mileStoneName
       };
     } else if (context.generalParent.parentOkr) {
       parent = {
-        type: "okr",
+        type: 'okr',
         id: context.generalParent.parentOkr.workId,
         name: context.generalParent.parentOkr.workName
       };
@@ -363,19 +368,24 @@ function OkrDetailHeader(_ref) {
 
   return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_drawer["default"].Header, {
     actions: actions,
+    actionComponent: /*#__PURE__*/_react["default"].createElement(_wechatBtn["default"], {
+      id: detailInfo.workId,
+      objType: 62,
+      name: detailInfo.workName
+    }),
     content: parent ? /*#__PURE__*/_react["default"].createElement("span", {
       className: "okr-detail-head-parent"
     }, /*#__PURE__*/_react["default"].createElement("i", {
       className: "tu-icon-liebiao-duiqinubiao"
     }), /*#__PURE__*/_react["default"].createElement("span", {
       onClick: function onClick() {
-        return parent.type === "okr" ? _drawerManager["default"].open("okrDetail", {
+        return parent.type === 'okr' ? _drawerManager["default"].open('okrDetail', {
           okrId: parent.id
-        }) : _drawerManager["default"].open("krDetail", {
+        }) : _drawerManager["default"].open('krDetail', {
           krId: parent.id
         });
       }
-    }, /*#__PURE__*/_react["default"].createElement("span", null, parent.type === "okr" ? "O " : "KR "), parent.name)) : null
+    }, /*#__PURE__*/_react["default"].createElement("span", null, parent.type === 'okr' ? 'O ' : 'KR '), parent.name)) : null
   }), /*#__PURE__*/_react["default"].createElement(_okrShare["default"], {
     visible: shareVisible,
     onClose: closeShareModal,
@@ -412,7 +422,7 @@ function OkrDetailHeader(_ref) {
                   });
 
                 case 2:
-                  _toast["default"].Success((0, _getLocale.getLocale)("Pro_detail_Deletsuccess"));
+                  _toast["default"].Success((0, _getLocale.getLocale)('Pro_detail_Deletsuccess'));
 
                   setTimeout(function () {
                     commonContext.refreshAll();
@@ -436,7 +446,7 @@ function OkrDetailHeader(_ref) {
     })
   }, /*#__PURE__*/_react["default"].createElement("span", null)), /*#__PURE__*/_react["default"].createElement("div", {
     style: {
-      textAlign: "right",
+      textAlign: 'right',
       height: 0
     }
   }, /*#__PURE__*/_react["default"].createElement(_userSelector["default"], {
@@ -450,9 +460,9 @@ function OkrDetailHeader(_ref) {
     selectNodes: context.generalVisibility.visibilityScope || {},
     trigger: /*#__PURE__*/_react["default"].createElement("div", {
       style: {
-        visibility: "hidden",
+        visibility: 'hidden',
         zIndex: -1,
-        display: "inline-block",
+        display: 'inline-block',
         height: 0
       }
     }, "empty select")

package/lib/components/okr-detail/index.js

@@ -17,6 +17,8 @@ var _header = _interopRequireDefault(require("./components/header"));
 
 var _tabs = _interopRequireWildcard(require("../tabs"));
 
+var _request = require("../../utils/request");
+
 var _tabPanelContent = _interopRequireDefault(require("./components/tab-panel-content"));
 
 var _baseInfo = _interopRequireDefault(require("./base-info"));

package/lib/components/wechat-btn/index.css

@@ -0,0 +1,14 @@
+.titaui-wechat-btn {
+  font-size: 18px;
+  color: #a4acb9;
+  margin: 0 8px;
+  cursor: pointer;
+}
+
+.titaui-wechat-btn:hover {
+  color: #2879ff;
+}
+
+.titaui-wechat-btn__chat {
+  color: #2879ff;
+}

package/lib/components/wechat-btn/index.js

@@ -0,0 +1,231 @@
+"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 _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _tooltip = _interopRequireDefault(require("../tooltip"));
+
+var _dialogConfirm = _interopRequireWildcard(require("../dialog-confirm"));
+
+var _getLocale = require("../../utils/getLocale");
+
+var _request = require("../../utils/request");
+
+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 _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-wechat-btn';
+
+var WeChatBtn = function WeChatBtn(props) {
+  var id = props.id,
+      objType = props.objType,
+      name = props.name;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      isShowWeChat = _useState2[0],
+      setIsShowWeChat = _useState2[1];
+
+  var _useState3 = (0, _react.useState)([]),
+      _useState4 = _slicedToArray(_useState3, 2),
+      weChatGroupMember = _useState4[0],
+      setWeChatGroupMember = _useState4[1];
+
+  var _useState5 = (0, _react.useState)('chatId'),
+      _useState6 = _slicedToArray(_useState5, 2),
+      chatId = _useState6[0],
+      setChatId = _useState6[1];
+
+  var _useState7 = (0, _react.useState)(),
+      _useState8 = _slicedToArray(_useState7, 2),
+      loginUserOpenId = _useState8[0],
+      setLoginUserOpenId = _useState8[1];
+
+  var _useState9 = (0, _react.useState)(''),
+      _useState10 = _slicedToArray(_useState9, 2),
+      url = _useState10[0],
+      setUrl = _useState10[1];
+
+  var _useState11 = (0, _react.useState)(false),
+      _useState12 = _slicedToArray(_useState11, 2),
+      createWechatVisible = _useState12[0],
+      setCreateWechatVisible = _useState12[1];
+
+  var _useState13 = (0, _react.useState)(''),
+      _useState14 = _slicedToArray(_useState13, 2),
+      tooltip = _useState14[0],
+      setTooltip = _useState14[1];
+
+  var _useState15 = (0, _react.useState)("目标"),
+      _useState16 = _slicedToArray(_useState15, 2),
+      apply = _useState16[0],
+      setApply = _useState16[1];
+
+  var _useState17 = (0, _react.useState)(false),
+      _useState18 = _slicedToArray(_useState17, 2),
+      isHasGroup = _useState18[0],
+      setIsHasGroup = _useState18[1];
+
+  var isWx = navigator.userAgent.match(/wxwork/);
+
+  var handleClickWechatBtn = function handleClickWechatBtn() {
+    if (isWx) {
+      //有群了，判断没在群就先进群再打开群
+      if (chatId !== null && chatId !== 'chatId') {
+        wx.invoke('openExistedChatWithMsg', {
+          chatId: chatId
+        }, function (res) {
+          if (res.err_msg === 'openExistedChatWithMsg:fail_fail_Invalid_chatId') {
+            wx.invoke('updateEnterpriseChat', {
+              chatId: chatId,
+              userIdsToAdd: loginUserOpenId
+            });
+          }
+        });
+      } else {
+        setCreateWechatVisible(true);
+      }
+    }
+  };
+
+  var closeCreateWeChatModal = function closeCreateWeChatModal() {
+    setCreateWechatVisible(false);
+  }; //创建群聊or打开群聊
+
+
+  var handleCreateGroupChat = function handleCreateGroupChat() {
+    wx.invoke('createChatWithMsg', {
+      selectedOpenUserIds: weChatGroupMember,
+      chatName: "\u300C".concat(apply, "\u7FA4\u300D").concat(name),
+      msg: {
+        msgtype: 'link',
+        link: {
+          title: name,
+          desc: '',
+          url: url,
+          imgUrl: 'https://club.tita.com/wp-content/uploads/2022/03/1648725106-20220331191146996.png'
+        }
+      }
+    }, function (res) {
+      if (res.err_msg === 'createChatWithMsg:ok') {
+        if (res.chatId) {
+          (0, _request.rpost)('v1')('chat/add', {
+            objId: id,
+            objType: objType,
+            chatId: res.chatId
+          });
+          wx.invoke('openExistedChatWithMsg', {
+            chatId: res.chatId
+          });
+        }
+      }
+    });
+    setCreateWechatVisible(false);
+  }; //chatId 为null表示未创建群聊 chatId为默认值chatId表示不是企业微信工作台，可能是其他浏览器等 chatId有值，表示创建了群聊
+
+
+  (0, _react.useEffect)(function () {
+    (0, _request.rpost)('v1')('chat/info', {
+      objId: id,
+      objType: objType
+    }).then(function (res) {
+      if (res.Message === '没有权限') {
+        setIsShowWeChat(false);
+        return;
+      } else {
+        setIsShowWeChat(true);
+
+        if (res.Data.obj) {
+          setIsHasGroup(true);
+        }
+
+        if (isWx) {
+          setChatId(res.Data.obj);
+          (0, _request.rpost)('v1')('chat/users', {
+            objId: id,
+            objType: objType
+          }).then(function (res) {
+            setWeChatGroupMember(res.Data.openUserIds);
+            setUrl(res.Data.link);
+          });
+          (0, _request.rpost)('v1')('chat/user', {
+            objId: id,
+            objType: objType
+          }).then(function (res) {
+            setLoginUserOpenId(res.Data.obj);
+          });
+        } else {
+          setIsShowWeChat(true);
+          return;
+        }
+      }
+    });
+  }, [chatId]);
+  (0, _react.useEffect)(function () {
+    if (isShowWeChat && chatId === null) {
+      setTooltip((0, _getLocale.getLocale)('OKR_Db_ClickWeComg'));
+    } else if (isShowWeChat && chatId !== null && chatId !== 'chatId') {
+      setTooltip('进入群聊');
+    } else if (isShowWeChat && chatId === 'chatId') {
+      setTooltip('浏览器不支持此功能，请到企业微信工作台中使用');
+    }
+  }, [chatId, isShowWeChat]);
+  (0, _react.useEffect)(function () {
+    if (objType === 62) {
+      setApply("目标");
+    } else {
+      setApply("任务");
+    }
+  }, []);
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+    overlay: tooltip,
+    placement: "bottom"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])(preCls, 'tu-icon-qw-chat', _defineProperty({}, "".concat(preCls, "__chat"), isHasGroup)),
+    onMouseDown: handleClickWechatBtn
+  })), /*#__PURE__*/_react["default"].createElement(_dialogConfirm["default"], {
+    zIndex: 1200,
+    visible: createWechatVisible,
+    type: "warning"
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    type: "title"
+  }, "\u786E\u5B9A\u53D1\u8D77\u7FA4\u804A\u5417"), /*#__PURE__*/_react["default"].createElement("span", {
+    type: "content"
+  }, "\u53EF\u9009\u62E9".concat(apply, "\u76F8\u5173\u4EBA\u5458\u5FEB\u901F\u5EFA\u7FA4\u6C9F\u901A\u3002\u6CE8\u610F\uFF0C\u81F3\u5C11\u9009\u62E9 3 \u4EBA\uFF0C\u624D\u80FD\u6B63\u5E38\u53D1\u8D77\u7FA4\u804A\u3002")), /*#__PURE__*/_react["default"].createElement(_dialogConfirm.CancelButton, {
+    type: "button",
+    onClick: closeCreateWeChatModal
+  }, "\u53D6\u6D88"), /*#__PURE__*/_react["default"].createElement(_dialogConfirm.SureButton, {
+    type: "button",
+    onClick: handleCreateGroupChat
+  }, "\u53D1\u8D77\u7FA4\u804A")));
+};
+
+var _default = WeChatBtn;
+exports["default"] = _default;

package/lib/index.js

@@ -531,6 +531,12 @@ Object.defineProperty(exports, "VideoModal", {
     return _videoModal["default"];
   }
 });
+Object.defineProperty(exports, "WechatBtn", {
+  enumerable: true,
+  get: function get() {
+    return _wechatBtn["default"];
+  }
+});
 Object.defineProperty(exports, "WeeklyReport", {
   enumerable: true,
   get: function get() {
@@ -766,4 +772,6 @@ var _videoModal = _interopRequireDefault(require("./components/video-modal"));
 
 var _supersetCharts = _interopRequireDefault(require("./components/superset-charts"));
 
+var _wechatBtn = _interopRequireDefault(require("./components/wechat-btn"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@titaui/pc",
-  "version": "1.10.81",
+  "version": "1.10.82-beta.4",
   "nameCN": "",
   "description": "",
   "main": "lib/index.js",