@titaui/pc 1.7.97 → 1.7.98

package/src/components/mblog/components/MblogAction.tsx

@@ -10,12 +10,13 @@ import MBlogContext from '../context'
 import ConfirmPop from './ConfirmPop'
 import Upload from '../../upload'
 import { isLocal } from '../../../utils/helpers'
+import { getLocale } from '../../../utils/getLocale'
 
-const visibilityMap = {
-  1: '公开',
-  2: '私密',
-  3: '部门可见'
-}
+const visibilityMap =() => {return {
+  1: getLocale('OKR_MyO_Pubiic'),
+  2: getLocale('OKR_MyO_Private'),
+  3: getLocale('OKR_MyO_E_Departmentvisible')
+}}
 interface UploadFilesObj {
   name: string;
   lastModified: number;
@@ -31,14 +32,14 @@ interface Props {
   isInputAt: boolean // 是否通过输入@弹出选人组件
   isShowAt: boolean // 是否显示 “@同事”按钮
   atText: string // “@同事”按钮文字
-  atTipText: string // “@同事”tips内容：默认："想确保谁看到就@这个成员"
+  atTipText: string // “@同事”tips内容：默认：getLocale('OKR_MyO_Popup_Butt_Colleagues')
   userSelectorPopAlign?: string // “@同事”选人组件出现位置
 
   // @所有同事
   isShowAtAll: boolean // 是否显示 “@所有同事”按钮
-  atAllText: string // "@所有同事"按钮文字
+  atAllText: string // getLocale('Mod_AllColleagues')按钮文字
   atAllValue: string // 点击后输入的内容："@[所有同事:all_members]"
-  atAllTipText: string // "@所有同事"tips内容：默认："所有同事将收到本条消息"
+  atAllTipText: string // getLocale('Mod_AllColleagues')}`tips内容：默认：`${getLocale('OKR_MyO_Popup_Allcolleagues')
 
   // 附件上传
   isShowAttachment: boolean // 是否显示 “附件”按钮，默认true
@@ -51,8 +52,8 @@ interface Props {
 
   // 表情组件
   isShowEmotion: boolean // 是否显示 “表情”按钮，默认true
-  emotionText: string // "表情"按钮文字
-  emotionTipText: string // "表情"tips内容：默认："表情"
+  emotionText: string // getLocale('Mod_Expressions')按钮文字
+  emotionTipText: string // getLocale('Mod_Expressions')}`tips内容：默认：`${getLocale('Mod_Expressions')
   emotionsSelectorPopAlign?: string // 表情组件出现位置
 
   // 可见范围
@@ -179,7 +180,6 @@ export default class MblogAction extends PureComponent<Props> {
               <LeftBtn key={this.props.atText} tips={this.props.atTipText}>
                 <UserSelectorPop ref="atSelector" stopPropagation  popExtraClassName="pull-screen-ignore" align={userSelectorPopAlign} container={this.context.popContainer} onSubmit={(users, depts) => { onActionsSelectedUserChange([...users, ...depts]) }}>
                   <div>
-                    <IconSpan className='tu-icon-at'></IconSpan>
                     <span className='btn-txt'>{this.props.atText}</span>
                   </div>
                 </UserSelectorPop>
@@ -191,7 +191,6 @@ export default class MblogAction extends PureComponent<Props> {
               <LeftBtn key={this.props.atAllText}
                 tips={this.props.atAllTipText}
                 onMouseDown={() => onActionsTextChange(atAllValue || '')}>
-                <IconSpan className='tu-icon-at' style={{ top: 0 }}></IconSpan>
                 <span className='btn-txt'>{this.props.atAllText}</span>
               </LeftBtn>
             </Tooltip>
@@ -210,7 +209,7 @@ export default class MblogAction extends PureComponent<Props> {
             <Tooltip container={document.body} content={this.props.sendSmsTipText}>
               <RightBtn onMouseDown={this._sentMsgClickHandler}>
                 <span className={['checkbox-icon', isSendSms ? 'tu-icon-check-active' : 'tu-icon-xuan'].join(' ')}></span>
-                <span>短信通知</span>
+                <span>{getLocale('Mod_SMS')}</span>
               </RightBtn>
             </Tooltip>
           )}
@@ -222,7 +221,7 @@ export default class MblogAction extends PureComponent<Props> {
                   container={this.context.popContainer}
                   onSubmit={(visibility) => onActionsTextChange(visibility)}>
                   <div className={'mblog-visiblity-range'}>
-                    <span data-name="range-cont">{visibilityMap[visibility || 1]}</span>
+                    <span data-name="range-cont">{visibilityMap()[visibility || 1]}</span>
                     {
                       this.props.isShowRangeDropDown && (
                         <i className="tu-icon-caret-down range-cont-icon" data-name="range-caret"></i>
@@ -235,7 +234,7 @@ export default class MblogAction extends PureComponent<Props> {
           }
           {this.props.isShowBtnCancel && (
             <BtnCancel onMouseDown={() => onActionSubmit('cancel')}>
-              取消
+              {getLocale('Mod_Cancel')}
             </BtnCancel>
           )}
           <BtnConfirm disabled={!this.props.isAllowSubmit}

package/src/components/mblog/index.tsx

@@ -7,6 +7,7 @@ import { MBlogBox, PreviewBox, DragEffect } from './style';
 import { isPlatform } from '../../utils/platform';
 import { getUploadMaxSize } from '../../utils/bs-global';
 import uuid from 'uuid';
+import { getLocale } from '../../utils/getLocale';
 
 interface UploadFilesObj {
   name: string;
@@ -33,14 +34,14 @@ interface Props {
 
   // at all
   showAtAll?: boolean;
-  atAllText?: string; // "@所有同事"按钮文字
+  atAllText?: string; // getLocale('Mod_AllColleagues')按钮文字
   atAllValue?: string; // 点击后输入的内容："@[所有同事:all_members]"
-  atAllTipText?: string; // "@所有同事"tips内容：默认："所有同事将收到本条消息"
+  atAllTipText?: string; // getLocale('Mod_AllColleagues')}`tips内容：默认：`${getLocale('OKR_MyO_Popup_Allcolleagues')
 
   // at
   isShowAt?: boolean; // 是否显示 “@同事”按钮，默认true
   atText?: string; // “@同事”按钮文字
-  atTipText?: string; // “@同事”tips内容：默认："想确保谁看到就@这个成员"
+  atTipText?: string; // “@同事”tips内容：默认：getLocale('OKR_MyO_Popup_Butt_Colleagues')
   userSelectorPopAlign?: string; // “@同事”选人组件出现位置
 
   // 附件上传
@@ -53,8 +54,8 @@ interface Props {
 
   // 表情组件
   isShowEmotion?: boolean; // 是否显示 “表情”按钮，默认true
-  emotionText?: string; // "表情"按钮文字
-  emotionTipText?: string; // "表情"tips内容：默认："表情"
+  emotionText?: string; // getLocale('Mod_Expressions')按钮文字
+  emotionTipText?: string; // getLocale('Mod_Expressions')}`tips内容：默认：`${getLocale('Mod_Expressions')
   emotionsSelectorPopAlign?: string; // 表情组件出现位置
 
   // 可见范围
@@ -119,7 +120,6 @@ export default class MBlog extends PureComponent<Props, State> {
     // 输入相关
     defaultContent: '',
     isHasPlaceholder: false,
-    placeholderText: '有事需要提醒ta，请@ta',
     maxLength: 2000,
     autoFocus: false,
     autoResizing: true,
@@ -127,7 +127,6 @@ export default class MBlog extends PureComponent<Props, State> {
     // 功能相关
     // 附件
     isShowAttachment: true,
-    attachmentText: '附件',
     // attachmentTipText: `<p>支持拖拽上传</p><p>单次最多支持上传20个</p><p>每个不超过50MB</p>`,
     attachmentTipText: '',
 
@@ -135,24 +134,16 @@ export default class MBlog extends PureComponent<Props, State> {
     fileSizeLimit: 50,
     // @同事
     isShowAt: true,
-    atText: '同事',
-    atTipText: '想确保谁看到就@这个成员',
     // @所有同事
-    atAllText: '所有同事',
-    atAllValue: '@[所有同事:all_members] ',
-    atAllTipText: '所有同事将收到本条消息',
     // @表情
     isShowEmotion: true,
-    emotionText: '表情',
     emotionTipText: '',
     // @按钮相关
     isShowSendSms: true,
-    sendSmsTipText: '被@的同事将会收到通知',
     isShowRange: true,
     privateValue: 1, //1公开，2私密 3部门
     isShowRangeDropDown: true,
     isShowBtnCancel: true,
-    submitText: '发送',
     submitStatus: 0,
   };
 
@@ -379,42 +370,42 @@ export default class MBlog extends PureComponent<Props, State> {
       submitStatus,
       contentClassName,
       isHasPlaceholder,
-      placeholderText,
+      placeholderText = '有事需要提醒ta，请@ta',
       maxLength,
       autoResizing,
       initialTextHeight,
       autoFocus,
       actionClassName,
       isShowAttachment,
-      attachmentText,
+      attachmentText = getLocale('Mod_Annexes'),
       attachmentTipText,
       fileNumLimit,
       // fileSizeLimit,
       attachmentPreviewBox,
-      atAllText,
-      atAllValue,
-      atAllTipText,
+      atAllText = getLocale('Mod_AllColleagues'),
+      atAllValue = '@[所有同事:all_members] ',
+      atAllTipText = getLocale('OKR_MyO_Popup_Allcolleagues'),
       isShowAt,
       showAtAll,
-      atText,
-      atTipText,
+      atText = getLocale('Mod_colleague'),
+      atTipText = getLocale('OKR_MyO_Popup_Butt_Colleagues'),
       userSelectorPopAlign,
       isShowEmotion,
-      emotionText,
+      emotionText = getLocale('Mod_Expressions'),
       emotionTipText,
       emotionsSelectorPopAlign,
       isShowSendSms,
-      sendSmsTipText,
+      sendSmsTipText = getLocale('Tasks_Tab_MyS_Thecollenotified'),
       isShowRange,
       isShowRangeDropDown,
       isShowBtnCancel,
-      submitText,
+      submitText = getLocale('Mod_Publish'),
       setTextareaRef,
       disableRangeSelect
     } = this.props;
     const { localStroageKey, visibility, isInputAt, isInputEnterSubmit, isAllowSubmit, textareaValue, dragFilesList, isShowDragMask, isAtAll } = this.state;
     let fSize = getUploadMaxSize();
-    let fTip = attachmentTipText || '<p>支持拖拽上传</p><p>单次最多支持上传20个，总数不可超过50个</p><p>每个不超过'+fSize+'MB</p>';
+    let fTip = attachmentTipText || getLocale('OKR_MyO_KRP_Draganddropu').replace('50MB', `${fSize}MB`);
     return (
       <MBlogBox className={className} ref='mblogbox' onDrop={this._dropHandler} onDragEnter={this._dragEnterHandler} onDragLeave={this._dragLeaveHandler} onDragOver={this._dragOverHandler}>
         <MblogContent

package/src/components/menus/components/drag-resize/index.tsx

@@ -1,5 +1,8 @@
 import React, { useRef, useEffect } from 'react';
 import classNames from 'classnames';
+import { getBSGlobal } from '../../../../utils/bs-global';
+const i18nInfo = getBSGlobal("I18NInfo");
+const isEn = i18nInfo && i18nInfo.I18NOpen && i18nInfo.I18NUserLang === "en_US";
 import './index.scss';
 
 const preCls = 'titaui-drag-resize';
@@ -15,9 +18,9 @@ interface Props {
 export default (props: Props) => {
   const {
     children,
-    defaultWidth = 180,
+    defaultWidth = isEn ? 210 : 180,
     onResize = () => {},
-    minWidth = 180,
+    minWidth = isEn ? 210 : 180,
     maxWidth = 600
   } = props;
 

package/src/components/menus/components/flip-menu-card/flip-back-header.tsx

@@ -1,6 +1,7 @@
 import React from "react";
 import classNames from "classnames";
 import preCls from "./precls";
+import { getLocale } from "../../../../utils/getLocale";
 
 import "./index.scss";
 
@@ -23,7 +24,7 @@ export default (props: Props) => {
           "tu-icon-fanhui"
         )}
       />
-      <span>返回</span>
+      <span>{getLocale('Mod_Back')}</span>
     </div>
   );
 };

package/src/components/menus/components/menu-tree/tree-node/assess-manage.tsx

@@ -1,6 +1,9 @@
 import React from 'react';
 import classNames from 'classnames';
 import preCls from '../precls';
+import { getBSGlobal } from '../../../../../utils/bs-global';
+const i18nInfo = getBSGlobal("I18NInfo");
+const isZn = !i18nInfo || i18nInfo && i18nInfo.I18NOpen && i18nInfo.I18NUserLang === "zh_CN";
 
 import './index.scss';
 
@@ -17,6 +20,6 @@ export default props => {
     {level > 0 && <span className={classNames(`${preCls}__ass-manage-node-indent`)} />}
     {data.icon && <span className={classNames(`${preCls}__ass-manage-node-icon`, data.icon)} />}
     <span className={classNames(`${preCls}__ass-manage-node-title`, 'noselect')}>{props.title}</span>
-    <span className={classNames(`${preCls}__ass-manage-node-suffix`)} />
+    {isZn && <span className={classNames(`${preCls}__ass-manage-node-suffix`)} />}
   </div>
 }

package/src/components/menus/components/menu-tree/tree-node/assess-template.tsx

@@ -1,6 +1,9 @@
 import React from 'react';
 import classNames from 'classnames';
 import preCls from '../precls';
+import { getBSGlobal } from '../../../../../utils/bs-global';
+const i18nInfo = getBSGlobal("I18NInfo");
+const isZn = !i18nInfo || i18nInfo && i18nInfo.I18NOpen && i18nInfo.I18NUserLang === "zh_CN";
 
 import './index.scss';
 
@@ -17,6 +20,6 @@ export default props => {
     {level > 0 && <span className={classNames(`${preCls}__ass-template-node-indent`)} />}
     {data.icon && <span className={classNames(`${preCls}__ass-template-node-icon`, data.icon)} />}
     <span className={classNames(`${preCls}__ass-template-node-title`, 'noselect')}>{props.title}</span>
-    <span className={classNames(`${preCls}__ass-template-node-suffix`)} />
+    {isZn && <span className={classNames(`${preCls}__ass-template-node-suffix`)} />}
   </div>
 }

package/src/components/menus/components/menu-tree/tree-node/index.scss

@@ -180,6 +180,7 @@
       margin-left: 8px;
       background-image: url("../images/appraisal-menu/setting.svg");
       background-size: contain;
+      background-repeat: no-repeat;
     }
   }
 
@@ -195,6 +196,7 @@
       margin-left: 8px;
       background-image: url("../images/appraisal-menu/launch.svg");
       background-size: contain;
+      background-repeat: no-repeat;
     }
   }
 

package/src/components/menus/components/menu-tree/tree-node/no-follower.tsx

@@ -6,7 +6,8 @@ import preCls from '../precls';
 import './index.scss';
 
 export default () => {
+  const noFollowerText = window['getLocale'] && window['getLocale'](locale.nofollowers) || locale.nofollowers;
   return <div className={classNames(`${preCls}__no-follower-node`)} title="">
-    <span>{locale.nofollowers}</span>
+    <span>{noFollowerText}</span>
   </div>
 }

package/src/components/menus/components/search-colleague/index.tsx

@@ -13,7 +13,7 @@ interface Props {
 
 export default (props: Props) => {
   const {
-    placeholder = locale.input_search_user,
+    placeholder = window['getLocale'] && window['getLocale'](locale.input_search_user) || locale.input_search_user,
     onSelect
   } = props;
 

package/src/components/menus/export-modules/appraisal-menus/index.tsx

@@ -8,6 +8,11 @@ import Scrollbar from '../../../scrollbar';
 import AppraisalMenuData, { AppraisalMenusInt, defaultRefObject } from "./menus";
 import MenuHighlight from './menu-highlight';
 import preCls from "../../precls";
+import { getLocale } from "../../../../utils/getLocale";
+import { getBSGlobal } from "../../../../utils/bs-global";
+
+const i18nInfo = getBSGlobal("I18NInfo");
+const isEn = i18nInfo && i18nInfo.I18NOpen && i18nInfo.I18NUserLang === "en_US";
 
 import "../../index.scss";
 import "./index.scss";
@@ -56,8 +61,8 @@ const AppraisalMenus = (props: Props) => {
       // @ts-ignore
       window.titaTracker('action').record({
         actionName: `绩效考核__${node.title}`,
-        actionGroup: '绩效考核',
-        productName: '绩效考核',
+        actionGroup: getLocale('Menu_Title_Performance'),
+        productName: getLocale('Menu_Title_Performance'),
       });
   };
 
@@ -87,7 +92,7 @@ const AppraisalMenus = (props: Props) => {
       ref={menuRef}
       className={classNames(preCls, `${preCls}-appraisal-menus`)}
     >
-      <FlipCard collapseMenu={collapseMenu} ref={flipRef} defaultWidth={180}>
+      <FlipCard collapseMenu={collapseMenu} ref={flipRef} defaultWidth={isEn ? 210 : 180}>
         <React.Fragment>
           <div className={classNames(`${preCls}-appraisal-menus-tree`)}>
             <Scrollbar style={{ maxHeight }}>

package/src/components/menus/export-modules/appraisal-menus/menus.ts

@@ -1,5 +1,6 @@
 import { getUserInfo, getBSGlobal } from "../../../../utils/bs-global";
 import { locale } from '../../i18n';
+import { getLocale } from "../../../../utils/getLocale";
 import {
   GROUP_NAME_NODE,
   MENU_ITEM_NOE,
@@ -120,7 +121,7 @@ export default class AppraisalMenus {
       },
       {
         icon: "",
-        label: "基础设置",
+        label: locale.menu_basesetting,
         key: "base-appraisal-group",
         type: GROUP_NAME_NODE,
         href: "",
@@ -164,7 +165,7 @@ export default class AppraisalMenus {
       if (menu.isShow) {
         treeNodes.push({
           key: `${menu.key}`,
-          title: menu.label,
+          title: getLocale(menu.label) ? getLocale(menu.label) : menu.label,
           data: menu,
           isLeaf: true,
           children: [],

package/src/components/menus/export-modules/manage-menus/index.scss

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

package/src/components/menus/export-modules/manage-menus/index.tsx

@@ -1,5 +1,6 @@
-import React, { useState, useEffect } from "react";
+import React, { useState, useEffect, useRef } from "react";
 import { withRouter } from "react-router";
+import classNames from "classnames";
 import MenuTree from "../../components/menu-tree";
 import {
   PARENT_MENU_NODE,
@@ -7,6 +8,13 @@ import {
 } from "../../components/menu-tree/tree-node/index";
 import { menus } from "./constant";
 import { JudgeManageHighLightMenu } from "./handle-highlight";
+import { getLocale } from "../../../../utils/getLocale";
+import FlipCard, { flipRefIns } from "../../components/flip-menu-card";
+import { getBSGlobal } from "../../../../utils/bs-global";
+import Scrollbar from "../../../scrollbar";
+
+const i18nInfo = getBSGlobal("I18NInfo");
+const isEn = i18nInfo && i18nInfo.I18NOpen && i18nInfo.I18NUserLang === "en_US";
 import "./index.scss";
 
 interface Props {
@@ -28,13 +36,17 @@ const expandedKeys = ["okr"];
 const ManageMenus = (props: Props) => {
   const { history } = props;
   const [selectedMenuKeys, setSelectedMenuKeys] = useState<any[]>([]);
+  const flipRef = useRef<flipRefIns>({
+    next: () => {},
+    goback: () => {},
+  });
+  const menuRef = useRef<any>();
 
   const formateToTreeNodeData = (menus, pid = 0, level = 0) => {
     const treeNodes: TreeNode[] = [];
 
     for (let i = 0; i < menus.length; i++) {
       const menu = menus[i];
-
       const hasChildren = menu.children && menu.children.length ? true : false;
       const isLeaf = menu.isLeaf !== undefined ? menu.isLeaf : !hasChildren;
 
@@ -43,7 +55,7 @@ const ManageMenus = (props: Props) => {
 
       treeNodes.push({
         key: `${menu.key}`,
-        title: menu.label,
+        title: getLocale(menu.label) ? getLocale(menu.label) : menu.label,
         data: menu.data || menu,
         isLeaf: isLeaf,
         children: formateToTreeNodeData(
@@ -57,6 +69,14 @@ const ManageMenus = (props: Props) => {
     return treeNodes;
   };
 
+  const collapseMenu = (isHide) => {
+    if (isHide) {
+      menuRef.current.style.width = "0px";
+    } else {
+      menuRef.current.style.width = "";
+    }
+  };
+
   useEffect(() => {
     const search = history.location.search;
     const activeMenu = new JudgeManageHighLightMenu(search).getHighLightMenu();
@@ -70,13 +90,27 @@ const ManageMenus = (props: Props) => {
   };
 
   return (
-    <div className={`${preCls}-manage-menus`}>
-      <MenuTree
-        data={formateToTreeNodeData(menus)}
-        selectedKeys={selectedMenuKeys}
-        expandedKeys={expandedKeys}
-        onSelect={onSelectHandler}
-      />
+    <div ref={menuRef} className={classNames(`${preCls}-manage-menus`)}>
+      <FlipCard
+        collapseMenu={collapseMenu}
+        ref={flipRef}
+        defaultWidth={isEn ? 210 : 180}
+      >
+        <React.Fragment>
+          <div className={classNames(`${preCls}-appraisal-menus-tree`)}>
+            <Scrollbar>
+              <MenuTree
+                data={formateToTreeNodeData(menus)}
+                selectedKeys={selectedMenuKeys}
+                expandedKeys={expandedKeys}
+                onSelect={onSelectHandler}
+              />
+            </Scrollbar>
+          </div>
+        </React.Fragment>
+
+        <React.Fragment></React.Fragment>
+      </FlipCard>
     </div>
   );
 };

package/src/components/menus/export-modules/okr-menus/depart-menus/index.tsx

@@ -28,19 +28,20 @@ export default () => {
   );
 
   useEffect(() => {
+    const allDepartmentText = window['getLocale'] && window['getLocale'](locale.menu_alldeparment) || locale.menu_alldeparment
     getDepsAndUsers(-1, isGetUser).then(rawTreeData => {
       const rootNode = {
         'async': true,
         'data': {
           'id': 0,
-          'name': locale.menu_alldeparment
+          'name': allDepartmentText
         },
         'pid': -1,
         'id': "0",
         'key': '0',
         'isLeaf': true,
         'nodeType': DEPART_NODE,
-        'title': locale.menu_alldeparment,
+        'title': allDepartmentText,
       };
       setRawTreeData([rootNode, ...rawTreeData]);
       setTreeData(toTree([rootNode, ...rawTreeData]));

package/src/components/menus/export-modules/okr-menus/index.tsx

@@ -8,6 +8,10 @@ import SearchColeague from "../../components/search-colleague";
 import OkrFrontMenus from './okr-front-menus';
 import { FlipContext } from '../../context';
 import preCls from "../../precls";
+import { getBSGlobal } from "../../../../utils/bs-global";
+
+const i18nInfo = getBSGlobal("I18NInfo");
+const isEn = i18nInfo && i18nInfo.I18NOpen && i18nInfo.I18NUserLang === "en_US";
 
 import "../../index.scss";
 import "./index.scss";
@@ -72,7 +76,7 @@ const OkrMenus = (props: Props) => {
         <FlipCard
           ref={flipRef}
           collapseMenu={collapseMenu}
-          defaultWidth={180}
+          defaultWidth={isEn ? 210 : 180}
           onChange={onFlipChangeHandler}
         >
 

package/src/components/menus/export-modules/okr-menus/menus.ts

@@ -14,6 +14,7 @@ import {
   MENU_ITEM_NOE
 } from '../../components/menu-tree/tree-node/index';
 import { isLocal } from '../../../../utils/helpers';
+import { getLocale } from "../../../../utils/getLocale";
 
 interface TreeNode {
   key: string;
@@ -311,7 +312,7 @@ export default class okrMenus {
 
       treeNodes.push({
         'key': `${menu.key}`,
-        'title': menu.label,
+        'title': getLocale(menu.label) ? getLocale(menu.label) : menu.label,
         'data': menu.data || menu,
         'isLeaf': isLeaf,
         'children': this.formateToTreeNodeData(menu.children || [], level + 1, menu.key),