@titaui/pc 1.8.5 → 1.8.9

package/lib/components/form/form-fields/input-verification-code/index.js

@@ -35,7 +35,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var preCls = 'verification-code-input';
+var preCls = "verification-code-input";
 
 var OverlayInner = function OverlayInner(_ref) {
   var hasError = _ref.hasError,
@@ -43,12 +43,12 @@ var OverlayInner = function OverlayInner(_ref) {
       tip = _ref.tip;
   if (hasActive) return /*#__PURE__*/_react["default"].createElement("span", {
     style: {
-      'color': '#3F4755'
+      color: "#3F4755"
     }
   }, tip);
   if (hasError) return /*#__PURE__*/_react["default"].createElement("span", {
     style: {
-      'color': '#F05E5E'
+      color: "#F05E5E"
     }
   }, tip);
   return /*#__PURE__*/_react["default"].createElement("span", null);
@@ -70,7 +70,8 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       _props$className = props.className,
       className = _props$className === void 0 ? "" : _props$className,
       _props$btnClick = props.btnClick,
-      btnClick = _props$btnClick === void 0 ? function () {} : _props$btnClick;
+      btnClick = _props$btnClick === void 0 ? function () {} : _props$btnClick,
+      beforeSend = props.beforeSend;
   var inputRef = (0, _react.useRef)();
 
   var _useState = (0, _react.useState)(false),
@@ -83,7 +84,7 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       hasActive = _useState4[0],
       setHasActive = _useState4[1];
 
-  var _useState5 = (0, _react.useState)('获取验证码'),
+  var _useState5 = (0, _react.useState)("获取验证码"),
       _useState6 = _slicedToArray(_useState5, 2),
       btn_info = _useState6[0],
       setBtn_info = _useState6[1];
@@ -93,12 +94,12 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       btnCanClick = _useState8[0],
       setBtnCanClick = _useState8[1];
 
-  var _useState9 = (0, _react.useState)(''),
+  var _useState9 = (0, _react.useState)(""),
       _useState10 = _slicedToArray(_useState9, 2),
       tip = _useState10[0],
       setTip = _useState10[1];
 
-  var _useState11 = (0, _react.useState)(props.value || ''),
+  var _useState11 = (0, _react.useState)(props.value || ""),
       _useState12 = _slicedToArray(_useState11, 2),
       value = _useState12[0],
       setValue = _useState12[1];
@@ -150,15 +151,17 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       setTip(errors[0].tip);
     } else {
       setHasError(false);
-      setTip('');
+      setTip("");
     }
   };
 
   var HandlerCode = function HandlerCode() {
-    var errors = _verifing();
+    if (beforeSend) {
+      var result = beforeSend();
+      if (!result) return;
+    }
 
-    if (errors.length) return;
-    if (!btnCanClick || hasError) return;
+    if (!btnCanClick) return;
     btnClick && btnClick();
     var time = 60;
     setBtn_info("".concat(time, "s\u91CD\u65B0\u53D1\u9001"));
@@ -166,7 +169,7 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var timer = setInterval(function () {
       if (time === 0) {
         clearInterval(timer);
-        setBtn_info('获取验证码');
+        setBtn_info("获取验证码");
         setBtnCanClick(true);
       } else {
         setBtn_info("".concat(time, "s\u91CD\u65B0\u53D1\u9001"));
@@ -177,7 +180,7 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 
   (0, _react.useImperativeHandle)(ref, function () {
     return {
-      'verifing': function verifing() {
+      verifing: function verifing() {
         var errors = _verifing();
 
         if (errors.length) {
@@ -191,7 +194,7 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     };
   });
   return /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])(preCls, _defineProperty({}, "".concat(preCls, "-row"), layout === 'row'), className)
+    className: (0, _classnames["default"])(preCls, _defineProperty({}, "".concat(preCls, "-row"), layout === "row"), className)
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(preCls, "__label"))
   }, /*#__PURE__*/_react["default"].createElement("span", {
@@ -201,7 +204,7 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   }, "*")), /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(preCls, "__border"), (_classNames2 = {}, _defineProperty(_classNames2, "".concat(preCls, "__border--error"), hasError), _defineProperty(_classNames2, "".concat(preCls, "__border--active"), hasActive), _defineProperty(_classNames2, "".concat(preCls, "__border--disabled"), disabled), _classNames2))
   }, /*#__PURE__*/_react["default"].createElement(_errorTip["default"], {
-    placement: 'topLeft',
+    placement: "topLeft",
     destroyTooltipOnHide: true,
     visible: (hasActive || hasError) && tip,
     overlay: /*#__PURE__*/_react["default"].createElement(OverlayInner, {

package/lib/components/form/form-fields/password/index.css

@@ -1,3 +1,17 @@
+.form-field-input-row {
+  display: flex;
+  align-items: center;
+}
+
+.form-field-input-row .form-field-input__label {
+  margin-bottom: unset;
+}
+
+.form-field-input-row .form-field-input__border {
+  margin-left: 16px;
+  flex: 1;
+}
+
 .form-field-input__label {
   height: 22px;
   font-size: 14px;
@@ -23,6 +37,10 @@
   box-sizing: border-box;
 }
 
+.form-field-input__border .tu-icon-yincang {
+  cursor: pointer;
+}
+
 .form-field-input__border--error {
   box-shadow: inset 0px 0px 4px 0px rgba(240, 94, 94, 0.3);
   border: 1px solid #f05e5e;

package/lib/components/form/form-fields/password/index.js

@@ -35,7 +35,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var preCls = 'form-field-input';
+var preCls = "form-field-input";
 
 var OverlayInner = function OverlayInner(_ref) {
   var hasError = _ref.hasError,
@@ -43,28 +43,28 @@ var OverlayInner = function OverlayInner(_ref) {
       tip = _ref.tip;
   if (hasError) return /*#__PURE__*/_react["default"].createElement("span", {
     style: {
-      'color': '#F05E5E'
+      color: "#F05E5E"
     }
   }, tip);
   if (hasActive) return /*#__PURE__*/_react["default"].createElement("span", {
     style: {
-      'color': '#3F4755'
+      color: "#3F4755"
     }
   }, tip);
   return /*#__PURE__*/_react["default"].createElement("span", null);
 };
 
 var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var _classNames;
+  var _classNames2;
 
   var label = props.label,
       verifies = props.verifies,
       placeholder = props.placeholder,
       onChange = props.onChange,
       require = props.require,
-      type = props.type,
       name = props.name,
-      getContainer = props.getContainer;
+      getContainer = props.getContainer,
+      layout = props.layout;
   var inputRef = (0, _react.useRef)();
 
   var _useState = (0, _react.useState)(false),
@@ -77,15 +77,20 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       hasActive = _useState4[0],
       setHasActive = _useState4[1];
 
-  var _useState5 = (0, _react.useState)(''),
+  var _useState5 = (0, _react.useState)(false),
       _useState6 = _slicedToArray(_useState5, 2),
-      tip = _useState6[0],
-      setTip = _useState6[1];
+      showPwd = _useState6[0],
+      setShowPwd = _useState6[1];
 
-  var _useState7 = (0, _react.useState)(props.value || ''),
+  var _useState7 = (0, _react.useState)(""),
       _useState8 = _slicedToArray(_useState7, 2),
-      value = _useState8[0],
-      setValue = _useState8[1];
+      tip = _useState8[0],
+      setTip = _useState8[1];
+
+  var _useState9 = (0, _react.useState)(props.value || ""),
+      _useState10 = _slicedToArray(_useState9, 2),
+      value = _useState10[0],
+      setValue = _useState10[1];
 
   (0, _react.useEffect)(function () {
     setValue(props.value);
@@ -134,13 +139,13 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       setTip(errors[0].tip);
     } else {
       setHasError(false);
-      setTip('');
+      setTip("");
     }
   };
 
   (0, _react.useImperativeHandle)(ref, function () {
     return {
-      'verifing': function verifing() {
+      verifing: function verifing() {
         var errors = _verifing();
 
         if (errors.length) {
@@ -153,8 +158,13 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       }
     };
   });
+
+  var onTypeChangeHandler = function onTypeChangeHandler() {
+    return setShowPwd(!showPwd);
+  };
+
   return /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])(preCls)
+    className: (0, _classnames["default"])(preCls, _defineProperty({}, "".concat(preCls, "-row"), layout === "row"))
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(preCls, "__label"))
   }, /*#__PURE__*/_react["default"].createElement("span", {
@@ -162,9 +172,9 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   }, label), require && /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("".concat(preCls, "__label-require"))
   }, "*")), /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])("".concat(preCls, "__border"), (_classNames = {}, _defineProperty(_classNames, "".concat(preCls, "__border--error"), hasError), _defineProperty(_classNames, "".concat(preCls, "__border--active"), hasActive), _classNames))
+    className: (0, _classnames["default"])("".concat(preCls, "__border"), (_classNames2 = {}, _defineProperty(_classNames2, "".concat(preCls, "__border--error"), hasError), _defineProperty(_classNames2, "".concat(preCls, "__border--active"), hasActive), _classNames2))
   }, /*#__PURE__*/_react["default"].createElement(_errorTip["default"], {
-    placement: 'topLeft',
+    placement: "topLeft",
     destroyTooltipOnHide: true,
     visible: (hasActive || hasError) && tip,
     overlay: /*#__PURE__*/_react["default"].createElement(OverlayInner, {
@@ -173,9 +183,9 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       tip: tip
     }),
     getTooltipContainer: getContainer
-  }, /*#__PURE__*/_react["default"].createElement("input", {
+  }, /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("input", {
     ref: inputRef,
-    type: type,
+    type: showPwd ? "text" : "password",
     className: (0, _classnames["default"])("".concat(preCls, "__input")),
     value: value,
     placeholder: placeholder,
@@ -183,7 +193,10 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     onBlur: onBlurHandler,
     onChange: onChangeHandler,
     autoComplete: "off"
-  }))));
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "tu-icon-yincang",
+    onClick: onTypeChangeHandler
+  })))));
 });
 
 exports["default"] = _default;

package/lib/components/form/form-fields/user/user-input.js

@@ -13,6 +13,8 @@ var _default2 = _interopRequireDefault(require("../../../avatar/default"));
 
 var _tooltip = _interopRequireDefault(require("../../../tooltip"));
 
+var _getLocale = require("../../../../utils/getLocale");
+
 require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -22,7 +24,7 @@ var preCls = 'form-field-user';
 var _default = function _default(props) {
   var users = props.users,
       _props$placeholder = props.placeholder,
-      placeholder = _props$placeholder === void 0 ? '请选择' : _props$placeholder,
+      placeholder = _props$placeholder === void 0 ? (0, _getLocale.getLocale)('Mod_Pleaseselect') : _props$placeholder,
       onClear = props.onClear;
   var userNames = [];
   (users || []).forEach(function (user) {

package/lib/components/form/index.js

@@ -29,6 +29,8 @@ var _group = _interopRequireDefault(require("./form-fields/group"));
 
 var _inputVerificationCode = _interopRequireDefault(require("./form-fields/input-verification-code"));
 
+var _password = _interopRequireDefault(require("./form-fields/password"));
+
 var _layout = require("./layout");
 
 require("./index.css");
@@ -129,7 +131,8 @@ var FormFields = {
   Radios: _radios["default"],
   DropDown: _dropdown["default"],
   GroupFields: _group["default"],
-  VerificationInput: _inputVerificationCode["default"]
+  VerificationInput: _inputVerificationCode["default"],
+  Password: _password["default"]
 }; //@ts-ignore
 
 Form.Fields = FormFields;

package/lib/components/grid-layout/near-visitors/index.js

@@ -15,6 +15,8 @@ var _visitor = _interopRequireDefault(require("./visitor"));
 
 var _network = _interopRequireDefault(require("../util/network"));
 
+var _getLocale = require("../../../utils/getLocale");
+
 require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -72,11 +74,11 @@ function VisitorsComponents() {
       padding: '12px 16px'
     }
   }, /*#__PURE__*/_react["default"].createElement(_commenComponents.CardTitle, {
-    content: "\u6700\u8FD1\u8BBF\u5BA2",
+    content: (0, _getLocale.getLocale)('HP_RecentVisitors'),
     iconUrl: require("../image/Recent-visitors.png")
   }), /*#__PURE__*/_react["default"].createElement(_commenComponents.Gap, null), visitorList.length === 0 ? /*#__PURE__*/_react["default"].createElement("div", {
     className: "nearVisitors-Component-noOneText"
-  }, "\u6700\u8FD1\u8BBF\u95EE\u4F60\u7684\u4EBA") : /*#__PURE__*/_react["default"].createElement("div", {
+  }, (0, _getLocale.getLocale)('HP_Peoplevisited')) : /*#__PURE__*/_react["default"].createElement("div", {
     className: "nearVisitors-Component-visitor"
   }, // 固定为最近访问的8个用户
   visitorList.slice(0, 8).map(function (item) {

package/lib/components/grid-layout/okr-align/index.js

@@ -9,6 +9,8 @@ exports["default"] = OKRAlignComponent;
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _getLocale = require("../../../utils/getLocale");
+
 var _titaChart = _interopRequireDefault(require("../../tita-chart"));
 
 var _commenComponents = require("../commen-components");
@@ -107,15 +109,15 @@ function OKRAlignComponent() {
       padding: '20px 22px 0'
     }
   }, /*#__PURE__*/_react["default"].createElement(_commenComponents.CardTitle, {
-    content: "OKR\u5BF9\u9F50",
+    content: (0, _getLocale.getLocale)('HP_OKRAlignment'),
     iconUrl: require("../image/align.png"),
-    tips: "\u8BBE\u7F6E\u5BF9\u9F50\u76EE\u6807\uFF0COKR \u624D\u80FD\u4E0A\u4E0B\u652F\u6491"
+    tips: (0, _getLocale.getLocale)('HP_SetOKR')
   }), isMyOKREmpty ? /*#__PURE__*/_react["default"].createElement(_commenComponents.EmptyBackGround, {
     imgSrc: require("../image/OKRalign-empty.png"),
-    content: "\u5BF9\u9F50 Ta \u4EBA\u76EE\u6807\uFF0C\u652F\u6491\u4F01\u4E1A\u843D\u5730 OKR",
+    content: (0, _getLocale.getLocale)('HP_AligningOKR'),
     behave: {
       type: 'moreinfo',
-      text: '如何对齐目标',
+      text: (0, _getLocale.getLocale)('HP_Howaligninggoals'),
       link: 'https://club.tita.com/18179.html'
     }
   }) : /*#__PURE__*/_react["default"].createElement(_commenComponents.CardFlexContent, null, /*#__PURE__*/_react["default"].createElement(_titaChart["default"].LiquidBall, {
@@ -125,14 +127,14 @@ function OKRAlignComponent() {
   }), /*#__PURE__*/_react["default"].createElement(_commenComponents.DataItem, {
     num: hadAlignOkrNum,
     numColor: "#3F4755",
-    label: "\u5DF2\u5BF9\u9F50",
+    label: (0, _getLocale.getLocale)('OKR_Db_Aligned'),
     handleDataClick: function handleDataClick() {
       return _handleDataClick('hadAlign');
     }
   }), /*#__PURE__*/_react["default"].createElement(_commenComponents.DataItem, {
     num: hadNotAlignOkrNum,
     numColor: "#3F4755",
-    label: "\u672A\u5BF9\u9F50",
+    label: (0, _getLocale.getLocale)('OKR_Db_Unaligned'),
     handleDataClick: function handleDataClick() {
       return _handleDataClick('hadNotAlign');
     }

package/lib/components/grid-layout/okr-progress/index.js

@@ -17,6 +17,8 @@ var _network = _interopRequireDefault(require("../util/network"));
 
 var _clickLink = _interopRequireWildcard(require("../util/click-link"));
 
+var _getLocale = require("../../../utils/getLocale");
+
 require("../index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -117,20 +119,20 @@ function OKRProgressComponent() {
       padding: '20px 22px 0'
     }
   }, /*#__PURE__*/_react["default"].createElement(_commenComponents.CardTitle, {
-    content: "KR\u8FDB\u5C55",
+    content: (0, _getLocale.getLocale)('HP_Executiotasks'),
     iconUrl: require("../image/Progress.png"),
-    tips: "\u6211\u8D1F\u8D23\u7684 OKR \u4E0B\u7684 KR \u66F4\u65B0\u8FDB\u5C55\u7EDF\u8BA1"
+    tips: (0, _getLocale.getLocale)('HP_ProgressKROKR')
   }, !isMyOKREmpty && /*#__PURE__*/_react["default"].createElement("a", {
     onClick: function onClick() {
       return (0, _clickLink["default"])('okr%2Fmanage');
     },
     className: "grid-component-card-title__behave"
-  }, "\u53BB\u66F4\u65B0")), isMyOKREmpty ? /*#__PURE__*/_react["default"].createElement(_commenComponents.EmptyBackGround, {
+  }, (0, _getLocale.getLocale)('OKR_OKRW_Gotoupdate'))), isMyOKREmpty ? /*#__PURE__*/_react["default"].createElement(_commenComponents.EmptyBackGround, {
     imgSrc: require("../image/OKRprogress-empty.png"),
-    content: "\u5B9A\u671F\u53CD\u9988\u5DE5\u4F5C\u8FDB\u5C55\uFF0C\u662F\u4E00\u79CD\u826F\u597D\u7684\u5DE5\u4F5C\u4E60\u60EF",
+    content: (0, _getLocale.getLocale)('HP_Regulgoodwork'),
     behave: {
       type: 'moreinfo',
-      text: '了解如何更新进度',
+      text: (0, _getLocale.getLocale)('HP_Learnupdate'),
       link: 'https://club.tita.com/18179.html'
     }
   }) : /*#__PURE__*/_react["default"].createElement(_commenComponents.CardFlexContent, null, /*#__PURE__*/_react["default"].createElement(_titaChart["default"].LiquidBall, {
@@ -141,14 +143,14 @@ function OKRProgressComponent() {
     num: hadUpdateOkrNum,
     updataNum: weekLatelyUpdatekrProgress,
     numColor: "#3F4755",
-    label: "\u5DF2\u66F4\u65B0",
+    label: (0, _getLocale.getLocale)('HP_Updated'),
     handleDataClick: function handleDataClick() {
       return _handleDataClick('hadUpdate');
     }
   }), /*#__PURE__*/_react["default"].createElement(_commenComponents.DataItem, {
     num: hadNotUpdateOkrNum,
     numColor: "#3F4755",
-    label: "\u672A\u66F4\u65B0",
+    label: (0, _getLocale.getLocale)('HP_Notupdated'),
     handleDataClick: function handleDataClick() {
       return _handleDataClick('hadNotUpdate');
     }

package/lib/components/grid-layout/okr-target/index.js

@@ -17,6 +17,8 @@ var _network = _interopRequireDefault(require("../util/network"));
 
 var _clickLink = require("../util/click-link");
 
+var _getLocale = require("../../../utils/getLocale");
+
 require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -66,28 +68,28 @@ function OKRTargetComponent() {
           switch (item.componentDataProp) {
             case "MyNormalOkrCount":
               data.push({
-                type: '正常',
+                type: (0, _getLocale.getLocale)('OKR_MyO_Pop_Upd_Notrack'),
                 value: item.componentDataCount
               });
               break;
 
             case "MyRiskOkrCount":
               data.push({
-                type: '有风险',
+                type: (0, _getLocale.getLocale)('OKR_MyO_Pop_Upd_Atrisk'),
                 value: item.componentDataCount
               });
               break;
 
             case "MyDlayOkrCount":
               data.push({
-                type: '已延期',
+                type: (0, _getLocale.getLocale)('OKR_MyO_Pop_Upd_Postoned'),
                 value: item.componentDataCount
               });
               break;
 
             case "MyFinishOkrCount":
               data.push({
-                type: '已结束',
+                type: (0, _getLocale.getLocale)('OKR_MyO_Butt_Hasended'),
                 value: item.componentDataCount
               });
               break;
@@ -127,19 +129,19 @@ function OKRTargetComponent() {
     var target = event.target.attrs.text;
 
     switch (target) {
-      case '正常':
+      case (0, _getLocale.getLocale)('OKR_MyO_Pop_Upd_Notrack'):
         handlePieClick('normalOkr');
         break;
 
-      case '有风险':
+      case (0, _getLocale.getLocale)('OKR_MyO_Pop_Upd_Atrisk'):
         handlePieClick('riskOkr');
         break;
 
-      case '已延期':
+      case (0, _getLocale.getLocale)('OKR_MyO_Pop_Upd_Postoned'):
         handlePieClick('dalyOkr');
         break;
 
-      case '已结束':
+      case (0, _getLocale.getLocale)('OKR_MyO_Butt_Hasended'):
         handlePieClick('endOkr');
         break;
     }
@@ -150,14 +152,14 @@ function OKRTargetComponent() {
       padding: '20px 22px 0'
     }
   }, /*#__PURE__*/_react["default"].createElement(_commenComponents.CardTitle, {
-    content: "OKR \u76EE\u6807",
+    content: (0, _getLocale.getLocale)('HP_OKR'),
     iconUrl: require("../image/targer.png")
   }), isMyOKREmpty ? /*#__PURE__*/_react["default"].createElement(_commenComponents.EmptyBackGround, {
     imgSrc: require("../image/OKRtarget-empty.png"),
-    content: "\u9AD8\u6548\u5DE5\u4F5C\u4ECE\u7B2C\u4E00\u4E2AOKR\u8BBE\u5B9A\u5F00\u59CB",
+    content: (0, _getLocale.getLocale)('HP_EffectiveOKRsetting'),
     behave: {
       type: 'button',
-      text: '创建OKR',
+      text: (0, _getLocale.getLocale)('OKR_MyO_Collr_Butt_CreatOKR'),
       onClick: function onClick(e) {
         return (0, _clickLink.toOkrTarget)();
       }

package/lib/components/grid-layout/over-view/index.js

@@ -15,6 +15,8 @@ var _network = _interopRequireWildcard(require("../util/network"));
 
 var _clickLink = require("../util/click-link");
 
+var _getLocale = require("../../../utils/getLocale");
+
 require("./index.css");
 
 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); }
@@ -148,18 +150,18 @@ function OverviewComponent() {
   }, /*#__PURE__*/_react["default"].createElement(_commenComponents.DataItem, {
     num: allOkrCount,
     numColor: "#3F4755",
-    label: "\u76EE\u6807",
+    label: (0, _getLocale.getLocale)('Mod_Objective'),
     updataNum: allOkrInWeekCount,
     handleDataClick: handleTargetClick
   }), /*#__PURE__*/_react["default"].createElement(_commenComponents.DataItem, {
     num: allMyKrCount,
     numColor: "#3F4755",
-    label: "\u5173\u952E\u6210\u679C",
+    label: (0, _getLocale.getLocale)('Mod_KeyResults'),
     updataNum: 0
   }), /*#__PURE__*/_react["default"].createElement(_commenComponents.DataItem, {
     num: allMyTaskCount,
     numColor: "#3F4755",
-    label: "\u6267\u884C\u4EFB\u52A1",
+    label: (0, _getLocale.getLocale)('HP_Executiotasks'),
     updataNum: 0
   })))));
 }

package/lib/components/grid-layout/personal-info/index.js

@@ -21,6 +21,8 @@ var _tooltip = _interopRequireDefault(require("../../tooltip"));
 
 var _openData = require("../../../utils/open-data");
 
+var _getLocale = require("../../../utils/getLocale");
+
 require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -231,11 +233,11 @@ function PersonalInfoComponent() {
     className: "PersonalInfoComponent-PersonalInfo__fansinfo__attention"
   }, /*#__PURE__*/_react["default"].createElement("img", {
     src: require("../image/visit-icon.png")
-  }), " ", /*#__PURE__*/_react["default"].createElement("b", null, fansNum), "\u4EBA\u5173\u6CE8"), /*#__PURE__*/_react["default"].createElement("span", {
+  }), " ", /*#__PURE__*/_react["default"].createElement("b", null, fansNum), (0, _getLocale.getLocale)('HP_peoplefollow')), /*#__PURE__*/_react["default"].createElement("span", {
     className: "PersonalInfoComponent-PersonalInfo__fansinfo__like"
   }, /*#__PURE__*/_react["default"].createElement("img", {
     src: require("../image/liking.png")
-  }), " ", /*#__PURE__*/_react["default"].createElement("b", null, likeNum), "\u6B21\u70B9\u8D5E")), scrollMessage.name && scrollMessage.name.length ? /*#__PURE__*/_react["default"].createElement(_scrollTips.AvatarTips, {
+  }), " ", /*#__PURE__*/_react["default"].createElement("b", null, likeNum), (0, _getLocale.getLocale)('HP_Kudos'))), scrollMessage.name && scrollMessage.name.length ? /*#__PURE__*/_react["default"].createElement(_scrollTips.AvatarTips, {
     message: scrollMessage,
     content: "\u5173\u6CE8\u4E86\u6211",
     styles: {
@@ -247,7 +249,7 @@ function PersonalInfoComponent() {
   /*#__PURE__*/
   //@ts-ignore
   _react["default"].createElement(_scrollTips.AvatarTips, {
-    content: "\uD83E\uDD70 \u5C0F\u7A97\u4E3A\u60A8\u64AD\u62A5\u6700\u65B0\u6D88\u606F",
+    content: "🥰 " + (0, _getLocale.getLocale)('HP_Smallwindow'),
     styles: {
       height: '28px',
       padding: '0 28px',

package/lib/components/grid-layout/sub-employee-okr/index.js

@@ -15,6 +15,8 @@ var _personOkr = _interopRequireDefault(require("./person-okr"));
 
 var _network = _interopRequireDefault(require("../util/network"));
 
+var _getLocale = require("../../../utils/getLocale");
+
 require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -113,7 +115,7 @@ function SubOKRComponents() {
     } else {
       return /*#__PURE__*/_react["default"].createElement(_commenComponents.EmptyBackGround, {
         imgSrc: require("../image/sub-empty.png"),
-        content: "\u6682\u65E0\u4EBA\u5458\u6570\u636E",
+        content: (0, _getLocale.getLocale)('HP_Noavailable'),
         styles: {
           display: 'flex',
           flexDirection: 'column',
@@ -128,7 +130,7 @@ function SubOKRComponents() {
       padding: '12px 16px'
     }
   }, /*#__PURE__*/_react["default"].createElement(_commenComponents.CardTitle, {
-    content: "".concat(isSubTab ? '下属' : '同级', "OKR"),
+    content: "".concat(isSubTab ? (0, _getLocale.getLocale)('OKR_MyO_Butt_Subordinate') : '同级', "OKR"),
     iconUrl: require("../image/sub.png")
   }, isLeader && /*#__PURE__*/_react["default"].createElement("span", {
     className: "grid-component-card-title__behave",
@@ -138,7 +140,7 @@ function SubOKRComponents() {
     onClick: changeTab
   }, /*#__PURE__*/_react["default"].createElement("img", {
     src: require("../image/change.png")
-  }), /*#__PURE__*/_react["default"].createElement("span", null, isSubTab ? '同级' : '下属'))), /*#__PURE__*/_react["default"].createElement(_commenComponents.Gap, null), /*#__PURE__*/_react["default"].createElement("div", {
+  }), /*#__PURE__*/_react["default"].createElement("span", null, isSubTab ? '同级' : (0, _getLocale.getLocale)('OKR_MyO_Butt_Subordinate')))), /*#__PURE__*/_react["default"].createElement(_commenComponents.Gap, null), /*#__PURE__*/_react["default"].createElement("div", {
     className: "subOKRComponents-PersonalOkrContainer"
   }, isSubTab ? renderEmployeeList(subEmployeeList) : renderEmployeeList(sameEmployeeList)));
 }