@titaui/pc 1.15.47-beta.14 → 1.15.47-beta.17

package/lib/components/avatar/default.js

@@ -59,7 +59,9 @@ var Avatar = function Avatar(props) {
       showNameTips = _props$showNameTips === void 0 ? false : _props$showNameTips,
       color = props.color,
       canDelUser = props.canDelUser,
-      onDelUser = props.onDelUser;
+      onDelUser = props.onDelUser,
+      _props$isDept = props.isDept,
+      isDept = _props$isDept === void 0 ? false : _props$isDept;
 
   var _useState = (0, _react.useState)(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -124,7 +126,10 @@ var Avatar = function Avatar(props) {
           lineHeight: "".concat(size.width, "px"),
           borderRadius: '50%'
         }
-      }, /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
+      }, isDept && /*#__PURE__*/_react["default"].createElement(_openData.OpenDepartmentName, {
+        name: name,
+        id: userId
+      }), !isDept && /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
         name: name,
         id: userId
       })));

package/lib/components/avatar/name-avatar/index.css

@@ -30,12 +30,11 @@
   z-index: 1;
   width: 14px;
   height: 14px;
-  background: #f0f2f5;
-  box-shadow: 0px 2px 4px 0px rgba(127, 145, 180, 0.2);
   align-items: center;
   justify-content: center;
   border-radius: 50%;
   display: none;
+  color: #BFC7D5;
 }
 
 .titaui-pc-avator__name-avatar-container .titaui-pc-avator__delete-wrapper:hover {
@@ -53,7 +52,7 @@
   word-break: keep-all;
   font-size: 14px;
   font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-serif, PingFang SC, Microsoft YaHei;
-  color: #6F7886;
+  color: #374755;
   line-height: 20px;
   margin-left: 4px;
 }

package/lib/components/avatar/name-avatar/index.js

@@ -13,10 +13,6 @@ var _openData = require("../../../utils/open-data");
 
 var _tooltip = _interopRequireDefault(require("../../tooltip"));
 
-var _avatarCloseNormal = _interopRequireDefault(require("../img/avatar-close-normal.svg"));
-
-var _avatarCloseRed = _interopRequireDefault(require("../img/avatar-close-red.svg"));
-
 require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -72,12 +68,8 @@ var NameAvatar = function NameAvatar(props) {
   var _useState3 = (0, _react.useState)(false),
       _useState4 = _slicedToArray(_useState3, 2),
       isNameOverflow = _useState4[0],
-      setIsNameOverflow = _useState4[1];
+      setIsNameOverflow = _useState4[1]; // const [mouseIsEnterCloseIcon, setMouseIsEnterCloseIcon] = useState(false)
 
-  var _useState5 = (0, _react.useState)(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      mouseIsEnterCloseIcon = _useState6[0],
-      setMouseIsEnterCloseIcon = _useState6[1];
 
   var textRef = (0, _react.useRef)();
 
@@ -93,13 +85,12 @@ var NameAvatar = function NameAvatar(props) {
   }, []);
   var handleMouseLeave = (0, _react.useCallback)(function () {
     setMouseIsEnterUser(false);
-  }, []);
-  var handleCloseIconMouseEnter = (0, _react.useCallback)(function () {
-    setMouseIsEnterCloseIcon(true);
-  }, []);
-  var handleCloseIconMouseLeave = (0, _react.useCallback)(function () {
-    setMouseIsEnterCloseIcon(false);
-  }, []);
+  }, []); // const handleCloseIconMouseEnter = useCallback(() => {
+  //   setMouseIsEnterCloseIcon(true)
+  // }, [])
+  // const handleCloseIconMouseLeave = useCallback(() => {
+  //   setMouseIsEnterCloseIcon(false)
+  // }, [])
 
   var renderImgAvatar = function renderImgAvatar() {
     return /*#__PURE__*/_react["default"].createElement("img", {
@@ -171,17 +162,16 @@ var NameAvatar = function NameAvatar(props) {
     onMouseEnter: handleMouseEnter,
     onMouseLeave: handleMouseLeave
   }, renderRightTopCmp, /*#__PURE__*/_react["default"].createElement("div", {
-    onClick: handleDelUser,
-    onMouseLeave: handleCloseIconMouseLeave,
-    onMouseEnter: handleCloseIconMouseEnter,
+    onClick: handleDelUser // onMouseLeave={handleCloseIconMouseLeave}
+    // onMouseEnter={handleCloseIconMouseEnter}
+    ,
     className: "titaui-pc-avator__delete-wrapper ".concat(canDelUser && mouseIsEnterUser ? 'titaui-pc-avator--enter' : ''),
     style: {
-      left: "".concat(size.width - 14, "px")
+      right: -12,
+      top: -6
     }
-  }, /*#__PURE__*/_react["default"].createElement("img", {
-    width: 6,
-    height: 6,
-    src: mouseIsEnterCloseIcon ? _avatarCloseRed["default"] : _avatarCloseNormal["default"]
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "tu-icon-cross"
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: "titaui-pc-avator-wrapper",
     style: style,

package/lib/components/book-demo/components/pc/components/content/index.js

@@ -178,12 +178,7 @@ var BookDemoPCContent = function BookDemoPCContent(_ref) {
       if (res.data.Code) {
         (0, _request.sendBookDemoJson)((0, _utils.bookDemoTransformDataToJson)(result, source > 0 ? source : Source, _constant.DemoTypeTextMap[type], content, uid));
 
-        _toast["default"].Success("提交成功", {
-          style: {
-            position: "fixed"
-          },
-          canClose: false
-        });
+        _toast["default"].Success("提交成功");
 
         if (onSubmitSuccess) {
           onSubmitSuccess();

package/lib/components/book-demo/constant.js

@@ -153,6 +153,9 @@ var bookTypeInfo = (_bookTypeInfo = {}, _defineProperty(_bookTypeInfo, _interfac
     }, {
       text: "一对一面谈",
       value: "oneOnOneInterviews"
+    }, {
+      text: "360评估",
+      value: "survey"
     }],
     required: true,
     multiSelect: true,

package/lib/components/button/icon-btn/index.css

@@ -1,8 +1,8 @@
 .titaui-icon-btn {
   display: inline-flex;
   align-items: center;
-  font-size: 14px;
   cursor: pointer;
+  border-radius: 50%;
 }
 
 .titaui-icon-btn--gray {
@@ -38,3 +38,21 @@
 .titaui-icon-btn--border:hover {
   border-color: #2879FF;
 }
+
+.titaui-icon-btn--normal {
+  font-size: 14px;
+}
+
+.titaui-icon-btn--big {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 18px;
+  box-sizing: border-box;
+  width: 36px;
+  height: 36px;
+}
+
+.titaui-icon-btn--big__icon {
+  font-size: 18px;
+}

package/lib/components/button/icon-btn/index.js

@@ -11,7 +11,7 @@ var _react = _interopRequireDefault(require("react"));
 
 require("./index.css");
 
-var _excluded = ["border", "theme", "onClick", "disabled", "icon"];
+var _excluded = ["border", "theme", "onClick", "disabled", "icon", "size"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -33,6 +33,8 @@ function IconBtn(props) {
       onClick = props.onClick,
       disabled = props.disabled,
       icon = props.icon,
+      _props$size = props.size,
+      size = _props$size === void 0 ? 'normal' : _props$size,
       restProps = _objectWithoutProperties(props, _excluded);
 
   var onClickHandler = function onClickHandler() {
@@ -55,7 +57,7 @@ function IconBtn(props) {
   };
 
   return /*#__PURE__*/_react["default"].createElement("span", _extends({
-    className: (0, _classnames["default"])(precls, "".concat(precls, "--").concat(theme), (_classNames = {}, _defineProperty(_classNames, "".concat(precls, "--border"), border), _defineProperty(_classNames, "".concat(precls, "--disabled"), disabled), _classNames)),
+    className: (0, _classnames["default"])(precls, "".concat(precls, "--").concat(theme), "".concat(precls, "--").concat(size), (_classNames = {}, _defineProperty(_classNames, "".concat(precls, "--border"), border), _defineProperty(_classNames, "".concat(precls, "--disabled"), disabled), _classNames)),
     onClick: onClickHandler
   }, restProps), renderIcon());
 }

package/lib/components/checkbox/index.css

@@ -20,5 +20,6 @@
 
 .titaui-checkbox--disabled {
   background-color: #f0f2f5;
+  opacity: 0.5;
   cursor: not-allowed;
 }

package/lib/components/create-okr-modal/fields/okr-visibility.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = _default;
+exports.visibilityMapText = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
@@ -52,6 +53,8 @@ var visibilityMapText = function visibilityMapText() {
   };
 };
 
+exports.visibilityMapText = visibilityMapText;
+
 function _default(_ref) {
   var visibility = _ref.visibility,
       setVisibility = _ref.setVisibility,

package/lib/components/dialog-confirm/index.css

@@ -61,6 +61,14 @@
   border: 1px solid #f05e5e;
 }
 
+.titaui-dialog-confirm__btn-warning--disabled {
+  opacity: 0.4;
+}
+
+.titaui-dialog-confirm__btn-warning--disabled:hover {
+  background: #fff;
+}
+
 .titaui-dialog-confirm__btn-warning-text {
   font-size: 14px;
   font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-serif, PingFang SC, Microsoft YaHei;
@@ -100,7 +108,6 @@
 .titaui-dialog-confirm__body-title {
   display: inline-flex;
   align-items: center;
-  margin-left: 6px;
 }
 
 .titaui-dialog-confirm__body-title-icon {
@@ -127,5 +134,4 @@
   color: #6f7886;
   line-height: 22px;
   padding-left: 20px;
-  margin-left: 6px;
 }

package/lib/components/dialog-confirm/index.js

@@ -28,7 +28,9 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 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; }
 
-var preCls = "titaui-dialog-confirm";
+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; }
+
+var preCls = 'titaui-dialog-confirm';
 
 function CancelButton(props) {
   var onClick = props.onClick,
@@ -56,11 +58,19 @@ function SureButton(props) {
 
 function WarningButton(props) {
   var onClick = props.onClick,
-      children = props.children;
+      children = props.children,
+      disabled = props.disabled;
+
+  var onClickHandler = function onClickHandler() {
+    if (!disabled) {
+      onClick();
+    }
+  };
+
   return /*#__PURE__*/_react["default"].createElement("span", {
     key: "warning",
-    className: (0, _classnames["default"])("".concat(preCls, "__btn-warning"), "".concat(preCls, "__btn")),
-    onClick: onClick
+    className: (0, _classnames["default"])("".concat(preCls, "__btn-warning"), "".concat(preCls, "__btn"), _defineProperty({}, "".concat(preCls, "__btn-warning--disabled"), disabled)),
+    onClick: onClickHandler
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("".concat(preCls, "__btn-warning-text"))
   }, children));
@@ -71,7 +81,7 @@ function DialogConfirm(props) {
       visible = props.visible,
       type = props.type,
       _props$className = props.className,
-      className = _props$className === void 0 ? "" : _props$className,
+      className = _props$className === void 0 ? '' : _props$className,
       restProps = _objectWithoutProperties(props, _excluded);
 
   var footer = [];
@@ -80,46 +90,46 @@ function DialogConfirm(props) {
 
   _react["default"].Children.forEach(children, function (child) {
     if (child) {
-      if (child.props.type == "button") footer.push(child);
-      if (child.props.type == "title") titleInstance = child;
-      if (child.props.type == "content") contentInstance = child;
+      if (child.props.type == 'button') footer.push(child);
+      if (child.props.type == 'title') titleInstance = child;
+      if (child.props.type == 'content') contentInstance = child;
     }
   });
 
   var getConfirmIcon = function getConfirmIcon(type) {
     switch (type) {
-      case "warning":
+      case 'warning':
         return /*#__PURE__*/_react["default"].createElement("span", {
           className: "tu-icon-tishi",
           style: {
-            color: "#FFBC00",
+            color: '#FFBC00',
             fontSize: '18px',
             verticalAlign: '-2px'
           }
         });
 
-      case "success":
+      case 'success':
         return /*#__PURE__*/_react["default"].createElement("span", {
           className: "tu-icon-check",
           style: {
-            color: "#5AD8A6"
+            color: '#5AD8A6'
           }
         });
 
-      case "error":
+      case 'error':
         return /*#__PURE__*/_react["default"].createElement("span", {
           className: "tu-icon-cross",
           style: {
-            color: "#F05E5E"
+            color: '#F05E5E'
           }
         });
 
-      case "confirm":
+      case 'confirm':
         return /*#__PURE__*/_react["default"].createElement("span", {
           className: "tu-icon-tishi"
         });
 
-      case "info":
+      case 'info':
         return /*#__PURE__*/_react["default"].createElement("span", {
           className: "tu-icon-warning"
         });

package/lib/components/drawer/index.css

@@ -14,6 +14,10 @@
   box-shadow: 0px 0px 24px 0px rgba(127, 145, 180, 0.2);
 }
 
+.titaui-drawer.drawer.drawer-open .drawer-mask {
+  background: rgba(20, 28, 40, 0.7);
+}
+
 .titaui-drawer-content {
   height: 100%;
   display: flex;

package/lib/components/dynamic/dynamic-item/components/summary-header/index.js

@@ -160,28 +160,28 @@ var DynamicItemHeader = function DynamicItemHeader(_ref) {
       departmentName = _ref3.departmentName,
       departmentId = _ref3.departmentId;
 
-  console.log('users', users);
+  console.log('visibilityScope', visibilityScope);
   var departmentsRender = (0, _react.useMemo)(function () {
     return (departments === null || departments === void 0 ? void 0 : departments.length) !== 0 && departments.map(function (item, index) {
       return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_openData.OpenDepartmentName, {
         name: item.name,
         id: item.id
-      }), /*#__PURE__*/_react["default"].createElement("span", null, ","));
+      }), index + 1 !== (departments === null || departments === void 0 ? void 0 : departments.length) && /*#__PURE__*/_react["default"].createElement("span", null, ","));
     });
-  }, [departments]);
+  }, [departments, users, str]);
   var usersRender = (0, _react.useMemo)(function () {
     return (users === null || users === void 0 ? void 0 : users.length) !== 0 && users.map(function (item, index) {
       return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
         name: item.name,
         id: item.userId
-      }), /*#__PURE__*/_react["default"].createElement("span", null, ","));
+      }), index + 1 !== (users === null || users === void 0 ? void 0 : users.length) && /*#__PURE__*/_react["default"].createElement("span", null, ","));
     });
-  }, [users]);
+  }, [users, str]);
   var typeTootips = {
     2: (0, _getLocale.getLocale)('Rep_NewS_RefeSummary'),
     3: /*#__PURE__*/_react["default"].createElement("span", null, (0, _getLocale.getLocale)('Per_Ass_New_Appr_detail_Affiliat'), (0, _getLocale.getLocale)('OKR_MyO_Text_Visible')),
     1: /*#__PURE__*/_react["default"].createElement("span", null, (0, _getLocale.getLocale)('OKR_MyO_Pop_Company'), (0, _getLocale.getLocale)('Rep_Tab_Subor_EveryoneSee')),
-    5: /*#__PURE__*/_react["default"].createElement("span", null, departmentsRender, usersRender, str)
+    5: /*#__PURE__*/_react["default"].createElement("span", null, departmentsRender, (usersRender || str) && /*#__PURE__*/_react["default"].createElement("span", null, ","), usersRender, str && /*#__PURE__*/_react["default"].createElement("span", null, ","), str)
   };
   var url = '';
   var loginUserId = (0, _bsGlobal.getUserInfo)().Id;

package/lib/components/dynamic/dynamic-item/dynamic-create-o/index.js

@@ -92,10 +92,10 @@ var DynamicCreateO = function DynamicCreateO(_ref) {
     // 个人
     2: {
       icon: 'tu-icon-liebiao-xiashu',
-      text: okrTypeId === -1 ? '默认部门' : /*#__PURE__*/_react["default"].createElement(_openData.OpenDepartmentName, {
-        id: okrTypeId,
-        name: okrTypeName
-      })
+      text: okrTypeId === -1 ? '默认部门' :
+      /*#__PURE__*/
+      // <OpenDepartmentName id={okrTypeId} name={okrTypeName} />
+      _react["default"].createElement("span", null, (0, _openData.parseString)(okrTypeName))
     },
     // 部门
     3: {

package/lib/components/dynamic/dynamic-item/dynamic-new-report/components/remind-user-view/index.js

@@ -62,10 +62,11 @@ var RemindUserView = function RemindUserView(props) {
     }, /*#__PURE__*/_react["default"].createElement(_avatar["default"], {
       userId: item.Id,
       name: item === null || item === void 0 ? void 0 : item.Name,
-      color: "#3296fa"
+      color: "#3296fa",
+      isDept: true
     }), /*#__PURE__*/_react["default"].createElement("span", {
       className: "".concat(preCls, "__user-name")
-    }, /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
+    }, /*#__PURE__*/_react["default"].createElement(_openData.OpenDepartmentName, {
       name: item === null || item === void 0 ? void 0 : item.Name,
       id: item.Id
     }))));

package/lib/components/expiration-reminder/index.css

@@ -30,6 +30,12 @@
   color: #89919F;
 }
 
+.titaui-expiration-reminder__contact-out {
+  color: #2879ff;
+  margin-left: 16px;
+  cursor: pointer;
+}
+
 .titaui-expiration-reminder__contact-number::selection {
   background-color: #2879ff;
   color: #ffffff;
@@ -37,15 +43,15 @@
 
 .titaui-expiration-reminder__description {
   margin: 24px 0 28px;
-  font-size: 18px;
-  line-height: 36px;
-  color: #141C28;
+  font-size: 16px;
+  line-height: 32px;
+  color: #3f4755;
   text-align: center;
 }
 
 .titaui-expiration-reminder__description .titaui-text-btn {
-  font-size: 18px;
-  line-height: 36px;
+  font-size: 16px;
+  line-height: 32px;
 }
 
 .titaui-expiration-reminder__footer {
@@ -54,9 +60,9 @@
 
 .titaui-expiration-reminder__footer .titaui-rect-btn {
   width: 356px;
-  height: 52px;
+  height: 48px;
   margin: 0 auto 10px;
-  font-size: 18px;
+  font-size: 16px;
   line-height: 24px;
   border-radius: 26px;
 }
@@ -93,12 +99,12 @@
 }
 
 .titaui-expiration-reminder__remain-day {
-  font-size: 36px;
+  font-size: 32px;
   color: #2879ff;
 }
 
 .titaui-expiration-reminder__title {
-  font-size: 28px;
+  font-size: 24px;
   font-weight: 600;
   line-height: 34px;
   color: #141C28;
@@ -106,7 +112,6 @@
 }
 
 .titaui-expiration-reminder__title img {
-  position: relative;
-  top: -4px;
-  left: -4px;
+  width: 28px;
+  margin-right: 4px;
 }

package/lib/components/expiration-reminder/index.js

@@ -31,7 +31,7 @@ var _mirroring = _interopRequireDefault(require("../mirroring"));
 
 var _toast = _interopRequireDefault(require("../toast"));
 
-var _emoji = _interopRequireDefault(require("./img/emoji.svg"));
+var _emojiWail = _interopRequireDefault(require("./img/emoji-wail.png"));
 
 var _qrcodeTrial = _interopRequireDefault(require("./img/qrcode-trial.png"));
 
@@ -62,6 +62,8 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 var prefixCls = 'titaui-expiration-reminder';
+var ua = navigator.userAgent.toLowerCase();
+var isOffiial = ua.indexOf('micromessenger') === -1 && ua.indexOf('lark') === -1 && ua.indexOf('dingtalk') === -1;
 
 var ExpirationReminder = function ExpirationReminder() {
   var _trialVersion, _officialVersion;
@@ -161,7 +163,7 @@ var ExpirationReminder = function ExpirationReminder() {
           return setMirrorSwitch('on');
         },
         type: "primary",
-        text: " \u8054\u7CFB\u987E\u95EE "
+        text: " \u8BF7\u8054\u7CFB\u987E\u95EE "
       }), /*#__PURE__*/_react["default"].createElement("span", null, "\u7D22\u53D6\u4F18\u60E0~")))
     }), _defineProperty(_trialVersion, _utils.ApplicationState.Expired, {
       closeEnable: false,
@@ -170,7 +172,7 @@ var ExpirationReminder = function ExpirationReminder() {
       title: /*#__PURE__*/_react["default"].createElement("h2", {
         className: "".concat(prefixCls, "__title")
       }, /*#__PURE__*/_react["default"].createElement("img", {
-        src: _emoji["default"],
+        src: _emojiWail["default"],
         alt: "Emoji"
       }), "\u60A8\u7684 Tita \u8BD5\u7528\u5DF2\u5230\u671F"),
       content: /*#__PURE__*/_react["default"].createElement("div", {
@@ -180,7 +182,7 @@ var ExpirationReminder = function ExpirationReminder() {
           return setMirrorSwitch('on');
         },
         type: "primary",
-        text: " \u8054\u7CFB\u987E\u95EE"
+        text: " \u8BF7\u8054\u7CFB\u987E\u95EE"
       })))
     }), _defineProperty(_trialVersion, "button", /*#__PURE__*/_react["default"].createElement(_button["default"].Rect, {
       onClick: showBookDemo,
@@ -203,7 +205,7 @@ var ExpirationReminder = function ExpirationReminder() {
       }, " ", Day, " "), "\u5929"),
       content: /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(prefixCls, "__description")
-      }, /*#__PURE__*/_react["default"].createElement("p", null, "\u7EED\u8D39\u670D\u52A1 \u8054\u7CFB\u987E\u95EE"))
+      }, /*#__PURE__*/_react["default"].createElement("p", null, "\u7EED\u8D39\u670D\u52A1 \u8BF7\u8054\u7CFB\u987E\u95EE"))
     }), _defineProperty(_officialVersion, _utils.ApplicationState.Expired, {
       closeEnable: false,
       height: 466,
@@ -211,12 +213,12 @@ var ExpirationReminder = function ExpirationReminder() {
       title: /*#__PURE__*/_react["default"].createElement("h2", {
         className: "".concat(prefixCls, "__title")
       }, /*#__PURE__*/_react["default"].createElement("img", {
-        src: _emoji["default"],
+        src: _emojiWail["default"],
         alt: "Emoji"
       }), "\u60A8\u7684 Tita \u7CFB\u7EDF\u4F7F\u7528\u5DF2\u5230\u671F"),
       content: /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(prefixCls, "__description")
-      }, /*#__PURE__*/_react["default"].createElement("p", null, "\u9519\u8FC7\u4E86\u4E00\u5927\u6CE2\u4EA7\u54C1\u5347\u7EA7\u54E6~"), /*#__PURE__*/_react["default"].createElement("p", null, "\u4E86\u89E3 Tita \u65B0\u529F\u80FD \u9884\u7EA6\u987E\u95EE\u6F14\u793A"))
+      }, /*#__PURE__*/_react["default"].createElement("p", null, "\u9519\u8FC7\u4E86\u4E00\u5927\u6CE2\u4EA7\u54C1\u5347\u7EA7\u54E6~"), /*#__PURE__*/_react["default"].createElement("p", null, "\u4E86\u89E3 Tita \u65B0\u529F\u80FD \u8BF7\u9884\u7EA6\u987E\u95EE\u6F14\u793A"))
     }), _defineProperty(_officialVersion, "button", /*#__PURE__*/_react["default"].createElement(_button["default"].Rect, {
       onClick: function onClick() {
         return setMirrorSwitch('on');
@@ -250,12 +252,17 @@ var ExpirationReminder = function ExpirationReminder() {
     }, title, content, /*#__PURE__*/_react["default"].createElement("div", {
       className: "".concat(prefixCls, "__footer")
     }, /*#__PURE__*/_react["default"].createElement("p", null, button), /*#__PURE__*/_react["default"].createElement("p", {
-      className: "".concat(prefixCls, "__contact"),
-      onClick: onCopy
+      className: "".concat(prefixCls, "__contact")
     }, "\u8054\u7CFB\u7535\u8BDD:", /*#__PURE__*/_react["default"].createElement("span", {
       className: "".concat(prefixCls, "__contact-number"),
+      onClick: onCopy,
       ref: telRef
-    }, _utils.ContactNumber))), closeEnable && /*#__PURE__*/_react["default"].createElement("div", {
+    }, _utils.ContactNumber), isOffiial && /*#__PURE__*/_react["default"].createElement("span", {
+      className: "".concat(prefixCls, "__contact-out"),
+      onClick: function onClick() {
+        return window.open('/Account/Logout', '_self ');
+      }
+    }, "\u9000\u51FA\u767B\u5F55"))), closeEnable && /*#__PURE__*/_react["default"].createElement("div", {
       className: "".concat(prefixCls, "__close"),
       onClick: deleteCache
     }), /*#__PURE__*/_react["default"].createElement(_errorBoundary["default"], {
@@ -282,7 +289,7 @@ var ExpirationReminder = function ExpirationReminder() {
       className: "".concat(prefixCls, "__qrcode-title")
     }, "\u5FAE\u4FE1/\u4F01\u4E1A\u5FAE\u4FE1\u626B\u4E00\u626B"), /*#__PURE__*/_react["default"].createElement("h3", {
       className: "".concat(prefixCls, "__qrcode-subtitle")
-    }, "\u4E13\u5C5E\u5BA2\u670D\u4E3A\u4F60\u63D0\u4F9B\u54A8\u8BE2\u670D\u52A1"), /*#__PURE__*/_react["default"].createElement("img", {
+    }, "\u4E13\u5C5E\u5BA2\u670D\u4E3A\u60A8\u63D0\u4F9B\u54A8\u8BE2\u670D\u52A1"), /*#__PURE__*/_react["default"].createElement("img", {
       className: "".concat(prefixCls, "__qrcode-img"),
       src: qrCode,
       alt: "\u5FAE\u4FE1/\u4F01\u4E1A\u5FAE\u4FE1\u626B\u4E00\u626B",