@titaui/pc 1.8.61 → 1.9.0

package/lib/components/mblog/index.js

@@ -23,6 +23,8 @@ var _platform = require("../../utils/platform");
 
 var _uuid = _interopRequireDefault(require("uuid"));
 
+var _getLocale = require("../../utils/getLocale");
+
 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); }
@@ -356,35 +358,45 @@ var MBlog = /*#__PURE__*/function (_PureComponent) {
           submitStatus = _this$props3.submitStatus,
           contentClassName = _this$props3.contentClassName,
           isHasPlaceholder = _this$props3.isHasPlaceholder,
-          placeholderText = _this$props3.placeholderText,
+          _this$props3$placehol = _this$props3.placeholderText,
+          placeholderText = _this$props3$placehol === void 0 ? '有事需要提醒ta，请@ta' : _this$props3$placehol,
           maxLength = _this$props3.maxLength,
           autoResizing = _this$props3.autoResizing,
           initialTextHeight = _this$props3.initialTextHeight,
           autoFocus = _this$props3.autoFocus,
           actionClassName = _this$props3.actionClassName,
           isShowAttachment = _this$props3.isShowAttachment,
-          attachmentText = _this$props3.attachmentText,
+          _this$props3$attachme = _this$props3.attachmentText,
+          attachmentText = _this$props3$attachme === void 0 ? (0, _getLocale.getLocale)('Mod_Annexes') : _this$props3$attachme,
           attachmentTipText = _this$props3.attachmentTipText,
           fileNumLimit = _this$props3.fileNumLimit,
           attachmentPreviewBox = _this$props3.attachmentPreviewBox,
-          atAllText = _this$props3.atAllText,
-          atAllValue = _this$props3.atAllValue,
-          atAllTipText = _this$props3.atAllTipText,
+          _this$props3$atAllTex = _this$props3.atAllText,
+          atAllText = _this$props3$atAllTex === void 0 ? (0, _getLocale.getLocale)('Mod_AllColleagues') : _this$props3$atAllTex,
+          _this$props3$atAllVal = _this$props3.atAllValue,
+          atAllValue = _this$props3$atAllVal === void 0 ? '@[所有同事:all_members] ' : _this$props3$atAllVal,
+          _this$props3$atAllTip = _this$props3.atAllTipText,
+          atAllTipText = _this$props3$atAllTip === void 0 ? (0, _getLocale.getLocale)('OKR_MyO_Popup_Allcolleagues') : _this$props3$atAllTip,
           isShowAt = _this$props3.isShowAt,
           showAtAll = _this$props3.showAtAll,
-          atText = _this$props3.atText,
-          atTipText = _this$props3.atTipText,
+          _this$props3$atText = _this$props3.atText,
+          atText = _this$props3$atText === void 0 ? (0, _getLocale.getLocale)('Mod_colleague') : _this$props3$atText,
+          _this$props3$atTipTex = _this$props3.atTipText,
+          atTipText = _this$props3$atTipTex === void 0 ? (0, _getLocale.getLocale)('OKR_MyO_Popup_Butt_Colleagues') : _this$props3$atTipTex,
           userSelectorPopAlign = _this$props3.userSelectorPopAlign,
           isShowEmotion = _this$props3.isShowEmotion,
-          emotionText = _this$props3.emotionText,
+          _this$props3$emotionT = _this$props3.emotionText,
+          emotionText = _this$props3$emotionT === void 0 ? (0, _getLocale.getLocale)('Mod_Expressions') : _this$props3$emotionT,
           emotionTipText = _this$props3.emotionTipText,
           emotionsSelectorPopAlign = _this$props3.emotionsSelectorPopAlign,
           isShowSendSms = _this$props3.isShowSendSms,
-          sendSmsTipText = _this$props3.sendSmsTipText,
+          _this$props3$sendSmsT = _this$props3.sendSmsTipText,
+          sendSmsTipText = _this$props3$sendSmsT === void 0 ? (0, _getLocale.getLocale)('Tasks_Tab_MyS_Thecollenotified') : _this$props3$sendSmsT,
           isShowRange = _this$props3.isShowRange,
           isShowRangeDropDown = _this$props3.isShowRangeDropDown,
           isShowBtnCancel = _this$props3.isShowBtnCancel,
-          submitText = _this$props3.submitText,
+          _this$props3$submitTe = _this$props3.submitText,
+          submitText = _this$props3$submitTe === void 0 ? (0, _getLocale.getLocale)('Mod_Publish') : _this$props3$submitTe,
           setTextareaRef = _this$props3.setTextareaRef,
           disableRangeSelect = _this$props3.disableRangeSelect;
       var _this$state2 = this.state,
@@ -398,7 +410,7 @@ var MBlog = /*#__PURE__*/function (_PureComponent) {
           isShowDragMask = _this$state2.isShowDragMask,
           isAtAll = _this$state2.isAtAll;
       var fSize = (0, _bsGlobal.getUploadMaxSize)();
-      var fTip = attachmentTipText || '<p>支持拖拽上传</p><p>单次最多支持上传20个，总数不可超过50个</p><p>每个不超过' + fSize + 'MB</p>';
+      var fTip = attachmentTipText || (0, _getLocale.getLocale)('OKR_MyO_KRP_Draganddropu').replace('50MB', "".concat(fSize, "MB"));
       return /*#__PURE__*/_react["default"].createElement(_style.MBlogBox, {
         className: className,
         ref: "mblogbox",
@@ -495,7 +507,6 @@ MBlog.defaultProps = {
   // 输入相关
   defaultContent: '',
   isHasPlaceholder: false,
-  placeholderText: '有事需要提醒ta，请@ta',
   maxLength: 2000,
   autoFocus: false,
   autoResizing: true,
@@ -503,31 +514,22 @@ MBlog.defaultProps = {
   // 功能相关
   // 附件
   isShowAttachment: true,
-  attachmentText: '附件',
   // attachmentTipText: `<p>支持拖拽上传</p><p>单次最多支持上传20个</p><p>每个不超过50MB</p>`,
   attachmentTipText: '',
   fileNumLimit: 20,
   fileSizeLimit: 50,
   // @同事
   isShowAt: true,
-  atText: '同事',
-  atTipText: '想确保谁看到就@这个成员',
   // @所有同事
-  atAllText: '所有同事',
-  atAllValue: '@[所有同事:all_members] ',
-  atAllTipText: '所有同事将收到本条消息',
   // @表情
   isShowEmotion: true,
-  emotionText: '表情',
   emotionTipText: '',
   // @按钮相关
   isShowSendSms: true,
-  sendSmsTipText: '被@的同事将会收到通知',
   isShowRange: true,
   privateValue: 1,
   //1公开，2私密 3部门
   isShowRangeDropDown: true,
   isShowBtnCancel: true,
-  submitText: '发送',
   submitStatus: 0
 };

package/lib/components/mblog/style.js

@@ -18,7 +18,7 @@ var MBlogBox = _styledComponents["default"].div(_templateObject || (_templateObj
 
 exports.MBlogBox = MBlogBox;
 
-var DivMblogContent = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding: 8px 10px 6px;\n  border: 1px solid #E9ECF0;\n  border-radius: 4px;\n  background-color: #fff;\n  position: relative;\n  transition: all .2s ease-in-out;\n  height: 124px;\n  box-sizing: border-box;\n\n  &.input_default-active {\n    box-shadow: inset 0px 0px 4px 0px rgba(40, 121, 255, 0.3);\n    border-color: #2879ff;\n  }\n"])));
+var DivMblogContent = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding: 8px 10px 6px;\n  border: 1px solid #DFE3EA;\n  border-radius: 8px;\n  background-color: #fff;\n  position: relative;\n  transition: all .2s ease-in-out;\n  height: 124px;\n  box-sizing: border-box;\n\n  &.input_default-active {\n    box-shadow: inset 0px 0px 4px 0px rgba(40, 121, 255, 0.3);\n    border-color: #2879ff;\n  }\n"])));
 
 exports.DivMblogContent = DivMblogContent;
 
@@ -47,7 +47,7 @@ var Tips = _styledComponents["default"].div(_templateObject7 || (_templateObject
 
 exports.Tips = Tips;
 
-var MblogActionWrapper = _styledComponents["default"].div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  height: 30px;\n  padding: 9px 0 8px 0;\n  font-size: 13px;\n  line-height: 20px;\n  color: #565E66;\n  background-color: #ffffff;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n"]))); // 左侧按钮
+var MblogActionWrapper = _styledComponents["default"].div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  height: 30px;\n  padding: 28px 0 2px 0;\n  font-size: 13px;\n  line-height: 20px;\n  color: #565E66;\n  background-color: #ffffff;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n"]))); // 左侧按钮
 
 
 exports.MblogActionWrapper = MblogActionWrapper;
@@ -66,7 +66,7 @@ var IconSpan = _styledComponents["default"].span(_templateObject11 || (_template
 
 exports.IconSpan = IconSpan;
 
-var RightBtnGroupWrapper = _styledComponents["default"].div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  height: 100%;\n  display: flex;\n  align-items: center;\n\n  button {\n    min-width: 90px;\n    height: 32px;\n    box-sizing: border-box;\n    border-radius: 4px;\n    border: none;\n  }\n"])));
+var RightBtnGroupWrapper = _styledComponents["default"].div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  height: 100%;\n  display: flex;\n  align-items: center;\n\n  button {\n    min-width: 90px;\n    height: 32px;\n    box-sizing: border-box;\n    border-radius: 18px;\n    border: none;\n  }\n"])));
 
 exports.RightBtnGroupWrapper = RightBtnGroupWrapper;
 
@@ -78,7 +78,7 @@ var BtnCancel = _styledComponents["default"].button(_templateObject14 || (_templ
 
 exports.BtnCancel = BtnCancel;
 
-var BtnConfirm = _styledComponents["default"].button(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  color: #ffffff;\n  background: #2879FF;\n  white-space: nowrap;\n  border-radius: 4px;\n\n  &.disabled {\n    color: #ffffff;\n    background: #93BCFF;\n    cursor: default;\n  }\n"])));
+var BtnConfirm = _styledComponents["default"].button(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  color: #ffffff;\n  background: #2879FF;\n  white-space: nowrap;\n  border-radius: 18px;\n\n  &.disabled {\n    color: #ffffff;\n    background: #93BCFF;\n    cursor: default;\n  }\n"])));
 
 exports.BtnConfirm = BtnConfirm;
 

package/lib/components/menus/components/drag-resize/index.js

@@ -11,6 +11,8 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
+var _getLocale = require("../../../../utils/getLocale");
+
 require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -24,11 +26,11 @@ var preCls = 'titaui-drag-resize';
 var _default = function _default(props) {
   var children = props.children,
       _props$defaultWidth = props.defaultWidth,
-      defaultWidth = _props$defaultWidth === void 0 ? 180 : _props$defaultWidth,
+      defaultWidth = _props$defaultWidth === void 0 ? _getLocale.isEn ? 210 : 180 : _props$defaultWidth,
       _props$onResize = props.onResize,
       onResize = _props$onResize === void 0 ? function () {} : _props$onResize,
       _props$minWidth = props.minWidth,
-      minWidth = _props$minWidth === void 0 ? 180 : _props$minWidth,
+      minWidth = _props$minWidth === void 0 ? _getLocale.isEn ? 210 : 180 : _props$minWidth,
       _props$maxWidth = props.maxWidth,
       maxWidth = _props$maxWidth === void 0 ? 600 : _props$maxWidth;
   var dragRef = (0, _react.useRef)();

package/lib/components/menus/components/flip-menu-card/flip-back-header.js

@@ -11,6 +11,8 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _precls = _interopRequireDefault(require("./precls"));
 
+var _getLocale = require("../../../../utils/getLocale");
+
 require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -22,7 +24,7 @@ var _default = function _default(props) {
     onClick: onClick
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("".concat(_precls["default"], "__inner-back-action-icon"), "tu-icon-fanhui")
-  }), /*#__PURE__*/_react["default"].createElement("span", null, "\u8FD4\u56DE"));
+  }), /*#__PURE__*/_react["default"].createElement("span", null, (0, _getLocale.getLocale)('Mod_Back')));
 };
 
 exports["default"] = _default;

package/lib/components/menus/components/menu-tree/tree-node/assess-manage.js

@@ -11,10 +11,15 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _precls = _interopRequireDefault(require("../precls"));
 
+var _bsGlobal = require("../../../../../utils/bs-global");
+
 require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+var i18nInfo = (0, _bsGlobal.getBSGlobal)("I18NInfo");
+var isZn = !i18nInfo || i18nInfo && i18nInfo.I18NOpen && i18nInfo.I18NUserLang === "zh_CN";
+
 var _default = function _default(props) {
   var data = props.data,
       level = props.level;
@@ -35,7 +40,7 @@ var _default = function _default(props) {
     className: (0, _classnames["default"])("".concat(_precls["default"], "__ass-manage-node-icon"), data.icon)
   }), /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("".concat(_precls["default"], "__ass-manage-node-title"), 'noselect')
-  }, props.title), /*#__PURE__*/_react["default"].createElement("span", {
+  }, props.title), isZn && /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("".concat(_precls["default"], "__ass-manage-node-suffix"))
   }));
 };

package/lib/components/menus/components/menu-tree/tree-node/assess-template.js

@@ -11,10 +11,15 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _precls = _interopRequireDefault(require("../precls"));
 
+var _bsGlobal = require("../../../../../utils/bs-global");
+
 require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+var i18nInfo = (0, _bsGlobal.getBSGlobal)("I18NInfo");
+var isZn = !i18nInfo || i18nInfo && i18nInfo.I18NOpen && i18nInfo.I18NUserLang === "zh_CN";
+
 var _default = function _default(props) {
   var data = props.data,
       level = props.level;
@@ -35,7 +40,7 @@ var _default = function _default(props) {
     className: (0, _classnames["default"])("".concat(_precls["default"], "__ass-template-node-icon"), data.icon)
   }), /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("".concat(_precls["default"], "__ass-template-node-title"), 'noselect')
-  }, props.title), /*#__PURE__*/_react["default"].createElement("span", {
+  }, props.title), isZn && /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("".concat(_precls["default"], "__ass-template-node-suffix"))
   }));
 };

package/lib/components/menus/components/menu-tree/tree-node/index.css

@@ -585,6 +585,7 @@
   margin-left: 8px;
   background-image: url("../images/appraisal-menu/setting.svg");
   background-size: contain;
+  background-repeat: no-repeat;
 }
 
 .titaui-menus-tree__ass-manage-node {
@@ -690,6 +691,7 @@
   margin-left: 8px;
   background-image: url("../images/appraisal-menu/launch.svg");
   background-size: contain;
+  background-repeat: no-repeat;
 }
 
 .titaui-menus-tree__user-concern-node {

package/lib/components/menus/components/menu-tree/tree-node/no-follower.js

@@ -18,10 +18,12 @@ require("./index.css");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var _default = function _default() {
+  var noFollowerText = window['getLocale'] && window['getLocale'](_i18n.locale.nofollowers) || _i18n.locale.nofollowers;
+
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(_precls["default"], "__no-follower-node")),
     title: ""
-  }, /*#__PURE__*/_react["default"].createElement("span", null, _i18n.locale.nofollowers));
+  }, /*#__PURE__*/_react["default"].createElement("span", null, noFollowerText));
 };
 
 exports["default"] = _default;

package/lib/components/menus/components/search-colleague/index.js

@@ -43,7 +43,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 var _default = function _default(props) {
   var _props$placeholder = props.placeholder,
-      placeholder = _props$placeholder === void 0 ? _i18n.locale.input_search_user : _props$placeholder,
+      placeholder = _props$placeholder === void 0 ? window['getLocale'] && window['getLocale'](_i18n.locale.input_search_user) || _i18n.locale.input_search_user : _props$placeholder,
       onSelect = props.onSelect;
   var selectorRef = (0, _react.useRef)();
 

package/lib/components/menus/export-modules/appraisal-menus/index.js

@@ -27,6 +27,8 @@ var _menuHighlight = _interopRequireDefault(require("./menu-highlight"));
 
 var _precls = _interopRequireDefault(require("../../precls"));
 
+var _getLocale = require("../../../../utils/getLocale");
+
 require("../../index.css");
 
 require("./index.css");
@@ -100,8 +102,8 @@ var AppraisalMenus = function AppraisalMenus(props) {
     window.titaTracker && // @ts-ignore
     window.titaTracker('action').record({
       actionName: "\u7EE9\u6548\u8003\u6838__".concat(node.title),
-      actionGroup: '绩效考核',
-      productName: '绩效考核'
+      actionGroup: (0, _getLocale.getLocale)('Menu_Title_Performance'),
+      productName: (0, _getLocale.getLocale)('Menu_Title_Performance')
     });
   };
 
@@ -141,7 +143,7 @@ var AppraisalMenus = function AppraisalMenus(props) {
   }, /*#__PURE__*/_react["default"].createElement(_flipMenuCard["default"], {
     collapseMenu: collapseMenu,
     ref: flipRef,
-    defaultWidth: 180
+    defaultWidth: _getLocale.isEn ? 210 : 180
   }, /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(_precls["default"], "-appraisal-menus-tree"))
   }, /*#__PURE__*/_react["default"].createElement(_scrollbar["default"], {

package/lib/components/menus/export-modules/appraisal-menus/menus.js

@@ -9,6 +9,8 @@ var _bsGlobal = require("../../../../utils/bs-global");
 
 var _i18n = require("../../i18n");
 
+var _getLocale = require("../../../../utils/getLocale");
+
 var _index = require("../../components/menu-tree/tree-node/index");
 
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -120,7 +122,7 @@ var AppraisalMenus = /*#__PURE__*/function () {
       isShow: performanceStatisticsAuthority
     }, {
       icon: "",
-      label: "基础设置",
+      label: _i18n.locale.menu_basesetting,
       key: "base-appraisal-group",
       type: _index.GROUP_NAME_NODE,
       href: "",
@@ -163,7 +165,7 @@ var AppraisalMenus = /*#__PURE__*/function () {
         if (menu.isShow) {
           treeNodes.push({
             key: "".concat(menu.key),
-            title: menu.label,
+            title: (0, _getLocale.getLocale)(menu.label) ? (0, _getLocale.getLocale)(menu.label) : menu.label,
             data: menu,
             isLeaf: true,
             children: [],

package/lib/components/menus/export-modules/manage-menus/index.css

@@ -1,12 +0,0 @@
-.titaui-menus-manage-menus {
-  width: 180px;
-  position: relative;
-  box-sizing: border-box;
-  display: flex;
-  flex-direction: column;
-  background: #ffffff;
-  padding: 28px 12px;
-  box-shadow: 0px 0px 16px 0px rgba(127, 145, 180, 0.1);
-  border-radius: 12px;
-  will-change: height;
-}

package/lib/components/menus/export-modules/manage-menus/index.js

@@ -11,6 +11,8 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _reactRouter = require("react-router");
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var _menuTree = _interopRequireDefault(require("../../components/menu-tree"));
 
 var _index = require("../../components/menu-tree/tree-node/index");
@@ -19,6 +21,12 @@ var _constant = require("./constant");
 
 var _handleHighlight = require("./handle-highlight");
 
+var _getLocale = require("../../../../utils/getLocale");
+
+var _flipMenuCard = _interopRequireDefault(require("../../components/flip-menu-card"));
+
+var _scrollbar = _interopRequireDefault(require("../../../scrollbar"));
+
 require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -50,6 +58,12 @@ var ManageMenus = function ManageMenus(props) {
       selectedMenuKeys = _useState2[0],
       setSelectedMenuKeys = _useState2[1];
 
+  var flipRef = (0, _react.useRef)({
+    next: function next() {},
+    goback: function goback() {}
+  });
+  var menuRef = (0, _react.useRef)();
+
   var formateToTreeNodeData = function formateToTreeNodeData(menus) {
     var pid = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
     var level = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
@@ -63,7 +77,7 @@ var ManageMenus = function ManageMenus(props) {
       if (!nodeType) nodeType = !isLeaf ? _index.PARENT_MENU_NODE : _index.SUB_MENU_ITEM_NOE;
       treeNodes.push({
         key: "".concat(menu.key),
-        title: menu.label,
+        title: (0, _getLocale.getLocale)(menu.label) ? (0, _getLocale.getLocale)(menu.label) : menu.label,
         data: menu.data || menu,
         isLeaf: isLeaf,
         children: formateToTreeNodeData(menu.children || [], level + 1, menu.key),
@@ -74,6 +88,14 @@ var ManageMenus = function ManageMenus(props) {
     return treeNodes;
   };
 
+  var collapseMenu = function collapseMenu(isHide) {
+    if (isHide) {
+      menuRef.current.style.width = "0px";
+    } else {
+      menuRef.current.style.width = "";
+    }
+  };
+
   (0, _react.useEffect)(function () {
     var search = history.location.search;
     var activeMenu = new _handleHighlight.JudgeManageHighLightMenu(search).getHighLightMenu();
@@ -88,13 +110,20 @@ var ManageMenus = function ManageMenus(props) {
   };
 
   return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(preCls, "-manage-menus")
-  }, /*#__PURE__*/_react["default"].createElement(_menuTree["default"], {
+    ref: menuRef,
+    className: (0, _classnames["default"])("".concat(preCls, "-manage-menus"))
+  }, /*#__PURE__*/_react["default"].createElement(_flipMenuCard["default"], {
+    collapseMenu: collapseMenu,
+    ref: flipRef,
+    defaultWidth: _getLocale.isEn ? 210 : 180
+  }, /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(preCls, "-appraisal-menus-tree"))
+  }, /*#__PURE__*/_react["default"].createElement(_scrollbar["default"], null, /*#__PURE__*/_react["default"].createElement(_menuTree["default"], {
     data: formateToTreeNodeData(_constant.menus),
     selectedKeys: selectedMenuKeys,
     expandedKeys: expandedKeys,
     onSelect: onSelectHandler
-  }));
+  })))), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null)));
 };
 
 var _default = (0, _reactRouter.withRouter)(ManageMenus);

package/lib/components/menus/export-modules/okr-menus/depart-menus/index.js

@@ -95,19 +95,21 @@ var _default = function _default() {
       isGetUser = _useState14[0];
 
   (0, _react.useEffect)(function () {
+    var allDepartmentText = window['getLocale'] && window['getLocale'](_i18n.locale.menu_alldeparment) || _i18n.locale.menu_alldeparment;
+
     (0, _requestApis.getDepsAndUsers)(-1, isGetUser).then(function (rawTreeData) {
       var rootNode = {
         'async': true,
         'data': {
           'id': 0,
-          'name': _i18n.locale.menu_alldeparment
+          'name': allDepartmentText
         },
         'pid': -1,
         'id': "0",
         'key': '0',
         'isLeaf': true,
         'nodeType': _index.DEPART_NODE,
-        'title': _i18n.locale.menu_alldeparment
+        'title': allDepartmentText
       };
       setRawTreeData([rootNode].concat(_toConsumableArray(rawTreeData)));
       setTreeData((0, _utils.toTree)([rootNode].concat(_toConsumableArray(rawTreeData))));

package/lib/components/menus/export-modules/okr-menus/index.js

@@ -27,6 +27,8 @@ var _context = require("../../context");
 
 var _precls = _interopRequireDefault(require("../../precls"));
 
+var _getLocale = require("../../../../utils/getLocale");
+
 require("../../index.css");
 
 require("./index.css");
@@ -111,7 +113,7 @@ var OkrMenus = function OkrMenus(props) {
   }, /*#__PURE__*/_react["default"].createElement(_flipMenuCard["default"], {
     ref: flipRef,
     collapseMenu: collapseMenu,
-    defaultWidth: 180,
+    defaultWidth: _getLocale.isEn ? 210 : 180,
     onChange: onFlipChangeHandler
   }, /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
     style: {

package/lib/components/menus/export-modules/okr-menus/menus.js

@@ -13,6 +13,8 @@ var _index = require("../../components/menu-tree/tree-node/index");
 
 var _helpers = require("../../../../utils/helpers");
 
+var _getLocale = require("../../../../utils/getLocale");
+
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -331,7 +333,7 @@ var okrMenus = /*#__PURE__*/function () {
         if (!nodeType) nodeType = !isLeaf ? _index.PARENT_MENU_NODE : _index.SUB_MENU_ITEM_NOE;
         treeNodes.push({
           'key': "".concat(menu.key),
-          'title': menu.label,
+          'title': (0, _getLocale.getLocale)(menu.label) ? (0, _getLocale.getLocale)(menu.label) : menu.label,
           'data': menu.data || menu,
           'isLeaf': isLeaf,
           'children': this.formateToTreeNodeData(menu.children || [], level + 1, menu.key),

package/lib/components/menus/i18n.js

@@ -12,49 +12,45 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 var I18N = /*#__PURE__*/_createClass(function I18N() {
-  var isEN = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-
   _classCallCheck(this, I18N);
 
-  this.menu_alldeparment = '公司全部';
-  this.menu_myokr = '我的 OKR';
-  this.menu_responsible = '我负责的';
-  this.menu_participated = '我参与的';
-  this.menu_concerned = '我关注的';
-  this.menu_subordinate = '下属 OKR';
-  this.menu_concerned_user = '关注的人';
-  this.menu_other = '其它';
-  this.menu_okrmap = 'OKR 地图';
-  this.menu_okrdashboard = 'OKR 仪表盘';
-  this.menu_okr_working_method = 'OKR 工作法';
-  this.menu_okrcases = 'OKR 案例库';
-  this.menu_myass = '我的考核';
-  this.menu_evaluated_ass = '我评价的';
-  this.menu_subordinate_ass = '下属考核';
-  this.menu_department_ass = '部门考核';
-  this.menu_management_ass = '考核管理';
-  this.menu_template_ass = '考核模板';
-  this.menu_library_ass = '考核指标库';
-  this.menu_score_ass = '评价设置';
-  this.menu_help_ass = '考核帮助';
-  this.menu_statistics_ass = '考核报表';
-  this.menu_dashboard_ass = '考核仪表盘';
-  this.input_search_user = '搜索同事';
-  this.nofollowers = '暂无关注的人';
+  this.menu_alldeparment = "OKR_Menu_Title_All";
+  this.menu_myokr = "OKR_Menu_Title_MyOKRs";
+  this.menu_responsible = "OKR_Menu_Title03_Owned";
+  this.menu_participated = "OKR_Menu_Title_Collaborator";
+  this.menu_concerned = "OKR_Menu_Title_FollowingOKRs";
+  this.menu_subordinate = "OKR_Menu_Title_DirectReports";
+  this.menu_concerned_user = "OKR_Menu_Title_FollowingOKR";
+  this.menu_other = "OKR_Menu_Title_Others";
+  this.menu_okrmap = "OKR_Menu_Title_Alignment";
+  this.menu_okrdashboard = "OKR_Menu_Title_Dashboard";
+  this.menu_okr_working_method = "OKR_Menu_Title_OKRWork";
+  this.menu_okrcases = "OKR_Menu_Title_OKRExamples";
+  this.menu_myass = "Per_Menu_Title_MyReviews";
+  this.menu_evaluated_ass = "Per_Menu_Title_MyEvaluation";
+  this.menu_subordinate_ass = "Per_Menu_Title_Subordinate";
+  this.menu_department_ass = "Per_Menu_Title_Department";
+  this.menu_management_ass = "Per_Menu_Title_AssessmentMana";
+  this.menu_template_ass = "Per_Menu_Title_Assessmenttempla";
+  this.menu_library_ass = "Per_Menu_Title_IndicatorDatabase";
+  this.menu_score_ass = "Per_Menu_Title_Settings";
+  this.menu_help_ass = "Per_Menu_Title_Help";
+  this.menu_statistics_ass = "Per_Menu_Title_Reports";
+  this.menu_dashboard_ass = "Per_Menu_Title_Dashboard";
+  this.menu_basesetting = "Per_Menu_Title_Label_BasicSettings";
+  this.input_search_user = "OKR_Menu_text_SearchMembers";
+  this.nofollowers = "OKR_Menu_txt_NoFollowers";
   this.nosubordinates = '暂无下属';
-  this.alldeparment = '公司全部';
-  this.unsubscribe = '取消关注';
-  this.menu_regulation_enterprise = '企业管理规定';
-  this.menu_regulation_okr = 'OKR规定';
-  this.menu_regulation_project = '项目规定';
-  this.menu_regulation_plan = '计划规定';
-  this.menu_regulation_daily = '日报规定';
-  this.menu_regulation_weekly = '周报规定';
-  this.menu_regulation_monthly = '月报规定';
-
-  if (isEN) {// 替换成英文
-  }
+  this.alldeparment = "OKR_Menu_Title_All";
+  this.unsubscribe = "OKR_MyO_Butt_Unfollow";
+  this.menu_regulation_enterprise = "Per_Menu_ManRegu";
+  this.menu_regulation_okr = "Regul_Menu_OKR";
+  this.menu_regulation_project = "Regul_Menu_Projects";
+  this.menu_regulation_plan = "Regul_Menu_Tasks";
+  this.menu_regulation_daily = "Regul_Menu_DailyReport";
+  this.menu_regulation_weekly = "Regul_Menu_WeeklyReport";
+  this.menu_regulation_monthly = "Regul_Menu_MonthlyReport";
 });
 
-var locale = new I18N(false);
+var locale = new I18N();
 exports.locale = locale;

package/lib/components/nav-top/components/user-message/components/empty/index.js

@@ -13,6 +13,8 @@ var _emptyImg = _interopRequireDefault(require("../../images/empty-img.svg"));
 
 var _conditionRender = _interopRequireDefault(require("../../../../../condition-render"));
 
+var _getLocale = require("../../../../../../utils/getLocale");
+
 require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -27,13 +29,13 @@ var Empty = function Empty(props) {
     src: _emptyImg["default"]
   }), /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(preCls, "__empty-text"))
-  }, "\u6682\u65F6\u6CA1\u6709\u9700\u8981\u5904\u7406\u7684\u6D88\u606F\u54E6\uFF5E"), /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
+  }, (0, _getLocale.getLocale)('Menu_Title_NoNews')), /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
     condition: tabPath !== null
   }, /*#__PURE__*/_react["default"].createElement("a", {
     target: "_blank",
     href: tabPath,
     className: (0, _classnames["default"])("".concat(preCls, "__empty-all"))
-  }, "\u67E5\u770B\u5168\u90E8\u6D88\u606F")));
+  }, (0, _getLocale.getLocale)('Menu_Title_ViewNews'))));
 };
 
 var _default = Empty;

package/lib/components/nav-top/components/user-message/components/remind/index.js

@@ -25,6 +25,8 @@ var _remindItem = _interopRequireDefault(require("./remind-item"));
 
 var _loading = _interopRequireDefault(require("../../images/loading.gif"));
 
+var _getLocale = require("../../../../../../utils/getLocale");
+
 require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -112,7 +114,7 @@ var Remind = function Remind(props) {
     onClick: function onClick() {
       return deleteAll();
     }
-  }, "\u5168\u90E8\u5FFD\u7565"))), /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
+  }, (0, _getLocale.getLocale)('Feed_Tab_IgnoreAll')))), /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
     condition: isLoading === false && reminds.length === 0
   }, /*#__PURE__*/_react["default"].createElement(_empty["default"], {
     tabPath: null