@titaui/pc 1.8.5 → 1.8.6

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 />
               ]
             }

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

@@ -0,0 +1,160 @@
+import { getBSGlobal } from "../../utils/bs-global";
+import { getLocale } from "../../utils/getLocale";
+
+const i18nInfo = getBSGlobal("I18NInfo");
+const isEn = i18nInfo && i18nInfo.I18NOpen && i18nInfo.I18NUserLang === "en_US";
+
+export const getYear = () => {
+  const years: any = [
+    {
+      title: getLocale("OKR_MyO_Butt_Allyears"),
+      value: -1,
+    },
+  ];
+  for (let i = 2013; i < 2051; i++) {
+    years.push({ title: i + (isEn ? '' : "年"), value: i });
+  }
+
+  return years;
+};
+
+export const getStatusType = () => {
+  return [
+    {
+      title: getLocale("OKR_MyO_Butt_AllStates"),
+      value: 0,
+    },
+    {
+      title: getLocale("Per_MyRe_text_Inprogress"),
+      value: 1,
+    },
+    {
+      title: getLocale("OKR_MyO_Butt_Hasended"),
+      value: 2,
+    },
+  ];
+};
+
+export const getOkrTypes = () => {
+  return [
+    {
+      title: getLocale("OKR_MyO_Butt_Alltypes"),
+      value: -1,
+    },
+    {
+      title: getLocale("OKR_MyO_Pop_Company"),
+      value: 3,
+    },
+    {
+      title: getLocale("Mod_Department"),
+      value: 2,
+    },
+    {
+      /**
+        新增的团队 --- start
+      */
+      title: getLocale('OKR_MyO_Text_Team'),
+      value: 4,
+      /**
+        新增的团队 --- end
+      */
+    },
+    {
+      title: getLocale("OKR_MyO_Pop_Individual"),
+      value: 1,
+    },
+  ];
+};
+
+export const getPopType = () => {
+  return {
+    0: getLocale("OKR_OKRW_Butt_Switchobje"),
+    1: getLocale("OKR_MyO_Pop_SetAlignment"),
+  };
+};
+
+export const getTypeMap = () => {
+  return {
+    1: getLocale("OKR_MyO_Pop_Individual"),
+    2: getLocale("Mod_Department"),
+    3: getLocale("OKR_MyO_Pop_Company"),
+    4: getLocale('OKR_MyO_Text_Team'),
+  };
+};
+
+export const getBimonthlyMonthKeyValue = (startMonth) => {
+  let start = startMonth % 2 == 1 ? 1 : 2;
+  let month = start;
+  const getNextMonth = (month, step = 1) => (month + step) % 12 || 12;
+  let datas: {
+    title: string;
+    value: string[];
+  }[] = [];
+  const monthLang = getMonth();
+  if (!i18nInfo || (i18nInfo.I18NOpen && i18nInfo.I18NUserLang === "zh_CN")) {
+    datas.push({
+      title: `${start} - ${getNextMonth(start)}月`,
+      value: [`4,${start}`],
+    });
+    while (1) {
+      month = getNextMonth(month, 2);
+      if (month == start) break;
+      datas.push({
+        title: `${month} - ${getNextMonth(month)}月`,
+        value: [`4,${month}`],
+      });
+    }
+  } else {
+    datas.push({
+      title: `${monthLang[start - 1]} - ${monthLang[getNextMonth(start) - 1]}`,
+      value: [`4,${start}`],
+    });
+    while (1) {
+      month = getNextMonth(month, 2);
+      if (month == start) break;
+      datas.push({
+        title: `${monthLang[month - 1]} - ${monthLang[getNextMonth(month)-1]}`,
+        value: [`4,${month}`],
+      });
+    }
+  }
+  return datas;
+};
+
+export const getMonth = () => {
+  return [
+    getLocale("Mod_Jan"),
+    getLocale("Mod_Feb"),
+    getLocale("Mod_Mar"),
+    getLocale("Mod_Apr"),
+    getLocale("Mod_May"),
+    getLocale("Mod_Jun"),
+    getLocale("Mod_Jul"),
+    getLocale("Mod_Aug"),
+    getLocale("Mod_Sept"),
+    getLocale("Mod_Oct"),
+    getLocale("Mod_Nov"),
+    getLocale("Mod_Dec"),
+  ];
+};
+
+export const getMonthKeyValue = () => {
+  const month = getMonth();
+  return [
+    {
+      title: month[0],
+      value: "3,1",
+    },
+    { title: month[1], value: "3,2" },
+    { title: month[2], value: "3,3" },
+    { title: month[3], value: "3,4" },
+    { title: month[4], value: "3,5" },
+    { title: month[5], value: "3,6" },
+    { title: month[6], value: "3,7" },
+    { title: month[7], value: "3,8" },
+    { title: month[8], value: "3,9" },
+    { title: month[9], value: "3,10" },
+    { title: month[10], value: "3,11" },
+    { title: month[11], value: "3,12" },
+  ];
+};

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

@@ -11,8 +11,6 @@ interface Props {
   onClick: (...arg: any[]) => any;
 }
 function keyValueMapper(array: { title: string; value: string | number }[], value: string | number): string {
-  console.log(array)
-  console.log(value)
   let val = array.filter(key => key.value == value);
   if (val[0]) {
     return val[0].title;

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

@@ -6,6 +6,8 @@ import { Wrapper, Header, Body, List, Footer, ButtonGroup, Button, LoadMore, NoM
 import { taker, getApiUrl } from '../../utils/request-v1';
 import { getUserInfo, getBSGlobal } from '../../utils/bs-global'
 import Pop from '../../components-v1/pop';
+import { getPopType } from './constant';
+import { getLocale } from '../../utils/getLocale';
 import './index.scss';
 
 interface Props {
@@ -39,10 +41,7 @@ interface State {
   toUserId: number;
 }
 const pageSize = 20;
-const popType = {
-  0: '切换目标',
-  1: '对齐目标',
-};
+
 function parseUser(toUser) {
   return {
     Name: toUser.name,
@@ -399,7 +398,7 @@ export default class ChangeOkr extends PureComponent<Props, State> {
       >
         <Wrapper okrPopType={okrPopType}>
           <Header>
-            {popType[okrPopType]}
+            {getPopType()[okrPopType]}
             <i className='tu-icon-close' style={{ cursor: 'pointer' }} onClick={this.hide} />
           </Header>
           <Body>
@@ -423,7 +422,7 @@ export default class ChangeOkr extends PureComponent<Props, State> {
               {!!data.length && !isEnd && (
                 <LoadMore>
                   <a onClick={() => this.getListData(true)}>
-                    {loadingMore ? '加载中…' : '加载更多'}
+                    {loadingMore ? '加载中…' : getLocale('OKR_MyO_Butt_Loadmore')}
                     <i className='tu-icon-arrow-down' />
                   </a>
                 </LoadMore>
@@ -437,13 +436,13 @@ export default class ChangeOkr extends PureComponent<Props, State> {
                 type='confirm'
                 onClick={this.handleUnConnect}
               >
-                取消关联
+                {getLocale('OKR_MyO_Text_Cancel')}
               </Button>
             )}
             <ButtonGroup>
-              <Button onClick={this.hide}>取消</Button>
+              <Button onClick={this.hide}>{getLocale('Mod_Cancel')}</Button>
               <Button style={{ marginLeft: 15 }} disabled={!selected && parentId == 0} type='confirm' onClick={this.handleConfirm}>
-                确定
+                {getLocale('OKR_MyO_Butt_Determine')}
               </Button>
             </ButtonGroup>
           </Footer>

package/src/components/common-share/publishMblog.tsx

@@ -4,6 +4,7 @@ import MBlogContext from "../mblog/context";
 import { findDOMNode } from "react-dom";
 import { addShare, uploadBase64 } from "./request-apis";
 import Toast from "../toast";
+import { getLocale } from "../../utils/getLocale";
 import { getBSGlobal } from "../../utils/bs-global";
 
 const loginUserId = getBSGlobal("loginUserInfo").Id;
@@ -36,7 +37,7 @@ function PublishMblog({
   return (
     <div className="okr-share-mblog__container">
       <div className="okr-share-mblog__header">
-        发布动态
+        {getLocale('OKR_MyO_Popup_PostNews')}
         <i className="tu-icon-close" onClick={() => closeModal()} />
       </div>
       <div className="okr-share-mblog__body">
@@ -60,7 +61,7 @@ function PublishMblog({
                 Visibility: 1,
                 isSendSMS: false,
               });
-              Toast.Success("分享成功");
+              Toast.Success(getLocale('OKR_MyO_Popup_Sharedsuccee'));
               setStatus(1);
               closeModal();
             }}

package/src/components/communication/CommunicationAttachments.tsx

@@ -9,6 +9,7 @@ import {
   AttachmentAction,
   CommunicationAttachmentContainer
 } from './style'
+import { getLocale } from '../../utils/getLocale';
 
 interface Props {
   attachments: any;
@@ -110,8 +111,8 @@ export default class CommunicationAttachments extends PureComponent<Props, State
               event.stopPropagation()
               event.nativeEvent.stopImmediatePropagation()
             }}>
-            {this.props.mode == 'column' ? '预览' :
-              <Tooltip content="预览" container={document.body}>
+            {this.props.mode == 'column' ? getLocale('Mod_Preview') :
+              <Tooltip content={getLocale('Mod_Preview')} container={document.body}>
                 <span className="tu-icon-magnifier-circle" />
               </Tooltip>
             }
@@ -119,8 +120,8 @@ export default class CommunicationAttachments extends PureComponent<Props, State
         )
       } else if (item.documentSource == 1) {
         return <a href={item.previewUrl} target="_blank" data-attachment="preview">
-          {this.props.mode == 'column' ? '预览' :
-            <Tooltip content="预览" container={document.body}>
+          {this.props.mode == 'column' ? getLocale('Mod_Preview') :
+            <Tooltip content={getLocale('Mod_Preview')} container={document.body}>
               <span className="tu-icon-magnifier-circle" />
             </Tooltip>
           }
@@ -150,8 +151,8 @@ export default class CommunicationAttachments extends PureComponent<Props, State
                   </Tooltip>
                   <AttachmentAction className='item__action'>
                     <a href={item.downloadUrl} data-attachment="dowload">
-                      {mode == 'column' ? '下载' :
-                        <Tooltip content="下载" container={document.body}>
+                      {mode == 'column' ? getLocale('Mod_Download') :
+                        <Tooltip content={getLocale('Mod_Download')} container={document.body}>
                           <span className="tu-icon-download-circle" />
                         </Tooltip>
                       }