@titaui/pc 1.8.61 → 1.9.3

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

@@ -67,6 +67,7 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       disabled = props.disabled,
       getContainer = props.getContainer,
       layout = props.layout,
+      onCheckSuccess = props.onCheckSuccess,
       _props$className = props.className,
       className = _props$className === void 0 ? "" : _props$className;
   var inputRef = (0, _react.useRef)();
@@ -136,9 +137,11 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     if (errors.length) {
       setHasError(true);
       setTip(errors[0].tip);
+      onCheckSuccess && onCheckSuccess(false);
     } else {
       setHasError(false);
       setTip('');
+      onCheckSuccess && onCheckSuccess(true);
     }
   };
 

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

@@ -114,4 +114,5 @@
   font-weight: 400;
   color: #A4ACB9;
   background: #F7F8FA;
+  cursor: not-allowed;
 }

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

@@ -23,6 +23,10 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -71,7 +75,9 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       className = _props$className === void 0 ? "" : _props$className,
       _props$btnClick = props.btnClick,
       btnClick = _props$btnClick === void 0 ? function () {} : _props$btnClick,
-      beforeSend = props.beforeSend;
+      beforeSend = props.beforeSend,
+      _props$canClickCode = props.canClickCode,
+      canClickCode = _props$canClickCode === void 0 ? true : _props$canClickCode;
   var inputRef = (0, _react.useRef)();
 
   var _useState = (0, _react.useState)(false),
@@ -89,24 +95,33 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       btn_info = _useState6[0],
       setBtn_info = _useState6[1];
 
-  var _useState7 = (0, _react.useState)(true),
+  var _useState7 = (0, _react.useState)(canClickCode),
       _useState8 = _slicedToArray(_useState7, 2),
       btnCanClick = _useState8[0],
       setBtnCanClick = _useState8[1];
 
-  var _useState9 = (0, _react.useState)(""),
+  var _useState9 = (0, _react.useState)(false),
       _useState10 = _slicedToArray(_useState9, 2),
-      tip = _useState10[0],
-      setTip = _useState10[1];
+      isTime = _useState10[0],
+      setIsTime = _useState10[1];
 
-  var _useState11 = (0, _react.useState)(props.value || ""),
+  var _useState11 = (0, _react.useState)(""),
       _useState12 = _slicedToArray(_useState11, 2),
-      value = _useState12[0],
-      setValue = _useState12[1];
+      tip = _useState12[0],
+      setTip = _useState12[1];
+
+  var _useState13 = (0, _react.useState)(props.value || ""),
+      _useState14 = _slicedToArray(_useState13, 2),
+      value = _useState14[0],
+      setValue = _useState14[1];
 
   (0, _react.useEffect)(function () {
     setValue(props.value);
   }, [props.value]);
+  (0, _react.useEffect)(function () {
+    if (isTime) return;
+    setBtnCanClick(canClickCode);
+  }, [canClickCode]);
 
   var _verifing = function verifing() {
     var value = inputRef.current && inputRef.current.value;
@@ -155,28 +170,55 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     }
   };
 
-  var HandlerCode = function HandlerCode() {
-    if (beforeSend) {
-      var result = beforeSend();
-      if (!result) return;
-    }
+  var HandlerCode = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+      var isSuccess, time, timer;
+      return regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              if (btnCanClick) {
+                _context.next = 2;
+                break;
+              }
+
+              return _context.abrupt("return");
+
+            case 2:
+              setBtnCanClick(false);
+              _context.next = 5;
+              return btnClick();
+
+            case 5:
+              isSuccess = _context.sent;
+              time = isSuccess ? 60 : 3;
+              setBtn_info("".concat(time, "s\u91CD\u65B0\u53D1\u9001"));
+              timer = setInterval(function () {
+                setIsTime(true);
+
+                if (time === 0) {
+                  clearInterval(timer);
+                  setBtn_info("获取验证码");
+                  setBtnCanClick(true);
+                  setIsTime(false);
+                } else {
+                  setBtn_info("".concat(time, "s\u91CD\u65B0\u53D1\u9001"));
+                  time--;
+                }
+              }, 1000);
+
+            case 9:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
 
-    if (!btnCanClick) return;
-    btnClick && btnClick();
-    var time = 60;
-    setBtn_info("".concat(time, "s\u91CD\u65B0\u53D1\u9001"));
-    setBtnCanClick(false);
-    var timer = setInterval(function () {
-      if (time === 0) {
-        clearInterval(timer);
-        setBtn_info("获取验证码");
-        setBtnCanClick(true);
-      } else {
-        setBtn_info("".concat(time, "s\u91CD\u65B0\u53D1\u9001"));
-        time--;
-      }
-    }, 1000);
-  };
+    return function HandlerCode() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
 
   (0, _react.useImperativeHandle)(ref, function () {
     return {

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

@@ -30,8 +30,9 @@
 }
 
 .form-field-input__border {
+  position: relative;
   padding: 6px 12px;
-  border-radius: 3px;
+  border-radius: 8px;
   transition: all 0.2s;
   border: 1px solid #e9ecf0;
   box-sizing: border-box;
@@ -83,3 +84,12 @@
   color: #bfc7d5;
   font-weight: unset;
 }
+
+.form-field-input__hide-icon {
+  position: absolute;
+  right: 3px;
+  width: 16px;
+  height: 16px;
+  background: url("./yincang-s.svg") no-repeat;
+  background-size: contain;
+}

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

@@ -102,17 +102,30 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     if (!require && !value) return [];
     var errors = [];
 
-    for (var i = 0; i < verifies.length; i++) {
-      var _verifies$i = verifies[i],
-          test = _verifies$i.test,
-          _tip = _verifies$i.tip;
-
-      if (!value.match(test)) {
-        errors.push({
-          name: name,
-          tip: _tip
-        });
+    try {
+      for (var i = 0; i < verifies.length; i++) {
+        var _verifies$i = verifies[i],
+            test = _verifies$i.test,
+            _tip = _verifies$i.tip;
+
+        if (test instanceof Function) {
+          if (!test(value)) {
+            errors.push({
+              name: name,
+              tip: _tip
+            });
+          }
+        } else {
+          if (!value.match(test)) {
+            errors.push({
+              name: name,
+              tip: _tip
+            });
+          }
+        }
       }
+    } catch (e) {
+      throw new Error(e);
     }
 
     return errors;
@@ -194,7 +207,7 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     onChange: onChangeHandler,
     autoComplete: "off"
   }), /*#__PURE__*/_react["default"].createElement("span", {
-    className: "tu-icon-yincang",
+    className: "".concat(preCls, "__hide-icon"),
     onClick: onTypeChangeHandler
   })))));
 });

package/lib/components/form/form-fields/password/yincang-s.svg

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="240px" height="240px" viewBox="0 0 240 240" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>yincang-s</title>
+    <g id="yincang-s" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M49.9966052,38.3431458 L201.317456,189.663997 C204.441651,192.788191 204.441651,197.853511 201.317456,200.977705 C198.193262,204.1019 193.127942,204.1019 190.003748,200.977705 L38.6828967,49.6568542 C35.5587024,46.5326599 35.5587024,41.4673401 38.6828967,38.3431458 C41.8070911,35.2189514 46.8724109,35.2189514 49.9966052,38.3431458 Z M47.896855,71.5984171 L59.1982317,82.899565 C52.0192864,89.9733747 44.9844916,98.3915814 38.0913697,108.17152 L37.3238844,109.266893 L34.3951766,113.567426 L33.6721766,114.826426 L33.6427788,114.890829 C32.6856003,117.04518 32.8013596,119.497387 33.9639451,121.568337 L34.1147186,121.825171 L34.269966,122.068107 C60.714404,161.810173 89.2455848,181.160426 120.000177,181.160426 C130.484503,181.160426 140.707806,178.91344 150.675728,174.379987 L162.629993,186.333413 C149.036193,193.528164 134.822003,197.160426 120.000177,197.160426 C83.1600197,197.160426 50.0975347,174.736978 20.9493895,130.931642 C16.3805416,124.065342 15.7456228,115.402709 19.2019996,107.996955 L19.3945877,107.59427 L19.5107579,107.35714 L20.8252444,105.069447 L24.1465761,100.19213 C31.7979041,89.2071425 39.7158114,79.6696257 47.896855,71.5984171 Z M120.000177,38.6604256 C156.840333,38.6604256 189.902818,61.0838734 219.050964,104.889209 C223.619811,111.75551 224.25473,120.418143 220.798354,127.823896 L220.605765,128.226581 L220.489595,128.463711 L219.175109,130.751404 L215.853777,135.628721 C207.650049,147.406788 199.13986,157.520833 190.327454,165.94764 L179.023789,154.643279 C186.820275,147.226135 194.447626,138.23548 201.908983,127.649332 L202.676469,126.553958 L205.604177,122.252426 L206.327177,120.993426 L206.357574,120.930022 C207.314753,118.775671 207.198994,116.323464 206.036408,114.252514 L205.885634,113.99568 L205.730387,113.752744 C179.285949,74.0106784 150.754768,54.6604256 120.000177,54.6604256 C108.680998,54.6604256 97.6660684,57.2795069 86.9482864,62.5673546 L75.1045551,50.722859 C89.3825439,42.7086009 104.352753,38.6604256 120.000177,38.6604256 Z M80.8135056,104.515517 L96.6775751,120.380804 C97.0509985,132.694912 106.965514,142.609427 119.279621,142.98285 L135.144909,158.84692 C130.446538,160.66399 125.339634,161.660426 120,161.660426 C96.8040405,161.660426 78,142.856385 78,119.660426 C78,114.320792 78.9964361,109.213888 80.8135056,104.515517 Z M120,77.6604256 C143.195959,77.6604256 162,96.4644661 162,119.660426 C162,125.000059 161.003564,130.106963 159.186494,134.805334 L143.322455,118.941044 C142.949527,106.626142 133.034283,96.7108991 120.719382,96.3379705 L104.854088,80.4743194 C109.552735,78.6570036 114.659986,77.6604256 120,77.6604256 Z" id="形状结合" fill="#A4ACB9" fill-rule="nonzero"></path>
+    </g>
+</svg>

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/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)));
 }

package/lib/components/grid-layout/week-task/index.js

@@ -11,6 +11,8 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _commenComponents = require("../commen-components");
 
+var _getLocale = require("../../../utils/getLocale");
+
 var _clickLink = require("../util/click-link");
 
 var _network = _interopRequireDefault(require("../util/network"));
@@ -100,17 +102,17 @@ function WeekTaskComponent() {
       padding: '20px 22px 0'
     }
   }, /*#__PURE__*/_react["default"].createElement(_commenComponents.CardTitle, {
-    content: "\u672C\u5468\u4EFB\u52A1",
+    content: (0, _getLocale.getLocale)('OKR_OKRW_Tasksweek'),
     iconUrl: require("../image/task.png")
   }, !isMyOKREmpty && /*#__PURE__*/_react["default"].createElement("a", {
     onClick: _clickLink.toWeekPlan,
     className: "grid-component-card-title__behave"
-  }, "\u65B0\u5EFA\u4EFB\u52A1")), isMyOKREmpty ? /*#__PURE__*/_react["default"].createElement(_commenComponents.EmptyBackGround, {
+  }, (0, _getLocale.getLocale)('Feed_Set_Pop_Butt_Newtask'))), isMyOKREmpty ? /*#__PURE__*/_react["default"].createElement(_commenComponents.EmptyBackGround, {
     imgSrc: require("../image/weektask-empty.png"),
-    content: "\u5BF9\u9F50 Ta \u4EBA\u76EE\u6807\uFF0C\u6491\u4F01\u4E1A\u843D\u5730 OKR",
+    content: (0, _getLocale.getLocale)('HP_AligningOKR'),
     behave: {
       type: 'button',
-      text: '创建任务',
+      text: (0, _getLocale.getLocale)('Pro_page_Mil_Butt_Createatask'),
       onClick: function onClick(e) {
         return (0, _clickLink.toWeekPlan)();
       }
@@ -118,22 +120,22 @@ function WeekTaskComponent() {
   }) : /*#__PURE__*/_react["default"].createElement(_commenComponents.CardFlexContent, null, /*#__PURE__*/_react["default"].createElement(_commenComponents.DataItem, {
     num: unFinishTaskOnWeek,
     numColor: "#2879FF",
-    label: "\u672C\u5468\u672A\u5B8C\u6210",
-    Qtips: "\u672C\u5468\u622A\u6B62\u4F46\u672A\u5B8C\u6210\u7684\u4EFB\u52A1\u91CF",
+    label: (0, _getLocale.getLocale)('HP_Unfinishedweek'),
+    Qtips: (0, _getLocale.getLocale)('HP_Thetasksweek'),
     handleDataClick: function handleDataClick() {
       return (0, _clickLink.toWeekPlan)();
     }
   }), /*#__PURE__*/_react["default"].createElement(_commenComponents.DataItem, {
     num: finishTaskOnWeek,
     numColor: "#5AD8A6",
-    label: "\u672C\u5468\u5B8C\u6210",
+    label: (0, _getLocale.getLocale)('HP_Finishedweek'),
     handleDataClick: function handleDataClick() {
       return (0, _clickLink.toWeekPlan)();
     }
   }), /*#__PURE__*/_react["default"].createElement(_commenComponents.DataItem, {
     num: dueTaskOnWeek,
     numColor: "#F05E5E",
-    label: "\u5DF2\u8FC7\u671F",
+    label: (0, _getLocale.getLocale)('OKR_MyO_E_Overdue'),
     handleDataClick: function handleDataClick() {
       return (0, _clickLink.toWeekPlan)();
     }