@titaui/pc 1.7.97 → 1.7.98

package/lib/utils/date-test-change.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.testDayChange = exports.testDateDiff = void 0;
 
+var _getLocale = require("./getLocale");
+
 //精确到日期的检测 date为2021/8/26这样的类型，返回距现在几天
 var testDateDiff = function testDateDiff(date) {
   var handleDate = date.length == 5 ? "".concat(new Date().getFullYear(), "/").concat(date) : date;
@@ -37,7 +39,7 @@ var testDateDiff = function testDateDiff(date) {
 //           if (hourDiff < 1) {
 //             const minDiff = Math.floor((nTime - tTime) / (1000 * 60))
 //             if (minDiff < 1) {
-//               return '刚刚'
+//               return getLocale('Pro_page_Int_Justnow')
 //             } else {
 //               return `${minDiff}分钟前`
 //             }
@@ -78,7 +80,7 @@ var testDayChange = function testDayChange(date) {
   var secondDiff = Math.floor((nowMilliSecond - timeMilliSecond) / 1000);
 
   if (secondDiff <= 3) {
-    return '刚刚';
+    return (0, _getLocale.getLocale)('Pro_page_Int_Justnow');
   }
 
   if (secondDiff < 60) {
@@ -94,7 +96,7 @@ var testDayChange = function testDayChange(date) {
   }
 
   if (secondDiff < 60 * 60 * 24 * 2 && nowDate - 1 === timeDate) {
-    return "\u6628\u5929";
+    return (0, _getLocale.getLocale)('OKR_MyO_Pr_Text_Yesterday');
   }
 
   if (secondDiff < 60 * 60 * 24 * 3 && nowDate - 2 === timeDate) {

package/lib/utils/format-time.js

@@ -5,9 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.timeFormat = exports.showWeekLastDay = exports.showWeekFirstDay = exports.showNextWeekFirstDay = exports.showNextMonthFirstDay = exports.showMonthLastDay = exports.showMonthFirstDay = exports.getTimeString = exports.getNextDayOfYear = exports.getFirstDayOfYear = void 0;
 
+var _getLocale = require("./getLocale");
+
 var getTimeString = function getTimeString(time, nowTime) {
   if (!time) {
-    return "暂未更新";
+    return (0, _getLocale.getLocale)('OKR_MyO_KRP_Notupdated');
   }
 
   var timeDateObj = new Date(time);
@@ -23,7 +25,7 @@ var getTimeString = function getTimeString(time, nowTime) {
   var secondDiff = Math.floor((nowMilliSecond - timeMilliSecond) / 1000);
 
   if (secondDiff <= 3) {
-    return "刚刚";
+    return (0, _getLocale.getLocale)('Pro_page_Int_Justnow');
   }
 
   if (secondDiff < 60) {
@@ -39,7 +41,7 @@ var getTimeString = function getTimeString(time, nowTime) {
   }
 
   if (secondDiff < 60 * 60 * 24 * 2 && nowDate - 1 === timeDate) {
-    return "\u6628\u5929 ".concat(timeHours + ":" + timeMinutes);
+    return "".concat((0, _getLocale.getLocale)('OKR_MyO_Pr_Text_Yesterday'), " ").concat(timeHours + ":" + timeMinutes);
   }
 
   if (secondDiff < 60 * 60 * 24 * 3 && nowDate - 2 === timeDate) {

package/lib/utils/getLocale.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getLocale = void 0;
+
+var getLocale = function getLocale(key) {
+  return window.getLocale(key);
+};
+
+exports.getLocale = getLocale;

package/lib/utils/local-storage.js

@@ -11,7 +11,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
 
 var localStorage = /*#__PURE__*/function () {
   function localStorage() {

package/lib/utils/open-data.js

@@ -1,6 +1,6 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -15,9 +15,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 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; }
 

package/lib/utils/request-v1.js

@@ -10,9 +10,9 @@ exports.taker = taker;
 
 var _bsGlobal = require("./bs-global");
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 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; }
 

package/lib/utils/roundWeight.js

@@ -8,9 +8,9 @@ exports.AccMul = AccMul;
 exports.ReCalibratePrecision = ReCalibratePrecision;
 exports.RoundWeight = RoundWeight;
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 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; }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@titaui/pc",
-  "version": "1.7.97",
+  "version": "1.7.98",
   "nameCN": "",
   "description": "",
   "main": "src/index.js",
@@ -67,6 +67,7 @@
     "classnames": "^2.2.6",
     "clone-deep": "^4.0.1",
     "color": "^3.2.1",
+    "cos-js-sdk-v5": "^1.3.3",
     "dayjs": "^1.10.4",
     "html2canvas": "1.3.2",
     "less": "^4.1.2",
@@ -80,7 +81,6 @@
     "rc-cascader": "^2.2.0",
     "rc-checkbox": "^2.3.2",
     "rc-color-picker": "^1.2.6",
-    "rc-cropper": "^1.3.1",
     "rc-dialog": "8.5.2",
     "rc-drawer": "^4.3.1",
     "rc-input-number": "^5.0.0",
@@ -97,7 +97,6 @@
     "rc-util": "^5.13.1",
     "react-collapse": "^5.1.0",
     "react-content-loader": "^6.0.3",
-    "react-cropper": "^2.1.8",
     "react-custom-scrollbars": "^4.2.1",
     "react-grid-layout": "^1.2.5",
     "react-sizeme": "^3.0.1",

package/src/components/avatar/icon-avatar/index.tsx

@@ -1,6 +1,6 @@
 import React, { FC } from "react";
 import Avatar from "../default";
-import attitudeArr from "../../upvote/attitude";
+import getAttitudeArr from "../../upvote/attitude";
 
 import "./index.scss";
 
@@ -32,7 +32,7 @@ const IconAvatar: FC<IconAvatarProps> = ({
         className={`tita-icon-avatar-image`}
         src={
           // @ts-ignore
-          attitudeArr.find((att) => att.type == type).img
+          getAttitudeArr().find((att) => att.type == type).img
         }
       />
     </div>

package/src/components/button/default-button/index.tsx

@@ -1,5 +1,6 @@
-import React, { FC, useState, useEffect, Fragment } from "react";
+import React, { FC, Fragment } from "react";
 import classNames from "classnames";
+import { getLocale } from "../../../utils/getLocale";
 import "./index.scss";
 const preCls = "tita-button";
 
@@ -11,7 +12,7 @@ export interface ButtonProps {
   [key:string]:any;
 }
 
-const Button: FC<ButtonProps> = ({ type = "default", children = "确定" ,size = "middle",className='', ...restProps }) => {
+const Button: FC<ButtonProps> = ({ type = "default", children = getLocale('OKR_MyO_Butt_Determine') ,size = "middle",className='', ...restProps }) => {
   return (
     <Fragment>
       <div

package/src/components/button/rect-btn/index.tsx

@@ -1,6 +1,7 @@
 import React from "react";
 import classNames from "classnames";
 import { RectBtnProps } from "../types";
+import { getLocale } from "../../../utils/getLocale";
 import "./index.scss";
 const precls = "titaui-rect-btn";
 
@@ -8,8 +9,8 @@ const RectBtn = (props: RectBtnProps) => {
   const {
     type = "default",
     icon = "",
+    text = getLocale('OKR_MyO_Butt_Determine'),
     size = "normal",//big|normal|small
-    text = "确定",
     onClick = () => {},
     className = "",
     disabled = false,

package/src/components/button/text-btn/index.tsx

@@ -1,6 +1,7 @@
 import React from "react";
 import classNames from "classnames";
 import { TextBtnProps } from "../types";
+import { getLocale } from "../../../utils/getLocale";
 import "./index.scss";
 const precls = "titaui-text-btn";
 
@@ -8,7 +9,7 @@ const TextBtn = (props: TextBtnProps) => {
   const {
     type = "default",
     icon = "",
-    text = "确定",
+    text = getLocale('OKR_MyO_Butt_Determine'),
     onClick = () => {},
     className = "",
     disabled = false,

package/src/components/cascader/index.tsx

@@ -1,6 +1,7 @@
 import React, { useState, useEffect } from "react";
 import Rccascader from "rc-cascader";
 import TimeCascader from "./time";
+import { getLocale } from "../../utils/getLocale";
 import "rc-cascader/assets/index.less";
 import "./index.scss";
 
@@ -23,7 +24,7 @@ const Cascader = ({
   options,
   onChange = () => {},
   style = { width: "100px" },
-  placeholder = "请选择",
+  placeholder = getLocale('Mod_Pleaseselect'),
   splitSymbol = "",
   popupClassName = "",
   ...restProps

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

@@ -9,6 +9,8 @@ import ConfirmPop from '../delete-confirm-pop/ConfirmPop';
 import FilterTab from './filterTab';
 import { getBSGlobal } from '../../utils/bs-global';
 import { rget } from '../../utils/request';
+import { getOkrTypes, getStatusType, getYear, getBimonthlyMonthKeyValue, getMonthKeyValue } from './constant';
+import { getLocale } from '../../utils/getLocale';
 
 interface Props {
   year?: number | null;
@@ -27,60 +29,6 @@ interface State {
   cycles: any[]
 }
 
-const years: any = [
-  {
-    title: '全部年份',
-    value: -1,
-  },
-];
-for (let i = 2013; i < 2051; i++) {
-  years.push({ title: i + '年', value: i });
-}
-
-
-
-const statusType = [
-  {
-    title: '全部状态',
-    value: 0,
-  },
-  {
-    title: '进行中',
-    value: 1,
-  },
-  {
-    title: '已结束',
-    value: 2,
-  },
-];
-const okrTypes = [
-  {
-    title: '全部类型',
-    value: -1,
-  },
-  {
-    title: '公司',
-    value: 3,
-  },
-  {
-    title: '部门',
-    value: 2,
-  },
-  {
-    /**
-      新增的团队 --- start
-    */
-    title: '团队',
-    value: 4,
-    /**
-      新增的团队 --- end
-    */
-  },
-  {
-    title: '个人',
-    value: 1,
-  },
-];
 interface FilterTabProps {
   index: number;
   name: string;
@@ -97,10 +45,10 @@ export default class FilterComp extends PureComponent<Props, State> {
     super(p);
     this.state = {
       OptionsArray: [
-        { index: 0, title: '年份', name: 'year', valuesArray: years, value: p.year },
-        { index: 1, title: '周期', name: 'cycle', valuesArray: [], value: p.cycle },
-        { index: 2, title: '状态', name: 'status', valuesArray: statusType, value: p.status },
-        { index: 3, title: '类型', name: 'type', valuesArray: okrTypes, value: p.type },
+        { index: 0, title: getLocale('OKR_MyO_Pop_Year'), name: 'year', valuesArray: getYear(), value: p.year },
+        { index: 1, title: getLocale('Mod_period'), name: 'cycle', valuesArray: [], value: p.cycle },
+        { index: 2, title: getLocale('Mod_States'), name: 'status', valuesArray: getStatusType(), value: p.status },
+        { index: 3, title: getLocale('OKR_MyO_Pop_Type'), name: 'type', valuesArray: getOkrTypes(), value: p.type },
       ],
       cycles: []
     };
@@ -110,10 +58,10 @@ export default class FilterComp extends PureComponent<Props, State> {
     
     this.setState({
       OptionsArray: [
-        { index: 0, title: '年份', name: 'year', valuesArray: years, value: year },
-        { index: 1, title: '周期', name: 'cycle', valuesArray: this.state.OptionsArray[1].valuesArray, value: cycle },
-        { index: 2, title: '状态', name: 'status', valuesArray: statusType, value: status },
-        { index: 3, title: '类型', name: 'type', valuesArray: okrTypes, value: type },
+        { index: 0, title: getLocale('OKR_MyO_Pop_Year'), name: 'year', valuesArray: getYear(), value: year },
+        { index: 1, title: getLocale('Mod_period'), name: 'cycle', valuesArray: this.state.OptionsArray[1].valuesArray, value: cycle },
+        { index: 2, title: getLocale('Mod_States'), name: 'status', valuesArray: getStatusType(), value: status },
+        { index: 3, title: getLocale('OKR_MyO_Pop_Type'), name: 'type', valuesArray: getOkrTypes(), value: type },
       ],
     });
   }
@@ -132,65 +80,55 @@ export default class FilterComp extends PureComponent<Props, State> {
     rget('v1')("okr/cycleSetting").then(res => {
       const data = res.Data
       let cycles = [{
-        title: '全部周期',
+        title: getLocale('OKR_MyO_Butt_AllStates'),
         value: '-1',
       }]
       if(data.isOpenYear){
         cycles.push({
-          title: '年度',
+          title: getLocale('OKR_MyO_Pop_Year'),
           value: '1'
         })
       }
       if(data.isOpenHalfYear){
         cycles.push({
-          title: '上半年',
+          title: getLocale('OKR_MyO_Pop_Firsthalf'),
           value: '5,1'
         })
         cycles.push({
-          title: '下半年',
+          title: getLocale('OKR_MyO_Pop_Secondhalf'),
           value: '5,2'
         })
       }
       if(data.isOpenQuarter){
-        const num = ['一','二','三','四']
-        for(let i = 0; i < 4; i++){
-          cycles.push({
-            title: `第${num[i]}季度`,
-            value: `2,${i+1}`
-          })
-        }
+        cycles.push({
+          title: getLocale('OKR_MyO_Pop_1stQuarter'),
+          value: `2,1`
+        },{
+          title: getLocale('OKR_MyO_Pop_2ndQuarter'),
+          value: `2,2`
+        },{
+          title: getLocale('OKR_MyO_Pop_3rdQuarter'),
+          value: `2,3`
+        },{
+          title: getLocale('OKR_MyO_Pop_4thQuarter'),
+          value: `2,4`
+        })
       }
       if(data.isOpenBimonthly){
-        const start = data.yearStartMonth % 2 == 1 ? 1 : 2;
-        let month = start;
-        while(1){
-          const next = (month + 1) % 12 || 12;
-          cycles.push({
-            title: `${month}-${next}月`,
-            value: `4,${month}`
-          })
-          month = (month + 2) % 12 || 12;
-          if(month == start) break
-        }
+        cycles.push(...getBimonthlyMonthKeyValue(data.yearStartMonth));
       }
       if(data.isOpenMonth){
-        for(let i = 1; i <=12; i++){
-          cycles.push({
-            title: `${i}月`,
-            value: `3,${i}`
-          })
-        }
+        cycles.push(...getMonthKeyValue());
       }
       if(data.isOpenCustom){
         cycles.push({
-          title: `自定义`,
+          title: getLocale('Mod_Customization'),
           value: `0,0`
         })
       }
       const newOptions = [...this.state.OptionsArray];
       newOptions[1] = {...newOptions[1]}
       newOptions[1].valuesArray = cycles
-      console.log(newOptions)
       this.setState({
         OptionsArray: newOptions,
         cycles
@@ -247,21 +185,21 @@ export default class FilterComp extends PureComponent<Props, State> {
           <FilterLeftWrapper>
             <Select
               container={document.body}
-              data={years}
+              data={getYear()}
               value={year}
-              title='年份  '
+              title={getLocale('Mod_Year')}
               textField='title'
               valueField='value'
               maxHeight='280px'
               type='old'
               width='64px'
-              onSelect={(value: any) => this.handleSelected(years, value, 'year')}
+              onSelect={(value: any) => this.handleSelected(getYear(), value, 'year')}
             />
             <Select
               container={document.body}
               data={cycles}
               value={cycle}
-              title='周期  '
+              title={getLocale('Mod_period')}
               textField='title'
               valueField='value'
               maxHeight='280px'
@@ -272,49 +210,51 @@ export default class FilterComp extends PureComponent<Props, State> {
             {okrPopType == 1 && (
               <Select
                 container={document.body}
-                data={statusType}
+                data={getStatusType()}
                 value={status}
-                title='状态  '
+                title={getLocale('Mod_States')}
                 textField='title'
                 valueField='value'
                 maxHeight='280px'
                 type='old'
                 width='64px'
-                onSelect={(value: any) => this.handleSelected(statusType, value, 'status')}
+                onSelect={(value: any) => this.handleSelected(getStatusType(), value, 'status')}
               />
             )}
             {this.KRSetting.OkrTypeSetting && (
               <Select
                 container={document.body}
-                data={okrTypes}
+                data={getOkrTypes()}
                 value={type}
-                title='类型  '
+                title={getLocale('Mod_Type')}
                 textField='title'
                 valueField='value'
                 maxHeight='280px'
                 type='old'
                 width='64px'
-                onSelect={(value: any) => this.handleSelected(okrTypes, value, 'type')}
+                onSelect={(value: any) => this.handleSelected(getOkrTypes(), value, 'type')}
               />
             )}
             <UserSelectorPop onSubmit={this.props.onUserChange} container={document.body}>
               <UserSelectorWrapper ref='user'>
-                <span>负责人</span>
+                <span>{getLocale('Mod_Owner')}</span>
                 <i className='tu-icon-sort-up' />
               </UserSelectorWrapper>
             </UserSelectorPop>
           </FilterLeftWrapper>
-          <Search placeHolder='请输入关键字' onSearch={(keywords: string) => onChange('keywords', keywords)} />
+          <Search placeHolder={getLocale('OKR_MyO_Pop_Pleaenterwords')} onSearch={(keywords: string) => onChange('keywords', keywords)} />
         </FilterTop>
         {(OptionsArray.filter(option => option.value !== null).length > 0 || !!users.length || !!departments.length) && (
           <FilterBottom>
             <FilterOptionsWrapper>
               {OptionsArray.sort((a, b) => a.index - b.index)
-                .filter(option => option.value !== null)
+                .filter(option => {
+                  return option.value !== null
+                })
                 .map(option => (
                   <FilterTab title={option.title} valuesArray={option.valuesArray} name={option.name} value={mapper[option.name]} onClick={this.handleFilterDelete}></FilterTab>
                 ))}
-              {(!!users.length || !!departments.length) && <span style={{ marginRight: 5 }}>负责人</span>}
+              {(!!users.length || !!departments.length) && <span style={{ marginRight: 5 }}>{getLocale('OKR_MyO_Pop_Owner')}</span>}
               {users.map(u => {
                 return (
                   <OptionItem key={u.Id}>
@@ -333,18 +273,18 @@ export default class FilterComp extends PureComponent<Props, State> {
               })}
 
               <ToolTip title='清空本次选择' overlayStyle={{ zIndex: 999999 }}>
-                <a onClick={this.handleClear}>清空所选</a>
+                <a onClick={this.handleClear}>{getLocale('OKR_MyO_Pop_Clearselected')}</a>
               </ToolTip>
               {!remembered ? (
                 <a onClick={() => this.handlerFilterOptions(1)}>
                   <ToolTip title='下次进入显示以上条件' overlayStyle={{ zIndex: 999999 }}>
-                    <span>记住选择</span>
+                    <span>{getLocale('OKR_MyO_Butt_Remember')}</span>
                   </ToolTip>
                 </a>
               ) : (
                 <ConfirmPop align='bottom left' confirmTipText='确定取消吗？取消后将不再记住以上条件' onSubmit={() => this.handlerFilterOptions(2)}>
                   <ToolTip title='不再显示以上条件' overlayStyle={{ zIndex: 999999 }}>
-                    <a>取消记住</a>
+                    <a>{getLocale('OKR_MyO_Pop_Cancelremember')}</a>
                   </ToolTip>
                 </ConfirmPop>
               )}

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

@@ -3,6 +3,12 @@ import { ItemWrapper, Radio, Tag, ItemObjectiveContainer, ItemKrContainer, ItemT
 import { OkrData } from './types';
 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";
 
 interface Props {
   data: OkrData,
@@ -20,12 +26,7 @@ const colorMap = {
   3: '46,156,255',
   4: '12,192,201'
 }
-const typeMap = {
-  1: '个人',
-  2: '部门',
-  3: '公司',
-  4: '团队'
-}
+
 export default class Item extends PureComponent<Props, State> {
   constructor(props: Props) {
     super(props)
@@ -74,14 +75,19 @@ export default class Item extends PureComponent<Props, State> {
 
   getCycleText = () => {
     const { data } = this.props;
-    const hzNum = ['一', '二', '三', '四']
+    const hzNum = [
+      getLocale('OKR_MyO_Pop_1stQuarter'), 
+      getLocale('OKR_MyO_Pop_2ndQuarter'), 
+      getLocale('OKR_MyO_Pop_3rdQuarter'), 
+      getLocale('OKR_MyO_Pop_4thQuarter')
+    ]
     switch (data.cycleType) {
-      case 1: return `${data.annualNum}年`;
-      case 2: return `第${hzNum[data.yqmnum - 1]}季度`;
-      case 3: return `${data.yqmnum}月`;
-      case 4: return `${data.yqmnum}-${(data.yqmnum + 1) % 12 || 12}月`
-      case 5: return data.yqmnum == 1 ? '上半年' : '下半年'
-      default: return '自定义'
+      case 1: return `${data.annualNum}${isEn ? '' : '年'}`;
+      case 2: return  hzNum[data.yqmnum - 1];
+      case 3: return getMonth()[data.yqmnum-1];
+      case 4: return `${getMonth()[data.yqmnum-1]}-${getMonth()[((data.yqmnum + 1) % 12 || 12) - 1]}月`
+      case 5: return data.yqmnum == 1 ? getLocale('OKR_MyO_Pop_Firsthalf') : getLocale('OKR_MyO_Pop_Secondhalf');
+      default: return getLocale('Mod_Customization')
     }
   }
 
@@ -126,7 +132,7 @@ export default class Item extends PureComponent<Props, State> {
           <ItemBottom>
             {
               !isShowKr && [
-                <span>{typeMap[data.okrType]}</span>,
+                <span>{getTypeMap()[data.okrType]}</span>,
                 <Separator />
               ]
             }