@titaui/pc 1.8.7 → 1.8.8

package/lib/components/publish-dynamic-modal/publish-dynamic-modal.js

@@ -43,8 +43,6 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure undefined"); }
 
-var i18nInfo = (0, _bsGlobal.getBSGlobal)('I18NInfo');
-var isEn = i18nInfo && i18nInfo.I18NOpen && i18nInfo.I18NUserLang === "en_US";
 var prefix = "publish-dynamic-modal";
 
 var PublishDynamicModal = function PublishDynamicModal(_ref) {
@@ -162,7 +160,7 @@ var PublishDynamicModal = function PublishDynamicModal(_ref) {
     onClose: hidePublishDynamicModal,
     noFooter: true,
     style: {
-      width: isEn ? '680px' : "480px"
+      width: _getLocale.isEn ? '680px' : "480px"
     },
     destroyOnClose: true,
     noHeadLine: true

package/lib/components/status-time/index.js

@@ -100,7 +100,7 @@ var StatusTime = function StatusTime(_ref) {
     if (isLongTerm) return (0, _getLocale.getLocale)('Pro_newpro_LongTerm');
 
     if (isRemainLessThan30Days && remainDays > 0 && !isComplete && !isCancel) {
-      return "".concat((0, _getLocale.getLocale)('OKR_MyO_E_Remaining')).concat(remainDays, "\u5929");
+      return _getLocale.isEn ? "".concat(remainDays, " day(s)") : "\u5269\u4F59".concat(remainDays, "\u5929");
     }
 
     return "".concat(deadDate.year !== new Date().getFullYear() ? deadDate.year + '/' : '').concat(deadDate.month, "/").concat(deadDate.day);

package/lib/components/upload-photo-modal/constant.js

@@ -11,8 +11,8 @@ var List = [{
   initialAspectRatio: 1,
   tips: '仅支持 jpg、jpeg、gif、png 格式 建议图片最小尺寸 150*150px',
   previewTitle: '预览',
-  minCropBoxHeight: 200,
-  minCropBoxWidth: 200
+  minCropBoxHeight: 60,
+  minCropBoxWidth: 60
 }, {
   id: 'enterprise',
   accept: '.jpg,.jpeg,.gif,.png',

package/lib/components/upload-photo-modal/index.css

@@ -183,8 +183,7 @@
 .tita-ui-change-person-photo__preview-enterprise-img {
   position: absolute;
   top: 1px;
-  right: 45px;
-  width: 70px;
+  min-width: 70px;
   height: 28px;
 }
 

package/lib/components/upload-photo-modal/index.js

@@ -13,8 +13,6 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _reactCropper = _interopRequireDefault(require("react-cropper"));
 
-require("cropperjs/dist/cropper.css");
-
 var _toast = _interopRequireDefault(require("../../components/toast"));
 
 var _conditionRender = _interopRequireDefault(require("../condition-render"));
@@ -25,9 +23,9 @@ var _dialog = _interopRequireDefault(require("../../components/dialog"));
 
 var _constant = require("./constant");
 
-require("./index.css");
+require("cropperjs/dist/cropper.css");
 
-var _bsGlobal = require("../../utils/bs-global");
+require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -49,17 +47,16 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var apiServer = (0, _bsGlobal.getBSGlobal)("apiPath");
-var userid = (0, _bsGlobal.getUserInfo)().Id;
-var tenantId = (0, _bsGlobal.getTenantInfo)().Id;
 var preCls = 'tita-ui-change-person-photo';
 
 var ChangePhoto = function ChangePhoto(props) {
   var visible = props.visible,
       onCancel = props.onCancel,
       _props$type = props.type,
-      type = _props$type === void 0 ? 'browser' : _props$type;
+      type = _props$type === void 0 ? 'person' : _props$type,
+      handleSuccessUploadPhoto = props.handleSuccessUploadPhoto;
   var modalRef = (0, _react.useRef)();
+  var cropperRef = (0, _react.useRef)(null);
 
   var _useState = (0, _react.useState)(''),
       _useState2 = _slicedToArray(_useState, 2),
@@ -76,26 +73,21 @@ var ChangePhoto = function ChangePhoto(props) {
       cropData = _useState6[0],
       setCropData = _useState6[1];
 
-  var _useState7 = (0, _react.useState)(_constant.List.find(function (item) {
-    return item.id === type;
-  })),
-      _useState8 = _slicedToArray(_useState7, 1),
-      item = _useState8[0];
+  var _useState7 = (0, _react.useState)(false),
+      _useState8 = _slicedToArray(_useState7, 2),
+      isEnter = _useState8[0],
+      setIsEnter = _useState8[1];
 
-  var _useState9 = (0, _react.useState)(false),
+  var _useState9 = (0, _react.useState)(''),
       _useState10 = _slicedToArray(_useState9, 2),
-      isEnter = _useState10[0],
-      setIsEnter = _useState10[1];
+      fileName = _useState10[0],
+      setFileName = _useState10[1];
 
-  var _useState11 = (0, _react.useState)(''),
-      _useState12 = _slicedToArray(_useState11, 2),
-      fileName = _useState12[0],
-      setFileName = _useState12[1];
-
-  var cropperRef = (0, _react.useRef)(null);
+  var item = _constant.List.find(function (item) {
+    return item.id === type;
+  });
 
   var onChange = function onChange(e) {
-    e.preventDefault();
     var files;
 
     if (e.dataTransfer) {
@@ -141,51 +133,47 @@ var ChangePhoto = function ChangePhoto(props) {
     setCropper(formData);
   };
 
+  var handleSuccessSave = function handleSuccessSave(resp) {
+    if (resp.Code === 1) {
+      _toast["default"].Success('保存成功', {
+        style: {
+          position: "fixed",
+          top: " 36px",
+          left: "50%"
+        }
+      });
+
+      onCancel();
+      setImage('');
+      handleSuccessUploadPhoto(cropData);
+    } else {
+      _toast["default"].Error(resp.Message, {
+        style: {
+          position: "fixed",
+          top: " 36px",
+          left: "50%"
+        }
+      });
+
+      setImage('');
+    }
+  };
+
   var handleSaveInfo = function handleSaveInfo() {
     if (!image) {
       return;
     } else {
       if (type === "person") {
         (0, _requestApi.saveUserPhoto)(cropper).then(function (resp) {
-          if (resp.Code === 1) {
-            _toast["default"].Success('保存成功', {
-              canClose: false
-            });
-
-            onCancel();
-          } else {
-            _toast["default"].Error(resp.Message, {
-              canClose: false
-            });
-          }
+          handleSuccessSave(resp);
         });
       } else if (type === "enterprise") {
         (0, _requestApi.saveTenantLogo)(cropper).then(function (resp) {
-          if (resp.Code === 1) {
-            _toast["default"].Success('保存成功', {
-              canClose: false
-            });
-
-            onCancel();
-          } else {
-            _toast["default"].Error(resp.Message, {
-              canClose: false
-            });
-          }
+          handleSuccessSave(resp);
         });
       } else {
         (0, _requestApi.saveBrowserIcon)(cropper).then(function (resp) {
-          if (resp.Code === 1) {
-            _toast["default"].Success('保存成功', {
-              canClose: false
-            });
-
-            onCancel();
-          } else {
-            _toast["default"].Error(resp.Message, {
-              canClose: false
-            });
-          }
+          handleSuccessSave(resp);
         });
       }
     }
@@ -199,6 +187,11 @@ var ChangePhoto = function ChangePhoto(props) {
     setIsEnter(false);
   };
 
+  var handleCancel = function handleCancel() {
+    onCancel();
+    setImage('');
+  };
+
   return /*#__PURE__*/_react["default"].createElement(_dialog["default"], {
     visible: visible,
     ref: modalRef,
@@ -208,8 +201,8 @@ var ChangePhoto = function ChangePhoto(props) {
     title: '上传头像',
     noHeadLine: true,
     maskClosable: false,
-    onClose: onCancel,
-    onCancel: onCancel,
+    onClose: handleCancel,
+    onCancel: handleCancel,
     okText: "\u4FDD\u5B58",
     noFooterLine: true,
     onOk: handleSaveInfo
@@ -230,19 +223,9 @@ var ChangePhoto = function ChangePhoto(props) {
     accept: item === null || item === void 0 ? void 0 : item.accept
   }), /*#__PURE__*/_react["default"].createElement("span", {
     className: "".concat(preCls, "__upload-right-title")
-  }, "\u70B9\u51FB\u4E0A\u4F20"), /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
-    condition: type === 'person'
-  }, /*#__PURE__*/_react["default"].createElement("span", {
+  }, "\u70B9\u51FB\u4E0A\u4F20"), /*#__PURE__*/_react["default"].createElement("span", {
     className: "".concat(preCls, "__upload-right-tips")
-  }, item === null || item === void 0 ? void 0 : item.tips)), /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
-    condition: type === 'enterprise'
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "".concat(preCls, "__upload-right-tips")
-  }, item === null || item === void 0 ? void 0 : item.tips)), /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
-    condition: type === 'browser'
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "".concat(preCls, "__upload-right-tips")
-  }, item === null || item === void 0 ? void 0 : item.tips)))), /*#__PURE__*/_react["default"].createElement("div", {
+  }, item === null || item === void 0 ? void 0 : item.tips))), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(preCls, "__upload-left")
   }, /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
     condition: type === 'person'
@@ -253,13 +236,7 @@ var ChangePhoto = function ChangePhoto(props) {
   }), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(preCls, "__upload-left-box3")
   })), /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
-    condition: type === 'enterprise'
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(preCls, "__upload-left-box")
-  }), /*#__PURE__*/_react["default"].createElement("span", {
-    className: "".concat(preCls, "__upload-left-preview")
-  }, item === null || item === void 0 ? void 0 : item.previewTitle)), /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
-    condition: type === 'browser'
+    condition: type === 'enterprise' || type === 'browser'
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(preCls, "__upload-left-box")
   }), /*#__PURE__*/_react["default"].createElement("span", {

package/lib/components/user-selector/request-apis.js

@@ -163,7 +163,7 @@ var searchGroups = function searchGroups(_ref4) {
 exports.searchGroups = searchGroups;
 
 var getDuties = function getDuties() {
-  return _axios["default"].get("".concat(requestDomain(), "/api/v1/").concat(tenantId, "/").concat(userId, "/position/get?status=1&pageNum=1&pageSize=100")).then(function (res) {
+  return _axios["default"].get("".concat(requestDomain(), "/api/v1/").concat(tenantId, "/").concat(userId, "/position/get?status=1&pageNum=1&pageSize=1000")).then(function (res) {
     return res.data;
   });
 };

package/lib/pages/like-ranking/index.js

@@ -161,7 +161,7 @@ var LikeRanking = function LikeRanking() {
     } else if (item == (0, _getLocale.getLocale)('Feed_Tab_Title_Thisweek')) {
       createDate = (0, _formatTime.showWeekFirstDay)();
       endDate = (0, _formatTime.showNextWeekFirstDay)();
-    } else if (item == "本年") {
+    } else if (item == (0, _getLocale.getLocale)('Feed_Tab_Title_Thisyear')) {
       createDate = (0, _formatTime.getFirstDayOfYear)();
       endDate = (0, _formatTime.getNextDayOfYear)();
     }
@@ -174,7 +174,7 @@ var LikeRanking = function LikeRanking() {
   };
 
   var TabBar = function TabBar() {
-    var typeData = ["".concat((0, _getLocale.getLocale)('Mod_all')), "".concat((0, _getLocale.getLocale)('Feed_Tab_Title_Thisweek')), "".concat((0, _getLocale.getLocale)('Tasks_Menu_Thismonth')), "本年"];
+    var typeData = ["".concat((0, _getLocale.getLocale)('Mod_all')), "".concat((0, _getLocale.getLocale)('Feed_Tab_Title_Thisweek')), "".concat((0, _getLocale.getLocale)('Tasks_Menu_Thismonth')), (0, _getLocale.getLocale)('Feed_Tab_Title_Thisyear')];
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: "".concat(preCls, "__tab-bar")
     }, typeData.map(function (item, key) {

package/lib/pages/personal-info/components/base-info/index.css

@@ -2,7 +2,7 @@
   background: #ffffff;
   box-shadow: 0px 0px 8px 0px rgba(127, 145, 180, 0.1);
   border-radius: 12px;
-  padding: 20px 32px;
+  padding: 20px 32px 30px 36px;
   font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-serif, PingFang SC, Microsoft YaHei;
 }
 
@@ -10,7 +10,7 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-  margin-bottom: 12px;
+  margin-bottom: 20px;
 }
 
 .titaui-personal-info-base-info__header-title {
@@ -31,10 +31,28 @@
   border-radius: 2px;
   display: inline-block;
   position: absolute;
-  left: -8px;
+  left: -12px;
   top: 3px;
 }
 
+.titaui-personal-info-base-info__header .titaui-rect-btn--primary {
+  font-size: 14px;
+  font-weight: normal;
+  color: #2879FF;
+  line-height: 26px;
+  background: rgba(40, 121, 255, 0.2);
+}
+
+.titaui-personal-info-base-info__header .titaui-rect-btn--primary:hover {
+  color: #fff;
+  background-color: #2879ff;
+}
+
+.titaui-personal-info-base-info__header .titaui-rect-btn--normal {
+  height: 28px;
+  min-width: 64px;
+}
+
 .titaui-personal-info-base-info__header-btn {
   width: 64px;
   height: 28px;
@@ -57,6 +75,14 @@
   width: 342px;
 }
 
+.titaui-personal-info-base-info__form .form-field-input__border--disabled input:disabled {
+  color: #6F7886;
+}
+
+.titaui-personal-info-base-info .form-field-input__label {
+  margin-bottom: 4px;
+}
+
 .titaui-personal-info-base-info .form-field-input__border {
   padding: 0;
   border: none;
@@ -68,6 +94,8 @@
 }
 
 .titaui-personal-info-base-info .form-field-input__input {
+  font-size: 12px;
+  line-height: 18px;
   background-color: #fff;
 }
 

package/lib/pages/personal-info/components/base-info/index.js

@@ -15,7 +15,9 @@ var _requestApi = require("../../request-api");
 
 var _getLocale = require("../../../../utils/getLocale");
 
-var _editInfo = _interopRequireDefault(require("../edit-info"));
+var _editBaseInfo = _interopRequireDefault(require("../edit-base-info"));
+
+var _button = require("../../../../components/button");
 
 require("./index.css");
 
@@ -71,6 +73,10 @@ var BaseInfo = function BaseInfo() {
     setVisible(false);
   };
 
+  var handleSuccessEditBaseInfo = function handleSuccessEditBaseInfo(userInfo) {
+    setUserInfo(_objectSpread({}, userInfo));
+  };
+
   (0, _react.useEffect)(function () {
     (0, _requestApi.getUserInfoFun)().then(function (resp) {
       if (resp.Code === 1 && resp.Data) {
@@ -86,12 +92,14 @@ var BaseInfo = function BaseInfo() {
     className: "".concat(prefix, "__header")
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: "".concat(prefix, "__header-title")
-  }, (0, _getLocale.getLocale)('Per_Ass_New_title_text_BasicIn')), /*#__PURE__*/_react["default"].createElement("span", {
-    className: "".concat(prefix, "__header-btn"),
+  }, (0, _getLocale.getLocale)('Per_Ass_New_title_text_BasicIn')), /*#__PURE__*/_react["default"].createElement(_button.RectBtn, {
+    type: "primary",
+    text: (0, _getLocale.getLocale)('Mod_Editor'),
     onClick: handleClickEdit
-  }, (0, _getLocale.getLocale)('Mod_Editor')), /*#__PURE__*/_react["default"].createElement(_editInfo["default"], {
+  }), /*#__PURE__*/_react["default"].createElement(_editBaseInfo["default"], {
     visible: visible,
-    onCancel: handleCancelEdit
+    onCancel: handleCancelEdit,
+    handleSuccessEditBaseInfo: handleSuccessEditBaseInfo
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__form")
   }, /*#__PURE__*/_react["default"].createElement(_form["default"], {

package/lib/pages/personal-info/components/{edit-info → edit-base-info}/index.css

@@ -4,7 +4,7 @@
 }
 
 .titaui-edit-personal-info__form .form-field-input__label {
-  width: 62px;
+  min-width: 64px;
 }
 
 .titaui-edit-personal-info__form .form-field-input__label-text {

package/lib/pages/personal-info/components/{edit-info → edit-base-info}/index.js

@@ -48,7 +48,8 @@ var prefix = "titaui-edit-personal-info";
 
 var EditBaseInfo = function EditBaseInfo(props) {
   var visible = props.visible,
-      onCancel = props.onCancel;
+      onCancel = props.onCancel,
+      handleSuccessEditBaseInfo = props.handleSuccessEditBaseInfo;
   var modalRef = (0, _react.useRef)();
   var formContainerRef = (0, _react.useRef)();
   var formRef = (0, _react.useRef)();
@@ -106,10 +107,8 @@ var EditBaseInfo = function EditBaseInfo(props) {
             canClose: false
           });
 
+          handleSuccessEditBaseInfo(userInfo);
           onCancel();
-          setTimeout(function () {
-            window.location.reload();
-          }, 2000);
         } else {
           _toast["default"].Error(resp.Message, {
             canClose: false

package/lib/pages/personal-info/components/person-photo/index.css

@@ -4,7 +4,7 @@
   background: #ffffff;
   box-shadow: 0px 0px 8px 0px rgba(127, 145, 180, 0.1);
   border-radius: 12px;
-  padding: 20px 32px;
+  padding: 20px 32px 30px 36px;
   margin-top: 10px;
   font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-serif, PingFang SC, Microsoft YaHei;
 }
@@ -13,7 +13,7 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-  margin-bottom: 12px;
+  margin-bottom: 20px;
 }
 
 .titaui-personal-info-person-photo__header-title {
@@ -34,7 +34,7 @@
   border-radius: 2px;
   display: inline-block;
   position: absolute;
-  left: -8px;
+  left: -12px;
   top: 3px;
 }
 
@@ -55,11 +55,24 @@
   line-height: 18px;
 }
 
-.titaui-personal-info-person-photo__main > span {
-  margin-left: 24px;
+.titaui-personal-info-person-photo__main-tip {
+  margin-left: 32px;
   font-size: 12px;
   color: #A4ACB9;
   line-height: 20px;
+  position: relative;
+}
+
+.titaui-personal-info-person-photo__main-tip::before {
+  display: block;
+  content: '';
+  width: 4px;
+  height: 4px;
+  background: #A4ACB9;
+  position: absolute;
+  top: 7px;
+  left: -12px;
+  border-radius: 50%;
 }
 
 .titaui-personal-info-person-photo .titaui-pc-avator-container {

package/lib/pages/personal-info/components/person-photo/index.js

@@ -48,6 +48,11 @@ var PersonPhoto = function PersonPhoto() {
       visible = _useState2[0],
       setVisible = _useState2[1];
 
+  var _useState3 = (0, _react.useState)(''),
+      _useState4 = _slicedToArray(_useState3, 2),
+      avatar = _useState4[0],
+      setAvatar = _useState4[1];
+
   var handleChangePhoto = function handleChangePhoto() {
     setVisible(true);
   };
@@ -56,6 +61,13 @@ var PersonPhoto = function PersonPhoto() {
     setVisible(false);
   };
 
+  var handleSuccessUploadPhoto = function handleSuccessUploadPhoto(image) {
+    setAvatar(image);
+  };
+
+  (0, _react.useEffect)(function () {
+    setAvatar(UserAvatar.Large);
+  }, []);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix
   }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -68,17 +80,20 @@ var PersonPhoto = function PersonPhoto() {
     userId: Id,
     name: Name,
     color: UserAvatar.Color,
-    src: UserAvatar.Large,
+    src: avatar,
     size: {
       width: 160,
       textNum: 1,
       fontSize: 24
     },
     onClick: handleChangePhoto
-  }), /*#__PURE__*/_react["default"].createElement("span", null, "\xB7 \u5EFA\u8BAE\u56FE\u7247\u6700\u5C0F\u5C3A\u5BF8 150*150px")), /*#__PURE__*/_react["default"].createElement(_uploadPhotoModal["default"], {
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(prefix, "__main-tip")
+  }, "\u5EFA\u8BAE\u56FE\u7247\u6700\u5C0F\u5C3A\u5BF8 150*150px")), /*#__PURE__*/_react["default"].createElement(_uploadPhotoModal["default"], {
     visible: visible,
     onCancel: handleCancel,
-    type: "person"
+    type: "person",
+    handleSuccessUploadPhoto: handleSuccessUploadPhoto
   }));
 };
 

package/lib/utils/getLocale.js

@@ -3,10 +3,15 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getLocale = void 0;
+exports.isEn = exports.getLocale = void 0;
+
+var _bsGlobal = require("./bs-global");
 
 var getLocale = function getLocale(key) {
   return window.getLocale(key);
 };
 
-exports.getLocale = getLocale;
+exports.getLocale = getLocale;
+var i18nInfo = (0, _bsGlobal.getBSGlobal)("I18NInfo");
+var isEn = i18nInfo && i18nInfo.I18NOpen && i18nInfo.I18NUserLang === "en_US";
+exports.isEn = isEn;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@titaui/pc",
-  "version": "1.8.7",
+  "version": "1.8.8",
   "nameCN": "",
   "description": "",
   "main": "src/index.js",

package/src/components/change-okr-modal/Item.tsx

@@ -5,10 +5,7 @@ import { OpenUserName } from '../../utils/open-data';
 import  drawerManager  from '../../components/drawer-manager'
 import { getMonth, getTypeMap } from './constant';
 import { getLocale } from '../../utils/getLocale';
-import { getBSGlobal } from '../../utils/bs-global';
-
-const i18nInfo = getBSGlobal("I18NInfo");
-const isEn = i18nInfo && i18nInfo.I18NOpen && i18nInfo.I18NUserLang === "en_US";
+import { isEn } from '../../utils/getLocale';
 
 interface Props {
   data: OkrData,

package/src/components/change-okr-modal/constant.ts

@@ -1,8 +1,4 @@
-import { getBSGlobal } from "../../utils/bs-global";
-import { getLocale } from "../../utils/getLocale";
-
-const i18nInfo = getBSGlobal("I18NInfo");
-const isEn = i18nInfo && i18nInfo.I18NOpen && i18nInfo.I18NUserLang === "en_US";
+import { getLocale, isEn } from "../../utils/getLocale";
 
 export const getYear = () => {
   const years: any = [

package/src/components/dialog/index.scss

@@ -10,7 +10,7 @@ $font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-ser
 }
 .rc-dialog-mask {
   z-index: 1299 !important;
-  background: rgba(20, 28, 40, 0.5) !important;
+  background: rgba(20, 28, 40, 0.7) !important;
 }
 
 .titaui-dialog {

package/src/components/dynamic/my-team/index.tsx

@@ -191,7 +191,7 @@ const DynamicMyTeam: FC = () => {
             </ConditionRender>
             <ConditionRender condition={subordinate.length === 0}>
               <div className={`${prefix}__content-subordinate--empty`}>
-                您暂无下属，快去添加吧~
+                {getLocale('Feed_Tab_HaveSubordinates')}
               </div>
             </ConditionRender>
           </div>

package/src/components/form/form-fields/duties/index.tsx

@@ -115,9 +115,9 @@ export default forwardRef((props: Props, ref) => {
         overlay={<OverlayInner hasActive={hasActive} hasError={hasError} tip={tip} />}
         getTooltipContainer={getContainer}
       >
-        {/* @ts-ignore */}
         <DutiesSelector
           ref={dutiedPopRef}
+          // @ts-ignore
           multiple={false}
           // position="bottomLeft"
           position='centerRight'